stylesheet.css

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format("woff2");
}

:root {
    --font-family:
        -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Geneva,
        Noto Sans Armenian, Noto Sans Bengali, Noto Sans Cherokee,
        Noto Sans Devanagari, Noto Sans Ethiopic, Noto Sans Georgian,
        Noto Sans Hebrew, Noto Sans Kannada, Noto Sans Khmer, Noto Sans Lao,
        Noto Sans Osmanya, Noto Sans Tamil, Noto Sans Telugu, Noto Sans Thai,
        sans-serif;
}

body {
    --layout-width: 960px;
    --page-width: calc(var(--layout-width) - 165px);
    --header-height: 42px;
    --module-border-radius: 2px;
    --button-border-radius: 2px;
    --tooltip-border-radius: 3px;

    /* Base colors */
    --white: #fff;
    --black: #000;
    --transparent: transparent;

    /* Background colors */
    --body-background-color: #edeef0;
    --module-background-color: var(--white);
    --module-background-color--secondary: #f0f2f5;
    --module-header-background-color: #fafbfc;
    --header-background-color: #507299;
    --header-background-color--hover: #486991;
    --header-background-color--active: #43648c;
    --button-background-color: #e5ebf1;
    --button-background-color--hover: #dfe6ed;
    --button-background-color--active: #dde1e7;
    --button-background-color--light: #f2f4f7;
    --dimmer-background-color: var(--black);

    /* Border and shadow colors */
    --shadow-outline-color: #e3e4e8;
    --shadow-bottom-color: #d7d8db;
    --border-color: #e7e8ec;
    --border-color-2: #c5d0db;
    --border-color-3: #d3d9de;
    --border-color-4: #cad2db;

    /* Text colors */
    --text-color: var(--black);
    --header-text-color: var(--white);
    --muted-text-color: #939393;
    --muted-text-color-2: #656565;
    --muted-text-color-3: #828a99;
    --heading-color: #222;
    --link-color: #2a5885;
    --link-color-2: #55677d;

    /* Sidebar colors */
    --sidebar-color--hover: #e1e5eb;
    --sidebar-text-color: #285473;
    --sidebar-count-color: #d1d9e0;
    --sidebar-count-color--hover: #bbc7d3;
    --sidebar-count-text-color: #5b6e85;

    /* Search colors */
    --search-color: #31537a;
    --search-color--active: var(--white);
    --search-text-color: #d9e2ec;
    --search-text-color--active: var(--text-link);
    --search-text-color--placeholder: #8fadc8;

    /* Accent colors */
    --accent-color: #5e81a8;
    --accent-color--hover: #6888ad;
    --accent-color--active: #58799e;
    --accent-color--rgb: 94, 129, 168;
    --accent-text-color: var(--white);
    --accent-color-2: #5181b8;
    --accent-color-3: #6287ae;
    --accent-color-4: #577ea2;
    --accent-color-5: #5185be;
    --accent-color-6: #638ab1;

    /* Success colors */
    --success-color: #5fb053;
    --success-color--hover: #68b35d;
    --success-color--active: #4e9e45;
    --success-text-color: var(--white);

    /* Audio player colors */
    --audio-background-color: #edeff1;
    --audio-background-color-2: #f5f7fa;
    --audio-slider-color: #e4e7ea;
    --audio-slider-color-2: #e1e8ee;
    --audio-slider-progress-color: #b8c7d7;
    --audio-count-color: #cfd9e0;
    --audio-count-text-color: #5e6a79;

    /* Tooltip colors */
    --tooltip-background-color: rgba(0, 0, 0, 0.7);
    --tooltip-background-color-2: rgba(194, 206, 218, 0.9);
    --tooltip-text-color: #fff;
    --tooltip-text-color-2: #4d637c;

    /* Additional UI colors */
    --menu-divider-color: #dfe2e8;
    --tab-border-color: #e3e7ef;
    --tab-text-color: #828282;
    --dropdown-border-color: #c9d0d6;
    --dropdown-hover-color: #e7edf2;
    --post-action-color: #42648b;
    --post-action-active-color: #6983a0;
    --post-meta-color: #7996b5;
    --quote-border-color: #dee6ee;
    --search-placeholder-color: #929eb0;
    --search-placeholder-focus-color: #c0c8d0;
    --message-warning-background: #ffefe9;
    --message-warning-border: #f2ab99;
    --overlay-background: rgba(0, 0, 0, 0.4);

    /* Profile page colors */
    --album-background-color: #ecf1f5;
    --album-title-muted-color: #8997a5;
    --profile-border-color: #dadbde;
    --profile-button-border-color: #7496b9;
    --video-overlay-background: rgba(0, 0, 0, 0.5);
    --video-overlay-background-hover: rgba(0, 0, 0, 0.6);

    --elevator-bg-color: #dce2e8;
    --elevator-text-color: #466a94;

    --backdrop-dripper-shadow-59: color-mix(in srgb, var(--body-background-color) 59%, transparent);
    --backdrop-dripper-shadow-43: color-mix(in srgb, var(--body-background-color) 43%, transparent);
    --backdrop-dripper-shadow-35: color-mix(in srgb, var(--body-background-color) 35%, transparent);
    --backdrop-dripper-shadow-28: color-mix(in srgb, var(--body-background-color) 28%, transparent);
    --backdrop-dripper-shadow-16: color-mix(in srgb, var(--body-background-color) 16%, transparent);
}

#ajax_audio_player {
    display: none;
}

#backdrop {
    top: var(--header-height);
}

#backdropDripper {
    width: var(--layout-width, 960px);
    background-color: var(--body-background-color);
    box-shadow:
        -30px 0px 20px 20px var(--body-background-color),
        -50px 0px 20px 20px var(--backdrop-dripper-shadow-59),
        -70px 0px 20px 20px var(--backdrop-dripper-shadow-43),
        -90px 0px 20px 20px var(--backdrop-dripper-shadow-35),
        -110px 0px 20px 20px var(--backdrop-dripper-shadow-28),
        -130px 0px 20px 20px var(--backdrop-dripper-shadow-16),
        30px 0px 20px 20px var(--body-background-color),
        50px 0px 20px 20px var(--backdrop-dripper-shadow-59),
        70px 0px 20px 20px var(--backdrop-dripper-shadow-43),
        90px 0px 20px 20px var(--backdrop-dripper-shadow-35),
        110px 0px 20px 20px var(--backdrop-dripper-shadow-28),
        130px 0px 20px 20px var(--backdrop-dripper-shadow-16);
}

body {
    background: var(--body-background-color);
    color: var(--text-color);
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-family: var(--font-family);
    line-height: 1.154;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}
.theme-switching * {
    transition:
        0.5s color,
        0.5s border,
        0.5s background-color,
        0.5s box-shadow;
}

.layout {
    width: var(--layout-width);
    transition: .2s width;
}

.page_body {
    width: var(--page-width);
    transition: .2s width;
}
.page_content {
    width: 100%;
}

.no-sidebar .page_body,
.no-sidebar .page_content {
    width: 100%;
}

.page_body {
    font-size: 13px;
    margin-top: calc(var(--header-height) + 15px);
    margin-right: 0;
    padding: 0;
    background-color: var(--transparent);
    box-shadow: none;
    float: left;
    position: static;
}

.wide_column {
    position: relative;
    width: 100%;
}

.narrow_column_wrap {
    position: relative;
    width: 230px;
}

.narrow_column {
    width: 230px;
    display: flow-root;
}
.fixed {
    position: fixed;
}

.wide_column_left .wide_column_wrap {
    margin-right: 245px;
}

.wide_column_left .wide_column {
    float: left;
}

.wide_column_left .narrow_column_wrap {
    float: right;
}

.wide_column_right .wide_column_wrap {
    margin-left: 245px;
}

.wide_column_right .wide_column {
    float: right;
}

.wide_column_right .narrow_column_wrap {
    float: left;
}

.label,
.nobold,
nobold,
.post_header_info .explain,
.post_author,
.notes_titles small {
    color: var(--muted-text-color);
    vertical-align: top;
}

#auth {
    padding: 0;
}

.page_info_wrap {
    padding: 15px 20px;
    line-height: 150%;
}

#auth.page_block {
    padding: 37px 30px;
}

.status_container {
    padding: 30px;
}

.status_header {
    font-size: 20px;
    font-weight: 400;
    color: var(--heading-color);
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 25px;
}

.status_content {
    font-size: 13px;
    line-height: 160%;
    color: var(--text-color);
}

.status_actions {
    padding: 30px;
    text-align: center;
}

.status_actions .button:not(:last-child) {
    margin-bottom: 15px;
}

.status_section {
    margin-top: 10px;
}

.module + .module {
    margin-top: 0;
    border-top: 1px solid var(--border-color);
}

.module_header {
    display: block;
}

.module_header .header_top {
    height: 32px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 15px;
    margin: 0;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-size: 12.5px;
    letter-spacing: 0;
    outline: none;
    color: var(--text-color);
}

.module_header .header_count {
    color: var(--muted-text-color);
    padding: 0 6px;
}

.module_body {
    padding: 12px 15px 15px;
    font-size: 12.5px;
}

.wide_column .module_header .header_top {
    padding: 2px 20px 0;
    font-size: 13px;
}
.wide_column .module_body {
    padding: 12px 20px 15px;
}

#wrapH,
#wrapHI,
.page-wrap,
.wrap1,
.wrap2 {
    border: 0;
}

.bottom-popups {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
}
.bottom-popup {
    height: unset;
    background-color: var(--module-header-background-color);
    color: var(--muted-text-color-2);
}
.bottom-popup .contanier {
    width: var(--layout-width);
    padding: 10px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    box-sizing: border-box;
}
.bottom-popup .contanier:before {
    content: "";
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-right: 15px;
    align-self: start;
}
.bottom-popup .text {
    flex: 1;
    min-width: 0;
}

.cookies-popup {
    background: linear-gradient(var(--module-background-color), var(--module-header-background-color));
    box-shadow:
        0 0 4px 0 rgba(0, 0, 0, 0.04),
        inset 0 1px 0 0 var(--border-color);
    position: static;
}
.cookies-popup .contanier:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Ecoooooooies%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M20.512%2010.324A3.498%203.498%200%200%200%2024%2011.964V12c0%206.627-5.373%2012-12%2012S0%2018.627%200%2012%205.373%200%2012%200h.035a3.498%203.498%200%200%200%201.64%203.488%205%205%200%200%200%206.836%206.836z%22%20id%3D%22a%22%2F%3E%3Ccircle%20id%3D%22c%22%20cx%3D%222%22%20cy%3D%222%22%20r%3D%222%22%2F%3E%3Ccircle%20id%3D%22e%22%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221.5%22%2F%3E%3Ccircle%20id%3D%22g%22%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20id%3D%22i%22%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20id%3D%22k%22%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20id%3D%22m%22%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221.5%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cg%20transform%3D%22translate(2%202)%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23D17715%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cpath%20d%3D%22M21.512%208.824A3.498%203.498%200%200%200%2025%2010.464v.036c0%206.627-5.373%2012-12%2012s-12-5.373-12-12%205.373-12%2012-12h.035a3.498%203.498%200%200%200%201.64%203.488%205%205%200%200%200%206.836%206.836z%22%20fill%3D%22%23F7B259%22%20mask%3D%22url(%23b)%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(7%2010)%22%3E%3Cmask%20id%3D%22d%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23c%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23482510%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3Ccircle%20fill%3D%22%236A3614%22%20mask%3D%22url(%23d)%22%20cx%3D%222.3%22%20cy%3D%221.5%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(16%2018)%22%3E%3Cmask%20id%3D%22f%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23e%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23482510%22%20xlink%3Ahref%3D%22%23e%22%2F%3E%3Ccircle%20fill%3D%22%236A3614%22%20mask%3D%22url(%23f)%22%20cx%3D%221.8%22%20cy%3D%221%22%20r%3D%221.5%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(10%2017)%22%3E%3Cmask%20id%3D%22h%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23g%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23482510%22%20xlink%3Ahref%3D%22%23g%22%2F%3E%3Ccircle%20fill%3D%22%236A3614%22%20mask%3D%22url(%23h)%22%20cx%3D%221.3%22%20cy%3D%22.5%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(19%207)%22%3E%3Cmask%20id%3D%22j%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23i%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23D17715%22%20xlink%3Ahref%3D%22%23i%22%2F%3E%3Ccircle%20fill%3D%22%23F7B259%22%20mask%3D%22url(%23j)%22%20cx%3D%221.2%22%20cy%3D%22.6%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(24%208)%22%3E%3Cmask%20id%3D%22l%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23k%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23D17715%22%20xlink%3Ahref%3D%22%23k%22%2F%3E%3Ccircle%20fill%3D%22%23F7B259%22%20mask%3D%22url(%23l)%22%20cx%3D%221.2%22%20cy%3D%22.6%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(19%201)%22%3E%3Cmask%20id%3D%22n%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23m%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23D17715%22%20xlink%3Ahref%3D%22%23m%22%2F%3E%3Ccircle%20fill%3D%22%23F7B259%22%20mask%3D%22url(%23n)%22%20cx%3D%221.8%22%20cy%3D%221.1%22%20r%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
        no-repeat;
}
.cookies-popup .buttons {
    margin-left: 15px;
}

.red-popup {
    background: var(--message-warning-background);
    box-shadow:
        0 0 4px 0 rgba(0, 0, 0, 0.04),
        inset 0 1px 0 0 var(--message-warning-border);
}
.red-popup .contanier:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14%202C7.3%202%202%207.3%202%2014s5.3%2012%2012%2012%2012-5.3%2012-12S20.7%202%2014%202zm0%2018c-.8%200-1.5-.7-1.5-1.5s.7-1.5%201.5-1.5%201.5.7%201.5%201.5-.7%201.5-1.5%201.5zm1.5-6.5c0%20.8-.7%201.5-1.5%201.5s-1.5-.7-1.5-1.5v-6c0-.8.7-1.5%201.5-1.5s1.5.7%201.5%201.5v6z%22%20fill%3D%22%23e55c3c%22%2F%3E%3C%2Fsvg%3E")
        no-repeat;
}
.red-popup .buttons {
    margin-left: 15px;
}

.bottom-popup__close {
    height: 24px;
    width: 24px;
    opacity: 0.7;
    cursor: pointer;
}
.bottom-popup__close:hover {
    opacity: 1;
}

.sidebar {
    width: 149px;
    margin: calc(var(--header-height) + 15px) 16px 0 0;
}

input,
h4,
.edit_link {
    font-family: var(--font-family);
    font-weight: 400;
}

input:focus,
textarea:focus {
    outline: 0;
}

.toTop.hidden {
    padding-top: 0;
    display: block!important;
    visibility: hidden;
    opacity: 0;
}
.toTop.inactive {
    display: none!important;
}
.toTop {
    background-color: var(--transparent);
    color: var(--elevator-text-color);
    width: 114px;
    left: 0;
    top: 0px;
    font-weight: 700;
    font-size: 12.5px;
    z-index: 1;
    padding-top: 13px;
    transition: .5s padding-top;
    visibility: visible;
    opacity: var(--to-top-opacity, 0);
}
.toTop::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--to-top-width, 114px);
    z-index: -1;
}
.toTop nobr {
    padding: 0 24px;
    background: url("../resource/icons/dev_toplink.png") no-repeat;
    margin-left: 7px;
}
.toTop #wrap {
    opacity: 0;
}
body.scrolled .toTop {
    padding-top: 60px;
}
body.scrolled .toTop:hover {
    opacity: 1;
    background-color: var(--elevator-bg-color);
}
body.scrolled .toTop #wrap {
    opacity: 0.5;
}
body.scrolled .toTop:hover #wrap {
    opacity: 1;
}

.error_block {
    text-align: center;
    color: var(--muted-text-color-2);
    padding: 20px;
    line-height: 160%;
}

.page_header {
    position: fixed;
    height: var(--header-height);
    width: 100%;
    background: var(--header-background-color);
    z-index: 100;
    display: flex;
    left: 0;
    justify-content: center;
    top: 0;
}

