.Header {
    position: relative;
    color: var(--color-lightest);
    background-color: var(--color-layout-dark)
}

.Header-Wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 320px;
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 15px 15px 15px 0
}

@media (max-width: 1000px) {
    .Header-Wrapper {
        padding-left: 15px
    }
}

.Header-Logo {
    margin-right: 16px
}

.Header-Content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (max-width: 768px) {
    .Header-Content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.Header-Titles {
    color: var(--color-lightest)
}

@media (max-width: 768px) {
    .Header-Titles {
        display: none
    }
}

.Header-Title {
    margin-bottom: 5px;
    font-size: 2rem;
    font-weight: 700
}

@media (max-width: 768px) {
    .Header-Title {
        margin-right: 15px
    }
}

.Header-Subtitle {
    font-size: 1.4rem
}

.Header-Section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

@media (max-width: 768px) {
    .Header-Section {
        margin-left: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.Header-Links {
    margin-right: 44px
}

@media (max-width: 500px) {
    .Header-Links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.Header-Link {
    margin-right: 60px;
    font-size: 1.4rem;
    line-height: 1.4;
    color: var(--text-white)
}

@media (max-width: 900px) {
    .Header-Link {
        margin-right: 25px
    }
}

.Header-Link:last-child {
    margin-right: 0
}

.Header-Search {
    margin-right: 25px
}

.Header-Login {
    font-size: 1.4rem
}

.Logo {
    width: 41px;
    height: 41px
}

.Footer {
    margin-top: auto;
    padding: 15px 0;
    border-top: 1px solid var(--color-layout-primary)
}

.Footer-Wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 768px) {
    .Footer-Wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.Footer-Item {
    display: block;
    margin-bottom: 16px;
    font-size: 1.4rem;
    line-height: 1.2;
    color: var(--color-black)
}

@media (max-width: 768px) {
    .Footer-Item {
        margin-right: 15px;
        margin-bottom: 10px;
        text-align: center
    }

    .Footer-Item:last-child {
        margin-right: 0
    }
}

.Footer-Item:last-child {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .Footer-Links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px
    }
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(../fonts/roboto-v20-cyrillic_latin_cyrillic-ext-italic.44803401.woff2) format("woff2") url(../fonts/roboto-v20-cyrillic_latin_cyrillic-ext-italic.23699154.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(../fonts/roboto-v20-cyrillic_latin_cyrillic-ext-regular.fa18727a.woff2) format("woff2"), url(../fonts/roboto-v20-cyrillic_latin_cyrillic-ext-regular.f5e9a4ea.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(../fonts/roboto-v20-cyrillic_latin_cyrillic-ext-500.af3eb2e5.woff2) format("woff2"), url(../fonts/roboto-v20-cyrillic_latin_cyrillic-ext-500.3d291974.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(../fonts/roboto-v20-cyrillic_latin_cyrillic-ext-700.1b4bd659.woff2) format("woff2"), url(../fonts/roboto-v20-cyrillic_latin_cyrillic-ext-700.9880f0c6.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(../fonts/roboto-v20-cyrillic_latin_cyrillic-ext-500italic.4661310e.woff2) format("woff2"), url(../fonts/roboto-v20-cyrillic_latin_cyrillic-ext-500italic.59dbca61.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(../fonts/roboto-v20-cyrillic_latin_cyrillic-ext-700italic.f2842125.woff2) format("woff2"), url(../fonts/roboto-v20-cyrillic_latin_cyrillic-ext-700italic.01e822b3.woff) format("woff")
}

:root {
    --color-primary: #4b4bee;
    --color-secondary: #ec4141;
    --color-layout-primary: #f2f2f2;
    --color-layout-dark: #171727;
    --color-highlight: rgba(236, 65, 65, 0.4);
    --color-lightest: #fff;
    --color-light: rgba(0, 0, 0, 0.3);
    --color-darkest: #000;
    --color-border: #c4c4c4;
    --text-faded: rgba(23, 23, 39, 0.4);
    --text-lighter: rgba(23, 23, 39, 0.7);
    --text-editor: #b3b3b3;
    --color-hover: #9595f5;
    --color-hover-editor: #fbbaba;
    --color-active: #6767ed;
    --color-visited: #121239;
    --color-accept: #81d530;
    --color-deny: #f92c57;
    --color-success-text: #02a343
}

html {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2
}

body {
    margin: 0;
    padding: 0;
    overflow-y: scroll
}

a {
    text-decoration: none
}

a:visited {
    color: inherit
}

#app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Wrapper {
    min-width: 320px;
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-bottom: 45px;
    margin-left: auto
}

@media (max-width: 1000px) {
    .Wrapper {
        padding-right: 15px;
        padding-left: 15px
    }
}

.Link {
    color: inherit;
    text-decoration: none
}

.Input {
    width: 100%;
    padding: 4px 16px;
    background-color: var(--color-layout-primary);
    border: none;
    border-radius: 20px
}

.Input:focus {
    outline: none
}

.Input:placeholder {
    font-size: 1.2rem;
    color: var(--text-faded)
}

.Input-Error {
    margin-top: 5px;
    font-size: 1.2rem;
    color: var(--color-secondary)
}

.Input--state_invalid {
    padding: 3px 15px;
    border: 1px solid var(--color-secondary)
}

@media (max-width: 500px) {
    .Search-Wrapper {
        position: absolute;
        left: 0;
        top: 74px;
        width: 100%;
        height: 46px;
        background-color: var(--color-layout-primary);
        border-bottom: 1px solid var(--color-lightest)
    }
}

.Search-Input {
    height: 100%
}

.Search-Close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 16px;
    height: 16px;
    fill: var(--color-darkest);
    cursor: pointer
}

.Search-Icon {
    display: none;
    width: 25px;
    height: 25px;
    cursor: pointer
}

@media (max-width: 500px) {
    .Search-Icon {
        display: block
    }
}

.Title {
    font-size: 2.5rem;
    font-weight: 700
}

.ServerInfo {
    margin-top: 25px;
    font-size: 1.4rem
}

.Icon {
    width: 22px;
    height: 22px
}

@media (max-width: 768px) {
    .Icon {
        width: 16px;
        height: 16px
    }
}

.Icon--like {
    fill: var(--color-primary)
}

.Icon--dislike {
    fill: var(--color-secondary);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Icon--views {
    width: 34px
}

@media (max-width: 768px) {
    .Icon--views {
        width: 25px
    }
}

.Icon--delete {
    width: 10px;
    height: 10px
}

.Icon--close {
    width: 20px;
    height: 20px;
    fill: var(--color-lightest)
}

.Icon-Google {
    width: 34px;
    height: 32px
}

.Icon-Fb {
    width: 33px;
    height: 32px
}

.Icon-Vk {
    width: 33px;
    height: 31px
}

.Form-Row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 31px
}

@media (max-width: 500px) {
    .Form-Row {
        display: block
    }
}

.Form-Label {
    width: 40%;
    font-size: 1.4rem
}

@media (max-width: 500px) {
    .Form-Label {
        width: 100%;
        margin-bottom: 10px
    }
}

.Form-Value {
    width: 60%
}

@media (max-width: 500px) {
    .Form-Value {
        width: 100%
    }
}

.Form-Value--captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Form-Captcha {
    width: 100px;
    margin-right: 16px
}

.Form-Captcha img {
    max-width: 85px;
    max-height: 50px
}

.Form-Submit {
    text-align: right
}

.CheckForm-Input {
    display: none;
    cursor: pointer
}

.CheckForm-Value {
    position: relative;
    margin-bottom: 15px;
    padding-top: 2px;
    padding-left: 25px;
    font-size: 1.4rem;
    cursor: pointer
}

.CheckForm-Value:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background-color: var(--color-layout-primary);
    border-radius: 50%;
    cursor: pointer
}

.CheckForm-Value:hover:before {
    background-color: var(--color-hover)
}

.CheckForm-Input:checked + .CheckForm-Value:before {
    background-color: var(--color-active)
}

.CheckForm-Title {
    margin-bottom: 5px;
    font-weight: 700
}

.Tag {
    display: inline-block;
    padding: 5px 16px;
    line-height: 117%;
    color: var(--color-lightest);
    text-transform: uppercase;
    text-decoration: underline;
    background-color: var(--color-primary);
    border-radius: 20px;
    cursor: pointer
}

.Tag:hover {
    background-color: var(--color-hover)
}

.Tag:active {
    background-color: var(--color-active)
}

.Time-Tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000
}

.Time-Tooltip .Time-TooltipText {
    visibility: hidden;
    opacity: 0;
    background-color: var(--color-layout-dark);
    display: inline-block;
    color: var(--color-lightest);
    border-radius: 10px;
    padding: 5px 5px;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 20px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.Time-Tooltip:hover .Time-TooltipText {
    visibility: visible;
    opacity: 1
}

.vueditor {
    min-width: auto;
    border: none
}

.vueditor .ve-toolbar {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: var(--color-layout-primary);
    border: none
}

.vueditor .ve-toolbar, .vueditor .ve-toolbar div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vueditor .ve-toolbar div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 32px;
    padding: 2px 5px;
    margin-bottom: 10px;
    background-color: var(--color-lightest)
}

.vueditor .ve-toolbar div:active, .vueditor .ve-toolbar div:hover {
    background-color: var(--color-hover-editor)
}

.ve-select {
    height: 31px;
    margin: 0;
    border: none;
    border-radius: 5px
}

.vueditor [class^=icon] {
    opacity: 1
}

.ve-toolbar div:first-child, .ve-toolbar div:nth-child(4), .ve-toolbar div:nth-child(10), .ve-toolbar div:nth-child(15) {
    border-radius: 5px 0 0 5px
}

.ve-toolbar div:nth-child(2), .ve-toolbar div:nth-child(5), .ve-toolbar div:nth-child(13), .ve-toolbar div:nth-child(18) {
    border-radius: 0 5px 5px 0
}

.ve-toolbar div:nth-child(4), .ve-toolbar div:nth-child(6), .ve-toolbar div:nth-child(8) {
    border-radius: 5px
}

.ve-design {
    background-color: var(--color-lightest)
}

.ve-toolbar div.ve-divider {
    background-color: var(--color-layout-primary);
    border-right: none
}

.vueditor .icon-link {
    width: 17px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF2SURBVHgBlVTdcYMwDMbAANmgdAPYIHnkDrgyQcgG2aDpBDQTNExAy89zskGzQd0Jyjt//cTZdz4aCtGdz7JkfZI+C5h2h6RpujJN026ahodhyKWdLQ02DOOVMbZVzBeA7QhsFkRkP0O1sSosjrXCsvq+523bOvpSAApAZsf3fQe2DWxXVGZB3+pLAZBxI3lwXZf2E+nw2ZMg4GCtAoz9qMIWO58ECYLgHQA7AkBFEdZXURQDsVmWRfBFpKPFhI1bQAWxrusXz/MSsuV5fsD2LK5QZQ6yv4nzARy9mBMcWNgTFQCBUdd1fwAG3xSJ1IIKUNf1B2w/YwCSoZI5ANkauKCB4wA4qjQwkLVHcKw+I9pI4VsjgHzf2B8k0C3RcUmOciTnAJlCsP4IDqjdM+6ctH+EnphGmOaCqw6cn1QS50CupKCVvTTSHNx6hSlhZVnaKPuTDsQLgukjs5cCDCAiM5UeQ7WEvRIAR22BjCdWVkA/nUpbKL/zYuZ4cZoDpQAAAABJRU5ErkJggg==)
}

.vueditor .icon-unlink {
    width: 17px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGCSURBVHgBnZPbcYJQEIY9qM/agaaC4Ojwih2QDmIHpgMnJaSCSAehgsRXLgOpINgBvMIA+X+HdQjKSDwzzO5Zdr+9gRr844RhOM3zfE7dMIxI7KovIAiCTVVVk+FwGPNelqVeFIVDWC+I53kvAHwBoOM6oy3LMns8HluozLkJEYBS6gnPz2q1smn3fX8LqI2Kdto9gLqdA4SJJ+mEYIhzBFYCQFan+Z6tIUFCvROyWCxiBKdw/kRWxbLZgiQAgAmOEPHFTGQLKP2Nd9d1NwDNuAlIS9M0G7oJ/QDw83K5fNXaM4BDhAx6G4Bg8xqAfqpriGyhCWBlqHJHUBNwnkkbAFPaBtQbSWGzmoBTJQCsETgD5EHWKHOpt+CwheZ620djJjpCTsQRmfa4f9DO0lkZ5qN3Qmo5ReboT4k4BHAGUB+bP9wFpP5gEm6EfymN/A4E0B7itaMYCMetBNBIsLRyC3CCSGYM7x3qHoAj5BrQqg/gDJHD4Y1Gowla+8Znnwx6nl8p7h/AeDPCMwAAAABJRU5ErkJggg==)
}

.vueditor .icon-table {
    width: 30px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAADtaU2/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH2SURBVHgB1VbdUcJAEL6E8Ox14FmB6YC8MvxIKhA6oAOlBCsAKzADzPAodmAHxA7iKwzg92GOWW40eSLKzoTk29zud/vd3QZvsViYzWYTqTPbdrtN4jjOLA5y0lWtVkvVmWy32/WCIHiBxZY84A9JW63WhzqTTafTT1Q8AvkY5AOS+6oiAylvT3nluhLier2+9DzvmhdgAnwXqAqs2WymuPFSqNaAuFGZ1K6dVEztuQaQJLW+/X5vXIxbBl9WNMbB2vf9odzArtQaAZN2u/1sHdiR406nM7B4Nps9IMnEJrHSyRiOAR6JHH2HR/0PqWmQpY8ZRsIVsWqBQzSEEL6D1FBIU0onhu+NBRjD59dCYkoNaU+k7na7pVLLGI5BzIVIDRkprWcxFAidGYe4emyDBKheI+ZWxqhvqY8xGNNQZVLDuHYrgVOJeYywplnu51dH5x3JHXPEeGbXUoXEmN07jsKbxZw51uuIsX4Rxizhk2usZQzHyBjkuHF5ftrVmsnE7E8w30PaG/gOJaDhGDfGxfj6XZUSwyIk0wIb4HuBQyQmYWZJeFycmFDG8PhBpaSQGEkSp3MZeTQgIyso61wKx+syjhN3Y28+n0fWwYYPPBaYneoRPiV9Tox2Y9br9e9S5/+HYlWB/a3UaAJDbIhMVWCUHXzLL26aP+oKSrbuAAAAAElFTkSuQmCC)
}

.vueditor .icon-file-image-o {
    width: 22px;
    height: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFnSURBVHgBtZTRbYMwEIYN5L3ZoOkEDSCQeCsbpBM0nSAjlE6QbpB2g2wAfQYE3YBOEJ5BQP5DiRRZTsBATrJsnU6fz7/vTomiaKUoypxNaFVVpTPsm6Zpcuw5m8aWmqbtCcxUVf0yDOOXTWBxHH+0THYnm0nGsyRJFtBwh+MSK4eMP5ZleXycdMZ1Xfv47AA6PmG5OD/j+dtRYKogZJiapvmp63qOlQH+Dt8KL5l3gpHBmg882SMyzC4ddAF8DPCHm+AwDD0EbaGjz8Ph/+OzQ/wLfAxV9X8VTFDc/laWpY59z8PxSQH83/AnkGVD2qJUd9D9lU9QFUBdx3Ey0lEEJz9ga+pWZJoVReHatp3yYAU3+6fz4gy9DKCCp+dTBZCerMP4BhFCzxmKMu+yFkxPE0HHwHvXsSxcqkFk4NIt3Rc+aLr1gQ8em13wUfP4Fnz0oL8Gbwc9ej1AB7KhRkOIDPAD7bjIOwKcZgTvnstkfQAAAABJRU5ErkJggg==)
}

.vueditor .icon-fullscreen {
    width: 26px;
    height: 26px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGUSURBVHgB7ZVLcoJAEIYHRNfeQK7ga+FOb5CcIHoCvYF6guQGJjfwBrJjwSs3CLmBLoEC8ncVJIgDM1CVLFL+VdbgPPqb7pmeVmzbflAUpc84UlX1OBwOz0xCIjsa2nWapnPeBPSf0EiBRHZU9kfigc7YwQLu6qPR6JNJqtPpPNIafL6JQHmI+oj1IQgChTUQnWUcxyt8PolA7wDssm+92+2eTNPUmaQsy9ph/Tb76xds3YDYeDzet4GVIVEULdBehV3FeewR3yV+L21gPMhsNvNxXkZmd4nxS+U5OI6zxSZ2ZQMyEJ69yutd8owr7DqVgUgJGb+uC51o/K5/JFzhjSCPNjKXQRVAKE+eq5JWNC4FKiUjf/FPHglfECWvjEmS+NPp1OBAapOx6gXxPE+HzXm2oSOBqIpShzGZTBZNIHWwXq83R98hA+lXoWsDIfEeYrSD4pyiR0W1ertKnn3rxqNMVMpXrKHoIoRhSGVcWMpzUSk/wf0P13UHTFKYf6A1TKKU/6o0qrCapr1WjF+YpER2vgAVhxM+WeBjiAAAAABJRU5ErkJggg==)
}

