/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted currentColor;
    text-decoration: underline dotted currentColor
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: inherit
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

html {
    box-sizing: border-box
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: inherit;
    text-decoration: none
}

button {
    padding: 0;
    background: none;
    border: none
}

svg {
    display: block;
    fill: currentColor
}

input {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font: inherit;
    line-height: 1;
    color: inherit;
    background-color: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[disabled]::-moz-placeholder {
    color: inherit
}

input[disabled]::placeholder {
    color: inherit
}

input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:active {
    transition-delay: 9999s;
    -webkit-transition-property: background-color,color;
    transition-property: background-color,color
}

@media (hover: hover) {
    input:-webkit-autofill:hover {
        transition-delay:9999s;
        -webkit-transition-property: background-color,color;
        transition-property: background-color,color
    }
}

:root {
    --color-black: #000;
    --color-white: #fff;
    --layout-z-index-header: 10;
    --layout-z-index-navbar: 2;
    --layout-z-modal-overlay: calc(var(--layout-z-index-header) + 1);
    --layout-z-index-feed: 1;
    --layout-z-index-feed-sorting: calc(var(--layout-z-index-feed) + 1);
    --layout-z-index-floating-updates: calc(var(--layout-z-index-feed) + 2);
    --layout-z-alerts: calc(var(--layout-z-index-header) + 2);
    --layout-z-floating-player: calc(var(--layout-z-index-floating-updates) - 1);
    --layout-island-border-radius: 0px;
    --layout-tabbar-height: 50px;
    --layout-header-height-default: 60px;
    --layout-header-height: var(--layout-header-height-large, var(--layout-header-height-default));
    --layout-view-offset-y: 0px;
    --layout-max-width: 640px;
    --layout-max-content-width: 640px;
    --layout-content-offset-x: 16px;
    --layout-left-aside-width: 220px;
    --layout-left-aside-offset: 10px;
    --layout-right-aside-width: 320px;
    --layout-right-aside-offset: 20px;
    --layout-island-gap-y: 24px;
    --layout-modal-view-width: 520px;
    --layout-modal-view-height: 720px;
    --layout-content-gap-default: 12px;
    --layout-content-gap-media: 20px;
    --layout-content-gap-header: 20px;
    --layout-content-right-indent: 15px;
    --safe-tabbar-height: calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom));
    --layout-settings-input-max-width: 390px;
    --layout-updates-button-size: 32px;
    --layout-header-banner-height: 0px;
    --layout-content-banner-height: 200px;
    --layout-vertical-banner-height: 600px;
    --layout-vertical-banner-width: 300px;
    --layout-vertical-bottom-banner-width: 320px;
    --layout-post-banner-size: 300px
}

@media all and (min-width: 925px) {
    :root {
        --layout-max-width: 884px;
        --layout-tabbar-height: 0px
    }
}

@media all and (min-width: 1240px) {
    :root {
        --layout-max-width: 1280px
    }
}

@media all and (min-width: 640px) {
    :root {
        --layout-island-border-radius: 10px;
        --layout-content-offset-x: 24px;
        --layout-view-offset-y: 16px;
        --layout-header-height: var(--layout-header-height-default);
        --layout-header-banner-height: 250px;
        --layout-content-banner-height: 122px
    }
}