.page_header_inner {
    width: var(--layout-width, 960px);
    height: 100%;
    transition: .2s width;
}

.home_button {
    width: 157px;
    height: var(--header-height);
    position: static;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 8px;
}
.home_button:active {
    padding-top: 1px;
    height: calc(var(--header-height) - 1px);
}

.home_button .home_button_bg {
    background: url("../resource/icons/head_icons.svg") no-repeat;
    background-position: 0px -107px;
    height: 19px;
    width: 32px;
    margin: 11px 0;
    display: inline-block;
}

.ovkhat .home_button .home_button_bg {
    background-position: 0px 0px;
    width: 100%;
    height: 27px;
    margin-top: 6.5px;
}

.home_button .instance_name {
    font-size: 14px;
    color: var(--header-text-color);
    font-weight: 700;
    margin: 0 8px 11px;
    border-left: 1px solid var(--header-text-color);
    padding-left: 8px;
    white-space: nowrap;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    height: 19px;
    line-height: 20px;
}

.home_search {
    height: 100%;
    line-height: 16px;
    width: 230px;
    float: left;
}

#search_box select[name="section"],
#search_box .search_box_button {
    display: none;
}

.home_navigation,
.end_navigation {
    margin-left: 12px;
    display: inline-flex;
    height: inherit;
}
#top_notify_btn_div {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 46px;
}
.top_notify_count {
    display: none;
    padding: 1px 4px;
    border: 2px solid var(--header-background-color);
    border-radius: 12px;
    color: #fff;
    font-size: 9px;
    height: 11px;
    line-height: 11px;
    min-width: 5px;
    top: 6px;
    left: 21px;
    background-color: #ff734c;
    text-align: center;
    position: absolute;
    white-space: nowrap;
}
#top_notify_btn.has_notify .top_notify_count {
    display: block;
}
.no_notifications,
.notifications_error {
    padding: 20px;
    text-align: center;
    color: var(--muted-text-color);
}
.home_navigation .top_nav_btn {
    display: inline-block;
    width: 46px;
    transition: opacity 100ms linear;
}
.home_navigation .top_nav_btn_icon {
    display: block;
    margin: 11px auto;
    background: url(../resource/icons/head_icons.svg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    height: 20px;
    width: 20px;
}
.home_navigation .top_nav_btn:hover,
.end_navigation .link:hover,
.top_audio_player:hover {
    background-color: var(--header-background-color--hover);
}
.top_audio_player.audio_top_btn_active,
.shown .top_nav_btn,
#userMenuTrigger.shown {
    background-color: var(--header-background-color--active);
}
.top_nav_btn#headerMusicBtn .top_nav_btn_icon {
    background-position: -5px -62px;
}
.top_nav_btn#headerMusicBtn:hover .top_nav_btn_icon {
    background-position: -35px -62px;
}
.shown .top_nav_btn#headerMusicBtn .top_nav_btn_icon {
    background-position: -65px -62px;
}
.top_nav_btn#top_notify_btn .top_nav_btn_icon {
    background-position: -5px -32px;
}
.top_nav_btn#top_notify_btn:hover .top_nav_btn_icon {
    background-position: -35px -32px;
}
.shown .top_nav_btn#top_notify_btn .top_nav_btn_icon,
.top_nav_btn#top_notify_btn.has_notify .top_nav_btn_icon {
    background-position: -65px -32px;
}

.end_navigation {
    float: right;
    line-height: var(--header-height);
    height: var(--header-height);
}
.end_navigation a {
    color: var(--header-text-color);
    padding: 0 10px;
    font-weight: 700;
    height: var(--header-height);
    line-height: var(--header-height);
    display: block;
}
.end_navigation #userMenuTrigger {
    padding-right: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.end_navigation #userMenuName {
    margin-right: 10px;
}
.end_navigation #userMenuAvatar {
    height: 28px;
    width: 28px;
    border-radius: 14px;
    margin: 7px 0px;
    object-fit: cover;
}
.end_navigation #userMenuArrow {
    background: url(../resource/icons/head_arrow.png) no-repeat;
    background-position: right 0;
    margin: 1px 8px 0 7px;
    width: 8px;
    height: 4px;
    opacity: 0.45;
}
.shown #userMenuArrow {
    transform: rotate(180deg);
}

#userMenuTooltip,
.messenger-app--header #profile_actions_tooltip {
    --ui-actions-menu-distance: 0;
}

.header_navigation .header_divider_stick,
.header_navigation .link {
    background: 0 0;
}

.top_audio_player {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--search-text-color);
    padding-right: 10px;
    position: relative;
    max-width: 300px;
    line-height: 0;
    cursor: pointer;
    display: none;
    height: 42px;
}
.top_audio_player.top_audio_player_enabled,
.top_nav_audio {
    display: inline-block;
    vertical-align: top;
}
.top_audio_player .top_audio_player_btn {
    display: inline;
    float: left;
    padding: 16px 4px 12px;
    cursor: pointer;
}
.top_audio_player .top_audio_player_next {
    margin-right: 7px;
}
.top_audio_player .top_audio_player_prev {
    padding-left: 10px;
}
.top_audio_player .top_audio_player_play {
    padding: 14px 4px;
}
.top_audio_player .top_audio_player_btn > div {
    width: 14px;
    height: 14px;
    background-image: url(../resource/icons/head_icons.svg);
    opacity: 0.65;
    -o-transition: opacity 60ms linear;
    transition: opacity 60ms linear;
}
.top_audio_player .top_audio_player_btn:hover > div {
    opacity: 1;
}
.top_audio_player .top_audio_player_prev > div {
    background-position: -32px -89px;
}
.top_audio_player .top_audio_player_play > div {
    background-position: 0 -87px;
}
.top_audio_player.top_audio_player_playing .top_audio_player_play > div {
    background-position: -17px -87px;
}
.top_audio_player .top_audio_player_next > div {
    background-position: -48px -89px;
}
.top_audio_player .top_audio_player_title_wrap {
    margin: 12px 0;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    line-height: 16px;
    color: var(--search-text-color);
}
.top_audio_player .top_audio_player_title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 225px;
    transition: opacity 60ms linear;
}
[data-theme="musicpopup"].tippy-box {
    background-color: var(--module-background-color);
    border: 1px solid var(--border-color-2);
    border-radius: var(--tooltip-border-radius);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: var(--page-width);
    color: inherit;
    font-size: 12.5px;
    max-height: 500px;
}
[data-theme="musicpopup"] .tippy-content {
    padding: 0;
    max-height: 500px;
}
.tippy-content .pr .pr_bt {
    vertical-align: middle;
}

[data-theme="musicpopup"].tippy-box .bigPlayer {
    position: fixed;
}
[data-theme="musicpopup"].tippy-box .wide_column_left {
    padding-top: 60px;
}

.audio_content_wrap {
    display: flex;
    height: 452px;
}
.audio_content {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.audio_content .audiosSideContainer {
    flex: 1;
    padding: 8px 16px;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
}
.musfooter {
    padding: 10px 15px;
    margin-top: auto;
    position: fixed;
    bottom: 0;
    width: calc(var(--page-width) - 230px);
    background: var(--module-background-color);
    box-sizing: border-box;
    z-index: 9;
}
.tippy-box[data-theme="musicpopup"] :is(.wide_column_wrap, .narrow_column_wrap) {
    height: 441px;
    overflow: hidden auto;
    position: relative;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    margin: 0;
}
.tippy-box[data-theme="musicpopup"] :is(.wide_column_wrap, .narrow_column_wrap)::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari and Opera */
}
.tippy-box[data-theme="musicpopup"] .wide_column_left .wide_column {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: calc(100% - 230px);
}
.tippy-box[data-theme="musicpopup"] .wide_column_left .narrow_column_wrap {
    position: fixed;
    top: 60px;
    right: 0;
    float: unset;
}
.tippy-box[data-theme="musicpopup"] .wide_column_left .narrow_column {
    height: 100%;
}
.musfooter #ajclosebtn {
    float: right;
}

.audiosSideContainer {
    width: 100%;
}
.tippy-box[data-theme="musicpopup"] .audiosSideContainer {
    width: unset;
    padding-bottom: 50px;
}

.bigPlayer .tip_result,
.audioEntry .subTracks .lengthTrackWrapper .tip_result,
.audioEntry .subTracks .volumeTrackWrapper .tip_result {
    top: 0;
    margin-top: -20px;
    transform: none !important;
    color: var(--tooltip-text-color-2) !important;
    background: var(--tooltip-background-color-2) !important;
    padding: 1px 4px 5px 5px !important;
    border-radius: var(--tooltip-border-radius) !important;
    border: 0 !important;
}

.bigPlayer .additionalButtons .tip_result,
.bigPlayer .playButtons .tip_result {
    transform: translate(-55%, -45%) !important;
}

.bigPlayer .tip_result::after,
.audioEntry .subTracks .lengthTrackWrapper .tip_result::after,
.audioEntry .subTracks .volumeTrackWrapper .tip_result::after {
    content: "";
    position: absolute;
    bottom: -4px;
    width: 7px;
    height: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAoSURBVBhXYzx07tYzBhyAEURgU2BnpCYFlgQBZAUgCSgTAVBNYGAAAJMuDqQSKxBHAAAAAElFTkSuQmCC")
        no-repeat scroll transparent;
    margin-left: -45%;
}

.bigPlayer {
    width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: none;
    background: var(--module-header-background-color);
    border-color: var(--border-color);
}
.page_block > .bigPlayer {
    border: 0;
    background: none;
}
.bigPlayer .bigPlayerWrapper {
    padding: 0 15px;
}
.bigPlayer .playButtons {
    width: unset;
}
.bigPlayer .bigPlayerWrapper,
.bigPlayer,
.bigPlayer .playButtons .arrowsButtons {
    height: unset;
}

.bigPlayer .playButtons {
    gap: 8px;
}
.musicIcon {
    background: url(../resource/icons/audio_player_controls.png) no-repeat;
    height: 10px;
    width: 12px;
}
.bigPlayer .playButtons .playButton {
    width: 28px;
    height: 28px;
    background: var(--accent-color);
    border-radius: 50%;
    margin: 15px 0;
}
.bigPlayer .playButtons .playButton .playIcon {
    width: 28px;
    height: 28px;
    background: url(../resource/icons/audio_player_controls.png) no-repeat;
    background-position: left top;
}
.bigPlayer .playButtons .playButton.pause .playIcon {
    background-position: 0px -56px;
}
.bigPlayer .playButtons .arrowsButtons {
    gap: 8px;
}
.bigPlayer .playButtons .nextButton {
    background-position: 0px -88px;
}
.bigPlayer .playButtons .backButton {
    background-position: 0px -102px;
}
.bigPlayer .additionalButtons .repeatButton {
    height: 14px;
    width: 18px;
    background-position: 0px -132px;
}
.bigPlayer .additionalButtons .shuffleButton {
    height: 15px;
    width: 16px;
    background-position: 0px -115px;
}
.bigPlayer .additionalButtons .deviceButton {
    height: 14px;
    width: 13px;
    background-position: 0px -148px;
}
.bigPlayer .additionalButtons .statusButton {
    height: 15px;
    width: 16px;
    background-position: 0px -165px;
}
.audioEntry .buttons {
    gap: 6px;
    right: 8px;
}
.audioEntry .buttons .musicIcon {
    background: url(../resource/icons/common.png) no-repeat;
    height: 13px !important;
    width: 13px !important;
    box-sizing: border-box;
}
.audioEntry .buttons .musicIcon.download-icon {
    background: url(../resource/icons/download_icon.png) no-repeat !important;
}
.audioEntry .buttons .musicIcon.add-icon,
.audioEntry .buttons .musicIcon.add-icon-group {
    background-position: 0px 1px !important;
}
.audioEntry .buttons .musicIcon.remove-icon,
.audioEntry .buttons .musicIcon.remove-icon-group {
    background-position: 0px -28px !important;
}
.audioEntry .buttons .edit-icon {
    background-position: 0px -44px !important;
}
.audioEntry .buttons .report-icon.musicIcon {
    background-position: 0 -129px !important;
    background-size: 29px;
}
.bigPlayer .additionalButtons .musicIcon,
.audioEntry .buttons .musicIcon {
    opacity: 0.7;
}
.bigPlayer .additionalButtons .musicIcon:hover,
.audioEntry .buttons .musicIcon:hover {
    opacity: 1;
}
.bigPlayer .musicIcon.pressed {
    filter: none;
    opacity: 1 !important;
}
.bigPlayer .trackPanel {
    margin-left: 10px;
    height: 100%;
    display: block;
    width: calc(var(--page-width) - 242px);
}
.wide_column .bigPlayer .trackPanel {
    width: 288px;
}
.bigPlayer .trackInfo {
    padding-top: 17px;
    overflow: hidden;
    height: unset;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bigPlayer .trackInfo > span {
    display: inline-block;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bigPlayer .trackInfo .trackPerformers {
    max-width: 45%;
}
.bigPlayer .trackInfo a {
    color: var(--text-color);
}
.bigPlayer .trackInfo .timer {
    padding: 0px 0px 0px 8px;
}
.bigPlayer .trackInfo .timer span[class],
.bigPlayer .trackInfo .timer {
    letter-spacing: 0.02em;
    color: var(--muted-text-color);
    display: inline-block;
    vertical-align: sub;
}

.bigPlayer .trackPanel .track {
    margin: 0;
    padding-bottom: 10px;
    position: relative;
}

.bigPlayer .volumePanel .volumePanelTrack {
    position: relative;
}

.audioEmbed .track > .selectableTrack,
.bigPlayer .selectableTrack {
    --slider-rail-height: 2px;
    --slider-hit-height: 16px;
    position: relative;
    height: var(--slider-hit-height);
    margin: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.audioEmbed .track > .selectableTrack:hover,
.bigPlayer .selectableTrack:hover {
    --slider-rail-height: 4px;
}

.audioEmbed .track .selectableTrackSlider,
.audioEmbed .track .selectableTrackRail,
.bigPlayer .selectableTrackRail,
.bigPlayer #bigPlayerLengthSliderWrapper,
.bigPlayer #bigPlayerVolumeSliderWrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - (var(--slider-rail-height) / 2));
    width: 100%;
    height: var(--slider-rail-height);
    background: var(--audio-slider-color);
    border-radius: 999px;
    font-size: 0;
    line-height: 0;
    z-index: auto !important;
    pointer-events: none;
}

.audioEmbed .track .selectableTrackSlider,
.audioEmbed .track .selectableTrackRail,
.bigPlayer .selectableTrackRail,
.bigPlayer .selectableTrackPlayed,
.audioEmbed .selectableTrackPlayed,
.selectableTrack .selectableTrackLoadProgress {
    transition:
        top 0.18s ease,
        height 0.18s ease;
}

.selectableTrack .selectableTrackLoadProgress .load_bar {
    transition: height 0.18s ease;
}

.bigPlayer .slider,
.audioEmbed .track .slider {
    position: absolute;
    left: -6.5px;
    top: 50%;
    width: 13px;
    height: 13px;
    margin: 0;
    padding: 0 !important;
    opacity: 0;
    transform: translate3d(0, -50%, 0) scale(0.2);
    transform-origin: 50% 50%;
    background: var(--accent-color);
    border-radius: 50%;
    z-index: 3 !important;
    transition:
        transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1),
        opacity 0.12s ease;
    box-sizing: border-box;
    will-change: transform;
    cursor: pointer;
}

.bigPlayer .selectableTrack:hover .slider,
.audioEmbed .selectableTrack:hover .slider {
    opacity: 1;
    transform: translate3d(0, -50%, 0) scale(1);
}

.bigPlayer .selectableTrackPlayed,
.audioEmbed .selectableTrackPlayed {
    position: absolute;
    left: 0;
    top: calc(50% - (var(--slider-rail-height) / 2));
    height: var(--slider-rail-height);
    width: 0;
    background: var(--accent-color);
    border-radius: 999px;
    pointer-events: none;
    z-index: 2 !important;
}

.selectableTrack .selectableTrackLoadProgress {
    position: absolute !important;
    left: 0;
    top: calc(50% - (var(--slider-rail-height) / 2)) !important;
    width: 100% !important;
    height: var(--slider-rail-height);
    z-index: 1 !important;
    border-radius: 999px;
    overflow: hidden;
    pointer-events: none;
}

.selectableTrack .selectableTrackLoadProgress .load_bar {
    position: absolute;
    z-index: 0 !important;
    height: 100%;
    border-bottom: 0;
    background: var(--audio-slider-progress-color);
    border-radius: 999px;
}

.bigPlayer .trackPanel .track .selectableTrack > div,
.bigPlayer .volumePanel .selectableTrack > div {
    font-size: 0;
    line-height: 0;
}

.bigPlayer .trackPanel .track .selectableTrack > .selectableTrackRail,
.bigPlayer .trackPanel .track .selectableTrack > .selectableTrackPlayed,
.bigPlayer .trackPanel .track .selectableTrack > .slider,
.bigPlayer .volumePanel .selectableTrack > .selectableTrackRail,
.bigPlayer .volumePanel .selectableTrack > .selectableTrackPlayed,
.bigPlayer .volumePanel .selectableTrack > .slider {
    position: absolute;
}

.bigPlayer .trackPanel .track .selectableTrack > .selectableTrackRail,
.bigPlayer .volumePanel .selectableTrack > .selectableTrackRail {
    width: 100%;
}

.bigPlayer .trackPanel .track .selectableTrack > .selectableTrackPlayed,
.bigPlayer .volumePanel .selectableTrack > .selectableTrackPlayed {
    width: 0;
}

.bigPlayer .trackPanel .track .selectableTrack > .slider,
.bigPlayer .volumePanel .selectableTrack > .slider {
    width: 13px;
    height: 13px;
}

.bigPlayer .volumePanel {
    padding: 33px 0 10px;
    width: 50px;
    align-self: start;
}

.audioEntry .subTracks {
    align-items: center;
    padding-bottom: 4px;
}
.vertical-attachment .audioEntry .subTracks {
    padding-left: 10px;
    padding-right: 10px;
    margin: -5px 0 0;
}
.audioEntry .playerButton .playIcon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--accent-color-2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.audioEntry .playerButton .playIcon svg {
    width: 18px;
    height: 18px;
    color: var(--white);
    pointer-events: none;
}
.audioEntry .playerButton .playIcon .pauseGlyph {
    display: none;
}
.audioEntry .playerButton .playIcon.paused .playGlyph,
.audioEntry.nowPlaying .playerButton .playIcon .playGlyph {
    display: none;
}
.audioEntry .playerButton .playIcon.paused .pauseGlyph,
.audioEntry.nowPlaying .playerButton .playIcon .pauseGlyph {
    display: block;
}

.audiosDiv {
    margin: 0;
    padding: 15px !important;
    width: unset;
    display: block;
}
.audioEntry .status,
.audioEntry .status:hover .mediaInfo {
    position: static;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: unset;
    height: unset;
}
.audioEntry .status .mediaInfo {
    line-height: inherit;
}
.vertical-attachment .audioEntry .status {
    margin: 0;
    height: unset;
}

#upload_container,
#audio_upload {
    background: none;
    border: 0;
    padding: 0;
    width: 100%;
}
#upload_container {
    margin: 0 auto;
}
#upload_container .upload_container_element {
    background: none;
    border: 0;
    padding: 0;
}
#upload_container #lastStepContainers {
    gap: 0;
}
#upload_container #lastStepContainers .upload_container_element:not(:first-child) {
    border-top: 1px solid var(--border-color);
}
#upload_container .upload_container_element .upload_container_name {
    padding: 10px 20px;
}
#upload_container .upload_container_element .upload_container_name.uploading {
    background-color: var(--module-background-color--secondary) !important;
}
.ovk-diag-body .form_field input:not([type="submit"], [type="checkbox"], [type="radio"], [type="radio"], [type="button"]),
.ovk-diag-body .form_field select,
.ovk-diag-body .form_field textarea {
    width: 100%;
}
.ovk-diag-body .form_group {
    margin: 0;
    width: 100% !important;
}
.ovk-diag-body .page_padding:not(#__content, #_content) {
    padding: 0!important;
}
.ovk-diag #upload_container .upload_container_element .upload_container_name {
    padding-inline: 0;
}