.vueditor .icon-code {
    width: 69px;
    height: 36px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAAAkCAYAAADfJffWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQrSURBVHgB7ZhbUiIxFIYjoq+yA5kVDK5AeLS8QK9AXIG6AnEF4grEFQBeykdwB8wKBlcw7Zvldb4/k1CxBaVrZqocpv+qVNK5nJyc85+TgDEZMmTIkCFDhgyfE3NmxnB1dVV8fHzcnmYu806jKBom+3NmxvDw8FCmKs3NzQ3fK5ozPz/fa7fbxaSMvJlNDDY2Nk7fm3B+fl7EOIN8Pn+CYXZCxswcU9JAjMEoO84wRd8/YsrFxcXey8uLYrHkugYsan5k8X8da2trQ/LQDs0RYyxTzs7O6hjkiNKnlFVELeoWY3tmRsH59gijHgn3hHbR5ZiCZQoG2KXqbG1t7QdrrhV31BprhsK0kKowLnOngZNjkBOnkS2q/+7em5ubh5eXl62w7/n5ubO4uLjkw6fgyivkcrl9LPjVf7vr7oRmWd+waMichg8xjKj+npiGga/9OvpfqBpSRKzECfLMKXWV/gGlYj2Uz7dD2VTHyBk5xK09kq7IlKebCUemwvr6+k34jUzrHBs+bHQsZdj0VcJh0assjkF6UkiHpr3CupZCzBkjLVZZrzzW0IeSnSgs2RhaN0NLBvCy0a3mjNnSOEXfdcYPzB+GZQoHbyJ8SZugnDaySZY7/9rTVF6iElO+BNQdOKWlWN+kwNPTU4SXxRLPsBolZNih+l3y748J8RvGxSLlvMMpt7Vsv7+/r1er1cakOaPbR9SW8G63WyXh1OQR6iFxF4kxeGaVvsGYWO6YRM6ZBsTuD98WQzi0DPUtnINOleCzTOknmKGbsoCOy8lQ8HAhr2Rake44epdzDcQ8hlfHhd+bdwoW7MIc3d1fpCjJ58j8ZbDPkuow4U6CCzFfYjkPz9+Om+sNgvyGdybtmiIAY3RoxzxFTpLr8kHyPMQzfT+g+xuvtGg29I1xYoQUxxyoxNhQbdgU0zZpwcFu5YCkx11+i52xVPocZupQQRflP+VCG5LIt7p6AzF2Q6kryYcOyd3d3elDNNwdI1cxbQWgdJeqgGVHP7ZkUCVG4/IJHovd3FI4x3wAwkYhGFOP3kTuNupBdR8uyj974UUg2aE+SSjsWR/pVpM85G8rgWvMhc8BfZUkQ/PqwIIVLNhm4nd/QMcKHU6vPcW34rnhHnRlHQIPKPfoUNZ78gBztL7hkqTm2LnmHUgHDicZum1kaP1o87KPraI8xxUKemCxv4woBujR2aJ5+p5hMF6E/rF0InSsvIWFhQGEWBkXsjm/kE2V1EJqdnTtKvZ8h5Ixxqu5Q+pd00TplTD5siZCUb1vLOUJqcj8CkFLYSU5fSfzgG5A5q44Zr6RrXAOdLTvKubWpnmnaK3TrRLKm5TDZu7/FPfAW3a3aSroyY9j6v/1r+RJmNX/U0rusZkW9qfOzBmFBNondywrhEx6dCY9AjNkyJAhQ4YMGT4DfgL8ncVTheU+mQAAAABJRU5ErkJggg==)
}

