@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
/*::-webkit-scrollbar { 
    display: none; 
}*/
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.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;
    text-decoration: underline dotted;
}
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: -0.25em;
}
sup {
    top: -0.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: 0.35em 0.75em 0.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;
}
: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-alerts: calc(var(--layout-z-index-header) + 2);
    --layout-island-border-radius: 0px;
    --layout-tabbar-height: 50px;
    --layout-header-height: 90px;
    --layout-page-header-height: 58px;
    --layout-tabs-height: 50px;
    --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: 562px;
    --layout-content-gap-default: 12px;
    --layout-content-gap-media: 20px;
    --layout-content-gap-header: 20px;
    --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-content-banner-height: 188px;
    --layout-vertical-banner-height: 400px;
    --layout-vertical-banner-width: 320px;
}
@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: 18px;
        --layout-content-offset-x: 24px;
        --layout-view-offset-y: 16px;
        --layout-content-banner-height: 108px;
    }
}
:root {
    color-scheme: light;

    --searchBackgroundColor: #fff;

    --backgroundColorAuthor: #f5f5f5;

    --readsYouBackground: rgb(239, 243, 244);
    --readsYouColor: rgb(83, 100, 113);

    --subs-select: rgba(32, 35, 51, 0.07);

    --slade-next-button: #eaeaea;
    --slade-next-button-hover: #e2e2e2;

    --theme-sidebar-separator-color-background: rgb(0 0 0 / 3%);
    --theme-color-background-popular-reel: rgba(255, 255, 255, 0.6);
    --brand-color: #00ccff;
    --theme-color-brand-primary: #067aff;
    --theme-color-brand-header: rgb(255 255 255 / 80%);
    --theme-color-brand-background: #fff;
    --theme-color-brand-logo: #000;
    --theme-color-signal-active-default: #307df0;
    --theme-color-signal-active-dark: #2d75e0;
    --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-background-search: var(--color-white);
    --theme-color-media-background: rgba(0, 0, 0, 0.08);
    --theme-color-border: #e5e5e5;
    --theme-color-shadow-over-background: rgba(0, 0, 0, 0.08);
    --theme-color-border-over-background: #dadada;
    --theme-color-text-primary: var(--color-black);
    --theme-color-text-secondary: #595959;
    --theme-color-text-secondary-light: #808080;
    --theme-color-link: #2765c2;
    --theme-color-link-hover: #235aad;
    --theme-color-button-secondary: var(--color-white);
    --theme-color-button-secondary-shadow: 0px 0px 2px rgba(0, 0, 0, 0.04), 0px 1px 2px rgba(0, 0, 0, 0.1), inset 0px -1px 0px rgba(0, 0, 0, 0.06);
    --theme-color-button-secondary-shadow-hover: 0px 2px 4px rgba(0, 0, 0, 0.09), inset 0px -1px 0px rgba(0, 0, 0, 0.06);
    --theme-color-button-secondary-shadow-active: 0px 0px 2px rgba(0, 0, 0, 0.05), inset 0px -1px 0px rgba(0, 0, 0, 0.06);
    --theme-color-button-minimal: #f0f0f0;
    --theme-color-button-maximal: rgb(245 245 245);
    --theme-color-button-minimal-hover: #e6e6e6;
    --theme-color-button-minimal-active: #dbdbdb;
    --theme-color-button-transparent-hover: rgba(0, 0, 0, 0.04);
    --theme-color-button-transparent-active: rgba(0, 0, 0, 0.06);
    --theme-color-check-background-default: #f0f0f0;
    --theme-color-check-border-disabled: #dddddd;
    --theme-color-field-background-default: #f5f5f5;
    --theme-color-search-background-default: #ffffff;
    --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, 0.03);
    --theme-color-field-icon-default: var(--color-white);
    --theme-color-field-icon-disabled: #b8b8b8;
    --theme-color-popover-item-bg-active: #dfebff;
    --theme-color-popover-item-bg-active-hover: #d2e4ff;
    --theme-shadow-popover: 0px 4px 20px rgba(0, 0, 0, 0.08), 0px 0px 1px rgba(0, 0, 0, 0.16);
    --theme-color-popover-background: var(--color-white);
    --theme-color-updates-shadow: 0.5px 0px 0px rgba(0, 0, 0, 0.1), -0.5px 0px 0px rgba(0, 0, 0, 0.1), 0px -0.5px 0px rgba(0, 0, 0, 0.05), 0px 4px 7px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.1);
    --theme-color-donate-text: #004150;
    --theme-color-donate-gradient: linear-gradient(100deg, #cbfdf6 0%, #cde8fc 100%);
    --_1kWb64f-tt-background: rgba(32, 35, 51, 0.07);
    --_1xJ6qKHpge-fill: #000;
    --content-header-label-background: #fffbe0;
    --content-header-label-color: #000;
    --content-footer--sticky-background: rgb(255 255 255 / 90%);
    --theme-color-advert-button: var(--theme-color-link);
    --theme-color-advert-button-background-default: var(--theme-color-background-active);
    --theme-color-advert-button-background-hover: var(--theme-color-background-active-hover);

    --app-background: #f2f2f2;

    --theme-andropov-border-color: rgba(0, 0, 0, 0.1);

    --theme-color-content-footer-button-hover-background: rgba(48, 125, 240, 0.12);

    --account-menu-background: rgb(255 255 255 / 90%);

    --ce-toolbar-background: #fff;
    --ce-toolbar-background-hover: #d2e4ff;
    --cdx-search-field: rgba(232, 232, 235, 0.49);

    --tabbar-background: rgb(255 255 255 / 90%);
    --tabbar-shadow: 0 -1px #0000001c;

    --feed-sorting-background: rgb(242 242 242 / 90%);
    --feed-sorting-shadow: 0 1px #0000001c;

    --comment-selected: rgb(204 239 222 / 50%);

    --theme-plus-color: var(--theme-color-text-primary);
    --theme-plus-modal-background: linear-gradient(116.51deg,#fef2fa 54.31%,#aae9ff 110.13%) #aae9ff;
    --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%);
}
body.dark {
    color-scheme: dark;

    --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%);

    --comment-selected: rgb(0 255 131 / 7%);

    --feed-sorting-background: rgb(21 24 36 / 90%);
    --feed-sorting-shadow: 0 1px #ffffff14;

    --tabbar-background: rgb(29 33 49 / 90%);
    --tabbar-shadow: 0 -1px #ffffff14;

    --ce-toolbar-background: #323232;
    --ce-toolbar-background-hover: #2c2c2c;
    --cdx-search-field: rgb(29 33 49);

    --account-menu-background: rgb(29 33 49);

    --theme-andropov-border-color: rgba(0, 0, 0, 0.1);

    --searchBackgroundColor: #1F1F1F;

    --backgroundColorAuthor: #323232;

    --readsYouBackground: rgb(21 25 42);
    --readsYouColor: rgb(113, 118, 123);

    --content-footer--sticky-background: rgb(32 36 53 / 90%);
    --theme-color-background-popular-reel: rgba(0, 0, 0, 0.6);
    --content-header-label-background: #333333;
    --content-header-label-color: #969da0;
    --_1kWb64f-tt-background: rgb(51 51 51);
    --_1xJ6qKHpge-fill: #969c9d;
    --theme-sidebar-separator-color-background: rgb(255 255 255 / 3%);
    --theme-color-brand-logo: #fff;
    --theme-color-brand-primary: #307df0;
    --theme-color-brand-header: rgb(38 41 47 / 90%);
    --theme-color-brand-background: #2d2d2e;
    --theme-color-signal-active-default: #3375d6;
    --theme-color-signal-active-dark: #336dc6;
    --theme-color-signal-active-darkest: #3367b5;
    --theme-color-signal-active-light: #334e64;
    --theme-color-signal-active-lightest: rgba(255, 255, 255, 0.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-background-search: #15192a;
    --theme-color-media-background: rgba(255, 255, 255, 0.06);
    --theme-color-border: rgba(255, 255, 255, 0.16);
    --theme-color-shadow-over-background: rgba(255, 255, 255, 0.16);
    --theme-color-border-over-background: #363636;
    --theme-color-link: #45a2f3;
    --theme-color-link-hover: #6cb1ff;
    --theme-color-text-primary: #eeeeee;
    --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, 0.02), 0 1px 3px rgba(0, 0, 0, 0.14);
    --theme-color-button-secondary-shadow-hover: inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 4px rgba(0, 0, 0, 0.22);
    --theme-color-button-secondary-shadow-active: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 4px rgba(0, 0, 0, 0.29);
    --theme-color-button-translucent: rgba(0, 0, 0, 0.3);
    --theme-color-button-translucent-hover: rgba(0, 0, 0, 0.45);
    --theme-color-button-translucent-active: rgba(0, 0, 0, 0.6);
    --theme-color-check-background-default: #1c1c1c;
    --theme-color-check-border-disabled: #2e2e2e;
    --theme-color-search-background-default: #15192a;
    --theme-color-field-background-default: #2c2c2d;
    --theme-color-field-background-hover: #1e1d1e;
    --theme-color-field-background-disabled: #333;
    --theme-color-popover-item-bg-active: #313131;
    --theme-color-popover-item-bg-active-hover: #3a3a3a;
    --theme-shadow-popover: 0px 4px 20px rgba(0, 0, 0, 0.32), 0 0 0 1px #363636;
    --theme-color-popover-background: #1F1F1F;
    --theme-color-updates-shadow: 0.5px 0px 0px #363636, -0.5px 0px 0px #363636, 0px -0.5px 0px #363636, 0px 4px 7px rgba(0, 0, 0, 0.12), 0px 1px 1px #363636;
    --theme-color-donate-text: #a7e5f3;
    --theme-color-donate-gradient: linear-gradient(100deg, #154842 0%, #203f56 100%);
    --theme-color-advert-button: var(--theme-color-text-primary);
    --theme-color-content-footer-button-hover-background: rgba(48, 125, 240, 0.12);

    --app-background: rgb(21 24 36);
}
.andropov-media {
    overflow: hidden;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
}
.andropov-media img,
.andropov-media video {
    opacity: 0;
    transition: opacity 0.2s ease;
}
.andropov-media img,
.andropov-media video,
.andropov-media picture {
    display: block;
    width: 100%;
    height: 100%;
    grid-column: 1;
    grid-row: 1;
    object-fit: cover;
}
.andropov-media[data-loaded] .andropov-media__thumbnail {
    opacity: 0;
}
.andropov-media[data-loaded] img,
.andropov-media[data-loaded] 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: 0.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--loaded .andropov-media__thumbnail {
    opacity: 0;
}
.andropov-media--loaded img,
.andropov-media--loaded video {
    opacity: 1;
}
.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 0.2s ease;
    filter: blur(7px);
    pointer-events: none;
}
.andropov-image--zoom {
    cursor: zoom-in;
}
.andropov-image--pointer {
    cursor: pointer;
}
.communities-list-item {
    padding: 4px 0;
}
.communities-list-item__wrapper {
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 0 10px;
    height: 42px;
}
.communities-list-item__avatar {
    margin-right: 12px;
    flex-shrink: 0;
}
.communities-list-item__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (hover: hover) {
    .communities-list-item .communities-list-item__wrapper:hover {
        background: var(--theme-color-popover-item-bg-active);
    }
}
.link-button {
    color: #307df0;
    cursor: pointer;
    display: inline-block;
}
@media (hover: hover) {
    .link-button:hover {
        opacity: 0.82;
    }
}
.link-button--default {
    font-size: 17px;
    line-height: 24px;
}
.link-button--small {
    font-size: 15px;
    line-height: 22px;
}
.account-action {
    height: 50px;
    width: 100%;
    padding: 4px 0;
    display: block;
    font-size: 17px;
    line-height: 24px;
}
.account-action__wrapper {
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    height: 100%;
    width: 100%;
    cursor: pointer;
    color: var(--theme-color-text-primary);
}
@media (hover: hover) {
    .account-action__wrapper:hover {
        background: var(--theme-color-popover-item-bg-active);
    }
}
.account-action__icon {
    margin-right: 16px;
}
.account-menu__title {
    font-weight: 500;
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: 15px;
    line-height: 22px;
}
.account-menu__user-card {
    display: grid;
    grid-template-columns: 44px 1fr;
    grid-template-rows: auto auto;
    grid-gap: 0 12px;
    gap: 0 12px;
    align-items: center;
    border-radius: 8px;
    padding: 8px 10px;
    height: 60px;
    margin-bottom: 8px;
    font-size: 17px;
    line-height: 24px;
}
@media (hover: hover) {
    .account-menu__user-card:hover {
        background: var(--theme-color-popover-item-bg-active);
    }
}
.account-menu__avatar {
    grid-row: span 2;
    flex-shrink: 0;
}
.account-menu__account-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.account-menu__section:not(:last-child) {
    margin-bottom: 8px;
}
.account-menu__show-all {
    margin: 6px 0 18px 10px;
}
.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);
    }
}
.account-communities-list__title {
    font-weight: 500;
    margin-bottom: 8px;
    margin-left: 6px;
    display: flex;
    align-items: center;
    height: 22px;
    font-size: 15px;
    line-height: 22px;
}
.account-communities-list__title-text {
    margin-left: 4px;
}
.account-menu-root {
    width: 275px;
    background: var(--theme-color-background-content);
    box-shadow: var(--theme-shadow-popover);
    border-radius: var(--layout-island-border-radius);
    padding: 12px 6px 8px;
}
.user {
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
}
@media (hover: hover) {
    .user:hover {
        opacity: 0.72;
    }
}
.user__avatar {
    margin-right: 8px;
}
.user-menu {
    display: none;
    position: absolute;
    right: 0px;
    top: calc(var(--layout-header-height) - 2px);
}
.user-menu.open {
    display: block;
}
.button {
    display: inline-flex;
    align-items: center;
    line-height: normal;
    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 12px;
    --button-font-size: 13px;
    --button-width: 30px;
    --button-height: 26px;
    --button-radius: 7px;
    --icon-size: 16px;
}
.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-top {
    --button-icon-margin: 0 6px 0 10px;
    --button-padding: 0 14px;
    --button-font-size: 15px;
    --button-width: 38px;
    --button-height: 39px;
    --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: 14px;
    --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 {
    background: #307df0;
    --button-bg-color-hover: #2a6dd1;
    --button-bg-color-active: #2a6dd1;
    --button-text-color: #fff;
}
.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--with-icon {
    padding-left: 0;
}
.button__browse--with-icon {
    padding-left: 0;
}
.button__browse--with-icon .lucide-chevron-down-icon {
    margin: var(--button-icon-margin);
    width: var(--icon-size);
    height: var(--icon-size);
}
.button--with-icon svg {
    margin: var(--button-icon-margin);
    width: var(--icon-size);
    height: var(--icon-size);
}
.button--with-icon img {
    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 {
    width: var(--button-height);
    height: var(--button-height);
    border-radius: 100%;
}
@media (hover: hover) {
    .button:hover {
        background-color: var(--button-bg-color-hover);
    }
}
.button:active {
    background-color: var(--button-bg-color-active);
}
.button[disabled] {
    opacity: 0.5;
    pointer-events: none;
}
.header {
    width: 100%;
    height: var(--layout-header-height);
    display: flex;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}
.header__layout {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 20px;
    gap: 20px;
    width: 100%;
    align-items: center;
}
@media all and (min-width: 925px) {
    .header__layout {
        max-width: var(--layout-max-width);
        margin-left: auto;
        margin-right: auto;
        grid-template-columns: 1fr auto auto;
    }
}
@media all and (min-width: 1240px) {
    .header__layout {
        justify-content: space-between;
    }
}
.header__left {
    display: flex;
    width: max-content;
    align-items: center;
}
.header__left .sidebarOpacity {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 var(--layout-content-offset-x);
}
@media all and (min-width: 925px) {
    .header__left .sidebarOpacity {
        padding: 0;
        margin-right: 16px;
    }
}
@media (hover: hover) {
    .header__left .sidebarOpacity:hover {
        opacity: 0.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) and (max-width: 1365px) {
    .header__right {
        padding-right: var(--layout-right-aside-offset);
    }
}
.header__right .button {
    margin-left: 8px;
    font-size: 15px;
}
.block-wrapper {
    margin-top: var(--layout-content-gap-default);
    margin-bottom: var(--layout-content-gap-default);
}
.block-wrapper--hidden {
    position: relative;
}
.block-wrapper--hidden .block-wrapper__content {
    visibility: hidden;
}
.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;
    background-color: var(--theme-color-signal-active-lightest);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
    min-height: 40px;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    left: var(--layout-content-offset-x);
    right: var(--layout-content-offset-x);
}
@media (hover: hover) {
    .block-wrapper__overlay:hover .block-wrapper__action .icon {
        -webkit-animation: eyeAttention 0.3s ease-in-out;
        animation: eyeAttention 0.3s ease-in-out;
    }
}
.block-wrapper__message,
.block-wrapper__action {
    padding: 8px;
}
.block-wrapper__action {
    color: var(--theme-color-signal-active-default);
    display: flex;
    align-items: center;
}
.block-wrapper__action .icon {
    margin-right: 4px;
}
@-webkit-keyframes eyeAttention {
    0%,
    50%,
    to {
        transform: scaleZ(1);
    }
    20% {
        transform: scale3d(0.95, 1.25, 1);
    }
    70% {
        transform: scale3d(1, 0.25, 1);
    }
}
@keyframes eyeAttention {
    0%,
    50%,
    to {
        transform: scaleZ(1);
    }
    20% {
        transform: scale3d(0.95, 1.25, 1);
    }
    70% {
        transform: scale3d(1, 0.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: 24px;
    padding: 0 var(--layout-content-offset-x);
}
.block-header {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    padding: 0 var(--layout-content-offset-x);
}
.block-list {
    font-size: 17px;
    line-height: 24px;
    padding: 0 var(--layout-content-offset-x);
}
.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;
    }
}
.block-delimiter:before {
    display: block;
    content: "***";
    font-size: 23px;
    line-height: 1em;
    height: 0.6em;
    letter-spacing: 0.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);
}
.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: 0.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: #307df0;
    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: 24px;
}
.block-quote--has-author > .block-quote__line {
    grid-row: span 2;
}
.block-quote a {
    color: var(--theme-color-link);
    cursor: pointer;
    text-decoration: none;
}
@media (hover: hover) {
    .block-quote a:hover {
        color: var(--theme-color-link-hover);
    }
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.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;
}
.media-title {
    font-size: 15px;
    line-height: 22px;
    margin-top: 12px;
}
.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: 50% 50%;
    grid-template-rows: 50% 50%;
}
.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;
    }
}
.andropov-link {
    display: block;
    border: 1px solid var(--theme-color-border);
    border-radius: 10px;
    padding: 9px var(--layout-content-offset-x) 11px;
    font-size: 17px;
    line-height: 24px;
    text-decoration: none;
    color: inherit;
}
.andropov-link__origin {
    --height: 22px;
    display: flex;
    align-items: center;
    height: var(--height);
}
.andropov-link__origin img {
    -o-object-fit: contain;
    object-fit: contain;
}
.andropov-link__icon {
    flex-shrink: 0;
    border-radius: 4px;
    margin-right: 6px;
}
.andropov-link__hostname,
.andropov-link__title,
.andropov-link__description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.andropov-link__hostname {
    margin-top: 5px;
    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;
    background-color: var(--color-black);
    color: var(--color-white);
    cursor: pointer;
}
.andropov-external-video .andropov-image {
    width: 100%;
    grid-row: 1;
    grid-column: 1;
}
.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;
}
.andropov-external-video--youtube .andropov-external-video__play-button svg path:nth-child(1) {
    fill: #212121;
    fill-opacity: 0.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;
    }
}
.author {
    font-size: 15px;
    line-height: 22px;
    --avatar-size: 38px;
    display: grid;
    align-items: center;
    grid-template-columns: var(--avatar-size) 1fr;
    grid-template-rows: repeat(2, auto);
    grid-gap: 0 10px;
    gap: 0 10px;
}
.author__avatar {
    color: inherit !important;
    border: 0 !important;
}
.author__avatar {
    grid-row: span 2;
    height: var(--avatar-size);
}
.author--with-sticker {
    gap: 0 12px;
    align-items: start;
}
.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;
}
.author__main > *:not(:last-child) {
    margin-right: 8px;
}
.author__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.author__verified {
    flex-shrink: 0;
    align-self: center;
    margin-left: -4px;
}
.author__details {
    font-size: 13px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: var(--theme-color-text-secondary);
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.author__details:empty {
    display: none;
}
.author__details > *:not(:first-child) {
    margin-left: 6px;
}
.author__details > .icon {
    margin-left: 4px;
}
.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__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 {
    margin-left: var(--layout-content-offset-x);
    margin-right: var(--layout-content-offset-x);
    padding: 16px var(--layout-content-offset-x);
    border-radius: 10px;
    background-color: var(--theme-color-signal-active-lightest);
}
.block-warning span {
    font-size: 14px;
}
.block-warning h2 {
    font-weight: 500;
    font-size: 18px;
}
.andropov-osnova-embed .content {
    box-shadow: 0 0 0 1px var(--theme-color-border);
    overflow: hidden;
}
.block-osnova-embed {
    padding: 0 var(--layout-content-offset-x);
}
.andropov-audio {
    display: block;
    width: 100%;
}
.block-audio {
    padding: 0 var(--layout-content-offset-x);
}
.block-special-button {
    padding: 0 var(--layout-content-offset-x);
    display: flex;
    justify-content: center;
}
.block-special-button a {
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 48px;
    padding: 0 20px;
    background-color: var(--theme-color-signal-active-default);
    color: var(--color-white);
    border-radius: 10px;
}
.loader {
    --dot-size: 4px;
    display: flex;
}
.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;
}
.loader__dot {
    width: var(--dot-size);
    height: var(--dot-size);
    border-radius: 50%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: var(--theme-color-text-secondary);
    -webkit-animation-name: loader-pulse;
    animation-name: loader-pulse;
    opacity: 0.2;
}
.loader__dot:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.loader__dot:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.loader__dot:not(:last-child) {
    margin-right: var(--dot-size);
}
@-webkit-keyframes loader-pulse {
    0% {
        opacity: 0.2;
    }
    24% {
        opacity: 0.8;
    }
    48% {
        opacity: 0.8;
    }
}
@keyframes loader-pulse {
    0% {
        opacity: 0.2;
    }
    24% {
        opacity: 0.8;
    }
    48% {
        opacity: 0.8;
    }
}
.block-quiz {
    padding: 0 var(--layout-content-offset-x);
}
.block-quiz__title {
    font-weight: 500;
    margin-bottom: 16px;
}
.block-quiz__footer {
    font-size: 15px;
    line-height: 22px;
    height: 22px;
    display: flex;
    align-items: center;
}
.block-quiz-option {
    display: flex;
    align-items: baseline;
    position: relative;
}
.block-quiz-option:not(:last-child) {
    margin-bottom: 24px;
}
.block-quiz-option--interactive {
    cursor: pointer;
}
@media (hover: hover) {
    .block-quiz-option--interactive:hover .block-quiz-option__radio {
        --color: var(--theme-color-signal-active-default);
    }
}
.block-quiz-option--disabled {
    pointer-events: none;
}
.block-quiz-option__radio {
    --size: 20px;
    --color: var(--theme-color-border);
    width: var(--size);
    height: var(--size);
    border: 2px solid var(--color);
    border-radius: 50%;
    margin-right: 12px;
    align-self: flex-start;
    margin-top: 2px;
    flex-shrink: 0;
}
.block-quiz-option__title {
    margin-right: 12px;
}
.block-quiz-option__percent {
    font-size: 13px;
    line-height: 16px;
    color: var(--theme-color-text-secondary-light);
    white-space: nowrap;
    margin-right: auto;
}
.block-quiz-option__avatar {
    flex-shrink: 0;
    margin-left: 12px;
    align-self: flex-start;
    margin-top: 5px;
}
.block-quiz-option__count {
    font-size: 13px;
    line-height: 16px;
    color: var(--theme-color-text-secondary-light);
    margin-left: 12px;
    white-space: nowrap;
}
.block-quiz-option .loader {
    transform: translateY(-2px);
    margin-left: auto;
}
.block-quiz-bar {
    width: 100%;
    display: flex;
    align-items: center;
    height: 1px;
    background-color: var(--theme-color-border);
    position: absolute;
    top: 100%;
    margin-top: 8px;
}
.block-quiz-bar__progress {
    width: var(--percentage);
    height: 5px;
    background-color: var(--theme-color-signal-active-light);
    border-radius: 5px;
    transform-origin: 0 50%;
    -webkit-animation: quizBar 0.3s ease-in;
    animation: quizBar 0.3s ease-in;
}
.block-quiz-bar--winner .block-quiz-bar__progress {
    background-color: var(--theme-color-signal-active-default);
}
@-webkit-keyframes quizBar {
    0% {
        transform: scaleX(0);
    }
    to {
        transform: scaleX(1);
    }
}
@keyframes quizBar {
    0% {
        transform: scaleX(0);
    }
    to {
        transform: scaleX(1);
    }
}
.content-title {
    align-items: center;
    display: flex;
    gap: 6px;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    --icon-color: var(--theme-color-brand-primary);
    padding: 0 var(--layout-content-offset-x) var(--layout-content-gap-default);
}
.content-title__editorial {
    display: inline-block;
    white-space: nowrap;
}
.content-title__editorial .icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    color: #1793e6;
}
.content-header {
    display: flex;
    align-items: center;
    padding: 16px var(--layout-content-offset-x);
    padding-bottom: 13px;
    max-width: 100%;
    overflow-x: hidden;
}
.content-header__actions {
    position: absolute;
    right: 20px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.content-header__icon {
    color: var(--theme-color-text-secondary);
}
.comments-counter {
    --button-size-default: 28px;
    --button-size-small: 22px;
    --color-hover: var(--theme-color-content-footer-button-hover-background);
    font-size: 15px;
    line-height: 22px;
    color: var(--theme-color-text-secondary-light);
    display: inline-flex;
    align-items: center;
}
.comments-counter__icon-wrapper {
    width: var(--button-size-default);
    height: var(--button-size-default);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.comments-counter__icon-wrapper:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--color-hover);
    opacity: 0;
    border-radius: 100%;
}
@media (hover: hover) {
    .comments-counter:hover {
        color: var(--theme-color-signal-active-default);
    }
}
@media (hover: hover) {
    .comments-counter:hover .comments-counter__icon-wrapper:before {
        opacity: 1;
    }
}
.comments-counter--small {
    font-size: 13px;
    line-height: 16px;
    line-height: 13px;
}
.comments-counter--small .comments-counter__icon-wrapper {
    width: var(--button-size-small);
    height: var(--button-size-small);
}
.comments-counter__label {
    margin-right: 5px;
    margin-left: 2px;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    display: inline-flex;
}
.comments-counter__unread {
    margin-left: 4px;
    color: var(--theme-color-signal-active-default);
}
.comments-counter--default {
    font-weight: 500;
}
.like {
    border-radius: 50px;
    padding: 0 10px 0 5px;
    background: var(--theme-color-background);
    --button-size: 28px;
    --button-size-animated: 32px;
    --like-color-text-hover: var(--theme-color-signal-negative-default);
    --like-color-background-hover: #e5545e;
    --like-color-active: #e65151;
    color: var(--theme-color-text-secondary);
    display: flex;
    gap: 2px;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    line-height: 22px;
}
.like__icon {
    width: var(--button-size);
    height: var(--button-size);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: inherit;
}
.like__icon svg {
    fill: none;
}
.like__icon:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--like-color-background-hover);
    opacity: 0;
    border-radius: 100%;
}
.like__icon-animation {
    position: absolute;
    width: var(--button-size-animated);
    height: var(--button-size-animated);
}
.like__icon-animation svg {
    transform: none !important;
}
@media (hover: hover) {
    .like:hover {
        color: var(--like-color-text-hover);
    }
}
@media (hover: hover) {
    .like:hover .like__icon:not(.like__icon--animating):before {
        opacity: 0.12;
    }
}
@media (hover: hover) {
    .like--active:hover {
        color: var(--like-color-active);
    }
}
@media (hover: hover) {
    .like--active:hover .like__count,
    .like--active:hover .like__icon {
        opacity: 1;
    }
}
.like__count {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.like__count > div {
    transition: transform var(--count-transition-duration) ease;
}
.like__count--animating-up {
    display: flex;
    flex-direction: column-reverse;
}
.like__count--animating-up > div {
    transform: translateY(100%);
    transition: transform 0ms ease;
}
.like__count--animating-down > div {
    transform: translateY(-100%);
    transition: transform 0ms ease;
}
.like--active {
    color: var(--like-color-active);
}
.dislike {
    border-radius: 50px;
    padding: 0 10px 0 5px;
    background: var(--theme-color-background);
    --button-size: 28px;
    --button-size-animated: 32px;
    --dislike-color-text-active: rgba(255, 138, 0, 1);
    --dislike-color-text-hover: rgba(255, 138, 0, 0.72);
    --dislike-color-background-hover: rgba(255, 138, 0, 0.12);
    color: var(--theme-color-text-secondary);
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    line-height: 22px;
}
.dislike__icon {
    width: var(--button-size);
    height: var(--button-size);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: inherit;
}
.dislike__icon svg {
    fill: none;
}
.dislike__icon:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--dislike-color-background-hover);
    opacity: 0;
    border-radius: 100%;
}
.dislike__icon-animation {
    position: absolute;
    width: var(--button-size-animated);
    height: var(--button-size-animated);
}
.dislike__icon-animation svg {
    transform: none !important;
}
.dislike__count {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
@media (hover: hover) {
    .dislike:hover {
        color: var(--dislike-color-text-hover);
    }
}
@media (hover: hover) {
    .dislike:hover .dislike__icon:not(.dislike__icon--animating):before {
        opacity: 1;
    }
}
.dislike--active {
    color: var(--dislike-color-text-active);
}
@media (hover: hover) {
    .dislike--active:hover {
        color: var(--dislike-color-text-active);
    }
}
.content-footer {
    --height: 46px;
    --offset-x: var(--layout-content-offset-x);
    padding: 0 var(--offset-x);
    height: var(--height);
    display: flex;
    align-items: center;
}
.content-footer--sticky {
    background: var(--theme-color-background-content);
    position: -webkit-sticky;
    position: sticky;
    bottom: var(--safe-tabbar-height);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 0 0 var(--layout-island-border-radius) var(--layout-island-border-radius);
}
.content-footer--sticky:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 -1px #00000005, 0 -14px 16px -16px #00000014;
    z-index: -1;
    opacity: 0;
}
.content-footer--stuck {
    border-radius: 0;
    z-index: calc(var(--layout-z-index-navbar) + 1);
}
.content-footer--stuck:before {
    opacity: 1;
}
.content-footer__horizon {
    width: 100%;
    height: calc(var(--safe-tabbar-height) + 1px);
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    pointer-events: none;
}
.content-footer__item {
    margin-left: 13px;
}
.content-footer__item:first-child {
    margin-left: -4px;
}
.content-footer__dislike {
    margin-right: -4px;
}
.content-footer__space {
    flex: 1;
}
.subscribe-button-simple {
    font-weight: 500;
}
.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(20px);
    backdrop-filter: blur(20px);
    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, 0.45);
    margin-bottom: 10px;
}
.content-nsfw__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.content-nsfw__actions .button {
    margin: 10px 0;
    transform: translateZ(0);
}
.content-nsfw__actions .button:not(:last-child) {
    margin-right: 12px;
}
.content {
    --link-z-index: 0;
    background: var(--theme-color-background-content);
    box-shadow: var(--theme-color-button-secondary-shadow);
    border-radius: var(--layout-island-border-radius);
    max-width: 100%;
    height: fit-content;
    padding-bottom: 4px;
}
.content h2 {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 15px;
}
.content--padding {
    padding: 20px;
}
.content--without-footer {
    padding-bottom: 20px;
}
.content__body,
.content__blocks {
    position: relative;
}
.content__blocks p a,
.content__blocks ul a,
.content__blocks ol a {
    color: #307df0;
    cursor: pointer;
    text-decoration: none;
}
@media (hover: 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__hits {
    font-size: 14px;
    line-height: 22px;
    color: var(--theme-color-text-secondary);
    padding: 0 var(--layout-content-offset-x);
    margin-top: 20px;
}
.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);
}
.andropov-video:not(.androv-video--autoplay),
.andropov-video--with-sound,
.andropov-external-video,
.andropov-audio,
.block-quiz,
.block-wrapper--hidden {
    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;
}
.skeleton-circle {
    width: 28px;
    height: 28px;
    background-color: var(--theme-color-border);
    border-radius: 100%;
}
.skeleton-circle-avatar {
    width: 28px;
    height: 28px;
    background-color: var(--theme-color-border);
    border-radius: 50%;
}
.skeleton-bar {
    height: 10px;
    background-color: var(--theme-color-border);
    border-radius: 10px;
}
.skeleton-bar:not(:last-child) {
    margin-bottom: 12px;
}
.skeleton-content {
    padding: 18px var(--layout-content-offset-x);
    border-radius: var(--layout-island-border-radius);
    background: var(--theme-color-background-content);
}
.skeleton-content__wrapper {
    will-change: opacity;
    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: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%);
    position: relative;
}
.content-list__loader {
    background-color: var(--theme-color-background-content);
    padding: var(--layout-content-offset-x);
    border-radius: var(--layout-island-border-radius);
    justify-content: center;
}
.tabs {
    height: var(--layout-tabs-height);
    display: flex;
    position: relative;
    font-size: 15px;
    line-height: 22px;
}
.tabs__tab {
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--theme-color-text-secondary);
    -webkit-tap-highlight-color: transparent;
    transition: color 0.15s;
}
.tabs__tab:not(:last-child) {
    margin-right: 16px;
}
.tabs__tab--active {
    border-color: #307df0;
    border-style: solid;
    border-bottom-width: 3px;
    color: var(--theme-color-text-primary);
}
.tabs__underline {
    position: absolute;
    bottom: 0;
    height: 3px;
    background: #307df0;
    width: 100px;
    transform-origin: left;
    will-change: transform;
}
.tabs__underline--animated {
    transition: transform 0.15s;
}
.popover-title {
    flex-shrink: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--theme-color-text-secondary);
    padding: 6px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.popover-option {
    --color-option-hover: var(--theme-color-popover-item-bg-active);
    --color-option-selected: var(--theme-color-popover-item-bg-active);
    --color-option-selected-hover: var(--theme-color-popover-item-bg-active-hover);
    --color-details: var(--theme-color-text-secondary);
    --label-size: 15px;
    --label-height: 22px;
    --details-size: 13px;
    --details-height: 18px;
    --art-size: 22px;
    --art-border-radius: 6px;
    --gap: 10px;
    flex-shrink: 0;
    color: var(--theme-color-text-primary);
    color: var(--color, var(--theme-color-text-primary));
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden;
    outline: 0;
    display: grid;
    align-items: center;
    grid-gap: 0 var(--gap);
    gap: 0 var(--gap);
}
@media (hover: hover) {
    .popover-option:hover {
        background-color: var(--color-option-hover);
    }
}
.popover-option--with-art {
    grid-template-columns: var(--art-size) auto;
}
.popover-option--with-details {
    --label-size: 15px;
    --label-height: 20px;
    --art-size: 32px;
    --art-border-radius: 50%;
    grid-template-rows: auto auto;
}
.popover-option--with-details .popover-option__art {
    grid-row: span 2;
}
.popover-option--with-details .popover-option__label {
    font-weight: 500;
}
.popover-option--focused {
    background-color: var(--color-option-hover);
}
.popover-option--selected {
    background-color: var(--color-option-selected);
}
.popover-option--selected.popover-option--focused {
    background-color: var(--color-option-selected-hover);
}
@media (hover: hover) {
    .popover-option--selected:hover {
        background-color: var(--color-option-selected-hover);
    }
}
.popover-option--selected .popover-option__label {
    font-weight: 500;
}
.popover-option--pressed {
    -webkit-animation: scaleOption var(--press-duration) ease-out;
    animation: scaleOption var(--press-duration) ease-out;
}
.popover-option__art {
    flex-shrink: 0;
    width: var(--art-size);
    height: var(--art-size);
    border-radius: var(--art-border-radius);
    overflow: hidden;
    display: grid;
}
.popover-option__art--simple-image:after {
    content: "";
    width: var(--art-size);
    height: var(--art-size);
    border-radius: var(--art-border-radius);
    grid-row: 1;
    grid-column: 1;
    box-shadow: inset 0 0 0 1px #0000001a;
}
.popover-option__art--andropov {
    --border-radius: 50%;
}
.popover-option__art img {
    grid-row: 1;
    grid-column: 1;
    display: block;
    width: 100%;
    height: 100%;
    image-rendering: -webkit-optimize-contrast;
}
.popover-option__label {
    font-size: var(--label-size);
    line-height: var(--label-height);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.popover-option__details {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--details-size);
    line-height: var(--details-height);
    color: var(--color-details);
}
@-webkit-keyframes scaleOption {
    0%,
    to {
        transform: scale(1);
    }
    30% {
        transform: scale(0.98);
    }
}
@keyframes scaleOption {
    0%,
    to {
        transform: scale(1);
    }
    30% {
        transform: scale(0.98);
    }
}
.popover-message {
    flex-shrink: 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--theme-color-text-secondary);
    text-align: center;
    margin: 15px auto;
}
.popover-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;
    -webkit-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}