#ctx_menu a.pressed {
    padding-left: 28px;
}

#ctx_menu a.pressed::before {
    top: 0;
}

#ctx_menu a:not([id]):last-child {
    color: var(--muted-text-color);
    cursor: default;
    font-size: 11px;
}

#ctx_menu a:not([id]):last-child:hover {
    background: transparent;
}

.page_header #search_form {
    padding: 0;
    display: block;
}
.page_header #search_box input[type="search"] {
    border: 0;
    box-sizing: border-box;
    height: 28px;
    border-radius: 14px;
    -o-transition:
        background-color 0.05s,
        color 0.05s;
    transition:
        background-color 0.05s,
        color 0.05s;
    background: var(--search-color) url(../resource/icons/dev_head_magglass.png) no-repeat;
    background-position: left 8px;
    line-height: 16px;
    border-left: 8px solid transparent;
    color: var(--search-text-color);
    margin: 7px 0;
    padding: 6px 6px 6px 19px!important;
    font-size: 13px;
    width: 100%;
}
.page_header #search_box input[type="search"]:focus {
    background-color: var(--search-color--active);
    color: var(--search-text-color--active);
}
.page_header.search_expanded #search_and_one_more_wrapper {
    width: 100%;
}
.home_search input[type~="search"]::placeholder {
    color: var(--search-text-color--placeholder);
}
.home_search input[type="search"]:focus::placeholder {
    color: transparent;
}

.sidebar_inner {
    width: 149px;
    position: relative;
}

.sidebar_inner .link {
    display: block;
    padding: 0;
    margin: 0;
    text-decoration: none;
    border: 0;
    color: var(--sidebar-text-color);
    font-size: 0;
    height: 28px;
    line-height: 27px;
}
.sidebar_inner .link * {
    vertical-align: middle;
    font-size: 12.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar_inner .link span {
    display: inline-block;
    max-width: 99px;
}
.home_navigation .link {
    display: inline-block;
    height: initial;
    padding: 11px 4px 0 7px;
    background-size: 1.5px 41px;
}

.sidebar_inner .link .link_icon {
    height: 25px;
    width: 35px;
    opacity: 0.75;
    display: inline-block;
    background-repeat: no-repeat;
    color: #7D9CB8;
}

.left_menu_nav_wrap {
    line-height: 19px;
    font-size: 12px;
    padding: 7px 0px 4px;
}
.left_menu_nav_wrap a {
    padding-right: 10px;
    color: var(--muted-text-color);
    white-space: nowrap;
}
.left_menu_nav_wrap .ui_actions_menu_wrap {
    display: inline-block;
}
.left_menu_nav_wrap #moreOptionsLink:after,
.post-attach-menu--inline .post-attach-menu__trigger:after {
    display: inline-block;
    content: "";
    background: url(../resource/icons/menu_arrow.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: right 0;
    width: 13px;
    height: 5px;
    opacity: 0.65;
    margin-right: -10px;
}
.post-attach-menu--inline .post-attach-menu__trigger::after {
    margin-right: 0;
}
.left_menu_nav_wrap #moreOptionsLink:hover::after,
.post-attach-menu__trigger:hover:after,
.left_menu_nav_wrap #moreOptionsLink.shown::after,
.post-attach-menu__trigger.shown:after {
    opacity: 1;
}

.sidebar_inner .group_link:before {
    line-height: 0;
}

.sidebar_inner .link:hover {
    border-top: 0;
    background-color: var(--sidebar-color--hover);
}

.sidebar .sidebar_inner .link object[type="internal/link"] {
    font-size: 0;
    padding: 4px 6px;
    right: 0;
    border-radius: 2px;
    line-height: 17px;
    height: 16px;
    position: absolute;
    margin: 2px 0 0 0;
    background-color: var(--sidebar-count-color);
    color: var(--sidebar-count-text-color);
}
.sidebar .sidebar_inner .link object[type="internal/link"] a {
    display: block;
    margin: -4px -6px;
    padding: 4px 6px;
}
.sidebar .sidebar_inner .link object[type="internal/link"] a:hover {
    text-decoration: none;
}
.sidebar .sidebar_inner .link object[type="internal/link"]:hover {
    background-color: var(--sidebar-count-color--hover);
}
.sidebar .sidebar_inner .link object[type="internal/link"] b {
    font-size: 11px;
    color: var(--sidebar-count-text-color);
}

.menu_divider {
    background: var(--menu-divider-color);
    margin-top: 9px;
    margin-bottom: 9px;
    margin-left: 27px;
    margin-right: 6px;
}
.menu_divider:last-child {
    display: none;
}

#fastLogin {
    padding: 11px 0 0;
}
#fastLogin br {
    display: none;
}
#fastLogin label {
    margin-bottom: 8px;
    color: var(--muted-text-color-2);
    font-size: 12.5px;
    font-weight: 500;
    display: block;
}
#fastLogin input:not(.button, [type="checkbox"], [type="radio"]) {
    width: 100%;
    margin-bottom: 13px;
}
#fastLogin input.button {
    width: 100%;
    margin: 0;
}
#fastLogin a[href="/reg"] input.button {
    margin-top: 10px;
}
#fastLogin span {
    padding: 0;
}
#fastLogin .forgot,
#login_form .forgot {
    padding-top: 16px;
    text-align: center;
}

#login_form {
    margin: 0 auto;
    width: 270px;
}
.login_header {
    margin: 0 0 25px;
    text-align: center;
    font-size: 20px;
}
#login_form input:not(.button, [type="checkbox"], [type="radio"], :last-of-type) {
    margin-bottom: 15px;
}
#login_form label.checkbox {
    width: 100%;
}
#login_form label.checkbox > input[type="checkbox"],
#auth label.checkbox > input[type="checkbox"] {
    margin-bottom: 0;
}
.login_buttons_wrap {
    margin-top: 20px;
    display: flex;
}
.login_buttons_wrap .button_blue {
    margin-right: 10px;
}
#login_form .button {
    width: 100%;
}

.deactivated {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.5;
    color: var(--muted-text-color-2)
}

.footer_wrap {
    margin: 0;
    line-height: 1.36em;
    padding: 16px 10px 35px;
    text-align: center;
}

.footer_wrap .footer_copy {
    float: left;
}

.footer_wrap .footer_lang {
    float: right;
}

.footer_wrap .footer_lang a {
    margin-left: 5px;
}

.footer_wrap .footer_links a {
    padding: 2px 5px;
}

div.container_gray > form > table {
    width: 45%;
}

.display_flex_column + b {
    margin-top: 10px;
    margin-bottom: 3px;
    display: block;
}

.floating_sidebar.show,
.link.edit-button,
.page_footer img[src^="/assets/packages/static/openvk/img/flags/"] {
    display: none;
}

.content {
    padding: 0;
}

.content_list .cl_element .cl_name .cl_lname,
.left_small_block br,
.scroll_container:empty {
    display: none;
}

.ava {
    width: 50px;
    height: 50px;
}

.content_list .cl_element .cl_name {
    font-size: 12.5px;
}

.content_list.long {
    width: 100%;
}

.container_gray .content {
    padding: 0;
    border: 0;
}

.page_yellowheader {
    display: none;
}

.audioEntry .audioEntryWrapper {
    height: auto;
}
.audioEntry .playerButton .playIcon {
    width: 24px;
    height: 24px;
}
.audioEntry .playerButton {
    width: 24px;
    height: 24px;
}
.audioEntry.nowPlaying,
.audioEntry.nowPlaying:hover {
    background: var(--audio-background-color);
    outline: 0;
}
.audioEntry.nowPlaying .status,
.audioEntry.nowPlaying .performer a,
.audioEntry.nowPlaying .title {
    color: unset;
}
.audioEntry.nowPlaying .explicitMark path {
    fill: var(--muted-text-color-3);
}
.audioEntry {
    border-radius: 3px;
}
.vertical-attachment .audioEntry {
    max-height: unset;
}
.audioEntry:hover,
.vertical-attachment .audioEntry:hover,
.audioEntry.nowPlaying,
.audioEntry.nowPlaying:hover,
.vertical-attachment .audioEntry.nowPlaying:hover {
    background-color: var(--audio-background-color-2) !important;
}
.audioEntry.nowPlaying .performer a,
.audioEntry.nowPlaying .performer,
.audioEntry .withLyrics {
    color: var(--link-color) !important;
}
.audioEntry .mini_timer .nobold,
.audioEntry.nowPlaying .mini_timer .nobold {
    font-size: 12px;
    color: var(--muted-text-color) !important;
    line-height: 13px;
    margin: 0;
    text-align: end;
}
.audiosContainer .vkify-paginator {
    margin: 8px 0 0!important;
}
.audiosContainer .loadMore {
    padding: 7px 0;
    display: block;
    text-align: center;
    border-radius: 3px;
}
.audiosContainer .loadMore:hover {
    background-color: var(--audio-background-color-2);
    text-decoration: none;
}

.common_icon {
    background: url(../resource/icons/common.png) no-repeat;
    width: 14px;
    height: 14px;
}

#uploadbtn {
	margin-left: 50% !important;
	transform: translateX(-50%);
}

/* group statistics graph */
.js-plotly-plot {
    margin: 15px 0 5px;
}

/* listview */
.list_view {
    padding: 0 20px 18px;
}
.search_row {
    border-top: 1px solid var(--border-color);
    padding: 15px 0;
    clear: both;
    display: flex;
    align-items: center;
    position: relative;
}
.search_row:last-of-type {
    padding-bottom: 0;
}
.search_row:first-child {
    border-top: 0;
}
.search_row .img {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 12px 0 0;
    background: var(--album-background-color);
    border-radius: 9999px;
    overflow: hidden;
}
.search_row .img img {
    background-color: var(--module-background-color--secondary);
    width: 100%;
    height: 100%;
}
.search_row .controls {
    margin: 0 0 0 10px;
    float: right;
    text-align: right;
    width: 155px;
    order: 3;
}
.search_row .controls form + form {
    margin-top: 10px;
}
.search_row .post_actions_icon {
    top: 0;
    right: 0;
    transform: translateY(-50%);
}
.search_row .info {
    overflow: hidden;
    order: 2;
    flex: 1;
}
.info .labeled.name {
    color: var(--link-color);
    margin-bottom: 5px;
    font-weight: 700;
}
.info .labeled,
.info .labeled:not(.name, .message) a {
    color: var(--muted-text-color-2);
}
.info .labeled:not(:last-child) {
    margin-bottom: 6px;
}

.highlight {
    background: rgba(var(--accent-color--rgb), 0.25);
    border-bottom: none;
    padding: 0px 1px;
}

center {
    border: 0;
}

center span:only-child,
.post-content .text,
.post-content,
.edit_link,
table,
.video-wowzer {
    font-size: 13px;
}

.searchList #used,
.verticalGrayTabs #used {
    color: var(--text-color);
    font-weight: 500;
    padding: 7px 5px 7px 18px;
    border: 0;
    border-left: solid 2px var(--accent-color-3);
    background: var(--audio-background-color-2);
}

.searchList li,
.searchList a,
.verticalGrayTabs a {
    padding: 7px 5px 7px 18px;
}

.page_content {
    position: relative;
}

#__feed_settings_link {
    float: unset;
    display: block;
    border-left: 2px solid transparent;
    margin: 0;
    text-decoration: none !important;
}

.composer.model_content_textarea {
    font-size: 13px;
    position: relative;
    z-index: 1;
}
.composer.model_content_textarea.shown:has(.ui_actions_menu_wrap),
.post.editing {
    z-index: calc(var(--action-menu-z-index, 5) + 1);
}

