.attach-gif{display:grid}.attach-gif__content{display:grid;grid-gap:20px;gap:20px;justify-items:center;margin-bottom:20px}@media all and (min-width: 640px){.attach-gif .button{margin-left:auto}}.attach-gif .andropov-media{--border-radius: 18px}.contenteditable__input{min-height:26px;outline:0;position:relative;display:inline-block;vertical-align:top;width:100%}.contenteditable__input--disabled{pointer-events:none}.contenteditable__input:empty:before{content:attr(data-placeholder);color:var(--theme-color-text-secondary);position:absolute}.contenteditable__input [contenteditable=false]{pointer-events:none}.contenteditable__input a{color:var(--theme-color-signal-active-default);cursor:pointer}@media (hover: hover){.contenteditable__input a:hover{color:var(--theme-color-signal-active-dark)}}.contenteditable__input a{pointer-events:none}.comments-form{background-color:var(--theme-color-field-background-default);border:1px solid var(--theme-color-field-border-default);transition:background-color .1s linear,border-color .1s linear,box-shadow .1s linear;flex-basis:100%;border-radius:12px;padding:11px;cursor:text;display:grid;grid-gap:12px;gap:12px;min-width:0;grid-template-columns:100%}@media (hover: hover){.comments-form:hover{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)}}.comments-form--focused{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)}@media (hover: hover){.comments-form--focused:hover{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)}}.comments-form--dropover{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);border:1px dashed var(--theme-color-signal-active-default)}.comments-form--disabled{pointer-events:none}.comments-form__footer{display:flex;gap:12px;flex-wrap:wrap}.comments-form__actions{height:34px;padding-top:1px;align-items:center;display:flex;cursor:default;gap:10px;margin-right:auto}.comments-form__buttons{display:flex;align-items:center;gap:10px;margin-left:auto}.comments-form__attachments{cursor:default;display:flex;flex-wrap:wrap;padding-top:12px}.comments-form__attachments:empty{display:none}.comments-form__attachments .attachment:not(:last-child){margin-right:12px}@media (hover: hover){.comments-form__author:hover{opacity:.72}}.comments-form__author{cursor:pointer}.comments-form__donation{position:relative;width:-moz-fit-content;width:fit-content}.comments-form-stub{font-size:15px;line-height:22px;border:1px solid var(--theme-color-border);flex-basis:100%;border-radius:12px;padding:11px;min-width:0}.comments-form-stub__text:not(:last-child){margin-bottom:6px}.comments-form-stub a{color:var(--theme-color-signal-active-default);cursor:pointer}@media (hover: hover){.comments-form-stub a:hover{color:var(--theme-color-signal-active-dark)}}.comments-header{box-sizing:content-box;display:flex;align-items:center;height:26px;padding:20px var(--layout-content-offset-x);gap:12px}@media all and (min-width: 640px){.comments-header{height:44px;padding-top:16px;padding-bottom:16px}}.comments-header .skeleton-bar{will-change:opacity}.app-loaded .comments-header .skeleton-bar{animation:skeleton-loading 1s linear alternate infinite}@keyframes skeleton-loading{0%{opacity:1}to{opacity:.5}}.comments-header__title{font-size:17px;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}@media all and (min-width: 640px){.comments-header__title{font-size:20px;line-height:28px}}.comments-header__controls{margin-left:auto;margin-right:-4px;display:flex;align-items:center;gap:12px}.comments-header__bell{transition:transform .15s ease-out}.comments-header__bell.icon-button--active{transform:rotate(20deg)}.comments-updates-shifter{margin-bottom:calc(var(--layout-updates-button-size) * -1)}.comments-updates{--offset-bottom: 12px;--button-width: 124px;position:sticky;bottom:calc((var(--layout-tabbar-height) + env(safe-area-inset-bottom)) + var(--offset-bottom));bottom:calc(calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom)) + var(--offset-bottom));bottom:calc(var(--safe-tabbar-height) + var(--offset-bottom));display:flex;align-items:center;justify-content:center;pointer-events:none}@media all and (min-width: 640px){.comments-updates{--offset-bottom: 24px }}.comments-updates__horizon{width:100%;height:calc((var(--layout-tabbar-height) + env(safe-area-inset-bottom)) + var(--offset-bottom) + 1px);height:calc(calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom)) + var(--offset-bottom) + 1px);height:calc(var(--safe-tabbar-height) + var(--offset-bottom) + 1px);position:absolute;left:0;top:100%;z-index:-1}.comments-updates-button{--offset-x: 10px;--border-radius: 20px;font-size:15px;line-height:22px;font-weight:500;width:var(--button-width);height:var(--layout-updates-button-size);background-color:var(--theme-color-popover-background);box-shadow:var(--theme-color-updates-shadow);border-radius:var(--border-radius);display:flex;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;visibility:hidden;opacity:0;transform:scale(.9);transition:all .1s ease-in-out}.comments-updates-button--stuck{visibility:visible;opacity:1;transform:scale(1)}.comments-updates-button--pressed{animation:scaleOption var(--press-duration) ease-out}@media (hover: hover){.comments-updates-button__label:hover{opacity:.72}}.comments-updates-button__label{flex-grow:1;display:flex;align-items:center;justify-content:center;padding-left:var(--offset-x)}.comments-updates-button__close{margin-left:auto;padding-right:var(--offset-x);display:flex;align-items:center;justify-content:center;color:var(--theme-color-text-secondary)}@media (hover: hover){.comments-updates-button__close:hover{color:var(--theme-color-signal-negative-default)}}@keyframes scaleCommentsUpdateButton{0%,to{transform:scale(1)}30%{transform:scale(.98)}}.comments-limit{--offset-top: 12px;padding:6px var(--layout-content-offset-x) 12px;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative}.comments-limit--top{border-bottom:1px solid var(--theme-color-border);margin-bottom:var(--offset-top)}.comments-limit--bottom{border-top:1px solid var(--theme-color-border);margin-top:var(--offset-top)}.comments-limit__expand{margin-top:6px;margin-right:20px}.comments-limit__expand-always{margin-top:6px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:var(--theme-plus-action-background)}.comments-limit .loader{margin-top:2px;margin-left:20px}:root{--safe-tabbar-height: calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom)) }@keyframes underlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes modal-enter-slide{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.comment{--avatar-size: 36px;--avatar-offset: 10px;--content-offset-top: 12px;--content-offset-bottom: 6px;--branch-width: 26px;--content-gap: 8px;--content-actions-gap: 4px;--root-top-gap: 12px;font-size:17px;line-height:26px;padding:0 var(--layout-content-offset-x);display:grid;grid-template-columns:calc(var(--comment-display-level) * var(--branch-width)) 1fr;content-visibility:auto;overflow:hidden}.comment .author{margin-bottom:var(--content-gap)}.comment__branches{display:flex}.comment__content{padding:var(--content-offset-top) 0 var(--content-offset-bottom);min-width:0;align-self:start}.comment__detail--accent{color:var(--theme-color-signal-active-default)}.comment__expand,.comment .loader{margin-right:20px}.comment__icon{color:var(--theme-color-text-secondary)}@media (hover: hover){.comment__icon--interactable:hover{opacity:.72}}.comment__icon--interactable{cursor:pointer}@media all and (min-width: 640px){.comment__icon--interactable{display:none}}@media (hover: hover){.comment:hover .comment__icon--interactable{display:block}}.comment--root{margin-top:var(--root-top-gap)}.comment--expander{--content-offset-top: 24px;--content-offset-bottom: 9px}.comment--expander .comment-branch{--arc-height: 39px}.comment--removed{color:var(--theme-color-text-secondary)}.comment--removed .comment-text{margin:0;padding-top:4px}.comment--removed .comment-footer{grid-column:span 2;margin-top:10px}.comment--removed .comment-footer:empty{display:none}.comment--removed .comment__content{display:grid;grid-template-columns:auto 1fr;justify-items:start}.comment--removed .comment__expand{grid-column:span 2}.comment--removed .comment__avatar{margin-right:10px}.comment--writing{content-visibility:visible!important;overflow:visible!important}.comment--writing{--content-offset-top: 0;--content-offset-bottom: 0}.comment--writing.comment--writing-reply{--content-offset-top: 12px;--content-offset-bottom: 6px;margin-top:var(--content-offset-bottom);margin-bottom:calc(var(--content-offset-bottom) * -1);padding-left:0;padding-right:0}.comment--writing.comment--writing-secondary{--content-offset-top: 12px;margin-top:var(--root-top-gap)}.comment--unread{animation:none!important}.comment--unread{background-color:var(--theme-comment-highlighted-background)}.comment--highlighted{animation:none!important}.comment--highlighted{background-color:var(--theme-comment-highlighted-background)}.comment--attention{--animation-duration: 1.2s;background-color:var(--theme-comment-highlighted-background);animation:commentAttention var(--animation-duration) forwards ease-in-out}@keyframes commentAttention{0%,50%{background-color:var(--theme-comment-highlighted-background)}to{background-color:transparent}}.comment-branches{display:flex}.comment-branch{--color-branch: var(--theme-color-border);--width: var(--branch-width, 26px);--branch-stroke: 1px;--arc-width: 16px;--arc-height: 31px;--arc-radius: 8px;width:var(--width);border-left:var(--branch-stroke) solid transparent;pointer-events:none}.comment-branch--short{height:var(--arc-height)}.comment-branch--visible{border-color:var(--color-branch)}.comment-branch--interactable{pointer-events:auto;cursor:pointer}.comment-branch__arc{width:var(--arc-width);height:var(--arc-height);border:solid var(--color-branch);border-width:0 0 var(--branch-stroke) var(--branch-stroke);border-bottom-left-radius:var(--arc-radius);margin-left:calc(var(--branch-stroke) * -1);pointer-events:none}.comments{background-color:var(--theme-color-background-content);border-radius:var(--layout-island-border-radius);padding-bottom:var(--layout-content-offset-x)}.comments--limited,.comments--single-thread{padding-bottom:0}

.widgets {
    display: flex
;
    flex-direction: column;
    gap: 16px;
    padding: var(--layout-view-offset-y) 10px 16px 10px;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    height: 100%;
}

.widget-pro-blogs {
    padding-bottom: 12px;
}

.widget-item {
    border-radius: var(--layout-island-border-radius);
    background-color: var(--theme-color-background-content);
    padding: 16px;
}

.widget-item__title {
    font-size: 15px;
    line-height: 22px;
    display: flex
;
    align-items: center;
    gap: 4px;
    font-weight: 500;
}

.widget-item__close {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    color: var(--theme-color-text-secondary-light);
    background-color: var(--theme-color-button-minimal);
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
}

.widget-pro-blogs__list {
    padding-top: 14px;
}

.widget-pro-blogs__post {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 26px;
}

.widget-pro-blogs__post-header .author {
    font-size: 13px;
    line-height: 18px;
    display: flex;
    gap: 0 6px;
    line-height: 19px;
}

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

a {
    color: inherit;
    text-decoration: none;
}
.author__avatar {
    grid-row: span 2;
    height: var(--avatar-size);
}

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

.widget-pro-blogs__post-content {
    display: flex
;
    gap: 8px;
    margin-top: 6px;
}

.widget-pro-blogs__post-counters {
    display: flex
;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

.widget-pro-blogs__post-counters>*:first-child {
    margin-left: -3px;
}

.content-footer-button--small {
    font-size: 13px;
    line-height: 18px;
    --button-size: var(--button-size-small);
}

.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__label {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.widget-pro-blogs__post-cover {
    overflow: hidden;
    border-radius: 5px;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
}

.widget-pro-blogs__post-info {
    flex-grow: 1;
}

.widget-pro-blogs__post-title {
    --line-count: 3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-line-clamp: var(--line-count, 2);
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.widget-top-blogs__list {
    padding: 12px 0;
}

.widget-top-blogs__item {
    position: relative;
    display: flex
;
    align-items: center;
    padding: 6px 0;
    margin-bottom: 4px;
}

.widget-top-blogs__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: calc(var(--layout-z-index-header) + 1);
}

.subsite-rank {
    width: 24px;
    box-sizing: border-box;
    padding-right: 6px;
    text-align: center;
    white-space: nowrap;
    margin-top: -2px;
    flex-shrink: 0;
}

.subsite-rank__num {
    font-size: 15px;
    line-height: 22px;
    position: relative;
}

.discovery-list__author {
    margin-right: auto;
}

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

.widget-top-blogs__more {
    display: block;
    color: var(--theme-color-signal-active-default);
}

.widget-top-blogs__more {
    font-size: 15px;
    line-height: 22px;
}

.widget-popular-comments .comment-item {
    padding: 14px 0 0;
}

.comment-item--compact {
    font-size: 15px;
    line-height: 22px;
    --content-gap: 8px;
}
@media (min-width: 640px) {
    .comment-item {
        padding: 24px var(--layout-content-offset-x) 18px;
    }
}
.comment-item {
    --comment-content-gap: 8px;
    --comment-content-actions-gap: 4px;
    padding: 16px var(--layout-content-offset-x) 10px;
}

.comment-header {
    max-width: 300px;
    margin-bottom: var(--comment-content-gap);
}

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

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

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

.widget-popular-comments .comment-text {
    --line-count: 3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-line-clamp: var(--line-count, 2);
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.comment-text {
    margin-top: var(--content-gap);
    margin-bottom: var(--content-actions-gap);
    padding-right: calc(var(--layout-content-offset-x) + var(--layout-content-right-indent));
}

.mt-20 {
    margin-top: 20px;
}

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