@-webkit-keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
.popover__select-category {
    display: none;
    --main-offset: 6px;
    --search-bottom-offset: 4px;
    --scrollbar-offset: 8px;
    --item-offset-left: 10px;
    --item-offset-right: 18px;
    --item-gap: 4px;
    --text-color: #000;
    font-size: 16px;
    line-height: 1.5em;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 0 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 0 1px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 400px;
    color: var(--text-color);
    /** Vuebar styles */
}
.popover {
    --color-background: var(--theme-color-popover-background);
    --color-text: var(--theme-color-text-primary);
    --color-title: var(--theme-color-text-secondary);
    --border-radius: 12px;
    --offset: 6px;
    --position: static;
    --top: 0;
    --left: 0;
    --right: auto;
    --bottom: auto;
    font-size: 16px;
    line-height: 24px;
    background: var(--color-background);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: var(--theme-shadow-popover);
    border-radius: var(--border-radius);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--color-text);
    outline: 0;
    width: 200px;
    width: var(--width, 200px);
    position: var(--position);
    top: var(--top);
    left: var(--left);
    right: var(--right);
    bottom: var(--bottom);
}
.popover__header {
    --offset-x: 10px;
    --offset-top: 10px;
    --offset-bottom: 8px;
    padding: var(--offset-top) var(--offset-x) var(--offset-bottom);
}
.popover__header--scrolled {
    box-shadow: 0 2px 4px #0000000f;
}
.popover__header + .popover__scrollable {
    --offset-top: 0;
}
.popover__scrollable {
    --scrollbar-color: transparent;
    --scrollbar-size: 6px;
    --scrollbar-offset-x: 2px;
    --scrollbar-offset-y: var(--border-radius);
    --offset-top: var(--offset);
    padding-top: var(--offset-top);
    padding-left: var(--offset);
    padding-bottom: var(--offset);
    max-height: "none";
    max-height: var(--max-height, "none");
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: var(--scrollbar-color) transparent;
    scrollbar-width: none;
}
@supports (scrollbar-width: none) {
    .popover__scrollable {
        padding-right: var(--offset);
    }
}
@supports (-webkit-overflow-scrolling: touch) {
    .popover__scrollable {
        padding-right: var(--offset);
    }
}
@media (hover: hover) {
    .popover__scrollable:hover {
        --scrollbar-color: rgba(0, 0, 0, 0.1);
    }
}
.popover__scrollable::-webkit-scrollbar {
    background-color: transparent;
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
}
.popover__scrollable::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-color);
    background-clip: padding-box;
    border: solid transparent;
    border-width: var(--scrollbar-offset-y) var(--scrollbar-offset-x);
}
@media (hover: hover) {
    .popover__scrollable::-webkit-scrollbar-thumb:hover {
        --scrollbar-color: rgba(0, 0, 0, 0.2);
    }
}
.popover__scrollable .popover-option:not(:last-child) {
    margin-bottom: 4px;
}
.feed-sorting {
    width: 100%;
    position: fixed;
    top: var(--layout-header-height);
    z-index: calc(var(--layout-z-index-feed) + 1);
    padding-right: var(--scrollbar-width);
}
@media all and (min-width: 640px) {
    .feed-sorting {
        position: relative;
        top: auto;
        padding-right: 0;
    }
}
.feed-sorting__tabs-container {
    background: var(--feed-sorting-background);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: var(--feed-sorting-shadow);
    display: flex;
}
@media all and (min-width: 640px) {
    .feed-sorting__tabs-container {
        box-shadow: none;
        position: static;
    }
}
.feed-sorting__tabs {
    margin: 0 var(--layout-content-offset-x);
    flex: 1;
}
.feed-sorting__toggler--small {
    margin-left: auto;
    display: flex;
    align-items: center;
    align-self: center;
}
.feed-sorting__toggler--full {
    --padding: 4px;
    display: flex;
    align-items: center;
    margin-bottom: calc(12px - var(--padding));
    margin-left: calc(var(--layout-content-offset-x) - var(--padding));
    padding: var(--padding);
    cursor: pointer;
    font-size: 15px;
    line-height: 22px;
}
@media (hover: hover) {
    .feed-sorting__toggler--full:hover {
        opacity: 0.72;
    }
}
.feed-sorting__toggler--full .icon {
    transform: translateY(1px);
    margin-left: 4px;
}
.feed-sorting__popover {
    position: absolute;
    z-index: 1;
    top: 32px;
    left: 14px;
}
.feed-sorting__popover--one-column {
    right: 8px;
    top: 50px;
    left: auto;
}
.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;
    -webkit-animation: skeleton-loading 1s linear alternate infinite;
    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: 24px;
}
.news-widget__title {
    margin-right: 8px;
}
.news-widget__loader {
    margin-top: 16px;
    height: 24px;
    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: 24px;
}
.news-widget__show-more .icon {
    margin-left: 4px;
    transform: translateY(1px);
}
@media (hover: hover) {
    .news-widget__title:hover,
    .news-widget__show-more:hover {
        opacity: 0.72;
    }
}
.news-widget__comments-counter {
    transform: translate(-3px, 3px);
    color: var(--theme-color-text-secondary);
}
.feed-page__news {
    margin-bottom: var(--layout-island-gap-y);
}
.feed-page__content-list {
    position: relative;
    z-index: var(--layout-z-index-feed);
    padding-top: var(--layout-tabs-height);
}
@media all and (min-width: 640px) {
    .feed-page__content-list {
        padding-top: 0;
    }
}
.skeleton-comment {
    will-change: opacity;
    -webkit-animation: skeleton-loading 1s linear alternate infinite;
    animation: skeleton-loading 1s linear alternate infinite;
}
.skeleton-comment {
    padding: 0 var(--layout-content-offset-x);
}
.skeleton-comment__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-comment__header .skeleton-circle {
    grid-row: span 2;
}
.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: 14px 0;
}
.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-bottom: var(--layout-island-gap-y);
}
.entry > .content:not(:last-child),
.entry > .skeleton-content:not(:last-child) {
    margin-bottom: 24px;
}
.editor__content {
    padding: 0px var(--layout-content-offset-x);
}
.editor__body {
    position: unset;
    z-index: 5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.editor-owner-picker {
    z-index: 5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.editor-owner-picker__outer {
    position: relative;
    width: var(--layout-max-content-width);
    max-width: 100%;
    margin: 0 auto;
}
.editor-owner-picker__inner {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.editor-owner-picker__avatar {
    position: relative;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    border-radius: 100%;
    overflow: hidden;
}
.editor-owner-picker__avatar:before {
    content: "";
    pointer-events: none;
    position: absolute;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px #0000001a;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.editor-owner-picker__avatar img {
    display: block;
    width: 100%;
    aspect-ratio: inherit;
}
.editor-owner-picker__body {
    overflow: hidden;
}
.editor-owner-picker__title {
    display: flex;
    align-items: center;
}
.editor-owner-picker__subsite-name {
    font-weight: 500;
    color: var(--color-text);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 22px;
}
.editor-owner-picker__subtitle {
    font-size: 15px;
    color: var(--theme-color-text-secondary);
    display: flex;
    align-items: center;
    height: 16px;
    font-size: 13px;
    line-height: 16px;
}
.editor-owner-picker__author-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.editor-owner-picker__verification {
    margin-left: 4px;
}
.editor-owner-picker .popover {
    position: absolute;
    z-index: 1;
    top: calc(100% + 8px);
    left: var(--layout-content-offset-x);
    width: 260px;
}
.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;
    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 0.1s linear, border-color 0.1s linear, box-shadow 0.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 0.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);
}
.editor-control-bar {
    border-radius: 0 0 20px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: var(--layout-max-content-width);
    max-width: 100%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: var(--layout-content-offset-x);
    padding-right: var(--layout-content-offset-x);
}
@media all and (max-width: 924px) {
    .editor-control-bar {
        order: -1;
    }
}
@media all and (min-width: 925px) {
    .editor-control-bar {
        padding-top: 16px;
        padding-bottom: 20px;
    }
}
.editor-control-bar__controls {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
}
@media all and (max-width: 924px) {
    .editor-control-bar__controls {
        order: 1;
        margin-left: auto;
    }
    .editor-control-bar__controls .button {
        order: 1;
    }
}
@media all and (min-width: 925px) {
    .editor-control-bar__controls {
        grid-template-columns: auto auto auto;
    }
}
.editor-control-bar__autosave {
    display: inline-flex;
    align-items: center;
    color: var(--theme-color-text-secondary);
}
.editor-control-bar__autosave .icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0 auto 4px;
}
.editor-control-bar__autosave--process:after {
    content: "\2026";
    position: absolute;
    left: calc(100% - 20px);
    bottom: 0;
    width: 0;
    overflow: hidden;
    -webkit-animation: editor-autosave-ellipsis steps(4) 0.8s infinite;
    animation: editor-autosave-ellipsis steps(4) 0.8s infinite;
}
.editor-control-bar__etc {
    position: relative;
}
.editor-control-bar__etc .popover {
    position: absolute;
    z-index: 6;
}
@media all and (max-width: 924px) {
    .editor-control-bar__etc .popover {
        top: 100%;
        right: 0;
        left: auto;
    }
}
@media all and (min-width: 925px) {
    .editor-control-bar__etc .popover {
        top: auto;
        bottom: calc(100% + 4px);
    }
}
.editor-control-bar__etc-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    color: var(--theme-color-text-secondary);
    border-radius: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (hover: hover) {
    .editor-control-bar__etc-button:hover {
        background-color: var(--theme-color-media-background);
    }
}
@-webkit-keyframes editor-autosave-ellipsis {
    to {
        width: 20px;
    }
}
@keyframes editor-autosave-ellipsis {
    to {
        width: 20px;
    }
}
.comment-form-attachment {
    --size: 100px;
    width: var(--size);
    height: var(--size);
    flex-shrink: 0;
    position: relative;
}
.post-form-attachment {
    width: 100%;
    flex-shrink: 0;
    position: relative;
}
.comment-form-attachment__content {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    width: inherit;
    height: inherit;
    overflow: hidden;
    border-radius: var(--layout-island-border-radius);
    position: relative;
}
.comment-form-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%;
}
.comment-form-attachment__content > * {
    width: 100%;
    height: 100%;
}
.comment-form-attachment__content img,
.comment-form-attachment__content video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.comment-form-attachment__content .loader {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.comment-form-attachment__preview {
    filter: blur(5px) grayscale(1);
}
.comment-form-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;
}
.comment-form-attachment__remove {
    --size: 24px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    z-index: 1;
    top: calc(var(--size) * -0.4);
    right: calc(var(--size) * -0.4);
    border: 1px solid var(--theme-color-border);
    background-color: var(--theme-color-background-content);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-color-signal-negative-default);
    cursor: pointer;
}
@media (hover: hover) {
    .comment-form-attachment__remove:hover {
        background-color: var(--theme-color-signal-negative-default);
        color: var(--theme-color-background-content);
    }
}
.comment-form-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: 0.8;
    border-radius: 6px;
    text-align: center;
    color: var(--color-white);
    padding: 4px 8px;
}
.editor-media-tool {
    display: grid;
    grid-template-columns: repeat(auto-fit, 100px);
    grid-gap: 12px;
    gap: 12px;
}
.editor-media-tool__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    color: var(--theme-color-signal-active-default);
    background-color: var(--theme-color-signal-active-lightest);
    border-radius: 10px;
    cursor: pointer;
}
@media (hover: hover) {
    .editor-media-tool__button:hover {
        background-color: var(--theme-color-signal-active-light);
    }
}
.editor-link-tool-icon:after {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTExLjA2NSA3LjAxNGE0LjE0NyA0LjE0NyAwIDAgMSAuMzU5IDEuNjc5IDQuMTEzIDQuMTEzIDAgMCAxLS42MDIgMi4xMyA0LjExMSA0LjExMSAwIDAgMS0uNjAyLjc3NGwtLjQxNS40MTQtMi43ODQgMi43ODRBNC4xIDQuMSAwIDAgMSA0LjExMiAxNmE0LjExNCA0LjExNCAwIDAgMS0yLjkwOC03LjAyMUwzLjk5MyA2LjE5YTQuNiA0LjYgMCAwIDAtLjA4NSAxLjc4NWMuMDM4LjI4LjEuNTU5LjE4OC44M2wtMS41MzIgMS41MzNhMi4xNzYgMi4xNzYgMCAwIDAtLjY0MiAxLjU0OWMwIC41ODUuMjI4IDEuMTM2LjY0MiAxLjU0OS40MTMuNDE0Ljk2NC42NDIgMS41NDkuNjQyLjU4NiAwIDEuMTM1LS4yMjggMS41NS0uNjQybDEuNTI5LTEuNTMuNTg3LS41ODYuNjI5LS42My40NTQtLjQ1M2MuMDA2LS4wMDcuMDEtLjAxNi4wMTgtLjAyMy4yMzctLjI0My40LS41My41LS44MzIuMDkxLS4yNzMuMTI2LS41NTcuMTA3LS44NGEyLjE2OCAyLjE2OCAwIDAgMC0uNjI2LTEuNDAzIDIuMTY4IDIuMTY4IDAgMCAwLTEuNDA1LS42MjhjLjA1NS0uMDg0LjExOC0uMTY0LjE5Mi0uMjM4bC40LS40LjM4NC0uMzg0LjU1NC0uNTU0YTQuMSA0LjEgMCAwIDEgMS4yMzUuODQ1Yy4zNjYuMzY2LjY0NS43ODcuODQ0IDEuMjM0em0zLjczLTUuODFhNC4xMTQgNC4xMTQgMCAwIDEgMCA1LjgxN0wxMi4wMDggOS44MWMuMDktLjM4LjEzOC0uNzY3LjEzNS0xLjE1NCAwLS4yMTEtLjAyLS40MjItLjA0OS0uNjNhNC42NSA0LjY1IDAgMCAwLS4xODktLjgzMWwxLjUzMy0xLjUzM2EyLjE5MyAyLjE5MyAwIDAgMC0xLjU1LTMuNzRjLS41ODUgMC0xLjEzNS4yMjgtMS41NDkuNjQybC0xLjUzIDEuNTMtLjU4Ny41ODYtLjYyOS42My0uNDUzLjQ1M2MtLjAwNy4wMDctLjAxMi4wMTYtLjAyLjAyM2EyLjIwNyAyLjIwNyAwIDAgMC0uNjA3IDEuNjcgMi4xNyAyLjE3IDAgMCAwIC42MjcgMS40MDVjLjM3OS4zOC44NzUuNTkzIDEuNDA1LjYyOGExLjQ3OCAxLjQ3OCAwIDAgMS0uMTkyLjI0bC0uNC4zOTgtLjM4NC4zODUtLjU1NC41NTNhNC4wOTcgNC4wOTcgMCAwIDEtMS4yMzQtLjg0NSA0LjA4NyA0LjA4NyAwIDAgMS0uODQ1LTEuMjM0IDQuMTM5IDQuMTM5IDAgMCAxLS4zNi0xLjY4QTQuMTE2IDQuMTE2IDAgMCAxIDUuNzggNC40MDVsLjQxNS0uNDE1IDIuNzg0LTIuNzg0QTQuMSA0LjEgMCAwIDEgMTEuODg4IDBjMS4wNTIgMCAyLjEwNS40MDIgMi45MDggMS4yMDV6Ii8+PC9zdmc+Cg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTExLjA2NSA3LjAxNGE0LjE0NyA0LjE0NyAwIDAgMSAuMzU5IDEuNjc5IDQuMTEzIDQuMTEzIDAgMCAxLS42MDIgMi4xMyA0LjExMSA0LjExMSAwIDAgMS0uNjAyLjc3NGwtLjQxNS40MTQtMi43ODQgMi43ODRBNC4xIDQuMSAwIDAgMSA0LjExMiAxNmE0LjExNCA0LjExNCAwIDAgMS0yLjkwOC03LjAyMUwzLjk5MyA2LjE5YTQuNiA0LjYgMCAwIDAtLjA4NSAxLjc4NWMuMDM4LjI4LjEuNTU5LjE4OC44M2wtMS41MzIgMS41MzNhMi4xNzYgMi4xNzYgMCAwIDAtLjY0MiAxLjU0OWMwIC41ODUuMjI4IDEuMTM2LjY0MiAxLjU0OS40MTMuNDE0Ljk2NC42NDIgMS41NDkuNjQyLjU4NiAwIDEuMTM1LS4yMjggMS41NS0uNjQybDEuNTI5LTEuNTMuNTg3LS41ODYuNjI5LS42My40NTQtLjQ1M2MuMDA2LS4wMDcuMDEtLjAxNi4wMTgtLjAyMy4yMzctLjI0My40LS41My41LS44MzIuMDkxLS4yNzMuMTI2LS41NTcuMTA3LS44NGEyLjE2OCAyLjE2OCAwIDAgMC0uNjI2LTEuNDAzIDIuMTY4IDIuMTY4IDAgMCAwLTEuNDA1LS42MjhjLjA1NS0uMDg0LjExOC0uMTY0LjE5Mi0uMjM4bC40LS40LjM4NC0uMzg0LjU1NC0uNTU0YTQuMSA0LjEgMCAwIDEgMS4yMzUuODQ1Yy4zNjYuMzY2LjY0NS43ODcuODQ0IDEuMjM0em0zLjczLTUuODFhNC4xMTQgNC4xMTQgMCAwIDEgMCA1LjgxN0wxMi4wMDggOS44MWMuMDktLjM4LjEzOC0uNzY3LjEzNS0xLjE1NCAwLS4yMTEtLjAyLS40MjItLjA0OS0uNjNhNC42NSA0LjY1IDAgMCAwLS4xODktLjgzMWwxLjUzMy0xLjUzM2EyLjE5MyAyLjE5MyAwIDAgMC0xLjU1LTMuNzRjLS41ODUgMC0xLjEzNS4yMjgtMS41NDkuNjQybC0xLjUzIDEuNTMtLjU4Ny41ODYtLjYyOS42My0uNDUzLjQ1M2MtLjAwNy4wMDctLjAxMi4wMTYtLjAyLjAyM2EyLjIwNyAyLjIwNyAwIDAgMC0uNjA3IDEuNjcgMi4xNyAyLjE3IDAgMCAwIC42MjcgMS40MDVjLjM3OS4zOC44NzUuNTkzIDEuNDA1LjYyOGExLjQ3OCAxLjQ3OCAwIDAgMS0uMTkyLjI0bC0uNC4zOTgtLjM4NC4zODUtLjU1NC41NTNhNC4wOTcgNC4wOTcgMCAwIDEtMS4yMzQtLjg0NSA0LjA4NyA0LjA4NyAwIDAgMS0uODQ1LTEuMjM0IDQuMTM5IDQuMTM5IDAgMCAxLS4zNi0xLjY4QTQuMTE2IDQuMTE2IDAgMCAxIDUuNzggNC40MDVsLjQxNS0uNDE1IDIuNzg0LTIuNzg0QTQuMSA0LjEgMCAwIDEgMTEuODg4IDBjMS4wNTIgMCAyLjEwNS40MDIgMi45MDggMS4yMDV6Ii8+PC9zdmc+Cg==);
}
.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: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: var(--height);
    padding-left: var(--paddingLeft);
    padding-right: var(--paddingRight);
    background-color: var(--theme-color-field-background-default);
    border: 1px solid var(--theme-color-field-border-default);
    border-radius: var(--radius);
    transition: background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
}
.field--select > .field__wrapper {
    cursor: pointer;
}
.field--tiny > .field__wrapper {
    font-size: 13px;
    line-height: 16px;
}
.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 {
        box-shadow: 0 0 0 3px var(--theme-color-signal-active-lightest);
    }
}
.field--focused > .field__wrapper {
    background-color: var(--theme-color-field-background-hover);
    border-color: var(--theme-color-signal-active-default);
    box-shadow: 0 0 0 3px var(--theme-color-signal-active-lightest);
}
.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__icon {
    fill: none;
    flex-shrink: 0;
    color: var(--theme-color-text-secondary);
}
.field--disabled .field__icon {
    color: inherit;
}
.field__icon--left {
    margin-right: var(--iconLeftMarginRight);
}
.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 0.3s linear, opacity 0.2s linear;
}
.field__caption {
    color: var(--theme-color-text-secondary);
}
.field .popover {
    --width: 100% !important;
}
.field .popover {
    position: absolute;
    z-index: 1;
    --top: calc(var(--height) + 10px);
}
.text-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;
}
.text-input::-moz-placeholder {
    color: var(--theme-color-text-secondary);
}
.text-input::placeholder {
    color: var(--theme-color-text-secondary);
}
.text-input[disabled]::-moz-placeholder {
    color: inherit;
}
.text-input[disabled]::placeholder {
    color: inherit;
}
.text-input:-webkit-autofill,
.text-input:-webkit-autofill:focus,
.text-input:-webkit-autofill:active {
    transition-delay: 9999s;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
}
@media (hover: hover) {
    .text-input:-webkit-autofill:hover {
        transition-delay: 9999s;
        -webkit-transition-property: background-color, color;
        transition-property: background-color, color;
    }
}
.counter {
    font-size: 13px;
    line-height: 16px;
    color: var(--theme-color-text-secondary);
    flex-shrink: 0;
}
.appearance h1 {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}
.appearance h2 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 10px;
}
.appearance label {
    display: block;
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
    margin: 2px 0;
}
@media (hover: hover) {
    .appearance label:hover {
        background-color: var(--theme-color-button-minimal);
    }
}
.appearance label.active {
    background-color: var(--theme-color-button-minimal-active);
}
.appearance label input {
    margin-right: 4px;
}
.product-logo {
    --radius: 12px;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: var(--radius);
    background-color: #EDF5FF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000000;
}
.product-logo svg {
    fill: none;
    width: 34.8px;
    height: 39.8px;
}
.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;
}
.onboarding {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.onboarding__header {
    max-width: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.onboarding__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
}
.onboarding__text {
    margin-top: 24px;
    max-width: 400px;
    text-align: center;
}
.onboarding__button {
    flex-shrink: 0;
    margin-top: auto;
    max-width: 320px;
    width: 100%;
}
@media all and (min-width: 640px) {
    .onboarding__button {
        margin-bottom: 24px;
    }
}
.auth {
    max-width: 320px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.auth__header {
    padding: 48px 0;
}
.auth__header--with-pic {
    padding-top: 0;
}
.auth__header-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}
.auth__content {
    width: 100%;
}
.auth__content--stretched {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 24px;
}
.auth__button {
    display: block;
    border-radius: 12px;
    padding: 11px 50px;
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    background: var(--theme-color-button-minimal);
    color: var(--theme-color-text-primary);
    margin-bottom: 16px;
    text-align: center;
    width: 100%;
    cursor: pointer;
    position: relative;
}
@media (hover: hover) {
    .auth__button:hover {
        background: var(--theme-color-button-minimal-hover);
    }
}
.auth__button-icon {
    position: absolute;
    left: 16px;
    top: 12px;
}
.auth__secondary-action,
.auth__disclaimer {
    margin-top: 14px;
    color: var(--theme-color-text-secondary);
    text-align: center;
}
.auth__secondary-action button,
.auth__disclaimer button {
    font-size: inherit;
    line-height: inherit;
}
.auth__disclaimer {
    margin-top: auto;
    font-size: 13px;
    line-height: 18px;
    white-space: pre-line;
}
.auth-form {
    flex-basis: 100%;
}
.auth-form .field {
    margin-bottom: 16px;
}
.auth-form .button {
    width: 100%;
}
.auth-footer {
    margin-top: auto;
}
.auth-footer .button {
    width: 100%;
}
.auth-loader {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.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__item--active {
    color: var(--active-item-color);
}
.tabbar__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.tabbar__content {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.tabbar__user--active .tabbar__user-avatar {
    box-shadow: 0 0 0 1px var(--theme-color-background-content), 0 0 0 3px var(--active-item-color);
}
.tabbar__user--active .tabbar__user-avatar img {
    border-radius: 100%;
}
.tabbar-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--item-offset);
    font-weight: 500;
}
.tabbar-item--active {
    color: var(--active-item-color);
}
.theme-switcher {
    position: relative;
}
.theme-switcher__toggle {
    font-size: inherit;
    line-height: inherit;
}
.theme-switcher__popover {
    position: absolute;
    text-align: left;
    text-align: initial;
}
.theme-switcher__popover--open-down {
    top: calc(100% + 8px);
}
.theme-switcher__popover--open-up {
    top: auto;
    top: calc(100% + 10px);
    bottom: inherit;
}
.sidebar {
    overflow: hidden;
    --gap: 4px;
    height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
    width: 100%;
    max-width: 250px;
}
.sidebar__main::-webkit-scrollbar {
    display: none;
}
.sidebar__main {
    overflow-y: scroll;
    padding: 0 var(--layout-left-aside-offset);
}
.sidebar__footer {
    font-size: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 20px;
}
.sidebar-item {
    --height: 46px;
    --offset: 10px;
    display: flex;
    align-items: center;
    padding: 0 var(--offset);
    height: var(--height);
    border-radius: 12px;
}
.sidebar-item .icon {
    color: var(--theme-color-text-secondary);
    margin-right: 12px;
    fill: none;
}
.sidebar-item--active {
    background-color: var(--theme-color-background-content);
}
@media (hover: hover) {
    .sidebar-item:hover {
        background-color: var(--theme-color-background-content);
    }
}
@media (active: active) {
    .sidebar-item:active {
        background-color: var(--theme-color-background-content);
    }
}
.sidebar-item--active .icon {
    color: var(--theme-color-brand-primary);
}
.sidebar-item-inline {
    line-height: normal;
    font-size: 12px;
    color: var(--theme-color-text-secondary);
}
@media (hover: hover) {
    .sidebar-item-inline:hover {
        opacity: 0.72;
    }
}
.sidebar-item--theme-switcher {
    color: var(--theme-color-text-secondary);
}
.sidebar-editor-button {
    display: block;
    margin-top: 22px;
}
.sidebar-editor-button .button {
    width: 100%;
}
.modal-window__back {
    left: 12px;
}
.modal-window__back,
.modal-window__close {
    position: absolute;
}
.modal-window__close {
    right: 12px;
}
.modal-fullpage {
    position: fixed;
    z-index: var(--layout-z-modal-overlay);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
@media all and (min-width: 640px) {
    .modal-fullpage {
        background: rgba(0, 0, 0, 0.5);
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
        will-change: opacity;
        -webkit-animation: underlay-in 0.2s ease;
        animation: underlay-in 0.2s ease;
    }
}
.modal-fullpage {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media all and (min-width: 925px) {
    .modal-fullpage {
        padding: 20px;
    }
    .modal-fullpage--maximized {
        top: var(--layout-header-height);
        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;
    -webkit-animation: modal-enter 0.15s ease;
    animation: modal-enter 0.15s ease;
    will-change: transform;
}
@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 0.15s ease, transform 0.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;
}
.popover-overlay {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: calc(var(--layout-z-index-navbar) - 1);
    z-index: var(--z-index, calc(var(--layout-z-index-navbar) - 1));
}
.popover-overlay--processing {
    visibility: hidden;
    overflow: hidden;
}
.popover-overlay .popover {
    transform: translateZ(0);
}
.popover-overlay .popover:before,
.popover-overlay .popover:after {
    content: "";
    width: 100%;
    height: 0;
    height: var(--distance, 0);
    position: absolute;
    bottom: 100%;
    left: 0;
}
.popover-overlay .popover:after {
    top: 100%;
    bottom: auto;
}
.alert {
    width: 100%;
    background-color: var(--theme-color-background-content) !important;
    border: 1px solid hsla(0, 0%, 100%, 0.05) !important;
    -webkit-box-shadow: 0 0 1.5rem rgb(0 0 0 / 30%);
    box-shadow: 0 0 1.5rem rgb(0 0 0 / 30%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--theme-color-text-primary);
    padding: 10px 12px;
    border-radius: 10px;
    display: flex;
    align-items: flex-start;
    font-size: 15px;
    line-height: 22px;
}
.alert__icon {
    color: #fff;
    flex-shrink: 0;
    margin-right: 10px;
    margin-top: 2px;
}
.alert__text {
    margin-right: auto;
    margin-top: 2px;
}
.alert__button {
    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;
}
:root {
    --safe-tabbar-height: calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom));
}
@-webkit-keyframes underlay-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes underlay-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes modal-enter {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes modal-enter {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
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;
}
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: auto 1fr auto;
    padding-top: var(--layout-header-height);
    padding-bottom: var(--layout-tabbar-height);
    word-break: break-word;
}
@media all and (min-width: 925px) {
    #app {
        grid-template-rows: auto 1fr;
    }
}
.layout {
    width: 100%;
    max-width: var(--layout-max-width);
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.view {
    width: 100%;
    min-width: 0;
    padding: var(--layout-view-offset-y) 0;
}
.bar {
    width: 100%;
    position: absolute;
    left: 0;
    display: flex;
    flex-direction: column;
    padding-right: var(--scrollbar-width);
}
.bar--top {
    top: 0;
    z-index: var(--layout-z-index-header);
}
.bar--bottom {
    bottom: 0;
    z-index: 1;
}
.aside {
    position: sticky;
    top: calc(var(--layout-header-height));
    height: calc(100vh - var(--layout-header-height));
}
.aside--left {
    padding: var(--layout-view-offset-y) 0;
    z-index: calc(var(--layout-z-index-feed) + 1);
}
.aside--right {
    display: block;
}
.editor-button {
    position: fixed;
    z-index: 1;
    right: calc(var(--layout-content-offset-x) + 0px);
    right: calc(var(--layout-content-offset-x) + var(--scrollbar-width, 0px));
    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));
}
.editor-button .button {
    color: var(--theme-color-brand-primary);
}
.vote .vote__value {
    position: relative;
    color: var(--theme-color-text-secondary-light);
    cursor: default;
    text-align: center;
    white-space: nowrap;
}
.t-ff-1-500 {
    font-weight: 600;
}
.l-fs-16 {
    font-size: 15px;
}
.vote__button {
    height: 20px;
    color: var(--theme-color-text-secondary-light);
    cursor: pointer;
}
.vote--content .vote__button {
    width: 24px;
    height: 24px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.vote--content .vote__button:before {
    content: "";
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    display: none;
}
@media (hover: hover) {
    .vote--content .vote__button:hover {
        color: #595959;
    }
    .vote--content .vote__button:hover:before {
        background-color: rgba(0, 0, 0, 0.05);
        display: block;
    }
}
.vote .vote__button--plus {
    margin-right: 12px;
}
.vote__button .icon {
    position: static;
}
.vote .vote__button--minus {
    margin-left: 12px;
}
.vote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px;
    background: var(--theme-color-button-maximal);
    border-radius: 32px;
    padding-top: 3px;
    padding-right: 9px;
    padding-bottom: 3px;
    padding-left: 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
._2EA2YTrOfH,
._2Slol_9dL8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
._2Slol_9dL8 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-end;
    min-width: 36px;
    margin-right: 20px;
}
.f7NbxXFOsM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 36px;
}
._2Yk7Q7wF_t {
    padding: 0 8px;
}
._1tWXpsfxUI {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-line-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-content: center;
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    outline: none;
    overflow: visible;
    position: relative;
    text-decoration: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
._1FmjagBJ7x {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #000;
    font-weight: 500;
    justify-content: center;
    -webkit-transition: color 0.1s ease-out, background-color 0.1s ease-out, opacity 0.1s ease-out, border-color 0.1s ease-out, -webkit-transform 0.1s ease-out;
    transition: color 0.1s ease-out, background-color 0.1s ease-out, opacity 0.1s ease-out, border-color 0.1s ease-out, -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out, color 0.1s ease-out, background-color 0.1s ease-out, opacity 0.1s ease-out, border-color 0.1s ease-out;
    transition: transform 0.1s ease-out, color 0.1s ease-out, background-color 0.1s ease-out, opacity 0.1s ease-out, border-color 0.1s ease-out, -webkit-transform 0.1s ease-out;
    white-space: nowrap;
}
.KNyoA98CNI {
    border-radius: 10px;
    height: 36px;
    line-height: 36px;
    min-width: 36px;
}
._1xhtdVGLDb,
.KNyoA98CNI {
    font-size: 14px;
}
._284PP_MhZC {
    background-color: #fff;
    background-size: cover;
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 5%);
    display: block;
    max-height: 100%;
    max-width: 100%;
    position: relative;
}
.fqSI6l9EFP {
    height: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px;
}
._1xJ6qKHpge {
    fill: var(--_1xJ6qKHpge-fill);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
}
._1kWb64f-tt {
    background: var(--_1kWb64f-tt-background);
}
.editor {
    background-color: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius);
}
.editor-control-bar-mobile {
    display: none;
}
@media (max-width: 859px) {
    .editor-control-bar-mobile {
        display: flex;
    }
    .editor-control-bar-pc {
        display: none;
    }
    .editor {
        min-height: 100vh;
    }
}
.activity_name .activity_icon {
    margin-top: 1px;
    margin-right: 5px;
    vertical-align: top;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-clip: padding-box;
}
.sidebar-separator-view._size_s {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
}
.sidebar-separator-view {
    background: var(--theme-sidebar-separator-color-background);
    min-height: 1px;
}
.l-ph-20,
.ui_modal_window__content,
.ui_modal_window__footer,
.ui_modal_window__header,
.ui_navigation__item {
    padding-left: 10px;
    padding-right: 10px;
}
.sidebar__tree-list__title {
    color: var(--theme-color-text-secondary);
    font-size: 13px;
    line-height: 26px;
}
.l-fa-center {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.content-image {
    margin-top: var(--layout-content-gap-media);
    margin-bottom: var(--layout-content-gap-media);
    /*--background-color: rgba(0,0,0,0.08);
	background-color: var(--background-color);*/
    --offset-y: var(--offset, 0);
    -ms-flex-pack: center;
    justify-content: center;
    padding: var(--offset-y) 0;
}

.andropov_image__inner_1 img {
    max-width: 600px;
    max-height: 460px;
}
.block-text h2,
.block-text h3,
.block-text h4 {
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 15px;
}
.block-text h2,
.block-text h3 {
    font-size: 1.5em;
    line-height: 1.3em;
}
.block-text .l-mv-20 + div h2,
.block-text .l-mv-20 + div h3,
.block-text .l-mv-20 + div h4,
.block-text .l-mv-20 + div p,
.block-text div:first-child:not(.block-html) h2,
.block-text div:first-child:not(.block-html) h3,
.block-text div:first-child:not(.block-html) h4,
.block-text div:first-child:not(.block-html) figure,
.block-text div:first-child:not(.block-html) p {
    margin-top: 0;
}
.writing {
    --footer-height: 50px;
    min-height: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
@media (min-width: 1025px) {
    .writing {
        --footer-height: 86px;
        min-height: 400px;
        height: auto;
    }
}
.writing__body {
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.writing__authors {
    --offset-top: 5px;
    --height: var(--controls-size, 48px);
    background-color: #fff;
    margin-bottom: 2px;
    position: relative;
    z-index: 2;
    padding-right: var(--scrollbar-size);
    margin-top: var(--offset-top);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (min-width: 1025px) {
    .writing__authors {
        --offset-top: 12px;
        margin-bottom: 3px;
        position: relative;
        z-index: 5;
    }
}
.l-fa-center {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}
.l-flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}
.writing-select {
    white-space: nowrap;
    line-height: 22px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.writing-select__current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.writing-select__image {
    outline: 1px solid rgba(0, 0, 0, 0.1);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background-color: #f2f2f2;
    border-radius: 50%;
    overflow: hidden;
}
.writing-select__image img {
    width: 100%;
    height: 100%;
    outline-offset: -1px;
}
.writing-select__label {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: 20px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 860px) {
    .writing-select__label {
        max-width: 250px;
    }
}
.writing-select .icon--v_arrow_down {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 6px;
}
.writing-select .popover {
    top: 100%;
    right: 0;
    left: 0;
    display: none;
    width: auto !important;
    min-width: 220px;
    max-width: 220px;
    margin-top: 7px;
}
@media (min-width: 860px) {
    .writing-select .popover {
        left: -16px;
        right: -16px;
    }
}
.popover__switcher {
    --main-offset: 6px;
    --search-bottom-offset: 4px;
    --scrollbar-offset: 8px;
    --item-offset-left: 10px;
    --item-offset-right: 18px;
    --item-gap: 4px;
    --text-color: #000;
    font-size: 16px;
    line-height: 1.5em;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 8px rgb(0 0 0 / 6%), 0 0 1px rgb(0 0 0 / 25%);
    box-shadow: 0 4px 8px rgb(0 0 0 / 6%), 0 0 1px rgb(0 0 0 / 25%);
    border-radius: 10px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 400px;
    color: #000;
}
.popover__main {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.popover__scrollable {
    -ms-flex: 1;
    flex: 1;
}
.popover__content {
    padding: var(--main-offset);
    position: relative;
}
.popover__section:first-of-type .popover-title {
    padding-top: 5px;
}
.popover-item {
    --color-background: transparent;
    --icon-size: 22px;
    --icon-offset: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: var(--item-offset-left);
    padding-right: var(--item-offset-right);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-background);
    cursor: pointer;
    border-radius: 6px;
    outline: 0;
}
.popover-item:not(:last-child) {
    margin-bottom: var(--item-gap);
}
.popover-item:hover,
.popover-item--focused {
    --color-background: rgba(0, 0, 0, 0.05);
}
.popover-item--selected {
    --item-offset-right: 10px;
    --color-background: #e3edfd;
}
.popover-item--selected:hover,
.popover-item--selected.popover-item--focused {
    --color-background: #d8e7fc;
}
.popover-item__image {
    background-color: #dedede;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
    image-rendering: -webkit-optimize-contrast;
}
.popover-item__icon,
.popover-item__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: var(--icon-size);
    height: var(--icon-size);
    margin-right: var(--icon-offset);
}
.popover-item__main {
    min-width: 0;
}
.popover-item .popover-title__label,
.popover-item .popover-item__label,
.popover-item .popover-item__details {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.writing__scrollable {
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
}
@media (min-width: 1025px) {
    .writing__scrollable {
        overflow-x: hidden;
        overflow-y: scroll;
        scrollbar-color: dark;
        -webkit-overflow-scrolling: touch;
        --scrollbar-size: 16px;
        --scrollbar-offset: 4px;
        scrollbar-color: #d9d9d9 transparent;
        scrollbar-width: thin;
    }
}
.v-button--blue {
    --offset: 16px;
    --min-width: 44px;
    --height: 40px;
    --font-size: 16px;
    --icon-size: 24px;
    --border-radius: 8px;
    position: relative;
    outline: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: var(--font-size);
    height: var(--height);
    border-radius: var(--border-radius);
    cursor: pointer;
    font-weight: 500;
    font-family: Rubik, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    background-color: #4683d9;
    box-shadow: 0 1px 2px rgb(70 131 217 / 48%), inset 0 -1px 0 rgb(0 0 0 / 12%);
    color: #fff;
}
.v-button__label {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 var(--offset);
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.editor__content h2,
.editor__content h3,
.editor__content h4 {
    font-weight: 500;
}

.editor__content h2,
.editor__content h3 {
    font-size: 1.5em;
    line-height: 1.3em;
}
.cdx-button svg {
    display: revert;
}
.ce-block__content {
    position: unset;
}
.textarea {
    --height: unset;
    --paddingLeft: 0;
    --paddingRight: 0;
}
.textarea__input {
    border: none;
    width: 100%;
    outline: none;
    background-color: transparent;
    padding: 8px 11px;
    box-sizing: border-box;
    resize: none;
    min-height: 64px;
    font-size: 17px;
    line-height: 24px;
}
.notify {
    position: fixed;
    z-index: 2000;
    right: 0;
    top: 75px;
    width: 300px;
    will-change: top;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 30px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.toast-hide {
    opacity: 0;
    height: 0;
    margin-bottom: 0;
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
    -webkit-transition: height 350ms 175ms ease, margin 350ms 175ms ease, opacity 350ms ease, -webkit-transform 525ms ease;
    transition: height 350ms 175ms ease, margin 350ms 175ms ease, opacity 350ms ease, -webkit-transform 525ms ease;
    transition: height 350ms 175ms ease, margin 350ms 175ms ease, transform 525ms ease, opacity 350ms ease;
    transition: height 350ms 175ms ease, margin 350ms 175ms ease, transform 525ms ease, opacity 350ms ease, -webkit-transform 525ms ease;
}

.notify-item {
    border-radius: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #e7e8ec;
    z-index: 1000;
    margin-bottom: 0;
    padding: 0 15px 0 70px;
    border-left: 2px solid #444;
    border-top: 1px solid rgba(0, 0, 0, 0.03);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    font-size: 0;
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
    animation: ani 450ms forwards;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
@keyframes ani {
    0% {
        transform: translateX(350%);
    }
    100% {
        transform: translateX(0);
    }
}
.notify-item--grab {
    cursor: -webkit-grab;
    cursor: grab;
}
.notify-item--shown {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    margin-bottom: 10px;
    height: 74px;
    -webkit-transition: height 350ms ease, margin 350ms ease, opacity 350ms cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 350ms 175ms cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition: height 350ms ease, margin 350ms ease, opacity 350ms cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 350ms 175ms cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition: height 350ms ease, margin 350ms ease, transform 350ms 175ms cubic-bezier(0.175, 0.885, 0.32, 1.15), opacity 350ms cubic-bezier(0.2, 0, 0.2, 1);
    transition: height 350ms ease, margin 350ms ease, transform 350ms 175ms cubic-bezier(0.175, 0.885, 0.32, 1.15), opacity 350ms cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 350ms 175ms cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.notify-item--hidden {
    opacity: 0;
    height: 0;
    margin-bottom: 0;
    -webkit-transition: height 175ms 350ms ease, margin 175ms 350ms ease, opacity 350ms linear;
    transition: height 175ms 350ms ease, margin 175ms 350ms ease, opacity 350ms linear;
}
.notify-item--swiped {
    opacity: 0;
    height: 0;
    margin-bottom: 0;
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
    -webkit-transition: height 350ms 175ms ease, margin 350ms 175ms ease, opacity 350ms ease, -webkit-transform 525ms ease;
    transition: height 350ms 175ms ease, margin 350ms 175ms ease, opacity 350ms ease, -webkit-transform 525ms ease;
    transition: height 350ms 175ms ease, margin 350ms 175ms ease, transform 525ms ease, opacity 350ms ease;
    transition: height 350ms 175ms ease, margin 350ms 175ms ease, transform 525ms ease, opacity 350ms ease, -webkit-transform 525ms ease;
}
.notify-item i {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 17px;
    left: 17px;
}
.notify-item i .icon {
    display: none;
}
.notify-item p {
    font-family: Rubik, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.notify-item p a {
    color: #3766a9;
    border-bottom: 1px solid #bed0ea;
    cursor: pointer;
}
.notify-item p a:hover {
    color: #cd192e;
    border-bottom: 1px solid #f6b4bc;
}
.notify-item p b {
    font-weight: 500;
}
.notify-item--success {
    border-left-color: #2ea83a;
}
.notify-item--success i .icon--ui_success {
    fill: #2ea83a;
    display: block;
}
.notify-item--success i .icon--ui_cancel {
    display: block;
}
.notify-item--error {
    border-left-color: #e52e3a;
}
.notify-item--error i {
    width: 34px;
}
.notify-item--error i .icon--ui_cancel {
    fill: #e52e3a;
    display: block;
}
.notify-item:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#notify .notify__item,
.ui-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input[type="file"]::-webkit-file-upload-button {
    margin-right: 1rem;
    border-radius: 9999px;
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(23 23 23 / var(--tw-text-opacity));
}

input[type="file"]::-webkit-file-upload-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
.modal {
    opacity: 0;
    visibility: hidden;
}
.modal.active,
.overlay.active {
    opacity: 1;
    visibility: visible;
    outline: none;
    border: 0;
}
.list {
    overflow-y: auto;
    font-size: 13px;
    max-height: 350px;
}
.Menu-Item.Menu-Item_type_info {
    cursor: default;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}
.Menu-Item.Menu-Item {
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 6px;
    padding-left: 12px;
}
.Menu-Item {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    font-size: inherit;
    line-height: inherit;
    transition: color 0.1s, background-color 0.1s;
    position: relative;
    box-sizing: border-box;
}
.Menu-Item {
    border-radius: 12px;
}
.Menu-MenuItemContent {
    cursor: pointer;
    border-radius: 18px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    background: #f0f2f5;
    flex: 1;
    display: flex;
    align-items: flex-start;
}
.Menu-Item * {
    text-decoration: none;
    outline: none;
}
.Menu-MenuItemImage {
    width: 40px;
    height: 40px;
    margin: -2px 8px -2px -8px;
    border-radius: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
}
.Menu-MenuItemTextContent {
    flex: 1;
    align-self: center;
    overflow: hidden;
    min-width: 0;
}
.Menu-MenuItemHint,
.Menu-MenuItemText {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-word;
    color: rgba(0, 0, 0, 0.45);
}
.Text_typography_text-16-20 {
    font-size: 14px;
    line-height: 20px;
}
.Text_typography_text-13-16 {
    font-size: 12px;
    line-height: 16px;
}
.item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    padding-left: 12px;
    line-height: 36px;
    cursor: pointer;
    color: #000;
    overflow: hidden;
}
.item:hover {
    background: #f4f5f6;
    opacity: 1 !important;
}
.item__icon {
    background-color: #f2f2f0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    padding: 12px;
    margin-right: 10px;
}
.item span {
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.item__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
}
.Menu-MenuItemContent:hover {
    background: #e8ebef;
}
.content-header-label:not(:last-child) {
    margin-right: 8px;
}
.content-header__item {
    white-space: nowrap;
    min-width: 0;
}
.content-header-label {
    cursor: pointer;
    background-color: var(--content-header-label-background);
    color: var(--content-header-label-color);
    font-size: 10px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    border-radius: 4px;
    letter-spacing: 0.06em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
#magnify {
    display: none;
    position: fixed;
    max-width: 950px;
    height: auto;
    z-index: 999999999999999999999999;
}

#magnify img {
    width: 100%;
}
#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    z-index: 999999999999999999999999999999999999999999999;
    background: #000;
    opacity: 0.7;
    backdrop-filter: blur(100px);
}
#close-popup {
    cursor: pointer;
    position: fixed;
    top: 32px;
    right: 32px;
    z-index: 999999999999999999999999;
}
.sidebar-item:not(:last-child) {
    margin-bottom: 4px;
}
.link-tool {
    position: relative;
    margin-bottom: 18px;
}
.link-tool:last-child {
    margin-bottom: 0;
}
.link-tool__content {
    display: block;
    padding: 25px;
    border-radius: 2px;
    box-shadow: 0 0 0 2px #fff;
    color: initial !important;
    text-decoration: none !important;
}
.link-tool__content--rendered {
    background: #f4f5f7;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    will-change: filter;
    animation: link-in 450ms 1 cubic-bezier(0.215, 0.61, 0.355, 1);
}
.link-tool__image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 0 30px;
    width: 70px;
    height: 70px;
    border-radius: 8px;
    float: right;
}
.link-tool__title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5em;
    margin: 0 0 10px 0;
}
.link-tool__title + .link-tool__anchor {
    margin-top: 25px;
}
.link-tool__anchor {
    display: block;
    font-size: 15px;
    line-height: 1em;
    color: #888 !important;
    border: 0 !important;
    padding: 0 !important;
}
.content-header-author__approved {
    margin-left: -3px;
}
.subsite-badge:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    margin: -6px 0 0 -6px;
}
.subsite-badge .icon {
    display: block;
}
.content-image_new {
    box-shadow: inset 0 0 0 1px var(--theme-color-field-border-default);
    border-radius: 10px;
    --background-color: rgba(0, 0, 0, 0.08);
    --offset-y: var(--offset, 0);
    background-color: var(--background-color);
    -ms-flex-pack: center;
    justify-content: center;
    padding: var(--offset-y) 0;
}
.content-image_new,
.content-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.content-image .andropov_image,
.content-image .andropov_video {
    width: 100%;
}
.andropov_image {
    overflow: hidden;
}
.andropov_image--zoomable img,
img.andropov_image--zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.andropov_iframe iframe,
.andropov_image img,
.block-audio audio {
    display: block;
    image-rendering: -webkit-optimize-contrast;
    width: 100%;
}
.andropov_image__inner img {
    position: relative !important;
    max-height: 600px;
    max-width: 910px;
}
.notifications__items-container {
    position: relative;
}
.u-notification--border:first-of-type {
    border-top: none;
}
.u-notification--border {
    border-bottom: 1px solid #f2f2f2;
}
.u-notification {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 13px;
    line-height: 18px;
    padding: 9px 15px;
    cursor: pointer;
    position: relative;
}
.u-notification__link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.u-notification__image--relative {
    position: relative;
}
.u-notification__image {
    min-width: 36px;
    min-height: 36px;
    width: 36px;
    height: 36px;
    margin-right: 12px;
    -ms-flex-negative: 2;
    flex-shrink: 2;
}
.u-notification__image img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    outline-offset: -1px;
    outline: 1px solid rgba(0, 0, 0, 0.1);
}
.u-notification__content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    word-break: break-word;
}
.u-notification__content a {
    position: relative;
    z-index: 2;
}
.u-notification__content b,
.vacancy_edit__mode__info span,
.vacancy_edit__mode__title {
    font-weight: 500;
}
.u-notification__avatar-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #595959;
    color: #fff;
    right: -5px;
    bottom: -5px;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
}
.u-notification--blue .u-notification__avatar-icon {
    background: #66a6ed;
}
.u-notification--green .u-notification__avatar-icon {
    background: #fff;
}
.u-notification--red .u-notification__avatar-icon {
    background: #ff4759;
}
.u-notification__avatar-icon,
.u-notification__image-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.u-notification__image .icon {
    position: static;
}
.u-notification__content__date {
    color: #595959;
    text-transform: lowercase;
}
.visible {
    visibility: visible;
    opacity: 1;
}
.hidden {
    visibility: hidden;
    opacity: 0;
}
.v-island {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.5em;
}
@media (max-width: 859px) {
    .v-island {
        --offset-x: var(--island-offset-x, 16px);
    }
}
.v-island__dummy {
    text-align: center;
    padding: 84px 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}