.post_field_user_link {
    display: block;
    height: 0;
    position: absolute;
    float: none;
    left: 20px;
    top: 12px;
}
.post_field_user_image {
    width: 28px;
    height: 28px;
    position: absolute;
    transition: none;
}

.composer.model_content_textarea textarea {
    position: relative;
    margin-left: 48px;
    vertical-align: top;
    overflow: hidden;
    width: calc(100% - 48px);
    min-height: 52px;
    max-height: 52px;
    padding: 16px 20px 16px 12px;
    font-size: 13px;
    background-color: transparent;
    border: 0;
    line-height: 1.462;
    word-wrap: break-word;
    resize: none;
    scrollbar-width: thin;
    scrollbar-color: var(--border-color-2) var(--module-background-color);
}
.has_emoji_picker.composer.model_content_textarea textarea {
	padding: 16px 37px 16px 12px;
}

.composer.model_content_textarea textarea::-webkit-scrollbar {
    width: 4px;
}

.composer.model_content_textarea textarea.small-textarea:not(.expanded-textarea) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 120px;
}

.composer.model_content_textarea.shown textarea {
    min-height: 80px;
    max-height: 200px;
}

.composer.model_content_textarea:not(.shown) .post-buttons {
    display: block !important;
    overflow: hidden;
    height: 0;
}

.composer.model_content_textarea
    :is(
        .post-horizontal:not(:empty),
        .post-vertical:not(:empty),
        .post-has-geo:not(:empty),
        .post-source:not(:empty),
        .post-has-poll:not(:empty),
        .post-has-geo.appended-geo
    ) {
    padding: 0 20px 0;
    margin: 0;
}
.composer.model_content_textarea .post-horizontal:not(:empty) + .post-vertical:not(:empty) {
    margin-top: 10px;
}
.vertical-attachment.upload-item {
    gap: 10px;
}
.vertical-attachment:first-of-type {
    margin-top: 0;
}
.vertical-attachment .audioEntry {
    min-height: unset;
}
.vertical-attachment .audioEntry .audioEntryWrapper {
    height: unset;
}
.module_body .post-horizontal:not(:empty) {
    padding: 10px 0;
}
.post-buttons .vertical-attachment .vertical-attachment-content {
    padding: 0;
    max-height: unset;
}
.attachment_note .attachment_note_text,
.post-upload,
.post-has-poll,
.post-has-note,
.post-source {
    color: var(--muted-text-color-2);
    margin-left: 0;
}
.vertical-attachment-remove {
    margin: auto 0;
}
.module_body .audioEntry,
.attachments_m .audioEntry {
    margin: 0 -8px;
    width: calc(100% + 16px);
}
.audioEntry .audioEntryWrapper,
.vertical-attachment .audioEntry .audioEntryWrapper {
    padding: 8px 10px;
    gap: 10px;
    border-radius: var(--module-border-radius);
}
.audioEntry .mini_timer {
    white-space: nowrap;
}

#wallAttachmentMenu {
    display: flex !important;
    opacity: 1;
    background: none;
    box-shadow: none;
    border: 0;
    min-width: unset;
    position: static;
    margin: 0;
    align-items: center;
    z-index: 2;
    flex: 1 1 0;
}

.composer.model_content_textarea #wallAttachmentMenu img {
    width: 20px;
    height: 20px;
}

.composer.model_content_textarea div[style^="float"]:has(.menu_toggler_vkify) {
    float: none;
    flex-direction: row-reverse;
    justify-content: left;
    margin-top: 6px;
}

.post-bottom-buttons {
    float: right;
    display: flex;
    align-items: center;
    gap: 10px;
}
.composer.model_content_textarea.has_emoji_picker .emoji_picker_entrypoint {
	display: none;
}
.composer.model_content_textarea.has_emoji_picker.shown .emoji_picker_entrypoint {
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 15px;
    display: block;
}
.edit-menu-textarea {
    position: relative;
}
.edit-menu-textarea .emoji_picker_entrypoint {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2;
    display: block;
}
.edit-menu-textarea textarea {
    padding-right: 28px;
    box-sizing: border-box;
}
.post_settings {
    opacity: 0.7;
}
.post_settings .common_icon {
    background-position: 0 -60px;
}

.post-opts-trigger {
    padding: 0 10px;
    margin-left: 10px;
    border-left: 1px solid var(--border-color);
}
.composer.model_content_textarea .post-opts-trigger {
    margin-left: 6px;
    display: none;
}
.composer.model_content_textarea.shown .post-opts-trigger {
    display: block;
}

.post-opts {
    margin: 5px 0 0;
}
.post-opts.ui_actions_menu {
    margin: 0;
}

.post-opts.ui_actions_menu {
    max-width: 400px;
}

.post-opts .checkbox > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#wallAttachmentMenu > a:hover {
    background: none;
}

.composer.model_content_textarea:not(.shown) #wallAttachmentMenu {
    top: 0;
    right: 0;
    z-index: 2;
    position: absolute;
    padding: 15px 20px;
}

.composer.model_content_textarea:not(.shown) #wallAttachmentMenu a:not(#__photoAttachment, #__videoAttachment, #__audioAttachment),
.composer.model_content_textarea #wallAttachmentMenu .header,
.composer.model_content_textarea .menu_toggler_vkify {
    display: none;
}

.post-attach-menu__trigger::after {
    margin: 2px 0 0;
}

.post-source #remove_source_button,
.post-replyto #remove_reply_button,
#small_remove_button {
    background: url(../resource/icons/attach_icons.png?4) no-repeat 0 0;
    width: 9px;
    height: 9px;
    margin: 5px 0 5px 10px;
    transition: opacity 0.15s ease;
}
.post-source #remove_source_button:hover,
#small_remove_button:hover {
    opacity: 0.9;
}

#wallAttachmentMenu > a {
    padding: 0;
    align-items: center;
    gap: 0;
    max-width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.post-attach-menu:not(.post-attach-menu--inline) .post-attach-menu__trigger {
    color: var(--link-color);
    opacity: .5;
}
.post-attach-menu:not(.post-attach-menu--inline) .post-attach-menu__trigger:hover,
.post-attach-menu:not(.post-attach-menu--inline) .post-attach-menu__trigger.shown {
    opacity: .75;
}
.post-attach-menu:not(.post-attach-menu--inline) .post-attach-menu__trigger {
    background: url(../resource/icons/chats.png) no-repeat 0 -55px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    padding: 0 6px 0 5px;
    opacity: .7;
    cursor: pointer;
}
.post-attach-menu:not(.post-attach-menu--inline) .post-attach-menu__trigger:hover,
.post-attach-menu:not(.post-attach-menu--inline) .shown .post-attach-menu__trigger {
    opacity: 1;
}

.post-bottom-acts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    clear: both;
}
.reply .post-bottom-acts {
    padding-top: 5px;
}
.composer.model_content_textarea.shown .post-bottom-acts {
    margin-top: 10px;
    background-color: var(--module-header-background-color);
    padding: 15px 20px;
    border-top: 1px solid var(--border-color);
    border-radius: 0 0 var(--module-border-radius) var(--module-border-radius);
}
.post-attach-menu__icon,
.post-upload::before,
.post-has-poll::before,
.post-has-note::before,
.attachment_note::before,
.post-has-geo.appended-geo::before,
.post-geo::before {
    width: 22px;
    height: 22px;
    background: url(../resource/icons/post_icon.png) no-repeat;
    opacity: 0.7;
    content: "";
    display: inline-block;
    margin-right: 4px;
}
.ui_actions_menu .post-attach-menu__icon {
    vertical-align: middle;
}
.post-attach-menu > a:hover .post-attach-menu__icon,
.post_settings:hover,
.post_settings.shown {
    opacity: 1;
}

.attach_photo .post-attach-menu__icon {
    background-position: 0% -65px;
}
.attach_video .post-attach-menu__icon {
    background-position: 0% -87px;
}
.attach_audio .post-attach-menu__icon {
    background-position: 0% -109px;
}
.attach_document .post-attach-menu__icon {
    background-position: 0% -131px;
}
.attach_note .post-attach-menu__icon,
.post-has-note::before,
.attachment_note::before {
    background-position: 0% -241px;
}
.attach_graffiti .post-attach-menu__icon {
    background-position: 0% -175px;
}
.attach_poll .post-attach-menu__icon,
.post-has-poll::before {
    background-position: 00% -197px;
}
.attach_geo .post-attach-menu__icon,
.post-has-geo.appended-geo::before,
.post-geo::before {
    background-position: 0% -153px;
}
.attach_source .post-attach-menu__icon,
.post-upload::before {
    background-position: 0% -327px;
}

.post-upload,
.post-has-poll,
.post-has-note,
.post-has-geo.appended-geo {
    align-items: center;
    color: var(--muted-text-color-2);
    font-weight: 400;
}
.post-has-poll[style="display: block;"],
.composer.model_content_textarea
    :is(.post-horizontal:not(:empty), .post-vertical:not(:empty), .post-has-geo:not(:empty), .post-source:not(:empty), .post-has-geo.appended-geo) {
    display: flex !important;
}
.post-buttons .attachment_note,
#_addAudioAdditional {
    padding: 0;
}
.attachment_note svg,
.map_svg_icon {
    display: none;
}
.post-source #remove_source_button {
    float: right;
}
#_addAudioAdditional #_content {
    margin-top: 0;
    padding-top: 0!important;
}

/* graffiti */
#ovkDraw .literally .lc-picker,
.literally .lc-options.horz-toolbar,
.literally .horz-toolbar,
.literally .lc-options .lc-font-settings {
    background-color: var(--module-background-color--secondary);
    border-color: var(--border-color);
}
#ovkDraw {
    border-color: var(--border-color);
}
.dark-mode #ovkDraw .literally .toolbar-button.thin-button,
#ovkDraw .square-toolbar-button svg {
    filter: invert(1);
}
#ovkDraw .literally .lc-picker .toolbar-button:hover:not(.disabled),
#ovkDraw .literally .horz-toolbar .square-toolbar-button:hover:not(.disabled),
.literally .horz-toolbar .square-toolbar-button {
    border-color: var(--border-color-2);
}
#ovkDraw .literally .color-well.open,
#ovkDraw .literally .lc-picker .toolbar-button.selected:not(.disabled),
#ovkDraw .literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) {
    background-color: rgba(var(--accent-color--rgb), 0.5);
}
.literally .color-well-color-container:hover:not(.disabled) {
    border-color: var(--accent-color);
}
.literally .horz-toolbar span {
    display: inline-flex;
    align-items: center;
    height: 100%;
}
.literally select {
    width: inherit;
}
.literally {
    background-color: var(--body-background-color);
}

/* documents */
.attachments .attachment:not(:last-child) .docGalleryItem {
    margin-bottom: 8px;
}
.attachment_doc {
    padding-bottom: 8px;
}
.docListViewItem {
    gap: 8px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: none;
    font-size: 12.5px;
    line-height: 17px;
    flex: 1;
    align-items: center;
    clear: unset;
}
.docListViewItem .doc_icon {
    width: 30px;
    height: 30px;
}
.docListViewItem .doc_content {
    gap: 0px;
}
.docListViewItem a {
    width: fit-content;
}
.docListViewItem .doc_content b {
    color: var(--link-color);
}
.docListViewItem .doc_icon.page_doc_icon {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: url(../resource/icons/doc_icons.png) no-repeat;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
.docListViewItem .doc_icon.page_doc_icon_mp3,
.docListViewItem .doc_icon.page_doc_icon_flac {
    background-position: left -90px;
}
.docListViewItem .doc_icon.page_doc_icon_zip,
.docListViewItem .doc_icon.page_doc_icon_7z,
.docListViewItem .doc_icon.page_doc_icon_rar {
    background-position: left -30px;
}
.docListViewItem .doc_icon.page_doc_icon_webm,
.docListViewItem .doc_icon.page_doc_icon_mp4,
.docListViewItem .doc_icon.page_doc_icon_avi {
    background-position: left -120px;
}
.docListViewItem .doc_icon.page_doc_icon_djvu,
.docListViewItem .doc_icon.page_doc_icon_ps,
.docListViewItem .doc_icon.page_doc_icon_pdf,
.docListViewItem .doc_icon.page_doc_icon_fb2 {
    background-position: left -150px;
}

.attachment .video_item .video_thumb_play {
    opacity: 1;
}

.post .search_row {
    border: 0;
    padding-top: 0;
}
.attachment_doc,
.attachments .attachment_note,
.post-geo {
    padding: 0;
}
.post-geo {
    display: flex;
    align-items: center;
}
.post .notes_attachment {
    margin-top: 10px;
}
.post .audios_attachment + .notes_attachment {
    margin-top: 4px;
}
.attachment_note .attachment_note_content {
    height: unset;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.attachments .docListViewItem {
    padding: 4px 0;
    min-height: unset;
}

.wall_note_type {
    display: block;
    font-size: 15px;
    color: var(--text-color);
    margin-top: 4px;
    padding: 16px 0 11px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    border-top: 1px solid var(--border-color);
}

.page_block.comments {
    margin: 0;
}
.page_block + .page_block.comments {
    margin-top: -15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sort_link_icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%224%22%20viewBox%3D%22944%201152%208%204%22%20width%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m945.2%201152.2c-.3-.2-.7-.2-.9.1s-.2.7.1.9l3.2%202.6c.2.2.6.2.8%200l3.2-2.6c.3-.2.3-.6.1-.9s-.6-.3-.9-.1l-2.8%202.3z%22%20fill%3D%22%2392a0b1%22%2F%3E%3C%2Fsvg%3E")
        no-repeat right 6px;
}
.sort_link_icon_desc {
    transform: rotate(180deg);
    background-position: right 1px;
}
.post_replies_header {
    padding: 14px 20px 4px;
    font-size: 12.5px;
}


.post-deleted {
  padding: 15px 20px;
  color: var(--muted-text-color);
  font-size: 13px;
  text-align: center;
  opacity: 1;
  animation-name: post-deleted;
  animation-duration: 4.5s;
}

.post-replyto {
  padding: 6px 12px;
  font-size: 12.5px;
  color: var(--muted-text-color);
  text-align: right;
}
.post-replyto:empty {
  display: none;
}
.post-replyto #remove_reply_button {
  float: right;
  margin: 2px 0 0 3px;
}

.post-buttons .post-bottom-acts + .post-replyto {
  margin-top: -15px;
  padding: 12px 27px 12px 15px;
}

.vkify-post-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.expand_button {
    margin: 20px 20px 5px !important;
    width: unset !important;
}
/* upload photos */
.whiteBox {
    margin-top: 0;
    height: unset;
    background: none;
    border: none;
    width: 600px;
}
.uploadedImageDescription {
    width: 100%;
    display: flex;
}
.uploadedImageDescription span {
    position: static !important;
    color: var(--muted-text-color) !important;
    margin-right: 10px;
    white-space: nowrap;
}
.uploadedImageDescription textarea {
    margin: 0 !important;
    width: 100%;
}
.insertedPhoto {
    background: none;
    border: 0;
    padding: 0 0 10px;
    margin: 0;
    display: flex;
}
.uploadedImage {
    margin-left: 10px;
}

.page_block.wall_posts_tabs {
    margin: 0;
    border-radius: var(--module-border-radius) var(--module-border-radius) 0 0;
}

.archive_banner {
    padding: 14px 16px;
    line-height: 1.462;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: block;
    min-height: unset;
}
.archive_banner_text {
    line-height: 1.462;
}
.archive_banner_title {
    display: block;
    margin-bottom: 4px;
}
.archive_banner_description {
    margin-top: 5px;
    color: var(--muted-text-color-2);
}
.button.archive_banner_link {
    margin-top: 10px;
}
.archive_actions_button {
    padding: 8px 6px;
    margin-top: 7px;
    margin-right: 4px;
    color: var(--link-color);
    font-size: 12px;
    cursor: pointer;
}
.ui_rmenu_extra_item.archive_actions {
	margin-top: 9px;
}
.archive_actions_icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../resource/icons/filter_cog.png) no-repeat 15px 8px;
    background-position: 0 0px;
}