.vueditor .icon-bold {
    width: 15px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAYAAACEnoQPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADWSURBVHgBlVShDsIwEL0REMyQMBLMECAgwYDl/wUGMTODmUFgJgbJEBjuQRsuDVeuL3lLX5fXu95dmhHRiLmkODrmndnLzaEzr8mGC/PsDxlQGkrmwQX9fJQIHlNmLvSYuWA2mrkK9M4ZPAqYrWm3gUadzHeeBRrVV+8sqz9hzoVGpRurOYx4Yj4gUluFLDb0p1VHsUZxtvRtF3r9ZNZa5Fbw6lKVKFPSvgUa2eRW8+rHXq/deS/WGMci+P8eGs1cUhxVzKwBEWtyfc7I9hhgqvAYdHLzBbHLIyb3bEk5AAAAAElFTkSuQmCC)
}

.vueditor .icon-italic {
    width: 13px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACkSURBVHgBjZIxEkAwEEU3hoIiCrXCMRTOr3ADN1AoKGSGRmLCfDsS+2d2JCtPfr4oequ2lVNcR8oajS39A80JTDIB4LQo1ijgAx30e1vGj3dub/PPivVnnCT0rRLt8JchCBM0UkiHrMUgtLdKIJccBnRIIM0A0U5RayEI/9EihfA8hgILMl9fO7kzFTC+QlF+UUv/GmxNt72SZDJoz13SUQA9SZ44VxtAefLAcQAAAABJRU5ErkJggg==)
}