@media (max-width: 859px) {
    .v-island__dummy {
        padding: 48px 0;
    }
}
.ads_ad_box.redesign.ver.repeat_ver.size_site {
    width: 145px;
}
.ads_ad_box.redesign .ads_ad_box2.ver.repeat_ver.size_site {
    width: 145px;
    display: block;
    text-align: left;
    margin: 15px 0 0 0;
    padding: 0;
}
a.ads_ad_box2:hover {
    text-decoration: none;
}
.ads_ad_box2 {
    overflow: hidden;
    word-wrap: break-word;
    position: relative;
    z-index: 2;
}
.ads_ad_box3.ver {
    width: 100%;
}
.ads_ad_box3 {
    display: inline-block;
    overflow: hidden;
    height: 100%;
    vertical-align: top;
}
.ads_ad_box4.ver {
    table-layout: fixed;
    width: 100%;
}
.ads_ad_box4 {
    display: table;
    height: 100%;
}
.ads_ad_box5 {
    display: table-cell;
    vertical-align: middle;
}
.ads_ad_box.redesign .ads_ad_box6 {
    position: relative;
}
.ads_ad_box.redesign .ads_ad_photo_box.big_image {
    height: 165px;
    max-height: 165px;
}
.ads_ad_box.redesign .ads_ad_photo_box.ver {
    padding-top: inherit;
}
.ads_ad_photo_box {
    position: relative;
    overflow: hidden;
}
.ads_ad_box.redesign .ads_ad_photo_box .ads_ad_photo {
    width: 145px;
    max-width: 145px;
}
.ads_ad_photo.ver {
    margin: 0 auto;
}
.ads_ad_box.redesign .ads_ad_photo_box .ads_ad_age_restriction {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 24px;
    height: 15px;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 40px;
    text-align: center;
    line-height: 15px;
    font-size: 9px;
    color: #fff;
    letter-spacing: var(--vk-sans-ls15);
}
.ads_ad_box.redesign .ads_ad_title_box {
    padding: 7px 0 0 0;
    line-height: 15px;
    color: var(--text_link);
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ads_ad_box.redesign .ads_ad_domain {
    color: #939699;
    font-size: 12px;
    line-height: 15px;
    padding-top: 1px;
}
.u-notification--hover:hover {
    background: #f3f3f3;
}
.ce-inline-toolbar--left-oriented.ce-inline-toolbar--showed {
    -webkit-transform: translateX(-23px);
    transform: translateX(210px);
}
.content-box {
    padding: 8px 0;
    width: 600px;
    margin: 0 auto;
}
.content-box > .download-item {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    max-height: 420px;
    will-change: max-height;
    transition: max-height 0.25s linear;
}
.content-box > .download-item > .item-content {
    padding: 16px;
    position: relative;
}
.content-box > .download-item > .item-content > span {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
}
.content-box > .download-item > .item-content > div {
    padding-top: 16px;
}
.flex-sm {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.fullstory .content-box > .download-item > .item-content > a.blue {
    line-height: 1.71;
    font-size: 14px;
    margin-top: 16px;
    display: inline-block;
}
.fullstory .content-box > .download-item > .item-content > a.blue {
    position: absolute;
    right: 24px;
    top: 24px;
    margin-top: 0;
}
@media only screen and (min-width: 48em) {
    .content-box > .download-item > .item-content > .flex-sm a {
        width: 222px;
    }
}
.content-box > .download-item > .item-content > .flex-sm a {
    outline: none;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.43;
}
.green-bg {
    background-color: #00bd6e;
}
.white {
    color: #fff;
}
.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.content-box > .download-item > .item-content > .flex-sm > p {
    padding-top: 14px;
    font-size: 12px;
    line-height: 1.43;
}
@media only screen and (min-width: 48em) {
    .content-box > .download-item > .item-content > .flex-sm > p {
        padding-top: 0;
        padding-left: 16px;
        font-size: 14px;
    }
}
.content-box > .download-item > .item-content > .flex-sm a > div {
    height: 48px;
    width: 100%;
}
@media only screen and (min-width: 48em) {
    .content-box > .download-item > .item-content > .flex-sm a > div > span {
        width: 48px;
        height: 48px;
        min-width: 48px;
        border-right: 1px solid rgba(255, 255, 255, 0.16);
        margin-right: 0;
    }
}
.fullstory .content-box > .download-item > .item-content > .flex-sm a > div > span {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-right: 8px;
}
.download-link-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMEwyNCAwIDI0IDI0IDAgMjR6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0id2hpdGUiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE5IDEzdjVjMCAuNTUtLjQ1IDEtMSAxSDZjLS41NSAwLTEtLjQ1LTEtMXYtNWMwLS41NS0uNDUtMS0xLTFzLTEgLjQ1LTEgMXY2YzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJ2LTZjMC0uNTUtLjQ1LTEtMS0xcy0xIC40NS0xIDF6bS02LS4zM2wxLjg4LTEuODhjLjM5LS4zOSAxLjAyLS4zOSAxLjQxIDAgLjM5LjM5LjM5IDEuMDIgMCAxLjQxbC0zLjU5IDMuNTljLS4zOS4zOS0xLjAyLjM5LTEuNDEgMEw3LjcgMTIuMmMtLjM5LS4zOS0uMzktMS4wMiAwLTEuNDEuMzktLjM5IDEuMDItLjM5IDEuNDEgMEwxMSAxMi42N1Y0YzAtLjU1LjQ1LTEgMS0xczEgLjQ1IDEgMXY4LjY3eiIvPgogICAgPC9nPgo8L3N2Zz4K);
}
.icon {
    background-repeat: no-repeat;
}
.content-box > .download-item > .item-content > .flex-sm a > div > span > span,
.content-box > .download-item > .item-content > .flex-sm a > div > span > i {
    width: 24px;
    height: 24px;
    display: block;
}
@media only screen and (min-width: 48em) {
    .content-box > .download-item > .item-content > .flex-sm a > div > div {
        width: 100%;
        width: calc(100% - 48px);
        font-weight: 500;
    }
}
.regular {
    font-family: sf-ui-text-regular, sans-serif;
}
.transparent-grey {
    color: rgba(0, 0, 0, 0.38);
}
.figure-image {
    margin-top: var(--layout-content-gap-media);
    margin-bottom: var(--layout-content-gap-media);
    margin-right: 20px;
    margin-left: 20px;
}
.figure-image:first-child {
    margin-top: 0;
}
.category-nav {
    border-radius: 25px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
}
.category-nav .cat-link[data-action="prev"] {
    border-radius: 25px 0 0 25px;
    background-clip: padding-box;
}
.category-nav .cat-link {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 5px;
    cursor: pointer;
    color: #333333;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0 0 2px rgb(0 0 0 / 10%);
    border-radius: 25px;
    background-clip: padding-box;
    font-size: 0.875rem;
    transition: background-color 0.1s linear;
}
.category-nav .cat-link[data-action="random"] {
    border-radius: 0;
    background-clip: padding-box;
}
.category-nav .cat-link[data-action="next"] {
    border-radius: 0 25px 25px 0;
    background-clip: padding-box;
}
.category-nav .cat-link:hover {
    color: #111111;
    background: #f9f9f9;
}
.card-main-sidebar {
    display: flex;
    margin-bottom: 20px;
}
.card-main-sidebar__image {
    display: flex;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 15px;
}
.card-main-sidebar__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.card-main-sidebar__head {
    margin-bottom: 10px;
    display: flex;
    font-size: 14px;
    line-height: 100%;
}
.card-main-sidebar__type {
    font-weight: 500;
    margin-right: 16px;
}
.link1 {
    color: #3766a9;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
}
.link2 {
    color: #007aff;
    cursor: pointer;
    transition: 0.2s;
}
.card-main-sidebar__date {
    color: #8592a3;
}
.card-main-sidebar__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #292929;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.card-comment-sidebar {
    margin-bottom: 20px;
}
.card-comment-sidebar__head {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}
.card-comment-sidebar__head a {
    display: flex;
    align-items: center;
    margin-right: 10px;
    color: #292929;
}
.card-comment-sidebar__avatar {
    display: flex;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 10px;
}
.card-comment-sidebar__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
span.card-comment-sidebar__name {
    font-weight: bold;
}
.card-comment-sidebar__date {
    color: #8592a3;
}
.card-comment-sidebar__text {
    font-size: 16px;
    line-height: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}