.ui_actions_menu form {
    margin: 0;
}

.ui_actions_menu label.checkbox input[type="checkbox"], .ui_actions_menu label.checkbox input[type="radio"] {
    margin: 1px 0 0 4px;
}

.post_view_page.with_comments .post:not(.reply) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow:
        0 -1px 0 0 var(--shadow-outline-color),
        -1px 0 0 0 var(--shadow-outline-color),
        1px 0 0 0 var(--shadow-outline-color),
        0 1px 0 0 var(--border-color);
    margin-bottom: 0;
}

/* posts */
.post {
    line-height: 14px;
    position: relative;
    overflow: unset;
    width: unset;
}
.post-content {
    border: 0;
    margin: 10px 0 15px;
}
.post-content .text {
    line-height: 1.462;
}
.post:not(.editing) > .post_edit,
.reply:not(.editing) .post_edit,
.reply.editing .reply_footer,
.reply.editing .reply_text {
    display: none;
}
.post.editing .reply .post-content {
    display: block;
}
.post .post_header {
    padding: 15px 20px 0;
    min-height: 50px;
}

.post_image {
    display: block;
    float: left;
}

.post_header_info {
    margin-left: 65px;
    padding-top: 8px;
}
.post_author {
    line-height: 16px;
    padding-right: 20px;
}
.post_author .author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 40px);
    margin: 0;
    display: inline-block;
}
.post_date {
    font-size: 12.5px;
}
.post_date,
.post_date .post_link,
.post_date .promoted_post,
.reply_date {
    color: var(--muted-text-color-2);
}
.reply_date .reply_link,.reply_to {
    color: var(--muted-text-color);
}

.post .wall_text {
    padding: 0 20px;
}
.wall_post_text {
    line-height: 1.462;
    padding: 0;
    overflow: hidden;
    word-wrap: break-word;
    display: block;
    box-sizing: border-box;
}

.really_text.collapsed_text {
    display: -webkit-box !important;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
    max-height: none !important;
    padding-bottom: 0 !important;
    overflow: hidden;
}

.collapse_button {
    display: inline-block;
    color: var(--link-color);
    opacity: 0.8;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}

.collapse_button:hover {
    opacity: 1;
    filter: none;
    text-decoration: none !important;
}

.post-nsfw .post-content {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    min-height: 58px;
}

.post-nsfw .post-content .text {
    filter: none;
    border-radius: var(--module-border-radius);
    color: transparent;
}

.post-nsfw .post-content::after,
.deleted_content .content_page_error {
    background: var(--module-background-color--secondary);
    color: var(--muted-text-color-2);
    font-size: 14px;
    margin: 0 20px;
    width: calc(100% - 40px);
    border-radius: var(--module-border-radius);
    z-index: 4 !important;
}

.post-nsfw .reply .post-content::after,
.post-nsfw.copy_quote .post-content::after,
.copy_quote .deleted_content .content_page_error {
    margin: 0;
    width: 100%;
}

.ignore-message {
    padding: 12px 20px;
    color: var(--muted-text-color-2);
    font-size: 13px;
}

.post-signature,
.post .sourceDiv,
.post .post-geo {
    margin: 10px 20px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.authorIcon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%228%22%20height%3D%229%22%20viewBox%3D%2220%20203%208%209%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22fill%3A%23AABBCE%3B%22%3E%3Cpath%20d%3D%22M24%20209c3.5%200%204%201%204%202.5%200%20.5%200%20.5-1%20.5h-6c-1%200-1%200-1-.5%200-1.5.5-2.5%204-2.5zm0-1c-1.1%200-2-1.12-2-2.5s.9-2.5%202-2.5%202%201.12%202%202.5-.9%202.5-2%202.5z%22%2F%3E%3C%2Fsvg%3E")
        no-repeat;
    height: 9px;
    width: 8px;
    margin-top: 3px;
    margin-right: 6px;
}
.authorName,
.post .sourceDiv span {
    font-size: inherit;
    line-height: 15px;
    margin: 0;
}

.reply:not(:first-child) .reply_wrap,
.post-menu-s {
    border-top: 1px solid var(--border-color);
}
.post-menu-s .comments {
    border-bottom: 1px solid var(--border-color);
}

.post_full_like_wrap {
    padding: 10px 0 11px;
    margin: 5px 20px 0;
    border-top: 1px solid var(--border-color);
    border-radius: 0 0 var(--module-border-radius) var(--module-border-radius);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wall_edit_label {
    display: none;
    color: var(--muted-text-color);
}
.post.editing .post_full_like_wrap {
    display: none;
}
.post.editing .post_header .wall_edit_label,
.reply.editing .wall_edit_label {
	display: inline;
}

.post_full_like {
    display: flex;
    align-items: center;
    width: 100%;    
}

.action_button {
    cursor: pointer;
    color: var(--post-action-color);
    white-space: nowrap;
    overflow: hidden;
    margin-right: 6px;
    padding: 4px 7px 5px;
    border-radius: var(--button-border-radius);
    display: flex;
    align-items: center;
    line-height: 17px;
}
.action_button:last-child {
    margin-right: 0;
}

.my_like .action_count,
.my_share .action_count {
    color: var(--post-action-active-color);
}
.action_button:hover {
    background-color: var(--button-background-color--light);
    text-decoration: none !important;
}
.post_full_like_wrap .post_like:first-child,
.post_full_like_wrap .post_share:first-child {
    margin-left: -7px;
}
.action_icon {
    display: inline-block;
}
.action_label {
    margin: 0 0 0 6px;
    font-size: 13px;
}
.button .action_label {
    margin: 0;
}

.action_count {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--post-meta-color);
    font-size: 13px;
    display: inline-block;
    float: none;
    margin-left: 6px;
    vertical-align: top;
}
.action_count:empty {
    display: none;
}
.action_button:empty + .action_count {
    margin-left: 0;
}

.post_full_like_wrap .reply_link_wrap {
    padding: 5px 7px;
    margin-right: -7px;
    float: right;
}

.action_icon {
    width: 16px;
    height: 13px;
    margin: 0;
    float: left;
    opacity: 0.35;
    color: var(--accent-color);
}
.action_icon use.i18 {
    display: none;
}
.post_add .action_icon use.i-check,
.post_remove .action_icon use.i-add {
    display: none;
}
@keyframes like-icon-bounce {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
#liked {
    animation: like-icon-bounce 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.post_share .action_icon {
    height: 14px;
    margin: 2px 3px 0;
    width: 14px;
}

.post_reply .action_icon {
    height: 14px;
    margin-top: 2px;
    width: 14px;
}

body:not(.mode-2018) .post_full_like .side_button {
	order: 3;
	margin: 0 0 0 auto;
    padding-inline: 0;
}
body:not(.mode-2018) .post_full_like .side_button .action_icon,
body:not(.mode-2018) .post_full_like .side_button .action_count {
    display: none;
}
body:not(.mode-2018) .post_full_like .side_button:hover {
    text-decoration: underline!important;
    background: none;
}

.suggestionControls {
    margin: 0 auto;
}

.wall_module > .insertThere {
    display: none;
}

.post-content .attachments {
    margin: 0 !important;
}
.post-content .attachments_b {
    overflow: hidden;
    padding: 0;
}
.post-content .attachments .attachment {
    width: 100%;
}
.post-content .really_text + .attachments {
    padding-top: 10px;
}
.post-content .really_text + .attachments_m .attachment:not(:first-child,.audios_attachment,.notes_attachment) {
    padding-top: 10px;
}

.post.copy_quote {
    border-left: 2px solid var(--quote-border-color);
    padding-left: 12px;
    margin: 15px 0 0;
    width: auto;
}
.post.copy_quote .post-avatar {
    width: 40px;
    height: 40px;
}
.post.copy_quote :is(.post_header, .wall_text) {
    padding-inline: 0;
}
.post.copy_quote .post_header {
    min-height: 40px;
    padding: 0;
}
.post.copy_quote .post_header_info {
    margin-left: 52px;
    padding-top: 3px;
}
.post.copy_quote .wall_post_text {
    padding-top: 0;
}
.post.copy_quote .post-content .attachments.attachments_b:not([style^="width: 3"]) {
    width: 75%!important;
    height: 100%!important;
}
.post.copy_quote .post-signature,
.post.copy_quote .sourceDiv,
.post.copy_quote .post-geo {
    margin: 0;
    margin-top: 10px;
    padding-bottom: 0;
}

.written {
    background: none;
    padding: 0 0 6px 0;
}

.post_image {
    position: relative;
}
.post-avatar {
    height: 50px;
    width: 50px;
    vertical-align: top;
}
.post_image.online:after {
    z-index: 1;
    display: flex;
    border: 2px solid var(--module-background-color);
    position: absolute;
    content: "";
    background-color: #8ac176;
    border-radius: 50%;
    bottom: 2%;
    right: 2%;
    height: 8px;
    width: 8px;
    z-index: 0;
}
.copy_quote .post_image.online::after {
    bottom: 0;
    right: 0;
}
.post_image.online.mobile::after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%207%2011%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22%238AC176%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22online%22%20transform%3D%22translate(-203.000000%2C%20-422.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M203%2C423.506439%20C203%2C422.674456%20203.671189%2C422%20204.501676%2C422%20L208.498324%2C422%20C209.327677%2C422%20210%2C422.671541%20210%2C423.506439%20L210%2C431.493561%20C210%2C432.325544%20209.328811%2C433%20208.498324%2C433%20L204.501676%2C433%20C203.672323%2C433%20203%2C432.328459%20203%2C431.493561%20L203%2C423.506439%20Z%20M204%2C424%20L209%2C424%20L209%2C430%20L204%2C430%20L204%2C424%20Z%22%20id%3D%22mobile_m%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    bottom: 0%;
    right: 4%;
    background-color: #fff;
    height: 11px;
    width: 7px;
    border-radius: 3px;
}
.copy_quote .post_image.online.mobile::after {
    bottom: 0;
    right: -3%;
}

.post_actions_icon {
    background: url(../resource/icons/post_more.png) no-repeat 50%;
    position: absolute;
    width: 22px;
    height: 24px;
    top: 17px;
    right: 16.5px;
    cursor: pointer;
}
.post_header .post_actions {
    position: absolute;
    top: 0;
    right: 0;
}

.post_header .post_actions_icon {
    top: 20px;
    right: 18px;
}



.attachment .media-href {
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
/*.attachment .media-href:before {
    content: '';
    background: var(--post-image);
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    filter: blur(10px);
    transform: scale(1.1);
    opacity: .5;
}*/
.attachment .media {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: clamp(320px, 60vh, 900px);
    position: relative;
    z-index: 1;
}
.attachment .media.media_makima {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    max-height: unset;
    object-fit: cover;
}
.post-horizontal .upload-item .play-button,
.compact_video .play-button,
.docGalleryItem .play-button {
    z-index: 2;
}

[id^="poll_editor"] label {
    align-items: center;
}

/* gifts */
.gift {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}
.gift .wall_text {
    text-align: center;
}
.gift_image {
    margin: 0 0 9px;
    width: 256px;
    height: 256px;
    display: inline-block;
}
.gift_image img {
    width: 256px;
    height: 100%;
    object-fit: contain;
    display: inline-block;
}
.gift_description {
    padding: 0 10px;
    line-height: 19px;
    margin-bottom: -4px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gift_button {
    margin-top: 12px;
    text-align: center;
}
.gifts_section_row {
    padding: 20px 25px 15px;
    border-bottom: 1px solid var(--border-color);
}
.gifts_section_show_all {
    display: flex;
    text-decoration: none !important;
    padding: 6px 0;
    margin-top: -5px;
}
h4.gifts_section_header {
    border-bottom: 0;
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    color: var(--text-color);
}
.gifts_section_description {
    margin-bottom: 8px;
    opacity: 0.7;
}
.gifts_section_scroll {
    margin-inline: -10px;
    overflow: hidden;
    position: relative;
}
.gift_cell {
    float: left;
    padding: 10px;
    position: relative;
}
.gift_cell .gift_img {
    border-radius: 8px;
    transition: opacity 0.2s;
    object-fit: contain;
}
.gift_cell:hover .gift_img {
    opacity: 0.8;
}
.gift_price,
.gift_free {
    line-height: 19px;
    font-size: 12.5px;
    background: var(--module-background-color--secondary);
    border-radius: 3px;
    padding: 1px 4px 2px;
    margin: 0 7px;
    color: var(--link-color);
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
}
.gift_price {
    opacity: 0;
}
.gift_cell:hover .gift_price {
    opacity: 1;
}
.gift_limit {
    left: 0;
    top: 15px;
    position: absolute;
    padding: 3px 6px;
    background: #e64646;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    line-height: 1;
}

/* replies */
.reply {
    padding: 0 20px;
    line-height: 14px;
}
.reply_wrap {
    padding: 12px 0;
}
.reply_author {
    font-size: 12.5px;
    margin-bottom: 5px;
    background: none;
    border: 0;
    padding: 0;
    line-height: inherit;
}
.reply_author .author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.reply .post-content {
    margin: 0;
}
.reply .attachments {
    padding-top: 5px;
    margin-bottom: 5px;
}
.reply .post-content .attachments_m:last-child .attachment {
    padding-bottom: 0;
}
.reply_image {
    display: block;
    float: left;
}
.reply_content {
    margin-left: 44px;
    word-wrap: break-word;
    min-height: 34px;
}
.reply_content .post-content .text {
    line-height: 1.36;
}
.reply_img {
    width: 34px;
    height: 34px;
    vertical-align: top;
}
.reply .action_icon {
    background: url(../resource/icons/post_icon.png) no-repeat 0 -29px;
    width: 12px;
    height: 10px;
    margin: 2px 0 0;
}
.reply_date {
    float: left;
    padding-right: 8px;
}
.reply .like_wrap {
    padding: 5px 10px 10px;
    margin: -5px -10px -10px;
    transition: opacity 0.1s;
    line-height: 1;
    opacity: 0;
}
.reply:hover .like_wrap,
.reply .like_wrap[data-likes] {
    opacity: 0.5;
}
.reply .like_wrap:hover {
    text-decoration: none;
}

.reply .like_wrap .action_icon,
.reply .like_wrap:hover .action_icon,
.reply .like_wrap:hover,
.reply .like_wrap.my_like {
    opacity: 1!important;
}

.action_icon:not(#liked) + .action_count {
    color: var(--muted-text-color);
}
.reply_actions_wrap {
    position: relative;
    z-index: 4;
}
.reply_actions {
    height: 11px;
    padding-top: 1px;
    position: absolute;
    right: 0;
    white-space: nowrap;
    display: inline-flex;
}
.reply_action {
    background: url(../resource/icons/post_icon.png) no-repeat 1px -52px;
    opacity: 0;
    cursor: pointer;
    height: 13px;
    width: 13px;
    margin-left: 7px;
    display: inline-block;
    transition: 0.1s;
}
.reply_action.reply_edit_action {
    background-position: 0 -40px;
}
.reply:hover .reply_action {
    visibility: visible;
    opacity: 0.7;
}
.reply .reply_action:hover {
    opacity: 1;
}
.reply_action.reply_report_action {
    background: url(../resource/icons/common.png) 0px -454px;
    background-size: 24px;
}
.reply .reply_action.reply_report_action:hover {
    opacity: 0.9;
}
.post.reply .reply_text {
    padding: 0;
    line-height: 16px;
}
.reply .edit_menu {
    padding: 6px 0 0;
}
.edit-menu .post-buttons {
    margin-top: 10px;
}
.reply_footer {
    font-size: 12.5px;
    padding: 5px 0 0;
    margin-bottom: -1px;
}
.reply_footer .action_count {
    margin-left: 3px;
    margin-top: 1px;
}

.post-menu {
    font-size: 12.5px;
    color: var(--muted-text-color);
    padding: 0;
}
.edit_menu .edit_menu_buttons {
    margin: 0;
}

/* album photos */
.photos_album_intro h1 {
    text-align: center;
}
.photos_album_intro .photos_album_intro_desc {
    color: var(--text-color);
    font-size: 13px;
    padding: 5px 20px;
    line-height: 1.4em;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.photos_album_intro .photos_album_intro_info {
    color: var(--muted-text-color);
    font-size: 12.5px;
    padding: 5px 0;
    text-align: center;
}

.album-flex {
    position: relative;
    max-width: 755px;
    margin: 0 auto;
}

.album-flex .album-photo {
    max-height: none;
    text-align: center;
}

.album-flex.masonry-active .album-photo {
    position: absolute;
}

.album-flex .album-photo a:not([class]) {
    display: block;
    width: 100%;
}

.album-flex .album-photo img {
    display: block;
    width: 100% !important;
    min-width: 100%;
    height: auto !important;
    max-height: none !important;
    max-width: 100%;
    padding: 0;
    background: var(--module-background-color--secondary);
    border-radius: 3px;
    border: 0;
}

.attachment_selector #attachment_insert .photosList .album-photo {
    position: relative;
    text-align: center;
}

.attachment_selector.no_hack {
    margin: 0 !important;
    padding: 0;
}

.attachment_selector #attachment_insert .photosList {
    margin-top: 35px;
}

.attachment_selector #attachment_insert #attachment_insert_count {
    width: 600px;
    background: var(--module-background-color);
}

/* All photos */
.photos_container .photos_period_delimiter {
    color: var(--muted-text-color-2);
    background: var(--module-background-color);
    font-size: 13px;
    font-weight: 600;
    clear: both;
    padding: 20px 0 10px;
    position: sticky;
    top: var(--header-height);
    z-index: 1;
}
.photo_period {
    position: relative;
    padding-top: 0 !important;
}

/* skeleton loading */
@keyframes skeleton-pulse {
    0%,
    100% {
        opacity: 0.4;
    }
    50% {
        opacity: 0.7;
    }
}

.skeleton {
    background: var(--module-background-color--secondary);
    animation: skeleton-pulse 1.5s ease-in-out infinite;
    border-radius: 3px;
}

.photos-skeleton {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 20px;
}

.photos-skeleton-item {
    width: calc(33.333% - 7px);
    border-radius: 3px;
}

/* paginator */
.button.lagged {
    filter: none;
}
.vkify-paginator {
    margin: 15px 0;
    float: none;
    text-align: center;
}
.postFeedBottom .postFeedPaginator {
    float: none;
}
.vkify-paginator-traditional {
    float: right;
    padding: 5px 10px;
    background-color: var(--module-background-color);
    box-shadow:
        0 1px 0 0 var(--shadow-bottom-color),
        0 0 0 1px var(--shadow-outline-color);
    border-radius: var(--module-border-radius);
}
.page_block + div .vkify-paginator {
    margin-top: 0;
}
.vkify-paginator-traditional a {
    border-top: 3px solid transparent;
    display: inline-block;
    color: var(--link-color);
    padding: 5px;
}
.vkify-paginator-traditional a:hover {
    border-top: 3px solid rgba(var(--accent-color--rgb), 0.5);
    background-color: var(--button-background-color--light);
    text-decoration: none;
}
.vkify-paginator-traditional a.active {
    border-top: 3px solid var(--accent-color);
    font-weight: bold;
    color: var(--text-color);
}

.vkify-paginator.tidy.vkify-paginator-traditional,
.page_block .vkify-paginator.vkify-paginator-traditional {
    background: none;
    box-shadow: none;
    float: right;
    padding-bottom: 0;
}
.vkify-paginator-at-bottom.tidy,
.page_block .vkify-paginator-at-bottom {
    margin-bottom: 0;
}

/* page header search */
#searchBoxFastTips {
    background: var(--module-background-color);
    border: 1px solid var(--border-color);
    border-radius: 0 0 var(--module-border-radius) var(--module-border-radius);
    overflow: hidden;
}
#searchBoxFastTips .search_row {
    flex-wrap: wrap;
}
#searchBoxFastTips .module_body .people_cell {
    width: 69px;
}
#searchBoxFastTips > div:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
}
#searchBoxFastTips .module + .module {
    border-top: 0;
}
#searchBoxFastTips .fastresult {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#searchBoxFastTips .fastresult_text {
	flex: 1 1 0;
}
#searchBoxFastTips .fastresult_subtitle {
    font-size: 11px;
    line-height: 11px;
    color: var(--muted-text-color);
}
#searchBoxFastTips .arrow {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAODaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPg0KICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPg0KICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDU4MDExNzQwNzIwNjgxMTgyMkFCNkY3MEMzNDk0MDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjcwODdDOTEwNENCMTFFMkE4QUJGM0YyMkJDMkJCRDUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjcwODdDOTAwNENCMTFFMkE4QUJGM0YyMkJDMkJCRDUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+DQogICAgICA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RTE2ODkwNDFCMjA2ODExODIyQUMxOTVFODRCNUU0MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTgwMTE3NDA3MjA2ODExODIyQUI2RjcwQzM0OTQwNiIgLz4NCiAgICA8L3JkZjpEZXNjcmlwdGlvbj4NCiAgPC9yZGY6UkRGPg0KPC94OnhtcG1ldGE+DQo8P3hwYWNrZXQgZW5kPSJyIj8+qpDrpAAAAGNJREFUGFdjXL71yBkGBgZjIDYB4rMRXtZAioGBCYhBgiAAVrBi21EwByQBUgkDcEmQxFkgxpAESYAAhiQTzDJ0ANMBcgDICBgwYdYwc8UQBOKzIB0YgiAGzFUgABdkYGBgAADkGxfYR5hRxQAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    width: 6px;
    height: 10px;
}
#searchBoxFastTips .fastresult:hover {
    background: var(--button-background-color--light);
}
#searchBoxFastTips .video_module .module_body {
    padding: 0;
}