.vueditor .icon-strikethrough {
    width: 17px;
    height: 36px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAkCAYAAABv2tHkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFgSURBVHgB7VTLSsNAFL1tMpQWsYgiBR/YjQv9gn6EP5Wfc+PGhRsXisRFRQq2SLUkJt5j7qTXcaZ21W5y4JBkHueee2YIUYMGG0IrML7PHDC7TCNjL8wxc76OyCVzSGHcC2tEKwQy5hPzlZkzd5RLzL3ZTbES6CkBWL5mfqj5PnMke86ZqYhTWy3aVe/PjgAwlY2AEUd/nGiExlMRA2Z2UGeyYJ6Juz1y+lZrZsLcJ1Iwv5iH8o3niSzORdQL93RsZdsvesd9GcpYi1QbFj/3JEmSGz1YlmU7y7JOURQx3vVcHMcLY8xn7SKKrkI3VgMOjqlqzeKReVcLrSGCo8aVx8mc0jL4B6py/CVywTyiKoOxRwzhdkQAeCfJR9+HPi0DRdWJR8h7Qjq01HHVc9biW+dSF3GDHSk3yGIqliEwUM5R8DYkAvz3K0Cg+BXkq0SArlQ+kOpwNZcWJtSgwbbwDX4SUk8rPeyDAAAAAElFTkSuQmCC)
}