.card-comment-sidebar__article {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
}
.sidebar__item-title {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(189, 192, 202, 0.45);
    margin-bottom: 19px;
    line-height: 22px;
    font-weight: 500;
    font-size: 18px;
    display: block;
}
.sidebar__item {
    margin-top: 20px;
}
.block-video {
    /*margin-right: 20px;
    margin-left: 20px;*/
}
.bar--bottom {
    display: none;
}
.feed-sorting {
    display: none;
}
.editor-button {
    display: none;
}
@media (max-width: 859px) {
    .aside--left {
        display: none;
    }
    .content-box {
        width: 345px;
    }
    .content-box > .download-item > .item-content > .flex-sm a {
        margin-right: 15px;
    }
    .content-box > .download-item > .item-content > .flex-sm a > div {
        width: 120px;
        height: 40px;
    }
    .content-box > .download-item > .item-content > .flex-sm > p {
        padding-top: 0;
    }
    .aside--right {
        display: none;
    }
    .header__right {
        display: none;
    }
    .header__center {
        padding-right: 15px;
    }
    .bar--bottom {
        display: block;
    }
    .feed-sorting {
        display: block;
    }
    .editor-button {
        display: block;
    }
}
.css-901oao {
    border: 0 solid black;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 1);
    display: inline;
    font-size: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.r-1b7u577 {
    margin-right: 12px;
}
.r-qvutc0 {
    word-wrap: break-word;
}
.r-bcqeeo {
    margin-top: 16px;
    min-width: 0px;
}
.r-4qtqp9 {
    display: inline-block;
}
.css-16my406 {
    color: inherit;
    white-space: inherit;
}
.r-14j79pv {
    color: hsla(0, 0%, 100%, 0.5);
}
.r-1d4mawv {
    margin-right: 4px;
}
.r-1d2mawv {
    margin-right: 2px;
}
.r-lrvibr {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.r-1plcrui {
    vertical-align: text-bottom;
}
.r-bnwqim {
    position: relative;
}
.r-dnmrzs {
    max-width: 100%;
}
.r-1xvli5t {
    height: 1.25em;
}
.r-yyyyoo {
    fill: currentcolor;
}
.r-4qtqp9 {
    display: inline-block;
}
.r-poiln3 {
    font-family: inherit;
}
.r-qvutc0 {
    word-wrap: break-word;
}
.v-popup-window {
    width: 100%;
    max-width: 880px;
    margin: auto;
}
.v-popup-window--top,
.v-popup-window--bottom {
    max-height: 100%;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.v-popup-window--top .v-popup-window__close,
.v-popup-window--bottom .v-popup-window__close {
    display: none;
}
.v-popup-window--top .v-popup-window__content,
.v-popup-window--bottom .v-popup-window__content {
    --offset: 0;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    /** Safari fix */
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}
.v-popup-window--top {
    margin-top: 0;
}
.v-popup-window--bottom {
    margin-bottom: 0;
}
.v-popup-window--with-cover {
    display: grid;
    grid-template-columns: 212px 1fr;
}
@media (max-width: 859px) {
    .v-popup-window--with-cover {
        display: block;
    }
}
.v-popup-window--with-cover .v-popup-window__cover {
    border-radius: 8px 0 0 8px;
}
@media (max-width: 859px) {
    .v-popup-window--with-cover .v-popup-window__cover {
        border-radius: 8px 8px 0 0;
    }
}
.v-popup-window--with-cover .v-popup-window__content {
    border-radius: 0 12px 12px 0;
}
@media (max-width: 859px) {
    .v-popup-window--with-cover .v-popup-window__content {
        border-radius: 12px;
    }
}
.v-popup-window__cover {
    background-color: #d9f5ff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    padding: 25px 30px;
}
@media (max-width: 859px) {
    .v-popup-window__cover {
        display: none;
        padding: 20px 15px;
    }
}
.v-popup-window__content {
    --offset: 30px;
    background: rgb(29 35 55 / 88%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: var(--offset);
    border-radius: 16px;
    position: relative;
    min-width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 859px) {
    .v-popup-window__content {
        --offset: 20px;
    }
}
.v-popup-window__close {
    --color: #fff;
    z-index: 1;
    position: absolute;
    cursor: pointer;
    color: var(--color);
    opacity: 0.5;
    right: 0;
    top: 0;
    padding: 16px;
}
.v-popup-window__close:hover {
    opacity: 1;
}
@media (max-width: 859px) {
    .v-popup-window__close {
        padding: 8px;
    }
}
.v-popup-window__close .icon {
    display: block;
}
@media (max-width: 859px) {
    .v-popup-window__close .icon {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 859px) {
    .v-popup-window--mobile-fullscreen {
        max-width: none !important;
    }
    .v-popup-window--mobile-fullscreen .v-popup-window__content {
        height: 100%;
        width: 100%;
        top: 0;
        bottom: 0;
        border-radius: 0;
        position: fixed;
    }
    .v-popup-window--mobile-fullscreen .v-popup-window__close {
        padding: 16px;
    }
    .v-popup-window--mobile-fullscreen .v-popup-window__close .icon {
        width: 24px;
        height: 24px;
    }
}
.v-popup-window--new {
    --max-height: calc(100% - 56px);
}
@media (max-width: 859px) {
    .v-popup-window--new {
        margin-bottom: 0;
        max-width: none !important;
        max-height: var(--max-height);
        border-radius: 20px 20px 0 0;
    }
}
.v-popup-window--new .v-popup-window__content {
    padding: 0;
}
@media (max-width: 859px) {
    .v-popup-window--new .v-popup-window__content {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}
@media (max-width: 859px) {
    .v-popup-window--new.v-popup-window--mobile-fullscreen {
        max-height: none;
        border-radius: 0;
    }
    .v-popup-window--new.v-popup-window--mobile-fullscreen .v-popup-window__content {
        position: relative;
    }
}
.v-popup-window .v-popup-header {
    --border-radius: 16px;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}
@media (max-width: 859px) {
    .v-popup-window .v-popup-header {
        --border-radius: 16px;
    }
}
.v-popup-content {
    --border-radius: 16px;
    background-color: inherit;
    border-radius: var(--border-radius);
}
@media (max-width: 859px) {
    .v-popup-content {
        --border-radius: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: stretch;
        align-items: stretch;
        max-height: calc(var(--vh, 1vh) * 100 - 56px);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}
.v-popup-content__header {
    background-color: inherit;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
@media (max-width: 859px) {
    .v-popup-content__header {
        z-index: 11;
        top: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
.v-popup-content__body {
    padding: 24px 32px 32px;
    line-height: 24px;
    background-color: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (max-width: 859px) {
    .v-popup-content__body {
        z-index: 12;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 16px 16px 20px;
    }
}
.v-popup-content__body--without-padding {
    padding-bottom: 16px;
}
@media (max-width: 859px) {
    .v-popup-content__body--without-padding {
        padding-bottom: 0;
    }
}
@media (max-width: 859px) {
    .v-popup-content__body--overflow-auto {
        overflow: auto;
    }
}
@media (min-width: 860px) {
    .v-popup-content__body--rounded {
        border-radius: 0 0 var(--border-radius) var(--border-radius);
    }
}
.v-popup-content__footer {
    position: static;
    padding: 8px 32px 32px;
}
@media (max-width: 859px) {
    .v-popup-content__footer {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 24px 16px;
    }
}
.v-popup-content--no-header .v-popup-content__body {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}
.v-popup-header--with-divider {
    border-bottom: 1px solid #293045;
}
.v-popup-header {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    font-weight: 500;
    padding: 20px 56px 16px;
    position: relative;
    z-index: 1;
    min-height: 65px;
}
.create-entity-popup__upload-field {
    margin: 0 auto 20px;
}
.uploader__inner {
    position: relative;
    width: 80px;
    height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #ecf3fe;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}
.uploader__upload-icon {
    color: #4683d9;
}
.uploader__input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 5;
    border-radius: inherit;
}
.uploader__input input {
    display: none;
}
.create-entity-popup__name {
    margin-bottom: 16px;
}
.v-field {
    --offset-x: 11px;
}
.v-field__wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    background-color: #15192a;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.1s linear, border-color 0.1s linear, -webkit-box-shadow 0.1s linear;
    transition: background-color 0.1s linear, border-color 0.1s linear, -webkit-box-shadow 0.1s linear;
    transition: background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
    transition: background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear;
}
.v-text-input {
    --height: 38px;
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: var(--height);
    padding: 0 11px;
    font-size: 16px;
}
.v-text-input__input {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font: inherit;
    line-height: 1;
    background-color: transparent;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.v-text-input__countdown {
    padding-left: 6px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
}
.v-text-area {
    width: 100%;
    padding: 3px;
    color: rgba(0, 0, 0, 0.65);
}
.v-popup-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}
.subsites_tune__select-all,
.t-link-inline {
    color: #3766a9;
    cursor: pointer;
}
.v-popup-footer__right {
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
}
.v-text-area__input {
    position: relative;
    z-index: 1;
    vertical-align: bottom;
    margin: 0;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    padding: 4px 8px;
    font-size: 16px;
    line-height: 1.5em;
    background: transparent;
    outline: none;
    resize: none;
    font-family: "Roboto";
}
.scroll-footer {
    z-index: 4;
    bottom: 0;
    border-top: 1px solid transparent;
}
.v-popup-header__btn--close {
    right: var(--offset-x);
}
.v-popup-header__btn {
    --offset-y: 23px;
    --offset-x: 16px;
    --color: #fff;
    color: var(--color);
    position: absolute;
    cursor: pointer;
    opacity: 0.5;
    z-index: 1;
    top: var(--offset-y);
}
.v-popup-header__btn .icon {
    display: block;
}
.v-popup-header__btn:hover {
    opacity: 1;
}
.editor-js-video {
    width: 100%;
    border-radius: 10px;
    aspect-ratio: 800 / 450;
    max-width: none;
    max-height: none;
    background-color: rgb(34, 23, 61);
    z-index: calc(var(--link-z-index) + 1);
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    align-items: center;
    justify-items: center;
    overflow: hidden;
    color: var(--color-white);
    cursor: pointer;
}
.cdx-button {
    padding: 12px;
    border-radius: 10px;
    background-color: hsl(229deg 32% 26%);
    border: 1px solid hsl(0deg 0% 100% / 5%);
    -webkit-box-shadow: 0 0 1.5rem rgb(0 0 0 / 5%);
    box-shadow: 0 0 1.5rem rgb(0 0 0 / 5%);
    font-size: 14.9px;
    color: hsla(0, 0%, 100%, 0.5);
    text-align: center;
    cursor: pointer;
}
.cdx-input {
    -webkit-box-shadow: 0 2px 2px 0 rgb(18 30 57 / 4%);
    box-shadow: 0 2px 2px 0 rgb(18 30 57 / 4%);
    border-radius: 10px;
    padding: 12px 15px;
    outline: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgb(201 201 201 / 9%);
}
.ce-block a {
    color: var(--theme-color-link);
    cursor: pointer;
    text-decoration: none;
}
.support {
    --icon-size: 20px;
    --label: block;
    --color-start: #3cb1ff;
    --color-stop: #118adb;
    font-size: 13px;
    line-height: 24px;
    color: #1793e6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (hover: hover) {
    .support:hover {
        --color-start: #369fe6;
        --color-stop: #0f7cc5;
        color: #1582cc;
    }
}

.support:active {
    --color-start: #50b9ff;
    --color-stop: #2996df;
    color: #2e9ce6;
}

@media (max-width: 359px) {
    .support {
        --icon-size: 24px;
        --label: none;
    }
}

@media (min-width: 1180px) and (max-width: 1269px) {
    .support--flexible {
        --icon-size: 24px;
        --label: none;
    }
}

@media (min-width: 860px) and (max-width: 949px) {
    .support--flexible {
        --icon-size: 24px;
        --label: none;
    }
}

.support__label {
    display: var(--label);
}

.support-icon {
    width: var(--icon-size);
    height: var(--icon-size);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4px;
}

.support-icon--animated {
    -webkit-animation: heartBeat-data-v-557bf105 var(--animation-duration, 1000) ease-in-out;
    animation: heartBeat-data-v-557bf105 var(--animation-duration, 1000) ease-in-out;
    animation-iteration-count: 10;
}

@-moz-keyframes heartBeat-data-v-557bf105 {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(0.9);
    }

    35% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(0.9);
    }

    60% {
        transform: scale(1.2);
    }

    75% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes heartBeat-data-v-557bf105 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    35% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes heartBeat-data-v-557bf105 {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(0.9);
    }

    35% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(0.9);
    }

    60% {
        transform: scale(1.2);
    }

    75% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes heartBeat-data-v-557bf105 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    35% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.andropov_image__inner video {
    max-height: 600px;
    max-width: 910px;
}
.andropov_image video {
    display: block;
    image-rendering: -webkit-optimize-contrast;
    width: 100%;
}
.PostAccessLabel_root_lEdbW {
    align-items: center;
    display: flex;
    flex-direction: row;
    position: relative;
}
.PostAccessLabel_icon_ZKMw0 {
    fill: #7c7c7c;
    height: 20px;
    margin-right: 7px;
    width: 20px;
}
.Icon_block_Hvwi5 {
    align-items: center;
    display: flex;
    justify-content: center;
}
.Icon_svg__DRUh {
    max-height: 100%;
    width: 100%;
}
.Post_header_GeZlc {
    align-items: center;
    color: #7c7c7c;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: space-between;
    padding-top: 20px;
    padding-left: 20px;
}
.PostSubscriptionBlock_container_Wepog {
    border-radius: 10px;
    overflow: hidden;
    height: 600px;
    position: relative;
}
.App_app_mApNY img {
    image-orientation: from-image;
}
.PostSubscriptionBlock_image_LtD2B {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
    filter: blur(10px);
}
.PostSubscriptionBlock_content_X8BfF,
.PostSubscriptionBlock_defaultImage_J2st7,
.PostSubscriptionBlock_image_LtD2B {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.PostSubscriptionBlock_content_X8BfF.PostSubscriptionBlock_autoTeaser_B3y0l {
    background: rgba(0, 0, 0, 0.15);
}
.PostSubscriptionBlock_content_X8BfF {
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 30px;
}
.PostSubscriptionBlock_footer_oEsIG {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ContainedButton_colorDefault_fJta6 {
    background-color: #307df0;
}
.ContainedButton_button_mJG1l {
    border: 1px solid transparent;
    color: #fff;
    min-width: 160px;
    padding: 10px 20px;
}
.BaseButton_button_yO8r5 {
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 20px;
    outline: none;
    overflow: hidden;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: all 0.2s;
    white-space: nowrap;
}
.PostSubscriptionBlock_heading_Bw6Y6 {
    flex: 1;
}
.PostSubscriptionBlock_subscriptionLevelLabel_NRnqQ {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 5px;
    text-align: center;
}
.PostSubscriptionBlock_subscriptionName_m8CuY {
    font-size: 18px;
    line-height: 22px;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.PostSubscriptionBlock_subscriptionName_m8CuY,
.PostSubscriptionBlock_subscriptionTitle_nTmBw {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 0 15px;
    text-align: center;
}
.lbs-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    will-change: opacity;
    -webkit-animation: underlay-in 0.2s ease;
    animation: underlay-in 0.2s ease;
}
@media (min-width: 860px) {
    .lbs-overlay {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.lbs-sheet {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--theme-color-background-content);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}
@media (min-width: 860px) {
    .lbs-sheet {
        position: relative;
        width: 520px;
        bottom: auto;
        left: auto;
        right: auto;
        border-radius: 16px;
    }
}
.lbs-sheet__content {
    overflow-x: hidden;
    overflow-y: overlay;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.lbs-sheet__content--custom-scroll-bars::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0);
    width: 16px;
    height: 16px;
    z-index: 999999;
}
.lbs-sheet__content--custom-scroll-bars::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}
.lbs-sheet__content--custom-scroll-bars::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 16px;
    border: 0px solid transparent;
}
.lbs-sheet__content--custom-scroll-bars::-webkit-scrollbar-button {
    display: none;
}
.lbs-sheet__content--custom-scroll-bars:hover::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.25);
    border: 4px solid transparent;
}
@media (min-width: 860px) {
    .lbs-sheet__content {
        border-radius: 16px;
    }
}
.lbs-sheet__close {
    position: absolute;
    padding: 20px;
    right: 0;
    opacity: 0.5;
    cursor: pointer;
    z-index: 10;
}
.lbs-sheet__close:hover {
    opacity: 1;
}
/** Themes */
.lbs-overlay--theme-dark .lbs-sheet {
    background: #000;
}
.lbs-overlay--theme-dark .lbs-sheet__close svg {
    fill: #fff;
}
/** Overlay fade transition */
.overlay-fade-enter-active,
.overlay-fade-leave-active {
    -webkit-transition: opacity 0.14s linear 0.05s;
    transition: opacity 0.14s linear 0.05s;
}
.overlay-fade-enter-active,
.overlay-fade-leave-to {
    opacity: 0;
}
.overlay-fade-enter-to {
    opacity: 1;
}
.t-ff-1-400 {
    font-family: "Roboto", Tahoma;
    font-weight: 400;
}
.t-ff-1-500 {
    font-family: "Roboto", Tahoma;
    font-weight: 500;
}
.t-ff-1-700 {
    font-family: "Roboto", Tahoma;
    font-weight: 700;
}
.t-link-classic {
    color: #3766a9;
    border-bottom: 1px solid #bed0ea;
    cursor: pointer;
}
.t-link-classic:hover {
    color: #cd192e;
    border-bottom: 1px solid #f6b4bc;
}
.t-link-classic-hovered {
    color: #cd192e;
    border-bottom-color: #f6b4bc;
}
.t-link {
    cursor: pointer;
}
.t-link:hover {
    color: #3766a9;
}
.t-link:hover time {
    color: #3766a9;
}
.t-link:hover .icon {
    fill: currentColor;
}
.t-link-hovered {
    color: #3766a9;
}
.t-link-hovered .icon {
    fill: currentColor;
}
.t-link-site {
    color: $color-5;
}
.t-link-site:hover {
    color: #000;
}
.t-link-inline {
    color: #3766a9;
    cursor: pointer;
}
.t-link-inline--gray {
    color: #595959;
}
.t-link-inline:hover {
    color: #cd192e;
}
.t-no_select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
.t-outline {
    outline: 1px solid rgba(0, 0, 0, 0.1);
    outline-offset: -1px;
}
.c-6 {
    color: #595959;
}
.plus-sheet {
    padding-top: 45px;
    background-color: var(--theme-color-background-content);
    box-shadow: 0 0 1.5rem rgb(0 0 0 / 10%);
}
@media (min-width: 860px) {
    .plus-sheet {
        border-radius: 16px;
    }
}
.plus-sheet__title {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 8px;
}
.plus-sheet__subtitle {
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
}
.plus-sheet__gradient {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    padding: 36px 16px 20px 16px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(234, 232, 252, 0)), color-stop(27.25%, #eae8fc0f));
    background: linear-gradient(180deg, rgba(234, 232, 252, 0) 0%, #eae8fc0f 27.25%);
}
@media (min-width: 860px) {
    .plus-sheet__gradient {
        padding-bottom: 48px;
    }
}
.plus-sheet__button {
    position: relative;
    height: 48px;
    line-height: 48px;
    border-radius: 12px;
    font-size: 17px;
    font-weight: 500;
    background: linear-gradient(54.61deg, #307df0 0%, #5e36ff 89.06%);
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-animation: none !important;
    animation: none !important;
    overflow: hidden;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    margin-bottom: 10px;
}
.plus-sheet__button i {
    position: absolute;
    top: 0;
    left: -30%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(255, 255, 255, 0)),
        color-stop(30%, rgba(255, 255, 255, 0.3)),
        color-stop(50%, rgba(255, 255, 255, 0.4)),
        color-stop(70%, rgba(255, 255, 255, 0.3)),
        to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0) 100%);
    width: 100px;
    height: 100%;
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg);
    -webkit-animation: move 5s;
    animation: move 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 1.165s;
    animation-delay: 1.165s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
@media (min-width: 860px) {
    .plus-sheet__button {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
}
.plus-sheet__footer-text {
    line-height: 22px;
    font-size: 15px;
    text-align: center;
}
.plus-sheet__footer-text--gray {
    color: #808080;
}
.plus-sheet__footer-text a {
    color: #317df1;
}
.plus-sheet__footer-text a:hover {
    opacity: 0.75;
}
.plus-icon {
    display: block;
    margin: auto;
    margin-bottom: 8px;
    position: relative;
    left: -5px;
}
.sheet-benefits {
    --benefits-bg: #fff;
    background-color: hsla(0, 0%, 100%, 0.1);
    border: 1px solid hsla(0, 0%, 100%, 0.0666666667);
    -webkit-box-shadow: 0 0 1.5rem rgb(0 0 0 / 10%);
    box-shadow: 0 0 1.5rem rgb(0 0 0 / 10%);
    margin: 0 16px;
    padding: 20px 0;
    border-radius: 16px;
}
@media (min-width: 860px) {
    .sheet-benefits {
        max-width: 420px;
        margin: 0 auto;
    }
}
.sheet-benefits__item {
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    margin-bottom: 20px;
}
.sheet-benefits__item:last-child {
    margin-bottom: 0;
}
.sheet-benefits__icon {
    margin-top: 3px;
    min-width: 36px;
}
.sheet-benefits__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 2px;
}
.sheet-benefits__subtitle {
    font-size: 15px;
    line-height: 22px;
    opacity: 0.65;
}
@-moz-keyframes move {
    0% {
        left: -10%;
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    25% {
        left: 105%;
    }
    100% {
        left: 105%;
    }
}
@-webkit-keyframes move {
    0% {
        left: -10%;
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    25% {
        left: 105%;
    }
    100% {
        left: 105%;
    }
}
@-o-keyframes move {
    0% {
        left: -10%;
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    25% {
        left: 105%;
    }
    100% {
        left: 105%;
    }
}
@keyframes move {
    0% {
        left: -10%;
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    25% {
        left: 105%;
    }
    100% {
        left: 105%;
    }
}
.container[data-v-3d032183] {
    width: 102px;
}
.notifications-list__loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
}
.notifications-popover {
    width: 375px;
    background: var(--theme-color-popover-background);
    box-shadow: var(--theme-shadow-popover);
    border-radius: var(--layout-island-border-radius);
    overflow: hidden;
}
.notifications-popover__header {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    padding: 8px 12px 4px 16px;
    display: flex;
    align-items: center;
}
.notifications-popover__etc {
    margin-left: auto;
}
.notifications-popover__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    border-top: 1px solid var(--theme-color-border);
}
.bell {
    display: flex;
    align-items: center;
    position: relative;
}
.bell__button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 100%;
}
.bell__button--active {
    background: var(--theme-color-brand-background);
}
.bell__button--active .bell__button-icon {
    color: var(--theme-color-brand-primary);
    transform: rotate(20deg);
}
@media (hover: hover) {
    .bell__button-icon:hover {
        opacity: 0.72;
    }
}
.bell__popover {
    position: absolute;
    top: calc(100% + 8px);
    right: -6px;
}
.notification-item {
    display: flex;
    padding: 12px var(--layout-content-offset-x);
    --color-notification-hover: var(--theme-color-popover-item-bg-active);
}
.notification-item b {
    font-weight: 500;
}
.notification-item--compact {
    padding: 12px 16px;
}
.notification-item__image {
    width: var(--notification-image-size);
    height: var(--notification-image-size);
    margin-right: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.notification-item__image--red {
    color: var(--theme-color-signal-negative-default);
    background-color: #ff11221a;
    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(--color-white);
    position: absolute;
    bottom: -2px;
    right: -2px;
}
.notification-item__body {
    flex: 1;
}
.notification-item__text {
    font-size: 15px;
    line-height: 22px;
}
.notification-item__date {
    font-size: 13px;
    line-height: 16px;
    color: var(--theme-color-text-secondary);
    margin-top: 2px;
}
.notification-item__etc {
    align-self: flex-start;
    margin-left: 16px;
}
@media (hover: hover) {
    .notification-item:hover {
        cursor: pointer;
        background: var(--color-notification-hover);
    }
}
.empty-notifications-placeholder {
    text-align: center;
    padding: 50px 20px;
}
.empty-notifications-placeholder__emoji {
    display: block;
    margin: 0 auto 12px;
    width: 45px;
    height: 45px;
    background: url(https://web.archive.org/web/20250121235200im_/https://leonardo3.osnova.io/7cb777ef-c2a0-5f12-9681-6479b9781054/) no-repeat;
    background-size: contain;
}
.empty-notifications-placeholder__title {
    margin-bottom: 7px;
    font-weight: 500;
}
.empty-notifications-placeholder__body {
    font-size: 15px;
    line-height: 22px;
}
.notifications {
    background: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius);
    box-shadow: var(--theme-color-button-secondary-shadow);
    position: relative;
}
.notifications__header {
    padding: 13px var(--layout-content-offset-x);
    border-bottom: 1px solid var(--theme-color-border);
    display: flex;
    align-items: center;
    background: var(--theme-color-background-content);
    z-index: 2;
    position: relative;
    border-top-left-radius: var(--layout-island-border-radius);
    border-top-right-radius: var(--layout-island-border-radius);
}
.notifications__header-text {
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
}
.notifications__etc {
    margin-left: auto;
}
.feed-page__empty-stub {
    padding: 16px var(--layout-content-offset-x);
    background-color: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius);
    color: var(--theme-color-text-secondary);
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.feed-page {
    position: relative;
}
.feed-page__empty-stub-text {
    white-space: pre;
    text-align: center;
}
.bell {
    display: flex;
    align-items: center;
    position: relative;
}
.bell__button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 100%;
}
.bell__button--active {
    background-color: hsla(0, 0%, 100%, 0.06);
    border: 1px solid hsla(0, 0%, 100%, 0.04);
    -webkit-box-shadow: 0 0 1.5rem rgb(0 0 0 / 6%);
    box-shadow: 0 0 1.5rem rgb(0 0 0 / 6%);
}
.bell__button--active .bell__button-icon {
    color: var(--theme-color-brand-primary);
    transform: rotate(20deg);
}
@media (hover: hover) {
    .bell__button-icon:hover {
        opacity: 0.72;
    }
}
.bell__popover {
    position: absolute;
    top: calc(100% + 8px);
    right: -6px;
}
.header__bell {
    margin-right: 32px;
}
.ui-tabs {
    border-radius: var(--layout-island-border-radius);
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 50px;
    height: 50px;
    position: relative;
    min-width: 0;
}
.ui-tabs__scroll {
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.ui-tabs__content {
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
}
.l-island-a {
    padding-left: 20px;
    padding-right: 20px;
}
.ui-tabs .ui-tab:last-child {
    padding-right: 0;
}
.ui-tabs .ui-tab:first-child {
    padding-left: 0;
}
.ui-tab--active {
    pointer-events: none;
}
.ui-tab {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    cursor: pointer;
}
.ui-tab--active .ui-tab__label {
    color: #000;
    font-weight: 500;
}
.ui-tab__label {
    position: relative;
}
.ui-tab--active .ui-tab__label:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #4683d9;
    position: absolute;
    left: 0;
    bottom: 0;
}
.subsites_catalog_item {
    position: relative;
    overflow: hidden;
}
.subsites_catalog_item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    width: 120%;
    height: 1px;
    background-color: var(--theme-sidebar-separator-color-background);
}
.subsites_catalog_item:first-child:before {
    display: none;
}
.subsites_catalog_item--hidden {
    display: none;
}
.l-pv-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.subsite_card_simple_short {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.subsite_card_simple_short__avatar {
    border-radius: 8px;
    overflow: hidden;
}
.l-mins-30 {
    min-width: 30px;
    min-height: 30px;
}
.l-s-30 {
    width: 30px;
    height: 30px;
}
.l-block {
    display: block;
}
.subsite_card_short__avatar img,
.subsite_card_simple__avatar img,
.subsite_card_simple_short__avatar img {
    width: 100%;
    height: 100%;
}
.herzen__command_list__item img,
.notification__image img,
.profile_comment_favorite__header img,
.subsite_card_short__avatar img,
.subsite_card_simple__avatar img,
.subsite_card_simple_short__avatar img,
.subsite_widget__item__avatar img,
.t-outline,
.ui-tab__image img {
    outline: 1px solid rgba(0, 0, 0, 0.1);
    outline-offset: -1px;
}
.subsite_card_simple_short__title {
    font-size: 18px;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.l-ml-15 {
    margin-left: 15px;
}
.l-fw-500 {
    font-weight: 500;
}
.subsites_catalog__label--bordered {
    border-top: 1px solid #f2f2f2;
}
.subsites_catalog__label {
    font-size: 14px;
    color: #595959;
    padding-top: 20px;
}
.subsite_card_simple {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.subsite_card_simple__avatar {
    border-radius: 8px;
    overflow: hidden;
    margin-top: 4px;
}
.l-mins-38 {
    min-width: 38px;
    min-height: 38px;
}
.l-s-38 {
    width: 38px;
    height: 38px;
}
.subsite_card_simple__info {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.l-pt-1 {
    padding-top: 1px;
}
.subsite_card_simple__title {
    font-size: 18px;
    line-height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.subsite_card_simple__description {
    font-size: 14px;
    line-height: 20px;
}
.l-mt-2 {
    margin-top: 2px;
}
.block-code {
    font-family: Menlo, Monaco, Consolas, Courier New, monospace;
    color: #41314e;
    line-height: 1.6em;
    font-size: 12px;
    background: #f8f7fa;
    border: 1px solid #f1f1f4;
    box-shadow: none;
    word-wrap: normal;
    resize: vertical;
    border-radius: 10px;
    padding: 12px 15px;
    outline: none;
    margin-left: var(--layout-content-offset-x);
    margin-right: var(--layout-content-offset-x);
}
.ce-toolbox.opened {
    display: block;
}
.ce-toolbox {
    padding: 6px;
    -webkit-animation: popover-in 0.25s ease-in;
    animation: popover-in 0.25s ease-in;
    z-index: 2;
}
.ce-toolbox-search {
    position: relative;
    background: var(--theme-color-field-background-default);
    border-radius: 8px;
    box-sizing: border-box;
    transition: background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 11px;
    height: 36px;
    outline: none;
    margin-bottom: 6px;
}
.ce-toolbox-search {
    background: var(--theme-color-field-background-default);
    border-radius: 10px;
}
.ce-toolbox-search,
.ce-toolbox-search-icon {
    display: flex;
    align-items: center;
}
.ce-toolbox-search input {
    background: transparent;
    font-size: inherit;
    color: inherit;
    border: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    min-width: 0;
}
.ce-toolbox-search input {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-shadow: none;
}
.ce-toolbox-search-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    color: var(--theme-color-text-secondary);
}
.ce-popover-item__icon svg {
    color: var(--theme-color-text-primary);
    fill: none;
}
.cdx-search-field__icon svg {
    fill: none;
}
.v-field {
    --offset-x: 11px;
}
.search__field .v-field__wrapper {
    border-radius: 0.8rem;
    border-color: transparent;
    background-color: var(--theme-color-background-search);
}
.search__field .v-text-input--default {
    height: calc(var(--field-height) - 2px);
}
.search__field .v-text-input {
    padding: 0 20px;
}
.search__field .v-field__wrapper .v-text-input__input {
    color: var(--theme-color-text-primary);
}
.v-text-input__input {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font: inherit;
    line-height: 1;
    background-color: transparent;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.header__center {
    margin-left: auto;
    margin-right: auto;
}
.content-title mark {
    background: rgba(145, 222, 255, 0.22);
    padding: 0.09em 0;
}
@-moz-keyframes updownShimmer {
    0%,
    40%,
    to {
        fill: currentColor;
    }
    20% {
        fill: #dedede;
    }
}
@-webkit-keyframes updownShimmer {
    0%,
    40%,
    to {
        fill: currentColor;
    }
    20% {
        fill: #dedede;
    }
}
@-o-keyframes updownShimmer {
    0%,
    40%,
    to {
        fill: currentColor;
    }
    20% {
        fill: #dedede;
    }
}
@keyframes updownShimmer {
    0%,
    40%,
    to {
        fill: currentColor;
    }
    20% {
        fill: #dedede;
    }
}
.updown--shown,
.updown__icons {
    display: -ms-flexbox;
    display: flex;
}
.updown {
    position: fixed;
    cursor: pointer;
    z-index: 19;
    width: 10px;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}
.updown:hover .updown__icons {
    left: 19px;
}
.updown--shown,
.updown__icons {
    display: -ms-flexbox;
    display: flex;
}
.updown__icons {
    z-index: 1;
    top: 61.8%;
    width: 10px;
    height: 18px;
    margin-top: -11.124px;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--theme-color-text-secondary);
}
.updown:after,
.updown__icons {
    position: absolute;
    left: -48px;
    -webkit-transition: left 150ms linear;
    transition: left 150ms linear;
}
.updown:hover:after {
    left: 0;
}
.updown:after {
    content: "";
    top: 0;
    width: 48px;
    height: 100%;
    display: block;
}
.updown:after,
.updown__icons {
    position: absolute;
    transition: left 150ms linear;
}
.updown:hover .updown__icons .icon:nth-child(1) {
    -webkit-animation-delay: 450ms;
    animation-delay: 450ms;
}
.updown:hover .updown__icons .icon {
    -webkit-animation: updownShimmer 1500ms infinite;
    animation: updownShimmer 1500ms infinite;
}
.updown__icons .icon {
    position: static;
}
.updown:hover .updown__icons .icon:nth-child(2) {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}
.updown:hover .updown__icons .icon:nth-child(3) {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
}
.ce-popover__items::-webkit-scrollbar {
    display: none;
}
.categories {
    margin-left: -7.5px;
}
.categories > li {
    display: inline-flex;
    padding: 7.5px;
    grid-gap: 3.5px;
    gap: 3.5px;
    cursor: pointer;
}
.categories > li > a {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    color: var(--theme-color-text-primary);
    transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.categories > li > a:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2.5px;
    width: 100%;
    transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background-color: #307df0;
    opacity: 0;
}
.categories > li.active > a:after {
    opacity: 1;
}
.feed-golemtrade-banner {
    border-radius: 12px;
}
@media (max-width: 859px) {
    .feed-golemtrade-banner {
        border-radius: 10px;
        width: 375px;
    }
}
.row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -6px;
    margin-left: -6px;
}
.subcats {
    margin-bottom: 20px;
}
.subcats > div > .row {
    margin-right: -4px;
    margin-left: -4px;
    margin-top: -4px;
    margin-bottom: -4px;
    flex-wrap: wrap;
}
.subcats > div > .row > a {
    margin-right: 4px;
    margin-left: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 6px 16px;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #fff;
    font-size: 14px;
    line-height: 1.71;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-decoration: none;
    white-space: nowrap;
}
.subcats__title {
    font-weight: 500;
    font-size: 19px;
    padding-bottom: 10px;
    background-color: var(--theme-color-background);
    display: flex;
}
.subcats > div > .row > a.active {
    background-color: #ebf4ff;
    color: #378df1;
}
.subcats > div > .row > a:hover {
    background-color: #ebf4ff;
    color: #378df1;
}
.tile-carousel-1 {
    align-items: flex-start;
    background-color: transparent;
    border: 2.872527599334717px none;
    display: flex;
    flex-direction: column;
    height: 925px;
    left: 0px;
    min-width: 1079.40625px;
    mix-blend-mode: normal;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    top: 0px;
}
.tile-carousel-1 .image-9-Hk0k8T {
    background-color: transparent;
    height: 699px;
    min-width: 1079px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: relative;
}
.tile-carousel-1 .frame-16-IIf4Xx {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 16px 0px 48px;
    position: relative;
}
.tile-carousel-1 .lorem-ipsum-dolor-sit-amet-dot-3vl5r1 {
    align-self: stretch;
    background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.8px;
    line-height: 49.8px;
    margin-top: -2.87px;
    mix-blend-mode: normal;
    position: relative;
    text-align: left;
    white-space: nowrap;
}
.tile-carousel-1 .subtitle-3vl5r1 {
    align-self: stretch;
    background-color: transparent;
    color: var(--granite-gray);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: normal;
    mix-blend-mode: normal;
    position: relative;
    text-align: left;
}
.tile-carousel-1 .label-cta-text-to-update-here-IIf4Xx {
    align-items: center;
    background-color: #f0f2f5;
    border: 2.872527599334717px solid;
    border-color: var(--granite-gray);
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    gap: 32px;
    height: auto;
    mix-blend-mode: normal;
    overflow: hidden;
    padding: 26px 28px;
    position: relative;
    width: fit-content;
}
.tile-carousel-1 .add-cta-label-WZ70xq {
    background-color: transparent;
    color: var(--granite-gray);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1.02px;
    line-height: 42.4px;
    margin-top: -2.87px;
    mix-blend-mode: normal;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}
.tile-carousel-1 .carousel-text-to-update-here-Hk0k8T {
    align-items: center;
    background-color: #f0f2f5;
    border-radius: 0px 0px 17.235164642333984px 17.235164642333984px;
    display: flex;
    gap: 22px;
    height: auto;
    mix-blend-mode: normal;
    padding: 24px 40px 40px;
    position: relative;
    width: 1079.4066162109375px;
}
.status-M2Pdki {
    background-color: transparent;
    height: 20px;
    left: 85px;
    position: absolute;
    top: 20px;
    width: 20px;
    z-index: 1;
}
.circle-outline-kE5AgV {
    background-color: var(--theme-color-background-content);
    border-radius: 10px;
    height: 20px;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0px;
    width: 20px;
}
.online-kE5AgV {
    background-color: transparent;
    height: 12px;
    left: 4px;
    mix-blend-mode: normal;
    position: absolute;
    top: 5px;
    width: 12px;
}
@keyframes IZRkOTBU {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes J63vQ7-V {
    0% {
        opacity: 0;
        transform: scale(0.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;
    animation: w0WRHD4Y 1s linear alternate infinite;
}
@keyframes w0WRHD4Y {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0.5;
    }
}
.uickSQNb {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
@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: var(--button-height);
    margin: var(--button-margin);
    border-radius: var(--button-radius);
}
.r1Q24MV1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
@media all and (min-width: 640px) {
    .r1Q24MV1 {
        flex-wrap: nowrap;
    }
}
.xWJI2W5K {
    flex-shrink: 0;
    margin: var(--image-offset);
    border-radius: var(--image-radius);
    box-shadow: 0 0 1px #00000029, 0 4px 18px #00000014;
}
._9IjphWxB {
    display: -webkit-box;
    width: var(--text-width);
    max-height: 60px;
    margin-left: var(--text-offset);
    font-size: 15px;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media all and (min-width: 640px) {
    ._9IjphWxB {
        max-height: 40px;
        -webkit-line-clamp: 2;
    }
}
.hZ-gYeUD {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--button-width);
    height: var(--button-height);
    margin: var(--button-margin);
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: #307df0;
    border-radius: var(--button-radius);
    cursor: pointer;
}
@media (hover: hover) {
    .hZ-gYeUD:hover {
        background: #2a6dd1;
    }
}
@keyframes MyodBx7J {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes jCWvrw9z {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes DEQeZbG0 {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.ALMGcspq {
    --image-size: 52px;
    --image-radius: 12px;
    --image-offset: 4px 0;
    --text-offset: 12px;
    --text-width: calc(100% - var(--image-size) - var(--text-offset));
    --button-width: 100%;
    --button-height: 34px;
    --button-radius: 9px;
    --button-margin: 12px 0 0;
    position: relative;
    margin-left: 12px;
    margin-right: 12px;
    padding: 12px 16px 16px;
    background-color: var(--theme-color-background-content);
    border-radius: 10px;
}
@media all and (min-width: 640px) {
    .ALMGcspq {
        --image-offset: 2px 0;
        --text-width: 100%;
        --button-width: 100px;
        --button-margin: 0 0 0 44px;
        margin-left: 0;
        margin-right: 0;
    }
}
._6Mh-7A6r {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.-nEVc0TU {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
}
.z8rzYMSZ,
._3-ym1-lE {
    font-size: 9px;
    line-height: 1.78em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
._3-ym1-lE {
    position: relative;
    z-index: 1;
    margin-left: 8px;
    color: var(--theme-color-link);
    cursor: pointer;
    text-decoration: none;
}
@media (hover: hover) {
    ._3-ym1-lE:hover {
        color: var(--theme-color-link-hover);
    }
}
._1SzibYeS,
.jFkKnrc1 {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
._1SzibYeS .icon,
.jFkKnrc1 .icon {
    opacity: 0.65;
}
@media (hover: hover) {
    ._1SzibYeS:hover .icon,
    .jFkKnrc1:hover .icon {
        opacity: 1;
    }
}
._1SzibYeS {
    margin-left: auto;
    margin-right: 8px;
}
.jFkKnrc1 {
    background-color: var(--theme-color-button-minimal);
    border-radius: 100%;
}
@media (hover: hover) {
    .jFkKnrc1:hover {
        background-color: var(--theme-color-button-minimal-hover);
    }
}
.rotator {
    height: var(--layout-content-banner-height);
    overflow: hidden;
    display: grid;
    align-content: center;
}
@media all and (min-width: 640px) {
    .rotator {
        margin-bottom: var(--layout-island-gap-y);
    }
}
.rotator > * {
    min-width: 0;
}
.sheet-benefits__video {
    position: relative;
    overflow: hidden;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    margin-right: 14px;
    margin-top: 3px;
}
.sheet-benefits__video video {
    width: 100%;
    height: 100%;
}
.sheet-benefits__video:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
    position: absolute;
    top: 0;
    left: 0;
}
.sheet-benefits__badge-new {
    position: relative;
    top: 1px;
    left: 7px;
}
.article__note {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 25px;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: var(--theme-color-text-secondary-light);
    background-color: hsla(0, 0%, 100%, 0.05);
    border: 1px solid hsla(0, 0%, 100%, 0.0333333333);
    -webkit-box-shadow: 0 0 1.5rem rgb(0 0 0 / 5%);
    box-shadow: 0 0 1.5rem rgb(0 0 0 / 5%);
    border-radius: 32px;
}

.cWidgetContainer > ul > li:last-child {
    margin-bottom: 0;
}
.ipsBox:not(.ipsBox_transparent) {
    padding: 7px;
}
.ipsWidget {
    padding: 8px !important;
}
.boxCorner {
    position: relative !important;
    -webkit-box-shadow: 0 0 1.5rem rgb(0 0 0 / 5%);
    box-shadow: 0 0 1.5rem rgb(0 0 0 / 5%);
}
.ipsBox,
#ipsLayout_mainArea > .ipsForm[action$="do=edit"] > .ipsForm {
    border-radius: 12px;
    background: var(--theme-color-background-content);
}
.ipsResponsive_block {
    display: block !important;
}
.boxCorner::before {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-image: url(https://web.archive.org/web/20250121235200im_/https://cdn.hytale.it/hytaleit-corner.png), url(https://web.archive.org/web/20250121235200im_/https://cdn.hytale.it/hytaleit-corner.png),
        url(https://web.archive.org/web/20250121235200im_/https://cdn.hytale.it/hytaleit-corner.png), url(https://web.archive.org/web/20250121235200im_/https://cdn.hytale.it/hytaleit-corner.png);
    background-position: top -16px left -16px, top -16px right -16px, bottom -16px left -16px, bottom -16px right -16px;
    pointer-events: none;
}
.ipsPad,
.ipsApp ul.ipsPad,
.ipsApp ol.ipsPad {
    padding: 15px;
}
.ipsWidget_vertical {
    margin-bottom: 15px;
}
.logreg__logo-container--padding {
    padding-bottom: 25px;
}
.logreg__logo-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logreg__logo {
    width: 10rem;
}
.logreg__heading-tip {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 11px;
}
.logreg__heading--large {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}
.logreg__heading-container {
    margin-bottom: 60px;
}
.logreg__heading {
    margin: 1.5rem 0 1rem;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}
.logreg__description {
    font-size: 1.6rem;
    color: hsla(0, 0%, 100%, 0.5);
    margin-bottom: 3rem;
}
.sidenav__link-icon {
    height: auto;
    flex: 0 0 2.5rem;
    fill: currentColor;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.Vfi_ABsvlX {
    background-color: var(--theme-color-background-content);
    border-radius: 12px;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 1px;
    padding-left: 24px;
}
._32tglKS2sN {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-line-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-content: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 16px;
}
._3FvdAQykoi {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
}
._1cPPFvBHjp {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-line-pack: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-content: stretch;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 0 24px;
}
._1v10GrAS7b {
    font-size: 0;
    line-height: 0;
    list-style: none;
}
._3NwVMxp26Z {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.PCChB7KkT0 {
    display: inline-block;
    margin-right: 4px;
    margin-top: 4px;
    vertical-align: baseline;
}
._2U8OmJkNdk {
    margin-top: 0 !important;
}
.K7rbHx1nGM {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 500;
    justify-content: center;
    position: relative;
    -webkit-transition: color 0.1s ease-out, border 0.1s ease-out, -webkit-transform 0.1s ease-out;
    transition: color 0.1s ease-out, border 0.1s ease-out, -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out;
    transition: transform 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out, -webkit-transform 0.1s ease-out;
}
._1tWXpsfxUI {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-line-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-content: center;
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-family: "Roboto";
    justify-content: flex-start;
    outline: none;
    overflow: visible;
    position: relative;
    text-decoration: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
._1gxTk3xpD9 {
    color: rgba(32, 35, 51, 0.5);
}
._1ElD7tx9D3 {
    color: var(--theme-color-text-primary);
    margin-left: 4px;
    -webkit-transition: color 0.1s ease-out;
    transition: color 0.1s ease-out;
}
._1uEKg2MvFG {
    color: var(--theme-color-text-primary);
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    min-width: 36px;
    padding: 0 15px;
}
._2LFLnXSSya {
    border-radius: 10px;
    margin: -8px;
    padding: 8px;
    position: relative;
    -webkit-transition: background-color 0.1s ease;
    transition: background-color 0.1s ease;
    z-index: 1;
}
._1hQMzbmvKD {
    position: relative;
}
._1zpyytsq_L {
    margin-bottom: 20px;
}
._3Rxc29QKAK,
._7lNkFwuAAP {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
._3Rxc29QKAK {
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-line-pack: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-content: stretch;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
._7i12BlP8eE {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.04)), drop-shadow(0 6px 18px rgba(13, 35, 67, 0.08));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.04)), drop-shadow(0 6px 18px rgba(13, 35, 67, 0.08));
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
._2hmDOTLLae {
    border-radius: 50%;
    height: 50px;
    min-height: 50px;
    min-width: 50px;
    width: 50px;
}
.h-5nAi_9eg {
    -ms-flex-item-align: stretch;
    -ms-flex-negative: 0;
    align-self: stretch;
    flex-shrink: 0;
    margin-right: 16px;
    position: relative;
}
._7lNkFwuAAP {
    -webkit-box-orient: vertical;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    margin: 0 32px 0 0;
    min-width: 0;
}
._3eJl4OiAvq {
    display: flex;
    word-wrap: break-word;
    color: var(--theme-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    word-break: break-word;
}
._1K5CX2cXaQ {
    word-wrap: break-word;
    color: var(--theme-color-text-primary);
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px;
    word-break: break-word;
}
._1N0IbaiCzQ {
    color: var(--theme-color-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.LeftMenuItem-module__counter--tD4Hw {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 20px;
    max-width: 50px;
    padding: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: linear-gradient(to top left, #ffdf5a, #ffe98d);
    color: #000;
    font-size: 11.1px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 20px;
    border-radius: 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    border: 0;
    cursor: pointer;
    margin-left: 10px;
    animation: update-in 0.25s ease-in;
}
@keyframes update-in {
    0% {
        transform: scale(0);
    }
    70% {
        transform: scale(1.4);
    }
}
.u-notification__content__reply-text {
    font-size: 12px;
    line-height: 16px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 4px 8px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.not-found-page__body {
    margin-top: 24px;
}
@media (min-width: 640px) {
    .recommendations__title {
        border-radius: var(--layout-island-border-radius) var(--layout-island-border-radius) 0 0;
    }
}
.recommendations__title {
    font-weight: 500;
    padding: 16px var(--layout-content-offset-x) 4px;
    background-color: var(--theme-color-background-content);
}
.recommendations .content-list .skeleton-content:first-child,
.recommendations .content-list .content:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.not-found-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);
}
.sidebar-item__has-updates {
    margin: auto 6px auto auto;
}
.dot--size-large {
    width: 8px;
    height: 8px;
}
.dot {
    background-color: var(--theme-color-signal-active-default);
    border-radius: 50%;
    animation: update-in 0.25s ease-in;
    width: 6px;
    height: 6px;
}
.r-1e5efmr {
    background-color: rgb(255, 239, 255);
}
.r-k200y {
    align-self: flex-start;
}
.r-56xrmm {
    line-height: 12px;
}
.r-1gkfh8e {
    font-size: 11px;
}
.r-majxgm {
    font-weight: 500;
}
.r-37j5jr {
    font-family: "TwitterChirp", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.r-qvutc0 {
    word-wrap: break-word;
}
.r-bcqeeo {
    min-width: 0px;
}
.r-s1qlax {
    padding-left: 4px;
    padding-right: 4px;
}
.r-1vvnge1 {
    padding-bottom: 2px;
    padding-top: 2px;
}
.r-sqpuna {
    border-radius: 4px;
}
.css-1hf3ou5 {
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
._3bKYJfPU-w {
    -webkit-overflow-scrolling: touch;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    outline: none !important;
    overflow-y: auto;
    text-align: center;
    will-change: transform;
}
._3bKYJfPU-w,
._30OwpqAJKi {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.C3Ftyb_idZ {
    min-height: 100vh;
}
._2lWjjtWVKI {
    display: inline-block;
    margin: 12px 0;
    position: relative;
    text-align: left;
}
._2UssCuDKTG,
._13a2SvrAxr {
    position: relative;
}
._2Y7VFq8Pt- {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 540px;
}
._1QJXfGTmjF {
    background: var(--theme-color-background-content);
}
._13a2SvrAxr {
    border-radius: 12px;
    -webkit-box-shadow: 0 8px 20px rgb(32 35 51 / 20%);
    box-shadow: 0 8px 20px rgb(32 35 51 / 20%);
    margin-top: 60px;
    padding: 20px;
}
._1OU3VtZYiQ {
    margin-bottom: 16px;
}
._2kCBm3trjc {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 28px;
}
._2kCBm3trjc,
.h6kCdA6L32 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.jKAyARvGKA {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-line-pack: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-content: stretch;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-right: 30px;
}
._2eVhFDXV6j {
    word-wrap: break-word;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    width: 100%;
}
._1SlHFBZV3M {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bilkGTouPQ {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    min-width: 36px;
}
._1vtaSujuc0 {
    color: rgba(32, 35, 51, 0.5);
}
._2mON2CgeSk {
    opacity: 0.3;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}
._1tWXpsfxUI {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-line-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-content: center;
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    outline: none;
    overflow: visible;
    position: relative;
    text-decoration: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
._35VMX9L5Ck {
    margin-bottom: -20px;
    overflow: hidden;
    width: 100%;
}
._2CF7NnxoZR {
    margin-right: -20px;
    overflow-x: auto;
    overflow-y: scroll;
    padding-bottom: 20px;
    padding-right: 20px;
}
._1hQMzbmvKD {
    position: relative;
}
._3qllXs-nyh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
}
._1rr6cOBKzG {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.Cj_ZQPN_aa {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
}
.foXfMM7pSm {
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    width: 40px;
}
._284PP_MhZC {
    background-color: #fff;
    background-size: cover;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 5%);
    display: block;
    max-height: 100%;
    max-width: 100%;
    position: relative;
}
._2_RnpBEWl-,
._320u32CFD4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.K7rbHx1nGM {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 500;
    justify-content: center;
    position: relative;
    -webkit-transition: color 0.1s ease-out, border 0.1s ease-out, -webkit-transform 0.1s ease-out;
    transition: color 0.1s ease-out, border 0.1s ease-out, -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out;
    transition: transform 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out, -webkit-transform 0.1s ease-out;
}
._2_RnpBEWl- {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-line-pack: stretch;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-content: stretch;
    align-items: flex-start;
    flex-basis: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
._320u32CFD4 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
._2nty4I6D6O {
    font-size: 16px;
    line-height: 20px;
}
._180RolQxos {
    font-weight: 500;
    word-break: break-word;
}
._3PcU655Bdk,
._3Y8qX4YYQx {
    font-size: 14px;
    line-height: 20px;
}
._3PcU655Bdk {
    word-wrap: break-word;
    margin-top: 2px;
    opacity: 0.5;
    word-break: break-word;
}
._3qllXs-nyh + ._3qllXs-nyh {
    margin-top: 16px;
}
._2UemS5hSND {
    margin: 16px 0;
    text-align: center;
}
._6V67oB7eou {
    width: 100%;
}
._3TtnvuT8ir {
    background-color: #eff0f1;
}
._1GFL1UmMET {
    border-radius: 44px;
    height: 44px;
    line-height: 44px;
    min-width: 44px;
}
._1GFL1UmMET,
._3uSgsaAyQk {
    font-size: 16px;
    padding: 0 24px;
}
._2ZCMFB-srs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #000;
    font-weight: 500;
    justify-content: center;
    -webkit-transition: color 0.1s ease-out, background-color 0.1s ease-out, opacity 0.1s ease-out, border-color 0.1s ease-out, -webkit-transform 0.1s ease-out;
    transition: color 0.1s ease-out, background-color 0.1s ease-out, opacity 0.1s ease-out, border-color 0.1s ease-out, -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out, color 0.1s ease-out, background-color 0.1s ease-out, opacity 0.1s ease-out, border-color 0.1s ease-out;
    transition: transform 0.1s ease-out, color 0.1s ease-out, background-color 0.1s ease-out, opacity 0.1s ease-out, border-color 0.1s ease-out, -webkit-transform 0.1s ease-out;
    white-space: nowrap;
}
.K7rbHx1nGM svg {
    fill: var(--theme-color-text-primary);
}
.account-menu__name {
    min-width: 0;
    display: flex;
    align-items: center;
}
.account-menu__name-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.account-menu__type {
    font-size: 15px;
    line-height: 22px;
    color: var(--theme-color-text-secondary);
}
._3xx-AaZD1d {
    background-color: var(--theme-color-button-maximal);
    border-radius: 36px;
    color: var(--theme-color-text-primary);
    font-weight: 500;
}
.text-emerald-900 {
    color: var(--theme-color-text-primary);
}
.font-medium {
    font-size: 15px;
    font-weight: 500;
}
.px-4 {
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1rem;
    padding-right: 1rem;
}
.bg-emerald-200 {
    background-color: var(--theme-color-background-content);
}
.rounded-full {
    border-radius: 9999px;
}
@media (hover: hover) {
    .bg-emerald-200 {
        -webkit-transition: -webkit-box-shadow 0.25s ease;
        transition: -webkit-box-shadow 0.25s ease;
        transition: box-shadow 0.25s ease;
        transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
    }
    .bg-emerald-200:hover {
        -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.03);
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.03);
    }
}
.mini-editor__button:first-child {
    --icon-color: #0a1;
}
.mini-editor__button {
    --height: 30px;
    height: var(--height);
    border-radius: var(--height);
    padding-left: 10px;
    padding-right: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    cursor: pointer;
    background-color: var(--theme-color-background-content);
    font-size: 14px;
    line-height: calc(var(--height) + 1px);
}
.mini-editor__button svg {
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 6px;
    color: var(--icon-color, #000);
}
.slider {
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
}
.slider .itemSlider img {
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
}
.slider .previous,
.slider .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}
.slider .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.slider .previous:hover,
.slider .next:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
.slider .itemSlider {
    animation-name: fade;
    animation-duration: 1.5s;
}
@keyframes fade {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}
.HorizontalGallery_next__neVeu {
    right: 10px;
    transform: rotate(180deg);
}
.HorizontalGallery_next__neVeu,
.HorizontalGallery_prev__oLS3u {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    z-index: 1;
    border-radius: 50%;
    background-color: #fff;
    border: none;
    cursor: pointer;
}
.HorizontalGallery_next__neVeu,
.HorizontalGallery_prev__oLS3u:hover {
    background-color: hsla(0, 0%, 100%, 0.9);
}
.HorizontalGallery_prev__oLS3u {
    left: 10px;
}
img[data-src] {
    opacity: 0 !important;
}
img[src] {
    opacity: 1 !important;
}
.verified-sheet {
    padding-top: 56px;
    padding-bottom: 24px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
@media (min-width: 860px) {
    .verified-sheet {
        border-radius: 12px;
    }
}
.verified-sheet__icon {
    display: block;
    margin: 0 auto 8px auto;
}
.verified-sheet__title {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    font-weight: 500;
    margin: 0 auto 8px auto;
}
.verified-sheet__subtitle {
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
}
.verified-sheet a {
    color: #317df1;
}
.badge {
    position: relative;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.author__main .badge {
    margin-left: -8px;
    margin-right: 4px;
}
.subsite-header__rules {
    color: var(--theme-color-signal-active-default);
    font-weight: 500;
}
.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);
}
.subscriber-mode-badge {
    display: flex;
}
.subscriber-badge-wrapper-big {
    background: linear-gradient(93.74deg, #2858e0 -16.83%, #8b84f4 28.8%, #2fcdc9 107.44%);
    border-radius: 15px;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 18px;
    overflow: hidden;
    padding: 1px 11px;
    position: relative;
}
.subscriber-badge-wrapper-small {
    background: linear-gradient(93.74deg, #2858e0 -16.83%, #8b84f4 28.8%, #2fcdc9 107.44%);
    border-radius: 15px;
    color: #fff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 17px;
    overflow: hidden;
    padding: 0px 8px;
    position: relative;
}
.subscriber-badge-wrapper-big:after,
.subscriber-badge-wrapper-small:after {
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: moving-flashing-4153b2b6;
    animation-timing-function: ease;
    background: #fff;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5) 0, #fff 50%, hsla(0, 0%, 100%, 0.5));
    content: "";
    display: block;
    height: 200px;
    left: -40px;
    margin-left: 50px;
    mix-blend-mode: overlay;
    opacity: 0.44;
    position: absolute;
    top: -100px;
    transform: skew(-30deg) translate(50px) translateY(0);
    width: 12px;
    z-index: 1;
}
@keyframes moving-flashing-4153b2b6 {
    0% {
        transform: skew(-30deg) translate(-50px) translateY(0);
    }
    to {
        transform: skew(-30deg) translate(360px) translateY(0);
    }
}
.ReadsYou {
    border-radius: 10px;
    background-color: var(--readsYouBackground);
    color: var(--readsYouColor);
    font-weight: 500;
    margin-left: 5px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
}
.subsite-header__actions {
    margin-top: 16px;
}
.subsite-header__actions .link-button {
    font-weight: 500;
}
.modal-window__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal-window__header {
    font-size: 20px;
    line-height: 28px;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-items: center;
    position: relative;
    min-width: 0;
    z-index: 1;
}
@media (min-width: 640px) {
    .modal-window__header--static + .modal-window__content {
        padding-top: 24px;
    }
}
@media (min-width: 640px) {
    .modal-window__content {
        padding: 0 32px 32px;
    }
}
.modal-window__content {
    overflow-x: hidden;
    overflow-y: scroll;
    -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;
    }
}
.will-be-animated {
    will-change: opacity, transform;
}
.subsite-rules p:first-child {
    margin-top: 0;
}
.modal-overlay {
    position: fixed;
    z-index: var(--layout-z-modal-overlay);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    will-change: opacity;
    animation: underlay-in 0.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 {
    --window-radius: 0px;
    padding-top: 0;
    grid-template-rows: 1fr;
}
@media all and (min-width: 640px) {
    .modal-overlay--fit-cover {
        --window-radius: 12px;
        padding-top: var(--layout-header-height);
        grid-template-rows: minmax(0, max-content);
    }
}
.modal-window {
    outline: none;
    border: 0;
    animation: modal-enter-slide 0.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);
    }
}
.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;
}
.modal-window__back,
.modal-window__close {
    position: absolute;
    z-index: 1;
}
.modal-window__back {
    left: 16px;
}
.modal-window__close {
    right: 16px;
}
.modal-window__content {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 var(--layout-content-offset-x) 20px;
}
@media all and (min-width: 640px) {
    .modal-window__content {
        padding: 0 32px 32px;
    }
}
.modal-fullpage {
    position: fixed;
    z-index: var(--layout-z-modal-overlay);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    will-change: opacity;
    animation: underlay-in 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media all and (min-width: 925px) {
    .modal-fullpage {
        padding: 20px;
    }
    .modal-fullpage--maximized {
        top: var(--layout-header-height);
        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 0.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: 11;
    top: 8px;
    right: 8px;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 8px;
    gap: 8px;
}
.will-be-animated {
    will-change: opacity, transform;
}
.ui_rmenu {
    padding: 8px 8px 6px;
    position: relative;
}
.page_block {
    position: relative;
    background: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius);
    margin-bottom: 15px;
}
.ui_rmenu_item:hover,
.ui_rmenu_item_sel,
.ui_rmenu_subitem:hover,
.ui_rmenu_subitem_sel {
    background-color: var(--theme-color-button-maximal);
}
.ui_rmenu_item,
.ui_rmenu_subitem,
._ui_rmenu_sublist {
    margin-bottom: 2px;
}
.ui_rmenu_item,
.ui_rmenu_subitem {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    color: var(--theme-color-text-primary);
    padding: 4px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 38px;
    border-left: 0;
    border-radius: 10px;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ui_rmenu_item_label {
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
}
.ui_rmenu_item_sel .ui_rmenu_item_label {
    font-weight: 500;
}
.ui_rmenu_item_label span.ui_rmenu_label-text {
    overflow: hidden;
    text-overflow: ellipsis;
}
.comments-form__author {
    cursor: pointer;
}
.badge__icon--plus {
    position: relative;
    z-index: 0;
    cursor: pointer;
}
.badge__icon {
    --offset: 4px;
    min-width: calc(var(--icon-size) + var(--offset) * 2);
    min-height: var(--icon-size);
    padding: 0 var(--offset);
}
.badge__icon--plus:before {
    content: "";
    display: block;
    height: 200%;
    position: absolute;
    top: 50%;
    left: 0;
    right: -4px;
    transform: translateY(-50%);
    z-index: -1;
}
.badge__icon img {
    display: block;
}
.author__details .badge {
    margin-left: 0;
    margin-right: -2px;
}
.media__content {
    padding: 0 var(--layout-content-offset-x);
}
.badge-picker--center {
    left: 50%;
    transform: translate(-5%);
}
.badge-picker {
    position: absolute;
    z-index: 1;
    top: calc(100% + 5px);
    padding: 10px;
    background-color: var(--theme-color-popover-background);
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.32), 0 0 0 1px rgb(21 24 36 / 10%);
}
.badge-picker__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 8px;
    gap: 8px;
}
.badge-picker__item {
    width: 36px;
    padding: 4px;
    border-radius: 6px;
    cursor: pointer;
}
.badge-picker__item--active {
    background-color: var(--theme-color-popover-item-bg-active);
}
@media (hover: hover) {
    .badge-picker__item:hover {
        background-color: var(--theme-color-popover-item-bg-active);
    }
}
.containerTools {
    margin-top: 15px;
    padding: 20px;
    background-color: #232324;
    border-radius: 15px;
}
.clearEnter {
    margin-bottom: 20px;
}
.titleTextTools {
    padding-bottom: 20px;
    color: var(--theme-color-text-primary);
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.moreCardTools {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}
.cardIcon {
    width: 141px;
    height: 141px;
    flex-shrink: 0;
    border-radius: 5px;
    background: #c5c5c5;
    background-image: url(/web/20250121235200im_/https://hytale.ru/assets/img/iconImgTools1.png);
}
.cardTextTitle {
    padding-top: 5px;
    color: var(--theme-color-text-primary);
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.cardTextNormal {
    padding-top: 2px;
    color: var(--theme-color-text-primary);
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.cardTools {
    transition: transform 0.1s ease-in-out;
}
.cardTools:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition: transform 0.1s ease-in-out;
}
.cardTools:active {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    transition: transform 0.1s ease-in-out;
}
.containerToolsMore {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.cardGroup {
    width: 285px;
    height: 196px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #15192a;
    overflow: hidden;
}
.moreCardGroup {
    display: flex;
    gap: 10px;

    flex-wrap: wrap;
}
.cardGroupBackImg {
    object-fit: cover;
    z-index: -1;
    width: 100%;
    height: 92px;
    background: url(/web/20250121235200im_/https://hytale.ru/assets/img/backgroundGroup.png), lightgray 50% / cover no-repeat;
    border-radius: 10px 10px 0 0;
    transition: transform 0.4s;
}
.cardGroupBackImg:hover {
    transform: scale(1.1);
}
.cardIconEclipse {
    z-index: 2;
    display: flex;
    width: 68px;
    height: 68px;
    margin: -36 0 0 20px;
    flex-shrink: 0;
    background-color: var(--theme-color-background-content);
    stroke-width: 2px;
    stroke: #f5f5f5;
    border-radius: 50px;
    border: solid var(--theme-color-background-content);
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.iconProfileGroup {
    object-fit: cover;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(/web/20250121235200im_/https://hytale.ru/assets/img/iconProfileGroup.png);
}
.centerCardGroup {
    display: flex;
    justify-content: space-between;
}
.cardTitleAndButton {
    display: flex;
    padding: 7px 20px 20px 20px;
    justify-content: space-between;
}
.cardGroupTextTitle {
    color: var(--theme-color-text-primary);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.cardGroupTextNormal {
    color: var(--theme-color-text-primary);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.7;
}
.cardGroupButton {
    cursor: pointer;
    display: flex;
    padding: 10px 13px;
    justify-content: center;
    align-items: center;
    border-radius: 31px;
    background: #307df0;
    transition: transform 0.1s ease-in-out;
}
.cardGroupButton:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition: transform 0.1s ease-in-out;
}
.cardGroupButton:active {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    transition: transform 0.1s ease-in-out;
}

.cardGroupButtonText {
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.07px;
}

@media screen and (max-width: 680px) {
    .cardGroup {
        width: 100%;
    }

    .cardGroupBackImg {
        border-radius: 0;
    }

    .cardGroup {
        border-radius: 0 0 10px 10px;
    }

    .containerBanner {
        border-radius: 0;
    }

    .containerTools {
        border-radius: 0;
    }
}

@media screen and (max-width: 480px) {
    .mainBannerSize {
        width: 280px;
        height: 190px;
        background-size: cover;
    }
    .mainBannerSize {
        width: 280px;
        height: 190px;
        background-size: cover;
    }
    .mainBannerSize {
        width: 280px;
        height: 190px;
        background-size: cover;
    }
    .bannerButton {
        margin: 0 0 10px 10px;
    }
}

@media screen and (max-width: 380px) {
    .containerTools {
        padding: 10px;
    }
    .cardTitleAndButton {
        padding: 7px 10px 10px 10px;
    }
}
.beta-badge {
    background-color: #ff3347;
    border-radius: 9999px;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 0.5rem;
    letter-spacing: 0.02rem;
    padding: 0.2rem 0.6rem;
}
.bookmark-button {
    --bookmark-color: var(--theme-color-text-secondary-light);
    --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: 0.4s;
    animation-name: splash;
}
.like-button__animated-icon {
    position: absolute;
    animation-duration: 0.4s;
    animation-name: splash;
}
.bookmark-button__label {
    margin-left: 2px;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}
.like-button__animated-icon {
    position: absolute;
    animation-duration: 0.4s;
    animation-name: splash;
}
@keyframes splash {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(2);
        opacity: 0;
    }
}
.editor-topic-picker__topic {
    display: inline-flex;
    align-items: flex-end;
    color: var(--theme-color-text-primary);
    cursor: pointer;
}
.about {
    background-image: linear-gradient(to top, #15192a 10%, rgba(21, 25, 42, 0) 40%), url(https://web.archive.org/web/20250121235200im_/https://cdn.hytale.ru/7cfe7e6c026c1f4a58c82dc517ced79b.png);
    background-size: cover;
    background-position: center top;
    padding-bottom: 5rem;
    border-radius: 10px;
}
.about .text {
    line-height: 1.41;
    color: #b8c5d3;
    margin-top: 40px;
    margin-right: 20px;
    margin-bottom: 40px;
    margin-left: 20px;
}
.about .buttons .buttonSmall {
    margin-right: 60px;
    margin-left: 15px;
    font-weight: bold;
    line-height: 1.41;
    color: #ffffff;
}
button.bg {
    font-weight: bold;
    line-height: 1.41;
    color: #ffffff;
    position: relative;
    height: 64px;
    padding: 5px 25px;
    text-shadow: 1px 1px 3px rgba(21, 25, 42, 0.25);
    border-radius: 32px;
    box-shadow: 0 2px 0 0 #143958, 0 0 30px 0 rgba(53, 131, 180, 0.3);
    background-color: #225b8b;
    background-image: linear-gradient(to top, #3583b4, #225b8b);
    border: none;
    cursor: pointer;
    transition: all 0.25s;
}
.buttons button.small {
    margin-right: 20px;
}
button.small {
    padding: 5px;
    width: 64px;
    text-align: center;
}
button.bg.small img {
    margin-bottom: -7px;
    margin-right: -5px;
}
button.bg::before,
button.vk::before,
.news.big::before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
button.bg::before,
.news.big::after,
.photo .full {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
button.bg::before {
    content: "";
    border: 1px solid rgba(237, 181, 72, 0.5);
    padding: 8px;
    box-sizing: content-box;
    border-radius: 40px;
}
button.bg:not([disabled]):hover {
    box-shadow: 0 2px 0 0 #143958, 0 0 45px 0 rgba(53, 131, 180, 0.6);
}
.news-articles h1 {
    padding-top: 1rem;
    border-top: 1px solid rgba(237, 181, 72, 0.5);
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.41;
    color: #ffffff;
}
.news.big {
    border-radius: 10px;
    position: relative;
    min-height: 380px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    background-size: cover;
    background-position: center center;
    margin-bottom: 15px;
}
.news.big::before {
    border-radius: 10px;
    content: "";
    background-image: linear-gradient(to bottom, rgba(7, 10, 21, 0), rgba(7, 10, 21, 0.75));
    z-index: 0;
}
.news.big::after {
    content: "";
    position: absolute;
    width: 95%;
    width: calc(100% - 20px);
    height: 95%;
    height: calc(100% - 20px);
    border: 1px solid rgba(237, 181, 72, 0.5);
}
.news.big .info {
    z-index: 1;
    position: relative;
    padding: 40px;
    width: 69%;
}
.news .info {
    font-size: 1.4rem;
    line-height: 1.41;
    color: #b8c5d3;
    padding: 20px;
}
.news .info .infoHeader {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.29;
    color: #ffffff;
    border-bottom: 1px solid rgba(237, 181, 72, 0);
}
.news .info > p {
    font-size: 15px;
    line-height: 1.41;
    color: #b8c5d3;
    margin: 15px 0 0;
}
.news.big p {
    color: rgba(255, 255, 255, 0.75);
}
.news.big .footer {
    color: rgba(255, 255, 255, 0.5);
}
.news .info .footer {
    font-size: 14px;
    margin-top: 25px;
}
.news .info .footer span,
.pageArticle .body .header .stats span {
    margin-right: 1rem;
    line-height: 1;
}
.news .info .footer span img,
.pageArticle .body .header .stats span img {
    vertical-align: middle;
    max-width: 100%;
    margin-right: 5px;
}
.news:hover .infoHeader {
    border-bottom-color: rgba(237, 181, 72, 0.5);
}
.join-community {
    margin-top: 24px;
    border-radius: 10px;
    background: url(https://web.archive.org/web/20250121235200im_/https://cdn.hytale.ru/d29d0623a52ee1651075ec6f32f5b382.png);
    background-size: cover;
    background-position: center top;
}
.join-community .container {
    min-height: 295px;
}
.flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.join-community .info {
    margin-left: 30px;
    font-weight: bold;
    font-size: 19px;
    line-height: 1.41;
    color: #ffffff;
}
.join-community .info button {
    margin-top: 40px;
}
.buttonClicker,
.clicker {
    transition: box-shadow 0.3s, background-color 0.3s;
}
.buttonClicker {
    width: 203px;
    height: 60px;
    position: relative;
    border-radius: 10px;
    background: #272d44;
}
.buttonClicker:disabled {
    background-color: #1d2337;
}
.clicker {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.3s, height 0.3s;
}
.clicker:hover {
    width: 225px;
    height: 225px;
}
.clicker:active {
    width: 200px;
    height: 200px;
}
.money-text {
    background: #1d2337;
    padding: 25px;
    border-radius: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 50px;
}
.button--text-only {
    text-align: center;
}
.button--text-only svg {
    width: var(--icon-size);
    height: var(--icon-size);
    margin-right: 5px;
}
.layout--supersecretpage {
    background: radial-gradient(closest-side, #233952, #15192a);
}
.layout--supersecretpage .layout .view h1 {
    font-size: 2em;
    position: relative;
    background: linear-gradient(#ffe98d, #e19f27);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
    letter-spacing: 1px;
}
.turboChicken {
    position: relative;
    display: inline-block;
    width: 655px;
    height: 690px;
    margin: 1em 0 2em 0;
    background: url(https://web.archive.org/web/20250121235200im_/https://hytale.com/static/images/turbochicken.gif) 0 0 no-repeat;
    background-size: cover;
}
.layout--supersecretpage .layout .view p {
    font-size: 1.2em;
    color: #fff;
    margin-top: 4px;
    margin-bottom: 10px;
    line-height: 1.5em;
}
.PrimaryAttachmentReactBlock {
    --primary-attachment-margin: 0;
    --primary-attachment-width: 100%;
    --primary-attachment-border-radius: 8px;
    width: var(--primary-attachment-width, 100%);
    overflow: hidden;
    margin: var(--primary-attachment-margin, 0);
    position: relative;
    border-radius: var(--primary-attachment-border-radius, 8px);
}
.vkui,
.vkui > body,
.vkui__root {
    height: 100%;
    margin: 0;
    padding: 0;
}
.PrimaryAttachmentArticle-module__container--Kf9Ah,
.PrimaryAttachmentArticle-module__container--Kf9Ah:hover {
    text-decoration: none;
}
.PrimaryAttachmentArticle-module__container--Kf9Ah {
    position: relative;
    display: grid;
    cursor: pointer;
    border-radius: var(--primary-attachment-border-radius, 8px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--vkui--color_background_secondary);
    border: var(--thin-border, 1px) solid var(--vkui--color_separator_primary);
    overflow: hidden;
}
.vkuiAspectRatio {
    --vkui_internal--aspect_ratio: 1;
    max-width: 100%;
    position: relative;
}
.vkuiAspectRatio:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    padding-bottom: calc((1 / var(--vkui_internal--aspect_ratio, 1)) * 100%);
}
.Cover-module__background--UmuC4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    overflow: hidden;
}
.Overlay-module__root--FzKhf {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.Overlay-module__root--FzKhf {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.Cover-module__container--HKluq .Cover-module__gradient--nPrD2 {
    top: 25%;
}
.Cover-module__gradient--nPrD2 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%));
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%);
}
.Cover-module__content--Cjr8R {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 14px 20px 20px;
}
.Cover-module__info--kRB8H {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--vkui--color_text_contrast);
}
.Cover-module__infoIcon--XnmcG {
    margin-right: 4px;
}
.vkuiTypography--weight-2.vkuiTypography--weight-2.vkuiTypography--weight-2 {
    font-weight: 500;
}
.vkuiFootnote {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}
.vkuiTypography--normalize {
    display: block;
    margin: 0;
    padding: 0;
}
.vkuiSpacing {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.Cover-module__title--NE4ry {
    text-align: left;
}
.getColorClass-module__colorTextContrast--Fhm1b {
    color: var(--vkui--color_text_contrast);
}
.TextClamp-module__multiLine--tG1Ox {
    --lines: 1;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: var(--lines, 1);
    line-clamp: var(--lines, 1);
    -webkit-box-orient: vertical;
}
.vkuiTitle--level-2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
.Bottom-module__container--__48J {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 21px 18px;
}
.Cover-module__grayFill--vcBCJ {
    background: rgba(0, 0, 0, 0.2);
}
.testLiked {
    text-decoration: underline;
}
.content__blocks + .content__counters {
    margin-top: 20px;
}
.content__counters {
    position: relative;
    z-index: calc(var(--link-z-index) + 1);
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
    color: var(--theme-color-text-secondary);
    margin-left: auto;
}
.statistics {
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.statistics svg {
    margin-right: 6px;
}
.statisticsRow {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}
.post__stats {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.post__stats .index {
    font-size: 23px;
    font-weight: 600;
    width: max-content;
    cursor: help;
}
.post__stats .label__stats {
    font-size: 11px;
    color: #8d8d8d;
}
.modal-title-post {
    margin-right: auto;
    font-size: 20px;
    font-weight: 500;
    margin-left: -25px;
}
.mt-3 {
    margin-top: 1rem !important;
}
.table__stats {
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
}
.table__stats > :not(caption) > * > * {
    padding: 0.5rem;
    border-bottom: solid 1px #15192a70;
    text-align: left;
}
.show__stats {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}
.table__stats th {
    font-weight: bold;
}
.feed__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.24;
    padding-top: 24px;
    margin: 0 0 16px;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.card-body {
    flex: 1 1 auto;
    padding: 20px;
    color: var(--bs-card-color);
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--theme-color-background-content);
    background-clip: border-box;
    border-radius: var(--layout-island-border-radius);
}
.fw-bold {
    font-size: 1rem;
    font-weight: 600 !important;
}
.tags__main {
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.tags__main span a {
    width: 100%;
    background-color: var(--theme-color-button-minimal);
    padding: 3px 9px;
    border-radius: 30px;
    font-size: 14px;
    text-transform: lowercase;
    position: relative;
}
.tags__main span a::before {
    content: "#";
}
.tags__main span a:hover {
    color: #307df0;
    background: rgb(48 125 240 / 20%);
}
.clouds_xsmall {
    column-gap: 1rem;
    row-gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    display: flex;
}
.tags__number {
    color: var(--theme-color-brand-primary);
    font-size: 0.75rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: var(--theme-color-button-minimal);
    border-radius: 1rem;
}
.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 + .content-list > .feed-stub: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__right {
    margin-left: auto;
}
.aside__desc {
    font-size: 14px;
    color: var(--theme-color-text-secondary);
}
@media (hover: hover) {
    .aside__desc:hover {
        opacity: 0.72;
    }
}
.social {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.social a {
    padding: 8px 12px;
    background-color: var(--theme-color-button-minimal);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    gap: 6px;
    align-items: center;
    will-change: transform;
}
@media (hover: hover) {
    .social a:hover {
        background-color: var(--theme-color-button-minimal-hover);
    }
}
.social a svg {
    color: var(--theme-color-brand-primary);
    background: radial-gradient(ellipse at center, rgb(72 115 237 / 10%) 0%, rgb(72 96 237 / 10%) 20%, rgb(72 129 237 / 0%) 70%, rgb(72 114 237 / 0%) 100%);
}
.warning {
    max-width: 805px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    position: fixed;
    bottom: 1rem;
    display: none;
    left: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: rgb(29 35 55 / 90%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: var(--theme-shadow-popover);
    border-radius: var(--layout-island-border-radius);
}
#cookie_notification.show {
    display: flex;
}
.warning__text {
    margin-right: 30px;
}
.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: 0.72;
    }
}
.subsite-followers__item {
    cursor: pointer;
}
@media (hover: hover) {
    .subsite-followers__item:hover {
        opacity: 0.72;
    }
}
@keyframes skeleton-loading {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0.5;
    }
}
.block-media,
.block-link {
    padding: 0 var(--layout-content-offset-x);
}
.PhotoPrimaryAttachment--thinBorder {
    --border-width: var(--thin-border, 0.33px);
    box-sizing: border-box;
    box-shadow: 0 0 0 var(--border-width) var(--vkui--color_separator_secondary);
}
.PhotoPrimaryAttachment {
    --photo-primary-ratio: 1;
    --photo-primary-margin: 0;
    --photo-primary-width: 100%;
    --photo-primary-height: calc(var(--photo-primary-width) / var(--photo-primary-ratio));
    --photo-primary-border-radius: 8px;
    --mg-border-radius-wrapper: 8px;
    width: var(--photo-primary-width, 100%);
    height: 0;
    overflow: hidden;
    padding-top: var(--photo-primary-height, 100%);
    margin: var(--photo-primary-margin, 0);
    position: relative;
    border-radius: var(--photo-primary-border-radius, 8px);
}
.PhotoPrimaryAttachment__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}
.PhotoPrimaryAttachment--ratioContainer .PhotoPrimaryAttachment__imageElement {
    width: 100%;
    height: 100%;
    position: absolute;
}
.PhotoPrimaryAttachment__imageElement {
    position: absolute;
    object-fit: contain;
    object-position: center;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.search-page__header {
    position: relative;
    z-index: 1;
    padding: 9px var(--layout-content-offset-x);
    background-color: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius);
    border-bottom: 1px solid var(--theme-color-border);
}
@media all and (min-width: 640px) {
    .search-page__header {
        margin-bottom: var(--layout-island-gap-y);
        padding: var(--layout-content-offset-x);
        border-bottom: none;
    }
}
.search-page__dummy,
.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);
}
.ce-inline-toolbar {
    margin-left: 23%;
}
.ce-inline-tool svg {
    color: var(--theme-color-text-primary);
    fill: none;
}
.ce-toolbar__plus,
.ce-toolbar__settings-btn {
    color: inherit;
    background-color: var(--ce-toolbar-background);
    box-shadow: var(--theme-shadow-popover);
}
.ce-popover {
    color: inherit;
    background-color: var(--ce-toolbar-background);
    box-shadow: var(--theme-shadow-popover);
}
.ce-popover-item {
    color: inherit;
}
.ce-popover-item__icon {
    border-radius: 6px;
    color: inherit;
    background-color: var(--theme-color-background);
}
.tabbar__user--active .tabbar__user-avatar {
    box-shadow: 0 0 0 1px var(--theme-color-background-content), 0 0 0 3px var(--active-item-color);
}
.floating-updates-notify {
    display: flex;
    justify-content: center;
    position: sticky;
    height: 0;
    z-index: 1;
    width: 100%;
    top: var(--layout-header-height);
}
.floating-updates-notify__button {
    box-shadow: var(--theme-color-updates-shadow);
    margin: 10px;
    border-radius: 16px;
}
@media (max-width: 859px) {
    .floating-updates-notify {
        top: 50px;
    }
}
.content-header__topic {
    color: var(--theme-color-text-primary);
}
@media (hover: hover) {
    .author__main a:hover,
    .author__details a:hover {
        opacity: 0.72;
    }
}
.chips {
    grid-gap: 0.5rem;
    display: flex;
    flex-wrap: wrap;
}
.chips-button {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    height: 34px;
    font-size: 15px;
    font-weight: 500;
    background-image: linear-gradient(to top left, #a99d67, #d5cdab);
    color: #152042;
    border-radius: 16px;
    cursor: pointer;
}
.chips-button span {
    margin-top: 2px;
}
.chips .selected {
    background-image: linear-gradient(to top left, #ffdf5a, #ffe98d);
    color: #152042;
}
.input-group {
    grid-gap: 0.5rem;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
}
.gamebase__avatar.size-md {
    --size: 6rem;
}
.gamebase__avatar.size-lg,
.gamebase__avatar.size-md {
    border-radius: 1.25rem;
}
.gamebase__avatar {
    background-color: #edeef2;
    border-radius: var(--size-rounded-icon);
    box-shadow: var(--shadow-inset-lg), var(--shadow-card);
    height: var(--size);
    -o-object-fit: cover;
    object-fit: cover;
    width: var(--size);
}
.input-stack {
    display: flex;
    flex-direction: column;
}
.items {
    grid-gap: 0.75rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    margin-top: 16px;
}
.gallery-item {
    display: flex;
    flex-direction: column;
    padding: 0;
}
.gallery-item .gallery-thumbnail {
    cursor: pointer;
}
.gallery-item .gallery-thumbnail img {
    transition: filter 0.25s ease-in-out;
}
.gallery-item img {
    border-radius: 0.6rem;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 10rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.aside__grid {
    display: grid;
    grid-gap: var(--layout-island-gap-y);
    gap: var(--layout-island-gap-y);
}
.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);
}
._7i8cI-kQ {
    border-radius: var(--layout-island-border-radius);
}
.discovery-recent-item {
    display: grid;
    grid-template-columns: auto 24px;
    grid-gap: 12px;
    gap: 12px;
    padding: 8px 0;
    line-height: 24px;
}
.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;
}
.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);
}
.discovery-list:last-child {
    padding-bottom: 16px;
}
.discovery-list .infinite-list__item {
    padding: 4px 0;
}
.discovery-list .infinite-list__item:not(:first-child) {
    margin-top: 12px;
}
.discovery-list__title {
    margin-bottom: 9px;
    font-weight: 500;
}
.discovery-list__item {
    display: flex;
    align-items: center;
}
.discovery-list__more {
    display: flex;
    margin-top: 12px;
}
.discovery {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    min-height: 100%;
}
.discovery .recommendations {
    margin-top: 0;
}
.discovery__header {
    padding: 12px var(--layout-content-offset-x);
    background-color: var(--theme-color-background-content);
}
@media all and (min-width: 925px) {
    .discovery__header {
        padding: 15px var(--layout-content-offset-x) 0;
        border-top-left-radius: var(--layout-island-border-radius);
        border-top-right-radius: var(--layout-island-border-radius);
    }
}
@media all and (min-width: 925px) {
    .discovery__header--with-footer {
        margin-bottom: 20px;
        padding-bottom: 14px;
        border-radius: var(--layout-island-border-radius);
    }
}
.discovery__header + *:not(.recommendations):not(.discovery__subsites) {
    flex-grow: 1;
}
@media all and (max-width: 924px) {
    .discovery__header + *:not(.recommendations):not(.discovery__subsites) {
        box-shadow: 0 -1px var(--theme-color-border);
    }
}
.discovery__title {
    margin-bottom: 15px;
    font-weight: 500;
}
@media all and (max-width: 924px) {
    .discovery__title {
        display: none;
    }
}
.discovery__subsites:not(:last-child) {
    margin-bottom: 20px;
}
.discovery__subsites .discovery-list:last-child {
    border-bottom-left-radius: var(--layout-island-border-radius);
    border-bottom-right-radius: var(--layout-island-border-radius);
}
@media all and (min-width: 925px) {
    .discovery__posts .skeleton-content:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}
.discovery__recent,
.discovery__loading,
.discovery__empty {
    background-color: var(--theme-color-background-content);
}
@media all and (min-width: 925px) {
    .discovery__recent,
    .discovery__loading,
    .discovery__empty {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 270px;
        border-bottom-left-radius: var(--layout-island-border-radius);
        border-bottom-right-radius: var(--layout-island-border-radius);
    }
}
.discovery__recent {
    padding: 9px var(--layout-content-offset-x) 0;
    background-color: var(--theme-color-background-content);
}
.discovery__recent--empty {
    padding-top: 32px;
    padding-bottom: 32px;
    text-align: center;
    color: var(--theme-color-text-secondary-light);
}
.discovery__loading {
    padding: 32px var(--layout-content-offset-x);
}
@media all and (max-width: 924px) {
    .discovery__loading {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
}
.discovery__empty {
    padding: 32px var(--layout-content-offset-x);
    text-align: center;
    color: var(--theme-color-text-secondary-light);
}
.reaction-plus-restriction {
    position: absolute;
    padding: 12px 16px 16px;
    z-index: 1;
    max-width: 240px;
    background-color: var(--theme-color-popover-background);
    box-shadow: var(--theme-shadow-popover);
    border-radius: var(--layout-island-border-radius);
    display: none;
}
.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);
}
.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 {
    --option-art-radius: 6px;
    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(0.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: var(--10e150dc);
    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 0.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;
}
.highlighted {
    border: 2px solid red;
    transition: border-color 0.5s;
}
@media (hover: hover) {
    .sidebarOpacity:hover {
        opacity: 0.83;
    }
}
.sidebarOpacity svg {
    height: 100%;
    color: var(--theme-color-brand-logo);
    fill: none;
}
.header__bell {
    margin-right: 32px;
}
.auth__footer {
    font-size: 14px;
    line-height: 18px;
    margin-top: 16px;
    white-space: pre-line;
    color: var(--theme-color-text-secondary);
    display: grid;
    text-align: center;
}
.auth__footer .link-button {
    font-size: 14px;
    line-height: 18px;
}
.media__title {
    padding: 0 var(--layout-content-offset-x);
    font-size: 15px;
    line-height: 22px;
    margin-top: 12px;
}
.sidebar-item .andropov-media {
    flex-shrink: 0;
    margin-right: 10px;
}
.sidebar-item__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.account-button {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (hover: hover) {
    .account-button__inner:hover {
        opacity: 0.72;
    }
}
.account-button__inner {
    display: flex;
    align-items: center;
    height: var(--layout-header-height);
    cursor: pointer;
}
.account-button__inner .icon {
    margin-left: 4px;
}
.icon--chevron_down {
    transition: transform 0.3s ease;
}
.icon--chevron_down.rotate {
    transform: rotate(180deg);
}
.action-menu {
    position: absolute;
    background-color: var(--theme-color-popover-background);
    box-shadow: var(--theme-shadow-popover);
    border-radius: 10px;
    z-index: 2;
}
.ce-popover--opened>.ce-popover__container {
    border: 0;
    color: inherit;
    background-color: var(--ce-toolbar-background);
    box-shadow: var(--theme-shadow-popover);
}
.cdx-search-field {
    background-color: var(--theme-color-background-content);
    border: 1px solid var(--theme-color-field-border-default);
}
.ce-header {
    font-size: 24px;
    font-weight: 500;
}
@media (hover: hover) {
    .ce-popover-item:hover {
        cursor: pointer;
    }
    .ce-popover-item:hover:not(.ce-popover-item--no-hover):not(.ce-popover-item--confirmation) {
        background-color: var(--theme-color-background-content);
    }    
}
.Toastify__toast-theme--colored.Toastify__toast--default, .Toastify__toast-theme--light {
    background: var(--theme-color-popover-background);
    box-shadow: var(--theme-shadow-popover);
    color: var(--theme-color-text-primary);
    transition: none;
    font-size: 15px;
    line-height: 22px;
    min-height: 0;
    padding-top: 14px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 15px;
    border-radius: 10px !important;
    font-weight: 500;
    font-family: 'Roboto' !important;
}
.Toastify__toast-body>div:last-child {
    font-size: 14px !important;
    flex: 1 1;
}
.Toastify__close-button--light {
    color: #fff;
}
.infinite-grid__main {
    position: relative;
    overflow: hidden;
}
.infinite-grid__item {
    --width: var(--24a2cf79);
    --height: var(--85ef5030);
    width: var(--width);
    height: var(--height);
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.content-footer-button {
    border-radius: 50px;
    padding: 0 10px 0 5px;
    background: var(--theme-color-background);
    --button-size-default: 28px;
    --button-size-small: 22px;
    --button-color: var(--theme-color-text-secondary);
    --button-icon-bg-color: transparent;
    --button-size: var(--button-size-default);
    font-size: 15px;
    line-height: 22px;
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    color: var(--button-color);
    cursor: pointer;
}
.content-footer-button__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--button-size);
    height: var(--button-size);
    background-color: var(--button-icon-bg-color);
    border-radius: 100%;
}
.content-footer-button__icon svg {
    fill: none;
}
.content-footer-button__icon .icon:nth-child(2) {
    position: absolute;
    animation-duration: 0.4s;
    animation-name: splash;
}
.content-footer-button__label {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.content-footer-button--active {
    --button-color: var(--theme-color-signal-active-default);
    --button-icon-bg-color: var(--theme-color-content-footer-button-hover-background);
}
@media (hover: hover) {
    .content-footer-button:hover {
        --button-color: var(--theme-color-signal-active-default);
        --button-icon-bg-color: var(--theme-color-content-footer-button-hover-background);
    }
}
.content-footer-button--label-active {
    --button-color: var(--theme-color-signal-active-default);
}
.content-footer-button--small {
    font-size: 13px;
    line-height: 18px;
    --button-size: var(--button-size-small);
}
@keyframes splash {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(2);
        opacity: 0;
    }
}
.file-upload {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.filter-buttons {
    gap: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.resolved-badge {
    background: rgb(0 175 92 / 20%);
    color: #00af5c;
    line-height: normal;
    border-radius: 50px;
    padding: 3px 12px;
    font-size: 14px;
}
.comment.selected {
    background: var(--comment-selected);
}
.log-content {
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: var(--theme-color-background);
    padding: 15px;
    border-radius: 16px;
    max-height: 60vh;
    overflow-y: auto;
    font-family: monospace;
    font-size: 0.9rem;
    line-height: 1.4;
}
.general-settings__account--telegram {
    background: #3390ec;
    color: #fff;
}
.subsite-rank {
    width: 24px;
    box-sizing: border-box;
    padding-right: 6px;
    text-align: center;
    white-space: nowrap;
    margin-top: -2px;
    flex-shrink: 0;
}
.infinite-list {
    position: relative;
    z-index: var(--layout-z-index-feed);
}
.discovery-list__item:not(:first-child) {
    margin-top: 24px;
}
.form-section__label {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    font-weight: 500;
    color: var(--theme-color-text-primary);
}
.button--type-danger {
    background: #ff6155;
    --button-bg-color-hover: #dc564c;
    --button-bg-color-active: #dc564c;
    --button-text-color: #fff;
}
.subsite-name__value {
    display: flex;
    align-items: center;
}
.field__wrapper-body {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: var(--height);
}
.category-badge {
    z-index: 1;
    background-color: var(--theme-color-popover-item-bg-active);
    line-height: normal;
    border-radius: 50px;
    padding: 3px 12px;
    font-size: 14px;
}
.category-badge:hover {
    opacity: 0.8;
}
.ce-inline-tool-input {
    background: var(--theme-color-background);
}
.button--rounded {
    --button-radius: var(--button-height);
}
.filter-section {
    z-index: 10;
    height: 30px;
    margin: 0 var(--layout-content-offset-x) 4px;
    width: max-content;
    position: relative;
    z-index: calc(var(--layout-z-index-feed) + 1);
}
@media (min-width: 640px) {
    .filter-section {
        position: relative;
        top: auto;
        padding-right: 0;
    }
}
.dropdown {
    display: inline-flex;
    align-items: center;
    position: relative;
}
.dropdown__label {
    display: flex;
    align-items: center;
    color: var(--theme-color-text-primary);
    height: 30px;
    cursor: pointer;
    white-space: nowrap;
    font-size: 15px;
    line-height: 22px;
}
.dropdown__label .icon {
    transition: transform 0.3s ease;
    margin-left: 4px;
    transform: translateY(1px);
}
.dropdown__label .icon.open {
    transform: rotate(180deg);
}
@media (max-width: 859px) {
    .sidebarOpacity svg {
        width: 55%;
    }
}
.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;
}
.user-card__avatar-less {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--3ca2f996);
    height: var(--3ca2f996);
    border-radius: 100%;
    background: #0000000d;
}
.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__name {
    font-size: 20px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.sidebar__subscriptions {
    margin-top: 26px;
    display: grid;
}
.sidebar__title {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 4px;
    padding-left: 10px;
    color: var(--theme-color-text-secondary);
}
.paymentIcons {
    margin-top: 20px;
    text-align: center;
}
.paymentIcons img {
    height: 40px;
    margin-right: 10px;
}
.plus {
    padding-top: 56px;
    color: var(--theme-plus-color);
}
.plus__main {
    display: grid;
    align-content: start;
    justify-items: center;
    text-align: center;
    padding: 0 var(--layout-content-offset-x);
}
@media all and (min-width: 640px) {
    .plus__main {
        padding: 0 50px;
    }
}
.plus__icon {
    width: 120px;
    height: 88px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plus__title {
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 8px;
}
.plus__summary {
    margin-bottom: 24px;
    max-width: 320px;
}
.plus__options,
.plus__features {
    width: 100%;
    text-align: left;
	background: var(--theme-plus-features-background);
    box-shadow: var(--theme-plus-features-shadow);
    border-radius: 16px;
}
.plus__options {
    margin-bottom: 16px;
}
.plus__features {
    --icon-color: var(--theme-color-signal-active-default);
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    margin-bottom: 10px;
    padding: 20px;
}
.plus__note {
    text-align: center;
    font-size: 13px;
    position: relative;
    line-height: 18px;
    color: var(--theme-color-text-primary);
}
.plus__note .loader {
    margin: 0 auto;
    padding: 16px 0;
}
.plus__note a {
    color: #307df0;
    cursor: pointer;
}
@media (hover: hover) {
    .plus__note a:hover {
        color: var(--theme-color-signal-active-dark);
    }
}
.plus__footer {
    width: 100%;
    position: sticky;
    bottom: 0;
    padding: 36px var(--layout-content-offset-x) 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media all and (min-width: 640px) {
    .plus__footer {
        padding-bottom: 48px;
        border-radius: 0 0 var(--window-radius) var(--window-radius);
    }
}
.plus__footer:empty {
    padding-top: 0;
    background-image: none;
}
.plus__footer .plus__note {
    margin-bottom: 10px;
}
.plus .button {
    --button-bg-color: #0b5dd7;
    --button-bg-color-hover: #1158c3;
    --button-bg-color-active: #1158c3;
    --button-text-color: var(--color-white);
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: none;
}
@media all and (min-width: 640px) {
    .plus .button {
        min-width: 320px;
        max-width: 320px;
    }
}
.plus-button-reflection {
    position: absolute;
    top: 0;
    left: -30%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0) 100%);
    width: 100px;
    height: 100%;
    transform: skew(-10deg);
    animation: plus-button-reflection-slide 5s;
    animation-iteration-count: infinite;
    animation-delay: 1.165s;
    animation-timing-function: ease;
}
.modal-window--plus {
    background: var(--theme-plus-modal-background);
}
.modal-window--plus .modal-window__content {
    margin-top: calc(var(--header-height) * -1);
    padding: 0;
}
@keyframes plus-button-reflection-slide {
    0% {
        left: -10%;
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    25%,
    to {
        left: 105%;
    }
}
@keyframes underlay-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes modal-enter {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes modal-enter-slide {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.subscription-feature {
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-template-rows: auto auto;
    grid-gap: 2px 12px;
    gap: 2px 12px;
}
.subscription-feature__icon,
.subscription-feature__media {
    grid-row: span 2;
    margin-top: 1px;
}
.subscription-feature__icon {
    color: #0b5dd7;
}
.subscription-feature__title {
    line-height: 24px;
}
.subscription-feature__title > svg {
    display: inline-block;
    vertical-align: middle;
}
.subscription-feature__description {
    font-size: 15px;
    line-height: 22px;
    color: var(--theme-color-text-secondary);
    color: var(--description-color, var(--theme-color-text-secondary));
}
.modal-window--plus {
    background: var(--theme-plus-modal-background);
}
.modal-window--plus .modal-window__content {
    margin-top: calc(var(--header-height) * -1);
    padding: 0;
}
.plus-option {
    display: grid;
    grid-template-columns: auto 1fr;
    cursor: pointer;
    position: relative;
}
.plus-option:first-child {
    padding-top: 4px;
}
.plus-option:last-child {
    padding-bottom: 4px;
}
.plus-option--active {
    pointer-events: none;
}
.plus-option__state {
    padding-top: 15px;
    padding-right: 12px;
    padding-left: 20px;
}
.plus-option__radio {
    --size: 22px;
    width: var(--size);
    height: var(--size);
    border: 1px solid var(--theme-color-border);
    border-radius: 50%;
    margin: 0 1px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plus-option__radio svg {
    fill: none;
    stroke: var(--color-white);
    opacity: 0;
}
.plus-option--active .plus-option__radio svg {
    opacity: 1;
}
@media (hover: hover) {
    .plus-option:hover .plus-option__radio svg {
        stroke: var(--theme-color-border);
        opacity: 1;
    }
}
.plus-option--active .plus-option__radio {
    background-image: linear-gradient(54.61deg, #307df0 0%, #5e36ff 89.06%);
}
.plus-option__main {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 12px 20px 12px 0;
}
.plus-option:not(:last-child) .plus-option__main {
    border-bottom: 1px solid var(--theme-color-border);
}
.plus-option__label {
    display: flex;
    align-items: center;
}
.plus-option__profit {
    font-size: 12px;
    line-height: 10px;
    background-image: linear-gradient(63.6deg, #307df0 -40.34%, #5e36ff 120.43%);
    color: var(--color-white);
    padding: 5px 4px;
    border-radius: 6px;
    margin-left: 6px;
}
.plus-option__details {
    font-size: 15px;
    line-height: 22px;
    color: var(--theme-color-text-secondary);
}
.plus-option__crossed-price {
    color: var(--theme-color-text-secondary-light);
    position: relative;
    margin-right: 4px;
}
.plus-option__crossed-price:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--theme-color-signal-negative-default);
    position: absolute;
    top: 50%;
    left: 0;
}
.plus__icon--for-avatar {
    position: absolute;
    width: 49px;
    height: 36px;
    margin: 56px 0 0 4px;
    left: 50%;
}
.sidebar-item-giveaway {
    color: var(--theme-color-signal-positive-default) !important;
}
.sidebar-item-giveaway svg {
    color: var(--theme-color-signal-positive-default) !important;
}
.feeds-settings-blocked__list {
    display: grid;
    grid-gap: 16px;
    gap: 16px;
}
.feeds-settings-blocked__item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.feeds-settings-blocked__name {
    margin-left: 12px;
    margin-right: auto;
}
.comment-blocked-message {
    padding: 16px;
    background-color: var(--theme-color-background);
    border-radius: 12px;
    margin-bottom: 16px !important;
    text-align: center;
    margin: 0 24px;
}
.layout__background {
    overflow: hidden;
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 130px;
    border-radius: 20px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.background-banner {
    border-radius: 20px;
    object-fit: cover;
    object-position: center top;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 190px;
    opacity: .1;
    background-size: cover;
    -webkit-mask-image: linear-gradient(to top, transparent 2%, hsl(0deg 0% 0% / 30%) 95%);
}
.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.lightbox-content {
    max-width: 90%;
    max-height: 90%;
    position: relative;
    text-align: center;
    border-radius: 16px;
}
.lightbox-image {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    height: auto;
    border-radius: 16px;
}
.lightbox-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #333;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lightbox-close:hover {
    background: #555;
}
.lightbox-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-white);
}
.lightbox-description {
    font-size: 16px;
    color: var(--color-white);
    margin-bottom: 10px;
}
.swiper-slide {
    grid-template-columns: 1fr 1fr !important;
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 15px;
}
.gallery-slide {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
}
.gallery-image {
    width: 100%;
    height: 100%;
    min-height: 230px;
    object-fit: cover;
}
.featured-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #007bff;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}
.gallery-title {
    font-size: 18px;
    font-weight: 600;
    margin: 10px;
    color: #333;
}
.gallery-description {
    font-size: 14px;
    margin: 0 10px 10px;
    color: #666;
}
.swiper-button-next,
.swiper-button-prev {
    color: #007bff;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px;
}
.swiper-pagination-bullet {
    background: #007bff;
    opacity: 0.5;
}
.swiper-pagination-bullet-active {
    opacity: 1;
}
.pagination {
    box-shadow: var(--theme-color-button-secondary-shadow);
    font-size: 15px;
    line-height: 20px;
    padding: 4px;
    background: var(--theme-color-background-content);
    border-radius: 9999px;
    overflow: clip;
    width: fit-content;
    display: flex;
    margin-bottom: 15px;
    position: relative;
}
.pagination__button {
    font-weight: 500;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    gap: .5rem;
    align-items: center;
    flex-direction: row;
    display: flex;
}
.pagination__button--active {
    color: #4772ff;
    background: rgb(71 114 255 / 25%);
    border-radius: 999px;
    font-weight: 600;
}
.author-card {
    border-radius: 20px;
    border: 1px solid var(--theme-sidebar-separator-color-background);
    box-shadow: none;
    padding: 10px;
}
.button__browse--with-icon .lucide-chevron-down-icon {
    transition: transform 0.3s ease;
}
.button__browse--with-icon .lucide-chevron-down-icon.rotate {
    transform: rotate(180deg);
}
.content--browse {
    position: relative;
    overflow: hidden;
    background: var(--theme-color-background);
    width: 250px;
    height: 180px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.content--browse:hover img {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    transform: translate(0, 0) rotate(1deg) skewX(0) skewY(0) scaleX(1.05) scaleY(1.05);
}
.browse-menu {
    animation: show-dropdown .2s ease forwards;
}
@keyframes show-dropdown {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.project-type-buttons {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 10px;
}
.hero-section {
    position: relative;
    min-height: 100vh;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0 !important;
    padding: 4rem;
}
.hero-container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.hero-content {
    text-align: center;
    margin: 0 auto;
}
.hero-title {
    font-family: "Dela Gothic One", sans-serif;
    font-size: clamp(2.5rem, 6vw, 5rem);
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 2rem;
    letter-spacing: -.02em;
}
.highlight-text {
    background: #307df0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
}
.hero-description {
    font-size: clamp(1rem, 2.5vw, 1.25rem);
    line-height: 1.6;
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.hero-actions {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    margin-bottom: 4rem;
}
.highlight-text:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    height: 4px;
    background: #307df0;
    border-radius: .25rem;
    opacity: .3;
}
.stats-section {
}
.stats-header {
    text-align: center;
    margin-bottom: 3rem;
    padding: 0 3rem;
}
.stats-title {
    font-family: "Dela Gothic One", sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    max-width: 900px;
    margin: 0 auto;
}
.mods-marquee {
    padding-top: 2px;
    margin-top: -2px;
    padding-bottom: 7px;
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, white 15%, white 85%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, white 15%, white 85%, transparent);
}
@keyframes marquee-scroll-1888a486 {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-50%)
    }
}
.marquee-content {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 24px;
    animation: marquee-scroll-1888a486 360s linear infinite;
    will-change: transform;
    min-width: fit-content;
}
.mod-badge {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--theme-color-background-content);
    border-radius: var(--layout-island-border-radius);
    box-shadow: var(--theme-color-button-secondary-shadow);
    border-radius: 20px;
    padding: 1rem 1.25rem;
    min-width: 280px;
    flex-shrink: 0;
    transition: all .2s;
}
.mod-avatar {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    transition: transform .2s;
    flex-shrink: 0;
}
.mod-name {
    font-size: 1rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
}
.tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.browse-page {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 40px;
}
.browse-content {
    width: 100%;
}
.project-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sort-controls {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 10px;
}
.versions-list {
    max-height: 300px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.version-item {
    padding-bottom: 4px;
    padding-top: 4px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: var(--theme-color-text-secondary);
    padding-left: 10px;
}
.version-item:not(.selected):hover {
    background: var(--theme-color-background-active);
    border-radius: 10px;
}
.version-item.selected {
    background: var(--theme-color-background-active);
    border-radius: 10px;
}
.loaders-list,
.tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.sort-wrapper {
    position: relative;
    z-index: calc(var(--layout-z-index-feed) + 1);
}
.popover--sort {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10;
}
.dropdown__label .icon.open {
    transform: rotate(180deg);
}
.Toastify__toast--success .Toastify__toast-icon svg {
    fill: var(--toastify-icon-color-success) !important;
}
.Toastify__toast--error .Toastify__toast-icon svg {
    fill: var(--toastify-icon-color-error) !important;
}
.Toastify__toast--warning .Toastify__toast-icon svg {
    fill: var(--toastify-icon-color-warning, #ffa500) !important;
}
.edit-image-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    border: none;
    border-radius: 10px;
    padding: 8px;
    cursor: pointer;
    color: white;
}
.edit-image-button:hover {
    background: rgba(0, 0, 0, 0.9);
}
.edit-image-button svg {
    fill: none;
}
.button--beta {
    background: #307df0;
    padding: 5px 10px;
    border-radius: 10px;
    font-weight: 500;
    color: #fff;
    margin-left: -27px;
    margin-top: 42px;
    line-height: normal;
    transform: rotate(-10deg);
}
.pagination-controls {
    display: flex;
    margin-top: 15px;
    gap: 8px;
}
.image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: -1;
}
.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: filter 0.3s ease;
}
.image-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: background 0.3s ease;
}
body.dark div .image-container::before {
    background: linear-gradient(to bottom, rgb(22 22 23 / 97%) 70%, rgb(22 22 23) 100%);
}
body.light div .image-container::before {
    background: linear-gradient(to bottom, rgb(242 242 242 / 93%) 70%, rgb(242 242 242) 100%);
}
.subsite-social-links {
    margin-top: 8px;
}
.social-links__list {
    display: flex;
    align-items: center;
    gap: 10px;
}
.social-links__list a svg {
    fill: none;
}
.social-links__list a svg:hover {
    opacity: 0.8;
}
.badge--admin {
    background: rgb(48 125 240 / 30%);
    font-size: 14px;
    line-height: 21px;
    padding: 2px 10px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.badge--admin .circle {
    width: 8px;
    height: 8px;
    background: #307df0;
    border-radius: 999px;
}
.badge--moderator {
    background: rgb(255 163 71 / 30%);
    font-size: 14px;
    line-height: 21px;
    padding: 2px 10px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.badge--moderator .circle {
    width: 8px;
    height: 8px;
    background: #ffa347;
    border-radius: 999px;
}
.badge--developer {
    background: var(--theme-color-background);
    font-size: 14px;
    line-height: 21px;
    padding: 2px 10px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.badge--developer svg {
    fill: none;
}
.project-info {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
}
.project-info__date {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.project-info__date p {
    color: var(--theme-color-text-secondary);
}
.project-info__id {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.project-info__id p {
    color: var(--theme-color-text-secondary);
}
.field__wrapper svg.icon--chevron_up  {
    transition: transform 0.3s ease;
}
.field__wrapper svg.icon--chevron_up.rotate {
    transform: rotate(180deg);
}