.fasttipswrap {
    padding: 20px;
    text-align: center;
}

.fastnoresults {
    color: var(--muted-text-color-2);
}

/* Search Bar Component Styles */
.ui_filters_block {
    padding: 7px 15px 5px;
}
.ui_filters_sibling {
    margin-top: 1px;
    border-radius: 0 0 4px 4px;
}
.search_filter_main,
.search_filter_open,
.search_filter_shut {
    margin: 6px 0 0 0;
    padding: 0 0 13px;
    cursor: pointer;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--muted-text-color-2);
    font-size: 12.5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.search_option_content {
    margin-bottom: 15px;
}
.search_option_content label:first-child {
    margin-top: 0;
}
.search_option_content input + input,
.search_option_content label select {
    margin-top: 10px;
}

#search_submit {
    display: none;
}

/* Avatar flip animation for post as group functionality */
@keyframes avatar-flip-out {
    0% {
        transform: scaleX(1);
        opacity: 1;
    }
    100% {
        transform: scaleX(0);
        opacity: 0;
    }
}

@keyframes avatar-flip-in {
    0% {
        transform: scaleX(0);
        opacity: 0;
    }
    100% {
        transform: scaleX(1);
        opacity: 1;
    }
}

.post_field_user_image.avatar-flipping {
    animation: avatar-flip-out 0.1s ease-out forwards;
}
.post_field_user_image.avatar-showing {
    animation: avatar-flip-in 0.1s ease-out forwards;
}

.content_page_error {
    background: var(--module-background-color);
    border: 0;
    text-align: center;
    color: var(--muted-text-color-2);
    padding: 40px 15px;
    min-height: 100px;
    flex-direction: column;
}
.post .content_page_error {
    min-height: 250px;
    margin: 0;
    width: unset;
}
.content_page_error .icon {
    margin-bottom: 15px;
}
.content_page_error span > b {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
}
.content_page_error .text {
    color: var(--muted-text-color-2);
}

/* videos */
.video_items_list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 0;
}
.video_block_layout {
    padding: 15px 15px 0;
    position: relative;
    z-index: 1;
}
.bsdn {
    aspect-ratio: 16 / 9;
}
.bsdn_video > video {
    width: 100%;
}
.video_item {
    width: 244px;
    height: 197px;
    padding: 5px;
    margin: 0 1px 18px 0;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    line-height: 13px;
    position: relative;
}
.attachment .video_item {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
.video_item .video_item_thumb_wrap {
    background-size: initial;
    background-image: url("/web/20200518035514im_/https://vk.com/images/icons/video_empty.png");
    background-color: var(--module-header-background-color);
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}
.video_item .video_item_thumb {
    width: 244px;
    height: 136px;
    cursor: pointer;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -ms-high-contrast-adjust: none;
    position: relative;
    display: block;
}
.video_item_controls {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.video_thumb_label {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    margin: 8px;
    padding: 0 7px;
    border-radius: 3px;
    background: var(--overlay-background);
    color: var(--white);
    font-size: 12.5px;
    line-height: 23px;
    height: 23px;
    white-space: nowrap;
}
.video_thumb_play {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5) url(../resource/video_play_small.png?1) 19px 13px no-repeat;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition:
        background-color 100ms linear,
        opacity 60ms ease;
    z-index: 2;
}
.video_item:hover .video_thumb_actions,
.video_item:hover .video_thumb_play {
    opacity: 1;
}
.video_thumb_play:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
.video_item_info {
    color: var(--muted-text-color);
    padding: 8px 0 0;
    font-size: 12.5px;
}
.video_item_info .video_item_title {
    padding: 2px 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.video_item_title span {
    font-weight: 700;
}
.video_item_info .video_item_author {
    padding: 2px 0 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.video_item_info .video_item_add_info {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    margin-top: 2px;
}
.video_item_info .video_description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    margin-top: 4px;
    color: var(--muted-text-color);
    font-size: 12.5px;
    line-height: 16px;
}
.video_item_info .video_item_add_info {
    white-space: nowrap;
}
.video_item_info .video_item_updated {
    padding: 2px 0 3px;
}
.video_thumb_actions {
    position: absolute;
    top: 0;
    right: 0;
    margin: 8px;
    padding: 3px;
    border-radius: 3px;
    transition: opacity 60ms linear;
    z-index: 5;
    color: var(--white);
    background: var(--overlay-background);
    font-size: 12.5px;
    line-height: 0;
    opacity: 0;
    cursor: default;
}
.video_no_actions .video_thumb_actions {
    display: none;
}
.video_thumb_actions > div {
    cursor: pointer;
    opacity: 0.7;
    display: inline-block;
    padding: 3px;
    top: 0;
}
.video_thumb_actions > div:hover {
    opacity: 1;
}
.video_thumb_actions > div:active {
    position: relative;
    top: 1px;
}
.video_thumb_actions .icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url(../resource/icons/photo_edit_actions.png);
}
.video_thumb_actions .video_thumb_action_edit .icon {
    background-position: 0 -65px;
}
.video_thumb_actions .video_thumb_action_delete .icon {
    background-position: 0 -32px;
}

/* albums */
.photo_items_list {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.album-photo > .album-photo--delete {
    background: var(--video-overlay-background);
    border-radius: var(--module-border-radius);
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
}
.album-photo > .album-photo--delete:hover {
    text-decoration: none;
    color: #fff;
}
.photo_items_list .page_album_row {
    width: 245px;
    height: 165px;
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}
.photo_items_list .page_album_nocover {
    height: 165px;
    width: 245px;
}
.photo_items_list .page_album_thumb {
    height: 165px;
    width: 100%;
    object-fit: cover;
}

.page_block .video_block_layout iframe {
    width: 765px !important;
    height: 430px !important;
}
.ovk-modal-video-window .page_block .video_block_layout iframe {
    width: 100% !important;
    height: 100% !important;
}

.photo-page-wrapper-photo {
	padding: 15px 0;
	min-height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.media-page-wrapper-description {
	padding: 0 22px 15px;
}
.media-page-wrapper-description .upload_time {
    color: var(--muted-text-color);
    font-size: 12px;
}
.document_actions .post_full_like_wrap {
    border: 0;
    padding: 0 15px;
    margin: 0;
}

.post_add .action_icon,
.post_remove .action_icon,
.post_edit .action_icon {
	opacity: 0.85;
    width: 13px;
    height: 13px;
}
.post_download .action_icon {
    width: 12px;
    height: 14px;
    opacity: .85;
}

.AudioPlaylistSnippet__actions .post_add .action_icon,
.AudioPlaylistSnippet__actions .post_remove .action_icon {
	background-image: url(../resource/icons/video_actions.png);
	background-repeat: no-repeat;
}
.AudioPlaylistSnippet__actions .post_add .action_icon {
	background-position: 0 -15px;
}
.AudioPlaylistSnippet__actions .post_remove .action_icon {
	background-position: 0 -29px;
}
.document_actions .post_add .action_icon,
.document_actions .post_remove .action_icon,
.document_actions .post_edit .action_icon {
	background-image: url(../resource/icons/video_actions.png);
	background-repeat: no-repeat;
}
.document_actions .post_add .action_icon {
	background-position: 0 -15px;
}
.document_actions .post_remove .action_icon {
	background-position: 0 -29px;
}
.document_actions .post_edit .action_icon {
	background-position: 0 -60px;
}
.document_actions .post_download .action_icon {
	background-image: url(../resource/icons/download_icon.png);
	background-repeat: no-repeat;
}

.AudioPlaylistSnippet__actions .post_share .action_icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22fill%3A%233D6899%3B%22%3E%3Cpath%20d%3D%22M0%205.5L0%206.5C0%208%201.6%209%203%209L8%209C8.4%209%209.1%209.2%2010.7%2010.3%2011.7%2011.1%2012.9%2012%2012.9%2012L14%2012%2014%206%2014%206%2014%206%2014%200%2012.9%200C12.9%200%2011.7%200.9%2010.7%201.7%209.1%202.8%208.4%203%208%203L3%203C1.6%203%200%204%200%205.5ZM7.5%2012L6.4%209%204%209%205.3%2014C7.3%2014%207.5%2013.3%207.5%2012Z%22%2F%3E%3C%2Fsvg%3E");
}

/* discussion boards */
.controls.blist_last {
    float: right;
    width: 200px;
    padding: 8px 12px;
    border-radius: var(--module-border-radius);
    overflow: hidden;
    cursor: pointer;
    margin: -7px 0 -7px 10px;
}
.controls.blist_last:hover {
    background-color: var(--module-background-color--secondary);
    text-decoration: none;
}
.blist_last .avatar {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    float: left;
}
.blist_last .avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.blist_last .info {
    text-align: start;
    padding-top: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.blist_last .info .labeled.name {
    margin: 0;
}
.blist_last .info .labeled:not(.name) {
    color: var(--muted-text-color);
    padding-top: 3px;
    overflow: hidden;
}
.bt_header {
    border-bottom: 1px solid var(--border-color);
}

.chat_topic_wrap {
    margin-top: -15px;
}

#standaloneCommentBox {
    background: var(--module-background-color);
    border-bottom: 0;
    border-radius: 0 0 var(--module-border-radius) var(--module-border-radius);
    box-shadow:
        0 1px 0 0 var(--shadow-bottom-color),
        0 0 0 1px var(--shadow-outline-color);
    bottom: 0;
    top: unset;
}

.note_post .note_text {
    padding: 0 0 8px;
}
.note_post img {
    max-width: 245pt;
    max-height: 200pt;
}
.note_post blockquote {
    word-wrap: break-word;
    padding: 10px;
    background-color: var(--module-background-color--secondary);
    border-left: 3px solid var(--border-color);
    border-bottom: 0;
    margin: 10px 0 0 0;
}

.articleView {
    width: 100%;
    background-color: var(--module-background-color);
}
.articleView_author > div > span {
    margin-bottom: 4px;
}
.articleView_author > div > time {
    color: var(--muted-text-color);
}
.articleView_author > div > span > a {
    color: var(--text-color);
}

.bsdn-player {
    height: 100%;
}

/* polls */
.poll {
    border: 1px solid var(--border-color);
    border-radius: 2px;
    padding: 12px 15px 14px;
    background-color: var(--module-background-color);
}
.poll-meta {
    margin-top: 10px;
}
.poll-meta br {
    display: none;
}
.nobold.meta {
    display: block;
    font-style: normal;
    float: right;
    white-space: wrap;
    max-width: 200px;
    text-align: end;
    margin-left: 10px;
}
.poll-result-bar,
.poll-result-bar-sub {
    border-radius: 2px;
}
.poll-result-bar {
    position: relative;
    margin: 3px 0 0;
    background-color: var(--button-background-color--light);
    height: 13pt;
    flex: 14;
}
.poll-result-barspace:not(:last-child) {
    margin-bottom: 12px;
}
.poll-result-bar-sub {
    height: 100%;
    background-color: var(--accent-color);
    opacity: .25;
}
span.poll-result-count {
    color: var(--link-color-2);
    user-select: none;
}
.poll h4 {
    color: var(--post-action-color);
}
a.poll-retract-vote,
.poll h4,
.poll-meta {
    font-size: 12.5px;
    line-height: 16px;
}
.poll-result a b {
    font-weight: 400;
}

/* docs */
.docListViewItem:hover,
.attachButton:hover {
    background: none;
}
.docListViewItem .doc_volume > div {
    height: unset;
    width: unset;
    background: none;
}
.docListViewItem .doc_volume .doc_action {
    height: 13px;
    width: 13px;
    background: url("../resource/icons/common.png");
}
.docListViewItem .doc_volume .doc_action,
.docGalleryItem .doc_top_panel > div {
    opacity: 0.7;
    transition: 0.2s;
}
.docListViewItem .doc_volume .doc_action:hover,
.docGalleryItem .doc_top_panel > div:hover {
    opacity: 1;
}
.docListViewItem .doc_volume #edit_icon {
    background-position: 0px -276px;
}
.docListViewItem .doc_volume #add_icon {
    background-position-x: -63px;
}
.docListViewItem .doc_volume #add_icon:hover {
    background-position-y: 0px;
}
.docListViewItem .doc_volume #mark_icon {
    background-position: left -15px;
}
.docListViewItem .doc_volume #report_icon {
    background-position: left -125px;
    background-size: 28px;
}
.docListViewItem .doc_volume #remove_icon {
    background-position: 1px -28px;
}
.docListViewItem .doc_content {
    justify-content: center;
    gap: 2px;
    margin: 0;
    flex: 1;
}
.docListViewItem .doc_content b,.docListViewItem .doc_content span {
    color: var(--text-color);
}
.docListViewItem .doc_content .doc_content_info,
.docListViewItem .doc_content .doc_content_info span {
    color: var(--muted-text-color);
}
.docGalleryItem {
    display: block;
}
.docGalleryItem .doc_top_panel,
.docGalleryItem .doc_bottom_panel {
    background: var(--overlay-background);
}
.docListViewItem .doc_icon {
    background: var(--module-background-color--secondary);
    display: block;
}
.doc_icon.no_image span::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAABYSURBVChTY2RAAvNnzmwBUtVA3JqYnl4DFgQCJigNAyAFyDQYoCvCCohSxAh0x38oGydANwmmAUUjE9AXKD5EByB5uAIka0E0WBxmAHo4wa3BawOmRxgYAOA2GQMa5cgCAAAAAElFTkSuQmCC");
    transform: translateY(2px) translateX(-3px);
    background-repeat: no-repeat;
}
.docListViewItem .doc_icon.no_image span {
    color: var(--post-action-color);
    font-weight: bold;
}