.vueditor .icon-eraser {
    width: 22px;
    height: 33px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAhCAYAAADdy1suAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADiSURBVHgB7ZSxCsIwFEVvpA51aAf/QhcHHfoPBb/Rj+h/6ODiJDh3aAc7KNUXmmKQ1L7ELIUcuCQk4eZxeTwgEAgMIgxnKWkFHnfSyXQRGc6WSn9hMq5Il4GPbqTm6y3buFTqWWvGZ9ITDGaMN4laH1xTrnGq1hoWjBnP8YmrgkfjRNs38GicanuvUegVe40iVqtVR3CMnTpizFiaOnXEmHGs7UtYEv24k7n2M8M6Cl/s0HXQgpTJA1EUxaZt2z0cEEJc8zw/oItti26+H0k1Z1aw/lB6wTOyWhmFrDxDYNq8AdUSJcY3O3PrAAAAAElFTkSuQmCC)
}

.vueditor .icon-list-ul {
    width: 22px;
    height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADdSURBVHgB7ZS9DYMwEIXPKBKU2SBsENwCBUyQbJCskAkgE2QVwo8oIQJEywiMQEQHQuSZMl1MSj7p5GdbfjpZd0f0Z1hVVcY8zw/oxrbtWxRFHrRPcuSsLMsMwlncGeOWZTW0gh3iKQyRZTuOY5ckiTFNk0ESIKGWCZFl2V6srut2YRieIU8kgTCkjY3fWeqwrmtd07SOc76+sIui8CE8sRmGgfd979CKwt4pinJE2xFCV1X1iG4JcBeQJKKX74g93HPTNF9xHF9gfiUJ8K5h34dpmuoYEgeSAH///gBeKFzX9Y/ptwAAAABJRU5ErkJggg==)
}