:root {
    color-scheme: light;
    --brand-color: #0099FF;
    --theme-color-brand-primary: #1793E6;
    --theme-color-brand-header: #D9F0FF;
    --theme-color-brand-background: #F0F9FF;
    --theme-color-brand-stroke: #99D6FF;
    --theme-color-brand-logo: #F0F9FF;
    --theme-color-brand-distribution: #E8F6FF;
    --theme-color-brand-icon: #BEE2FA;
    --theme-color-signal-active-default: #0B5DD7;
    --theme-color-signal-active-dark: #2664BF;
    --theme-color-signal-active-darkest: #2A6DD1;
    --theme-color-signal-active-light: #B3D1FF;
    --theme-color-signal-active-lightest: #E6EFFD;
    --theme-color-signal-positive-default: #30B03D;
    --theme-color-signal-positive-dark: #2DA539;
    --theme-color-signal-positive-darkest: #2A9935;
    --theme-color-signal-negative-default: #F0303D;
    --theme-color-signal-negative-dark: #E02D39;
    --theme-color-signal-negative-darkest: #D12A35;
    --theme-color-background: #F2F2F2;
    --theme-color-background-active: #E5F0FF;
    --theme-color-background-active-hover: #D1E3FF;
    --theme-color-background-content: var(--color-white);
    --theme-color-media-background: rgba(0, 0, 0, .08);
    --theme-color-border: #E5E5E5;
    --theme-color-shadow-over-background: rgba(0, 0, 0, .08);
    --theme-color-border-over-background: #dadada;
    --theme-color-background-warning: #FFF8E0;
    --theme-color-text-primary: var(--color-black);
    --theme-color-text-secondary: #595959;
    --theme-color-text-secondary-light: #808080;
    --theme-color-button-secondary: var(--color-white);
    --theme-color-button-secondary-shadow: 0 0 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .06);
    --theme-color-button-secondary-shadow-hover: 0 2px 4px rgba(0, 0, 0, .09), inset 0 -1px 0 rgba(0, 0, 0, .06);
    --theme-color-button-secondary-shadow-active: 0 0 2px rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .06);
    --theme-color-button-minimal: #F0F0F0;
    --theme-color-button-minimal-hover: #E6E6E6;
    --theme-color-button-minimal-active: #DBDBDB;
    --theme-color-button-transparent-hover: rgba(0,0,0,.04);
    --theme-color-button-transparent-active: rgba(0,0,0,.06);
    --theme-color-button-translucent: rgba(0,0,0,.16);
    --theme-color-button-translucent-hover: rgba(0,0,0,.32);
    --theme-color-button-translucent-active: rgba(0,0,0,.48);
    --theme-color-field-text: inherit;
    --theme-color-check-background-default: #F0F0F0;
    --theme-color-check-border-disabled: #DDDDDD;
    --theme-color-field-background-default: #F5F5F5;
    --theme-color-field-background-hover: var(--color-white);
    --theme-color-field-background-error: #FFECED;
    --theme-color-field-background-disabled: #F7F7F7;
    --theme-color-field-border-default: rgba(0, 0, 0, .03);
    --theme-color-field-border-default-hex: #ededed;
    --theme-color-field-border-hover: var(--theme-color-signal-active-light);
    --theme-color-field-border-active: var(--theme-color-signal-active-default);
    --theme-color-field-icon-default: var(--color-white);
    --theme-color-field-icon-disabled: #B8B8B8;
    --theme-shadow-field: 0 0 0 3px var(--theme-color-signal-active-lightest);
    --theme-color-search-field-text: inherit;
    --theme-color-search-field-background-default: #C2E7FF;
    --theme-color-search-field-border-default: #CCEBFF;
    --theme-color-search-field-border-active: var(--theme-color-brand-stroke);
    --theme-shadow-search-field: 0 0 0 3px rgba(0, 0, 0, .03);
    --theme-color-popover-item-bg-active: var(--theme-color-background);
    --theme-color-popover-item-bg-active-hover: var(--theme-color-background-active);
    --theme-color-popover-background: var(--color-white);
    --theme-color-updates-shadow: .5px 0 0 rgba(0, 0, 0, .1), -.5px 0 0 rgba(0, 0, 0, .1), 0 -.5px 0 rgba(0, 0, 0, .05), 0 4px 7px rgba(0, 0, 0, .08), 0 1px 1px rgba(0, 0, 0, .1);
    --theme-floating-shadow: 0 4px 20px rgba(0, 0, 0, .08), 0 0 1px rgba(0, 0, 0, .16);
    --theme-color-donate-text: #004150;
    --theme-color-donate-gradient: linear-gradient(100deg, #CBFDF6 0%, #CDE8FC 100%);
    --theme-filter-blur-light: blur(6px) grayscale(90%) contrast(40%) brightness(145%);
    --theme-filter-blur-strong: blur(30px) grayscale(60%) contrast(30%) brightness(155%);
    --theme-plus-color: var(--theme-color-text-primary);
    --theme-plus-modal-background: linear-gradient(219.57deg, #DEEBFF 12.97%, #F7F1FF 34.26%, #E0E3FF 55.44%, #F0EDFF 86.69%);
    --theme-plus-modal-footer: linear-gradient(180deg, rgba(234, 232, 252, 0) 0%, #eae8fc 27.25%);
    --theme-plus-features-background: var(--theme-color-background-content);
    --theme-plus-features-shadow: 0 0 1px rgba(0, 0, 0, .16);
    --theme-plus-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #5e36ff 89.06%);
    --theme-pro-color: var(--color-white);
    --theme-pro-modal-background: #242424;
    --theme-pro-modal-background-gradient: radial-gradient(at 93% 7%, hsla(202,100%,35%,.1) 0px, transparent 50%), radial-gradient(at 54% 51%, hsla(240,100%,50%,.05) 0px, transparent 50%), radial-gradient(at 52% 54%, hsla(194,100%,28%,.4) 0px, transparent 50%), radial-gradient(at 27% 37%, hsla(274,100%,28%,1) 0px, transparent 50%), radial-gradient(at 30% 32%, hsla(299,100%,50%,.05) 0px, transparent 50%), radial-gradient(at 32% 69%, hsla(274,100%,28%,.1) 0px, transparent 50%), radial-gradient(at 32% 73%, hsla(299,100%,50%,.08) 0px, transparent 50%);
    --theme-pro-modal-footer: linear-gradient(180deg, rgba(16, 13, 21, 0) 0%, #242424 25%);
    --theme-pro-features-background: rgba(255, 255, 255, .04);
    --theme-pro-features-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
    --theme-pro-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #8161fa 89.06%);
    --theme-pro-feature-text-secondary: rgba(255, 255, 255, .64);
    --theme-slider-track-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
    --theme-slider-step-background: rgba(0, 0, 0, .1);
    --theme-slider-step-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
    --theme-slider-thumb-background: var(--color-white);
    --theme-slider-thumb-shadow: 0px 3px 8px rgba(22, 18, 18, .15), 0px .5px 1px rgba(28, 26, 26, .04), 0px 1px .5px rgba(28, 26, 26, .03), 0px 2px .5px rgba(27, 27, 28, .03), 0px 2.5px .5px rgba(0, 0, 0, .02), 0px 2px 1px rgba(0, 0, 0, .02);
    --theme-andropov-border-color: rgba(0, 0, 0, .1);
    --theme-comment-highlighted-background: #F2F9FF;
    --theme-color-content-footer-button-hover-background: rgba(48, 125, 240, .12);
    --theme-color-reaction-button: #F9F9F9;
    --theme-color-reaction-button-hover: var(--theme-color-button-minimal-hover);
    --theme-color-reaction-button-active: var(--theme-color-reaction-button);
    --theme-color-banner-close-text: #595959;
    --theme-color-banner-close-background: rgba(255, 255, 255, .75);
    --theme-color-banner-close-background-hover: rgba(255, 255, 255, 1)
}

@media (color-index: 48) {
    :root {
        color-scheme:dark;
        --theme-color-brand-primary: #197ABA;
        --theme-color-brand-header: #26282B;
        --theme-color-brand-background: #2d2d2e;
        --theme-color-brand-distribution: #313335;
        --theme-color-brand-icon: #43474A;
        --theme-color-signal-active-default: #418AF4;
        --theme-color-signal-active-dark: #598FDE;
        --theme-color-signal-active-darkest: #3367B5;
        --theme-color-signal-active-light: #334e64;
        --theme-color-signal-active-lightest: rgba(255, 255, 255, .06);
        --theme-color-signal-positive-default: #33A03E;
        --theme-color-signal-positive-dark: #33953D;
        --theme-color-signal-positive-darkest: #338A3C;
        --theme-color-signal-negative-default: #D6333E;
        --theme-color-signal-negative-dark: #C6333D;
        --theme-color-signal-negative-darkest: #B5333C;
        --theme-color-background: #161617;
        --theme-color-background-active: #39393A;
        --theme-color-background-active-hover: #424243;
        --theme-color-background-content: #232324;
        --theme-color-media-background: rgba(255, 255, 255, .06);
        --theme-color-background-warning: var(--theme-color-media-background);
        --theme-color-border: #353436;
        --theme-color-shadow-over-background: rgba(0, 0, 0, .3);
        --theme-color-border-over-background: #363636;
        --theme-color-text-primary: #c9cccf;
        --theme-color-text-secondary: #969c9d;
        --theme-color-text-secondary-light: #969da0;
        --theme-color-button-minimal: #333333;
        --theme-color-button-minimal-hover: #2c2c2c;
        --theme-color-button-minimal-active: #2c2c2c;
        --theme-color-button-secondary: #2c2c2c;
        --theme-color-button-secondary-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 1px 3px rgba(0, 0, 0, .14);
        --theme-color-button-secondary-shadow-hover: inset 0 0 0 1px rgba(255, 255, 255, .05), 0 1px 4px rgba(0, 0, 0, .22);
        --theme-color-button-secondary-shadow-active: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 1px 4px rgba(0, 0, 0, .29);
        --theme-color-button-translucent: rgba(0,0,0,.3);
        --theme-color-button-translucent-hover: rgba(0,0,0,.45);
        --theme-color-button-translucent-active: rgba(0,0,0,.6);
        --theme-color-check-background-default: #1c1c1c;
        --theme-color-field-border-default-hex: #262626;
        --theme-color-check-border-disabled: #2e2e2e;
        --theme-color-field-background-default: #2c2c2d;
        --theme-color-field-background-hover: #1e1d1e;
        --theme-color-field-background-disabled: #333;
        --theme-color-search-field-text: var(--color-white);
        --theme-color-search-field-background-default: #393D40;
        --theme-color-search-field-border-default: #393D40;
        --theme-color-search-field-border-active: rgba(255, 255, 255, .1);
        --theme-shadow-search-field: 0 0 0 3px rgba(255, 255, 255, .08);
        --theme-color-popover-item-bg-active: #313131;
        --theme-color-popover-item-bg-active-hover: #3A3A3A;
        --theme-color-popover-background: #1F1F1F;
        --theme-color-updates-shadow: .5px 0 0 #363636, -.5px 0 0 #363636, 0 -.5px 0 #363636, 0 4px 7px rgba(0, 0, 0, .12), 0 1px 1px #363636;
        --theme-floating-shadow: 0 4px 20px rgba(0, 0, 0, .32), 0 0 0 1px #363636;
        --theme-color-donate-text: #a7e5f3;
        --theme-color-donate-gradient: linear-gradient(100deg, #154842 0%, #203f56 100%);
        --theme-filter-blur-light: blur(6px);
        --theme-filter-blur-strong: blur(18px) grayscale(60%) contrast(60%) brightness(32%);
        --theme-plus-color: var(--color-white);
        --theme-plus-modal-background: linear-gradient(219.57deg, #1C162D 12.97%, #000A12 86.69%);
        --theme-plus-modal-footer: linear-gradient(180deg, rgba(16, 13, 21, 0) 0%, #100D15 25%);
        --theme-plus-features-background: linear-gradient(0deg, rgba(44, 44, 46, .32), rgba(44, 44, 46, .32));
        --theme-plus-features-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
        --theme-plus-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #8161fa 89.06%);
        --theme-slider-track-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
        --theme-slider-step-background: rgba(255, 255, 255, .06);
        --theme-slider-step-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
        --theme-slider-thumb-background: #2c2c2d;
        --theme-slider-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .32), 0 0 0 1px #363636;
        --theme-andropov-border-color: rgba(255, 255, 255, .07);
        --theme-comment-highlighted-background: rgba(255, 255, 255, .03);
        --theme-color-reaction-button: var(--theme-color-button-minimal);
        --theme-color-reaction-button-hover: var(--theme-color-popover-item-bg-active-hover);
        --theme-color-reaction-button-active: var(--theme-color-reaction-button)
    }
}

@media (color: 48842621) {
    :root {
        color-scheme:dark;
        --theme-color-brand-primary: #197ABA;
        --theme-color-brand-header: #26282B;
        --theme-color-brand-background: #2d2d2e;
        --theme-color-brand-distribution: #313335;
        --theme-color-brand-icon: #43474A;
        --theme-color-signal-active-default: #418AF4;
        --theme-color-signal-active-dark: #598FDE;
        --theme-color-signal-active-darkest: #3367B5;
        --theme-color-signal-active-light: #334e64;
        --theme-color-signal-active-lightest: rgba(255, 255, 255, .06);
        --theme-color-signal-positive-default: #33A03E;
        --theme-color-signal-positive-dark: #33953D;
        --theme-color-signal-positive-darkest: #338A3C;
        --theme-color-signal-negative-default: #D6333E;
        --theme-color-signal-negative-dark: #C6333D;
        --theme-color-signal-negative-darkest: #B5333C;
        --theme-color-background: #161617;
        --theme-color-background-active: #39393A;
        --theme-color-background-active-hover: #424243;
        --theme-color-background-content: #232324;
        --theme-color-media-background: rgba(255, 255, 255, .06);
        --theme-color-background-warning: var(--theme-color-media-background);
        --theme-color-border: #353436;
        --theme-color-shadow-over-background: rgba(0, 0, 0, .3);
        --theme-color-border-over-background: #363636;
        --theme-color-text-primary: #c9cccf;
        --theme-color-text-secondary: #969c9d;
        --theme-color-text-secondary-light: #969da0;
        --theme-color-button-minimal: #333333;
        --theme-color-button-minimal-hover: #2c2c2c;
        --theme-color-button-minimal-active: #2c2c2c;
        --theme-color-button-secondary: #2c2c2c;
        --theme-color-button-secondary-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 1px 3px rgba(0, 0, 0, .14);
        --theme-color-button-secondary-shadow-hover: inset 0 0 0 1px rgba(255, 255, 255, .05), 0 1px 4px rgba(0, 0, 0, .22);
        --theme-color-button-secondary-shadow-active: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 1px 4px rgba(0, 0, 0, .29);
        --theme-color-button-translucent: rgba(0,0,0,.3);
        --theme-color-button-translucent-hover: rgba(0,0,0,.45);
        --theme-color-button-translucent-active: rgba(0,0,0,.6);
        --theme-color-check-background-default: #1c1c1c;
        --theme-color-field-border-default-hex: #262626;
        --theme-color-check-border-disabled: #2e2e2e;
        --theme-color-field-background-default: #2c2c2d;
        --theme-color-field-background-hover: #1e1d1e;
        --theme-color-field-background-disabled: #333;
        --theme-color-search-field-text: var(--color-white);
        --theme-color-search-field-background-default: #393D40;
        --theme-color-search-field-border-default: #393D40;
        --theme-color-search-field-border-active: rgba(255, 255, 255, .1);
        --theme-shadow-search-field: 0 0 0 3px rgba(255, 255, 255, .08);
        --theme-color-popover-item-bg-active: #313131;
        --theme-color-popover-item-bg-active-hover: #3A3A3A;
        --theme-color-popover-background: #1F1F1F;
        --theme-color-updates-shadow: .5px 0 0 #363636, -.5px 0 0 #363636, 0 -.5px 0 #363636, 0 4px 7px rgba(0, 0, 0, .12), 0 1px 1px #363636;
        --theme-floating-shadow: 0 4px 20px rgba(0, 0, 0, .32), 0 0 0 1px #363636;
        --theme-color-donate-text: #a7e5f3;
        --theme-color-donate-gradient: linear-gradient(100deg, #154842 0%, #203f56 100%);
        --theme-filter-blur-light: blur(6px);
        --theme-filter-blur-strong: blur(18px) grayscale(60%) contrast(60%) brightness(32%);
        --theme-plus-color: var(--color-white);
        --theme-plus-modal-background: linear-gradient(219.57deg, #1C162D 12.97%, #000A12 86.69%);
        --theme-plus-modal-footer: linear-gradient(180deg, rgba(16, 13, 21, 0) 0%, #100D15 25%);
        --theme-plus-features-background: linear-gradient(0deg, rgba(44, 44, 46, .32), rgba(44, 44, 46, .32));
        --theme-plus-features-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
        --theme-plus-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #8161fa 89.06%);
        --theme-slider-track-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
        --theme-slider-step-background: rgba(255, 255, 255, .06);
        --theme-slider-step-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
        --theme-slider-thumb-background: #2c2c2d;
        --theme-slider-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .32), 0 0 0 1px #363636;
        --theme-andropov-border-color: rgba(255, 255, 255, .07);
        --theme-comment-highlighted-background: rgba(255, 255, 255, .03);
        --theme-color-reaction-button: var(--theme-color-button-minimal);
        --theme-color-reaction-button-hover: var(--theme-color-popover-item-bg-active-hover);
        --theme-color-reaction-button-active: var(--theme-color-reaction-button)
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme:dark;
        --theme-color-brand-primary: #197ABA;
        --theme-color-brand-header: #26282B;
        --theme-color-brand-background: #2d2d2e;
        --theme-color-brand-distribution: #313335;
        --theme-color-brand-icon: #43474A;
        --theme-color-signal-active-default: #418AF4;
        --theme-color-signal-active-dark: #598FDE;
        --theme-color-signal-active-darkest: #3367B5;
        --theme-color-signal-active-light: #334e64;
        --theme-color-signal-active-lightest: rgba(255, 255, 255, .06);
        --theme-color-signal-positive-default: #33A03E;
        --theme-color-signal-positive-dark: #33953D;
        --theme-color-signal-positive-darkest: #338A3C;
        --theme-color-signal-negative-default: #D6333E;
        --theme-color-signal-negative-dark: #C6333D;
        --theme-color-signal-negative-darkest: #B5333C;
        --theme-color-background: #161617;
        --theme-color-background-active: #39393A;
        --theme-color-background-active-hover: #424243;
        --theme-color-background-content: #232324;
        --theme-color-media-background: rgba(255, 255, 255, .06);
        --theme-color-background-warning: var(--theme-color-media-background);
        --theme-color-border: #353436;
        --theme-color-shadow-over-background: rgba(0, 0, 0, .3);
        --theme-color-border-over-background: #363636;
        --theme-color-text-primary: #c9cccf;
        --theme-color-text-secondary: #969c9d;
        --theme-color-text-secondary-light: #969da0;
        --theme-color-button-minimal: #333333;
        --theme-color-button-minimal-hover: #2c2c2c;
        --theme-color-button-minimal-active: #2c2c2c;
        --theme-color-button-secondary: #2c2c2c;
        --theme-color-button-secondary-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 1px 3px rgba(0, 0, 0, .14);
        --theme-color-button-secondary-shadow-hover: inset 0 0 0 1px rgba(255, 255, 255, .05), 0 1px 4px rgba(0, 0, 0, .22);
        --theme-color-button-secondary-shadow-active: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 1px 4px rgba(0, 0, 0, .29);
        --theme-color-button-translucent: rgba(0,0,0,.3);
        --theme-color-button-translucent-hover: rgba(0,0,0,.45);
        --theme-color-button-translucent-active: rgba(0,0,0,.6);
        --theme-color-check-background-default: #1c1c1c;
        --theme-color-field-border-default-hex: #262626;
        --theme-color-check-border-disabled: #2e2e2e;
        --theme-color-field-background-default: #2c2c2d;
        --theme-color-field-background-hover: #1e1d1e;
        --theme-color-field-background-disabled: #333;
        --theme-color-search-field-text: var(--color-white);
        --theme-color-search-field-background-default: #393D40;
        --theme-color-search-field-border-default: #393D40;
        --theme-color-search-field-border-active: rgba(255, 255, 255, .1);
        --theme-shadow-search-field: 0 0 0 3px rgba(255, 255, 255, .08);
        --theme-color-popover-item-bg-active: #313131;
        --theme-color-popover-item-bg-active-hover: #3A3A3A;
        --theme-color-popover-background: #1F1F1F;
        --theme-color-updates-shadow: .5px 0 0 #363636, -.5px 0 0 #363636, 0 -.5px 0 #363636, 0 4px 7px rgba(0, 0, 0, .12), 0 1px 1px #363636;
        --theme-floating-shadow: 0 4px 20px rgba(0, 0, 0, .32), 0 0 0 1px #363636;
        --theme-color-donate-text: #a7e5f3;
        --theme-color-donate-gradient: linear-gradient(100deg, #154842 0%, #203f56 100%);
        --theme-filter-blur-light: blur(6px);
        --theme-filter-blur-strong: blur(18px) grayscale(60%) contrast(60%) brightness(32%);
        --theme-plus-color: var(--color-white);
        --theme-plus-modal-background: linear-gradient(219.57deg, #1C162D 12.97%, #000A12 86.69%);
        --theme-plus-modal-footer: linear-gradient(180deg, rgba(16, 13, 21, 0) 0%, #100D15 25%);
        --theme-plus-features-background: linear-gradient(0deg, rgba(44, 44, 46, .32), rgba(44, 44, 46, .32));
        --theme-plus-features-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
        --theme-plus-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #8161fa 89.06%);
        --theme-slider-track-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
        --theme-slider-step-background: rgba(255, 255, 255, .06);
        --theme-slider-step-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
        --theme-slider-thumb-background: #2c2c2d;
        --theme-slider-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .32), 0 0 0 1px #363636;
        --theme-andropov-border-color: rgba(255, 255, 255, .07);
        --theme-comment-highlighted-background: rgba(255, 255, 255, .03);
        --theme-color-reaction-button: var(--theme-color-button-minimal);
        --theme-color-reaction-button-hover: var(--theme-color-popover-item-bg-active-hover);
        --theme-color-reaction-button-active: var(--theme-color-reaction-button)
    }
}

:root[data-theme=light] {
    color-scheme: light;
    --brand-color: #0099FF;
    --theme-color-brand-primary: #1793E6;
    --theme-color-brand-header: #D9F0FF;
    --theme-color-brand-background: #F0F9FF;
    --theme-color-brand-stroke: #99D6FF;
    --theme-color-brand-logo: #F0F9FF;
    --theme-color-brand-distribution: #E8F6FF;
    --theme-color-brand-icon: #BEE2FA;
    --theme-color-signal-active-default: #0B5DD7;
    --theme-color-signal-active-dark: #2664BF;
    --theme-color-signal-active-darkest: #2A6DD1;
    --theme-color-signal-active-light: #B3D1FF;
    --theme-color-signal-active-lightest: #E6EFFD;
    --theme-color-signal-positive-default: #30B03D;
    --theme-color-signal-positive-dark: #2DA539;
    --theme-color-signal-positive-darkest: #2A9935;
    --theme-color-signal-negative-default: #F0303D;
    --theme-color-signal-negative-dark: #E02D39;
    --theme-color-signal-negative-darkest: #D12A35;
    --theme-color-background: #F2F2F2;
    --theme-color-background-active: #E5F0FF;
    --theme-color-background-active-hover: #D1E3FF;
    --theme-color-background-content: var(--color-white);
    --theme-color-media-background: rgba(0, 0, 0, .08);
    --theme-color-border: #E5E5E5;
    --theme-color-shadow-over-background: rgba(0, 0, 0, .08);
    --theme-color-border-over-background: #dadada;
    --theme-color-background-warning: #FFF8E0;
    --theme-color-text-primary: var(--color-black);
    --theme-color-text-secondary: #595959;
    --theme-color-text-secondary-light: #808080;
    --theme-color-button-secondary: var(--color-white);
    --theme-color-button-secondary-shadow: 0 0 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .06);
    --theme-color-button-secondary-shadow-hover: 0 2px 4px rgba(0, 0, 0, .09), inset 0 -1px 0 rgba(0, 0, 0, .06);
    --theme-color-button-secondary-shadow-active: 0 0 2px rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .06);
    --theme-color-button-minimal: #F0F0F0;
    --theme-color-button-minimal-hover: #E6E6E6;
    --theme-color-button-minimal-active: #DBDBDB;
    --theme-color-button-transparent-hover: rgba(0,0,0,.04);
    --theme-color-button-transparent-active: rgba(0,0,0,.06);
    --theme-color-button-translucent: rgba(0,0,0,.16);
    --theme-color-button-translucent-hover: rgba(0,0,0,.32);
    --theme-color-button-translucent-active: rgba(0,0,0,.48);
    --theme-color-field-text: inherit;
    --theme-color-check-background-default: #F0F0F0;
    --theme-color-check-border-disabled: #DDDDDD;
    --theme-color-field-background-default: #F5F5F5;
    --theme-color-field-background-hover: var(--color-white);
    --theme-color-field-background-error: #FFECED;
    --theme-color-field-background-disabled: #F7F7F7;
    --theme-color-field-border-default: rgba(0, 0, 0, .03);
    --theme-color-field-border-default-hex: #ededed;
    --theme-color-field-border-hover: var(--theme-color-signal-active-light);
    --theme-color-field-border-active: var(--theme-color-signal-active-default);
    --theme-color-field-icon-default: var(--color-white);
    --theme-color-field-icon-disabled: #B8B8B8;
    --theme-shadow-field: 0 0 0 3px var(--theme-color-signal-active-lightest);
    --theme-color-search-field-text: inherit;
    --theme-color-search-field-background-default: #C2E7FF;
    --theme-color-search-field-border-default: #CCEBFF;
    --theme-color-search-field-border-active: var(--theme-color-brand-stroke);
    --theme-shadow-search-field: 0 0 0 3px rgba(0, 0, 0, .03);
    --theme-color-popover-item-bg-active: var(--theme-color-background);
    --theme-color-popover-item-bg-active-hover: var(--theme-color-background-active);
    --theme-color-popover-background: var(--color-white);
    --theme-color-updates-shadow: .5px 0 0 rgba(0, 0, 0, .1), -.5px 0 0 rgba(0, 0, 0, .1), 0 -.5px 0 rgba(0, 0, 0, .05), 0 4px 7px rgba(0, 0, 0, .08), 0 1px 1px rgba(0, 0, 0, .1);
    --theme-floating-shadow: 0 4px 20px rgba(0, 0, 0, .08), 0 0 1px rgba(0, 0, 0, .16);
    --theme-color-donate-text: #004150;
    --theme-color-donate-gradient: linear-gradient(100deg, #CBFDF6 0%, #CDE8FC 100%);
    --theme-filter-blur-light: blur(6px) grayscale(90%) contrast(40%) brightness(145%);
    --theme-filter-blur-strong: blur(30px) grayscale(60%) contrast(30%) brightness(155%);
    --theme-plus-color: var(--theme-color-text-primary);
    --theme-plus-modal-background: linear-gradient(219.57deg, #DEEBFF 12.97%, #F7F1FF 34.26%, #E0E3FF 55.44%, #F0EDFF 86.69%);
    --theme-plus-modal-footer: linear-gradient(180deg, rgba(234, 232, 252, 0) 0%, #eae8fc 27.25%);
    --theme-plus-features-background: var(--theme-color-background-content);
    --theme-plus-features-shadow: 0 0 1px rgba(0, 0, 0, .16);
    --theme-plus-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #5e36ff 89.06%);
    --theme-pro-color: var(--color-white);
    --theme-pro-modal-background: #242424;
    --theme-pro-modal-background-gradient: radial-gradient(at 93% 7%, hsla(202,100%,35%,.1) 0px, transparent 50%), radial-gradient(at 54% 51%, hsla(240,100%,50%,.05) 0px, transparent 50%), radial-gradient(at 52% 54%, hsla(194,100%,28%,.4) 0px, transparent 50%), radial-gradient(at 27% 37%, hsla(274,100%,28%,1) 0px, transparent 50%), radial-gradient(at 30% 32%, hsla(299,100%,50%,.05) 0px, transparent 50%), radial-gradient(at 32% 69%, hsla(274,100%,28%,.1) 0px, transparent 50%), radial-gradient(at 32% 73%, hsla(299,100%,50%,.08) 0px, transparent 50%);
    --theme-pro-modal-footer: linear-gradient(180deg, rgba(16, 13, 21, 0) 0%, #242424 25%);
    --theme-pro-features-background: rgba(255, 255, 255, .04);
    --theme-pro-features-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
    --theme-pro-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #8161fa 89.06%);
    --theme-pro-feature-text-secondary: rgba(255, 255, 255, .64);
    --theme-slider-track-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
    --theme-slider-step-background: rgba(0, 0, 0, .1);
    --theme-slider-step-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
    --theme-slider-thumb-background: var(--color-white);
    --theme-slider-thumb-shadow: 0px 3px 8px rgba(22, 18, 18, .15), 0px .5px 1px rgba(28, 26, 26, .04), 0px 1px .5px rgba(28, 26, 26, .03), 0px 2px .5px rgba(27, 27, 28, .03), 0px 2.5px .5px rgba(0, 0, 0, .02), 0px 2px 1px rgba(0, 0, 0, .02);
    --theme-andropov-border-color: rgba(0, 0, 0, .1);
    --theme-comment-highlighted-background: #F2F9FF;
    --theme-color-content-footer-button-hover-background: rgba(48, 125, 240, .12);
    --theme-color-reaction-button: #F9F9F9;
    --theme-color-reaction-button-hover: var(--theme-color-button-minimal-hover);
    --theme-color-reaction-button-active: var(--theme-color-reaction-button);
    --theme-color-banner-close-text: #595959;
    --theme-color-banner-close-background: rgba(255, 255, 255, .75);
    --theme-color-banner-close-background-hover: rgba(255, 255, 255, 1)
}

:root[data-theme=dark] {
    color-scheme: dark;
    --theme-color-brand-primary: #197ABA;
    --theme-color-brand-header: #26282B;
    --theme-color-brand-background: #2d2d2e;
    --theme-color-brand-distribution: #313335;
    --theme-color-brand-icon: #43474A;
    --theme-color-signal-active-default: #418AF4;
    --theme-color-signal-active-dark: #598FDE;
    --theme-color-signal-active-darkest: #3367B5;
    --theme-color-signal-active-light: #334e64;
    --theme-color-signal-active-lightest: rgba(255, 255, 255, .06);
    --theme-color-signal-positive-default: #33A03E;
    --theme-color-signal-positive-dark: #33953D;
    --theme-color-signal-positive-darkest: #338A3C;
    --theme-color-signal-negative-default: #D6333E;
    --theme-color-signal-negative-dark: #C6333D;
    --theme-color-signal-negative-darkest: #B5333C;
    --theme-color-background: #161617;
    --theme-color-background-active: #39393A;
    --theme-color-background-active-hover: #424243;
    --theme-color-background-content: #232324;
    --theme-color-media-background: rgba(255, 255, 255, .06);
    --theme-color-background-warning: var(--theme-color-media-background);
    --theme-color-border: #353436;
    --theme-color-shadow-over-background: rgba(0, 0, 0, .3);
    --theme-color-border-over-background: #363636;
    --theme-color-text-primary: #c9cccf;
    --theme-color-text-secondary: #969c9d;
    --theme-color-text-secondary-light: #969da0;
    --theme-color-button-minimal: #333333;
    --theme-color-button-minimal-hover: #2c2c2c;
    --theme-color-button-minimal-active: #2c2c2c;
    --theme-color-button-secondary: #2c2c2c;
    --theme-color-button-secondary-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 1px 3px rgba(0, 0, 0, .14);
    --theme-color-button-secondary-shadow-hover: inset 0 0 0 1px rgba(255, 255, 255, .05), 0 1px 4px rgba(0, 0, 0, .22);
    --theme-color-button-secondary-shadow-active: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 1px 4px rgba(0, 0, 0, .29);
    --theme-color-button-translucent: rgba(0,0,0,.3);
    --theme-color-button-translucent-hover: rgba(0,0,0,.45);
    --theme-color-button-translucent-active: rgba(0,0,0,.6);
    --theme-color-check-background-default: #1c1c1c;
    --theme-color-field-border-default-hex: #262626;
    --theme-color-check-border-disabled: #2e2e2e;
    --theme-color-field-background-default: #2c2c2d;
    --theme-color-field-background-hover: #1e1d1e;
    --theme-color-field-background-disabled: #333;
    --theme-color-search-field-text: var(--color-white);
    --theme-color-search-field-background-default: #393D40;
    --theme-color-search-field-border-default: #393D40;
    --theme-color-search-field-border-active: rgba(255, 255, 255, .1);
    --theme-shadow-search-field: 0 0 0 3px rgba(255, 255, 255, .08);
    --theme-color-popover-item-bg-active: #313131;
    --theme-color-popover-item-bg-active-hover: #3A3A3A;
    --theme-color-popover-background: #1F1F1F;
    --theme-color-updates-shadow: .5px 0 0 #363636, -.5px 0 0 #363636, 0 -.5px 0 #363636, 0 4px 7px rgba(0, 0, 0, .12), 0 1px 1px #363636;
    --theme-floating-shadow: 0 4px 20px rgba(0, 0, 0, .32), 0 0 0 1px #363636;
    --theme-color-donate-text: #a7e5f3;
    --theme-color-donate-gradient: linear-gradient(100deg, #154842 0%, #203f56 100%);
    --theme-filter-blur-light: blur(6px);
    --theme-filter-blur-strong: blur(18px) grayscale(60%) contrast(60%) brightness(32%);
    --theme-plus-color: var(--color-white);
    --theme-plus-modal-background: linear-gradient(219.57deg, #1C162D 12.97%, #000A12 86.69%);
    --theme-plus-modal-footer: linear-gradient(180deg, rgba(16, 13, 21, 0) 0%, #100D15 25%);
    --theme-plus-features-background: linear-gradient(0deg, rgba(44, 44, 46, .32), rgba(44, 44, 46, .32));
    --theme-plus-features-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
    --theme-plus-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #8161fa 89.06%);
    --theme-slider-track-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
    --theme-slider-step-background: rgba(255, 255, 255, .06);
    --theme-slider-step-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
    --theme-slider-thumb-background: #2c2c2d;
    --theme-slider-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .32), 0 0 0 1px #363636;
    --theme-andropov-border-color: rgba(255, 255, 255, .07);
    --theme-comment-highlighted-background: rgba(255, 255, 255, .03);
    --theme-color-reaction-button: var(--theme-color-button-minimal);
    --theme-color-reaction-button-hover: var(--theme-color-popover-item-bg-active-hover);
    --theme-color-reaction-button-active: var(--theme-color-reaction-button)
}

.popover {
    --popover-width: 200px;
    --popover-top: 0;
    --popover-left: 0;
    --popover-right: auto;
    --popover-bottom: auto;
    --popover-transform: translate3d(0, 0, 0);
    width: var(--popover-width);
    position: absolute;
    top: var(--popover-top);
    left: var(--popover-left);
    right: var(--popover-right);
    bottom: var(--popover-bottom);
    transform: var(--popover-transform);
    background-color: var(--theme-color-popover-background);
    box-shadow: var(--theme-floating-shadow);
    border-radius: 10px
}

.popover-overlay {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: calc(var(--layout-z-index-navbar) - 1);
    z-index: var(--popover-z-index, calc(var(--layout-z-index-navbar) - 1))
}

.popover-overlay--processing {
    visibility: hidden;
    overflow: hidden
}

.popover-overlay__polygon {
    position: fixed;
    top: 0;
    left: 0;
    width: 1920px;
    height: 1920px;
    max-width: 100%;
    pointer-events: none
}

.popover-overlay__polygon polygon {
    stroke: var(--theme-color-signal-active-default);
    fill: none
}

.icon-button {
    padding: 4px;
    color: var(--theme-color-text-secondary);
    border-radius: 100%;
    cursor: pointer;
    touch-action: manipulation
}

.icon-button .icon {
    pointer-events: none
}

@media (hover: hover) {
    .icon-button:hover {
        background:var(--theme-color-button-minimal)
    }
}

.icon-button--active {
    color: var(--theme-color-signal-active-default)
}

.icon-button[disabled] {
    opacity: .5;
    pointer-events: none
}

.andropov-audio {
    display: block;
    width: 100%
}

[data-v-032eb1a7]:root {
    --safe-tabbar-height: calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom))
}

@keyframes underlay-in-032eb1a7 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-enter-032eb1a7 {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes modal-enter-slide-032eb1a7 {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.player[data-v-032eb1a7] {
    background: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius);
    box-shadow: 0 1px 2px var(--theme-color-shadow-over-background);
    --horizontal-offset: 16px;
    --cross-icon-size: 28px;
    --title-gap: 10px;
    --gradient-width: 30px;
    --title-width: calc(var(--layout-right-aside-width) - var(--horizontal-offset) * 2 - var(--cross-icon-size) - var(--title-gap) + calc(var(--gradient-width)));
    --animation-speed: 6s;
    padding: 12px var(--horizontal-offset);
    margin-bottom: var(--layout-island-gap-y);
    margin-right: var(--layout-right-aside-offset);
    animation: player-in-032eb1a7 .2s cubic-bezier(.64,2,.73,.81)
}

@keyframes player-in-032eb1a7 {
    0% {
        opacity: 0;
        transform: translateY(5px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.player__header[data-v-032eb1a7] {
    display: grid;
    grid-template-columns: minmax(0px,1fr) var(--cross-icon-size);
    grid-gap: var(--title-gap);
    gap: var(--title-gap);
    align-items: center;
    margin-bottom: 10px;
    max-width: 100%;
    height: var(--cross-icon-size)
}

.player__header-title[data-v-032eb1a7] {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: hidden;
    height: 1em;
    position: relative
}

.player__header-title[data-v-032eb1a7]:after {
    content: "";
    display: block;
    width: var(--gradient-width);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,var(--theme-color-background-content) 100%)
}

.player__header-title-inner[data-v-032eb1a7] {
    line-height: 1em;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    will-change: transform;
    animation: marquee-032eb1a7 var(--animation-speed) linear 3s infinite;
    padding: 0 var(--gradient-width);
    margin-left: calc(var(--gradient-width) * -1)
}

@keyframes marquee-032eb1a7 {
    0% {
        transform: translate(0)
    }

    40% {
        transform: translate(calc(var(--title-width) - 100%))
    }

    60% {
        transform: translate(calc(var(--title-width) - 100%))
    }

    60.01% {
        transform: translate(0)
    }
}

.player__header-close[data-v-032eb1a7] {
    color: var(--theme-color-text-secondary)
}

.player--floating[data-v-032eb1a7] {
    position: fixed;
    --width: 100%;
    --title-width: calc(var(--width) - var(--horizontal-offset) * 2 - var(--cross-icon-size) - var(--title-gap) + calc(var(--gradient-width)));
    width: var(--width);
    top: calc(var(--layout-header-height) + var(--layout-view-offset-y));
    right: 0;
    margin-right: 0;
    z-index: var(--layout-z-floating-player);
    box-shadow: var(--theme-floating-shadow)
}

@media all and (min-width: 640px) {
    .player--floating[data-v-032eb1a7] {
        right:var(--layout-right-aside-offset);
        --width: 300px
    }
}

.navbar {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 var(--layout-content-offset-x);
    background-color: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius) var(--layout-island-border-radius) 0 0;
    box-shadow: inset 0 -1px var(--theme-color-border)
}

.navbar+.content-list>.content:first-child,.navbar+.bookmarked-comments>.bookmarked-comments__item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar__title {
    font-weight: 500
}

.navbar__left,.navbar__right {
    display: inline-flex
}

.navbar__left {
    margin-right: 12px
}

.navbar__left .icon-button {
    margin-left: -4px;
    color: var(--theme-color-text-primary)
}

.navbar__right {
    margin-left: auto
}

.block-wrapper {
    margin-top: var(--layout-content-gap-default);
    margin-bottom: var(--layout-content-gap-default)
}

.block-wrapper--hidden {
    position: relative
}

.block-wrapper--media {
    margin-top: var(--layout-content-gap-media);
    margin-bottom: var(--layout-content-gap-media)
}

.block-wrapper--header {
    margin-top: var(--layout-content-gap-header);
    margin-bottom: var(--layout-content-gap-default)
}

.block-wrapper:first-child {
    margin-top: 0
}

.block-wrapper:last-child {
    margin-bottom: 0
}

.block-wrapper__overlay {
    font-size: 15px;
    line-height: 22px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    cursor: pointer;
    min-height: 40px;
    top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.block-wrapper__overlay--blur-text {
    -webkit-backdrop-filter: var(--theme-filter-blur-light);
    backdrop-filter: var(--theme-filter-blur-light)
}

.block-wrapper__overlay--blur-media {
    -webkit-backdrop-filter: var(--theme-filter-blur-strong);
    backdrop-filter: var(--theme-filter-blur-strong)
}

@media (hover: hover) {
    .block-wrapper__overlay:hover .block-wrapper__action .icon {
        animation:eyeAttention .22s ease-out
    }
}

.spoiler-leave-active {
    transition: opacity .3s ease,-webkit-backdrop-filter .3s ease;
    transition: backdrop-filter .3s ease,opacity .3s ease;
    transition: backdrop-filter .3s ease,opacity .3s ease,-webkit-backdrop-filter .3s ease
}

.spoiler-leave-to {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    opacity: 0
}

@keyframes eyeAttention {
    0%,50%,to {
        transform: scaleZ(1)
    }

    20% {
        transform: scale3d(.95,1.25,1)
    }

    70% {
        transform: scale3d(1,.25,1)
    }
}

.block-error {
    text-align: center;
    padding: 24px var(--layout-content-offset-x);
    margin: 0 var(--layout-content-offset-x);
    color: var(--theme-color-text-secondary);
    background-color: var(--theme-color-background);
    border-radius: 10px
}

.block-text {
    font-size: 17px;
    line-height: 26px;
    padding: 0 var(--layout-content-offset-x);
    padding-right: calc(var(--layout-content-offset-x) + var(--layout-content-right-indent))
}

.block-header {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    padding: 0 var(--layout-content-offset-x);
    padding-right: calc(var(--layout-content-offset-x) + var(--layout-content-right-indent))
}

.block-list {
    font-size: 17px;
    line-height: 26px;
    padding: 0 var(--layout-content-offset-x);
    padding-right: calc(var(--layout-content-offset-x) + var(--layout-content-right-indent))
}

.block-list li {
    word-wrap: break-word;
    margin: 8px 0 8px 1.4em
}

@media all and (min-width: 640px) {
    .block-list li {
        margin-left:2em
    }
}

ul.block-list {
    list-style: none
}

ul.block-list li {
    position: relative
}

ul.block-list li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -20px;
    width: 6px;
    height: 6px;
    background-color: currentColor;
    border-radius: 100%
}

.block-delimiter:before {
    display: block;
    content: "***";
    font-size: 23px;
    line-height: 1em;
    height: .6em;
    letter-spacing: .2em;
    text-align: center
}

@media all and (min-width: 640px) {
    .block-delimiter:before {
        font-size:36px
    }
}

.block-quote {
    --line-width: 4px;
    display: grid;
    grid-template-columns: var(--line-width) auto;
    grid-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    grid-row-gap: 8px;
    row-gap: 8px;
    padding: 0 var(--layout-content-offset-x);
    padding-right: calc(var(--layout-content-offset-x) + var(--layout-content-right-indent))
}

.block-quote__author {
    grid-column-start: 2;
    font-size: 15px;
    line-height: 22px;
    overflow: hidden;
    display: inline-block
}

.block-quote__text {
    overflow: hidden
}

.block-quote__text p {
    padding: 0;
    margin: .5em 0
}

.block-quote__text p:first-of-type {
    margin-top: 0
}

.block-quote__text p:last-of-type {
    margin-bottom: 0
}

.block-quote__line {
    width: var(--line-width);
    border-radius: 2px;
    background: var(--theme-color-brand-primary);
    margin: 4px 0
}

.block-quote--text-huge {
    font-size: 28px;
    line-height: 40px
}

.block-quote--text-big {
    font-size: 22px;
    line-height: 30px
}

.block-quote--text-medium {
    font-size: 20px;
    line-height: 28px
}

.block-quote--text-small {
    font-size: 17px;
    line-height: 26px
}

.block-quote--has-author>.block-quote__line {
    grid-row: span 2
}

.block-quote a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .block-quote a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution:.001dpcm) {
    .media {
        -webkit-mask-image:-webkit-radial-gradient(white,black)
    }
}

.media {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    border-radius: 10px;
    overflow: hidden
}

.media__underlay,.media:after,.media .andropov-media {
    grid-column: 1;
    grid-row: 1
}

.media:after {
    content: "";
    box-shadow: inset 0 0 0 1px var(--theme-color-field-border-default);
    border-radius: inherit;
    pointer-events: none
}

.media .andropov-media {
    width: 100%;
    margin: 0 auto
}

.media--zoom {
    cursor: zoom-in
}

.media__underlay {
    --background-color: var(--theme-color-media-background);
    --background-image: none;
    background-color: var(--background-color);
    background-image: var(--background-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 11px
}

.media__underlay:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ebebeb99;
    border-radius: inherit
}

.andropov-media {
    overflow: hidden;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%
}

.andropov-media img,.andropov-media video {
    opacity: 0;
    transition: opacity .2s ease
}

.andropov-media img,.andropov-media video,.andropov-media picture {
    display: block;
    width: 100%;
    height: 100%;
    grid-column: 1;
    grid-row: 1
}

.andropov-media[data-loaded=true] .andropov-media__thumbnail {
    opacity: 0
}

.andropov-media[data-loaded=true] img,.andropov-media[data-loaded=true] video {
    opacity: 1
}

.andropov-media--has-preview:before {
    content: "";
    pointer-events: none;
    border-radius: inherit;
    background-color: var(--background-color);
    grid-column: 1;
    grid-row: 1;
    margin: 1px
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution:.001dpcm) {
    .andropov-media--rounded {
        -webkit-mask-image:-webkit-radial-gradient(white,black)
    }
}

.andropov-media--rounded {
    border-radius: 50%;
    border-radius: var(--border-radius, 50%)
}

.andropov-media--bordered:after {
    content: "";
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px var(--theme-andropov-border-color);
    grid-column: 1;
    grid-row: 1
}

.andropov-media--cropped {
    width: 100%;
    height: 100%
}

.andropov-media--cropped img,.andropov-media--cropped video {
    -o-object-fit: cover;
    object-fit: cover
}

.andropov-media__thumbnail {
    grid-column: 1;
    grid-row: 1;
    border-radius: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    will-change: opacity;
    transition: opacity .2s ease;
    filter: blur(7px);
    pointer-events: none
}

.andropov-image--zoom,.andropov-video--zoom {
    cursor: zoom-in
}

.media-title {
    font-size: 15px;
    line-height: 22px;
    margin-top: 12px
}

.media-title a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .media-title a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.gallery {
    --ratio: 56.25%;
    position: relative
}

.gallery:before {
    content: "";
    display: block;
    padding-bottom: var(--ratio)
}

.gallery__container {
    display: grid;
    grid-gap: 4px;
    gap: 4px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gallery--size-2 .gallery__container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr
}

.gallery--size-3 {
    --ratio: 75%
}

.gallery--size-3 .gallery__container {
    grid-template-columns: 1.75fr 1fr;
    grid-template-rows: 1fr 1fr
}

.gallery--size-3 .gallery__item:nth-child(1) {
    grid-row: 1 / span 2;
    grid-column: 1
}

.gallery--size-3 .gallery__item:nth-child(2) {
    grid-row: 1;
    grid-column: 2
}

.gallery--size-3 .gallery__item:nth-child(3) {
    grid-row: 2;
    grid-column: 2
}

.gallery--size-4 {
    --ratio: 75%
}

.gallery--size-4 .gallery__container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr
}

.gallery--size-5 {
    --ratio: 75%
}

.gallery--size-5 .gallery__container {
    grid-template-columns: 2fr 1fr 1fr 2fr;
    grid-template-rows: 1.5fr 1fr
}

.gallery--size-5 .gallery__item:nth-child(1) {
    grid-row: 1;
    grid-column: 1 / span 2
}

.gallery--size-5 .gallery__item:nth-child(2) {
    grid-row: 1;
    grid-column: 3 / span 2
}

.gallery--size-5 .gallery__item:nth-child(3) {
    grid-row: 2;
    grid-column: 1
}

.gallery--size-5 .gallery__item:nth-child(4) {
    grid-row: 2;
    grid-column: 2 / span 2
}

.gallery--size-5 .gallery__item:nth-child(5) {
    grid-row: 2;
    grid-column: 4
}

.gallery__item {
    position: relative;
    overflow: hidden
}

.gallery__item--hidden {
    display: none
}

.gallery__more {
    font-size: 28px;
    font-weight: 500;
    color: var(--color-white);
    background-color: #0006;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

@media all and (min-width: 640px) {
    .gallery__more {
        font-size:40px
    }
}

.block-media {
    padding: 0 var(--layout-content-offset-x)
}

.andropov-link {
    display: block;
    border: 1px solid var(--theme-color-border);
    border-radius: 10px;
    padding: 9px var(--layout-content-offset-x) 11px;
    background-color: var(--theme-color-background-content);
    font-size: 17px;
    line-height: 24px;
    text-decoration: none;
    color: inherit
}

.andropov-link__origin {
    --height: 22px;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    height: var(--height)
}

.andropov-link__origin img {
    -o-object-fit: contain;
    object-fit: contain
}

.andropov-link__icon {
    flex-shrink: 0;
    border-radius: 4px;
    margin-top: 1px;
    margin-right: 6px
}

.andropov-link__hostname,.andropov-link__title,.andropov-link__description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.andropov-link__hostname {
    flex-grow: 1;
    color: var(--theme-color-text-secondary);
    font-size: 15px;
    line-height: var(--height)
}

.andropov-link__title {
    font-weight: 500
}

.block-link {
    padding: 0 var(--layout-content-offset-x)
}

.andropov-external-video {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    align-items: center;
    justify-items: center;
    overflow: hidden;
    color: var(--color-white);
    cursor: pointer
}

.andropov-external-video .andropov-image {
    width: 100%;
    grid-row: 1;
    grid-column: 1;
    pointer-events: none
}

.andropov-external-video__overlay,.andropov-external-video__play-button {
    grid-row: 1;
    grid-column: 1
}

.andropov-external-video__overlay {
    width: 100%;
    height: 100%
}

.andropov-external-video__play-button {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.andropov-external-video__player {
    width: 100%;
    height: 100%;
    grid-row: 1;
    grid-column: 1;
    color-scheme: light
}

.andropov-external-video--youtube .andropov-external-video__play-button svg path:nth-child(1) {
    fill: #212121;
    fill-opacity: .8
}

@media (hover: hover) {
    .andropov-external-video--youtube:hover .andropov-external-video__play-button svg path:nth-child(1) {
        fill:red;
        fill-opacity: 1
    }
}

.andropov-external-video--coub .andropov-external-video__play-button {
    width: 80px;
    height: 80px;
    background-color: #0009;
    border-radius: 50%
}

.andropov-external-video--coub .andropov-external-video__play-button svg {
    margin-left: -3px
}

@media (hover: hover) {
    .andropov-external-video--coub:hover .andropov-external-video__play-button {
        background-color:#0332ffcc
    }
}

.andropov-external-video--twitch-clip .andropov-external-video__overlay {
    background-color: #00000080
}

.andropov-external-video--twitch-clip .andropov-external-video__play-button svg {
    border-radius: 4px
}

@media (hover: hover) {
    .andropov-external-video--twitch-clip:hover .andropov-external-video__play-button svg {
        background-color:#fff3
    }
}

.block-video {
    padding: 0 var(--layout-content-offset-x)
}

.block-video__title {
    font-size: 15px;
    line-height: 22px;
    margin-top: 12px
}

.block-video__title a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .block-video__title a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.context-list-option {
    --option-color-hover: var(--theme-color-popover-item-bg-active);
    --option-color-selected: var(--theme-color-popover-item-bg-active);
    --option-color-selected-hover: var(--theme-color-popover-item-bg-active-hover);
    --option-art-size: 22px;
    --option-art-radius: 50%;
    --option-inner-gap: 10px;
    --option-inner-offset-x: 10px;
    --option-inner-offset-y: 6px;
    flex-shrink: 0;
    color: var(--theme-color-text-primary);
    color: var(--color, var(--theme-color-text-primary));
    padding: var(--option-inner-offset-y) var(--option-inner-offset-x);
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden;
    outline: 0;
    display: grid;
    align-items: center;
    grid-gap: 0 var(--option-inner-gap);
    gap: 0 var(--option-inner-gap)
}

@media (hover: hover) {
    .context-list-option:hover {
        background-color:var(--option-color-hover)
    }
}

.context-list-option--with-art {
    grid-template-columns: var(--option-art-size) auto
}

.context-list-option--with-details {
    --option-art-size: 32px;
    grid-template-rows: auto auto
}

.context-list-option--with-details .context-list-option__art {
    grid-row: span 2
}

.context-list-option--with-details .context-list-option__label {
    font-weight: 500
}

.context-list-option--without-label {
    --option-art-size: 28px;
    --option-inner-offset-x: 4px;
    --option-inner-offset-y: 4px;
    gap: 0;
    justify-items: center
}

.context-list-option--focused {
    background-color: var(--option-color-hover)
}

.context-list-option--selected {
    background-color: var(--option-color-selected)
}

.context-list-option--selected.context-list-option--focused {
    background-color: var(--option-color-selected-hover)
}

@media (hover: hover) {
    .context-list-option--selected:hover {
        background-color:var(--option-color-selected-hover)
    }
}

.context-list-option--selected .context-list-option__label {
    font-weight: 500
}

.context-list-option--pressed {
    animation: scaleOption var(--press-duration) ease-out
}

.context-list-option__art {
    flex-shrink: 0;
    width: var(--option-art-size);
    height: var(--option-art-size);
    border-radius: var(--option-art-radius);
    overflow: hidden;
    display: grid
}

.context-list-option__art--icon {
    --option-art-radius: 0
}

.context-list-option__art img {
    grid-row: 1;
    grid-column: 1;
    display: block;
    width: 100%;
    height: 100%
}

.context-list-option__label {
    font-size: 15px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.context-list-option__details {
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--theme-color-text-secondary)
}

.context-list-option__sub-icon {
    position: absolute;
    margin-left: 18px;
    margin-top: 18px
}

@keyframes scaleOption {
    0%,to {
        transform: scale(1)
    }

    30% {
        transform: scale(.98)
    }
}

.context-list-title {
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
    color: var(--theme-color-text-secondary);
    padding: 6px 10px
}

.context-list-loader {
    --size: 24px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    border: 2px solid var(--theme-color-signal-active-default);
    border-top-color: transparent;
    margin: 15px auto;
    animation: spin .5s linear infinite
}

.context-list {
    --scrollbar-size: 6px;
    --scrollbar-offset: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: var(--theme-andropov-border-color) transparent;
    scrollbar-color: var(--scrollbar-color, var(--theme-andropov-border-color)) transparent;
    scrollbar-width: thin
}

.context-list::-webkit-scrollbar {
    width: 10px;
    width: var(--scrollbar-size, 10px);
    height: 10px;
    height: var(--scrollbar-size, 10px);
    background-color: transparent
}

.context-list::-webkit-scrollbar-thumb {
    background-color: var(--theme-andropov-border-color);
    background-color: var(--scrollbar-color, var(--theme-andropov-border-color));
    border-radius: 10px;
    border-radius: var(--scrollbar-size, 10px);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 3px
}

@media (hover: hover) {
    .context-list::-webkit-scrollbar-thumb:hover {
        border-width: 0
    }
}

.context-list {
    position: relative;
    padding: 6px
}

.context-list .context-list-option:not(:last-child) {
    margin-bottom: 4px
}

.context-list--grid {
    --offset: 10px;
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    grid-template-columns: repeat(auto-fit,minmax(36px,1fr));
    justify-items: center
}

.context-list--grid .context-list-option {
    margin: 0!important
}

.context-list--grid .context-list-option {
    --option-art-radius: 0
}

.badge {
    position: relative;
    z-index: calc(var(--layout-z-index-feed) + 2);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (hover: hover) {
    .badge__icon--plus:hover,.badge__icon--pro:hover {
        opacity:.72
    }
}

.badge__icon--plus,.badge__icon--pro {
    position: relative;
    cursor: pointer
}

.badge__icon--plus:before,.badge__icon--pro:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(1.5)
}

.badge__icon img {
    display: block
}

.author {
    font-size: 15px;
    line-height: 22px;
    --avatar-size: var(--20398234);
    display: grid;
    grid-template-columns: var(--avatar-size) 1fr;
    grid-template-rows: repeat(2,auto);
    grid-gap: 0 10px;
    gap: 0 10px;
    align-items: center
}

.author--with-sticker {
    gap: 0 12px;
    align-items: start
}

.author .noshrink {
    flex-shrink: 0
}

.author__avatar {
    color: inherit!important;
    border: 0!important
}

.author__avatar {
    grid-row: span 2;
    height: var(--avatar-size)
}

.author__avatar-sticker {
    display: block;
    position: absolute;
    transform: translate(24px,21px);
    border: 1px solid var(--theme-color-background-content);
    border-radius: 50%
}

@media (hover: hover) {
    a.author__avatar:hover,a.author__avatar-sticker:hover {
        filter:brightness(1.1)
    }
}

.author__main {
    display: flex;
    align-items: center;
    white-space: nowrap;
    min-width: 0;
    transform: translateY(1px)
}

.author__main>*:not(:last-child) {
    margin-right: 4px
}

.author__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.author__details {
    font-size: 13px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: var(--theme-color-text-secondary);
    min-width: 0
}

.author__details:empty {
    display: none
}

.author__details>*:not(.badge) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.author__details>*:not(:first-child) {
    margin-left: 6px
}

.author__details>.icon {
    margin-left: 4px
}

.author__details .badge {
    margin-right: -2px
}

@media (hover: hover) {
    .author__main a:hover,.author__details a:hover {
        opacity:.72
    }
}

.andropov-embed {
    --embed-offset-y: 16px;
    box-shadow: 0 0 0 1px var(--theme-color-border);
    border-radius: 10px;
    overflow: hidden
}

.andropov-embed--no-media {
    padding-bottom: var(--embed-offset-y)
}

.andropov-embed__header {
    padding: var(--embed-offset-y) var(--layout-content-offset-x) 14px;
    display: flex;
    justify-content: space-between
}

.andropov-embed__provider {
    margin-left: 10px
}

.andropov-embed__text {
    padding: 0 var(--layout-content-offset-x)
}

.andropov-embed__text p {
    margin-top: var(--layout-content-gap-default);
    margin-bottom: var(--layout-content-gap-default)
}

.andropov-embed__text p:first-child {
    margin-top: 0
}

.andropov-embed__text p:last-child {
    margin-bottom: 0
}

.andropov-embed__text a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .andropov-embed__text a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.andropov-embed__details {
    color: var(--theme-color-text-secondary);
    margin-bottom: 8px
}

.andropov-embed__media {
    margin-top: var(--layout-content-gap-media)
}

.andropov-embed__nickname {
    color: var(--theme-color-text-secondary)
}

.block-embed {
    padding: 0 var(--layout-content-offset-x)
}

.block-embed__title {
    font-size: 15px;
    line-height: 22px;
    margin-top: 12px;
    margin-bottom: 0
}

.block-warning {
    padding: 16px var(--layout-content-offset-x);
    background-color: var(--theme-color-signal-active-lightest)
}

.andropov-osnova-embed .content {
    box-shadow: 0 0 0 1px var(--theme-color-border);
    overflow: hidden
}

.andropov-osnova-embed__nested {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .andropov-osnova-embed__nested:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.andropov-osnova-embed__nested {
    position: relative;
    z-index: calc(var(--layout-z-index-feed) + 1)
}

.andropov-osnova-embed__unavailable.content {
    font-size: 13px;
    line-height: 18px;
    color: var(--theme-color-text-secondary);
    padding: 16px var(--layout-content-offset-x)
}

.block-osnova-embed,.block-audio {
    padding: 0 var(--layout-content-offset-x)
}

.block-special-button {
    padding: 0 var(--layout-content-offset-x);
    display: flex
}

.block-special-button a {
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 20px;
    background-color: var(--theme-color-signal-active-default);
    color: var(--color-white);
    border-radius: 25px
}

.block-code {
    padding: 0 var(--layout-content-offset-x)
}

.block-code__wrapper {
    position: relative
}

.block-code__inner {
    font-size: 15px;
    line-height: 22px;
    padding: 12px;
    font-family: monospace;
    white-space: pre;
    word-wrap: normal;
    background: none;
    border: 1px solid var(--theme-color-border);
    border-radius: 10px;
    overflow-x: auto
}

.block-code__copy {
    position: absolute;
    top: 8px;
    right: 8px
}

.block-quiz {
    padding: 0 var(--layout-content-offset-x)
}

.block-quiz__title {
    margin-bottom: 14px;
    font-weight: 500
}

.block-quiz__options {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.block-quiz__options--disabled {
    pointer-events: none
}

.block-quiz__footer {
    font-size: 15px;
    line-height: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
    color: var(--theme-color-text-secondary)
}

.block-quiz-option {
    --size: 20px;
    --color: var(--theme-color-border);
    display: grid;
    grid-template-columns: 36px 1fr;
    padding-top: 8px;
    cursor: pointer
}

@media (hover: hover) {
    .block-quiz-option:hover {
        --color: var(--theme-color-signal-active-default)
    }
}

.block-quiz-option__side {
    display: flex;
    flex-direction: column;
    align-items: center
}

.block-quiz-option__body {
    padding-bottom: 8px
}

.block-quiz-option__control {
    width: var(--size);
    height: var(--size);
    margin-top: 2px;
    border: 2px solid var(--color);
    border-radius: 50%
}

.block-quiz-option__control--loading {
    --color: var(--theme-color-signal-active-default);
    border-top-color: transparent;
    animation: quiz-option-spin .5s linear infinite
}

.block-quiz-option__value {
    font-size: 13px;
    line-height: 18px;
    margin: 5px 4px 0 auto;
    text-align: right;
    color: var(--theme-color-text-secondary)
}

.block-quiz-option__mark {
    margin: auto 5px 4px auto;
    color: var(--theme-color-signal-active-default)
}

.block-quiz-option__bar {
    margin-top: 3px
}

.block-quiz-option__progress {
    --percentage: 0;
    width: var(--percentage);
    height: 3px;
    background-color: var(--theme-color-signal-active-default);
    border-radius: 6px;
    transition: width .2s linear
}

.block-quiz-option__progress--minimal:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: var(--theme-color-signal-active-default);
    border-radius: 6px
}

@keyframes quiz-option-spin {
    to {
        transform: rotate(360deg)
    }
}

.block-person {
    padding: 0 var(--layout-content-offset-x)
}

.block-person a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .block-person a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.block-person__image {
    width: 150px;
    height: 150px;
    background-color: var(--theme-color-signal-active-lightest);
    border-radius: 50%;
    vertical-align: bottom;
    margin-bottom: 12px
}

.block-person__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500
}

.block-person__description {
    font-size: 15px;
    line-height: 22px;
    color: var(--theme-color-text-secondary)
}

.content-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    --icon-color: var(--theme-color-brand-primary);
    --offset: var(--layout-content-gap-default);
    padding: 0 var(--layout-content-offset-x) var(--offset)
}

.content-title--contrast {
    --icon-color: var(--theme-color-signal-active-default)
}

.content-title__editorial {
    display: inline-block
}

.content-title__editorial a {
    position: relative;
    z-index: calc(var(--link-z-index) + 1);
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    color: var(--icon-color)
}

.content-title--low-indent {
    --offset: 6px
}

.content-header {
    display: flex;
    align-items: center;
    padding: 16px var(--layout-content-offset-x) 12px
}

@media all and (min-width: 640px) {
    .content-header {
        padding-top:20px
    }
}

.content-header .author:not(:last-child) {
    margin-right: 12px
}

.content-header__actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 8px
}

.content-header__icon {
    color: var(--theme-color-text-secondary)
}

.content-header__topic {
    color: var(--theme-color-text-primary)
}

.comments-counter {
    --button-size-default: 28px;
    --button-size-small: 22px;
    --button-color: var(--theme-color-text-secondary);
    --button-icon-bg-color: transparent;
    font-size: 15px;
    line-height: 22px;
    display: inline-flex;
    align-items: center;
    color: var(--button-color)
}

@media (hover: hover) {
    .comments-counter:hover {
        --button-color: var(--theme-color-signal-active-default);
        --button-icon-bg-color: var(--theme-color-content-footer-button-hover-background)
    }
}

.comments-counter__icon-wrapper {
    width: var(--button-size-default);
    height: var(--button-size-default);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--button-icon-bg-color);
    border-radius: 100%
}

.comments-counter--small {
    font-size: 13px;
    line-height: 18px
}

.comments-counter--small .comments-counter__icon-wrapper {
    width: var(--button-size-small);
    height: var(--button-size-small)
}

.comments-counter__label {
    margin-left: 2px;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    display: inline-flex;
    white-space: nowrap
}

.comments-counter__unread {
    margin-left: 4px;
    color: var(--theme-color-signal-active-default)
}

.bookmark-button {
    --bookmark-color: var(--theme-color-text-secondary);
    --bookmark-icon-bg-color: transparent;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bookmark-color);
    cursor: pointer
}

@media (hover: hover) {
    .bookmark-button:hover {
        --bookmark-color: var(--theme-color-signal-active-default);
        --bookmark-icon-bg-color: var(--theme-color-content-footer-button-hover-background)
    }
}

.bookmark-button--active {
    color: var(--theme-color-signal-active-default)
}

.bookmark-button__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: var(--bookmark-icon-bg-color);
    border-radius: 100%
}

.bookmark-button__animated-icon {
    position: absolute;
    animation-duration: .4s;
    animation-name: splash
}

.bookmark-button__label {
    margin-left: 2px;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    white-space: nowrap
}

@keyframes splash {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(2);
        opacity: 0
    }
}

.content-views {
    --views-color: var(--theme-color-text-secondary);
    --views-icon-bg-color: transparent;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: calc(var(--link-z-index) + 1);
    color: var(--views-color);
    cursor: pointer
}

@media (hover: hover) {
    .content-views:hover {
        --views-color: var(--theme-color-signal-active-default);
        --views-icon-bg-color: var(--theme-color-content-footer-button-hover-background)
    }
}

.content-views__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: var(--views-icon-bg-color);
    border-radius: 100%
}

.content-views__counter {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    white-space: nowrap
}

.content-share {
    --views-color: var(--theme-color-text-secondary);
    --views-icon-bg-color: transparent;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: calc(var(--link-z-index) + 1);
    color: var(--views-color);
    cursor: pointer;
    text-align: left
}

.content-share--active {
    --views-color: var(--theme-color-signal-active-default);
    --views-icon-bg-color: var(--theme-color-content-footer-button-hover-background)
}

@media (hover: hover) {
    .content-share:hover {
        --views-color: var(--theme-color-signal-active-default);
        --views-icon-bg-color: var(--theme-color-content-footer-button-hover-background)
    }
}

.content-share__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: var(--views-icon-bg-color);
    border-radius: 100%
}

.content-share__counter {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    white-space: nowrap
}

.counter[data-v-a752fcfb] {
    position: relative;
    display: inline-flex;
    font-size: inherit;
    white-space: nowrap;
    --speed: .15s
}

.counter .char[data-v-a752fcfb] {
    position: absolute;
    left: var(--left);
    will-change: transform,opacity
}

.counter .reel-enter-active[data-v-a752fcfb],.counter .reel-leave-active[data-v-a752fcfb] {
    transition: transform var(--speed) ease-in,opacity var(--speed) ease-out
}

.counter .reel-enter-from[data-v-a752fcfb] {
    transform: translateY(-5px);
    opacity: 0
}

.counter .reel-leave-to[data-v-a752fcfb] {
    transform: translateY(15px);
    opacity: 0
}

.counter__real[data-v-a752fcfb] {
    visibility: hidden
}

.reaction-button {
    display: flex;
    gap: 6px;
    padding: 5px 8px;
    background: var(--theme-color-reaction-button);
    border-radius: 30px;
    cursor: pointer;
    font-size: 15px;
    line-height: 20px;
    color: var(--theme-color-text-secondary);
    min-width: 36px
}

.reaction-button img {
    display: block;
    width: 20px;
    height: 20px
}

.reaction-button__dummy {
    border-radius: 100%;
    background-color: var(--theme-color-text-secondary);
    width: 16px;
    height: 16px;
    margin: 2px;
    opacity: .2
}

.reaction-button--active {
    background-color: var(--theme-color-signal-active-default);
    color: var(--color-white)
}

.reaction-button--compact {
    background: transparent!important
}

.reaction-button--compact {
    padding: 4px;
    gap: 6px
}

.reaction-button--compact.reaction-button--active {
    color: var(--theme-color-signal-active-default)
}

.reaction-button--compact:after {
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background-color: var(--theme-color-content-footer-button-hover-background);
    margin-top: -4px;
    margin-left: -4px
}

@media (hover: hover) {
    .reaction-button--compact:hover {
        color:var(--theme-color-signal-active-default)
    }
}

@media (hover: hover) {
    .reaction-button--compact:hover:after {
        content:""
    }
}

@media (hover: hover) {
    .reaction-button:hover:not(.reaction-button--active) {
        background-color:var(--theme-color-reaction-button-hover)
    }
}

.reaction-button:active:not(.reaction-button--active) {
    background-color: var(--theme-color-reaction-button-active)
}

.reaction-plus-restriction {
    padding: 12px 16px 16px
}

.reaction-plus-restriction p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 12px
}

.reaction-plus-restriction a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .reaction-plus-restriction a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.reaction-plus-restriction__button {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    background: linear-gradient(54.61deg,#307DF0 0%,#5E36FF 89.06%);
    color: var(--color-white);
    border-radius: 72px;
    text-align: center
}

@media (hover: hover) {
    .reaction-plus-restriction__button:hover {
        opacity:.9
    }
}

.reactions {
    position: relative;
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.content-footer {
    --height: 46px;
    --offset-x: var(--layout-content-offset-x);
    padding: 0 var(--offset-x);
    height: var(--height);
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.content-footer__item:not(:last-child) {
    margin-right: 20px
}

.content-footer__item:first-child {
    margin-left: -4px
}

.content-footer--floating {
    --height: 38px;
    --offset-x: 12px;
    border-radius: 20px;
    box-shadow: var(--theme-floating-shadow);
    background-color: var(--theme-color-background-content);
    transform: translateZ(0);
    gap: 10px
}

.content-footer--floating .dropdown {
    align-self: stretch
}

.content-footer--floating .content-footer__item {
    margin-right: 0
}

.content-footer__space {
    flex: 1
}

.content-boost {
    font-size: 15px;
    line-height: 22px;
    padding: 12px var(--layout-content-offset-x);
    border-bottom: 1px solid var(--theme-color-border);
    display: flex;
    align-items: center;
    gap: 8px 12px
}

.content-boost--multiline {
    flex-wrap: wrap
}

.content-boost__text {
    margin-right: auto
}

.content-boost__pro-button {
    --button-text-color: var(--color-white);
    --button-bg-color: rgba(0, 0, 0, 1);
    --button-bg-color-hover: rgba(0, 0, 0, .8);
    --button-bg-color-active: rgba(0, 0, 0, 1);
    box-shadow: 0 0 0 1px #ffffff0d
}

.content-boost a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .content-boost a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.loader {
    --dot-size: 4px;
    display: flex
}

.loader__dot {
    width: var(--dot-size);
    height: var(--dot-size);
    border-radius: 50%;
    background: var(--theme-color-text-secondary);
    opacity: .2
}

.app-loaded .loader__dot {
    animation-name: loader-pulse;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

.loader__dot:nth-child(2) {
    animation-delay: .1s
}

.loader__dot:nth-child(3) {
    animation-delay: .2s
}

.loader__dot:not(:last-child) {
    margin-right: var(--dot-size)
}

@keyframes loader-pulse {
    0% {
        opacity: .2
    }

    24% {
        opacity: .8
    }

    48% {
        opacity: .8
    }
}

.S1b9PN7o {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0
}

._1FTMe-nr {
    background-color: var(--theme-color-background-content)
}

.OEVtBFzN {
    width: 100%;
    height: 100%
}

.xeGmoezf {
    width: 100%;
    height: 100%;
    background-color: var(--theme-color-brand-distribution);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-color-brand-icon)
}

.LRa3oBbO {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 9px;
    right: 9px;
    background-color: var(--theme-color-banner-close-background);
    color: var(--theme-color-banner-close-text);
    border-radius: 50%;
    cursor: pointer
}

@media (hover: hover) {
    .LRa3oBbO:hover {
        background-color:var(--theme-color-banner-close-background-hover)
    }
}

.LRa3oBbO:before {
    content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.S1b9PN7o .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.content-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px 0;
    background-color: var(--theme-color-background);
    margin-top: var(--layout-content-gap-media);
    margin-bottom: var(--layout-content-gap-media);
    position: relative;
    z-index: 1;
    overflow: hidden
}

.content-banner:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(135deg,var(--theme-color-background-content) 4px,transparent 4px),linear-gradient(-135deg,var(--theme-color-background-content) 4px,transparent 4px),linear-gradient(45deg,var(--theme-color-background-content) 4px,transparent 4px),linear-gradient(-45deg,var(--theme-color-background-content) 4px,transparent 4px);
    background-size: 12px 6px;
    background-repeat: repeat-x;
    background-position: 0 0,0 0,0 100%,0 100%;
    z-index: -1
}

.content-banner:after {
    content: "";
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: -2;
    box-shadow: inset 0 0 12px #0003
}

.subscribe-bell {
    min-width: 36px
}

.subscribe-bell--animated .icon--bell {
    animation: bell-shake .75s cubic-bezier(.36,.07,.19,.97);
    transform-origin: 50% 25%
}

@keyframes bell-shake {
    10%,90% {
        transform: rotate(-2deg)
    }

    20%,80% {
        transform: rotate(5deg)
    }

    30%,50%,70% {
        transform: rotate(-10deg)
    }

    40%,60% {
        transform: rotate(10deg)
    }
}

.content-nsfw {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--layout-content-offset-x);
    background-color: #0000001a;
    z-index: calc(var(--link-z-index) + 1);
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.content-nsfw__message {
    color: var(--color-white);
    text-shadow: 0 1px 2px rgba(0,0,0,.45);
    margin-bottom: 20px
}

.content-nsfw__actions {
    display: flex;
    align-items: center;
    justify-content: center
}

.content-nsfw__actions .button {
    transform: translateZ(0)
}

.content-nsfw__actions .button:not(:last-child) {
    margin-right: 12px
}

@keyframes cinema-branding-top-second-frame-mobile {
    51%,to {
        background-image: url(https://leonardo.osnova.io/abaceffb-8903-5550-9bbe-29422483d240/)
    }
}

@keyframes cinema-branding-top-second-frame-tablet {
    51%,to {
        background-image: url(https://leonardo.osnova.io/76d268eb-cfbb-5753-80f0-b7b4d4c355cc/)
    }
}

.post-branding-top {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: var(--layout-island-border-radius) var(--layout-island-border-radius) 0 0;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(https://leonardo.osnova.io/d12ff563-e6cb-55b5-b3b2-6157fbace5fe/);
    background-size: auto 100%;
    animation: cinema-branding-top-second-frame-mobile;
    animation-duration: 8s;
    animation-timing-function: steps(1,jump-end);
    animation-iteration-count: infinite
}

@media (min-width: 340px) {
    .post-branding-top {
        background-position:100% 50%
    }
}

@media (min-width: 360px) {
    .post-branding-top {
        background-position:50% 50%;
        background-image: url(https://leonardo.osnova.io/0e9213ea-c4c3-59a4-b593-136c15541457/);
        animation-name: cinema-branding-top-second-frame-tablet
    }
}

@media (min-width: 600px) {
    .post-branding-top {
        background-image:url(https://leonardo.osnova.io/d52b889a-217c-5f47-a867-d002e6a65cda/);
        animation-name: none
    }
}

.content {
    --link-z-index: 0;
    background-color: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius);
    max-width: 100%;
    padding-bottom: 4px
}

@media all and (min-width: 640px) {
    .content {
        padding-bottom:6px
    }
}

.content--without-footer {
    padding-bottom: 20px
}

.content--without-footer .content__body {
    padding-bottom: 0
}

.content--nsfw .content__body {
    min-height: 140px;
    max-height: 80vh;
    overflow: hidden
}

.content__body {
    position: relative;
    padding-bottom: 4px
}

@media all and (min-width: 640px) {
    .content__body {
        padding-bottom:6px
    }
}

.content__blocks {
    position: relative
}

.content__blocks h2 a,.content__blocks h3 a,.content__blocks h4 a,.content__blocks h5 a,.content__blocks h6 a,.content__blocks p a,.content__blocks ul a,.content__blocks ol a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .content__blocks h2 a:hover,.content__blocks h3 a:hover,.content__blocks h4 a:hover,.content__blocks h5 a:hover,.content__blocks h6 a:hover,.content__blocks p a:hover,.content__blocks ul a:hover,.content__blocks ol a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.content__blocks b,.content__blocks strong {
    font-weight: 700
}

.content__blocks i,.content__blocks em {
    font-style: italic
}

.content__blocks mark {
    color: inherit;
    background-color: var(--theme-color-brand-background)
}

.content__link {
    position: absolute;
    z-index: var(--link-z-index);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.content__subscribe {
    font-weight: 500
}

.content__subscribe:not(:last-child) {
    margin-right: 12px
}

.content__etc {
    transform: translateY(1px)
}

.content__floating {
    height: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: sticky;
    bottom: calc((var(--layout-tabbar-height) + env(safe-area-inset-bottom)) + 8px);
    bottom: calc(calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom)) + 8px);
    bottom: calc(var(--safe-tabbar-height) + 8px);
    margin: 0 10px;
    z-index: 1
}

.content__reactions {
    padding: 0 calc(var(--layout-content-offset-x));
    padding-top: 14px;
    padding-bottom: 6px;
    z-index: calc(var(--link-z-index) + 1)
}

.content .reveal-enter-active {
    animation: revealContentFooter .15s ease
}

.content .reveal-leave-active {
    animation: revealContentFooter .15s ease reverse
}

.content__listen .icon {
    color: var(--theme-color-signal-active-default)
}

.content__listen-text {
    width: 0;
    visibility: hidden;
    margin-right: -10px;
    font-size: 0
}

@media all and (min-width: 925px) {
    .content__listen-text {
        width:auto;
        visibility: visible;
        margin-right: 0;
        font-size: inherit
    }
}

.content__draft-badge {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    padding: 5px 8px;
    margin-right: 8px;
    background-color: var(--theme-color-background-warning);
    color: var(--theme-color-text-primary);
    border-radius: 8px
}

.content__read-more {
    padding: 0 var(--layout-content-offset-x);
    margin-top: var(--layout-content-gap-default);
    margin-bottom: var(--layout-content-gap-default)
}

.content--short .andropov-external-video,.content--short .andropov-audio,.content--short .block-quiz,.content--short .block-wrapper--hidden,.content--short video[controls] {
    z-index: calc(var(--link-z-index) + 1);
    position: relative
}

.content--embed {
    border-radius: 10px;
    padding-bottom: var(--layout-content-offset-x)
}

.content--embed.content--without-bottom {
    padding-bottom: 0
}

.content--embed .content-title {
    font-size: 20px;
    line-height: 28px
}

@keyframes revealContentFooter {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.skeleton-bar {
    max-width: 100%;
    height: 10px;
    background-color: var(--theme-color-border);
    border-radius: 10px
}

.skeleton-bar:not(:last-child) {
    margin-bottom: 12px
}

.skeleton-navbar {
    will-change: opacity
}

.app-loaded .skeleton-navbar {
    animation: skeleton-loading 1s linear alternate infinite
}

.skeleton-navbar {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 var(--layout-content-offset-x);
    background-color: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius) var(--layout-island-border-radius) 0 0;
    box-shadow: inset 0 -1px var(--theme-color-border)
}

.skeleton-navbar+.skeleton-content-list>.skeleton-content:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.skeleton-circle {
    width: 28px;
    height: 28px;
    background-color: var(--theme-color-border);
    border-radius: 100%
}

.skeleton-content {
    padding: 18px var(--layout-content-offset-x);
    border-radius: var(--layout-island-border-radius);
    background-color: var(--theme-color-background-content)
}

.skeleton-content__wrapper {
    will-change: opacity
}

.app-loaded .skeleton-content__wrapper {
    animation: skeleton-loading 1s linear alternate infinite
}

.skeleton-content__header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 22px
}

.skeleton-content__author {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 8px;
    margin-left: 10px
}

.skeleton-content__block {
    padding-right: calc(var(--layout-content-offset-x) + var(--layout-content-right-indent))
}

.skeleton-content__block:not(:last-child) {
    margin-bottom: 20px
}

.skeleton-content__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 18px
}

.skeleton-content__footer-left {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 7px
}

.skeleton-content-list__item {
    margin-bottom: var(--layout-island-gap-y)
}

.content-list {
    --gap: 24px;
    display: grid;
    grid-gap: var(--gap);
    gap: var(--gap);
    grid-template-columns: minmax(0,100%)
}

.content-list__loader {
    background: var(--theme-color-background-content);
    padding: var(--layout-content-offset-x);
    border-radius: var(--layout-island-border-radius);
    justify-content: center
}

.checkbox {
    --size: 18px;
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: var(--size);
    min-height: 32px;
    cursor: pointer
}

.checkbox--disabled {
    cursor: default
}

.checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.checkbox__control {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 0;
    width: var(--size);
    height: var(--size);
    background-color: var(--theme-color-check-background-default);
    border: 1px solid var(--theme-color-field-border-default);
    border-radius: 5px;
    transition: background-color .1s linear,border-color .1s linear,box-shadow .1s linear
}

.checkbox__input:focus~.checkbox__control {
    background-color: var(--theme-color-field-background-hover);
    border-color: var(--theme-color-signal-active-light);
    box-shadow: 0 0 0 3px var(--theme-color-signal-active-lightest)
}

@media (hover: hover) {
    .checkbox:hover .checkbox__control {
        background-color:var(--theme-color-field-background-hover);
        border-color: var(--theme-color-signal-active-light);
        box-shadow: 0 0 0 3px var(--theme-color-signal-active-lightest)
    }
}

.checkbox--checked .checkbox__input:focus~.checkbox__control {
    background-color: var(--theme-color-signal-active-dark);
    border-color: var(--theme-color-signal-active-dark)
}

@media (hover: hover) {
    .checkbox--checked:hover .checkbox__control {
        background-color:var(--theme-color-signal-active-dark);
        border-color: var(--theme-color-signal-active-dark)
    }
}

.checkbox--checked .checkbox__control {
    background-color: var(--theme-color-signal-active-default);
    border-color: var(--theme-color-signal-active-default);
    transition: background-color 0s linear,border-color 0s linear,box-shadow .1s linear
}

.checkbox--invalid .checkbox__control {
    background-color: var(--theme-color-field-background-error);
    border-color: var(--theme-color-signal-negative-default)
}

.checkbox--disabled .checkbox__control {
    background-color: var(--theme-color-field-background-default)!important;
    border-color: var(--theme-color-check-border-disabled)!important;
    box-shadow: none!important
}

.checkbox__icon {
    color: var(--theme-color-field-icon-default)
}

.checkbox--disabled .checkbox__icon {
    color: var(--theme-color-field-icon-disabled)
}

.checkbox__caption {
    padding: 4px 0 4px 26px;
    font-size: 16px;
    line-height: 1.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.checkbox--disabled .checkbox__caption {
    color: var(--theme-color-text-secondary)
}

.counter-label {
    background-color: var(--theme-color-signal-negative-default);
    color: var(--color-white);
    font-size: 11px;
    padding: 0 5px;
    border-radius: 4px;
    height: 18px;
    line-height: 18px;
    width: -moz-max-content;
    width: max-content
}

.bounce-enter-active {
    animation: bounce-in .3s
}

@keyframes bounce-in {
    0% {
        transform: scale(.9);
        opacity: 0
    }

    50% {
        transform: scale(1.15);
        opacity: 1
    }

    to {
        transform: scale(1)
    }
}

.dropdown {
    display: inline-flex;
    align-items: center;
    position: relative
}

.dropdown__label {
    font-size: 15px;
    line-height: 22px
}

@media (hover: hover) {
    .dropdown__label:hover {
        opacity:.72
    }
}

.dropdown__label {
    display: flex;
    align-items: center;
    color: var(--theme-color-text-primary);
    height: 30px;
    cursor: pointer
}

.dropdown__label .icon {
    margin-left: 4px;
    transform: translateY(1px)
}

.etc {
    position: relative;
    display: flex;
    align-items: center
}

.field {
    --height: 42px;
    --radius: 10px;
    --paddingLeft: 11px;
    --paddingRight: 11px;
    --iconLeftMarginRight: 6px;
    --imageSize: 24px;
    --imageMarginRight: 8px;
    --imageBorderRadius: 6px
}

.field--tiny {
    --height: 26px;
    --radius: 7px;
    --paddingLeft: 7px;
    --paddingRight: 7px;
    --iconLeftMarginRight: 4px;
    --imageSize: 16px;
    --imageMarginRight: 6px;
    --imageBorderRadius: 4px
}

.field--small {
    --height: 34px;
    --radius: 9px;
    --iconLeftMarginRight: 4px;
    --imageSize: 20px;
    --imageMarginRight: 6px
}

.field--large {
    --height: 48px;
    --radius: 12px;
    --paddingLeft: 15px;
    --paddingRight: 15px
}

.field {
    position: relative
}

.field__wrapper {
    font-size: 17px;
    line-height: 26px;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: var(--paddingLeft);
    padding-right: var(--paddingRight);
    color: var(--theme-color-field-text);
    background-color: var(--theme-color-field-background-default);
    border: 1px solid var(--theme-color-field-border-default);
    border-radius: var(--radius);
    transition: background-color .1s linear,border-color .1s linear,box-shadow .1s linear
}

.field--select>.field__wrapper {
    cursor: pointer
}

.field--tiny>.field__wrapper {
    font-size: 13px;
    line-height: 18px
}

.field--small>.field__wrapper {
    font-size: 15px;
    line-height: 22px
}

.field--invalid>.field__wrapper {
    background-color: var(--theme-color-field-background-hover);
    border-color: var(--theme-color-signal-negative-default)
}

@media (hover: hover) {
    .field__wrapper:hover {
        background-color:var(--theme-color-field-background-hover);
        border-color: var(--theme-color-field-border-hover);
        box-shadow: var(--theme-shadow-field)
    }
}

.field--focused>.field__wrapper {
    background-color: var(--theme-color-field-background-hover);
    border-color: var(--theme-color-field-border-active);
    box-shadow: var(--theme-shadow-field)
}

.field--disabled>.field__wrapper {
    color: var(--theme-color-field-icon-disabled);
    background-color: var(--theme-color-field-background-disabled);
    border-color: var(--theme-color-field-border-default);
    box-shadow: none;
    cursor: default
}

.field__wrapper-body {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: var(--height)
}

.field__icon {
    flex-shrink: 0;
    color: var(--theme-color-text-secondary-light)
}

.field--disabled .field__icon {
    color: inherit
}

.field__icon--left {
    margin-right: var(--iconLeftMarginRight)
}

.field__icon--clickable {
    cursor: pointer
}

@media (hover: hover) {
    .field__icon--clickable:hover {
        color:var(--theme-color-text-primary)
    }
}

.field__image {
    flex-shrink: 0;
    width: var(--imageSize);
    height: var(--imageSize);
    margin-right: var(--imageMarginRight);
    background-size: cover;
    box-shadow: inset 0 0 0 1px #0000001a;
    border-radius: var(--imageBorderRadius)
}

.field__error,.field__caption {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.38em
}

.field__error {
    color: var(--theme-color-signal-negative-default);
    max-height: 4.14em;
    opacity: 1;
    overflow: hidden
}

.field__error--enter,.field__error--leave-to {
    max-height: 0;
    opacity: 0
}

.field__error--enter-active,.field__error--leave-active {
    transition: max-height .3s linear,opacity .2s linear
}

.field__caption {
    color: var(--theme-color-text-secondary)
}

.field__caption a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .field__caption a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.field .popover {
    --popover-top: calc(var(--height) + 10px);
    --popover-width: 100%;
    z-index: 2
}

.floating-updates-notify {
    display: flex;
    justify-content: center;
    position: sticky;
    height: 0;
    z-index: var(--layout-z-index-floating-updates);
    width: 100%;
    top: var(--layout-header-height)
}

.floating-updates-notify__button {
    box-shadow: var(--theme-color-updates-shadow);
    margin: 10px;
    border-radius: 16px
}

@media (hover: hover) {
    .floating-updates-notify__button:hover .floating-updates-notify__label:hover {
        opacity:.72
    }
}

.slide-down-enter-active,.slide-down-leave-active {
    transition: all .15s ease-in-out
}

.slide-down-enter-from,.slide-down-leave-to {
    opacity: 0;
    transform: translateY(-100%)
}

.dot {
    background-color: var(--theme-color-signal-active-default);
    border-radius: 50%;
    animation: update-in .25s ease-in;
    width: 6px;
    height: 6px
}

.dot--size-large {
    width: 8px;
    height: 8px
}

@keyframes update-in {
    0% {
        transform: scale(0)
    }

    70% {
        transform: scale(1.4)
    }
}

.form-section__label {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    font-weight: 500;
    color: var(--theme-color-text-primary)
}

.infinite-list__loader {
    background: var(--theme-color-background-content);
    padding: var(--layout-content-offset-x);
    border-radius: var(--layout-island-border-radius);
    justify-content: center
}

@media (hover: hover) {
    .link-button:hover {
        opacity:.72
    }
}

.link-button {
    display: inline-flex;
    align-items: center;
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

.link-button .icon {
    margin-top: 2px;
    margin-left: 4px
}

.link-button--disabled {
    pointer-events: none
}

.link-button--default {
    font-size: 17px;
    line-height: 26px
}

.link-button--small {
    font-size: 15px;
    line-height: 22px
}

.link-button--tiny {
    font-size: 13px;
    line-height: 18px
}

.skeleton-live-item {
    will-change: opacity
}

.app-loaded .skeleton-live-item {
    animation: skeleton-loading 1s linear alternate infinite
}

.skeleton-live-item__header {
    margin-bottom: 18px;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    justify-content: start;
    align-items: center;
    grid-gap: 0 10px;
    gap: 0 10px
}

.skeleton-live-item__header .skeleton-circle {
    grid-row: span 2
}

.skeleton-live__item:not(:last-child) {
    padding: 14px 0
}

.string-loader {
    display: inline-flex
}

.string-loader>span:last-child:before {
    content: "...";
    opacity: 0
}

.string-loader--loading>span:last-child {
    position: relative
}

.string-loader--loading>span:last-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    animation: string-loader 1.2s linear infinite
}

@keyframes string-loader {
    0% {
        content: ""
    }

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

    75% {
        content: "..."
    }
}

.notification-item {
    --inner-radius: var(--layout-island-border-radius);
    --image-size: var(--4b317681);
    position: relative;
    display: grid;
    grid-template-columns: var(--image-size) 1fr 32px;
    grid-gap: 10px;
    gap: 10px;
    padding: 12px var(--notification-item-offset-x);
    border-radius: var(--inner-radius)
}

@media (hover: hover) {
    .notification-item:hover {
        background-color:var(--theme-color-popover-item-bg-active)
    }
}

.notification-item--compact {
    --inner-radius: 0
}

.notification-item b {
    font-weight: 500
}

.notification-item__dot {
    position: absolute;
    z-index: 1;
    top: 28px;
    left: 4px
}

.notification-item__image {
    position: relative;
    margin-top: 2px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--image-size);
    height: var(--image-size)
}

.notification-item__image--red {
    color: var(--theme-color-signal-negative-default);
    background-color: #ff11221a;
    background-color: var(--theme-color-notification-red);
    border-radius: 100%
}

.notification-item__image--red:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 100%;
    grid-row: 1;
    grid-column: 1;
    box-shadow: inset 0 0 0 1px var(--theme-color-border);
    position: absolute
}

.notification-item__icon {
    color: var(--theme-color-signal-active-default);
    position: absolute;
    bottom: -2px;
    right: -2px
}

.notification-item__text {
    font-size: 15px;
    line-height: 22px
}

.notification-item__text a {
    pointer-events: none
}

.notification-item__date {
    font-size: 13px;
    line-height: 18px;
    color: var(--theme-color-text-secondary);
    margin-top: 2px
}

.notifications {
    --notifications-offset-x: var(--layout-content-offset-x);
    --notifications-body-offset-x: 6px;
    --notifications-body-offset-y: 8px;
    --notification-item-offset-x: calc(var(--notifications-offset-x) - var(--notifications-body-offset-x));
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.notifications--compact {
    --notifications-offset-x: 16px;
    --notifications-body-offset-x: 0px;
    background-color: var(--theme-color-popover-background);
    border-radius: var(--layout-island-border-radius)
}

.notifications .navbar {
    padding-left: var(--notifications-offset-x);
    padding-right: var(--notifications-offset-x)
}

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

.notifications__placeholder:before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    margin: 0 auto 12px;
    background: url(https://leonardo3.osnova.io/7cb777ef-c2a0-5f12-9681-6479b9781054/) no-repeat;
    background-size: contain
}

.notifications__placeholder>div:first-child {
    margin-bottom: 7px;
    font-weight: 500
}

.notifications__placeholder>div:last-child {
    font-size: 15px;
    line-height: 22px
}

.notifications__body {
    position: relative;
    background-color: var(--theme-color-popover-background);
    border-bottom-left-radius: var(--layout-island-border-radius);
    border-bottom-right-radius: var(--layout-island-border-radius)
}

.notifications__list {
    padding: var(--notifications-body-offset-y) var(--notifications-body-offset-x)
}

.notifications__list[data-scrollable] {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: var(--theme-andropov-border-color) transparent;
    scrollbar-color: var(--scrollbar-color, var(--theme-andropov-border-color)) transparent;
    scrollbar-width: thin
}

.notifications__list[data-scrollable]::-webkit-scrollbar {
    width: 10px;
    width: var(--scrollbar-size, 10px);
    height: 10px;
    height: var(--scrollbar-size, 10px);
    background-color: transparent
}

.notifications__list[data-scrollable]::-webkit-scrollbar-thumb {
    background-color: var(--theme-andropov-border-color);
    background-color: var(--scrollbar-color, var(--theme-andropov-border-color));
    border-radius: 10px;
    border-radius: var(--scrollbar-size, 10px);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 3px
}

@media (hover: hover) {
    .notifications__list[data-scrollable]::-webkit-scrollbar-thumb:hover {
        border-width: 0
    }
}

.notifications__list[data-scrollable] {
    max-height: calc(100vh - var(--layout-header-height) - 100px)
}

.notifications__loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px
}

.notifications__horizon {
    position: absolute;
    width: 100%;
    height: 1px
}

.notifications__more {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    border-top: 1px solid var(--theme-color-border)
}

.payment-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 474px;
    position: relative
}

.payment-form__container {
    display: flex
}

.payment-form__container--hidden {
    visibility: hidden
}

.payment-form__container>div {
    width: 100%
}

.payment-form .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.payment-form iframe {
    color-scheme: light
}

.product-logo {
    --radius: 16px;
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: var(--radius);
    background-color: var(--theme-color-brand-logo);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-black)
}

.product-logo:before {
    content: "";
    pointer-events: none;
    position: absolute;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1.6px #0000000d;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.product-logo svg {
    width: 44.8px;
    height: 44.8px
}

.radio {
    --size: 18px;
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: var(--size);
    min-height: 32px;
    cursor: pointer
}

.radio--disabled {
    cursor: default
}

.radio__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.radio__control {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 0;
    width: var(--size);
    height: var(--size);
    background-color: var(--theme-color-check-background-default);
    border: 1px solid var(--theme-color-field-border-default);
    border-radius: 100%;
    transition: background-color .1s linear,border-color .1s linear,box-shadow .1s linear
}

.radio__input:focus~.radio__control {
    background-color: var(--theme-color-field-background-hover);
    border-color: var(--theme-color-signal-active-light);
    box-shadow: 0 0 0 3px var(--theme-color-signal-active-lightest)
}

@media (hover: hover) {
    .radio:hover .radio__control {
        background-color:var(--theme-color-field-background-hover);
        border-color: var(--theme-color-signal-active-light);
        box-shadow: 0 0 0 3px var(--theme-color-signal-active-lightest)
    }
}

.radio--checked .radio__input:focus~.radio__control {
    background-color: var(--theme-color-signal-active-dark);
    border-color: var(--theme-color-signal-active-dark)
}

@media (hover: hover) {
    .radio--checked:hover .radio__control {
        background-color:var(--theme-color-signal-active-dark);
        border-color: var(--theme-color-signal-active-dark)
    }
}

.radio--checked .radio__control {
    background-color: var(--theme-color-signal-active-default);
    border-color: var(--theme-color-signal-active-default);
    transition: background-color 0s linear,border-color 0s linear,box-shadow .1s linear
}

.radio--checked .radio__control:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    background-color: var(--theme-color-field-icon-default);
    border-radius: 100%
}

.radio--invalid .radio__control {
    background-color: var(--theme-color-field-background-error);
    border-color: var(--theme-color-signal-negative-default)
}

.radio--disabled .radio__control {
    background-color: var(--theme-color-field-background-default)!important;
    border-color: var(--theme-color-check-border-disabled)!important;
    box-shadow: none!important
}

.radio--disabled .radio__control:after {
    background-color: var(--theme-color-field-icon-disabled)
}

.radio__caption {
    padding: 4px 0 4px 26px;
    font-size: 16px;
    line-height: 1.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.radio--disabled .radio__caption {
    color: var(--theme-color-text-secondary)
}

@keyframes _0fWCVMLZ {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes XEUkuyJH {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BCZxQEFS {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.Iqa-WcGp {
    font-weight: 500
}

.Iqa-WcGp:not(:first-child) {
    margin-top: 16px
}

.Vbq7eXUZ {
    font-size: 13px;
    line-height: 18px;
    color: var(--theme-color-text-secondary)
}

.Vbq7eXUZ:not(:first-child) {
    margin-top: 24px
}

@keyframes lCHyyqTE {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes UrdOgiS- {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes O0PaDdRm {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.eJF8Etqt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 var(--offset-x)
}

.JBGhsVUD,.q8A6Kp2S {
    font-size: 9px;
    line-height: 16px;
    letter-spacing: .1em;
    text-transform: uppercase
}

.JBGhsVUD {
    color: var(--theme-color-text-secondary-light)
}

.q8A6Kp2S {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .q8A6Kp2S:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.q8A6Kp2S {
    position: relative;
    z-index: 1;
    margin-left: 8px;
    margin-right: auto
}

.Al5-XZpC,.FE-NUpQI {
    position: relative;
    z-index: 1;
    color: var(--theme-color-text-secondary-light)
}

@media (hover: hover) {
    .Al5-XZpC:hover,.FE-NUpQI:hover {
        color:var(--theme-color-text-primary)
    }
}

.Al5-XZpC {
    margin-right: 8px
}

.Al5-XZpC .icon-button {
    padding: 0;
    color: inherit;
    background-color: transparent
}

.FE-NUpQI {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-color: var(--theme-color-button-minimal);
    border-radius: 100%;
    cursor: pointer
}

@media (hover: hover) {
    .FE-NUpQI:hover {
        background-color:var(--theme-color-button-minimal-hover)
    }
}

@keyframes IZRkOTBU {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes J63vQ7-V {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes RQKAgZiJ {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.uickSQNb {
    will-change: opacity
}

.ItipG2Fu .uickSQNb {
    animation: w0WRHD4Y 1s linear alternate infinite
}

@keyframes w0WRHD4Y {
    0% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.uickSQNb {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: var(--content-padding)
}

@media all and (min-width: 640px) {
    .uickSQNb {
        flex-wrap:nowrap
    }
}

.l0cNXWAG {
    flex-shrink: 0;
    width: var(--image-size);
    height: var(--image-size);
    margin: var(--image-offset);
    border-radius: var(--image-radius)
}

.Bmr9tyXj {
    width: var(--text-width);
    margin-left: var(--text-offset)
}

.Bmr9tyXj .skeleton-bar:not(:last-child) {
    margin-bottom: 10px
}

.zlumSKUy {
    flex-shrink: 0;
    width: var(--button-width);
    height: 34px;
    margin: var(--button-margin);
    border-radius: 9px
}

.RlSfRueA {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: var(--content-padding)
}

.xIpO2SzR {
    --border-radius: var(--image-radius);
    flex-shrink: 0;
    margin: var(--image-offset);
    box-shadow: var(--image-shadow)
}

.ErrLS84J {
    display: -webkit-box;
    width: var(--text-width);
    max-height: calc(var(--text-max-lines) * var(--text-line-height));
    margin-left: var(--text-offset);
    font-size: var(--text-size);
    line-height: var(--text-line-height);
    -webkit-line-clamp: var(--text-max-lines);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.GrIcccf6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: var(--content-padding)
}

@media all and (min-width: 640px) {
    .GrIcccf6 {
        flex-wrap:nowrap
    }
}

.cClPEmH2 {
    --border-radius: var(--image-radius);
    flex-shrink: 0;
    margin: var(--image-offset);
    box-shadow: var(--image-shadow)
}

.WkN-w25r {
    width: var(--text-width);
    height: 1px;
    margin-left: var(--text-offset)
}

.WkN-w25r>div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: -webkit-box;
    width: 100%;
    max-height: calc(var(--text-max-lines) * var(--text-line-height));
    font-size: var(--text-size);
    line-height: var(--text-line-height);
    -webkit-line-clamp: var(--text-max-lines);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.Vm-1j-Fs {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    width: var(--button-width);
    margin: var(--button-margin)
}

.Vm-1j-Fs .button {
    width: 100%
}

.qBJF4rkS {
    padding-top: 16px;
    padding-bottom: 20px
}

.qBJF4rkS .content-header,.qBJF4rkS .block-special-button a {
    position: relative;
    z-index: 1
}

.qBJF4rkS .content-header {
    padding-top: 0
}

.ALMGcspq {
    --offset-x: var(--layout-content-offset-x);
    --content-padding: 10px var(--offset-x) 16px;
    --image-size: var(--0aafb410);
    --image-radius: 12px;
    --image-offset: 2px 0;
    --image-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .16), 0px 4px 18px 0px rgba(0, 0, 0, .08);
    --text-offset: 12px;
    --text-max-lines: 3;
    --text-width: calc(100% - var(--image-size) - var(--text-offset));
    --text-size: 17px;
    --text-line-height: 24px;
    --button-width: 100%;
    --button-margin: 14px 0 0;
    position: relative;
    margin-left: 12px;
    margin-right: 12px;
    padding-top: 12px;
    background-color: var(--theme-color-background-content);
    border-radius: 10px
}

@media all and (min-width: 640px) {
    .ALMGcspq {
        --text-offset: 16px;
        --text-max-lines: 2;
        --text-width: 100%;
        --button-width: 100px;
        --button-margin: 0 0 0 44px;
        margin-left: 0;
        margin-right: 0
    }
}

.pB34i-wX {
    margin-left: 0;
    margin-right: 0;
    border-radius: var(--layout-island-border-radius)
}

.Wmn9LV6s {
    --offset-x: 10px;
    --content-padding: 4px var(--offset-x) 8px;
    --image-radius: 8px;
    --text-offset: 10px;
    --text-max-lines: 2;
    --text-size: 13px;
    --text-line-height: 16px;
    padding-top: 6px
}

@media all and (min-width: 640px) {
    .Wmn9LV6s {
        --text-max-lines: 1;
        --text-line-height: 18px
    }
}

._6Mh-7A6r {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.recommendations {
    margin-top: var(--layout-island-gap-y)
}

.recommendations__button {
    display: flex;
    justify-content: center
}

.select {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.select__placeholder {
    color: var(--theme-color-text-secondary)
}

.field--disabled .select__placeholder {
    color: inherit
}

.settings-wrapper {
    background-color: var(--theme-color-background-content);
    border-bottom-right-radius: var(--layout-island-border-radius);
    border-bottom-left-radius: var(--layout-island-border-radius)
}

.settings-wrapper__skeleton,.settings-wrapper__body {
    padding: 20px var(--layout-content-offset-x)
}

.settings-wrapper__body {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 32px;
    gap: 32px
}

.settings-wrapper__body .field {
    max-width: var(--layout-settings-input-max-width)
}

.slider {
    --thumb-size: 20px;
    --track-size: 4px;
    position: relative
}

.slider__track {
    height: var(--track-size);
    background-color: var(--theme-color-background);
    display: flex;
    justify-content: space-between;
    border-radius: var(--track-size);
    box-shadow: var(--theme-slider-track-shadow);
    position: relative;
    overflow: hidden
}

.slider__step-mark {
    width: 4px;
    background-color: var(--theme-slider-step-background);
    box-shadow: var(--theme-slider-step-shadow)
}

.slider__step-mark--first,.slider__step-mark--last {
    visibility: hidden
}

.slider__progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    width: var(--distance, 0);
    height: 100%;
    background-color: var(--theme-color-signal-active-default)
}

.slider__thumb {
    width: 0;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: none;
    position: absolute;
    left: 0;
    left: var(--distance, 0);
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.slider__thumb:before {
    content: "";
    flex-shrink: 0;
    display: block;
    width: var(--thumb-size);
    height: var(--thumb-size);
    background-color: var(--theme-slider-thumb-background);
    border-radius: 50%;
    box-shadow: var(--theme-slider-thumb-shadow)
}

@media (hover: hover) {
    .slider__thumb:hover:before {
        border:1px solid var(--theme-color-field-border-hover);
        box-shadow: var(--theme-shadow-field)
    }
}

.slider__thumb--pressed:before {
    border: 1px solid var(--theme-color-field-border-active)!important
}

.slider__thumb--pressed:before {
    box-shadow: var(--theme-shadow-field)
}

.switch {
    --size: 20px;
    --offset: 2px;
    box-sizing: content-box;
    display: flex;
    width: calc(var(--size) * 2);
    height: var(--size);
    padding: var(--offset);
    border-radius: var(--size);
    background-color: var(--theme-color-media-background);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.switch__control {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 0;
    width: var(--size);
    height: var(--size);
    border-radius: var(--size);
    background-color: var(--theme-color-border);
    transition: transform .1s ease-in-out
}

.switch--on .switch__control {
    transform: translate(100%)
}

.tabs {
    font-size: 15px;
    line-height: 22px;
    display: inline-grid;
    grid-auto-flow: column;
    gap: 16px;
    position: relative;
    height: 100%
}

.tabs__tab {
    display: flex;
    align-items: center;
    height: 100%;
    color: var(--theme-color-text-secondary);
    -webkit-tap-highlight-color: transparent;
    transition: color .15s
}

.tabs__tab--active {
    color: var(--theme-color-text-primary)
}

.tabs__tab .dot {
    margin: auto 0 auto 8px
}

.tabs__underline {
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 3px;
    background-color: var(--theme-color-signal-active-default);
    will-change: transform;
    transform-origin: left;
    transform: translate(var(--7072be00)) scaleX(var(--3391a913));
    transition: transform var(--965cf964)
}

.textarea {
    --height: unset;
    --paddingLeft: 0
}

.textarea__input {
    border: none;
    width: 100%;
    outline: none;
    background-color: transparent;
    padding: 8px 11px;
    box-sizing: border-box;
    resize: none;
    min-height: 64px
}

.textarea__input--single-line {
    min-height: 0;
    min-height: initial
}

.textarea__input {
    font-size: 17px;
    line-height: 26px
}

.textarea__input::-moz-placeholder {
    color: var(--theme-color-text-secondary)
}

.textarea__input::placeholder {
    color: var(--theme-color-text-secondary)
}

.textarea__input[disabled]::-moz-placeholder {
    color: var(--theme-color-field-icon-disabled)
}

.textarea__input[disabled]::placeholder {
    color: var(--theme-color-field-icon-disabled)
}

.confirm {
    display: grid;
    grid-gap: 20px;
    gap: 20px
}

.confirm__actions {
    display: flex;
    flex-direction: column
}

@media all and (min-width: 640px) {
    .confirm__actions {
        flex-direction:row-reverse
    }
}

.confirm__actions .button:not(:last-child) {
    margin-bottom: 12px
}

@media all and (min-width: 640px) {
    .confirm__actions .button:not(:last-child) {
        margin-bottom:0;
        margin-left: 12px
    }
}

.write-button {
    position: fixed;
    z-index: var(--layout-z-index-navbar);
    right: calc(var(--layout-content-offset-x) + 0px);
    right: calc(var(--layout-content-offset-x) + var(--scrollbar-width, 0px));
    bottom: calc((var(--layout-tabbar-height) + env(safe-area-inset-bottom)) + var(--layout-content-offset-x));
    bottom: calc(calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom)) + var(--layout-content-offset-x));
    bottom: calc(var(--safe-tabbar-height) + var(--layout-content-offset-x))
}

.write-button .button {
    color: var(--theme-color-signal-active-default)
}

.account-menu {
    display: grid;
    grid-row-gap: 12px;
    row-gap: 12px
}

.account-menu--advanced {
    row-gap: 16px
}

.account-menu__group {
    display: grid;
    grid-row-gap: 4px;
    row-gap: 4px
}

.account-menu__item {
    display: flex;
    align-items: center;
    min-width: 0;
    border-radius: 8px;
    cursor: pointer
}

@media (hover: hover) {
    .account-menu__item:hover {
        background-color:var(--theme-color-popover-item-bg-active)
    }
}

.account-menu__link {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    height: 48px;
    padding: 0 8px
}

.account-menu__icon {
    flex-shrink: 0
}

.account-menu__icon--left {
    margin-right: 12px
}

.account-menu__icon--right {
    position: relative;
    margin-left: auto;
    padding-right: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.account-menu__label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.account-menu__label:not(:last-child) {
    margin-right: 12px
}

.account-menu__right {
    margin-left: auto;
    color: var(--theme-color-text-secondary)
}

.user-card {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    height: 60px;
    padding: 0 8px;
    border-radius: 8px
}

@media (hover: hover) {
    .user-card:hover {
        background-color:var(--theme-color-popover-item-bg-active)
    }
}

.user-card__avatar-less {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--e2451f26);
    height: var(--e2451f26);
    border-radius: 100%;
    background: rgba(0,0,0,.05)
}

.user-card__avatar-less:before {
    content: "";
    position: absolute;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px var(--theme-color-border);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.user-card__title {
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px
}

.user-card__subtitle {
    font-size: 15px;
    line-height: 22px;
    color: var(--theme-color-text-secondary)
}

.user-card__name {
    font-size: 20px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.remove-button {
    --size: 24px;
    position: absolute;
    z-index: 1;
    top: calc(var(--size) * -.4);
    right: calc(var(--size) * -.4);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    color: var(--theme-color-signal-negative-default);
    background-color: var(--theme-color-background-content);
    border: 1px solid var(--theme-color-border);
    border-radius: 50%;
    cursor: pointer
}

@media (hover: hover) {
    .remove-button:hover {
        color:var(--theme-color-background-content);
        background-color: var(--theme-color-signal-negative-default)
    }
}

.skeleton-comment {
    will-change: opacity
}

.app-loaded .skeleton-comment {
    animation: skeleton-loading 1s linear alternate infinite
}

.skeleton-comment {
    padding: 12px var(--layout-content-offset-x) 6px
}

.skeleton-comment__header {
    height: 40px;
    margin-bottom: 16px;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    justify-content: start;
    align-items: center;
    align-content: center;
    grid-gap: 0 10px;
    gap: 0 10px
}

.skeleton-comment__header .skeleton-circle {
    grid-row: span 2
}

.skeleton-comment__header .skeleton-bar:not(:last-child) {
    margin-bottom: 10px
}

.skeleton-comment__content .skeleton-bar:nth-child(1) {
    margin-right: 132px
}

@media all and (min-width: 640px) {
    .skeleton-comment__content .skeleton-bar:nth-child(1) {
        margin-right:120px
    }
}

.skeleton-comment__content .skeleton-bar:nth-child(2) {
    margin-right: 60px
}

@media all and (min-width: 640px) {
    .skeleton-comment__content .skeleton-bar:nth-child(2) {
        margin-right:48px
    }
}

.skeleton-comment__content .skeleton-bar:nth-child(4) {
    margin-right: 83px
}

@media all and (min-width: 640px) {
    .skeleton-comment__content .skeleton-bar:nth-child(4) {
        margin-right:70px
    }
}

.skeleton-comment__content .skeleton-bar:nth-child(5) {
    width: 74px
}

@media all and (min-width: 640px) {
    .skeleton-comment__content .skeleton-bar:nth-child(5) {
        width:310px
    }
}

.skeleton-comments {
    padding-bottom: var(--layout-content-offset-x)
}

.skeleton-comments--with-background {
    background-color: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius)
}

.skeleton-comments__item:not(:last-child) {
    margin-top: 12px
}

.donation {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    background-image: var(--theme-color-donate-gradient);
    color: var(--theme-color-donate-text);
    height: 36px;
    padding: 0 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default
}

.post-stats {
    display: grid;
    grid-gap: 12px;
    gap: 12px
}

@media all and (min-width: 640px) {
    .post-stats {
        grid-auto-flow:column;
        justify-content: flex-start;
        gap: 30px
    }
}

.post-stats__value {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500
}

.post-stats__label {
    font-size: 13px;
    line-height: 18px;
    color: var(--theme-color-text-secondary)
}

.number-input::-moz-placeholder {
    color: var(--theme-color-text-secondary-light)
}

.number-input::placeholder {
    color: var(--theme-color-text-secondary-light)
}

.text-input::-moz-placeholder {
    color: var(--theme-color-text-secondary-light)
}

.text-input::placeholder {
    color: var(--theme-color-text-secondary-light)
}

.text-input-counter {
    font-size: 13px;
    line-height: 18px;
    color: var(--theme-color-text-secondary);
    flex-shrink: 0
}

.button {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    font-weight: 500;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap;
    background-color: var(--button-bg-color);
    border-radius: var(--button-radius);
    font-size: var(--button-font-size);
    color: var(--button-text-color);
    padding: var(--button-padding);
    height: var(--button-height)
}

.button--size-s {
    --button-icon-margin: 0 5px 0 8px;
    --button-padding: 0 10px;
    --button-font-size: 13px;
    --button-width: 30px;
    --button-height: 28px;
    --button-radius: 8px;
    --icon-size: 16px;
    padding-bottom: 1px
}

.button--size-m {
    --button-icon-margin: 0 6px 0 10px;
    --button-padding: 0 14px;
    --button-font-size: 15px;
    --button-width: 38px;
    --button-height: 34px;
    --button-radius: 9px;
    --icon-size: 20px
}

.button--size-l {
    --button-icon-margin: 0 8px 0 12px;
    --button-padding: 0 16px;
    --button-font-size: 17px;
    --button-width: 46px;
    --button-height: 42px;
    --button-radius: 10px;
    --icon-size: 24px
}

.button--size-xl {
    --button-icon-margin: 0 10px 0 16px;
    --button-padding: 0 20px;
    --button-font-size: 17px;
    --button-width: 52px;
    --button-height: 48px;
    --button-radius: 12px;
    --icon-size: 24px
}

.button--type-primary {
    --button-bg-color: var(--theme-color-signal-active-default);
    --button-bg-color-hover: var(--theme-color-signal-active-dark);
    --button-bg-color-active: var(--theme-color-signal-active-darkest);
    --button-text-color: var(--color-white)
}

.button--type-secondary {
    box-shadow: var(--theme-color-button-secondary-shadow);
    --button-bg-color: var(--theme-color-button-secondary);
    --button-bg-color-hover: var(--theme-color-button-secondary);
    --button-bg-color-active: var(--theme-color-button-secondary);
    --button-text-color: var(--theme-color-text-primary)
}

@media (hover: hover) {
    .button--type-secondary:hover {
        box-shadow:var(--theme-color-button-secondary-shadow-hover)
    }
}

.button--type-secondary:active {
    box-shadow: var(--theme-color-button-secondary-shadow-active)
}

.button--type-positive {
    --button-bg-color: var(--theme-color-signal-positive-default);
    --button-bg-color-hover: var(--theme-color-signal-positive-dark);
    --button-bg-color-active: var(--theme-color-signal-positive-darkest);
    --button-text-color: var(--color-white)
}

.button--type-negative {
    --button-bg-color: var(--theme-color-signal-negative-default);
    --button-bg-color-hover: var(--theme-color-signal-negative-dark);
    --button-bg-color-active: var(--theme-color-signal-negative-darkest);
    --button-text-color: var(--color-white)
}

.button--type-minimal {
    --button-bg-color: var(--theme-color-button-minimal);
    --button-bg-color-hover: var(--theme-color-button-minimal-hover);
    --button-bg-color-active: var(--theme-color-button-minimal-active);
    --button-text-color: var(--theme-color-text-primary)
}

.button--type-transparent {
    --button-text-color: var(--theme-color-text-primary)
}

@media (hover: hover) {
    .button--type-transparent:hover {
        --button-bg-color-hover: var(--theme-color-button-transparent-hover);
        --button-bg-color-active: var(--theme-color-button-transparent-active)
    }
}

.button--type-translucent {
    --button-text-color: var(--color-white);
    --button-bg-color: var(--theme-color-button-translucent)
}

@media (hover: hover) {
    .button--type-translucent:hover {
        --button-bg-color-hover: var(--theme-color-button-translucent-hover);
        --button-bg-color-active: var(--theme-color-button-translucent-active)
    }
}

.button--with-icon {
    padding-left: 0
}

.button--with-icon svg {
    margin: var(--button-icon-margin);
    width: var(--icon-size);
    height: var(--icon-size)
}

.button--icon-only {
    width: var(--button-width);
    align-items: center;
    justify-content: center;
    --button-padding: 0px
}

.button--icon-only svg {
    width: var(--icon-size);
    height: var(--icon-size)
}

.button--circle {
    --button-radius: 100%;
    width: var(--button-height);
    height: var(--button-height)
}

.button--rounded {
    --button-radius: var(--button-height)
}

.button--loading {
    position: relative;
    pointer-events: none;
    color: transparent
}

.button--loading:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(var(--icon-size) * .75);
    height: calc(var(--icon-size) * .75);
    margin: auto;
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-color: transparent var(--button-text-color) var(--button-text-color);
    border-radius: 100%;
    animation: spin .5s linear infinite
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@media (hover: hover) {
    .button:hover {
        background-color:var(--button-bg-color-hover)
    }
}

.button:active {
    background-color: var(--button-bg-color-active)
}

.button[disabled] {
    opacity: .5;
    pointer-events: none
}

.complaint {
    display: grid
}

.complaint__list {
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    margin: 12px 0 20px
}

@media all and (min-width: 640px) {
    .complaint__list {
        margin:16px 0 20px
    }
}

@media all and (min-width: 640px) {
    .complaint .button {
        margin-left:auto
    }
}

.reactors-list__item {
    height: 50px;
    display: grid;
    align-items: center;
    grid-template-columns: 36px 1fr auto;
    grid-gap: 12px;
    gap: 12px
}

@media (hover: hover) {
    .reactors-list__item:hover:hover {
        opacity:.72
    }
}

.reactors-list__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.reactors-list__icon {
    width: 24px;
    height: 24px
}

.reactors-list__stub {
    color: var(--theme-color-text-secondary);
    text-align: center;
    padding: 19px 0 11px
}

.mute {
    display: grid
}

.mute__options {
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    margin: 12px 0 20px
}

@media all and (min-width: 640px) {
    .mute__options {
        margin:16px 0 20px
    }
}

@media all and (min-width: 640px) {
    .mute .button {
        margin-left:auto
    }
}

.unpublish {
    display: grid;
    grid-gap: 20px;
    gap: 20px
}

.unpublish__actions {
    display: flex;
    flex-direction: column
}

@media all and (min-width: 640px) {
    .unpublish__actions {
        flex-direction:row-reverse
    }
}

.unpublish__actions .button:not(:last-child) {
    margin-bottom: 12px
}

@media all and (min-width: 640px) {
    .unpublish__actions .button:not(:last-child) {
        margin-bottom:0;
        margin-left: 12px
    }
}

.search {
    position: relative
}

.search .popover {
    --popover-top: calc(100% + 8px);
    --popover-width: 100%
}

@media (hover: hover) {
    .search__button:hover {
        opacity:.72
    }
}

.search__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.search__input {
    position: absolute;
    top: 50%;
    right: 0;
    width: 270px;
    transform: translateY(-50%)
}

.account-button {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (hover: hover) {
    .account-button__inner:hover {
        opacity:.72
    }
}

.account-button__inner {
    display: flex;
    align-items: center;
    height: var(--layout-header-height);
    padding-left: 8px;
    cursor: pointer
}

.account-button__inner .icon {
    margin-left: 4px
}

.account-button__menu {
    position: absolute;
    top: calc(100% - 2px);
    right: 0;
    width: 320px;
    padding: 16px 8px 10px;
    background-color: var(--theme-color-popover-background);
    box-shadow: var(--theme-floating-shadow);
    border-radius: var(--layout-island-border-radius)
}

.account-button__menu .user-card {
    margin-bottom: 4px
}

.account-button__menu-title {
    font-size: 15px;
    line-height: 22px;
    padding: 0 8px 12px;
    font-weight: 500
}

@media (hover: hover) {
    .distribution:hover {
        opacity:.72
    }
}

.distribution {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    white-space: nowrap
}

@media all and (min-width: 925px) {
    .distribution {
        justify-content:flex-start
    }
}

@media all and (min-width: 1240px) {
    .distribution {
        justify-content:center
    }
}

.distribution--enter-active,.distribution--leave-active {
    transition: opacity .2s
}

.distribution--enter-from,.distribution--leave-to {
    opacity: 0
}

.distribution__image {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.distribution__text {
    font-size: 15px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.notifications-popover {
    width: 375px;
    border-radius: var(--layout-island-border-radius);
    box-shadow: var(--theme-floating-shadow)
}

.notifications-popover .navbar {
    font-size: 15px;
    line-height: 22px;
    height: auto;
    padding-top: 8px;
    padding-bottom: 4px;
    box-shadow: none
}

.bell {
    display: flex;
    align-items: center;
    position: relative
}

@media (hover: hover) {
    .bell__button:hover {
        opacity:.72
    }
}

.bell__button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer
}

.bell__button--active {
    background: var(--theme-color-brand-background)
}

.bell__button--active .bell__button-icon {
    color: var(--theme-color-brand-primary);
    transform: rotate(20deg)
}

.bell__button-icon {
    transition: transform .15s ease-out
}

.bell__popover {
    text-align: left;
    text-align: initial;
    position: absolute;
    top: calc(100% + 8px);
    right: -6px;
    cursor: auto;
    cursor: initial
}

.bell__unread-count {
    position: absolute;
    left: 50%;
    top: 0
}

.header {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: var(--layout-header-height);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    background-color: var(--theme-color-brand-header);
    transform: translateZ(0);
    box-shadow: 0 -1px var(--theme-color-brand-header)
}

.header__distribution {
    height: 100%;
    padding: 0 var(--layout-content-offset-x);
    background-color: var(--theme-color-brand-distribution)
}

@media all and (min-width: 640px) {
    .header__distribution {
        display:none
    }
}

.header__layout {
    flex-shrink: 0;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: center;
    grid-gap: 40px;
    gap: 40px;
    width: 100%;
    height: var(--layout-header-height-default);
    margin-top: auto
}

@media all and (min-width: 640px) {
    .header__layout {
        grid-template-columns:auto 1fr auto
    }
}

@media all and (min-width: 925px) {
    .header__layout {
        max-width:var(--layout-max-width);
        margin-left: auto;
        margin-right: auto
    }
}

@media all and (min-width: 1240px) {
    .header__layout {
        grid-template-columns:var(--layout-left-aside-width) minmax(0,var(--layout-max-content-width)) var(--layout-right-aside-width)
    }
}

.header__main {
    display: none
}

@media all and (min-width: 640px) {
    .header__main {
        display:block;
        height: 100%;
        overflow: hidden
    }
}

.header__app {
    display: none
}

@media all and (max-width: 924px) {
    .header__app {
        display:block;
        padding-right: var(--layout-content-offset-x)
    }
}

.header__app .button .icon {
    width: 16px;
    height: 16px
}

.header__left {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 100%
}

@media all and (min-width: 925px) {
    .header__left {
        padding-left:var(--layout-left-aside-offset)
    }
}

.header__left a {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 var(--layout-content-offset-x)
}

@media all and (min-width: 925px) {
    .header__left a {
        padding:0 var(--layout-left-aside-offset)
    }
}

@media (hover: hover) {
    .header__left a:hover {
        opacity:.72
    }
}

.header__right {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    align-items: center;
    margin-left: auto
}

@media all and (min-width: 1240px) {
    .header__right {
        position:relative
    }
}

@media all and (min-width: 1240px) and (max-width: 1365px) {
    .header__right {
        padding-right:var(--layout-right-aside-offset)
    }
}

.header__search {
    --theme-color-field-text: var(--theme-color-search-field-text);
    --theme-color-field-background-default: var(--theme-color-search-field-background-default);
    --theme-color-field-border-default: var(--theme-color-search-field-border-default);
    --theme-color-field-border-hover: var(--theme-color-search-field-border-active);
    --theme-color-field-border-active: var(--theme-color-search-field-border-active);
    --theme-shadow-field: var(--theme-shadow-search-field)
}

@media all and (min-width: 1240px) {
    .header__search {
        position:absolute;
        right: calc(100% + 16px)
    }
}

.header__google-one-tap-container {
    position: absolute;
    top: calc(var(--layout-header-height) + var(--layout-view-offset-y));
    right: 0
}

.header__google-one-tap-container iframe {
    color-scheme: light
}

[theme=light] .header--contrast {
    --theme-color-brand-header: #0099FF;
    --theme-color-search-field-background-default: #19A3FF;
    --theme-color-search-field-border-default: #24A7FF
}

[theme=light] .header--contrast .header__left,[theme=light] .header--contrast .bell__button,[theme=light] .header--contrast .header__right .user svg {
    color: #fff
}

.error-page__dummy {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    color: var(--theme-color-text-secondary);
    background-color: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius)
}

.tabbar {
    --active-item-color: var(--theme-color-brand-primary);
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(0,1fr));
    width: 100%;
    height: var(--safe-tabbar-height);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: var(--theme-color-background-content);
    box-shadow: 0 -1px #0000000a
}

.tabbar--contrast {
    --active-item-color: var(--theme-color-signal-active-default)
}

.tabbar__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500
}

.tabbar__item--active {
    color: var(--active-item-color)
}

.tabbar__item--active .tabbar__avatar {
    box-shadow: 0 0 0 1px var(--theme-color-background-content),0 0 0 3px currentColor
}

.tabbar__item--active .tabbar__avatar img {
    border-radius: 100%
}

.tabbar__count {
    position: absolute;
    left: 50%;
    top: 6px
}

.sidebar {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: var(--theme-andropov-border-color) transparent;
    scrollbar-color: var(--scrollbar-color, var(--theme-andropov-border-color)) transparent;
    scrollbar-width: thin
}

.sidebar::-webkit-scrollbar {
    width: 10px;
    width: var(--scrollbar-size, 10px);
    height: 10px;
    height: var(--scrollbar-size, 10px);
    background-color: transparent
}

.sidebar::-webkit-scrollbar-thumb {
    background-color: var(--theme-andropov-border-color);
    background-color: var(--scrollbar-color, var(--theme-andropov-border-color));
    border-radius: 10px;
    border-radius: var(--scrollbar-size, 10px);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 3px
}

@media (hover: hover) {
    .sidebar::-webkit-scrollbar-thumb:hover {
        border-width: 0
    }
}

.sidebar {
    --scrollbar-color: transparent;
    display: grid;
    grid-row-gap: 26px;
    row-gap: 26px;
    max-height: 100%;
    padding-top: var(--layout-view-offset-y);
    padding-bottom: var(--layout-view-offset-y);
    padding-left: var(--layout-left-aside-offset);
    padding-right: 7px;
    overflow-y: scroll;
    scrollbar-color: var(--scrollbar-color);
    scrollbar-width: auto
}

@media (hover: hover) {
    .sidebar:hover {
        --scrollbar-color: var(--theme-andropov-border-color)
    }
}

.sidebar__section {
    display: grid;
    grid-row-gap: 4px;
    row-gap: 4px
}

.sidebar__title {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 4px;
    padding-left: 10px;
    color: var(--theme-color-text-secondary)
}

.sidebar-item {
    --height: 46px;
    --offset: 10px;
    display: flex;
    align-items: center;
    min-width: 0;
    height: var(--height);
    padding: 0 var(--offset);
    border-radius: 12px;
    cursor: pointer
}

.sidebar-item .icon {
    flex-shrink: 0;
    color: var(--theme-color-text-secondary);
    margin-right: 12px
}

.sidebar-item .andropov-media {
    flex-shrink: 0;
    margin-right: 10px
}

.sidebar-item__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sidebar-item--active {
    background-color: var(--theme-color-background-content)
}

@media (hover: hover) {
    .sidebar-item:hover {
        background-color:var(--theme-color-background-content)
    }
}

.sidebar-item--active .icon {
    color: var(--theme-color-signal-active-default)
}

.sidebar-item__has-updates {
    flex-shrink: 0;
    margin: auto 6px auto auto
}

.sidebar-skeleton-item {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 10px
}

.sidebar-skeleton-item .skeleton-circle {
    margin-right: 10px
}

.modal-overlay {
    position: fixed;
    z-index: var(--layout-z-modal-overlay);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    will-change: opacity;
    animation: underlay-in .2s ease;
    --window-radius: 12px;
    display: grid;
    overflow: hidden;
    grid-template-columns: minmax(0,100%);
    grid-template-rows: minmax(0,max-content);
    align-content: end;
    justify-content: center;
    padding-top: var(--layout-header-height)
}

@media all and (min-width: 640px) {
    .modal-overlay {
        padding:16px;
        align-content: center;
        grid-template-columns: minmax(0,var(--layout-modal-view-width))
    }
}

.modal-overlay--fit-cover,.modal-overlay--fit-iframe {
    --window-radius: 0px;
    padding-top: 0;
    grid-template-rows: 1fr
}

@media all and (min-width: 640px) {
    .modal-overlay--fit-cover,.modal-overlay--fit-iframe {
        --window-radius: 12px;
        grid-template-rows: minmax(0,max-content)
    }
}

@media all and (min-width: 640px) {
    .modal-overlay--fit-cover {
        padding-top:var(--layout-header-height)
    }
}

@media all and (min-width: 640px) {
    .modal-overlay--fit-iframe {
        padding-top:16px
    }
}

.modal-window {
    animation: modal-enter-slide .15s ease;
    will-change: transform
}

@media all and (min-width: 640px) {
    .modal-window {
        animation-name:modal-enter
    }
}

.modal-window {
    --header-height: 56px;
    display: grid;
    grid-template-rows: var(--header-height) 1fr;
    background: var(--theme-color-background-content);
    border-radius: var(--window-radius) var(--window-radius) 0 0;
    position: relative
}

@media all and (min-width: 640px) {
    .modal-window {
        --header-height: 64px;
        border-radius: var(--window-radius)
    }
}

@media all and (min-width: 640px) {
    .modal-overlay--fit-iframe>.modal-window {
        height:calc(100vh - 32px)
    }
}

.modal-window__header {
    font-size: 20px;
    line-height: 28px;
    padding: 0 var(--layout-content-offset-x);
    display: flex;
    align-items: center;
    justify-items: center;
    position: relative;
    min-width: 0;
    z-index: 1
}

@media all and (min-width: 640px) {
    .modal-window__header {
        padding:0 32px
    }
}

.modal-window__header--static {
    border-bottom: 1px solid var(--theme-color-border)
}

.modal-window__header--static+.modal-window__content {
    padding-top: 16px
}

@media all and (min-width: 640px) {
    .modal-window__header--static+.modal-window__content {
        padding-top:24px
    }
}

.modal-window__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 16px
}

.modal-window__back {
    margin: 0 16px 0 -8px
}

.modal-window__close {
    margin: 0 -8px 0 auto
}

.modal-window__content {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: var(--theme-andropov-border-color) transparent;
    scrollbar-color: var(--scrollbar-color, var(--theme-andropov-border-color)) transparent;
    scrollbar-width: thin
}

.modal-window__content::-webkit-scrollbar {
    width: 10px;
    width: var(--scrollbar-size, 10px);
    height: 10px;
    height: var(--scrollbar-size, 10px);
    background-color: transparent
}

.modal-window__content::-webkit-scrollbar-thumb {
    background-color: var(--theme-andropov-border-color);
    background-color: var(--scrollbar-color, var(--theme-andropov-border-color));
    border-radius: 10px;
    border-radius: var(--scrollbar-size, 10px);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 3px
}

@media (hover: hover) {
    .modal-window__content::-webkit-scrollbar-thumb:hover {
        border-width:0
    }
}

.modal-window__content {
    padding: 0 var(--layout-content-offset-x) 20px
}

@media all and (min-width: 640px) {
    .modal-window__content {
        padding:0 32px 32px
    }
}

.modal-overlay--fit-iframe .modal-window__content {
    padding: 0
}

.modal-overlay--fit-iframe .modal-window__content>iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0 0 var(--window-radius) var(--window-radius)
}

.modal-fullpage {
    position: fixed;
    z-index: var(--layout-z-modal-overlay);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    will-change: opacity;
    animation: underlay-in .2s ease;
    display: flex;
    justify-content: center;
    align-items: center
}

@media all and (min-width: 925px) {
    .modal-fullpage {
        padding:20px
    }

    .modal-fullpage--maximized {
        padding: 0
    }
}

.modal-fullpage__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--theme-color-background-content);
    box-shadow: 0 2px 4px #0000001a,0 12px 28px #0000001f;
    animation: modal-enter-slide .15s ease;
    will-change: transform
}

@media all and (min-width: 640px) {
    .modal-fullpage__inner {
        animation-name:modal-enter
    }
}

@media all and (min-width: 925px) {
    .modal-fullpage__inner {
        width:800px;
        max-width: 100%;
        height: 700px;
        max-height: 100%;
        border-radius: 8px
    }
}

.modal-fullpage--maximized .modal-fullpage__inner {
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none
}

.modal-fullpage__controls {
    position: absolute;
    z-index: 7;
    top: 8px;
    right: 8px;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 8px;
    gap: 8px
}

.will-be-animated {
    will-change: opacity,transform
}

.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active {
    transition: opacity .15s ease,transform .15s ease;
    --slide-distance: 50px
}

.slide-left-enter-from {
    transform: translate(var(--slide-distance));
    opacity: 0
}

.slide-left-enter-to,.slide-right-enter-to,.slide-left-leave-from,.slide-right-leave-from {
    opacity: 1
}

.slide-left-leave-to,.slide-right-enter-from {
    transform: translate(calc(-1 * var(--slide-distance)));
    opacity: 0
}

.slide-right-leave-to {
    transform: translate(var(--slide-distance));
    opacity: 0
}

.alert {
    font-size: 15px;
    line-height: 22px;
    width: 100%;
    background: var(--theme-color-popover-background);
    box-shadow: var(--theme-floating-shadow);
    color: var(--theme-color-text-primary);
    padding: 12px 12px 10px;
    border-radius: 10px;
    display: flex;
    align-items: flex-start
}

.alert__icon {
    color: var(--color-white);
    flex-shrink: 0;
    margin-right: 10px
}

.alert__text {
    margin-right: auto
}

.alert__button {
    flex-shrink: 0
}

.alert__close {
    flex-shrink: 0;
    margin-top: -2px;
    margin-left: 2px
}

.alerts-container {
    --width: calc(100% - 2 * var(--layout-content-offset-x))
}

@media all and (min-width: 640px) {
    .alerts-container {
        --width: 310px
    }
}

.alerts-container {
    width: var(--width);
    position: fixed;
    top: calc(var(--layout-header-height) + 16px);
    right: var(--layout-content-offset-x);
    z-index: var(--layout-z-alerts)
}

.alerts-container__list {
    width: 100%;
    position: relative
}

.alerts-container__list>* {
    margin-bottom: 24px
}

.list-move,.list-enter-active {
    transition: all .5s ease
}

.list-enter-from {
    opacity: 0;
    transform: translate(30px)
}

html,body {
    height: 100%
}

body {
    font-size: 17px;
    line-height: 26px;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--theme-color-text-primary);
    background: var(--theme-color-background);
    margin-right: var(--scrollbar-width)
}

body[data-font-family=Roboto] {
    font-family: Roboto,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif
}

body[data-font-smoothing=Default] {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

#app {
    min-height: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr;
    padding-top: var(--layout-header-height);
    padding-bottom: var(--layout-tabbar-height);
    word-break: break-word
}

@media all and (min-width: 640px) {
    #app {
        padding-top:0;
        grid-template-rows: auto auto 1fr auto
    }
}

@media all and (min-width: 925px) {
    #app {
        grid-template-rows:auto 1fr auto
    }
}

.layout {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: var(--layout-max-width);
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    position: relative
}

@media all and (min-width: 925px) {
    .layout {
        grid-template-columns:var(--layout-left-aside-width) minmax(0,var(--layout-max-content-width))
    }
}

@media all and (min-width: 1240px) {
    .layout {
        grid-template-columns:var(--layout-left-aside-width) minmax(0,var(--layout-max-content-width)) var(--layout-right-aside-width)
    }
}

.view {
    width: 100%;
    min-width: 0;
    padding: var(--layout-view-offset-y) 0
}

@media all and (min-width: 640px) {
    .view {
        align-self:start
    }
}

.supbar {
    display: none
}

@media all and (min-width: 840px) {
    .supbar {
        display:block
    }
}

.supbar--top {
    position: relative;
    z-index: calc(var(--layout-z-index-header) + 1)
}

.bar {
    width: 100%;
    position: fixed;
    left: 0;
    display: flex;
    flex-direction: column
}

@media all and (min-width: 640px) {
    .bar {
        position:sticky
    }
}

.bar--top {
    top: 0;
    z-index: var(--layout-z-index-header)
}

.bar--bottom {
    position: fixed;
    bottom: 0;
    z-index: var(--layout-z-index-navbar)
}

@media all and (min-width: 925px) {
    .bar--bottom {
        display:none
    }
}

.aside {
    position: sticky;
    top: calc(var(--layout-header-height));
    height: calc(100vh - var(--layout-header-height))
}

.aside--left {
    display: none
}

@media all and (min-width: 925px) {
    .aside--left {
        display:block
    }
}

.aside--right {
    padding-top: var(--layout-view-offset-y);
    display: none
}

@media all and (min-width: 1240px) {
    .aside--right {
        display:block
    }
}

.aside__grid {
    display: grid;
    grid-gap: var(--layout-island-gap-y);
    gap: var(--layout-island-gap-y)
}

.feed-stub {
    font-size: 17px;
    line-height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    color: var(--theme-color-text-secondary);
    background-color: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius)
}

@media all and (max-width: 924px) {
    .feed-sorting+.feed-page__content-list>.feed-page__news>div:first-child,.feed-sorting+.feed-page__content-list>div:not(.feed-page__news)+.content-list>.content:first-child,.feed-sorting+.feed-page__content-list>div:not(.feed-page__news)+.content-list .skeleton-content-list>.skeleton-content:first-child,.feed-sorting+.feed-page__content-list>.content-list:first-child>.content:first-child,.feed-sorting+.feed-page__content-list>.content-list:first-child .skeleton-content-list>.skeleton-content:first-child {
        border-top-left-radius:0;
        border-top-right-radius: 0
    }
}

@media all and (min-width: 925px) {
    .feed-sorting {
        height:38px;
        margin: 0 var(--layout-content-offset-x)
    }

    .feed-sorting .navbar {
        display: none
    }
}

.news-skeleton {
    padding: 26px var(--layout-content-offset-x) 28px var(--layout-content-offset-x);
    border-radius: var(--layout-island-border-radius);
    background-color: var(--theme-color-background-content);
    will-change: opacity
}

.app-loaded .news-skeleton {
    animation: skeleton-loading 1s linear alternate infinite
}

.news-skeleton__section {
    margin-bottom: 26px
}

.news-skeleton__section .skeleton-bar:not(:last-child) {
    margin-bottom: 14px
}

.news-skeleton__footer {
    margin-top: 30px
}

.news-widget {
    background-color: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius);
    padding: 20px var(--layout-content-offset-x);
    max-width: 100%
}

.news-widget__item {
    margin-bottom: 12px;
    font-size: 17px;
    line-height: 26px
}

.news-widget__title {
    margin-right: 8px
}

.news-widget__loader {
    margin-top: 16px;
    height: 26px;
    align-items: center
}

.news-widget__show-more {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--theme-color-text-primary);
    margin-top: 16px;
    font-size: 17px;
    line-height: 26px
}

.news-widget__show-more .icon {
    margin-left: 4px;
    transform: translateY(1px)
}

@media (hover: hover) {
    .news-widget__title:hover,.news-widget__show-more:hover {
        opacity:.72
    }
}

.news-widget__comments-counter {
    transform: translate(-3px,-1px);
    color: var(--theme-color-text-secondary);
    vertical-align: bottom
}

.rotator {
    height: var(--layout-content-banner-height);
    overflow: hidden;
    display: grid;
    align-content: center
}

.rotator--limitless {
    height: auto;
    min-height: var(--layout-content-banner-height)
}

.rotator>* {
    min-width: 0
}

.feed-page {
    position: relative
}

@media all and (min-width: 640px) {
    .feed-page__banner {
        margin-bottom:var(--layout-content-offset-x)
    }
}

.feed-page__news {
    margin-bottom: var(--layout-island-gap-y)
}

.feed-page__news:empty {
    display: none
}

.feed-page__content-list {
    position: relative;
    z-index: var(--layout-z-index-feed)
}

.yJRxajzW {
    position: sticky;
    z-index: calc(var(--layout-z-index-feed) + 1);
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0
}

.L8daE-Ki {
    --offset: calc(var(--layout-header-height) + 8px);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    box-shadow: var(--theme-floating-shadow);
    transform: translate3d(0,var(--offset),0)
}

@media all and (min-width: 640px) {
    .L8daE-Ki {
        right:12px;
        left: 12px
    }
}

._74Iz34Pw {
    transform: translate3d(0,calc(var(--offset) * -1),0)
}

.dhPbbdr6 {
    transition: transform .3s cubic-bezier(.45,1.12,.8,1)
}

.pTSii-hT {
    transform: translate3d(0,calc(var(--offset) * -1),0);
    transition: transform .15s ease-in
}

.post-branding-bottom {
    display: block;
    width: 100%;
    height: 150px;
    border-radius: var(--layout-island-border-radius);
    margin-bottom: var(--layout-island-gap-y);
    margin-top: var(--layout-island-gap-y);
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(https://leonardo.osnova.io/feee93a0-39f9-5250-8533-93f9bb9c496d/);
    background-size: contain
}

@media all and (min-width: 640px) {
    .post-branding-bottom {
        background-image:url(https://leonardo.osnova.io/aedabca1-fff4-5c88-921a-360bb0d9525e/)
    }
}

.entry>.content:not(:last-child),.entry>.skeleton-content:not(:last-child) {
    margin-bottom: 16px
}

@media all and (min-width: 640px) {
    .entry>.content:not(:last-child),.entry>.skeleton-content:not(:last-child) {
        margin-bottom:var(--layout-island-gap-y)
    }
}

.entry .entry-rotator {
    margin-top: -16px
}

@media all and (min-width: 640px) {
    .entry .entry-rotator {
        margin-top:0
    }
}

.entry .entry-rotator.rotator--post {
    margin-top: 0;
    margin-bottom: 16px
}

@media all and (min-width: 640px) {
    .entry .entry-rotator.rotator--post {
        margin-bottom:var(--layout-island-gap-y)
    }
}

@media all and (min-width: 640px) {
    .entry-rotator {
        margin-bottom:var(--layout-island-gap-y)
    }
}

.bookmarked-comments {
    --gap: 24px;
    display: grid;
    grid-gap: var(--gap);
    gap: var(--gap);
    grid-template-columns: minmax(0,100%)
}

.bookmarked-comments__skeleton {
    display: grid;
    grid-gap: var(--gap);
    gap: var(--gap);
    grid-template-columns: minmax(0,100%)
}

.bookmarked-comments__item,.bookmarked-comments__skeleton-item {
    background-color: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius)
}

.bookmarked-comments__item .comment {
    --content-offset-top: 16px;
    --content-offset-bottom: 10px;
    margin-top: 0
}

@media all and (min-width: 640px) {
    .bookmarked-comments__item .comment {
        --content-offset-top: 24px;
        --content-offset-bottom: 18px
    }
}

.bookmarked-comments__skeleton-item {
    padding: 20px
}

.bookmarked-comments__comment-title,.bookmarked-comments .author__name {
    font-weight: 500;
    color: var(--theme-color-text-primary);
    font-size: 13px;
    line-height: 18px
}

@media (hover: hover) {
    .bookmarked-comments__comment-title:hover,.bookmarked-comments .author__name:hover {
        opacity:.72
    }
}

.bookmarked-comments__author {
    max-width: 300px
}

.bookmarked-comments__comment-date {
    flex-shrink: 0
}

.bookmarked-comments__in-post {
    color: var(--theme-color-text-secondary);
    font-size: 13px;
    line-height: 18px
}

.bookmarks__filter {
    height: 38px;
    margin: 0 var(--layout-content-offset-x)
}

.subsite-rating {
    font-weight: 500
}

.subsite-rating--positive {
    color: var(--theme-color-signal-positive-default)
}

.subsite-rating--negative {
    color: var(--theme-color-signal-negative-default)
}

.subsite-list__item {
    height: 50px;
    display: grid;
    align-items: center;
    grid-template-columns: 36px 1fr;
    grid-gap: 12px;
    gap: 12px
}

@media (hover: hover) {
    .subsite-list__item:hover:hover {
        opacity:.72
    }
}

.subsite-followers {
    display: flex
}

@media (hover: hover) {
    .subsite-followers__item:hover {
        opacity:.72
    }
}

.subsite-followers__item {
    margin-right: 12px;
    cursor: pointer
}

.subsite-followers__item--disabled {
    pointer-events: none
}

.subsite-followers__item span {
    color: var(--theme-color-text-primary);
    font-weight: 500
}

.subsite-avatar {
    --size: 90px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-color-border);
    box-shadow: 0 0 0 3px var(--theme-color-background-content);
    position: relative;
    z-index: calc(var(--layout-z-index-feed) + 2)
}

.subsite-avatar--loading {
    pointer-events: none
}

.subsite-avatar--loading>* {
    filter: blur(5px) grayscale(1)
}

.subsite-avatar__image {
    flex-shrink: 0
}

.subsite-avatar__preview {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.subsite-avatar .loader {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.subsite-avatar__overlay {
    width: 100%;
    height: 100%;
    background-color: #0003;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer
}

@media (hover: hover) {
    .subsite-avatar__overlay:hover {
        opacity:1
    }
}

.subsite-cover {
    position: relative;
    aspect-ratio: 640 / 200;
    background-color: var(--theme-color-border);
    overflow: hidden
}

.subsite-cover__media {
    pointer-events: none
}

.subsite-cover .andropov-media--cropped img,.subsite-cover .andropov-media--cropped video {
    -o-object-position: 0 50%;
    object-position: 0 50%;
    -o-object-position: 0 var(--coverY, 50%);
    object-position: 0 var(--coverY, 50%)
}

.subsite-rules p {
    margin-top: var(--layout-content-gap-default);
    margin-bottom: var(--layout-content-gap-default)
}

.subsite-rules p:first-child {
    margin-top: 0
}

.subsite-rules p:last-child {
    margin-bottom: 0
}

.subsite-rules a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .subsite-rules a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.subsite-branding {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(https://leonardo.osnova.io/bc52c4a3-a0f7-5cfe-a12d-7662fce1fb84/);
    background-size: contain
}

.subsite-header {
    font-size: 15px;
    line-height: 22px;
    background-color: var(--theme-color-background-content)
}

@media all and (min-width: 640px) {
    .subsite-header {
        border-radius:var(--layout-island-border-radius);
        overflow: hidden
    }
}

.subsite-header__padding {
    position: relative;
    padding: 0 var(--layout-content-offset-x)
}

.subsite-header__header {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    margin-bottom: 12px;
    position: relative;
    z-index: calc(var(--layout-z-index-feed) + 3)
}

.subsite-header__avatar {
    margin-top: -32px
}

.subsite-header__controls {
    margin-left: auto
}

.subsite-header__controls>*:not(:first-child) {
    margin-left: 8px
}

.subsite-header__name {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.subsite-header__name .badge {
    margin-left: 4px
}

.subsite-header__description {
    margin-bottom: 16px
}

.subsite-header__description a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .subsite-header__description a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.subsite-header__cols {
    display: flex;
    margin-bottom: 8px
}

.subsite-header__cols:empty {
    display: none
}

.subsite-header__rules {
    color: var(--theme-color-signal-active-default);
    font-weight: 500
}

.subsite-header__controls {
    display: flex;
    margin-top: 8px
}

.subsite-header__tabs {
    height: 56px;
    margin-top: 8px
}

.subsite-header__date-created {
    color: var(--theme-color-text-secondary)
}

.subsite-header__rating {
    margin-right: 12px
}

.subsite-header__actions {
    margin-top: 16px
}

.subsite-header__actions .link-button {
    font-weight: 500
}

.subsite-empty-feed {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    gap: 16px;
    min-height: 270px
}

.subsite-empty-feed__icon svg {
    fill: none
}

.subsite-empty-feed__title {
    font-size: 17px;
    line-height: 26px;
    color: var(--theme-color-text-secondary)
}

.subsite-feed-sorting {
    height: 38px;
    margin: 0 var(--layout-content-offset-x)
}

.skeleton-subsite {
    will-change: opacity
}

.app-loaded .skeleton-subsite {
    animation: skeleton-loading 1s linear alternate infinite
}

.skeleton-subsite {
    padding: 0;
    border-radius: var(--layout-island-border-radius);
    background-color: var(--theme-color-background-content)
}

.skeleton-subsite__padding {
    padding: 0 var(--layout-content-offset-x);
    padding-bottom: 16px
}

.skeleton-subsite__header {
    display: flex;
    align-items: flex-end;
    margin-bottom: 12px
}

.skeleton-subsite__tabs {
    display: flex;
    align-items: center
}

.skeleton-subsite__tabs>:first-child {
    margin-right: 16px
}

.skeleton-subsite__tabs .skeleton-bar {
    margin-bottom: 0
}

.skeleton-subsite__cover {
    aspect-ratio: 3.2;
    background-color: var(--theme-color-border);
    border-top-left-radius: var(--layout-island-border-radius);
    border-top-right-radius: var(--layout-island-border-radius)
}

.skeleton-subsite__avatar {
    margin-right: auto;
    margin-top: -32px;
    box-shadow: 0 0 0 3px var(--theme-color-background-content)
}

.skeleton-subsite__bar--last:not(:last-child) {
    margin-bottom: 20px
}

.comment {
    --avatar-size: 36px;
    --avatar-offset: 10px;
    --content-offset-top: 12px;
    --content-offset-bottom: 6px;
    --branch-width: 26px;
    --content-gap: 8px;
    --content-actions-gap: 4px;
    --root-top-gap: 12px;
    font-size: 17px;
    line-height: 26px;
    padding: 0 var(--layout-content-offset-x);
    display: grid;
    grid-template-columns: calc(var(--branches-count) * var(--branch-width)) 1fr;
    contain: content;
    overflow: hidden;
    height: auto;
    height: var(--height, auto)
}

.comment .author {
    margin-bottom: var(--content-gap)
}

.comment__branches {
    display: flex
}

.comment__content {
    padding: var(--content-offset-top) 0 var(--content-offset-bottom);
    min-width: 0;
    align-self: start
}

.comment__detail--accent {
    color: var(--theme-color-signal-active-default)
}

.comment__donation {
    display: flex;
    padding-top: 4px;
    margin-bottom: var(--content-gap)
}

.comment__text {
    margin-top: var(--content-gap);
    margin-bottom: var(--content-actions-gap);
    padding-right: calc(var(--layout-content-offset-x) + var(--layout-content-right-indent))
}

.comment__text a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .comment__text a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

.comment__text p:not(:last-child) {
    margin-bottom: var(--content-gap)
}

.comment__text .quote {
    --line-width: 4px;
    --offset-x: 12px;
    --offset-y: 8px;
    display: block;
    position: relative;
    padding-left: calc(var(--line-width) + var(--offset-x));
    margin-bottom: var(--offset-y);
    margin-top: var(--offset-y)
}

.comment__text .quote:before {
    content: "";
    flex-shrink: 0;
    width: var(--line-width);
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    background-color: var(--theme-color-border);
    border-radius: var(--line-width)
}

.comment__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media (hover: hover) {
    .comment__action:hover {
        opacity:.72
    }
}

.comment__action {
    font-size: 15px;
    line-height: 22px;
    color: var(--theme-color-text-secondary);
    margin-right: 16px;
    cursor: pointer;
    white-space: nowrap
}

.comment__expand,.comment .loader {
    margin-right: 20px
}

.comment__icon {
    color: var(--theme-color-text-secondary)
}

@media (hover: hover) {
    .comment__icon--interactable:hover {
        opacity:.72
    }
}

.comment__icon--interactable {
    cursor: pointer
}

@media all and (min-width: 640px) {
    .comment__icon--interactable {
        display:none
    }
}

.comment__footer {
    height: 26px;
    margin-top: var(--content-gap);
    display: flex;
    align-items: center;
    grid-column: span 2
}

.comment__footer .loader {
    margin-top: 2px
}

.comment__footer:empty {
    display: none
}

.comment__reactions {
    margin-top: 10px;
    margin-bottom: 10px
}

@media (hover: hover) {
    .comment:hover .comment__icon--interactable {
        display:block
    }
}

.comment-media {
    --border-radius: 10px;
    padding: 4px 0 6px;
    display: grid;
    grid-template-columns: minmax(0,400px);
    grid-gap: 8px;
    gap: 8px
}

.comment-media:empty {
    display: none
}

.comment--root {
    margin-top: var(--root-top-gap)
}

.comment--removed {
    color: var(--theme-color-text-secondary)
}

.comment--removed .comment__content {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-items: start
}

.comment--removed .comment__expand {
    grid-column: span 2
}

.comment--removed .comment__avatar {
    margin-right: 10px
}

.comment--removed .comment__text {
    margin: 0;
    padding-top: 4px
}

.comment--removed .comment__actions {
    grid-column: span 2;
    margin-top: 10px
}

.comment--removed .comment__actions:empty {
    display: none
}

.comment--writing {
    contain: none!important;
    overflow: visible!important;
    height: auto!important
}

.comment--writing {
    --content-offset-top: 0;
    --content-offset-bottom: 0
}

.comment--writing.comment--writing-reply {
    --content-offset-top: 12px;
    --content-offset-bottom: 6px;
    margin-top: var(--content-offset-bottom);
    margin-bottom: calc(var(--content-offset-bottom) * -1);
    padding-left: 0;
    padding-right: 0
}

.comment--writing.comment--writing-secondary {
    --content-offset-top: 12px;
    margin-top: var(--root-top-gap)
}

.comment--unread {
    animation: none!important
}

.comment--unread {
    background-color: var(--theme-comment-highlighted-background)
}

.comment--highlighted {
    animation: none!important
}

.comment--highlighted {
    background-color: var(--theme-comment-highlighted-background)
}

.comment--attention {
    --animation-duration: 1.2s;
    background-color: var(--theme-comment-highlighted-background);
    animation: commentAttention var(--animation-duration) forwards ease-in-out
}

@keyframes commentAttention {
    0%,50% {
        background-color: var(--theme-comment-highlighted-background)
    }

    to {
        background-color: transparent
    }
}

.comment-branches {
    display: flex
}

.comment-branch {
    --color-branch: var(--theme-color-border);
    --width: var(--branch-width, 26px);
    --branch-stroke: 1px;
    --arc-width: 16px;
    --arc-height: 31px;
    --arc-radius: 8px;
    width: var(--width);
    border-left: var(--branch-stroke) solid transparent;
    pointer-events: none
}

.comment-branch--short {
    height: var(--arc-height)
}

.comment-branch--visible {
    border-color: var(--color-branch)
}

.comment-branch--interactable {
    pointer-events: auto;
    cursor: pointer
}

.comment-branch__arc {
    width: var(--arc-width);
    height: var(--arc-height);
    border: solid var(--color-branch);
    border-width: 0 0 var(--branch-stroke) var(--branch-stroke);
    border-bottom-left-radius: var(--arc-radius);
    margin-left: calc(var(--branch-stroke) * -1);
    pointer-events: none
}

.subsite-comments-feed {
    --gap: 24px;
    display: grid;
    grid-gap: var(--gap);
    gap: var(--gap);
    grid-template-columns: minmax(0,100%)
}

.subsite-comments-feed__skeleton {
    display: grid;
    grid-gap: var(--gap);
    gap: var(--gap);
    grid-template-columns: minmax(0,100%)
}

.subsite-comments-feed__item,.subsite-comments-feed__skeleton-item {
    background-color: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius)
}

.subsite-comments-feed__item .comment {
    --content-offset-top: 16px;
    --content-offset-bottom: 10px;
    margin-top: 0
}

@media all and (min-width: 640px) {
    .subsite-comments-feed__item .comment {
        --content-offset-top: 24px;
        --content-offset-bottom: 18px
    }
}

.subsite-comments-feed__skeleton-item {
    padding: 20px
}

.subsite-comments-feed__comment-title,.subsite-comments-feed .author__name {
    font-weight: 500;
    color: var(--theme-color-text-primary);
    font-size: 13px;
    line-height: 18px
}

@media (hover: hover) {
    .subsite-comments-feed__comment-title:hover,.subsite-comments-feed .author__name:hover {
        opacity:.72
    }
}

.subsite-comments-feed__author {
    max-width: 300px
}

.subsite-comments-feed__comment-date {
    flex-shrink: 0
}

.subsite-comments-feed__in-post {
    color: var(--theme-color-text-secondary);
    font-size: 13px;
    line-height: 18px
}

.subsite__header {
    margin-bottom: 12px
}

.subsite__feed--comments {
    margin-top: var(--layout-island-gap-y)
}

.auth {
    display: grid;
    grid-template-columns: minmax(0,320px);
    grid-template-rows: auto auto auto 1fr;
    grid-template-areas: "header" "content" "secondary" "footer";
    align-content: start;
    justify-content: center;
    text-align: center;
    min-height: 100%
}

@media all and (min-width: 640px) {
    .auth {
        min-height:474px
    }
}

.auth__header {
    grid-area: header;
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    justify-items: center;
    margin-bottom: 48px
}

.auth__header-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px
}

.auth__header-title:first-child {
    margin-top: 48px
}

.auth__content {
    grid-area: content;
    display: grid;
    grid-gap: 16px;
    gap: 16px
}

.auth__secondary {
    grid-area: secondary;
    margin-top: 16px
}

.auth__footer {
    font-size: 13px;
    line-height: 18px;
    align-self: end;
    grid-area: footer;
    margin-top: 16px;
    white-space: pre-line;
    color: var(--theme-color-text-secondary);
    display: grid
}

.auth__footer .link-button {
    font-size: 13px;
    line-height: 18px
}

.auth .button--with-icon {
    padding-right: 0;
    position: relative
}

.auth .button--with-icon .icon {
    position: absolute;
    left: 0
}

.auth-form {
    display: grid;
    grid-gap: 16px;
    gap: 16px
}

.auth-loader {
    width: 100%;
    height: 100%;
    padding-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.skeleton-subsite-list {
    will-change: opacity
}

.app-loaded .skeleton-subsite-list {
    animation: skeleton-loading 1s linear alternate infinite
}

@keyframes skeleton-loading {
    0% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.skeleton-subsite-list {
    display: grid;
    grid-row-gap: 18px;
    row-gap: 18px
}

.skeleton-subsite-list__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px
}

.skeleton-subsite-list__author {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: repeat(2,auto);
    grid-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    align-items: center
}

.discovery-list .infinite-list__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.discovery-list .infinite-list__item:not(:first-child) {
    margin-top: 18px
}

.discovery-list__title {
    margin-bottom: 9px;
    font-weight: 500
}

.discovery-list__link {
    display: flex;
    margin-top: 16px
}

.discovery-recent-item {
    display: grid;
    grid-template-columns: auto 24px;
    grid-gap: 12px;
    gap: 12px;
    padding: 10px 14px;
    line-height: 24px
}

@media all and (min-width: 640px) {
    .discovery-recent-item {
        margin:0 6px;
        border-radius: 12px
    }
}

@media (hover: hover) {
    .discovery-recent-item:hover {
        background-color:var(--theme-color-popover-item-bg-active)
    }
}

.discovery-recent-item__body {
    display: grid;
    grid-template-columns: 24px auto;
    grid-gap: 12px;
    gap: 12px;
    cursor: pointer
}

.discovery-recent-item__icon {
    color: var(--theme-color-text-secondary-light)
}

.discovery-recent-item__remove {
    color: var(--theme-color-text-secondary-light);
    cursor: pointer
}

@media (hover: hover) {
    .discovery-recent-item__remove:hover {
        color:var(--theme-color-text-primary)
    }
}

.discovery-filters {
    display: grid;
    grid-gap: 16px;
    gap: 16px
}

.discovery-filters__options {
    display: grid;
    grid-gap: 8px;
    gap: 8px
}

@media all and (max-width: 924px) {
    .discovery-search {
        flex-grow:1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }
}

.discovery-search__recent {
    padding: 12px 0
}

@media all and (min-width: 925px) {
    .discovery-search__recent {
        padding-top:20px;
        padding-bottom: 20px
    }
}

.discovery-search__recent,.discovery-search__loading,.discovery-search__empty {
    background-color: var(--theme-color-background-content);
    border-bottom-left-radius: var(--layout-island-border-radius);
    border-bottom-right-radius: var(--layout-island-border-radius)
}

@media all and (max-width: 924px) {
    .discovery-search__recent,.discovery-search__loading,.discovery-search__empty {
        flex-grow:1
    }
}

.discovery-search__loading,.discovery-search__empty {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 32px var(--layout-content-offset-x);
    color: var(--theme-color-text-secondary-light)
}

@media all and (min-width: 925px) {
    .discovery-search__loading,.discovery-search__empty {
        align-items:center;
        min-height: 270px
    }
}

.discovery-search__posts {
    margin-top: 16px
}

@media all and (min-width: 925px) {
    .discovery-search__posts .skeleton-content:first-child {
        border-top-left-radius:0;
        border-top-right-radius: 0
    }
}

.discovery {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    min-height: 100%
}

.discovery__header {
    display: flex;
    justify-content: stretch;
    align-items: center;
    padding: 12px var(--layout-content-offset-x);
    background-color: var(--theme-color-background-content);
    border-bottom: 1px solid var(--theme-color-border);
    border-top-left-radius: var(--layout-island-border-radius);
    border-top-right-radius: var(--layout-island-border-radius)
}

.discovery__header--with-footer {
    border-bottom: none;
    border-radius: var(--layout-island-border-radius)
}

.discovery__header>.icon-button {
    margin-left: -4px;
    margin-right: 12px
}

.discovery__header>.field {
    width: 100%
}

.discovery__subsites {
    display: grid;
    grid-row-gap: 20px;
    row-gap: 20px;
    padding: 20px var(--layout-content-offset-x);
    background-color: var(--theme-color-background-content);
    border-bottom-left-radius: var(--layout-island-border-radius);
    border-bottom-right-radius: var(--layout-island-border-radius)
}

.discovery-top .skeleton-subsite-list,.discovery-top .discovery-list {
    padding: 20px var(--layout-content-offset-x);
    background-color: var(--theme-color-background-content);
    border-bottom-left-radius: var(--layout-island-border-radius);
    border-bottom-right-radius: var(--layout-island-border-radius)
}

.donations-layout__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px
}

.donations-layout__subtitle {
    margin-top: 12px
}

.donations-layout__body:not(:first-child) {
    margin-top: 24px
}

.donations-layout__footer {
    margin-top: 24px
}

.donations-layout__footer .button {
    width: 100%
}

.donations-balance {
    font-size: 36px;
    font-weight: 500;
    line-height: 52px
}

.THQS26sf {
    width: var(--87e09868);
    height: var(--87e09868);
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    align-items: center;
    border-radius: 50%;
    background: var(--602a3f20);
    white-space: nowrap;
    color: var(--color-white);
    font-size: calc(var(--87e09868) / 2.5);
    text-transform: uppercase
}

.v-enter-active {
    transition: opacity .1s ease,transform .1s ease
}

.v-enter-from {
    opacity: 0;
    transform: translate(-5px)
}

.Fd2BHVtC {
    padding: 10px 16px;
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
    border-bottom: 1px solid var(--theme-color-border);
    display: flex;
    align-items: center;
    background-color: var(--theme-color-background-content);
    height: var(--messenger-header-height);
    position: sticky;
    top: 0;
    border-radius: 8px 8px 0 0;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.zIv-pd10 {
    transition: transform .1s ease;
    display: flex;
    align-items: center
}

.BmEKMz9H {
    line-height: 1em
}

._4tsa37-8 {
    margin-right: 12px
}

.lCbbdIzt .zIv-pd10 {
    transform: translate(12px)
}

._9Js8gK7H {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 18px;
    margin-top: 4px
}

.bso4fSec {
    font-size: 13px;
    font-weight: 400;
    color: var(--theme-color-text-secondary)
}

.TCEXdf9j {
    --messenger-min-height: calc(100vh - var(--layout-header-height) - var(--layout-tabbar-height) - 2 * var(--layout-view-offset-y));
    --messenger-header-height: 56px;
    background-color: var(--theme-color-background-content);
    color: var(--theme-color-text-primary);
    height: var(--messenger-min-height);
    border-radius: var(--layout-island-border-radius)
}

.TCEXdf9j[data-scrollable] {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: var(--theme-andropov-border-color) transparent;
    scrollbar-color: var(--scrollbar-color, var(--theme-andropov-border-color)) transparent;
    scrollbar-width: thin
}

.TCEXdf9j[data-scrollable]::-webkit-scrollbar {
    width: 10px;
    width: var(--scrollbar-size, 10px);
    height: 10px;
    height: var(--scrollbar-size, 10px);
    background-color: transparent
}

.TCEXdf9j[data-scrollable]::-webkit-scrollbar-thumb {
    background-color: var(--theme-andropov-border-color);
    background-color: var(--scrollbar-color, var(--theme-andropov-border-color));
    border-radius: 10px;
    border-radius: var(--scrollbar-size, 10px);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 3px
}

@media (hover: hover) {
    .TCEXdf9j[data-scrollable]::-webkit-scrollbar-thumb:hover {
        border-width: 0
    }
}

@keyframes wFJjcDQU {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes pW89H4Hy {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes _14Ko28qV {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.U-x750sL {
    font-size: 14px;
    line-height: 18px;
    background-color: var(--theme-color-media-background);
    border-radius: 6px;
    padding: 6px 6px 4px 12px;
    margin: 6px 0 4px;
    position: relative;
    overflow: hidden
}

.U-x750sL:before {
    content: "";
    position: absolute;
    background: var(--theme-andropov-border-color);
    width: 3px;
    height: 100%;
    left: 0;
    top: 0
}

.ROI2M5-J {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden
}

._1Xq-TeSe {
    display: flex;
    align-items: center;
    margin-bottom: 6px
}

.k-Wjfitv {
    margin-left: 6px
}

@keyframes vmIdvnoO {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes jPVg0wXq {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes NNYYrYhu {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.cLf0FBwn {
    display: grid;
    grid-template-columns: 36px 1fr auto;
    padding: 10px 16px;
    grid-gap: 16px;
    gap: 16px;
    word-wrap: break-word;
    scroll-margin-top: calc(var(--messenger-header-height) + 16px)
}

.Y1sD4St- {
    padding: 0 16px 10px
}

.euN36Jrn {
    color: var(--theme-color-text-secondary)
}

.cLf0FBwn a {
    color: var(--theme-color-signal-active-default);
    cursor: pointer
}

@media (hover: hover) {
    .cLf0FBwn a:hover {
        color:var(--theme-color-signal-active-dark)
    }
}

._67lSfN-g {
    font-weight: 500
}

.s6ixDq6X {
    font-size: 13px;
    line-height: 18px;
    color: var(--theme-color-text-secondary)
}

@keyframes RZMpmwuA {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes xxLhOk77 {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes FhdkFe5a {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.YAmXD9An {
    display: grid;
    grid-template-areas: "avatar name time" "avatar message time";
    grid-template-columns: 36px 1fr;
    grid-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding: 12px 16px;
    will-change: opacity
}

._23bKdR7o .YAmXD9An {
    animation: Itw7lpSd 1s linear alternate infinite
}

@keyframes Itw7lpSd {
    0% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.gTTspXjX {
    grid-area: avatar
}

.K8a-ZwQu {
    grid-area: name;
    margin-top: 4px
}

.u4mX-eWh {
    grid-area: message
}

.xuAr-xfV {
    grid-area: time;
    margin-top: 4px
}

.nt2-JWaP {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-weight: 500;
    color: var(--theme-color-text-primary)
}

@keyframes asG5HyZ6 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes EvUd53m5 {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes V-Yz45JM {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.tpiPr-Vv {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 15px;
    line-height: 22px;
    color: var(--theme-color-text-secondary)
}

@keyframes underlay-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-enter {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes modal-enter-slide {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.attachment {
    --size: 100px;
    width: var(--size);
    height: var(--size);
    flex-shrink: 0;
    position: relative
}

.attachment--wide {
    width: 100%;
    max-width: 400px
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution:.001dpcm) {
    .attachment__content {
        -webkit-mask-image:-webkit-radial-gradient(white,black)
    }
}

.attachment__content {
    width: inherit;
    height: inherit;
    overflow: hidden;
    border-radius: 10px;
    position: relative
}

.attachment__content:after {
    content: "";
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px var(--theme-color-border);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.attachment__content .andropov-media {
    width: 100%;
    height: 100%
}

.attachment__content .andropov-link {
    height: 100%;
    border: 0;
    border-radius: 0;
    padding-top: 12px
}

.attachment__content .andropov-external-video {
    pointer-events: none
}

.attachment__content img,.attachment__content video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.attachment__content .loader {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.attachment__preview {
    filter: blur(5px) grayscale(1)
}

.attachment__extension {
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--theme-color-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center
}

.attachment__duration {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    width: auto;
    height: auto;
    position: absolute;
    bottom: 4px;
    left: 4px;
    background: var(--color-black);
    opacity: .8;
    border-radius: 6px;
    text-align: center;
    color: var(--color-white);
    padding: 4px 8px
}

.S-y-ikzj {
    --submit-button-size: 34px;
    padding: 16px;
    position: sticky;
    bottom: 0;
    background-color: var(--theme-color-background-content);
    box-shadow: -3px 0 4px var(--theme-color-background-content);
    display: grid;
    grid-template-columns: 1fr var(--submit-button-size);
    grid-gap: 10px;
    gap: 10px;
    align-items: center
}

@media all and (min-width: 925px) {
    .S-y-ikzj {
        bottom:0
    }
}

.S-y-ikzj {
    z-index: 2
}

.S-y-ikzj textarea {
    max-height: 30vh
}

.AmlaRUkw {
    display: flex;
    gap: 11px;
    padding-bottom: 11px;
    padding-left: 11px
}

._0SEvKOKm[disabled] {
    opacity: 1;
    background-color: var(--theme-color-background-active);
    color: var(--theme-color-text-secondary)
}

.HBN6OCVn {
    background-color: var(--theme-color-background-content);
    color: var(--theme-color-text-primary);
    border-radius: 8px;
    display: grid;
    height: calc(100% - var(--messenger-header-height));
    grid-template-rows: 1fr auto
}

.dqw8odoD {
    display: grid;
    grid-template-rows: 1fr;
    align-items: end
}

.VOObRnOi {
    padding: 16px 0;
    justify-content: center
}

.dHvpHYTp {
    padding: 8px 16px;
    justify-content: center
}

:root {
    --safe-tabbar-height: calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom))
}

@keyframes p06Az9kp {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes EStOJG5I {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes IHEjlgOM {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.yFUwYBx7 {
    --v-padding: 16px;
    --avatar-size: 46px;
    display: grid;
    grid-template-columns: var(--avatar-size) 1fr;
    padding: 0 var(--v-padding);
    grid-gap: var(--v-padding);
    gap: var(--v-padding)
}

.jlKptMLW {
    padding: var(--v-padding) 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    border-bottom: 1px solid var(--theme-color-border)
}

.EeZdl52V {
    display: flex;
    align-items: center;
    justify-content: center
}

.OEe8fL7t {
    margin-left: auto;
    color: var(--theme-color-text-secondary);
    font-size: 13px;
    line-height: 18px
}

.dW0dEa-o {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex
}

.U5qAD5pJ {
    display: grid;
    grid-template-columns: minmax(0,100%) min-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--theme-color-text-secondary)
}

.Jst-pRaE {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cA-aLRBg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    padding: 1px 6px;
    min-width: 26px;
    background-color: var(--theme-color-signal-active-default);
    color: var(--color-white);
    font-size: 13px;
    line-height: 18px;
    line-height: 1em;
    font-weight: 500;
    animation: sISMxtT7 .2s ease-in
}

@keyframes sISMxtT7 {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    60% {
        transform: scale(1.04);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

[data-v-88985d19]:root {
    --safe-tabbar-height: calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom))
}

@keyframes underlay-in-88985d19 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-enter-88985d19 {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes modal-enter-slide-88985d19 {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.skeleton[data-v-88985d19] {
    display: grid;
    grid-template-areas: "avatar name time" "avatar message time";
    grid-template-columns: 46px 1fr;
    grid-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding: 19px 16px;
    will-change: opacity
}

.app-loaded .skeleton[data-v-88985d19] {
    animation: skeleton-loading-88985d19 1s linear alternate infinite
}

@keyframes skeleton-loading-88985d19 {
    0% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.avatar[data-v-88985d19] {
    grid-area: avatar
}

.name[data-v-88985d19] {
    grid-area: name;
    margin-top: 4px
}

.message[data-v-88985d19] {
    grid-area: message
}

.time[data-v-88985d19] {
    grid-area: time;
    margin-top: 4px
}

.evNcFQfw {
    padding: 16px
}

.XXYNjMGg {
    padding: 16px 0;
    justify-content: center
}