.attachments .docGalleryItem.embeddable {
    width: 100%;
    height: auto;
}
.attachments .docGalleryItem.embeddable img {
    max-height: clamp(320px, 60vh, 900px);
}

.reply .attachments .docGalleryItem.embeddable {
    max-width: 180px;
}

/* language */
.langSelect {
    display: flex;
    align-items: center;
    padding: 0 10px;
    height: 42px;
}
.langSelect.selected {
    color: var(--text-color);
}
.langSelect img {
    background: var(--module-background-color--secondary);
    width: 34px;
    height: 26px;
}
.langSelect:hover {
    background-color: var(--button-background-color--light);
}
.ovk-diag-body > a[href^="/language"]:hover {
    text-decoration: none;
}

/* Language selection styles */
.language_suggested {
    background: var(--button-background-color--light);
    border-radius: 2px;
}
.language_selected {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--text-color);
}
.language_not_found_msg {
    padding: 1px;
    display: none;
}
.language_name_hl {
    font-style: normal;
    background: var(--button-background-color--light);
}
.language_column a:hover {
    text-decoration: none;
}
.language_column a:hover .language_title {
    text-decoration: underline;
}
.language_column {
    margin: 0 3px;
    float: left;
    width: 182px;
}
.ovk-diag .language_column {
    width: 160px;
}
.language_column a,
.language_column b {
    padding: 3px 7px;
    display: block;
}
.language_box_row {
    padding: 0 10px;
    display: block;
}
.language_box_row:hover {
    background-color: var(--button-background-color--hover);
    text-decoration: none;
    border-radius: 4px;
}
.language_box_row.language_box_row_selected .language_box_row_label {
    color: var(--text-color);
}
.language_box_row.language_box_row_selected:hover {
    background-color: transparent;
    cursor: default;
}
.language_box_row .language_box_row_label {
    background-position: left center;
    padding-left: 50px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    height: 42px;
    line-height: 42px;
    background-repeat: no-repeat;
    background-size: 34px 26px;
    color: var(--link-color);
}
.language_search_form.ui_search.ui_search_new {
    padding-left: 25px;
    padding-right: 25px;
}
.lang_beta {
    color: var(--muted-text-color);
    font-size: 11px;
    margin-left: 4px;
    font-weight: normal;
}

/* tickets */

.tickets_header {
    box-sizing: border-box;
    padding: 11px 12px;
    border-bottom: 1px solid var(--border-color);
    background-color: var(--module-background-color);
}
.tickets_header_body {
    float: left;
    max-width: 100%;
    position: relative;
}
.tickets_header_title {
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-size: 14px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tickets_header_info {
    padding-top: 1px;
    color: var(--muted-text-color);
    font-size: 12.5px;
    line-height: 19px;
}
.tickets_header_links {
    float: right;
    position: relative;
    line-height: 40px;
}
.tickets_header_container + .reply .reply_wrap {
    border-top: 0;
}
.tickets_content .reply {
    padding: 0 12px;
}
.tickets_content .composer.model_content_textarea textarea {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
#ban-reason {
    border-bottom: 1px solid var(--border-color);
}
#ban-reason .msg,
#post_page_main .page_block {
    margin: 0;
}

.tickets_list .info {
    padding-left: 49px;
    position: relative;
}
.tickets_list .info::before {
    width: 32px;
    height: 32px;
    background: url(/themepack/vkify16/3.3.1.6/resource/icons/status_icons.png) no-repeat 0 0;
    content: "";
    position: absolute;
    background-position: left 0;
    top: 0;
    left: 2px;
}
.tickets_list .type0 .info::before {
    background-position: left -32px;
}

.hover-box {
    background-color: var(--module-background-color);
    border-color: var(--border-color-2);
    margin-inline: 0;
}
.hover-box:hover {
    background-color: var(--border-color-2);
}

/* support articles */
#faqhead {
    background-color: var(--module-background-color--secondary);
    border-color: var(--border-color);
    margin-inline: 0;
    padding: 7px 9px;
}
#faqcontent {
    background-color: var(--module-header-background-color);
    border-color: var(--border-color);
    margin-inline: 0;
    padding: 7px 9px;
    margin-bottom: 15px;
}
.faq:last-child #faqcontent {
    margin-bottom: 0;
}
.tickets_create_form .form_field {
    width: 550px;
}

.pr_gray .pr_bt {
    background-color: var(--muted-text-color);
}


#test-label {
    z-index: 1999;
    color: #000;
}
#votesBalance,
#news {
    margin: 10px 0;
    padding: 10px;
    background-color: var(--module-header-background-color);
    border: 1px solid var(--menu-divider-color);
}
#news b {
    color: var(--link-color-2);
}
.psa-poster-wrapper {
    display: block;
    text-align: center;
    margin-top: 10px;
}
.pas-poster-wrapper img {
    max-width: 200px;
}
hr {
    background-color: var(--border-color);
}

/* Playlists list */
.playlistContainer {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    padding: 6px 11px;
    box-sizing: border-box;
}
.list_view.playlistContainer {
    padding: 20px;
}
.audio_pl_item {
    box-sizing: border-box;
    position: relative;
    min-width: 0;
}
.audio_pl_item .audio_pl__cover {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h72v72h-72z%22%2F%3E%3Cpath%20d%3D%22m42.5%2018h-33c-.82842712%200-1.5.6715729-1.5%201.5s.67157288%201.5%201.5%201.5h33c.8284271%200%201.5-.6715729%201.5-1.5s-.6715729-1.5-1.5-1.5zm0%2012h-33c-.82842712%200-1.5.6715729-1.5%201.5s.67157288%201.5%201.5%201.5h33c.8284271%200%201.5-.6715729%201.5-1.5s-.6715729-1.5-1.5-1.5zm-33%2015c-.82842712%200-1.5-.6715729-1.5-1.5s.67157288-1.5%201.5-1.5h23c.8284271%200%201.5.6715729%201.5%201.5s-.6715729%201.5-1.5%201.5zm44.5%201.2665767c0%209.0247975-1.7494466%2010.7668864-8.7488058%2011.684387-3.3364518.4373539-7.2511942-1.0769136-7.2511942-6.3234191%200-2.5628074%201.603626-4.996526%204.9222856-5.6324987%202.5344608-.4856924-.1815623.0363869%205.5521446-1.0280794%201.3919505-.2584165%201.5496826-.75646%201.5496826-1.8175819%200-.5328188-.0026365-5.1902877-.0192719-8.3880674v-8.6356283s-.010892-4.116544%200-6.1747951c.0130272-2.4617298%201.3592916-3.3664367%205.3275843-4.1679516%200%200%206.0464225-1.1479356%209.3704503-1.7508398.7355662-.1334152%201.2971245.1403611%201.2971245.9840516%200%200-.0213548%205.2442021%200%208.1086771.0062012.8318081-.3368479%201.208402-1.1799422%201.3580445-3.3633975.596976-9.7298555%201.7207236-9.7298555%201.7207236-.7477585.1836552-1.0902023.7099992-1.0902023%201.4665831z%22%20fill%3D%22%236f98c7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-color: var(--module-background-color--secondary);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
    cursor: pointer;
    aspect-ratio: 1 / 1;
    color: var(--border-color-4);
    position: relative;
    display: block;
    overflow: hidden;
}
.audio_pl_item .audio_pl__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.audio_pl_item .audio_pl__actions_wrap {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity 80ms linear;
    display: flex;
    justify-content: center;
    align-items: center;
}
.audio_pl_item .audio_pl__actions_wrap {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
}
.audio_pl_item .audio_pl__actions_wrap {
    left: 0;
}
.audio_pl_item .audio_pl__actions_btns {
    width: 100%;
    opacity: 0;
    transition:
        top 160ms ease,
        opacity 160ms linear;
    display: flex;
    justify-content: center;
    align-items: center;
}