.vueditor .icon-list-ol {
    width: 23px;
    height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD8SURBVHgB7ZQxqgIxEIYnvDzhvUIFESwURNAT2FgJ1hYewSN5Az3D7gXsbAS1tVGwEAsLLbTQ3fUfnMXBMqYR/eBjJkR+l5AJ0btiVF8QmSV5wEqtwDrMwBl5Ig3fwg3swnO6GYbhCqVKDhhj+nqdk3BvWNX/wYPeDIKgh5InB6IoGuvwLKkjEdqu4dbatV6X6HFbvrwpP6r/hUWYwAt5IA2vwSb8l56nNaYXSe853/E53NF9Snla976GaC61AU8cLGtvQ8TBHbo/A14wKrgMJ6SeABzLEK9blRyI43jAx1KR8CtswSOcym9GSZKQCwhf8JfzH2Se9k700dwAeR046snxGzUAAAAASUVORK5CYII=)
}

.vueditor .icon-indent {
    width: 26px;
    height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAXCAYAAAAV1F8QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADvSURBVHgB7ZXBDYJAEEVnZfuQEuxAriRAQgViJWoFtgAVkEAIR7UT7MAzEHA4kBjDwjhsCAdfQv4ehvzMzt9dgDWQpump+0ADG1iIvxEbSS3EUFgoN2BCNnJd944igAnZKM9zs6oqi1LreV6oNIrj2PR9v4Bx9kAjVBpJKQ8oF9Wftm0XKEdgIpMkCYQQW1xbOHCo6zoa6izLsl3TNFdgIvv97Exw4MqOyrIsDMM4A9eoX7Rt+xwrxC5fKA+YazSUlE9U5wi3PXAcJwKq0RSLnaPZYaAWagvDFNrCMMUvlyrOU7CN5oZhNe8ReybfvAElnlSlfPPNywAAAABJRU5ErkJggg==)
}

.vueditor .icon-outdent {
    width: 29px;
    height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAXCAYAAAD3CERpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEQSURBVHgB7ZXdzYJQDIbLT7j+NvjcQDfQe36UDWQCV3ED2QDl51rZgA3UCdRbEsCXRBMTwXNSMWrik5CeNLRvOWkL0ScTRdE2SZJ/6gCV3sBP9KXoxCCO40VVVVNigDifJWpZlgfjEROWKMZnhIp7ovcURdnZtr0RigZB8Fdb13WPbckugkMSi1ZN/jtRTdMmeNY4too6juPD+MREx5YZlGU5vvENiqLoh2GYIvmyKQjXO4OZEANopbppmhnO2dUJsWn9pfDv2wJVVU1RWEYMDMPYN13vIc/z06PAS6Fs9IaEK1FQ25yiUxWS4Kvm9LlGIgadN5IMnTeSDLILv17umHWvE9FnG+njf+Jz0dKQ5QxLmHYB/2S3mwAAAABJRU5ErkJggg==)
}

.ve-toolbar div .ve-select {
    color: var(--text-editor)
}

.ve-dropdown {
    border: none
}

.ve-design iframe {
    position: relative
}