.audio_pl_item .audio_pl__cover:hover .audio_pl__actions_btns {
    opacity: 1;
}
.audio_pl_item .audio_pl__actions_btn {
    opacity: 1;
    transition: opacity 60ms linear;
}
.audio_pl_item .audio_pl__actions_btn {
    margin: 0 6px;
    cursor: pointer;
}
.audio_pl_item .audio_pl__actions_btn:hover {
    opacity: 0.85;
}
.audio_pl_item .audio_pl__actions_btn:active {
    position: relative;
    top: 1px;
}
.audio_pl_item .audio_pl__actions_add,
.audio_pl_item .audio_pl__actions_remove {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m11%2011v-7.571c0-.79.403-1.429.9-1.429s.9.64.9%201.429v7.571h7.771c.79%200%201.429.403%201.429.9s-.64.9-1.429.9h-7.77v7.771c0%20.79-.404%201.429-.9%201.429-.498%200-.9-.64-.9-1.429v-7.771h-7.573c-.79%200-1.429-.403-1.429-.9s.64-.9%201.429-.9z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22240%25%22%20width%3D%22240%25%22%20x%3D%22-70%25%22%20y%3D%22-65%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%22.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%2F%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    font-size: 0;
}
.audio_pl_item .audio_pl__actions_remove {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m4%2015%204%204%2012-12%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22348.3%25%22%20width%3D%22286.2%25%22%20x%3D%22-93.1%25%22%20y%3D%22-115.8%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%221.4%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20radius%3D%221.5%22%20result%3D%22shadowInner%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowInner%22%20result%3D%22shadowInner%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetOuter1%22%20in2%3D%22shadowInner%22%20operator%3D%22out%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20height%3D%2224%22%20opacity%3D%22.5%22%20rx%3D%222%22%20width%3D%2224%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.audio_pl_item .audio_pl__actions_edit {
    width: 24px;
    height: 24px;
}
.audio_pl_item .audio_pl__actions_edit {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m4.95%2017.15%201.705%201.679-.508.5-1.91.653c-.17.058-.26-.035-.227-.2l.433-2.131.508-.5zm1.492-1.467%2010.548-10.387a1.017%201.017%200%200%201%201.427.001l.28.275a.977.977%200%200%201%200%201.405l-10.549%2010.384-1.705-1.678z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22286.7%25%22%20width%3D%22286.8%25%22%20x%3D%22-93.4%25%22%20y%3D%22-86.7%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%22.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.audio_pl_item.audio_pl__canedit .audio_pl__actions_edit {
    display: block;
}
.audio_pl_item.audio_pl__canedit .audio_pl__actions_add {
    display: none;
}
.audio_pl_item .audio_pl__actions_play {
    width: 40px;
    height: 45px;
}
.audio_pl_item .audio_pl__actions_play {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2248%22%20viewBox%3D%220%200%2042%2048%22%20width%3D%2242%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m15.514776%2038.5872125c-1.3888724.899654-2.514776.2768039-2.514776-1.363785v-26.4438996c0-1.65285169%201.1242033-2.26454039%202.514776-1.36378494l20.757036%2013.44554834c.9721331.6297076.9697008%201.6522408%200%202.2803728z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22193.3%25%22%20width%3D%22216.7%25%22%20x%3D%22-58.3%25%22%20y%3D%22-43.3%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%220.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2223%22%20r%3D%2224%22%2F%3E%3Cg%20transform%3D%22translate(-4%20-1)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.audio_pl_item.audio_pl__empty .audio_pl__actions_play {
    opacity: 0.5;
}
.audio_pl_item.audio_pl__empty .audio_pl__actions_play:hover {
    opacity: 0.5;
}
.audio_pl_item.audio_pl__empty .audio_pl__actions_play:active {
    position: relative;
    top: 0;
}
.audio_pl_item .audio_pl__actions_share {
    width: 24px;
    height: 24px;
}
.audio_pl_item .audio_pl__actions_share {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22m13%208.75v-4.348a.417.417%200%200%201%20.687-.318l8.94%207.598a.417.417%200%200%201%200%20.636l-8.94%207.598a.417.417%200%200%201%20-.687-.318v-4.348c-5.361%200-9.16%201.04-11.398%203.121a.25.25%200%200%201%20-.413-.241c1.496-6.253%205.434-9.38%2011.811-9.38z%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
.audio_pl_item .audio_pl__cover_stats {
    color: #fff;
    position: absolute;
    bottom: 13px;
    width: 100%;
}
.audio_pl_item .audio_pl__cover_stats {
    text-align: center;
}
.audio_pl_item .audio_pl__stats_count,
.audio_pl_item .audio_pl__stats_listens {
    display: inline-block;
    position: relative;
}
.audio_pl_item .audio_pl__stats_count,
.audio_pl_item .audio_pl__stats_listens {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.audio_pl_item .audio_pl__stats_count,
.audio_pl_item .audio_pl__stats_listens {
    padding: 0 0 0 15px;
}
.audio_pl_item .audio_pl__stats_count {
    margin-right: 8px;
}
.audio_pl_item .audio_pl__stats_count:before {
    content: " ";
    display: block;
    position: absolute;
    width: 17px;
    height: 15px;
    top: 1px;
}
.audio_pl_item .audio_pl__stats_count:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m0%204.5c0-.27614237.22247315-.5.50966585-.5h7.9806683c.28148068%200%20.50966585.23193359.50966585.5%200%20.27614237-.22247314.5-.50966585.5h-7.9806683c-.28148068%200-.50966585-.23193359-.50966585-.5zm0%206c0-.2761424.21484375-.5.49769878-.5h4.00460244c.27487144%200%20.49769878.2319336.49769878.5%200%20.2761424-.21484375.5-.49769878.5h-4.00460244c-.27487144%200-.49769878-.2319336-.49769878-.5zm0-3c0-.27614237.22247315-.5.50966585-.5h7.9806683c.28148068%200%20.50966585.23193359.50966585.5%200%20.27614237-.22247314.5-.50966585.5h-7.9806683c-.28148068%200-.50966585-.23193359-.50966585-.5z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22285.7%25%22%20width%3D%22244.4%25%22%20x%3D%22-72.2%25%22%20y%3D%22-78.6%25%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(4%20-1)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.audio_pl_item .audio_pl__stats_count:before {
    left: -2px;
}
.audio_pl_item .audio_pl__stats_listens:before {
    content: " ";
    display: block;
    position: absolute;
    width: 17px;
    height: 15px;
    top: 0;
}
.audio_pl_item .audio_pl__stats_listens:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m8.75111916%208.97953431c.16125158-.46337323.24888084-.96122032.24888084-1.47953431%200-2.48528137-2.01471863-4.5-4.5-4.5s-4.5%202.01471863-4.5%204.5c0%20.51831399.08762926%201.01616108.24888084%201.47953431-.15398662.26641276-.24888084.60126401-.24888084%201.02046569%200%201.6666667%201.5%202%202.25%202s.75-.8954305.75-2%200-2-.75-2c-.24584017%200-.57226353.03581475-.90002774.14266307-.04213802-.20765337-.06425797-.42257503-.06425797-.64266307%200-1.77520098%201.43908473-3.21428571%203.21428571-3.21428571s3.21428571%201.43908473%203.21428571%203.21428571c0%20.22008804-.02211995.4350097-.06425797.64266307-.32776421-.10684832-.65418757-.14266307-.90002774-.14266307-.75%200-.75.8954305-.75%202s0%202%20.75%202%202.25-.3333333%202.25-2c0-.41920168-.09489422-.75405293-.24888084-1.02046569z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22244.4%25%22%20width%3D%22244.4%25%22%20x%3D%22-72.2%25%22%20y%3D%22-61.1%25%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(4)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.audio_pl_item .audio_pl__stats_listens:before {
    left: -2px;
}
.audio_pl_item .audio_pl__cover:hover .audio_pl__actions_wrap {
    opacity: 1;
}
.audio_pl_item .audio_pl__actions {
    position: absolute;
    top: 6px;
    opacity: 0;
    transition: opacity 50ms linear;
}
.audio_pl_item .audio_pl__actions {
    right: 0;
}
.audio_pl_item .audio_pl__actions .audio_pl__action {
    width: 28px;
    height: 28px;
    opacity: 0.5;
    transition:
        opacity 50ms linear,
        background-position 150ms ease;
    display: none;
}
.audio_pl_item .audio_pl__actions .audio_pl__action {
    background-color: #000;
    border-radius: 2px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2284%22%20viewBox%3D%220%2068%2028%2084%22%20width%3D%2228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(0%20124)%22%3E%3Crect%20height%3D%2228%22%20opacity%3D%22.5%22%20rx%3D%222.33%22%20width%3D%2228%22%2F%3E%3Cpath%20d%3D%22m15%2013v-4c0-.54-.45-1-1-1-.56%200-1%20.45-1%201v4h-4c-.54%200-1%20.45-1%201%200%20.56.45%201%201%201h4v4c0%20.54.45%201%201%201%20.56%200%201-.45%201-1v-4h4c.54%200%201-.45%201-1%200-.56-.45-1-1-1z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%2096)%22%3E%3Crect%20height%3D%2228%22%20opacity%3D%22.5%22%20rx%3D%222.33%22%20width%3D%2228%22%2F%3E%3Cpath%20d%3D%22m8.7%2015.3c-.38-.4-1.02-.4-1.4%200-.4.38-.4%201.02%200%201.4l3%203c.38.4%201.02.4%201.4%200l9-9c.4-.38.4-1.02%200-1.4-.38-.4-1.02-.4-1.4%200l-8.3%208.3z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%2068)%22%3E%3Crect%20height%3D%2228%22%20opacity%3D%22.5%22%20rx%3D%222.33%22%20width%3D%2228%22%2F%3E%3Cpath%20d%3D%22m9.22%2017.28%201.5%201.5-.72.72c-.23.23-2%20.5-2%20.5s.27-1.77.5-2zm1.06-1.06%208-7.93c.4-.4%201.04-.4%201.43%200%20.4.38.4%201.02%200%201.4l-7.92%208.02-1.5-1.5z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.audio_pl_item .audio_pl__actions .audio_pl__action {
    margin-right: 6px;
}
.audio_pl_item .audio_pl__actions .audio_pl__action:hover {
    opacity: 0.6;
}
.audio_pl_item .audio_pl__actions .audio_pl__action:active {
    margin-top: 1px;
}
.audio_pl_item .audio_pl__play {
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 8px;
    opacity: 0;
    transition: opacity 50ms linear;
}
.audio_pl_item .audio_pl__play {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%225%205%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m5%205h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22m14%2023.9c-.5.3-1%20.1-1-.6v-12.6c0-.7.5-.9%201-.6l9.4%206.2c.6.4.6%201%200%201.4z%22%20fill%3D%22%233d6899%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);
}
.audio_pl_item .audio_pl__play {
    left: 8px;
}
.audio_pl_item .audio_pl__play:active {
    bottom: 7px;
}
.audio_pl_item:hover .audio_pl__play {
    opacity: 0.8;
}
.audio_pl_item:hover .audio_pl__play:hover {
    opacity: 1;
}
.audio_pl_item:hover .audio_pl__actions {
    opacity: 1;
}
.audio_pl_item .audio_pl__info {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.audio_pl_item .audio_pl__info {
    margin-top: 8px;
    margin-bottom: 10px;
}
.audio_pl_item .audio_pl_artist_link {
    color: var(--muted-text-color-2);
}
.audio_pl_item .audio_pl__subtitle {
    color: var(--muted-text-color-2);
}
.audio_pl_item .audio_pl__subtitle {
    margin-top: 2px;
}
.audio_pl_item .audio_pl__subtitle > a {
    color: var(--muted-text-color-2);
}
.audio_pl_item .audio_pl__subtitle,
.audio_pl_item .audio_pl__year_subtitle,
.audio_pl_item .audio_pl__title {
    overflow: hidden;
    text-overflow: ellipsis;
}
.audio_pl_item .audio_pl__title a {
    font-weight: 600;
    color: var(--text-color);
}

[data-theme~="dismissable"].tippy-box {
    background-color: var(--module-background-color);
    border: 1px solid var(--border-color-2);
    border-radius: var(--tooltip-border-radius);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    max-width: 280px;
}
[data-theme~="dismissable"] .tippy-content {
    padding: 0;
}
.popup {
    padding: 10px 12px;
    position: relative;
}
.popup b {
    display: block;
    padding-right: 16px;
}
.popup p {
    margin: 0;
    color: var(--muted-text-color);
}
.popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    background: url(../resource/icons/cross.png) center no-repeat;
    background-size: 10px;
}
.popup-close:hover {
    opacity: 1;
}

.audio_upload_wrap {
    max-width: 550px;
    margin: 0 auto;
}

.audio_upload_step {
    padding: 15px 0;
}

.audio_upload_header h2 {
    color: var(--heading-color);
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 20px;
}

.limits_toggle {
    display: block;
    color: var(--link-color);
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 8px;
    cursor: default;
}

.audio_upload_area {
    text-align: center;
    padding: 30px 20px;
    background: var(--module-background-color--secondary);
    border: 2px dashed var(--border-color-3);
    border-radius: var(--module-border-radius);
    margin-bottom: 15px;
    transition: border-color 150ms ease;
}

.audio_upload_area:hover {
    border-color: var(--accent-color);
}

.audio_upload_area input[type="file"] {
    display: none;
}

.audio_upload_hint {
    text-align: center;
    font-size: 13px;
    color: var(--muted-text-color);
}

.audio_upload_actions {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
}

.audio_upload_actions .button {
    margin: 0 5px;
    padding: 8px 20px;
    font-size: 13px;
}

.audio_upload_actions .button_gray {
    background: var(--button-background-color);
    color: var(--text-color);
}

.audio_upload_actions .button_gray:hover {
    background: var(--button-background-color--hover);
}

.audio_upload_forms {
    margin-bottom: 15px;
}

.upload_container_element {
    background: var(--module-background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--module-border-radius);
    margin-bottom: 15px;
    padding: 15px;
}

.upload_container_name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 15px;
    font-weight: 500;
    color: var(--heading-color);
}

#small_remove_button,
.post-source #remove_source_button.post-replyto #remove_reply_button, #small_remove_button, .cross {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(../resource/icons/cross.png) center no-repeat;
    opacity: 0.5;
    transition: opacity 150ms;
}

#small_remove_button:hover {
    opacity: 1;
}

body.banned {
    --layout-width: 795px;
    --page-width: 795px;
}

/* wall_tt-style post/reply preview tooltip */
.tippy-box.wall_tt,
.tippy-box[data-theme~="wall_tt"] {
    color: #000;
}

.tippy-box.wall_tt .tippy-content,
.tippy-box[data-theme~="wall_tt"] .tippy-content {
    padding: 0;
}

.wall_tt .content {
    min-width: 80px;
    max-width: 380px;
    overflow: hidden;
    line-height: 140%;
}

.wall_tt .post {
    display: block;
}
.wall_tt .reply_date {
    float: none;
}

.wall_tt .header {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    margin: 0 0 9px;
}

/* stickers shop & pack editor */
.stickers_shop_banner {
    border-radius: var(--module-border-radius) var(--module-border-radius) 0 0;
    overflow: hidden;
}

.stickers_shop_banner .stickers_shop_banner_img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.stickers_shop_banner a {
    display: block;
    line-height: 0;
}

.stickers_packs_grid {
    gap: 16px;
    margin-top: 0;
    padding: 16px;
    background-color: var(--module-background-color--secondary);
}

.stickers_pack_card {
    flex: 0 0 calc((100% - 16px) / 2);
    max-width: calc((100% - 16px) / 2);
    border: 0;
    padding: 0;
    position: relative;
    top: 0;
    background: var(--module-background-color);
    border-radius: var(--module-border-radius);
    box-shadow: 0 0 1px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);
    transition: top 0.1s ease;
}

.stickers_pack_card:hover {
    top: -2px;
}

.stickers_pack_thumb {
    aspect-ratio: 1.6 / 1;
    background: var(--module-header-background-color);
    border-radius: var(--module-border-radius) var(--module-border-radius) 0 0;
    margin-bottom: 0;
}

.stickers_pack_name {
    padding: 8px 10px 4px;
    font-size: 12.5px;
    line-height: 17px;
}

.stickers_pack_name a {
    color: var(--text-color);
}

.stickers_pack_author {
    color: var(--muted-text-color);
    font-size: 12.5px;
    margin-top: 0;
    padding: 0 10px 6px;
}

.stickers_pack_footer {
    margin-top: 0;
    padding: 0 10px 8px;
}

.stickers_pack_desc_empty,
.stickers_pack_desc {
    display: none;
}

.stickers_pack_price_free {
    color: var(--success-color);
    font-size: 12.5px;
}

.stickers_pack_price_paid,
.stickers_pack_balance_val {
    color: var(--link-color);
}

.stickers_modal_cover_wrap,
.stickers_modal_item:hover {
    border: 1px solid var(--border-color);
    border-radius: var(--button-border-radius);
    background: var(--module-header-background-color);
}

.stickers_modal_count,
.stickers_modal_author,
.stickers_pack_status_purchased,
.stickers_pack_author_balance,
.sticker-empty-text {
    font-size: 12.5px;
    color: var(--muted-text-color);
}

.stickers_modal_desc {
    font-size: 12.5px;
    color: var(--muted-text-color-2);
}

.stickers_modal_copy_link,
.stickers_pack_price_paid {
    font-size: 12.5px;
}

.stickers_modal_title {
    font-size: 15px;
    color: var(--text-color);
}

.stickers_cards_grid {
    gap: 16px;
}

.existing_sticker_card,
.draft_sticker_card {
    border: 1px solid var(--border-color);
    background: var(--module-background-color);
    border-radius: var(--module-border-radius);
    padding: 8px;
    width: 159.33px;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    transition: opacity 0.2s ease, background-color 0.2s ease;
}

.sticker-empty-text {
    margin-bottom: 10px;
}

.stickers_form_btn_save {
    float: none;
}


@media (min-width: 769px) {
    .appbar,
    .mobileonly {
        display: none !important;
    }
}
/* ==========================================================================
   Emoji picker — VK .emoji_tt_wrap / .emoji_tabs / .emoji_cat_title
   ========================================================================== */

.tippy-box[data-theme~="emoji"] {
    border: 1px solid var(--border-color-2);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    background: var(--module-background-color);
}

.emoji-picker-wrap {
    background: var(--module-background-color);
    width: 258px;
}

.emoji-picker-scroll {
    height: 242px;
    padding: 0 4px 2px;
    scrollbar-color: var(--border-color-2) var(--transparent);
}

.emoji-picker-scroll::-webkit-scrollbar-thumb {
    background-color: var(--border-color-2);
}

.emoji-picker-group .group-title {
    margin: 0;
    padding: 10px 5px 6px;
    border-bottom: 0;
    background: var(--module-background-color);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: .2px;
    color: var(--muted-text-color);
}

.emoji-picker-item:hover {
    background-color: var(--module-background-color--secondary);
}

.emoji-picker-loading,
.sticker-picker-empty {
    color: var(--muted-text-color-3);
}

.emoji-picker-footer {
    height: 36px;
    padding: 0 4px;
    border-top: 0;
    background: var(--module-background-color--secondary);
    border-radius: 0 0 4px 4px;
}

.emoji-tabs-divider {
    display: none;
}

.emoji-main-tab,
.emoji-cat-btn,
.s-tab,
.emoji-scroll-arrow {
    width: 36px;
    height: 36px;
    border-radius: 0;
}

/* Store icon is a fixed 18px sprite crop — keep its width, center it
   vertically in the taller strip. */
.sticker-store-btn {
    height: 36px;
    border-radius: 0;
    background-position: -18px 9px;
}

.emoji-main-tab .emoji-icon,
.emoji-cat-btn .emoji-cat-btn-recent,
.s-tab-recent .emoji-cat-btn-recent {
    margin-top: 0;
}

.emoji-main-tab:hover,
.emoji-cat-btn:hover,
.s-tab:hover,
.emoji-scroll-arrow:hover {
    background: var(--dropdown-hover-color);
    opacity: 1;
}

.sticker-store-btn:hover {
    background-color: var(--dropdown-hover-color);
    opacity: 1;
}

.emoji-main-tab.active,
.emoji-cat-btn.active,
.s-tab.active {
    background: var(--module-background-color);
    box-shadow: none;
    opacity: 1;
    cursor: default;
}

.sticker-picker-groups {
    border-top-color: var(--module-background-color--secondary);
}

.sticker-picker-grid {
    gap: 2px;
}

.sticker-picker-item:hover {
    transform: none;
    background: var(--module-header-background-color)
}