@font-face {
	font-family: 'YS Text';
	src: url('/public/app/fonts/text-variable-full.woff2') format('woff2-variations');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

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

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

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

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

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

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

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

	24% {
		opacity: .8
	}

	48% {
		opacity: .8
	}
}

.spinner {
	--border-color: rgba(0, 0, 0, .3);
	--border-top-color: rgba(255, 255, 255, 1);
	margin: auto;
	border-style: solid;
	border-color: var(--border-color);
	border-top-color: var(--border-top-color);
	border-radius: 50%;
	animation: spin .5s linear infinite
}

.spinner--primary {
	--border-color: var(--theme-color-signal-active-default);
	--border-top-color: transparent
}

.string-loader {
	display: inline-flex
}

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

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

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

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

	25% {
		content: "."
	}

	50% {
		content: ".."
	}

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

.circular-progress {
	position: relative;
	display: inline-block
}

.circular-progress__svg {
	transform: rotate(-90deg)
}

.circular-progress__bg {
	stroke: #fff6
}

.circular-progress__bar {
	stroke: var(--color-white);
	transition: stroke-dashoffset .35s
}

.circular-progress__cross {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	color: var(--color-white)
}

/*! 
 * OverlayScrollbars
 * Version: 2.15.1
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
	scroll-behavior: auto !important
}

.os-size-observer,
.os-size-observer-listener {
	direction: inherit;
	pointer-events: none;
	overflow: hidden;
	visibility: hidden;
	box-sizing: border-box
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
	writing-mode: horizontal-tb;
	position: absolute;
	left: 0;
	top: 0
}

.os-size-observer {
	z-index: -1;
	contain: strict;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: inherit;
	border: inherit;
	box-sizing: inherit;
	margin: -133px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: scale(.1)
}

.os-size-observer:before {
	content: "";
	flex: none;
	box-sizing: inherit;
	padding: 10px;
	width: 10px;
	height: 10px
}

.os-size-observer-appear {
	animation: os-size-observer-appear-animation 1ms forwards
}

.os-size-observer-listener {
	box-sizing: border-box;
	position: relative;
	flex: auto;
	padding: inherit;
	border: inherit;
	margin: -133px;
	transform: scale(10)
}

.os-size-observer-listener.ltr {
	margin-right: -266px;
	margin-left: 0
}

.os-size-observer-listener.rtl {
	margin-left: -266px;
	margin-right: 0
}

.os-size-observer-listener:empty:before {
	content: "";
	width: 100%;
	height: 100%
}

.os-size-observer-listener:empty:before,
.os-size-observer-listener>.os-size-observer-listener-item {
	display: block;
	position: relative;
	padding: inherit;
	border: inherit;
	box-sizing: content-box;
	flex: auto
}

.os-size-observer-listener-scroll {
	box-sizing: border-box;
	display: flex
}

.os-size-observer-listener-item {
	right: 0;
	bottom: 0;
	overflow: hidden;
	direction: ltr;
	flex: none
}

.os-size-observer-listener-item-final {
	transition: none
}

@keyframes os-size-observer-appear-animation {
	0% {
		cursor: auto
	}

	to {
		cursor: none
	}
}

.os-trinsic-observer {
	flex: none;
	box-sizing: border-box;
	position: relative;
	max-width: 0px;
	max-height: 1px;
	padding: 0;
	margin: 0;
	border: none;
	overflow: hidden;
	z-index: -1;
	height: 0;
	top: calc(100% + 1px);
	contain: strict
}

.os-trinsic-observer:not(:empty) {
	height: calc(100% + 1px);
	top: -1px
}

.os-trinsic-observer:not(:empty)>.os-size-observer {
	width: 1000%;
	height: 1000%;
	min-height: 1px;
	min-width: 1px
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),
[data-overlayscrollbars-viewport~=scrollbarHidden],
html[data-overlayscrollbars-viewport~=scrollbarHidden]>body {
	scrollbar-width: none !important
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,
html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
	overflow: auto
}

html[data-overlayscrollbars-body] {
	overflow: hidden
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body]>body {
	width: 100%;
	height: 100%;
	margin: 0
}

html[data-overlayscrollbars-body]>body {
	overflow: visible;
	margin: 0
}

[data-overlayscrollbars] {
	position: relative
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
	align-items: stretch !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	scroll-behavior: auto !important
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
	display: flex
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
	box-sizing: inherit;
	position: relative;
	flex: auto;
	height: auto;
	width: 100%;
	min-width: 0;
	padding: 0;
	margin: 0;
	border: none;
	z-index: 0
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
	--os-vaw: 0;
	--os-vah: 0;
	outline: none
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
	outline: none
}

[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before {
	content: "";
	position: absolute;
	pointer-events: none;
	z-index: -1;
	min-width: 1px;
	min-height: 1px;
	width: var(--os-vaw);
	height: var(--os-vah)
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
	overflow: hidden !important
}

[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
	overflow: visible !important
}

[data-overlayscrollbars-viewport] {
	--os-viewport-overflow-x: hidden;
	--os-viewport-overflow-y: hidden;
	overflow-x: var(--os-viewport-overflow-x);
	overflow-y: var(--os-viewport-overflow-y)
}

[data-overlayscrollbars-viewport~=overflowXVisible] {
	--os-viewport-overflow-x: visible
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
	--os-viewport-overflow-x: hidden
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
	--os-viewport-overflow-x: scroll
}

[data-overlayscrollbars-viewport~=overflowYVisible] {
	--os-viewport-overflow-y: visible
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
	--os-viewport-overflow-y: hidden
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
	--os-viewport-overflow-y: scroll
}

[data-overlayscrollbars-viewport~=overflowImportant] {
	overflow-x: var(--os-viewport-overflow-x) !important;
	overflow-y: var(--os-viewport-overflow-y) !important
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
	font-size: 0 !important;
	line-height: 0 !important
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId) {
	display: none !important;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border-width: 0 !important
}

[data-overlayscrollbars-viewport~=measuring],
[data-overlayscrollbars-viewport~=scrolling] {
	scroll-behavior: auto !important;
	scroll-snap-type: none !important
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible] {
	overflow-x: hidden !important
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible] {
	overflow-y: hidden !important
}

[data-overlayscrollbars-content] {
	box-sizing: inherit
}

[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
	display: contents
}

[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
	display: grid;
	grid-template: 1fr/1fr
}

[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],
[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport] {
	height: auto !important;
	width: auto !important
}

@property --os-scroll-percent {
	syntax: "<number>";
	inherits: true;
	initial-value: 0;
}

@property --os-viewport-percent {
	syntax: "<number>";
	inherits: true;
	initial-value: 0;
}

.os-scrollbar {
	--os-viewport-percent: 0;
	--os-scroll-percent: 0;
	--os-scroll-direction: 0;
	--os-scroll-percent-directional: calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction))
}

.os-scrollbar {
	contain: size layout;
	contain: size layout style;
	transition: opacity .15s, visibility .15s, top .15s, right .15s, bottom .15s, left .15s;
	pointer-events: none;
	position: absolute;
	opacity: 0;
	visibility: hidden
}

body>.os-scrollbar {
	position: fixed;
	z-index: 99999
}

.os-scrollbar-transitionless {
	transition: none !important
}

.os-scrollbar-track {
	padding: 0 !important;
	border: none !important
}

.os-scrollbar-track {
	position: relative
}

.os-scrollbar-handle {
	position: absolute
}

.os-scrollbar-track,
.os-scrollbar-handle {
	pointer-events: none;
	width: 100%;
	height: 100%
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
	pointer-events: auto;
	touch-action: none
}

.os-scrollbar-horizontal {
	bottom: 0;
	left: 0
}

.os-scrollbar-vertical {
	top: 0;
	right: 0
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
	right: 0
}

.os-scrollbar-rtl.os-scrollbar-vertical {
	right: auto;
	left: 0
}

.os-scrollbar-visible {
	opacity: 1;
	visibility: visible
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
	opacity: 0;
	visibility: hidden
}

.os-scrollbar-interaction.os-scrollbar-visible {
	opacity: 1;
	visibility: visible
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
	pointer-events: none !important
}

.os-scrollbar-unusable .os-scrollbar-handle {
	opacity: 0 !important;
	transition: none !important
}

.os-scrollbar-horizontal .os-scrollbar-handle {
	bottom: 0;
	left: calc(var(--os-scroll-percent-directional) * 100%);
	transform: translate(calc(var(--os-scroll-percent-directional) * -100%));
	width: calc(var(--os-viewport-percent) * 100%)
}

.os-scrollbar-vertical .os-scrollbar-handle {
	right: 0;
	top: calc(var(--os-scroll-percent-directional) * 100%);
	transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
	height: calc(var(--os-viewport-percent) * 100%)
}

@supports (container-type: size) {
	.os-scrollbar-track {
		container-type: size
	}

	.os-scrollbar-horizontal .os-scrollbar-handle {
		left: auto;
		transform: translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))
	}

	.os-scrollbar-vertical .os-scrollbar-handle {
		top: auto;
		transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))
	}

	.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
		right: auto;
		left: 0
	}
}

.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
	right: auto;
	left: 0
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
	left: 0;
	right: 0
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
	top: 0;
	bottom: 0
}

@media print {
	.os-scrollbar {
		display: none
	}
}

.os-scrollbar {
	--os-size: 0;
	--os-padding-perpendicular: 0;
	--os-padding-axis: 0;
	--os-track-border-radius: 0;
	--os-track-bg: none;
	--os-track-bg-hover: none;
	--os-track-bg-active: none;
	--os-track-border: none;
	--os-track-border-hover: none;
	--os-track-border-active: none;
	--os-handle-border-radius: 0;
	--os-handle-bg: none;
	--os-handle-bg-hover: none;
	--os-handle-bg-active: none;
	--os-handle-border: none;
	--os-handle-border-hover: none;
	--os-handle-border-active: none;
	--os-handle-min-size: 33px;
	--os-handle-max-size: none;
	--os-handle-perpendicular-size: 100%;
	--os-handle-perpendicular-size-hover: 100%;
	--os-handle-perpendicular-size-active: 100%;
	--os-handle-interactive-area-offset: 0
}

.os-scrollbar-track {
	border: var(--os-track-border);
	border-radius: var(--os-track-border-radius);
	background: var(--os-track-bg);
	transition: opacity .15s, background-color .15s, border-color .15s
}

@media(hover:hover) {
	.os-scrollbar-track:hover {
		border: var(--os-track-border-hover);
		background: var(--os-track-bg-hover)
	}
}

.os-scrollbar-track:active {
	border: var(--os-track-border-active);
	background: var(--os-track-bg-active)
}

.os-scrollbar-handle {
	border: var(--os-handle-border);
	border-radius: var(--os-handle-border-radius);
	background: var(--os-handle-bg)
}

@media(hover:hover) {
	.os-scrollbar-handle:hover {
		border: var(--os-handle-border-hover);
		background: var(--os-handle-bg-hover)
	}
}

.os-scrollbar-handle:active {
	border: var(--os-handle-border-active);
	background: var(--os-handle-bg-active)
}

.os-scrollbar-track:before,
.os-scrollbar-handle:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block
}

.os-scrollbar-horizontal {
	padding: var(--os-padding-perpendicular) var(--os-padding-axis);
	right: var(--os-size);
	height: var(--os-size)
}

.os-scrollbar-horizontal.os-scrollbar-rtl {
	left: var(--os-size);
	right: 0
}

.os-scrollbar-horizontal .os-scrollbar-track:before {
	top: calc(var(--os-padding-perpendicular) * -1);
	bottom: calc(var(--os-padding-perpendicular) * -1)
}

.os-scrollbar-horizontal .os-scrollbar-handle {
	min-width: var(--os-handle-min-size);
	max-width: var(--os-handle-max-size);
	height: var(--os-handle-perpendicular-size);
	transition: opacity .15s, background-color .15s, border-color .15s, height .15s
}

.os-scrollbar-horizontal .os-scrollbar-handle:before {
	top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
	bottom: calc(var(--os-padding-perpendicular) * -1)
}

@media(hover:hover) {
	.os-scrollbar-horizontal:hover .os-scrollbar-handle {
		height: var(--os-handle-perpendicular-size-hover)
	}
}

.os-scrollbar-horizontal:active .os-scrollbar-handle {
	height: var(--os-handle-perpendicular-size-active)
}

.os-scrollbar-vertical {
	padding: var(--os-padding-axis) var(--os-padding-perpendicular);
	bottom: var(--os-size);
	width: var(--os-size)
}

.os-scrollbar-vertical .os-scrollbar-track:before {
	left: calc(var(--os-padding-perpendicular) * -1);
	right: calc(var(--os-padding-perpendicular) * -1)
}

.os-scrollbar-vertical .os-scrollbar-handle {
	min-height: var(--os-handle-min-size);
	max-height: var(--os-handle-max-size);
	width: var(--os-handle-perpendicular-size);
	transition: opacity .15s, background-color .15s, border-color .15s, width .15s
}

.os-scrollbar-vertical .os-scrollbar-handle:before {
	left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
	right: calc(var(--os-padding-perpendicular) * -1)
}

.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
	right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
	left: calc(var(--os-padding-perpendicular) * -1)
}

@media(hover:hover) {
	.os-scrollbar-vertical:hover .os-scrollbar-handle {
		width: var(--os-handle-perpendicular-size-hover)
	}
}

.os-scrollbar-vertical:active .os-scrollbar-handle {
	width: var(--os-handle-perpendicular-size-active)
}

[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,
.os-theme-none.os-scrollbar {
	display: none !important
}

.os-theme-dark,
.os-theme-light {
	box-sizing: border-box;
	--os-size: 10px;
	--os-padding-perpendicular: 2px;
	--os-padding-axis: 2px;
	--os-track-border-radius: 10px;
	--os-handle-interactive-area-offset: 4px;
	--os-handle-border-radius: 10px
}

.os-theme-dark {
	--os-handle-bg: rgba(0, 0, 0, .44);
	--os-handle-bg-hover: rgba(0, 0, 0, .55);
	--os-handle-bg-active: rgba(0, 0, 0, .66)
}

.os-theme-light {
	--os-handle-bg: rgba(255, 255, 255, .44);
	--os-handle-bg-hover: rgba(255, 255, 255, .55);
	--os-handle-bg-active: rgba(255, 255, 255, .66)
}

.scrollable .os-theme-custom {
	--os-size: 12px;
	--os-padding-perpendicular: 2px;
	--os-padding-axis: 6px;
	--os-handle-border-radius: var(--os-size);
	--os-handle-bg: var(--theme-color-scrollbar);
	--os-handle-bg-hover: var(--theme-color-scrollbar);
	--os-handle-bg-active: var(--theme-color-scrollbar);
	--os-handle-perpendicular-size: 50%
}

[data-ripple] {
	position: relative;
	overflow: hidden
}

.ripple-effect {
	position: absolute;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	background-color: currentColor;
	opacity: .22;
	pointer-events: none;
	animation: ripple-effect .45s ease-out
}

:root[data-theme=light] .ripple-effect {
	opacity: .07
}

@keyframes ripple-effect {
	to {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

.link-button--promotes-plus {
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: var(--theme-plus-action-background)
}

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

:root[data-effects=reduced][data-v-90587103] {
	--floating-glass-backdrop-filter: none;
	--underlay-backdrop-filter: none;
	--theme-color-floating-glass: var(--theme-color-background-content)
}

@keyframes underlay-in-90587103 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.expandable-text__content--collapsed[data-v-90587103] {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-line-clamp: var(--line-count, 2);
	-webkit-box-orient: vertical;
	overflow: hidden
}

.expandable-text__toggle[data-v-90587103] {
	margin-top: 8px
}

@keyframes f2-DwhMR {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.TbgYl6zc {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: var(--theme-color-close-button);
	background-color: var(--theme-color-close-button-background);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	cursor: pointer
}

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

.TbgYl6zc.qOKeNfXr {
	color: #595959;
	background-color: var(--color-white);
	box-shadow: inset 0 0 0 1px #f8f8f8
}

.TbgYl6zc.AkTC4rxS {
	width: 24px;
	height: 24px
}

.alert {
	font-size: 15px;
	line-height: 22px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 12px;
	color: var(--theme-color-text-primary);
	background-color: var(--theme-color-popover-background);
	box-shadow: var(--theme-floating-shadow);
	border-radius: 10px
}

.alert__icon {
	color: var(--color-white);
	flex-shrink: 0
}

.alert__text {
	margin-right: auto
}

.alert__close {
	margin-top: -2px;
	margin-left: 2px
}

.alert__icon,
.alert__button,
.alert__close {
	flex-shrink: 0
}

.alerts-container {
	--width: calc(100% - 2 * var(--layout-content-offset-x))
}

@media all and (min-width:640px) {
	.alerts-container {
		--width: 310px
	}
}

.alerts-container {
	width: var(--width);
	position: fixed;
	top: calc(var(--layout-header-height) + 16px);
	right: var(--layout-content-offset-x);
	z-index: var(--layout-z-alerts)
}

.alerts-container__list {
	width: 100%;
	position: relative
}

.alerts-container__list>* {
	margin-bottom: 24px
}

.list-move,
.list-enter-active {
	transition: all .5s ease
}

.list-enter-from {
	opacity: 0;
	transform: translate(30px)
}

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

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

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

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

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

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

.icon-button--attention {
	position: relative
}

.icon-button--attention:after {
	content: "";
	width: 5px;
	height: 5px;
	background-color: var(--theme-color-signal-active-default);
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0
}

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

.modal-overlay {
	position: fixed;
	z-index: var(--layout-z-modal-overlay);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #00000080;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: var(--underlay-backdrop-filter, blur(15px));
	backdrop-filter: var(--underlay-backdrop-filter, blur(15px));
	will-change: opacity;
	animation: underlay-in .2s ease;
	--window-radius: 12px;
	display: grid;
	overflow: hidden;
	grid-template-columns: minmax(0, 100%);
	grid-template-rows: minmax(0, max-content);
	align-content: end;
	justify-content: center;
	padding-top: var(--layout-header-height)
}

@media all and (min-width:640px) {
	.modal-overlay {
		padding: 16px;
		align-content: center;
		grid-template-columns: minmax(0, var(--layout-modal-view-width))
	}
}

.modal-overlay--fit-cover,
.modal-overlay--fit-iframe {
	--window-radius: 0px;
	padding-top: 0;
	grid-template-rows: 1fr
}

@media all and (min-width:640px) {

	.modal-overlay--fit-cover,
	.modal-overlay--fit-iframe {
		--window-radius: 12px;
		grid-template-rows: minmax(0, max-content)
	}
}

@media all and (min-width:640px) {
	.modal-overlay--fit-cover {
		padding-top: var(--layout-header-height)
	}
}

@media all and (min-width:640px) {
	.modal-overlay--fit-iframe {
		padding-top: 16px
	}
}

.modal-overlay--fit-stretch {
	grid-template-rows: 1fr;
	padding-top: var(--layout-header-height)
}

@media all and (min-width:640px) {
	.modal-overlay--fit-stretch {
		grid-template-rows: minmax(0, max-content);
		padding-top: 16px
	}
}

.modal-window {
	animation: modal-enter-slide .15s ease;
	will-change: transform
}

@media all and (min-width:640px) {
	.modal-window {
		animation-name: modal-enter
	}
}

.modal-window {
	--header-height: 64px;
	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;
	min-height: 0
}

@media all and (min-width:640px) {
	.modal-window {
		border-radius: var(--window-radius)
	}
}

@media all and (min-width:640px) {
	.modal-overlay--fit-iframe>.modal-window {
		height: calc(100vh - 32px)
	}
}

.modal-window__header {
	z-index: 1;
	position: relative;
	display: flex;
	align-items: center;
	justify-items: center;
	min-width: 0;
	padding: 0 var(--layout-content-offset-x)
}

.modal-window__title {
	font-size: 20px;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 4px;
	margin-right: 16px;
	font-weight: 500
}

.modal-window__back {
	margin-left: -8px;
	margin-right: 16px
}

.modal-window__close {
	margin-left: auto;
	margin-right: 0
}

@media all and (min-width:640px) {
	.modal-window__close {
		margin-right: -8px
	}
}

.modal-window__content {
	padding: 8px var(--layout-content-offset-x) 20px
}

@media all and (min-width:640px) {
	.modal-window__content {
		padding-bottom: 32px
	}
}

.modal-overlay--fit-iframe .modal-window__content {
	padding: 0
}

.modal-overlay--fit-iframe .modal-window__content iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 0 0 var(--window-radius) var(--window-radius)
}

.modal-window--plus {
	background-image: var(--theme-plus-modal-background)
}

.modal-window--plus .modal-window__content {
	margin-top: calc(var(--header-height) * -1);
	padding: 0
}

.modal-fullpage {
	position: fixed;
	z-index: var(--layout-z-modal-overlay);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #00000080;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: var(--underlay-backdrop-filter, blur(15px));
	backdrop-filter: var(--underlay-backdrop-filter, blur(15px));
	will-change: opacity;
	animation: underlay-in .2s ease;
	display: flex;
	justify-content: center;
	align-items: center
}

@media all and (min-width:925px) {
	.modal-fullpage {
		padding: 20px
	}

	.modal-fullpage--maximized {
		padding: 0
	}
}

.modal-fullpage--maximized {
	background: var(--theme-color-background);
	-webkit-backdrop-filter: none;
	backdrop-filter: none
}

.modal-fullpage__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-color: var(--theme-color-background-content);
	box-shadow: 0 2px 4px #0000001a, 0 12px 28px #0000001f;
	animation: modal-enter-slide .15s ease;
	will-change: transform
}

@media all and (min-width:640px) {
	.modal-fullpage__inner {
		animation-name: modal-enter
	}
}

@media all and (min-width:925px) {
	.modal-fullpage__inner {
		width: 800px;
		max-width: 100%;
		height: 700px;
		max-height: 100%;
		border-radius: 8px
	}
}

.modal-fullpage--maximized .modal-fullpage__inner {
	width: 100%;
	height: 100%;
	border-radius: 0;
	box-shadow: none
}

.modal-fullpage__controls {
	position: absolute;
	z-index: 7;
	top: 12px;
	right: 12px;
	display: grid;
	grid-auto-flow: column;
	grid-gap: 12px;
	gap: 12px
}

.will-be-animated {
	will-change: opacity, transform
}

.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active {
	transition: opacity .15s ease, transform .15s ease;
	--slide-distance: 50px
}

.slide-left-enter-from {
	transform: translate(var(--slide-distance));
	opacity: 0
}

.slide-left-enter-to,
.slide-right-enter-to,
.slide-left-leave-from,
.slide-right-leave-from {
	opacity: 1
}

.slide-left-leave-to,
.slide-right-enter-from {
	transform: translate(calc(-1 * var(--slide-distance)));
	opacity: 0
}

.slide-right-leave-to {
	transform: translate(var(--slide-distance));
	opacity: 0
}

.button {
	--button-font-weight: 500;
	display: inline-flex;
	align-items: center;
	line-height: 1;
	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);
	font-weight: var(--button-font-weight);
	color: var(--button-text-color);
	padding: var(--button-padding);
	height: var(--button-height);
	flex-shrink: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.button--type-fancy {
	--button-bg-color: var(--theme-color-button-fancy);
	font-weight: 600
}

.button--type-fancy .button__text {
	background: var(--theme-color-button-fancy-gradient);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

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

.button--type-subtle {
	--button-bg-color: var(--theme-color-button-subtle);
	--button-bg-color-hover: var(--theme-color-button-subtle-hover);
	--button-bg-color-active: var(--theme-color-button-subtle-active);
	--button-text-color: var(--theme-color-signal-active-default);
	--button-font-weight: 400
}

.button--with-icon {
	padding-left: 0;
	display: inline-flex;
	align-items: center
}

.button--with-icon svg,
.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,
.button--icon-only img {
	margin: 0;
	width: var(--icon-size);
	height: var(--icon-size)
}

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

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

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

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

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

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

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

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

.infinite-list {
	position: relative
}

.infinite-list--scrolling {
	pointer-events: none
}

.infinite-list--with-virtual-scroll>*:not(.infinite-list__horizon):not(.infinite-list__loader) {
	position: absolute;
	top: 0;
	left: 0
}

.infinite-list--with-virtual-scroll .infinite-list__horizon {
	width: 100%;
	min-height: 1px;
	position: absolute;
	bottom: 0
}

.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
}

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

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

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

.textarea {
	--height: unset
}

.textarea__input {
	border: none;
	width: 100%;
	outline: none;
	background-color: transparent;
	padding: 8px 0;
	box-sizing: border-box;
	resize: none;
	min-height: var(--v30c314e7)
}

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

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

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

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

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

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

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

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

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

	70% {
		transform: scale(1.4)
	}
}

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

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

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

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

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

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

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

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

.dropdown__label .icon {
	margin-left: 4px;
	transform: translateY(1px);
	color: var(--theme-color-text-secondary)
}

.feed__sorting {
	padding: 0 var(--layout-content-offset-x);
	margin-bottom: 8px
}

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

.feed__item:not(:last-child) {
	margin-bottom: var(--layout-island-gap-y)
}

.feed__item--skeleton {
	--offset-y: 16px;
	padding: var(--offset-y) var(--layout-content-offset-x)
}

@media all and (min-width:640px) {
	.feed__item--skeleton {
		--offset-y: 24px
	}
}

.feed__load-more {
	display: grid;
	margin: 0 var(--layout-content-offset-x)
}

@media all and (min-width:640px) {
	.feed__load-more {
		margin: 0
	}
}

.feed-stub {
	font-size: 17px;
	line-height: 26px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	height: 300px;
	padding: 20px;
	color: var(--theme-color-text-secondary);
	text-align: center;
	background-color: var(--theme-color-background-content);
	border-radius: var(--layout-island-border-radius)
}

.feed-stub__icon svg {
	fill: none
}

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

.checkbox--disabled {
	cursor: default
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-section__header {
	display: flex;
	align-items: baseline
}

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

.form-section__right {
	margin-left: auto
}

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

.radio--disabled {
	cursor: default
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.offer {
	display: flex;
	flex-direction: column;
	align-items: center
}

.offer__icon {
	display: flex;
	align-items: center;
	margin: 0 auto 26px
}

.offer__title {
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	font-size: 28px;
	text-align: center
}

.offer__text {
	width: 400px;
	max-width: 100%;
	text-align: center;
	padding: 12px 16px 4px
}

.offer__buttons {
	display: grid;
	width: 320px;
	max-width: 100%;
	margin-top: 26px;
	grid-gap: 10px;
	gap: 10px;
	padding-bottom: 16px
}

.offer .button {
	width: 100%
}

@keyframes n6Y7Soiq {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

._39DJJQF2 {
	display: inline-flex;
	white-space: nowrap;
	font-feature-settings: "tnum";
	font-variant-numeric: tabular-nums;
	--speed: .15s
}

._0PZnYbgd {
	display: inline-grid
}

.jRnorpxQ {
	grid-area: 1 / 1
}

._1c6ot4vq {
	grid-area: 1 / 1;
	will-change: transform, opacity
}

.qVPXqM4Z,
._3gsu7YJY {
	transition: transform var(--speed) ease-in, opacity var(--speed) ease-out
}

.FslUTOwC {
	transform: translateY(-6px);
	opacity: 0
}

.Zcyh3MIE {
	transform: translateY(10px);
	opacity: 0
}

.string-switch {
	overflow: hidden
}

.string-switch__inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.string-switch__inner--enter-from {
	transform: translateY(0)
}

.string-switch__inner--enter-active,
.string-switch__inner--leave-active {
	transition: transform .3s 4s ease-out
}

.string-switch__inner--enter-to,
.string-switch__inner--leave-to {
	transform: translateY(-100%)
}

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

:root[data-effects=reduced][data-v-e311afe3] {
	--floating-glass-backdrop-filter: none;
	--underlay-backdrop-filter: none;
	--theme-color-floating-glass: var(--theme-color-background-content)
}

@keyframes underlay-in-e311afe3 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.list[data-v-e311afe3] {
	padding: 20px var(--layout-content-offset-x)
}

.list h2[data-v-e311afe3] {
	font-weight: 500;
	margin-bottom: 26px
}

.list__skeleton[data-v-e311afe3] {
	--cols: 2;
	display: grid;
	grid-gap: 20px;
	gap: 20px;
	grid-template-columns: repeat(var(--cols), 1fr)
}

@media all and (min-width:640px) {
	.list__skeleton[data-v-e311afe3] {
		--cols: 3
	}
}

.list__skeleton[data-v-e311afe3] .skeleton {
	height: var(--b01bb3f4)
}

.list__skeleton[data-v-e311afe3] .skeleton-bar,
.list__skeleton[data-v-e311afe3] .skeleton-circle {
	margin-left: auto;
	margin-right: auto
}

.list[data-v-e311afe3] .feed-stub {
	height: 200px
}

.list-item[data-v-e311afe3] {
	font-size: 15px;
	line-height: 22px;
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	text-align: center
}

@media(hover:hover) {
	.list-item:hover .list-item__image[data-v-e311afe3] {
		filter: brightness(1.1)
	}
}

.list-item__image[data-v-e311afe3] {
	margin-bottom: 12px;
	transition: filter .1s ease-in-out
}

.list-item__counter[data-v-e311afe3] {
	font-size: 13px;
	line-height: 18px;
	--height: 24px;
	height: var(--height);
	line-height: var(--height);
	border-radius: var(--height);
	min-width: var(--height);
	padding: 0 6px;
	background-color: var(--theme-color-background);
	position: absolute;
	top: 0;
	right: 0
}

.list-item__title[data-v-e311afe3] {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	width: 100%
}

.list-item__description[data-v-e311afe3] {
	font-size: 13px;
	line-height: 18px;
	color: var(--theme-color-text-secondary);
	width: 100%;
	margin-top: 2px
}

.layout-column {
	display: flex;
	flex-direction: column;
	gap: 0;
	gap: var(--gap, 0)
}

.layout-island {
	background-color: var(--theme-color-background-content);
	border-radius: var(--layout-island-border-radius);
	position: relative
}

.layout-island__wrapper {
	padding: 16px var(--layout-content-offset-x) 14px var(--layout-content-offset-x)
}

.layout-island__title {
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 8px
}

.layout-island--with-typography {
	font-size: 17px;
	line-height: 26px
}

.layout-island--with-typography h2,
.layout-island--with-typography h3,
.layout-island--with-typography ul,
.layout-island--with-typography ol,
.layout-island--with-typography p {
	margin-bottom: 8px
}

.layout-island--with-typography h2:last-child,
.layout-island--with-typography h3:last-child,
.layout-island--with-typography ul:last-child,
.layout-island--with-typography ol:last-child,
.layout-island--with-typography p:last-child {
	margin-bottom: 0
}

.layout-island--with-typography b,
.layout-island--with-typography strong {
	font-weight: 700
}

.layout-island--with-typography p+h3,
.layout-island--with-typography ul+h3,
.layout-island--with-typography ol+h3 {
	margin-top: 20px
}

.layout-island--with-typography h2 {
	font-weight: 500;
	font-size: 22px;
	line-height: 30px
}

.layout-island--with-typography h3 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500
}

.layout-island--with-typography ul,
.layout-island--with-typography ol {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 24px
}

.layout-island--with-typography ul li,
.layout-island--with-typography ol li {
	padding-left: 8px;
	margin-bottom: 8px
}

.layout-island--with-typography ul li:last-child,
.layout-island--with-typography ol li:last-child {
	margin-bottom: 0
}

.layout-island--with-typography ol {
	list-style-type: decimal
}

.layout-island--with-typography p a,
.layout-island--with-typography ul a {
	color: var(--theme-color-signal-active-default);
	cursor: pointer
}

@media(hover:hover) {

	.layout-island--with-typography p a:hover,
	.layout-island--with-typography ul a:hover {
		color: var(--theme-color-signal-active-dark)
	}
}

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

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

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

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

.navbar__left {
	margin-right: 12px
}

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

.navbar__right {
	margin-left: auto
}

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

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

.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;
	outline: none
}

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

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

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

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

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

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

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

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

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

.field--auto-height .field__wrapper-body {
	height: auto;
	min-height: var(--height)
}

.field__loader:not(:last-child) {
	margin-right: var(--iconLeftMarginRight)
}

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

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

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

.field__icon--clickable {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

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

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

.field__caption,
.field__message {
	max-height: 4.14em;
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.38em;
	color: var(--theme-color-text-secondary)
}

.field__message {
	overflow: hidden
}

.field__message:empty {
	display: none
}

.field__message--reserve-space {
	min-height: 1.38em
}

.field__message--reserve-space:empty {
	display: block
}

.field__message--error {
	color: var(--theme-color-signal-negative-default)
}

.field__message--success {
	color: var(--theme-color-signal-positive-default)
}

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

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

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

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

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

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

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

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

.filter-field {
	--padding-x: 11px;
	--padding-y: 6px;
	--border-radius: 10px;
	font-size: 15px;
	line-height: 22px
}

@media(hover:hover) {
	.filter-field:hover {
		opacity: .72
	}
}

.filter-field {
	display: inline-flex;
	align-items: center;
	padding: var(--padding-y) var(--padding-x);
	background-color: var(--theme-color-filter-field-background);
	border-radius: var(--border-radius);
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid transparent;
	white-space: nowrap
}

.filter-field__content {
	display: flex;
	flex-direction: column;
	gap: 2px
}

.filter-field__row {
	display: flex;
	align-items: center
}

.filter-field__sub-label {
	margin-left: 4px;
	color: var(--theme-color-text-secondary)
}

.filter-field__details {
	font-size: 13px;
	line-height: 18px;
	font-weight: 600
}

.filter-field__icon,
.filter-field__image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px
}

.filter-field__icon {
	margin-left: 6px;
	margin-right: -4px;
	color: var(--theme-color-text-secondary)
}

@media(hover:hover) {
	.filter-field__icon:hover {
		opacity: .72
	}
}

.filter-field__image {
	margin-left: -4px;
	margin-right: 6px
}

.filter-field__image img {
	width: 16px;
	height: 16px
}

.filter-field--with-border {
	border: 1px solid var(--theme-color-filter-field-border);
	background-color: transparent
}

.filter-field--active {
	border: 1px solid var(--theme-color-filter-field-border-active);
	background-color: var(--theme-color-filter-field-background-active)
}

.filter-field--active .filter-field__icon {
	color: var(--theme-color-filter-field-border-active)
}

.filter-field--disabled {
	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;
	pointer-events: none
}

.filter-dropdown {
	position: relative
}

.multi-select-popover {
	position: relative
}

.multi-select-popover__search {
	padding: 8px;
	margin-bottom: -6px
}

.multi-select-popover__options {
	padding: 8px 12px 2px;
	position: relative;
	max-height: 210px
}

.multi-select-popover__options-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px
}

.multi-select-popover__options-item-details {
	color: var(--theme-color-text-secondary)
}

.multi-select-popover__apply {
	position: sticky;
	bottom: 0;
	z-index: 1;
	background-color: var(--theme-color-popover-background);
	padding: 11px 12px 12px;
	border-top: 1px solid var(--theme-color-filter-field-border);
	box-sizing: border-box;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.multi-select-popover__apply button {
	width: 100%
}

.filter-select {
	position: relative
}

.filters {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: center
}

@media all and (max-width:924px) {
	.filters {
		flex-wrap: nowrap;
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none
	}

	.filters::-webkit-scrollbar {
		display: none
	}
}

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

.filters__loader {
	margin: 0 4px
}

.breadcrumbs {
	font-size: 15px;
	line-height: 22px;
	display: flex;
	gap: 2px;
	overflow: hidden
}

.breadcrumbs__item {
	display: flex;
	align-items: center;
	gap: 2px;
	white-space: nowrap
}

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

.breadcrumbs__item:not(:last-child):after {
	content: "";
	width: 4px;
	height: 4px;
	margin: 0 10px;
	background-color: var(--theme-color-text-secondary-light);
	border-radius: 50%
}

.breadcrumbs__item:last-child {
	min-width: 0
}

.breadcrumbs__item:last-child>* {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--theme-color-text-secondary);
	cursor: default
}

.skeleton {
	will-change: opacity
}

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

.skeleton {
	display: grid
}

.skeleton__group:has(.skeleton__group) {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

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

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

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

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

.tabs--scrollable {
	overflow: auto
}

.tabs__tab {
	display: flex;
	align-items: center;
	height: 100%;
	color: var(--theme-color-text-secondary);
	transition: color .15s;
	white-space: nowrap
}

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

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

.tabs__underline {
	position: absolute;
	bottom: 0;
	height: 3px;
	width: var(--v1cf913cf);
	background-color: var(--theme-color-signal-active-default);
	will-change: transform;
	transform-origin: left;
	transform: translate(var(--v70c46386));
	transition: transform var(--e31963f0)
}

.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--with-details.context-list-option--selectable:not(.context-list-option--selected) .context-list-option__label {
	font-weight: 400
}

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

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

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

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

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

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

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

.context-list-option--promoted .context-list-option__label span {
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: var(--theme-plus-action-background)
}

@-moz-document url-prefix() {
	.context-list-option--promoted .context-list-option__label span {
		background-image: none;
		background-clip: border-box;
		background-clip: initial;
		-webkit-text-fill-color: var(--theme-color-signal-active-default)
	}
}

.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 {
	display: inline-flex;
	min-width: 0
}

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

.context-list-option__label-image {
	width: 16px;
	height: 16px;
	align-self: center;
	margin-left: 4px;
	margin-top: -2px
}

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

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

@keyframes scaleOption {

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

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

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

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

.context-list .spinner {
	margin-top: 15px;
	margin-bottom: 15px
}

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

.context-list .context-list-option:has(+.context-list__bottom-horizon) {
	margin-bottom: 0
}

.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;
	overflow: visible
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.andropov-link {
	display: flex;
	border: 1px solid var(--theme-color-border);
	border-radius: 10px;
	padding: 12px;
	background-color: var(--theme-color-background-content);
	text-decoration: none;
	color: inherit
}

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

.andropov-link__image {
	margin-right: 12px
}

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

.andropov-link__info {
	min-width: 0;
	padding-right: 12px
}

.andropov-link__icon {
	border-radius: 8px
}

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

.andropov-link__title {
	font-size: 15px;
	line-height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	margin-top: -1px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.andropov-external-video--vimeo .andropov-external-video__play-button svg rect {
	fill: #212121;
	fill-opacity: .8
}

@media(hover:hover) {
	.andropov-external-video--vimeo:hover .andropov-external-video__play-button svg rect {
		fill: #0eafeb;
		fill-opacity: 1
	}
}

.andropov-external-video--vk .andropov-external-video__play-button {
	width: 75px;
	height: 75px;
	position: relative;
	z-index: 1
}

.andropov-external-video--vk .andropov-external-video__play-button:before {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #00000080;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: background .2s, transform .2s
}

@media(hover:hover) {
	.andropov-external-video--vk:hover .andropov-external-video__play-button:before {
		background-color: #0009;
		transform: scale(1.15)
	}
}

.animated-image {
	display: block;
	border-radius: 4px
}

.andropov-video-player-slider {
	--size: 4px;
	padding: 8px 0;
	cursor: pointer;
	position: relative;
	-webkit-tap-highlight-color: transparent
}

.andropov-video-player-slider--dragging .andropov-video-player-slider__thumb:after {
	transform: translate3d(50%, -50%, 0) scale(1);
	box-shadow: 0 0 1px #0003, 0 2px 8px #00000026;
	opacity: 1
}

@media(hover:hover) {
	.andropov-video-player-slider:hover .andropov-video-player-slider__thumb:after {
		transform: translate3d(50%, -50%, 0) scale(1);
		box-shadow: 0 0 1px #0003, 0 2px 8px #00000026;
		opacity: 1
	}
}

.andropov-video-player-slider__track {
	position: relative;
	height: var(--size);
	overflow: hidden;
	border-radius: var(--size);
	background-color: #ffffff4d
}

.andropov-video-player-slider__thumb,
.andropov-video-player-slider__bar {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: -100%
}

.andropov-video-player-slider__bar {
	border-radius: var(--size)
}

.andropov-video-player-slider__bar--default {
	background-color: #fff;
	transform: translate3d(var(--value), 0, 0)
}

.andropov-video-player-slider__bar--helper {
	left: var(--start);
	width: var(--width);
	background-color: #fff6
}

.andropov-video-player-slider__thumb {
	transform: translate3d(var(--value), 0, 0);
	pointer-events: none
}

.andropov-video-player-slider__thumb:after {
	--size: 12px;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	background-color: #fff;
	transform: translate3d(0, -50%, 0) scale(.25);
	transform-origin: 100% 50%;
	opacity: 0;
	transition: all .18s cubic-bezier(.34, 1.56, .64, 1)
}

.andropov-video-player {
	position: relative;
	color: var(--color-white)
}

.andropov-video-player video {
	background-color: #000
}

.andropov-video-player--inactive {
	cursor: none
}

.andropov-video-player--inactive .andropov-video-player__overlay {
	opacity: 0
}

.andropov-video-player--inactive .andropov-video-player__controls {
	pointer-events: none
}

.andropov-video-player__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .1s ease-in-out;
	pointer-events: none
}

.andropov-video-player__panel {
	position: absolute;
	padding: 1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background: linear-gradient(0deg, #000000e6 15%, #0000);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	pointer-events: auto
}

.andropov-video-player__controls {
	width: 100%;
	height: 44px;
	display: grid;
	align-items: center;
	grid-template-columns: minmax(44px, 1fr) minmax(44px, max-content) auto;
	transform: translateZ(0)
}

.andropov-video-player__controls-item {
	height: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
	justify-content: flex-end
}

.andropov-video-player__controls-item:nth-child(1) {
	justify-content: flex-start;
	padding-right: 12px
}

@media(hover:hover) {
	.andropov-video-player__button:hover {
		opacity: .72
	}
}

.andropov-video-player__button {
	color: inherit;
	padding: 12px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}

.andropov-video-player__button:active {
	transform: scale(.9)
}

.andropov-video-player__time {
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	white-space: nowrap
}

.andropov-video-player__progress-slider {
	margin: 8px 12px -8px;
	flex-basis: 100%;
	position: relative
}

.andropov-video-player__volume-slider {
	width: 56px;
	display: none
}

@media all and (min-width:640px) {
	.andropov-video-player__volume-slider {
		display: block;
		margin-right: 12px
	}
}

.andropov-video-player__loading {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.andropov-video-player__info {
	font-size: 11px;
	line-height: 18px;
	font-weight: 700;
	color: #ff4adb;
	padding: 12px 12px 124px;
	font-family: monospace;
	pointer-events: none
}

.andropov-video-player__info span {
	white-space: nowrap;
	background-color: #000000b3;
	padding: 2px 6px;
	border-radius: 4px;
	margin-right: 2px
}

.andropov-video-player__info br {
	display: none
}

@media all and (min-width:640px) {
	.andropov-video-player__info br {
		display: block
	}
}

.andropov-video-player__end {
	width: 100%;
	height: 100%;
	background-color: #00000080;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	pointer-events: auto;
	display: grid;
	grid-template-rows: 1fr auto
}

.andropov-video-player__end-slot {
	padding: 2px
}

.andropov-video-player__end-actions {
	padding: 13px 16px 16px;
	display: flex;
	flex-direction: column
}

@media all and (min-width:640px) {
	.andropov-video-player__end-actions {
		flex-direction: row
	}
}

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

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

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

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

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

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

.promotable-option {
	--option-radio-color: var(--theme-color-border);
	--option-border-color: var(--theme-color-border);
	display: grid;
	grid-template-columns: auto 1fr;
	cursor: pointer;
	position: relative
}

.promotable-option:first-child {
	padding-top: 4px
}

.promotable-option:last-child {
	padding-bottom: 4px
}

.promotable-option--active {
	pointer-events: none
}

.promotable-option__state {
	padding-top: 15px;
	padding-right: 12px;
	padding-left: 20px
}

.promotable-option__radio {
	--size: 22px;
	width: var(--size);
	height: var(--size);
	border: 1px solid var(--option-radio-color);
	border-radius: 50%;
	margin: 0 1px;
	display: flex;
	align-items: center;
	justify-content: center
}

.promotable-option__radio svg {
	fill: none;
	stroke: var(--color-white);
	opacity: 0
}

.promotable-option--active .promotable-option__radio svg {
	opacity: 1
}

@media(hover:hover) {
	.promotable-option:hover .promotable-option__radio svg {
		stroke: var(--option-radio-color);
		opacity: 1
	}
}

.promotable-option--active .promotable-option__radio {
	background-color: var(--theme-color-signal-active-default);
	border: 0
}

.promotable-option__main {
	display: grid;
	grid-template-columns: 1fr auto;
	padding: 12px 20px 12px 0
}

.promotable-option:not(:last-child) .promotable-option__main {
	border-bottom: 1px solid var(--option-border-color)
}

.promotable-option__label {
	display: flex;
	align-items: center
}

.promotable-option__profit {
	font-size: 12px;
	line-height: 10px;
	background-color: var(--theme-color-signal-active-default);
	color: var(--color-white);
	padding: 5px 4px;
	border-radius: 6px;
	margin-left: 6px;
	margin-top: 1px
}

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

.promotable-option__crossed-price {
	color: var(--theme-color-text-secondary-light);
	position: relative;
	margin-right: 4px
}

.promotable-option__crossed-price:after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: var(--theme-color-signal-negative-default);
	position: absolute;
	top: 50%;
	left: 0
}

.promotable-feature {
	font-size: 17px;
	line-height: 26px;
	--icon-width: 24px;
	--icon-height: 23px;
	display: grid;
	grid-template-columns: var(--icon-width) 1fr;
	grid-gap: 0 12px;
	gap: 0 12px;
	align-content: center
}

.promotable-feature--detailed {
	grid-template-rows: auto auto;
	align-content: start;
	gap: 2px 12px
}

.promotable-feature--detailed .promotable-feature__icon,
.promotable-feature--detailed .promotable-feature__media {
	grid-row: span 2;
	margin-top: 1px
}

.promotable-feature--inactive {
	opacity: .3
}

.promotable-feature__icon,
.promotable-feature__media {
	width: var(--icon-width);
	height: var(--icon-height);
	display: flex;
	align-items: end;
	justify-content: center
}

.promotable-feature__icon {
	color: inherit;
	color: var(--icon-color, inherit);
	margin-top: 1px
}

.promotable-feature__icon .icon {
	display: block
}

.promotable-feature__title>.icon {
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px
}

.promotable-feature__description {
	font-size: 15px;
	line-height: 22px;
	color: var(--theme-color-text-secondary);
	color: var(--description-color, var(--theme-color-text-secondary))
}

.promotable-feature__media {
	position: relative;
	justify-content: flex-start
}

.promotable-feature__rotated-media-unit {
	position: absolute;
	top: 2px;
	left: 1px
}

.promotable-feature__media-placeholder {
	width: var(--icon-width);
	height: var(--icon-height);
	background-color: var(--theme-color-media-background);
	border-radius: 50%
}

.feature-media-move,
.feature-media-enter-active,
.feature-media-leave-active {
	transition: all .3s ease-in-out
}

.feature-media-enter-from,
.feature-media-leave-to {
	opacity: 0;
	transform: scale(.75)
}

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

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

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

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

	to {
		transform: scale(1)
	}
}

.auth-bind {
	display: grid;
	grid-gap: 20px;
	gap: 20px;
	text-align: center
}

.auth-bind__title {
	font-weight: 500;
	font-size: 22px;
	line-height: 30px
}

.auth-bind__text {
	max-width: 450px;
	margin: 0 auto
}

.auth-bind__text b {
	font-weight: 500
}

.auth-bind__actions {
	display: grid;
	grid-gap: 12px;
	gap: 12px
}

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

	.auth-bind__actions>:nth-child(1) {
		order: 1
	}
}

@keyframes jzXIbcFG {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.pK5gWqbu {
	display: flex;
	flex-direction: column;
	width: 320px;
	max-width: 100%;
	margin: 0 auto
}

@media all and (min-width:640px) {
	.pK5gWqbu {
		min-height: 458px
	}
}

.igoRLBX- {
	padding: 48px 0;
	text-align: center
}

.ffZSmZZ8 {
	font-weight: 500;
	font-size: 22px;
	line-height: 30px
}

.x3GrH0rK {
	margin-top: 24px
}

.Zoqj83cp {
	margin-top: 16px
}

@media all and (min-width:640px) {
	.Zoqj83cp {
		margin-top: auto
	}
}

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

.payment-form__container {
	display: flex
}

.payment-form__container--hidden {
	opacity: 0;
	pointer-events: none
}

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

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

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

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

:root[data-effects=reduced][data-v-7a4daf20] {
	--floating-glass-backdrop-filter: none;
	--underlay-backdrop-filter: none;
	--theme-color-floating-glass: var(--theme-color-background-content)
}

@keyframes underlay-in-7a4daf20 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.plus-icon[data-v-7a4daf20] {
	width: var(--size);
	height: var(--size);
	display: flex;
	align-items: center;
	justify-content: center
}

@keyframes -rpkE5E1 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

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

.zvOfPAq- {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px
}

.vEZiyIOH {
	font-size: 15px;
	line-height: 22px;
	font-weight: 500
}

.PBaFVA37 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 104px;
	background: var(--theme-plus-modal-background);
	border-radius: 10px
}

.ANYj7i6q {
	font-size: 15px;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 16px
}

.andropov-audio {
	display: block;
	width: 100%;
	border-radius: var(--layout-island-border-radius)
}

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

:root[data-effects=reduced][data-v-e6fc3247] {
	--floating-glass-backdrop-filter: none;
	--underlay-backdrop-filter: none;
	--theme-color-floating-glass: var(--theme-color-background-content)
}

@keyframes underlay-in-e6fc3247 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

	60.01% {
		transform: translate(0)
	}
}

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

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

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

.skeleton-navbar {
	will-change: opacity
}

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

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

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

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

.skeleton-content__wrapper {
	will-change: opacity
}

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

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

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

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

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

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

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

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

.content-list {
	--gap: 24px;
	position: relative;
	display: grid;
	grid-gap: var(--layout-island-gap-y);
	gap: var(--layout-island-gap-y);
	grid-template-columns: minmax(0, 100%);
	z-index: var(--layout-z-index-feed)
}

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

.complaint {
	display: grid
}

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

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

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

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

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

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

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

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

.donation-form__suggestions {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 8px;
	gap: 8px;
	margin-top: 12px
}

.donation-form__button {
	margin-top: 12px
}

.donation-form--lg .donation-form__button {
	margin-top: 36px
}

.donation-form__button .button {
	width: 100%
}

.donation-modal__title {
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	text-align: center
}

.donation-modal__subtitle {
	margin: 12px 0 24px;
	text-align: center
}

.donation-modal__subtitle b {
	font-weight: 500
}

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

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

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

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

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

.mute {
	display: grid
}

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

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

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

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

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

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

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

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

@keyframes aEUHJR-V {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.hUemC068 {
	font-weight: 500
}

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

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

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

@keyframes koR01v2Y {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.lZiytKLX {
	--banner-close-13-top: 23px;
	--banner-close-13-right: 28px;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 0
}

@media all and (min-width:640px) {
	.lZiytKLX {
		--banner-close-13-top: 12px;
		--banner-close-13-right: var(--layout-content-offset-x)
	}
}

.LB75O7ko {
	background-color: var(--theme-color-background)
}

@media all and (min-width:640px) {
	.LB75O7ko {
		background-color: var(--theme-color-background-content)
	}
}

.WEh3N2fJ ._1wLUQ2Hw {
	width: 100%;
	position: absolute;
	top: 0
}

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

@media all and (max-width:924px) {
	.WEh3N2fJ .V-MDxqWc {
		margin-right: var(--layout-content-offset-x)
	}
}

@media all and (min-width:1240px)and (max-width:1365px) {
	.WEh3N2fJ .V-MDxqWc {
		margin-right: var(--layout-right-aside-offset)
	}
}

.p9G2gqcE ._1wLUQ2Hw {
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 400px
}

@media all and (min-width:640px) {
	.p9G2gqcE ._1wLUQ2Hw {
		position: static;
		top: auto;
		width: auto;
		max-width: none
	}
}

@media(max-width:399px) {
	.p9G2gqcE .V-MDxqWc {
		top: 0;
		margin-top: calc((200px - 50vw)/2 + 9px)
	}
}

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

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

.V-MDxqWc {
	position: absolute;
	z-index: 1;
	top: 9px;
	right: 9px
}

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

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

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

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

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

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

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

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

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

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

.notification-item--with-actions {
	grid-template-columns: var(--image-container-size) 1fr 32px
}

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

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

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

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

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

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

.notification-item__image--brand {
	background-color: var(--theme-color-brand-content-background);
	border-radius: 50%
}

.notification-item__icon {
	color: var(--color-black);
	position: absolute;
	bottom: -2px;
	right: -2px
}

.notification-item__icon--blue {
	color: var(--theme-color-signal-active-default)
}

.notification-item__icon--green {
	color: var(--theme-color-signal-positive-default)
}

.notification-item__icon--red {
	color: var(--theme-color-signal-negative-default)
}

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

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

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

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

.notifications--default {
	--notifications-body-offset-x: 0px
}

@media all and (min-width:640px) {
	.notifications--default {
		--notifications-body-offset-x: 6px
	}
}

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

.notifications--compact .notifications__list {
	max-height: calc(100vh - var(--layout-header-height) - 100px)
}

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

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

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

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

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

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

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

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

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

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

@keyframes _9KmndlAT {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

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

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

@media all and (min-width:640px) {
	.qjSHmNhj {
		margin-bottom: -4px
	}
}

.IaNUPQyT,
.qKcsiasa {
	font-size: 10px;
	line-height: 14px;
	letter-spacing: .9px;
	text-transform: uppercase
}

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

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

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

.qKcsiasa {
	margin-left: 8px;
	margin-right: auto
}

.DVgwSqyj {
	margin-left: auto
}

@keyframes BzxX-XWJ {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

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

.N86XI7E5,
.T7JQ3X1b {
	font-size: 10px;
	line-height: 14px;
	letter-spacing: .9px;
	text-transform: uppercase
}

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

.T7JQ3X1b,
.Pebaw-da,
.MwlRkWiD {
	position: relative;
	z-index: 1
}

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

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

.T7JQ3X1b {
	margin-left: 8px;
	margin-right: auto
}

.Pebaw-da {
	margin-right: 8px
}

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

:root[data-effects=reduced][data-v-7ff33dac] {
	--floating-glass-backdrop-filter: none;
	--underlay-backdrop-filter: none;
	--theme-color-floating-glass: var(--theme-color-background-content)
}

@keyframes VpOGxFhL-7ff33dac {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes MR2v8CPG-7ff33dac {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0)
	}

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

.P342uUl5[data-v-7ff33dac] {
	will-change: opacity
}

.SpcJD8oR .P342uUl5[data-v-7ff33dac] {
	animation: zj5jdE6a-7ff33dac 1s linear alternate infinite
}

@keyframes zj5jdE6a-7ff33dac {
	0% {
		opacity: 1
	}

	to {
		opacity: .5
	}
}

.P342uUl5[data-v-7ff33dac] {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	padding: var(--content-padding)
}

@media all and (min-width:640px) {
	.P342uUl5[data-v-7ff33dac]:not(.rA1r7vpW) {
		flex-wrap: nowrap
	}
}

.mxtJC3N8[data-v-7ff33dac] {
	flex-shrink: 0;
	width: var(--image-size);
	height: var(--image-size);
	margin: var(--image-offset);
	border-radius: var(--image-radius)
}

.mxtJC3N8[data-v-7ff33dac]:not(:last-child) {
	margin-bottom: var(--image-offset)
}

.JniOJG1z[data-v-7ff33dac] {
	width: var(--text-width);
	margin-left: var(--text-offset)
}

.JniOJG1z .skeleton-bar[data-v-7ff33dac]:not(:last-child) {
	margin-bottom: 10px
}

.oe7278T4[data-v-7ff33dac] {
	flex-shrink: 0;
	width: var(--button-width);
	height: 34px;
	margin: var(--button-margin);
	border-radius: 9px
}

@keyframes A6-4OnLd {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

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

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

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

@keyframes Xi5HzaGY {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

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

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

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

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

._1JEs3SAK .button {
	width: 100%
}

@keyframes HMag9LZu {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

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

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

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

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

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

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

.hi6q2mJO .button {
	width: 100%
}

.badge {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

@media(hover:hover) {
	.badge__icon--clickable:hover {
		opacity: .72
	}
}

.badge__icon--clickable {
	position: relative;
	cursor: pointer
}

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

.badge__icon img {
	display: block
}

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

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

.author .noshrink {
	flex-shrink: 0
}

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

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

.author__avatar--online:after {
	--dot-size: 10px;
	--bg-color: var(--bg-color-under-avatar, var(--theme-color-background-content));
	content: "";
	position: absolute;
	width: var(--dot-size);
	height: var(--dot-size);
	background-color: var(--theme-color-signal-positive-default);
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--bg-color);
	transform: translate(calc(var(--avatar-size) - var(--dot-size)), calc(-1 * var(--dot-size) + 1px))
}

.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;
	min-width: 0;
	position: relative
}

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

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

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

.author__details:empty {
	display: none
}

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

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

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

@media(hover:hover) {

	.author__main a:hover,
	.author__details a:hover {
		opacity: .72
	}
}

@keyframes _5d5mEqTV {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.olS48SkV {
	padding-top: 16px;
	padding-bottom: 4px
}

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

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

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

.BN7HBFLS {
	padding-bottom: 4px
}

.BN7HBFLS:last-child {
	padding-bottom: 16px
}

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

	.BN7HBFLS:last-child {
		padding-bottom: 14px
	}
}

.-vrVAZ4l {
	position: relative;
	z-index: calc(var(--link-z-index) + 1);
	margin-top: 20px;
	padding: 0 var(--layout-content-offset-x)
}

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

@keyframes f7ankHAM {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes hQEQ07-f {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0)
	}

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

.SqrG7AXs {
	padding: 15px 0 20px
}

@keyframes m-MB9bNo {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

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

.l8kBkj4S {
	--offset-x: 16px;
	--text-max-lines: 4;
	--text-size: 15px;
	--text-line-height: 22px;
	--button-margin: 12px 0 0;
	width: 300px;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-top: 10px
}

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

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

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

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

.gAgALGr2 {
	position: absolute;
	z-index: var(--link-z-index);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.rotator {
	height: var(--layout-content-banner-height);
	overflow: hidden;
	display: grid;
	align-content: center
}

.rotator--limitless {
	height: auto;
	min-height: var(--layout-content-banner-height)
}

@media all and (min-width:640px) {
	.rotator--hidden-on-wide {
		display: none
	}
}

.rotator>* {
	min-width: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes bell-shake {

	10%,
	90% {
		transform: rotate(-2deg)
	}

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

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

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

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

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

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

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

.write-button .button {
	border-radius: 50px;
	-webkit-backdrop-filter: blur(17px);
	backdrop-filter: blur(17px);
	-webkit-backdrop-filter: var(--floating-glass-backdrop-filter, blur(17px));
	backdrop-filter: var(--floating-glass-backdrop-filter, blur(17px));
	background-color: var(--theme-color-floating-glass);
	box-shadow: inset 0 0 0 1px var(--theme-color-floating-glass-border), inset 1px 1px #ffffff1a, inset -1px -1px #ffffff1a;
	color: var(--theme-color-floating-glass-content)
}

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

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

.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);
	border-radius: 30px;
	cursor: pointer;
	font-size: var(--reaction-button-font-size);
	line-height: var(--reaction-button-size);
	min-width: var(--reaction-button-min-width)
}

.reaction-button img {
	display: block;
	width: var(--reaction-button-size);
	height: var(--reaction-button-size)
}

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

.reaction-button--small {
	--reaction-button-size: 18px;
	--reaction-button-padding: 4px 8px;
	--reaction-button-gap: 5px;
	--reaction-button-font-size: 13px;
	--reaction-button-min-width: 34px
}

.reaction-button--small .reaction-button__dummy {
	margin: 1px
}

.reaction-button--type-default {
	background: var(--theme-color-reaction-button);
	color: var(--theme-color-text-secondary)
}

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

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

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

.reaction-button--type-compact {
	--reaction-button-padding: 4px;
	--reaction-button-min-width: auto;
	background: transparent;
	color: var(--theme-color-floating-glass-content)
}

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

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

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

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

.reaction-button--type-donate {
	background: var(--theme-color-donate-button-default);
	color: var(--theme-color-text-secondary)
}

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

.reaction-button--type-donate:active {
	background-color: var(--theme-color-donate-button-default)
}

.reaction-button--type-donate.reaction-button--active {
	background-color: var(--theme-color-donate-button-active);
	color: var(--color-black)
}

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

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

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

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

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

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

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

.reactions--overflow {
	flex-wrap: nowrap;
	overflow: hidden
}

.scroll-to-top {
	position: fixed;
	top: 0;
	left: 0;
	width: 52px;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column-reverse;
	box-sizing: border-box;
	padding-bottom: 24px;
	cursor: pointer;
	color: var(--theme-color-text-secondary-light);
	z-index: calc(var(--layout-z-index-header) - 2)
}

.scroll-to-top__icon {
	transition: transform .18s ease
}

.scroll-to-top__icon--rotated {
	transform: scaleY(-1)
}

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

@media(min-width:1240px)and (max-width:1384px),
(max-width:988px) {
	.scroll-to-top {
		display: none
	}
}

.scroll-to-top.fade-enter-active,
.scroll-to-top.fade-leave-active {
	transition: opacity .18s ease
}

.scroll-to-top.fade-enter-from,
.scroll-to-top.fade-leave-to {
	opacity: 0
}

.scroll-to-top.fade-enter-to,
.scroll-to-top.fade-leave-from {
	opacity: 1
}

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

:root[data-effects=reduced][data-v-ea41d5b3] {
	--floating-glass-backdrop-filter: none;
	--underlay-backdrop-filter: none;
	--theme-color-floating-glass: var(--theme-color-background-content)
}

@keyframes underlay-in-ea41d5b3 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.canvas-wrapper[data-v-ea41d5b3] {
	aspect-ratio: 16 / 7
}

canvas[data-v-ea41d5b3] {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}

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

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

.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 {
	display: none;
	--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 .andropov-video-player,
.media .andropov-external-video__overlay,
.media .andropov-external-video__player {
	position: absolute !important
}

.media .andropov-video-player,
.media .andropov-external-video__overlay,
.media .andropov-external-video__player {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery__item {
	position: relative;
	overflow: hidden
}

.gallery__item--hidden {
	display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

.andropov-embed__text i>b {
	font-style: normal
}

.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)
}

.andropov-embed__read-more {
	margin-top: 20px;
	padding: 0 var(--layout-content-offset-x)
}

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

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

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

.content-footer--floating {
	--height: 38px;
	--offset-x: 12px;
	transform: translateZ(0);
	gap: 10px;
	border-radius: 50px;
	-webkit-backdrop-filter: blur(17px);
	backdrop-filter: blur(17px);
	-webkit-backdrop-filter: var(--floating-glass-backdrop-filter, blur(17px));
	backdrop-filter: var(--floating-glass-backdrop-filter, blur(17px));
	background-color: var(--theme-color-floating-glass);
	box-shadow: inset 0 0 0 1px var(--theme-color-floating-glass-border), inset 1px 1px #ffffff1a, inset -1px -1px #ffffff1a;
	color: var(--theme-color-floating-glass-content)
}

@media not all and (min-resolution:.001dpcm) {
	.content-footer--floating {
		-webkit-mask-image: -webkit-radial-gradient(white, black)
	}
}

.content-footer--floating .content-footer-button {
	--button-color: var(--theme-color-floating-glass-content)
}

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

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

.content-footer__space {
	flex: 1
}

.content-footer-button {
	--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: calc(var(--link-z-index) + 1);
	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 .icon:nth-child(2) {
	position: absolute;
	animation-duration: .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
	}
}

.content-modified {
	margin-left: 4px !important
}

.content-modified {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 2px
}

.content-modified:after {
	content: "";
	width: 100%;
	height: 100%;
	padding: 2px;
	position: absolute
}

.content-modified-details {
	font-size: 15px;
	line-height: 22px;
	padding: 12px 16px
}

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

.content-modified-details__title:not(:first-child) {
	margin-top: 10px
}

.content-modified-details__value {
	font-weight: 500
}

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

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

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

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

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

.content-header__topic {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--theme-color-text-primary)
}

@media(hover:hover) {
	.content-header__telegram:hover {
		opacity: .72
	}
}

.content-header__telegram {
	height: 18px;
	min-width: 16px;
	padding-left: 16px;
	white-space: nowrap;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJkSURBVHgB7VVNbtNQEJ55DlVgQyKxYIOIqRSyg3CBmhMENggJlWAukHKCBE6QnqCRUNQFElwhRwiLikpEjaMKWHRBFkikdd4MM892RJoKJQSJTUey/fx+vu+b+cYywGX870D4B1H68L1wbUoNBAwYYQuJXh48udHRtRysEZV3JwEyNCG2AbNMyIs89VbK9qxMkKidNoBxh4kLOqeIqPCORPLwcLgyQWX/RNK3Ne/M1omp6ORCKhvdKOGRN2vNaGmCyv63QECaAFbLAcTWaVahRHYXjbkn2QQphctgkv/Rz87jxWUYFvKTfEME7YCB65K7ylR5aRkgkoMhsHebwXYyJBWABsefnt4sXpiBqrXMNW+CdUm36CRRIgwUPNm2e5o/bW38zNcQ4s5Mo+4TBeJL/3dMR1B5exyw5zWJecswobMsDW0KqYaSRIYoPNy+1bvb/doQxHa6nhiMiQ7ZO14gYIPvmaiIOFMLwMkIZVIo2/HV+HX02B+Xu1+azLaVLjp+lxsptrLQxwUCNPEDsFceCWhNTgQIM8tGRBAORLXuK3ePm0y2hQ5Ia0ZJKzE6C4AJLMNciRZMLu0NC7kc3NfxYNvvZfPl7kiUSzfJLRUwF45Q8DYMVQ+e+X/uovNR2RuWpjk8StrQfVGYHeUMxLEyfH7uz2GaZQgOQz8Csm8yb9g9yF1aFget8+c6aGkCjUF9s5WzcEeARuooz2xSYCt2CBHS6K8JskwsYVUw285glw2nrQz6mffWItCIQn88eLH5SpAfSomitF5JuQAWSrTW/0A7DvmsLSrr0lv9o7BchctYNX4BzmZMyP4glA4AAAAASUVORK5CYII=);
	background-position: 0 center;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	cursor: pointer
}

@media(max-width:414px) {
	.content-header__telegram--with-topic>span {
		display: none
	}
}

.content-header__date {
	display: flex
}

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

@supports (-moz-appearance: none) {
	.content-nsfw {
		-webkit-backdrop-filter: blur(50px);
		backdrop-filter: blur(50px)
	}
}

.content-nsfw {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

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

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

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

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

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

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

.content-title__editorial,
.content-title__game {
	display: inline-block
}

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

.content-title__external {
	display: inline-block
}

.content-title__external svg {
	display: inline-block;
	vertical-align: middle;
	color: var(--theme-color-text-secondary-light)
}

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

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

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

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

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

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

.content-boost__text {
	margin-right: auto
}

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

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

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

.content-comment {
	padding: 14px var(--layout-content-offset-x) 12px;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center
}

.content-comment__avatar {
	width: 28px;
	height: 28px;
	margin-right: 10px
}

.content-comment__text {
	font-size: 15px;
	line-height: 22px;
	line-height: 19px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-line-clamp: var(--line-count, 2);
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-right: 24px
}

.content-comment__reactions {
	font-size: 13px;
	line-height: 18px;
	display: flex;
	align-items: center;
	gap: 4px;
	color: var(--theme-color-text-secondary);
	margin-left: 16px
}

.content-comment__reactions .icon {
	flex-shrink: 0;
	margin-top: -1px
}

.post-stats__counters {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 12px;
	gap: 12px
}

@media all and (min-width:640px) {
	.post-stats__counters {
		grid-template-columns: repeat(3, 1fr);
		gap: 24px 30px
	}
}

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

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

.post-stats__title {
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
	margin-bottom: 6px
}

.post-stats__graphs {
	margin-top: 48px
}

.post-stats__graph-block:not(:last-child) {
	margin-bottom: 40px
}

.post-stats__skeleton-counters {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 12px;
	gap: 12px
}

@media all and (min-width:640px) {
	.post-stats__skeleton-counters {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px
	}
}

.content-warning {
	margin: 12px var(--layout-content-offset-x) var(--layout-content-gap-media);
	border-radius: 8px;
	background-color: var(--theme-color-signal-negative-light)
}

.content-warning b,
.content-warning strong {
	font-weight: 700
}

.content-warning i,
.content-warning em {
	font-style: italic
}

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

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

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

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

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

.content-warning__title {
	padding: 10px 16px 8px;
	color: var(--theme-color-signal-negative-default);
	font-weight: 500
}

.content-warning__text {
	padding: 0 16px 12px
}

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

:root[data-effects=reduced][data-v-67b54d3b] {
	--floating-glass-backdrop-filter: none;
	--underlay-backdrop-filter: none;
	--theme-color-floating-glass: var(--theme-color-background-content)
}

@keyframes underlay-in-67b54d3b {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.online-counter[data-v-67b54d3b] {
	display: inline-flex;
	align-items: center;
	color: var(--theme-color-text-secondary);
	cursor: pointer
}

@media(hover:hover) {
	.online-counter[data-v-67b54d3b]:hover {
		opacity: .72
	}
}

.online-counter[data-v-67b54d3b] {
	font-size: 15px;
	line-height: 22px
}

.online-counter__indicator[data-v-67b54d3b] {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--theme-color-signal-positive-default);
	position: relative;
	margin-right: 6px
}

.online-counter__indicator[data-v-67b54d3b]:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	background-color: inherit;
	animation: pulse-67b54d3b 2s ease-in-out infinite
}

.online-counter__text[data-v-67b54d3b] {
	display: none;
	margin-left: 3px
}

@media all and (min-width:640px) {
	.online-counter__text[data-v-67b54d3b] {
		display: inline
	}
}

@keyframes pulse-67b54d3b {
	0% {
		transform: scale(1);
		opacity: .7
	}

	50% {
		transform: scale(2.5);
		opacity: 0
	}

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

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

:root[data-effects=reduced][data-v-85f3ff7a] {
	--floating-glass-backdrop-filter: none;
	--underlay-backdrop-filter: none;
	--theme-color-floating-glass: var(--theme-color-background-content)
}

@keyframes underlay-in-85f3ff7a {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.content-stats-wrapper[data-v-85f3ff7a] {
	position: relative;
	display: flex;
	align-items: center;
	white-space: nowrap;
	height: var(--height);
	overflow: hidden;
	--speed: .22s
}

.content-stats-wrapper--with-online[data-v-85f3ff7a] {
	width: 100%
}

.content-stats-wrapper--with-online .content-stats-item[data-v-85f3ff7a] {
	position: absolute;
	right: 0;
	will-change: transform, opacity
}

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

.online-reel-enter-from[data-v-85f3ff7a] {
	transform: translateY(15px);
	opacity: 0
}

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

.content-share {
	position: relative
}

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

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

.block-code__wrapper {
	position: relative
}

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

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

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

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

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

h3.block-header {
	font-size: 17px;
	line-height: 26px;
	line-height: 24px
}

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

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

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

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

ul.block-list li {
	position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.block-quote__text {
	overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-wrapper {
	margin-top: var(--layout-content-gap-default);
	margin-bottom: var(--layout-content-gap-default)
}

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

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

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

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

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

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

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

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

.block-person__image {
	width: 150px;
	height: 150px;
	margin-bottom: 12px
}

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

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

.andropov-universalbox a {
	font-size: 17px;
	line-height: 26px
}

@media(hover:hover) {
	.andropov-universalbox a:hover {
		filter: brightness(1.1)
	}
}

.andropov-universalbox a {
	display: inline-flex;
	align-items: center;
	font-weight: 500;
	height: 42px;
	padding: 0 20px 0 16px;
	background-color: #1db954;
	border-radius: 25px
}

.andropov-universalbox a span {
	color: var(--color-white)
}

.andropov-universalbox a svg {
	width: 24px;
	height: 24px;
	margin-right: 10px
}

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

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

.game-dummy {
	padding: 0 var(--layout-content-offset-x)
}

.game-dummy__inner {
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 10px
}

.game-dummy__inner:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px var(--theme-andropov-border-color)
}

.game-dummy__cover {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.game-dummy__overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.game-preloader {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--theme-color-bg-content)
}

.game-preloader__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	width: 100%;
	max-width: 320px;
	padding: 0 24px
}

.game-preloader__icon-circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: var(--theme-color-background);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--theme-color-signal-active-default)
}

.game-preloader__progress {
	width: 100%;
	height: 6px;
	border-radius: 6px;
	background-color: var(--theme-color-background);
	overflow: hidden
}

.game-preloader__progress-fill {
	width: 100%;
	height: 100%;
	border-radius: 6px;
	background-color: var(--theme-color-signal-active-default);
	transform-origin: left center;
	animation: game-preloader-fill 10s cubic-bezier(.25, .8, .25, 1) forwards
}

@keyframes game-preloader-fill {
	0% {
		transform: scaleX(0)
	}

	to {
		transform: scaleX(.95)
	}
}

.game-player {
	padding: 0 var(--layout-content-offset-x)
}

.game-player__inner {
	position: relative;
	border-radius: 10px;
	overflow: hidden
}

.game-player__inner:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px var(--theme-andropov-border-color)
}

.game-player__error {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.game-player__iframe {
	display: block;
	width: 100%;
	height: 592px;
	border: 0;
	aspect-ratio: auto
}

@media all and (min-width:925px) {
	.game-player__iframe {
		aspect-ratio: 1 / 1;
		height: auto
	}
}

.game-player__iframe--hidden {
	visibility: hidden
}

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

:root[data-effects=reduced][data-v-4c92130b] {
	--floating-glass-backdrop-filter: none;
	--underlay-backdrop-filter: none;
	--theme-color-floating-glass: var(--theme-color-background-content)
}

@keyframes underlay-in-4c92130b {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.spoiler[data-v-4c92130b] {
	position: absolute;
	left: var(--layout-content-offset-x);
	right: var(--layout-content-offset-x);
	top: 0;
	height: 100%;
	border-radius: var(--layout-island-border-radius);
	z-index: 1;
	cursor: pointer
}

.spoiler--hidden[data-v-4c92130b] {
	pointer-events: none
}

.spoiler__overlay[data-v-4c92130b] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border-radius: 7px;
	transition: opacity .3s ease, backdrop-filter .3s
}

.spoiler__overlay--media[data-v-4c92130b] {
	-webkit-backdrop-filter: var(--theme-filter-blur-strong);
	backdrop-filter: var(--theme-filter-blur-strong);
	box-shadow: inset 0 0 0 1px var(--theme-color-spoiler-outline)
}

.spoiler__overlay--text[data-v-4c92130b] {
	background: var(--theme-color-background-content)
}

.spoiler__overlay--hidden[data-v-4c92130b] {
	opacity: 0;
	-webkit-backdrop-filter: none;
	backdrop-filter: none
}

.spoiler--quote[data-v-4c92130b],
.spoiler--quote .spoiler__overlay[data-v-4c92130b] {
	border-radius: 0 var(--layout-island-border-radius) var(--layout-island-border-radius) 0
}

.spoiler__canvas-wrapper[data-v-4c92130b] {
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
	max-height: 100%;
	display: flex;
	flex-direction: column
}

.spoiler canvas {
	max-width: 100%;
	transition: opacity 1s ease;
	border-radius: var(--layout-island-border-radius)
}

.spoiler canvas.hidden {
	opacity: 0
}

.spoiler__button[data-v-4c92130b] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3
}

@keyframes cinema-branding-top-second-frame-mobile {

	51%,
	to {
		background-image: url(https://leonardo.osnova.io/abaceffb-8903-5550-9bbe-29422483d240/)
	}
}

@keyframes cinema-branding-top-second-frame-tablet {

	51%,
	to {
		background-image: url(https://leonardo.osnova.io/76d268eb-cfbb-5753-80f0-b7b4d4c355cc/)
	}
}

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

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

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

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

.content-repost-label {
	font-size: 15px;
	line-height: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-line-clamp: var(--line-count, 2);
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding: 0 var(--layout-content-offset-x);
	padding-right: calc(var(--layout-content-offset-x) + var(--layout-content-right-indent));
	padding-top: 4px;
	margin-bottom: 8px;
	color: var(--theme-color-signal-active-default)
}

.content-repost-label span {
	color: var(--theme-color-text-secondary);
	margin-right: 4px
}

.content-repost-label .icon {
	position: relative;
	display: inline;
	top: 3px
}

@media(hover:hover) {
	.content-repost-label a:hover {
		opacity: .72
	}
}

.content-repost-replies {
	padding: 0 var(--layout-content-offset-x);
	padding-top: 12px;
	padding-bottom: 6px;
	border-top: 1px solid var(--theme-color-border)
}

.content-repost-replies a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--theme-color-signal-active-default)
}

@media(hover:hover) {
	.content-repost-replies a:hover {
		opacity: .72
	}
}

.content-repost-replies a svg {
	transform: translateY(1.5px)
}

@media all and (max-width:924px) {
	.content-repost-replies a svg {
		transform: translateY(.5px)
	}
}

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

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

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

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

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

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

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

.content__blocks {
	position: relative
}

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

@media(hover:hover) {

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

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

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

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

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

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

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

.content__subscribe {
	font-weight: 500
}

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

.content__etc {
	transform: translateY(1px)
}

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

.content__floating-collapse-wrapper {
	position: absolute;
	width: 40px;
	height: 40px;
	left: var(--layout-content-offset-x);
	transform: translateZ(0);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	-webkit-backdrop-filter: blur(17px);
	backdrop-filter: blur(17px);
	-webkit-backdrop-filter: var(--floating-glass-backdrop-filter, blur(17px));
	backdrop-filter: var(--floating-glass-backdrop-filter, blur(17px));
	background-color: var(--theme-color-floating-glass);
	box-shadow: inset 0 0 0 1px var(--theme-color-floating-glass-border), inset 1px 1px #ffffff1a, inset -1px -1px #ffffff1a;
	color: var(--theme-color-floating-glass-content)
}

@media not all and (min-resolution:.001dpcm) {
	.content__floating-collapse-wrapper {
		-webkit-mask-image: -webkit-radial-gradient(white, black)
	}
}

.content__floating-collapse-wrapper .content-footer-button {
	--button-color: var(--theme-color-floating-glass-content)
}

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

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

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

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

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

.content__read-more {
	position: relative;
	padding: 0 var(--layout-content-offset-x);
	margin-top: 20px;
	z-index: calc(var(--link-z-index) + 1)
}

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

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

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

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

.article-list {
	padding-left: 28px;
	box-sizing: border-box
}

.article-list li {
	margin: .5em 0
}

.content-summary {
	--layout-content-offset-x: 0;
	--layout-content-right-indent: 0
}

.content-summary__note {
	font-size: 15px;
	line-height: 22px;
	color: var(--theme-color-text-secondary);
	margin-top: 20px
}

@keyframes revealContentFooter {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

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

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

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

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

.comment-item {
	--comment-content-gap: 8px;
	--comment-content-actions-gap: 4px;
	padding: 16px var(--layout-content-offset-x) 10px
}

@media all and (min-width:640px) {
	.comment-item {
		padding: 24px var(--layout-content-offset-x) 18px
	}
}

.comment-item--compact {
	font-size: 15px;
	line-height: 22px;
	--content-gap: 8px
}

.comment-item--compact .comment-donation .donation {
	font-size: 13px;
	line-height: 18px;
	height: 32px
}

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

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

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

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

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

.reactions-preview {
	font-size: 13px;
	line-height: 18px;
	position: relative;
	display: flex;
	align-items: center;
	gap: 2px;
	width: -moz-fit-content;
	width: fit-content;
	height: 26px;
	color: var(--theme-color-text-secondary);
	border-radius: 100px
}

.reactions-preview__count {
	margin-left: 2px
}

.comment-donation {
	display: flex;
	padding-top: 4px;
	margin-bottom: var(--content-gap)
}

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

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

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

.comment-text p:not(:last-child) {
	margin-bottom: var(--content-gap)
}

.comment-text .quote {
	--line-width: 4px;
	--offset-x: 12px;
	--offset-y: 8px;
	display: block;
	position: relative;
	padding-left: calc(var(--line-width) + var(--offset-x));
	margin-bottom: var(--offset-y);
	margin-top: var(--offset-y)
}

.comment-text .quote:before {
	content: "";
	flex-shrink: 0;
	width: var(--line-width);
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 0;
	background-color: var(--theme-color-border);
	border-radius: var(--line-width)
}

.comment-media {
	--border-radius: 10px;
	padding: 4px 0 6px;
	display: grid;
	grid-template-columns: minmax(0, 400px);
	grid-gap: 8px;
	gap: 8px
}

.comment-media:empty {
	display: none
}

.comment-reactions {
	margin-top: 10px;
	margin-bottom: 10px
}

.comment-reactions-preview {
	margin-top: 5px;
	margin-bottom: 5px
}

.comment-footer {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

@media(hover:hover) {
	.comment-action:hover {
		opacity: .72
	}
}

.comment-action {
	font-size: 15px;
	line-height: 22px;
	color: var(--theme-color-text-secondary);
	margin-right: 16px;
	cursor: pointer;
	white-space: nowrap
}

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

.comment-header__in-post {
	font-size: 13px;
	line-height: 18px;
	color: var(--theme-color-text-secondary);
	white-space: nowrap
}

.comment-header__post-title,
.comment-header .author__name {
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	color: var(--theme-color-text-primary)
}

.comment-header__post-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.comment-header__date {
	flex-shrink: 0
}

@media all and (max-width:924px) {

	.feed-sorting+.feed-page__content-list>.feed-page__news>div:first-child,
	.feed-sorting+.feed-page__content-list>div:not(.feed-page__news)+.content-list>.content:first-child,
	.feed-sorting+.feed-page__content-list>div:not(.feed-page__news)+.content-list .skeleton-content-list>.skeleton-content:first-child,
	.feed-sorting+.feed-page__content-list>.content-list:first-child>.content:first-child,
	.feed-sorting+.feed-page__content-list>.content-list:first-child .skeleton-content-list>.skeleton-content:first-child {
		border-top-left-radius: 0;
		border-top-right-radius: 0
	}
}

@media all and (min-width:925px) {
	.feed-sorting {
		height: 30px;
		margin: 0 var(--layout-content-offset-x) 4px
	}

	.feed-sorting .navbar {
		display: none
	}
}

.news-rates {
	font-size: 15px;
	line-height: 22px;
	display: flex;
	gap: 20px;
	padding-bottom: 12px;
	color: var(--theme-color-text-secondary)
}

@media all and (min-width:925px) {
	.news-rates {
		transform: translateY(-100%);
		position: absolute;
		top: 0;
		right: var(--layout-content-offset-x);
		left: 150px;
		padding-bottom: 8px;
		justify-content: flex-end;
		gap: 12px
	}
}

.news-rates__item {
	align-items: center;
	display: grid;
	grid-template-areas: "title title""rate icon"
}

.news-rates__item-icon {
	order: 1;
	grid-area: icon;
	margin-left: 2px;
	width: 10px;
	height: 10px
}

.news-rates__item-icon--positive {
	color: var(--theme-color-signal-positive-default)
}

.news-rates__item-icon--negative {
	color: var(--theme-color-signal-negative-default)
}

.news-rates__item-title {
	grid-area: title;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 16px
}

.news-rates__item-rate {
	grid-area: rate;
	line-height: 18px
}

@media(hover:hover) {
	.news-rates__item:hover {
		opacity: .72
	}
}

.news-rates__item-icon {
	flex-shrink: 0
}

@media all and (min-width:925px) {
	.news-rates__item {
		grid-template-areas: "title rate icon";
		grid-template-columns: auto 1fr auto;
		line-height: 22px;
		white-space: nowrap
	}

	.news-rates__item-title {
		margin-right: 3px;
		letter-spacing: .5px
	}

	.news-rates__item-rate {
		letter-spacing: 0
	}

	.news-rates__item-title,
	.news-rates__item-rate {
		font-size: 13px;
		color: var(--theme-color-text-secondary);
		line-height: 20px
	}
}

.news-rates-skeleton {
	display: flex;
	flex: 1;
	gap: 20px;
	align-items: center;
	height: 22px
}

@media all and (min-width:925px) {
	.news-rates-skeleton {
		justify-content: flex-end
	}
}

.news-rates-skeleton {
	will-change: opacity
}

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

.news-rates-skeleton .skeleton-bar {
	margin-bottom: 0
}

.news-widget {
	background-color: var(--theme-color-background-content);
	border-radius: var(--layout-island-border-radius);
	padding: 20px var(--layout-content-offset-x);
	max-width: 100%
}

.news-widget__item {
	margin-bottom: 12px;
	font-size: 17px;
	line-height: 26px
}

.news-widget__title {
	margin-right: 8px
}

.news-widget__loader {
	margin-top: 16px;
	height: 26px;
	align-items: center
}

.news-widget__show-more {
	cursor: pointer;
	display: flex;
	align-items: center;
	font-weight: 500;
	color: var(--theme-color-text-primary);
	margin-top: 16px;
	font-size: 17px;
	line-height: 26px
}

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

@media(hover:hover) {

	.news-widget__title:hover,
	.news-widget__show-more:hover {
		opacity: .72
	}
}

.news-widget__comments-counter {
	display: inline-flex;
	transform: translate(-3px, -1px);
	color: var(--theme-color-text-secondary);
	vertical-align: bottom
}

.feed-page {
	position: relative
}

@media all and (min-width:640px) {
	.feed-page__banner {
		margin-bottom: var(--layout-content-offset-x)
	}
}

@media all and (min-width:925px) {
	.feed-page__header {
		display: flex;
		justify-content: space-between;
		vertical-align: middle;
		padding-bottom: 8px
	}
}

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

@media(hover:hover) {
	.feed-page__rates:hover {
		opacity: .72
	}
}

.feed-page__rates {
	height: 30px;
	display: flex;
	align-items: center
}

@media all and (min-width:925px) {
	.feed-page__rates {
		margin: 0 var(--layout-content-offset-x)
	}
}

.feed-page__news {
	margin-bottom: var(--layout-island-gap-y)
}

.feed-page__news:empty {
	display: none
}

.feed-page__content-list {
	position: relative;
	z-index: var(--layout-z-index-feed)
}

.feed-page__seen-posts-count {
	font-size: 15px;
	line-height: 22px;
	padding: 12px var(--layout-content-offset-x);
	background: var(--theme-color-background-content);
	border-radius: var(--layout-island-border-radius);
	color: var(--theme-color-text-secondary);
	margin-bottom: 16px
}

@media all and (min-width:640px) {
	.feed-page__seen-posts-count {
		margin-top: -8px
	}
}

.feed-page__seen-posts-count a {
	color: var(--theme-color-signal-active-default);
	cursor: pointer
}

@media(hover:hover) {
	.feed-page__seen-posts-count a:hover {
		color: var(--theme-color-signal-active-dark)
	}
}

@media(hover:hover) {
	.feed-page__seen-posts-count a:hover {
		opacity: .72
	}
}

@keyframes gAtkRGVm {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.PzVWqj0c {
	position: sticky;
	z-index: calc(var(--layout-z-index-feed) + 1);
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0
}

.pOyqp8LV {
	--offset: calc(var(--layout-header-height) + 8px);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	box-shadow: var(--theme-floating-shadow);
	transform: translate3d(0, var(--offset), 0)
}

@media all and (min-width:640px) {
	.pOyqp8LV {
		right: 12px;
		left: 12px
	}
}

._9veUCEHa {
	transform: translate3d(0, calc(var(--offset) * -1), 0)
}

.HbDE6jXe {
	transition: transform .3s cubic-bezier(.45, 1.12, .8, 1)
}

.U1rfdlTR {
	transform: translate3d(0, calc(var(--offset) * -1), 0);
	transition: transform .15s ease-in
}

.post-branding-bottom {
	display: block;
	width: 100%;
	height: 150px;
	border-radius: var(--layout-island-border-radius);
	margin-bottom: var(--layout-island-gap-y);
	margin-top: var(--layout-island-gap-y);
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(https://leonardo.osnova.io/feee93a0-39f9-5250-8533-93f9bb9c496d/);
	background-size: contain
}

@media all and (min-width:640px) {
	.post-branding-bottom {
		background-image: url(https://leonardo.osnova.io/aedabca1-fff4-5c88-921a-360bb0d9525e/)
	}
}

.entry>.content:not(:last-child),
.entry>.skeleton-content:not(:last-child) {
	margin-bottom: 16px
}

@media all and (min-width:640px) {

	.entry>.content:not(:last-child),
	.entry>.skeleton-content:not(:last-child) {
		margin-bottom: var(--layout-island-gap-y)
	}
}

.entry .entry-steam-pay-widget,
.entry .entry-rotator {
	margin-bottom: var(--layout-island-gap-y)
}

.entry-steam-pay-widget {
	--steam-border-radius: 0;
	--steam-box-shadow: none
}

@media all and (min-width:640px) {
	.entry-steam-pay-widget {
		--steam-border-radius: initial;
		--steam-box-shadow: initial
	}
}

@media all and (min-width:640px) {

	.entry-steam-pay-widget,
	.entry-rotator {
		margin-bottom: var(--layout-island-gap-y)
	}
}

.another-place-after-post {
	margin-bottom: 16px
}

@media all and (min-width:640px) {
	.another-place-after-post {
		margin-bottom: var(--layout-island-gap-y)
	}
}

.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)
}

.bookmarks__filter {
	height: 38px;
	margin: 0 var(--layout-content-offset-x)
}

.subsite-rating {
	font-weight: 500
}

.subsite-rating--positive {
	color: var(--theme-color-signal-positive-default)
}

.subsite-rating--negative {
	color: var(--theme-color-signal-negative-default)
}

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

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

.subsite-followers {
	display: flex
}

@media(hover:hover) {
	.subsite-followers__item:hover {
		opacity: .72
	}
}

.subsite-followers__item {
	margin-right: 12px;
	cursor: pointer
}

.subsite-followers__item--disabled {
	pointer-events: none
}

.subsite-followers__item span {
	color: var(--theme-color-text-primary);
	font-weight: 500
}

.attachment {
	--size: 100px;
	width: var(--size);
	height: var(--size);
	flex-shrink: 0;
	position: relative
}

.attachment--wide {
	width: 100%;
	max-width: 400px;
	--size: 60px
}

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

.attachment__content {
	width: inherit;
	height: inherit;
	overflow: hidden;
	border-radius: 10px;
	position: relative
}

.attachment__content:after {
	content: "";
	pointer-events: none;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px var(--theme-color-border);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

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

.attachment__content .andropov-link {
	height: 100%;
	border: 0;
	border-radius: 0;
	padding-top: 12px
}

.attachment__content .andropov-external-video {
	pointer-events: none
}

.attachment__content img,
.attachment__content video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.attachment__content .circular-progress,
.attachment__content .dot-loader {
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.attachment__preview {
	filter: blur(5px) grayscale(1)
}

.attachment__extension {
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--theme-color-text-secondary);
	display: flex;
	align-items: center;
	justify-content: center
}

.attachment__duration {
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
	width: auto;
	height: auto;
	position: absolute;
	bottom: 4px;
	left: 4px;
	background: var(--color-black);
	opacity: .8;
	border-radius: 6px;
	text-align: center;
	color: var(--color-white);
	padding: 4px 8px
}

.subsite-avatar {
	--size: var(--fce68c0e);
	--stroke: var(--v62dc2170);
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--theme-color-border);
	box-shadow: 0 0 0 var(--stroke) var(--theme-color-background-content);
	position: relative;
	z-index: calc(var(--layout-z-index-feed) + 2)
}

.subsite-avatar--loading {
	pointer-events: none
}

.subsite-avatar--loading>* {
	filter: blur(5px) grayscale(1)
}

.subsite-avatar__image {
	flex-shrink: 0
}

.subsite-avatar__preview {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.subsite-avatar .dot-loader {
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.subsite-avatar__overlay {
	width: 100%;
	height: 100%;
	background-color: #0003;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer
}

@media(hover:hover) {
	.subsite-avatar__overlay:hover {
		opacity: 1
	}
}

.subsite-cover {
	position: relative;
	aspect-ratio: 640 / 200;
	background-color: var(--theme-color-border);
	overflow: hidden
}

.subsite-cover__media {
	pointer-events: none
}

.subsite-cover .andropov-media--cropped img,
.subsite-cover .andropov-media--cropped video {
	-o-object-position: 0 50%;
	object-position: 0 50%;
	-o-object-position: 0 var(--coverY, 50%);
	object-position: 0 var(--coverY, 50%)
}

.subsite-header-controls {
	--gap: var(--c090f11e);
	display: flex;
	width: 100%;
	overflow: hidden
}

.subsite-header-controls__inner {
	display: grid;
	grid-auto-flow: column;
	grid-gap: var(--gap);
	gap: var(--gap);
	margin-left: auto
}

.subsite-achievements {
	display: flex;
	align-items: center;
	gap: 8px
}

.subsite-achievements__preview {
	cursor: pointer
}

@media(hover:hover) {
	.subsite-rank-badge:hover {
		opacity: .72
	}
}

.subsite-rank-badge {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 500;
	color: var(--theme-color-signal-active-default);
	cursor: pointer;
	min-width: 0
}

.subsite-rank-badge .icon {
	flex-shrink: 0
}

.subsite-rank-badge span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.subsite-card {
	--offset-x: var(--layout-content-offset-x);
	font-size: 15px;
	line-height: 22px;
	position: relative;
	z-index: 1;
	background-color: var(--theme-color-background-content)
}

@media all and (min-width:640px) {
	.subsite-card {
		border-radius: var(--layout-island-border-radius);
		overflow: hidden
	}
}

.subsite-card--preview {
	--offset-x: 16px;
	font-size: 13px;
	line-height: 18px;
	border-radius: 10px;
	overflow: hidden
}

.subsite-card__body {
	padding: 0 var(--offset-x)
}

.subsite-card__header {
	position: relative;
	z-index: calc(var(--layout-z-index-feed) + 3);
	display: flex;
	align-items: flex-end;
	gap: 8px;
	margin-bottom: 12px
}

.subsite-card__avatar {
	flex-shrink: 0;
	margin-top: -32px
}

.subsite-card__name {
	display: flex;
	align-items: center;
	margin-bottom: 4px
}

.subsite-card__name>h1 {
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.subsite-card--preview .subsite-card__name>h1 {
	font-size: 15px;
	line-height: 22px;
	font-weight: 500
}

.subsite-card__name .badge {
	margin-left: 4px
}

.subsite-card__nickname {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: -4px;
	margin-bottom: 6px;
	color: var(--theme-color-text-secondary)
}

.subsite-card__description {
	margin-bottom: 14px
}

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

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

.subsite-card__info {
	display: grid;
	grid-auto-flow: column;
	justify-content: flex-start;
	grid-gap: 12px;
	gap: 12px;
	margin-bottom: 8px;
	align-items: center
}

.subsite-card--preview .subsite-card__info {
	margin-bottom: 4px
}

.subsite-card__info:empty {
	display: none
}

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

.subsite-card__controls {
	display: inline-flex;
	margin-top: 18px
}

.subsite-card__footer {
	padding-top: 8px
}

.subsite-card--preview .subsite-card__footer {
	padding-top: 16px
}

.subsite-card__rank {
	margin-left: -2px
}

.subsite-card__achievements {
	margin-top: 16px
}

.subsite-feed__sorting {
	padding: 0 var(--layout-content-offset-x);
	margin-bottom: 8px
}

.skeleton-subsite {
	will-change: opacity
}

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

@keyframes skeleton-loading {
	0% {
		opacity: 1
	}

	to {
		opacity: .5
	}
}

.skeleton-subsite {
	padding: 0;
	border-radius: var(--layout-island-border-radius);
	background-color: var(--theme-color-background-content)
}

.skeleton-subsite__padding {
	padding: 0 var(--layout-content-offset-x);
	padding-bottom: 16px
}

.skeleton-subsite__header {
	display: flex;
	align-items: flex-end;
	margin-bottom: 12px
}

.skeleton-subsite__tabs {
	display: flex;
	align-items: center
}

.skeleton-subsite__tabs>:first-child {
	margin-right: 16px
}

.skeleton-subsite__tabs .skeleton-bar {
	margin-bottom: 0
}

.skeleton-subsite__cover {
	aspect-ratio: 3.2;
	background-color: var(--theme-color-border);
	border-top-left-radius: var(--layout-island-border-radius);
	border-top-right-radius: var(--layout-island-border-radius)
}

.skeleton-subsite__avatar {
	margin-right: auto;
	margin-top: -32px;
	box-shadow: 0 0 0 3px var(--theme-color-background-content)
}

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

.subsite-tabs {
	height: 56px
}

.subsite-stats__range {
	font-size: 15px;
	line-height: 22px;
	margin-top: 2px;
	margin-left: 10px;
	white-space: nowrap;
	color: var(--theme-color-text-secondary)
}

.subsite-stats>.feed-stub,
.subsite-stats__loader,
.subsite-stats__body {
	border-radius: 0 0 var(--layout-island-border-radius) var(--layout-island-border-radius)
}

.subsite-stats__body {
	padding: 0 var(--layout-content-offset-x) 40px;
	background-color: var(--theme-color-background-content)
}

.subsite-stats__loader {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
	background-color: var(--theme-color-background-content)
}

.subsite-stats__metrics {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 24px 12px;
	gap: 24px 12px;
	padding-top: 20px
}

@media all and (min-width:640px) {
	.subsite-stats__metrics {
		grid-template-columns: repeat(4, 1fr);
		padding-top: 32px
	}
}

.subsite-stats__metrics:not(:last-child) {
	padding-bottom: 32px
}

@media all and (min-width:640px) {
	.subsite-stats__metrics:not(:last-child) {
		padding-bottom: 40px
	}
}

.subsite-stats__title {
	font-weight: 500
}

.subsite-stats__title:first-letter {
	text-transform: capitalize
}

.subsite-stats__detailed:not(:last-child) {
	margin-bottom: 40px
}

.subsite-stats__top {
	font-size: 15px;
	line-height: 22px;
	display: grid;
	grid-gap: 16px;
	gap: 16px;
	margin-top: 32px
}

.subsite-stats__top>div {
	display: flex;
	justify-content: space-between
}

.subsite-stats__top>div>a {
	color: var(--theme-color-signal-active-default);
	cursor: pointer
}

@media(hover:hover) {
	.subsite-stats__top>div>a:hover {
		color: var(--theme-color-signal-active-dark)
	}
}

.subsite-stats__top>div>div {
	flex-shrink: 0;
	margin-left: 10px;
	color: var(--theme-color-text-secondary)
}

.subsite-metric__head {
	display: flex;
	align-items: baseline;
	white-space: nowrap
}

.subsite-metric__total {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500
}

.subsite-metric__delta {
	font-size: 13px;
	line-height: 18px;
	margin-left: 4px
}

.subsite-metric__delta--positive {
	color: var(--theme-color-signal-positive-default)
}

.subsite-metric__delta--positive:before {
	content: "+"
}

.subsite-metric__delta--negative {
	color: var(--theme-color-signal-negative-default)
}

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

.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
}

.subsite-rank__change {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 2px;
	left: 50%;
	transform: translate(-50%);
	font-size: 10px;
	line-height: 14px;
	white-space: nowrap
}

.subsite-rank__change--positive {
	color: var(--theme-color-signal-positive-default);
	top: -12px
}

.subsite-rank__change--negative {
	color: var(--theme-color-signal-negative-default);
	top: 16px
}

.subsite-rank--three-digits {
	position: relative;
	left: -8px
}

.discovery-categories {
	font-size: 15px;
	line-height: 22px;
	display: flex;
	gap: 10px;
	overflow-x: auto
}

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

.discovery-categories__item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 34px;
	border: 1px solid var(--theme-color-button-minimal-hover);
	border-radius: 10px;
	padding: 0 12px;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.discovery-categories__item:has(.icon) {
	padding-left: 8px
}

.discovery-categories__item--active {
	border-color: var(--theme-color-signal-active-default);
	background-color: var(--theme-color-filter-field-background-active);
	pointer-events: none
}

@media(hover:hover) {
	.discovery-categories__item:hover {
		border-color: var(--theme-color-signal-active-light);
		background-color: var(--theme-color-field-background-hover)
	}
}

.discovery-list {
	min-width: 0
}

.discovery-list__categories {
	margin-bottom: 20px;
	padding-left: var(--layout-content-offset-x);
	padding-right: var(--layout-content-offset-x);
	margin-left: calc(var(--layout-content-offset-x) * -1);
	margin-right: calc(var(--layout-content-offset-x) * -1)
}

.discovery-list__item {
	display: flex;
	align-items: center
}

.discovery-list__title {
	margin-bottom: 9px;
	font-weight: 500
}

.discovery-list__link {
	display: flex;
	margin-top: 16px
}

.discovery-list__author {
	margin-right: auto
}

.discovery-recent-item {
	display: grid;
	grid-template-columns: auto 24px;
	grid-gap: 12px;
	gap: 12px;
	padding: 10px 14px;
	line-height: 24px
}

@media all and (min-width:640px) {
	.discovery-recent-item {
		margin: 0 6px;
		border-radius: 12px
	}
}

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

.discovery-recent-item__body {
	display: grid;
	grid-template-columns: 24px auto;
	grid-gap: 12px;
	gap: 12px;
	cursor: pointer
}

.discovery-recent-item__icon {
	color: var(--theme-color-text-secondary-light)
}

.discovery-recent-item__remove {
	color: var(--theme-color-text-secondary-light);
	cursor: pointer
}

@media(hover:hover) {
	.discovery-recent-item__remove:hover {
		color: var(--theme-color-text-primary)
	}
}

.discovery-filters {
	display: grid;
	grid-gap: 16px;
	gap: 16px
}

.discovery-filters__options {
	display: grid;
	grid-gap: 8px;
	gap: 8px
}

@media all and (max-width:924px) {
	.discovery-search {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		justify-content: flex-start
	}
}

.discovery-search__recent {
	padding: 12px 0
}

@media all and (min-width:925px) {
	.discovery-search__recent {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

.discovery-search__recent,
.discovery-search__loading,
.discovery-search__empty {
	background-color: var(--theme-color-background-content);
	border-bottom-left-radius: var(--layout-island-border-radius);
	border-bottom-right-radius: var(--layout-island-border-radius)
}

@media all and (max-width:924px) {

	.discovery-search__recent,
	.discovery-search__loading,
	.discovery-search__empty {
		flex-grow: 1
	}
}

.discovery-search__loading,
.discovery-search__empty {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 32px var(--layout-content-offset-x);
	color: var(--theme-color-text-secondary-light)
}

@media all and (min-width:925px) {

	.discovery-search__loading,
	.discovery-search__empty {
		align-items: center;
		min-height: 270px
	}
}

.discovery-search__posts {
	margin-top: 16px
}

@media all and (min-width:925px) {
	.discovery-search__posts .skeleton-content:first-child {
		border-top-left-radius: 0;
		border-top-right-radius: 0
	}
}

.discovery-search__assistant-answer+.discovery__subsites {
	border-radius: var(--layout-island-border-radius)
}

.discovery {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch
}

.discovery__header {
	display: flex;
	justify-content: stretch;
	align-items: center;
	gap: 12px;
	padding: 12px var(--layout-content-offset-x);
	background-color: var(--theme-color-background-content);
	border-bottom: 1px solid var(--theme-color-border);
	border-top-left-radius: var(--layout-island-border-radius);
	border-top-right-radius: var(--layout-island-border-radius)
}

.discovery__header--with-footer {
	border-bottom: none;
	border-radius: var(--layout-island-border-radius)
}

.discovery__header>.icon-button {
	margin-left: -4px;
	margin-right: 12px
}

.discovery__header>.field {
	width: 100%
}

.discovery__subsites {
	display: grid;
	grid-row-gap: 32px;
	row-gap: 32px;
	padding: 20px var(--layout-content-offset-x);
	background-color: var(--theme-color-background-content);
	border-bottom-left-radius: var(--layout-island-border-radius);
	border-bottom-right-radius: var(--layout-island-border-radius)
}

.discovery-top__content {
	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)
}

@keyframes yzy-k42M {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes G-schhhN {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0)
	}

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

._1ZjsIKRC {
	width: var(--v87e09868);
	height: var(--v87e09868);
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	align-items: center;
	border-radius: 50%;
	background: var(--v602a3f20);
	white-space: nowrap;
	color: var(--color-white);
	font-size: calc(var(--v87e09868) / 2.5);
	text-transform: uppercase
}

.v-enter-active {
	transition: opacity .1s ease, transform .1s ease
}

.v-enter-from {
	opacity: 0;
	transform: translate(-5px)
}

@keyframes pqUFQiM- {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

._0X7BKABE {
	padding: 10px 16px;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	border-bottom: 1px solid var(--theme-color-border);
	display: flex;
	align-items: center;
	background-color: var(--theme-color-background-content);
	height: var(--messenger-header-height);
	position: sticky;
	top: 0;
	border-radius: 8px 8px 0 0;
	z-index: 2;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.O9-VuYU- {
	transition: transform .1s ease;
	display: flex;
	align-items: center
}

._5p0ckzL1 {
	line-height: 1em
}

.D0L7dHDm {
	margin-right: 12px
}

.NceTK8-5 .O9-VuYU- {
	transform: translate(12px)
}

.EUPap4bX {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	line-height: 18px;
	margin-top: 4px;
	display: flex;
	align-items: center;
	gap: 4px
}

.EUPap4bX .Ur6q2GD9 {
	flex-shrink: 0
}

.JSKtmVOg {
	font-size: 13px;
	font-weight: 400;
	color: var(--theme-color-text-secondary)
}

@keyframes _0VnHbHpS {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes gliv-jm4 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0)
	}

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

.JQdW8Auc {
	--messenger-min-height: calc(100vh - var(--layout-header-height) - var(--layout-tabbar-height) - 2 * var(--layout-view-offset-y));
	--messenger-header-height: 56px;
	background-color: var(--theme-color-background-content);
	color: var(--theme-color-text-primary);
	height: var(--messenger-min-height);
	overflow: scroll;
	border-radius: var(--layout-island-border-radius)
}

@keyframes GRko-jIU {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.xpjBhY4d {
	font-size: 14px;
	line-height: 18px;
	background-color: var(--theme-color-media-background);
	border-radius: 6px;
	padding: 6px 6px 4px 12px;
	margin: 6px 0 4px;
	position: relative;
	overflow: hidden
}

.xpjBhY4d:before {
	content: "";
	position: absolute;
	background: var(--theme-andropov-border-color);
	width: 3px;
	height: 100%;
	left: 0;
	top: 0
}

.iHJjww-t {
	--line-count: 4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-line-clamp: var(--line-count, 2);
	-webkit-box-orient: vertical;
	overflow: hidden
}

.ywDtqnSZ {
	display: flex;
	align-items: center;
	margin-bottom: 6px
}

.rHt56cFH {
	margin-left: 6px
}

@keyframes z4oGNEl3 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.wwY5FBjG {
	display: grid;
	grid-template-columns: 36px 1fr auto;
	padding: 10px 16px;
	grid-gap: 16px;
	gap: 16px;
	word-wrap: break-word;
	scroll-margin-top: calc(var(--messenger-header-height) + 16px)
}

._5i1G4TF8 {
	padding: 0 16px 10px
}

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

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

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

.afsGJ9Ya {
	font-weight: 500
}

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

@keyframes -bjhuNGX {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.ZNrgT1VL {
	display: grid;
	grid-template-areas: "avatar name time""avatar message time";
	grid-template-columns: 36px 1fr;
	grid-column-gap: 16px;
	-moz-column-gap: 16px;
	column-gap: 16px;
	padding: 12px 16px;
	will-change: opacity
}

._7Q-tOfLE .ZNrgT1VL {
	animation: -ByFj-Eq 1s linear alternate infinite
}

@keyframes -ByFj-Eq {
	0% {
		opacity: 1
	}

	to {
		opacity: .5
	}
}

.j8yqNuv4 {
	grid-area: avatar
}

.QTdhZIS1 {
	grid-area: name;
	margin-top: 4px
}

.BnLxWlZO {
	grid-area: message
}

._54PwK3f- {
	grid-area: time;
	margin-top: 4px
}

@keyframes SpWc2yEb {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.ArEaYRqt {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-weight: 500;
	color: var(--theme-color-text-primary)
}

@keyframes PmyAVEFE {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.APtfEemW {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 15px;
	line-height: 22px;
	color: var(--theme-color-text-secondary)
}

@keyframes _32VQL8-8 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes _4DZ6v-aX {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0)
	}

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

.SyqmRS7F {
	--submit-button-size: 34px;
	padding: 16px;
	position: sticky;
	bottom: 0;
	background-color: var(--theme-color-background-content);
	box-shadow: -3px 0 4px var(--theme-color-background-content);
	display: grid;
	grid-template-columns: 1fr var(--submit-button-size);
	grid-gap: 10px;
	gap: 10px;
	align-items: center
}

@media all and (min-width:925px) {
	.SyqmRS7F {
		bottom: 0
	}
}

.SyqmRS7F {
	z-index: 2
}

.SyqmRS7F textarea {
	max-height: 30vh
}

._8Kay5xnb {
	display: grid;
	grid-template-columns: 1fr var(--submit-button-size);
	grid-gap: 10px;
	gap: 10px;
	align-items: center
}

.WlD-Yob9 {
	display: flex;
	gap: 11px;
	padding-bottom: 11px;
	padding-left: 11px
}

.M98orLxw[disabled] {
	opacity: 1;
	background-color: var(--theme-color-background-active);
	color: var(--theme-color-text-secondary)
}

.E-7cV--P {
	padding: 12px;
	border: 1px solid var(--theme-color-border);
	border-radius: 12px
}

.E-7cV--P p {
	margin: 0 0 6px
}

.E-7cV--P .CciYJPtz {
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: var(--theme-plus-action-background)
}

@keyframes PDJuXZ88 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

._9WyM6Edk {
	background-color: var(--theme-color-background-content);
	color: var(--theme-color-text-primary);
	border-radius: 8px;
	display: grid;
	height: calc(100% - var(--messenger-header-height));
	grid-template-rows: 1fr auto
}

.ZpJXSokP {
	display: grid;
	grid-template-rows: 1fr;
	align-items: end
}

.aYeVQv38 {
	padding: 16px 0;
	justify-content: center
}

.GST9Jly3 {
	padding: 8px 16px;
	justify-content: center
}

@keyframes imW668oQ {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.Y34HLSgK {
	--v-padding: 16px;
	--avatar-size: 46px;
	display: grid;
	grid-template-columns: var(--avatar-size) 1fr;
	padding: 0 var(--v-padding);
	grid-gap: var(--v-padding);
	gap: var(--v-padding)
}

.RdD-n8oQ {
	padding: var(--v-padding) 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	border-bottom: 1px solid var(--theme-color-border)
}

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

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

.YPoAuj94 {
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	gap: 4px
}

.YPoAuj94 .gBg7y0MB {
	flex-shrink: 0
}

._6e76rjhz {
	display: grid;
	grid-template-columns: minmax(0, 100%) min-content;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--theme-color-text-secondary)
}

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

.xGFvaP7d {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	padding: 1px 6px;
	min-width: 26px;
	background-color: var(--theme-color-signal-active-default);
	color: var(--color-white);
	font-size: 13px;
	line-height: 18px;
	line-height: 1em;
	font-weight: 500;
	animation: HXvrQopU .2s ease-in
}

@keyframes HXvrQopU {
	0% {
		transform: scale(.8);
		opacity: 0
	}

	60% {
		transform: scale(1.04);
		opacity: 1
	}

	to {
		transform: scale(1);
		opacity: 1
	}
}

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

:root[data-effects=reduced][data-v-3657650a] {
	--floating-glass-backdrop-filter: none;
	--underlay-backdrop-filter: none;
	--theme-color-floating-glass: var(--theme-color-background-content)
}

@keyframes underlay-in-3657650a {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.skeleton[data-v-3657650a] {
	display: grid;
	grid-template-areas: "avatar name time""avatar message time";
	grid-template-columns: 46px 1fr;
	grid-column-gap: 16px;
	-moz-column-gap: 16px;
	column-gap: 16px;
	padding: 19px 16px;
	will-change: opacity
}

.app-loaded .skeleton[data-v-3657650a] {
	animation: skeleton-loading-3657650a 1s linear alternate infinite
}

@keyframes skeleton-loading-3657650a {
	0% {
		opacity: 1
	}

	to {
		opacity: .5
	}
}

.avatar[data-v-3657650a] {
	grid-area: avatar
}

.name[data-v-3657650a] {
	grid-area: name;
	margin-top: 4px
}

.message[data-v-3657650a] {
	grid-area: message
}

.time[data-v-3657650a] {
	grid-area: time;
	margin-top: 4px
}

@keyframes _0SSAIj4v {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.tXfUe-R7 {
	padding: 16px
}

.DhIhSeng {
	padding: 16px 0;
	justify-content: center
}

.finance-header {
	padding: 20px var(--layout-content-offset-x)
}

.finance-header__title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	margin-bottom: 8px
}

.finance-header__rate {
	font-size: 40px;
	line-height: 50px;
	font-weight: 500;
	display: flex;
	align-items: baseline
}

.finance-header__rate-loader {
	height: 50px;
	display: flex;
	align-items: center
}

.finance-header__rate-change {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	margin-left: 8px
}

.finance-header__rate-change--positive {
	color: var(--theme-color-signal-positive-default)
}

.finance-header__rate-change--negative {
	color: var(--theme-color-signal-negative-default)
}

.finance-header__controls {
	display: flex;
	margin-top: 24px;
	margin-bottom: 12px;
	gap: 10px
}

.finance-header__control-current {
	background-color: var(--theme-comment-highlighted-background)
}

.finance-header__graph-placeholder {
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 16 / 7
}

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

.finance-converter__title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	margin-bottom: 12px
}

.finance-converter__inputs {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
	grid-gap: 16px;
	gap: 16px;
	position: relative;
	padding-top: 4px
}

@media all and (min-width:640px) {
	.finance-converter__inputs {
		gap: 10px;
		grid-template-columns: 1fr auto 1fr;
		align-items: center
	}
}

.finance-converter__flip-button {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	border: 1px solid var(--theme-color-border);
	color: var(--theme-color-text-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	z-index: 1;
	background: var(--theme-color-background-content);
	transform: rotate(90deg) translate(-50%);
	position: absolute;
	top: 50%;
	right: 70px;
	cursor: pointer
}

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

@media all and (min-width:640px) {
	.finance-converter__flip-button {
		position: static;
		transform: none
	}
}

.finance-page {
	display: flex;
	flex-direction: column;
	gap: var(--layout-island-gap-y)
}

.finance-page__header {
	background-color: var(--theme-color-background-content);
	border-radius: var(--layout-island-border-radius)
}

.currency-tab {
	align-items: center;
	display: grid;
	grid-template-areas: "title title""rate icon";
	padding-right: 4px
}

.currency-tab__icon {
	order: 1;
	grid-area: icon;
	margin-left: 2px;
	width: 10px;
	height: 10px;
	flex-shrink: 0
}

.currency-tab__icon--positive {
	color: var(--theme-color-signal-positive-default)
}

.currency-tab__icon--negative {
	color: var(--theme-color-signal-negative-default)
}

.currency-tab__title {
	grid-area: title;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 16px
}

.currency-tab__rate {
	grid-area: rate;
	line-height: 18px
}

@keyframes GD0MLqwt {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.fNHkK5W- {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-top: 20px
}

@media all and (min-width:640px) {
	.fNHkK5W- {
		margin-top: 0;
		margin-left: auto
	}
}

.ymFDTbHY {
	width: 18px;
	height: 18px
}

._9NEqifdS,
.V-14EdRG {
	transition: opacity .3s ease
}

._1D9KS1J7,
.k-abHWJ5 {
	opacity: 0
}

@keyframes F0EW6agk {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.dqbdpE3d .field__icon.icon--tick {
	color: var(--theme-color-signal-positive-default)
}

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

@media all and (min-width:640px) {
	.XOlxLs5F {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}
}

.yXQvIB1Z {
	display: flex;
	flex-direction: column;
	margin-top: 28px
}

@media all and (min-width:640px) {
	.yXQvIB1Z {
		flex-direction: row;
		align-items: center;
		justify-content: space-between
	}
}

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

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

.L5ghuG-i {
	display: flex;
	gap: 8px;
	margin-top: 8px
}

.L5ghuG-i>* {
	flex: 1;
	min-width: 0;
	padding-left: 8px;
	padding-right: 8px
}

.U20YOY12>div h2,
.U20YOY12>div h3,
.U20YOY12>div ul,
.U20YOY12>div ol,
.U20YOY12>div p {
	margin-bottom: 8px
}

.U20YOY12>div h2:last-child,
.U20YOY12>div h3:last-child,
.U20YOY12>div ul:last-child,
.U20YOY12>div ol:last-child,
.U20YOY12>div p:last-child {
	margin-bottom: 0
}

.U20YOY12>div b,
.U20YOY12>div strong {
	font-weight: 700
}

.U20YOY12>div p+h3,
.U20YOY12>div ul+h3,
.U20YOY12>div ol+h3 {
	margin-top: 20px
}

.U20YOY12>div h2 {
	font-weight: 500;
	font-size: 22px;
	line-height: 30px
}

.U20YOY12>div h3 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500
}

.U20YOY12>div ul,
.U20YOY12>div ol {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 24px
}

.U20YOY12>div ul li,
.U20YOY12>div ol li {
	padding-left: 8px;
	margin-bottom: 8px
}

.U20YOY12>div ul li:last-child,
.U20YOY12>div ol li:last-child {
	margin-bottom: 0
}

.U20YOY12>div ol {
	list-style-type: decimal
}

.U20YOY12>div p a,
.U20YOY12>div ul a {
	color: var(--theme-color-signal-active-default);
	cursor: pointer
}

@media(hover:hover) {

	.U20YOY12>div p a:hover,
	.U20YOY12>div ul a:hover {
		color: var(--theme-color-signal-active-dark)
	}
}

.U20YOY12>button {
	width: 100%;
	margin-top: 20px
}

@keyframes JXP2kqb- {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

.uezODXSd {
	--border-radius: var(--steam-border-radius, 10px);
	--box-shadow: var(--steam-box-shadow, inset 0 0 0 1px var(--theme-color-border));
	background-color: var(--theme-color-background-content);
	box-shadow: var(--box-shadow);
	border-radius: var(--border-radius)
}

._2Ihm2HEX {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
	padding: 24px var(--layout-content-offset-x) 0;
	background: radial-gradient(50% 100% at 0% 0%, #009aff2e, #009aff00), radial-gradient(39.68% 100% at 100% 0%, #c400ff2e, #c400ff00);
	border-radius: var(--border-radius)
}

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

.eTH37pro {
	padding: 20px var(--layout-content-offset-x) 24px
}

.fe74sw-6 {
	font-size: 13px;
	line-height: 18px;
	padding: 0 var(--layout-content-offset-x) 20px;
	color: var(--theme-color-text-secondary)
}

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

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

.school-rating {
	font-size: 15px;
	line-height: 22px;
	display: flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap
}

.school-rating__icon {
	width: 16px;
	height: 16px;
	color: var(--theme-color-signal-rating-default);
	margin-top: -2px
}

@media(hover:hover) {
	a.school-rating:hover:hover {
		opacity: .72
	}
}

.ce-redactor .editor-tool-input:empty:before {
	content: attr(data-placeholder);
	color: var(--theme-color-text-secondary-light);
	pointer-events: none
}

.ce-redactor .editor-tool-input--multiline>p:first-of-type:empty:before {
	content: attr(data-placeholder);
	color: var(--theme-color-text-secondary-light);
	pointer-events: none
}

.ce-redactor .editor-tool-input--multiline p {
	margin: .5em 0
}

.ce-redactor .editor-tool-input--multiline p:first-of-type {
	margin-top: 0
}

.ce-redactor .editor-tool-input--multiline p:last-of-type {
	margin-bottom: 0
}

.ce-redactor .editor-tool-input--with-limit {
	position: relative;
	padding-right: 16px
}

.ce-redactor .editor-tool-input--with-limit:after {
	content: attr(data-chars-left);
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 11px
}

.ce-redactor .editor-tool-input--warn:after {
	color: var(--theme-color-signal-negative-default)
}

.ce-redactor .editor-tool-input--text-sm {
	font-size: 15px;
	line-height: 22px
}

.ce-redactor .editor-tool-input--text-in {
	font-size: 17px;
	line-height: 24px
}

.ce-redactor .editor-tool-input--text-md {
	font-size: 20px;
	line-height: 28px
}

.ce-redactor .editor-tool-input--text-lg {
	font-size: 22px;
	line-height: 30px
}

.ce-redactor .editor-tool-input--text-xl {
	font-size: 28px;
	line-height: 40px
}

.ce-redactor .media+.editor-tool-input,
.ce-redactor .andropov-embed+.editor-tool-input {
	margin-top: 12px
}

.editor-text-tool-icon:after {
	width: 16px;
	height: 9px;
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxLjM4aDE0VjBIMHYxLjM4em0wIDMuNzkyaDE2VjMuNzkzSDB2MS4zOHptMTQgMy43OTNIMFY3LjU4NmgxNHYxLjM4eiIvPjwvc3ZnPgo=);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxLjM4aDE0VjBIMHYxLjM4em0wIDMuNzkyaDE2VjMuNzkzSDB2MS4zOHptMTQgMy43OTNIMFY3LjU4NmgxNHYxLjM4eiIvPjwvc3ZnPgo=)
}

.ce-block--empty .editor-text-tool:before {
	content: attr(data-placeholder);
	display: inline-block;
	width: 0;
	color: var(--theme-color-text-secondary-light);
	visibility: hidden;
	white-space: nowrap;
	pointer-events: none
}

.ce-block--empty .editor-text-tool:focus:before {
	visibility: visible
}

.codex-editor--toolbox-opened .editor-text-tool:before {
	visibility: hidden
}

.editor-list-tool-icon:after {
	width: 16px;
	height: 12px;
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMiI+CiAgPHBhdGggZD0iTTEuNDEgNC4zMzVjLjc2NiAwIDEuNDExLjYxIDEuNDExIDEuMzggMCAuNzY4LS42MjUgMS4zNzktMS40MSAxLjM3OUMuNjI1IDcuMDk0IDAgNi40ODMgMCA1LjcxNGMwLS43NjguNjI1LTEuMzc5IDEuNDEtMS4zNzl6bTMuNzA4IDIuMTY3VjQuOTI2SDE2djEuNTc2SDUuMTE4ek0wIDEuMzhDMCAuNjExLjYyNSAwIDEuNDEgMGMuNzY2IDAgMS40MTEuNjEgMS40MTEgMS4zOCAwIC43NjgtLjYyNSAxLjM3OS0xLjQxIDEuMzc5Qy42MjUgMi43NTkgMCAyLjE0OCAwIDEuMzc5em01LjExOC43ODhWLjU5MUgxNnYxLjU3Nkg1LjExOHpNMCAxMC4wNWMwLS43NjkuNjI1LTEuMzggMS40MS0xLjM4Ljc2NiAwIDEuNDExLjYxIDEuNDExIDEuMzggMCAuNzY4LS42MjUgMS4zNzktMS40MSAxLjM3OS0uNzg2IDAtMS40MTEtLjYxMS0xLjQxMS0xLjM4em01LjExOC43ODhWOS4yNjFIMTZ2MS41NzZINS4xMTh6Ii8+Cjwvc3ZnPgo=);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMiI+CiAgPHBhdGggZD0iTTEuNDEgNC4zMzVjLjc2NiAwIDEuNDExLjYxIDEuNDExIDEuMzggMCAuNzY4LS42MjUgMS4zNzktMS40MSAxLjM3OUMuNjI1IDcuMDk0IDAgNi40ODMgMCA1LjcxNGMwLS43NjguNjI1LTEuMzc5IDEuNDEtMS4zNzl6bTMuNzA4IDIuMTY3VjQuOTI2SDE2djEuNTc2SDUuMTE4ek0wIDEuMzhDMCAuNjExLjYyNSAwIDEuNDEgMGMuNzY2IDAgMS40MTEuNjEgMS40MTEgMS4zOCAwIC43NjgtLjYyNSAxLjM3OS0xLjQxIDEuMzc5Qy42MjUgMi43NTkgMCAyLjE0OCAwIDEuMzc5em01LjExOC43ODhWLjU5MUgxNnYxLjU3Nkg1LjExOHpNMCAxMC4wNWMwLS43NjkuNjI1LTEuMzggMS40MS0xLjM4Ljc2NiAwIDEuNDExLjYxIDEuNDExIDEuMzggMCAuNzY4LS42MjUgMS4zNzktMS40MSAxLjM3OS0uNzg2IDAtMS40MTEtLjYxMS0xLjQxMS0xLjM4em01LjExOC43ODhWOS4yNjFIMTZ2MS41NzZINS4xMTh6Ii8+Cjwvc3ZnPgo=)
}

.editor-list-tool {
	margin: 0;
	padding: 0;
	list-style-type: disc;
	line-height: 1.7em
}

.editor-list-tool--ordered {
	list-style-type: decimal
}

.editor-list-tool li {
	display: list-item !important;
	width: auto !important;
	font-size: inherit !important
}

.editor-list-tool li {
	margin-left: 2.1em;
	list-style-position: outside;
	list-style-type: inherit
}

.editor-list-tool li:not(:first-child) {
	margin-top: .5em
}

.editor-list-tool p {
	margin: .6em 0
}

.editor-list-tool p:first-of-type {
	margin-top: 0
}

.editor-list-tool p:last-of-type {
	margin-bottom: 0
}

.editor-header-tool-icon:after {
	width: 12px;
	height: 16px;
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxNiI+DQogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgMGMuNTUyMjggMCAxIC40NDc3MSAxIDF2Nmg4VjFjMC0uNTUyMjkuNDQ3Ny0xIDEtMXMxIC40NDc3MSAxIDF2MTRjMCAuNTUyMy0uNDQ3NyAxLTEgMXMtMS0uNDQ3Ny0xLTFWOUgydjZjMCAuNTUyMy0uNDQ3NzIgMS0xIDEtLjU1MjI5IDAtMS0uNDQ3Ny0xLTFWMWMwLS41NTIyOS40NDc3MS0xIDEtMVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxNiI+DQogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgMGMuNTUyMjggMCAxIC40NDc3MSAxIDF2Nmg4VjFjMC0uNTUyMjkuNDQ3Ny0xIDEtMXMxIC40NDc3MSAxIDF2MTRjMCAuNTUyMy0uNDQ3NyAxLTEgMXMtMS0uNDQ3Ny0xLTFWOUgydjZjMCAuNTUyMy0uNDQ3NzIgMS0xIDEtLjU1MjI5IDAtMS0uNDQ3Ny0xLTFWMWMwLS41NTIyOS40NDc3MS0xIDEtMVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+)
}

.editor-header-tool {
	font-weight: 500
}

.editor-header-tool--h3 {
	font-weight: 700
}

.editor-media-tool-icon:after {
	width: 18px;
	height: 18px;
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgNi40OTk5OUM1IDUuNjcxNDYgNS42NzE0NiA1IDYuNSA1QzcuMzI4NTQgNSA4IDUuNjcxNDggOCA2LjQ5OTk5QzggNy4zMjg1NCA3LjMyODE3IDggNi41IDhDNS42NzE0NiA4IDUgNy4zMjg1NCA1IDYuNDk5OTlaIiAvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQgMEMxLjc5MDg2IDAgMCAxLjc5MDg2IDAgNFYxNEMwIDE2LjIwOTEgMS43OTA4NiAxOCA0IDE4SDE0QzE2LjIwOTEgMTggMTggMTYuMjA5MSAxOCAxNFY0QzE4IDEuNzkwODYgMTYuMjA5MSAwIDE0IDBINFpNMiA0QzIgMi44OTU0MyAyLjg5NTQzIDIgNCAySDE0QzE1LjEwNDYgMiAxNiAyLjg5NTQzIDE2IDRWOS4yNTI0NUwxNC41MjI0IDcuNzc0ODZDMTMuNjYxOCA2LjkxNDI0IDEyLjIzODUgNy4wMTU0IDExLjUwODIgNy45ODkwOEw1LjUgMTZINEMyLjg5NTQzIDE2IDIgMTUuMTA0NiAyIDE0VjRaTTEzLjEwODIgOS4xODkwOEwxNiAxMi4wODA5VjE0QzE2IDE1LjEwNDYgMTUuMTA0NiAxNiAxNCAxNkg4TDEzLjEwODIgOS4xODkwOFoiLz4KPC9zdmc+);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgNi40OTk5OUM1IDUuNjcxNDYgNS42NzE0NiA1IDYuNSA1QzcuMzI4NTQgNSA4IDUuNjcxNDggOCA2LjQ5OTk5QzggNy4zMjg1NCA3LjMyODE3IDggNi41IDhDNS42NzE0NiA4IDUgNy4zMjg1NCA1IDYuNDk5OTlaIiAvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQgMEMxLjc5MDg2IDAgMCAxLjc5MDg2IDAgNFYxNEMwIDE2LjIwOTEgMS43OTA4NiAxOCA0IDE4SDE0QzE2LjIwOTEgMTggMTggMTYuMjA5MSAxOCAxNFY0QzE4IDEuNzkwODYgMTYuMjA5MSAwIDE0IDBINFpNMiA0QzIgMi44OTU0MyAyLjg5NTQzIDIgNCAySDE0QzE1LjEwNDYgMiAxNiAyLjg5NTQzIDE2IDRWOS4yNTI0NUwxNC41MjI0IDcuNzc0ODZDMTMuNjYxOCA2LjkxNDI0IDEyLjIzODUgNy4wMTU0IDExLjUwODIgNy45ODkwOEw1LjUgMTZINEMyLjg5NTQzIDE2IDIgMTUuMTA0NiAyIDE0VjRaTTEzLjEwODIgOS4xODkwOEwxNiAxMi4wODA5VjE0QzE2IDE1LjEwNDYgMTUuMTA0NiAxNiAxNCAxNkg4TDEzLjEwODIgOS4xODkwOFoiLz4KPC9zdmc+)
}

.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)
	}
}

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

:root[data-effects=reduced][data-v-da92cbde] {
	--floating-glass-backdrop-filter: none;
	--underlay-backdrop-filter: none;
	--theme-color-floating-glass: var(--theme-color-background-content)
}

@keyframes underlay-in-da92cbde {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1;
		transform: none
	}
}

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

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

@media not all and (min-resolution:.001dpcm) {
	.media[data-v-da92cbde] {
		-webkit-mask-image: -webkit-radial-gradient(white, black)
	}
}

.media[data-v-da92cbde] {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 100%;
	border-radius: 10px;
	overflow: hidden;
	position: relative
}

.media__underlay[data-v-da92cbde],
.media[data-v-da92cbde]:after,
.media .andropov-media[data-v-da92cbde] {
	grid-column: 1;
	grid-row: 1
}

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

.media .andropov-media[data-v-da92cbde] {
	width: 100%;
	margin: 0 auto
}

.media--zoom[data-v-da92cbde] {
	cursor: zoom-in
}

.media__underlay[data-v-da92cbde] {
	--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[data-v-da92cbde]:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ebebeb99;
	border-radius: inherit
}

.media .andropov-video-player[data-v-da92cbde],
.media .andropov-external-video__overlay[data-v-da92cbde],
.media .andropov-external-video__player[data-v-da92cbde] {
	position: absolute !important
}

.media .andropov-video-player[data-v-da92cbde],
.media .andropov-external-video__overlay[data-v-da92cbde],
.media .andropov-external-video__player[data-v-da92cbde] {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.editor-media-tool-preview {
	filter: grayscale(1)
}

.editor-media-tool-preview img,
.editor-media-tool-preview video {
	opacity: 1
}

.editor-media-tool-loader {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: #00000080
}

.editor-media-tool-loader .dot-loader {
	margin: 0
}

.editor-media-tool-loader .dot-loader__dot {
	background: var(--color-white)
}

.editor-media-tool-add-button {
	position: absolute;
	top: 8px;
	right: 8px
}

.editor-media-tool-single {
	position: relative
}

.editor-media-tool__gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, 100px);
	grid-gap: 12px;
	gap: 12px
}

.editor-media-tool__gallery-item {
	cursor: grab;
	transition: opacity .15s ease
}

.editor-media-tool__gallery-item:active {
	cursor: grabbing !important
}

.editor-media-tool__gallery-item--dragging {
	opacity: .3
}

.editor-media-tool__gallery-item--dragging .remove-button {
	opacity: 0;
	pointer-events: none
}

.editor-media-tool__gallery-item--drag-over {
	opacity: .7;
	outline: 2px solid currentColor;
	outline: 2px solid var(--theme-color-accent, currentColor);
	outline-offset: 2px;
	border-radius: 4px;
	border-radius: var(--layout-island-border-radius, 4px)
}

.editor-media-tool__gallery-item[draggable=false] {
	cursor: default
}

.editor-media-tool__gallery .media-gallery-move {
	transition: transform .25s ease
}

.editor-media-tool__button {
	width: 100%
}

.editor-media-tool__gallery-input {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: var(--layout-max-content-width);
	max-width: 100%;
	margin: 0 auto;
	padding: 16px var(--layout-content-offset-x);
	color: var(--theme-color-text-primary);
	background-color: var(--theme-color-background-content);
	border-radius: var(--layout-island-border-radius);
	box-shadow: var(--theme-floating-shadow);
	outline: none;
	pointer-events: auto
}

.editor-media-tool__gallery-input:only-child {
	position: relative
}

.paragraph-wrapper .codex-editor__bottom {
	height: 320px
}

.paragraph-wrapper .ce-redactor a:not(.andropov-link) {
	padding-bottom: 0
}

.paragraph-wrapper .ce-redactor a:not(.andropov-link):not(.t-link-inline):not(.andropov-link) {
	color: var(--theme-color-signal-active-default);
	cursor: pointer
}

@media(hover:hover) {
	.paragraph-wrapper .ce-redactor a:not(.andropov-link):not(.t-link-inline):not(.andropov-link):hover {
		color: var(--theme-color-signal-active-dark)
	}
}

.paragraph-wrapper .ce-redactor a:not(.andropov-link):not(.t-link-inline):not(.andropov-link) {
	text-decoration: none;
	border-bottom: none
}

.paragraph-wrapper .ce-redactor b,
.paragraph-wrapper .ce-redactor strong {
	font-weight: 700
}

.paragraph-wrapper .ce-redactor i,
.paragraph-wrapper .ce-redactor em {
	font-style: italic
}

.paragraph-wrapper .ce-block__content,
.paragraph-wrapper .ce-block__indicators,
.paragraph-wrapper .ce-block__actions,
.paragraph-wrapper .editor__add-title {
	width: var(--content-width);
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--layout-content-offset-x);
	padding-right: var(--layout-content-offset-x)
}

@media(min-width:1025px) {
	.paragraph-wrapper .ce-toolbar__content {
		width: var(--content-width);
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: var(--layout-content-offset-x);
		padding-right: var(--layout-content-offset-x)
	}
}

.paragraph-wrapper .ce-block__content {
	z-index: auto
}

.paragraph-wrapper .ce-block__content>*:first-child {
	padding-top: 6px;
	padding-bottom: 6px
}

.paragraph-wrapper .ce-block__content .editor-header-tool,
.paragraph-wrapper .ce-block__content .editor-text-tool,
.paragraph-wrapper .ce-block__content .editor-list-tool,
.paragraph-wrapper .ce-block__content .editor-quote-tool {
	padding-right: var(--layout-content-right-indent)
}

.paragraph-wrapper .ce-block__content .ce-stub:after {
	content: attr(data-text);
	display: block;
	padding: 10px var(--layout-content-offset-x) 10px var(--layout-content-right-indent);
	background-color: var(--theme-color-background-warning);
	border-radius: 10px
}

@media(max-width:1024px) {
	.paragraph-wrapper .ce-toolbar__content {
		color: inherit;
		background-color: var(--theme-color-popover-background);
		box-shadow: var(--theme-floating-shadow)
	}
}

@media(min-width:1025px) {

	.paragraph-wrapper .ce-toolbar__plus,
	.paragraph-wrapper .ce-block-action--settings {
		top: 9px;
		right: 100%;
		width: 24px;
		height: 24px;
		margin: 0
	}
}

.paragraph-wrapper .ce-block--settings-opened .ce-block-action__settings-toggler {
	background-color: var(--theme-color-popover-item-bg-active)
}

@media(hover:hover) {
	.paragraph-wrapper .ce-block-action__settings-toggler:hover {
		background-color: var(--theme-color-popover-item-bg-active-hover)
	}
}

.paragraph-wrapper .cdx-inline-toolbar {
	color: inherit;
	background-color: var(--theme-color-popover-background);
	box-shadow: var(--theme-floating-shadow)
}

@media(hover:hover) {
	.paragraph-wrapper .cdx-inline-toolbar__button:hover {
		background-color: var(--theme-color-popover-item-bg-active-hover)
	}
}

.paragraph-wrapper .ce-popover {
	color: inherit;
	background-color: var(--theme-color-popover-background);
	box-shadow: var(--theme-floating-shadow)
}

.paragraph-wrapper .ce-popover .anchor-tool__input {
	color: inherit;
	background-color: transparent
}

.paragraph-wrapper .remove-tool--confirm {
	background-color: var(--theme-color-popover-item-bg-active)
}

@media(hover:hover) {
	.paragraph-wrapper .remove-tool--confirm:hover {
		background-color: var(--theme-color-popover-item-bg-active-hover) !important
	}
}

.paragraph-wrapper .ce-block__content .andropov-osnova-embed .content-header a,
.paragraph-wrapper .ce-block__content .andropov-osnova-embed .content__link,
.paragraph-wrapper .ce-block__content .andropov-embed .andropov-embed__header a {
	color: inherit !important;
	border-bottom: inherit !important
}

.paragraph-wrapper .ce-block__content a.andropov-link {
	padding-bottom: 12px;
	color: inherit;
	border-color: var(--theme-color-border)
}

.paragraph-wrapper .ce-block-settings__item,
.paragraph-wrapper .ce-toolbox__item {
	color: inherit
}

.paragraph-wrapper .ce-block-settings__item--selected,
.paragraph-wrapper .ce-toolbox__item--selected {
	background: var(--theme-color-popover-item-bg-active)
}

@media(hover:hover) {

	.paragraph-wrapper .ce-block-settings__item:not(.no-hover):hover,
	.paragraph-wrapper .ce-toolbox__item:not(.no-hover):hover {
		background: var(--theme-color-popover-item-bg-active)
	}
}

.paragraph-wrapper .ce-block-settings__item--active,
.paragraph-wrapper .ce-toolbox__item--active {
	font-weight: 500;
	background: var(--theme-color-popover-item-bg-active)
}

@media(hover:hover) {

	.paragraph-wrapper .ce-block-settings__item--active:hover,
	.paragraph-wrapper .ce-block-settings__item--selected:hover,
	.paragraph-wrapper .ce-toolbox__item--active:hover,
	.paragraph-wrapper .ce-toolbox__item--selected:hover {
		background: var(--theme-color-popover-item-bg-active-hover) !important
	}
}

.paragraph-wrapper .ce-toolbox__item .cdx-icon {
	color: var(--theme-color-text-secondary)
}

.paragraph-wrapper .ce-toolbox__item-icon {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px
}

.paragraph-wrapper .ce-toolbox__item-icon:after {
	content: "";
	background-color: currentColor
}

.paragraph-wrapper .ce-toolbox__not-found {
	color: var(--theme-color-text-secondary)
}

.paragraph-wrapper .ce-block__indicators-container {
	position: absolute;
	left: calc(100% - 10px);
	display: grid;
	grid-auto-flow: column;
	grid-gap: 8px;
	gap: 8px
}

.paragraph-wrapper .ce-block-indicator {
	margin: 0 !important
}

.paragraph-wrapper .ce-block-indicator {
	display: none
}

.paragraph-wrapper .ce-block-indicator--active {
	display: block;
	color: var(--theme-color-signal-active-default);
	cursor: pointer
}

@media(hover:hover) {
	.paragraph-wrapper .ce-block-indicator--active:hover {
		color: var(--theme-color-signal-active-dark)
	}
}

.paragraph-wrapper .ce-block-indicator__icon svg {
	width: 20px;
	height: 20px
}

.paragraph-wrapper .ce-toolbox-search {
	padding: 0 11px;
	background-color: var(--theme-color-field-background-default);
	border: 1px solid var(--theme-color-field-border-default);
	border-radius: 10px
}

.paragraph-wrapper .ce-toolbox-search-icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-right: 6px;
	color: var(--theme-color-text-secondary-light)
}

.paragraph-wrapper .ce-toolbox-search-icon svg {
	width: 100%;
	height: 100%;
	fill: currentColor
}

.paragraph-wrapper .ce-toolbox-search input {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	box-shadow: none
}

.paragraph-wrapper .ce-toolbox-search input::-moz-placeholder {
	color: var(--theme-color-text-secondary-light)
}

.paragraph-wrapper .ce-toolbox-search input::placeholder {
	color: var(--theme-color-text-secondary-light)
}

.paragraph-wrapper .cdx-inline-toolbar__input {
	padding: 0 11px;
	background-color: var(--theme-color-field-background-default);
	border: 1px solid var(--theme-color-field-border-default);
	border-radius: 10px
}

.paragraph-wrapper .cdx-inline-toolbar__input::-moz-placeholder {
	color: var(--theme-color-text-secondary)
}

.paragraph-wrapper .cdx-inline-toolbar__input::placeholder {
	color: var(--theme-color-text-secondary)
}

.paragraph-wrapper .cdx-icon--plus,
.paragraph-wrapper .cdx-icon--block-drag {
	background-color: currentColor;
	background-image: none
}

.paragraph-wrapper .cdx-icon--plus {
	width: 20px;
	height: 20px;
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTEwIDMuMzMzYy40NiAwIC44MzMuMzczLjgzMy44MzN2NWg1YS44MzMuODMzIDAgMSAxIDAgMS42NjdoLTV2NWEuODMzLjgzMyAwIDAgMS0xLjY2NiAwdi01aC01YS44MzMuODMzIDAgMSAxIDAtMS42NjdoNXYtNWMwLS40Ni4zNzMtLjgzMy44MzMtLjgzM3oiLz48L3N2Zz4=);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTEwIDMuMzMzYy40NiAwIC44MzMuMzczLjgzMy44MzN2NWg1YS44MzMuODMzIDAgMSAxIDAgMS42NjdoLTV2NWEuODMzLjgzMyAwIDAgMS0xLjY2NiAwdi01aC01YS44MzMuODMzIDAgMSAxIDAtMS42NjdoNXYtNWMwLS40Ni4zNzMtLjgzMy44MzMtLjgzM3oiLz48L3N2Zz4=)
}

.paragraph-wrapper .cdx-icon--block-drag {
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTQuNDQgMS40NGExLjUgMS41IDAgMSAxIDIuMTIgMi4xMiAxLjUgMS41IDAgMCAxLTIuMTItMi4xMlptMCA1LjVhMS41IDEuNSAwIDEgMSAyLjEyIDIuMTIgMS41IDEuNSAwIDAgMS0yLjEyLTIuMTJabTAgNS41YTEuNSAxLjUgMCAxIDEgMi4xMiAyLjEyIDEuNSAxLjUgMCAwIDEtMi4xMi0yLjEyWm01LTExYTEuNSAxLjUgMCAxIDEgMi4xMiAyLjEyIDEuNSAxLjUgMCAwIDEtMi4xMi0yLjEyWm0wIDUuNWExLjUgMS41IDAgMSAxIDIuMTIgMi4xMiAxLjUgMS41IDAgMCAxLTIuMTItMi4xMlptMCA1LjVhMS41IDEuNSAwIDEgMSAyLjEyIDIuMTIgMS41IDEuNSAwIDAgMS0yLjEyLTIuMTJaIi8+PC9zdmc+);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTQuNDQgMS40NGExLjUgMS41IDAgMSAxIDIuMTIgMi4xMiAxLjUgMS41IDAgMCAxLTIuMTItMi4xMlptMCA1LjVhMS41IDEuNSAwIDEgMSAyLjEyIDIuMTIgMS41IDEuNSAwIDAgMS0yLjEyLTIuMTJabTAgNS41YTEuNSAxLjUgMCAxIDEgMi4xMiAyLjEyIDEuNSAxLjUgMCAwIDEtMi4xMi0yLjEyWm01LTExYTEuNSAxLjUgMCAxIDEgMi4xMiAyLjEyIDEuNSAxLjUgMCAwIDEtMi4xMi0yLjEyWm0wIDUuNWExLjUgMS41IDAgMSAxIDIuMTIgMi4xMiAxLjUgMS41IDAgMCAxLTIuMTItMi4xMlptMCA1LjVhMS41IDEuNSAwIDEgMSAyLjEyIDIuMTIgMS41IDEuNSAwIDAgMS0yLjEyLTIuMTJaIi8+PC9zdmc+)
}

.paragraph-wrapper .cdx-inline-toolbar__link-back {
	width: 7px;
	height: 12px;
	margin: 0 4px;
	padding: 0;
	color: var(--theme-color-text-primary);
	background: none;
	background-color: currentColor;
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEyIj48cGF0aCBkPSJNLjIzNyA1LjQwNiA1LjE3My4yNDZhLjc4Ljc4IDAgMCAxIDEuMTM3IDAgLjg2OC44NjggMCAwIDEgMCAxLjE4OUwxLjk0MyA2bDQuMzY3IDQuNTY1YS44NjguODY4IDAgMCAxIDAgMS4xODkuNzguNzggMCAwIDEtMS4xMzcgMEwuMjM3IDYuNTk0YS44NTkuODU5IDAgMCAxIDAtMS4xODd2LS4wMDF6Ii8+PC9zdmc+Cg==);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEyIj48cGF0aCBkPSJNLjIzNyA1LjQwNiA1LjE3My4yNDZhLjc4Ljc4IDAgMCAxIDEuMTM3IDAgLjg2OC44NjggMCAwIDEgMCAxLjE4OUwxLjk0MyA2bDQuMzY3IDQuNTY1YS44NjguODY4IDAgMCAxIDAgMS4xODkuNzguNzggMCAwIDEtMS4xMzcgMEwuMjM3IDYuNTk0YS44NTkuODU5IDAgMCAxIDAtMS4xODd2LS4wMDF6Ii8+PC9zdmc+Cg==);
	opacity: .4
}

@media(hover:hover) {
	.paragraph-wrapper .cdx-inline-toolbar__link-back:hover {
		opacity: 1
	}
}

.paragraph-wrapper .cdx-inline-toolbar__link-remover {
	background: none !important;
	background-color: currentColor !important
}

.paragraph-wrapper .cdx-inline-toolbar__link-remover {
	width: 12px;
	height: 12px;
	margin: 0 8px;
	color: var(--theme-color-text-primary);
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMzY4MDQgMTEuNzY3N0w1Ljg2OTk4IDcuMjYyOGwtNC41MjA1NiA0LjUwNDljLS4zMDkyNC4zMDk3My0uODA5NjUuMzA5NzMtMS4xMTg5IDBDLjA3ODczIDExLjYyMTMgMCAxMS40MjQyIDAgMTEuMjEwMjRjMC0uMjA4MzUuMDc4NzItLjQwNTQ0LjIzMDUzLS41NTc0OEw0Ljc1NjcgNi4xNDc4Mi4yNDc0IDEuNjMxNjJjLS4zMDkyNS0uMzA5Ny0uMzA5MjUtLjgxNjUgMC0xLjEyNjIyLjI5OC0uMjk4NDUuODIwOS0uMjk4NDUgMS4xMTg5IDBMNS44ODEyIDUuMDI3MjIgMTAuMzUxMTguNTcyOTdjLjMwOTI0LS4zMDQwOC44MDk2NS0uMzA0MDggMS4xMTg5IDAgLjE1MTguMTUyMDQuMjMwNTIuMzQ5MTMuMjMwNTIuNTU3NSAwIC4yMTM5Ny0uMDc4NzIuNDExMDYtLjIzMDUzLjU1NzQ3TDcuMDAwMTIgNi4xNDc4Mmw0LjQ4NjgyIDQuNDkzNjZjLjMwOTI0LjMwOTcyLjMwOTI0LjgxNjUyIDAgMS4xMjYyMy0uMTQ2Mi4xNDY0Mi0uMzQ4Ni4yMzA5LS41NjIyNi4yMzA5LS4yMDgwMyAwLS40MTA0NS0uMDc4ODQtLjU1NjY0LS4yMzA5Ii8+PC9zdmc+Cg==);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMzY4MDQgMTEuNzY3N0w1Ljg2OTk4IDcuMjYyOGwtNC41MjA1NiA0LjUwNDljLS4zMDkyNC4zMDk3My0uODA5NjUuMzA5NzMtMS4xMTg5IDBDLjA3ODczIDExLjYyMTMgMCAxMS40MjQyIDAgMTEuMjEwMjRjMC0uMjA4MzUuMDc4NzItLjQwNTQ0LjIzMDUzLS41NTc0OEw0Ljc1NjcgNi4xNDc4Mi4yNDc0IDEuNjMxNjJjLS4zMDkyNS0uMzA5Ny0uMzA5MjUtLjgxNjUgMC0xLjEyNjIyLjI5OC0uMjk4NDUuODIwOS0uMjk4NDUgMS4xMTg5IDBMNS44ODEyIDUuMDI3MjIgMTAuMzUxMTguNTcyOTdjLjMwOTI0LS4zMDQwOC44MDk2NS0uMzA0MDggMS4xMTg5IDAgLjE1MTguMTUyMDQuMjMwNTIuMzQ5MTMuMjMwNTIuNTU3NSAwIC4yMTM5Ny0uMDc4NzIuNDExMDYtLjIzMDUzLjU1NzQ3TDcuMDAwMTIgNi4xNDc4Mmw0LjQ4NjgyIDQuNDkzNjZjLjMwOTI0LjMwOTcyLjMwOTI0LjgxNjUyIDAgMS4xMjYyMy0uMTQ2Mi4xNDY0Mi0uMzQ4Ni4yMzA5LS41NjIyNi4yMzA5LS4yMDgwMyAwLS40MTA0NS0uMDc4ODQtLjU1NjY0LS4yMzA5Ii8+PC9zdmc+Cg==);
	opacity: .4
}

.paragraph-wrapper .cdx-inline-toolbar__link-remover:before {
	content: none
}

@media(hover:hover) {
	.paragraph-wrapper .cdx-inline-toolbar__link-remover:hover {
		opacity: 1
	}
}

.paragraph-wrapper .block-settings-wrapper {
	display: flex;
	flex-direction: column
}

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

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

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

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

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

.account-menu__icon {
	flex-shrink: 0
}

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

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

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

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

.account-menu__success-label {
	font-size: 13px;
	line-height: 18px;
	position: relative;
	top: -2px;
	color: var(--theme-color-signal-positive-default);
	line-height: 16px;
	width: 186px;
	--effect-shine-text-color: var(--theme-color-signal-positive-default);
	--effect-shine-highlight-color: #6AEA77;
	--effect-shine-start-x: -20px;
	--effect-shine-end-x: 166px;
	background: linear-gradient(to right, var(--effect-shine-text-color) 0, var(--effect-shine-highlight-color) 10%, var(--effect-shine-text-color) 20%);
	background-position: var(--effect-shine-start-x);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: effect-shine 3s infinite linear;
	animation-fill-mode: forwards;
	padding: 0 20px;
	margin: 0 -20px
}

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

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

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

.user-card__avatar-less {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--f85b257c);
	height: var(--f85b257c);
	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__title {
	display: grid;
	grid-auto-flow: column;
	justify-content: flex-start;
	align-items: center;
	grid-column-gap: 6px;
	-moz-column-gap: 6px;
	column-gap: 6px
}

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

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

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

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

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

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

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

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

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

.distribution {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 0;
	height: 100%
}

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

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

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

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

.distribution__link:only-child {
	flex: 1
}

.distribution__link:not(:only-child) {
	padding-top: 2px;
	margin-bottom: -1px
}

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

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

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

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

.distribution__mark {
	position: relative;
	flex-shrink: 0;
	font-size: 9px;
	line-height: 10px;
	color: var(--theme-color-text-secondary-light);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: pointer
}

@media(hover:hover) {
	.distribution__mark>span:hover {
		opacity: .72
	}
}

.distribution__mark>span {
	display: block;
	height: 16px
}

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

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

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

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

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

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

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

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

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

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

.quick-search-dropdown {
	display: grid;
	grid-template-columns: 100%;
	grid-gap: 24px;
	gap: 24px;
	padding: 16px 12px
}

.quick-search-dropdown__heading {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 10px;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	padding: 0 12px
}

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

.quick-search-dropdown__list {
	display: grid;
	grid-gap: 4px;
	gap: 4px
}

.quick-search-wrapper {
	overflow: visible !important
}

@media all and (min-width:1240px) {
	.quick-search-wrapper {
		padding: 0 !important
	}
}

.quick-search-wrapper>:not(.quick-search) {
	display: none
}

.quick-search {
	width: 100%
}

.quick-search__underlay {
	position: fixed;
	z-index: var(--layout-z-modal-overlay);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #00000080;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: var(--underlay-backdrop-filter, blur(15px));
	backdrop-filter: var(--underlay-backdrop-filter, blur(15px));
	will-change: opacity;
	animation: underlay-in .2s ease;
	top: -100vh;
	right: -100vh;
	bottom: -100vh;
	left: -100vh;
	-webkit-backdrop-filter: none;
	backdrop-filter: none
}

.quick-search__container {
	--theme-color-field-text: var(--theme-color-search-field-text);
	--theme-color-field-background-default: var(--theme-color-search-field-background-default);
	--theme-color-field-background-hover: var(--theme-color-search-field-background-hover);
	--theme-color-field-border-default: var(--theme-color-search-field-border-default);
	--theme-color-field-border-hover: var(--theme-color-search-field-border-hover);
	--theme-color-field-border-active: var(--theme-color-search-field-border-active);
	--theme-shadow-field: var(--theme-shadow-search-field);
	position: relative;
	z-index: var(--layout-z-modal-overlay)
}

.quick-search__dropdown {
	--popover-top: calc(100% + var(--v8ec12782));
	--popover-width: 100%
}

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

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

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

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

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

.header__layout {
	flex-shrink: 0;
	display: grid;
	grid-auto-flow: column;
	justify-content: space-between;
	align-items: center;
	grid-gap: 0;
	gap: 0;
	width: 100%;
	height: var(--layout-header-height-default);
	margin-top: auto;
	grid-template-areas: "left main right";
	grid-template-columns: 1fr auto 1fr
}

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

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

.header__main {
	grid-area: left
}

@media all and (min-width:925px) {
	.header__main {
		width: 100%;
		grid-area: main;
		display: flex;
		align-items: center;
		-moz-column-gap: 8px;
		column-gap: 8px;
		height: 100%;
		padding-left: 34px
	}
}

@media all and (min-width:1240px) {
	.header__main {
		padding-left: 10px
	}
}

.header__main-distribution {
	margin-left: auto;
	margin-right: 10px
}

@media all and (min-width:1240px) {
	.header__main-distribution {
		margin-right: 0;
		padding-right: var(--layout-content-offset-x)
	}
}

.header__back-button {
	transform: translate(2px)
}

@media all and (min-width:640px) {
	.header__back-button {
		transform: none
	}
}

@media all and (min-width:925px) {
	.header__back-button {
		transform: translate(-1px)
	}
}

.header__left {
	display: flex;
	align-items: center;
	height: 100%;
	grid-area: main
}

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

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

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

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

.header__right {
	display: grid;
	grid-area: right;
	padding-right: var(--layout-right-aside-offset);
	max-width: 100%
}

@media all and (min-width:640px) {
	.header__right {
		-moz-column-gap: 8px;
		column-gap: 8px;
		align-items: center;
		margin-left: auto;
		grid-auto-flow: column
	}
}

@media all and (min-width:925px) {
	.header__right {
		padding-right: 0
	}
}

@media all and (min-width:1240px) {
	.header__right {
		position: relative;
		-moz-column-gap: 12px;
		column-gap: 12px
	}
}

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

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

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

[theme=light] .header--contrast {
	--theme-color-brand-header: #FF5577
}

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

.tabbar {
	--active-item-color: var(--theme-color-brand-primary-bright);
	--tabbar-bounce-animation: tabbar-bounce .3s cubic-bezier(.48, -.27, .43, 1.15);
	--tabbar-icon-bounce-animation: tabbar-icon-bounce .3s cubic-bezier(.72, -.22, .23, .78);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	width: 100%;
	height: var(--layout-tabbar-height);
	overflow: hidden;
	border-radius: 50px;
	-webkit-backdrop-filter: blur(17px);
	backdrop-filter: blur(17px);
	-webkit-backdrop-filter: var(--floating-glass-backdrop-filter, blur(17px));
	backdrop-filter: var(--floating-glass-backdrop-filter, blur(17px));
	background-color: var(--theme-color-floating-glass);
	box-shadow: inset 0 0 0 1px var(--theme-color-floating-glass-border), inset 1px 1px #ffffff1a, inset -1px -1px #ffffff1a;
	color: var(--theme-color-floating-glass-content)
}

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

.tabbar {
	will-change: transform
}

.tabbar--animating {
	animation: var(--tabbar-bounce-animation)
}

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

.tabbar__item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	will-change: transform;
	overflow: visible
}

.tabbar__icon {
	transition: transform .3s cubic-bezier(.34, 1.56, .64, 1)
}

.tabbar__item--animating .tabbar__icon {
	animation: var(--tabbar-icon-bounce-animation)
}

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

.tabbar__item--active .tabbar__icon {
	filter: drop-shadow(0 0 10px color-mix(in srgb, currentColor 80%, transparent))
}

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

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

.tabbar__badge-icon {
	position: absolute;
	width: 16px;
	height: 16px;
	margin: -20px 0 0 20px
}

.tabbar__count {
	position: absolute;
	left: 50%;
	top: 6px
}

:root[data-effects=reduced] .tabbar {
	--tabbar-bounce-animation: none;
	--tabbar-icon-bounce-animation: none
}

@keyframes tabbar-bounce {
	0% {
		transform: scale(.98)
	}

	50% {
		transform: scale(1.034)
	}

	to {
		transform: scale(1)
	}
}

@keyframes tabbar-icon-bounce {
	0% {
		transform: scale(.86)
	}

	50% {
		transform: scale(1.18)
	}

	to {
		transform: scale(1)
	}
}

.sidebar {
	display: grid;
	grid-row-gap: 26px;
	row-gap: 26px;
	padding-top: var(--layout-view-offset-y);
	padding-bottom: var(--layout-view-offset-y);
	padding-left: var(--layout-left-aside-offset);
	padding-right: 8px
}

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

.sidebar__title {
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 4px;
	padding-left: 10px;
	color: var(--theme-color-text-secondary)
}

.sidebar__recommendations-notice {
	margin-top: 28px;
	padding-left: 10px;
	font-size: 15px;
	line-height: 22px;
	color: var(--theme-color-text-secondary)
}

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

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

.sidebar-item {
	--height: 46px;
	--offset: 10px;
	display: flex;
	align-items: center;
	min-width: 0;
	height: var(--height);
	padding: 0 var(--offset);
	border-radius: 12px;
	cursor: pointer
}

.sidebar-item .icon {
	flex-shrink: 0;
	color: var(--theme-color-text-secondary);
	margin-right: 12px
}

.sidebar-item__image {
	flex-shrink: 0;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
	filter: grayscale(100%)
}

.sidebar-item .andropov-media {
	flex-shrink: 0;
	margin-right: 10px
}

.sidebar-item__text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

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

.sidebar-item__success-text {
	font-size: 13px;
	line-height: 18px;
	position: relative;
	top: -2px;
	color: var(--theme-color-signal-positive-default);
	line-height: 16px;
	width: 186px;
	--effect-shine-text-color: var(--theme-color-signal-positive-default);
	--effect-shine-highlight-color: #6AEA77;
	--effect-shine-start-x: -20px;
	--effect-shine-end-x: 166px;
	background: linear-gradient(to right, var(--effect-shine-text-color) 0, var(--effect-shine-highlight-color) 10%, var(--effect-shine-text-color) 20%);
	background-position: var(--effect-shine-start-x);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: effect-shine 3s infinite linear;
	animation-fill-mode: forwards;
	padding: 0 20px;
	margin: 0 -20px
}

@keyframes effect-shine {
	0% {
		background-position: var(--effect-shine-start-x)
	}

	60% {
		background-position: var(--effect-shine-end-x)
	}

	to {
		background-position: var(--effect-shine-end-x)
	}
}

.sidebar-item--active {
	background-color: var(--theme-color-background-content)
}

@media(hover:hover) {
	.sidebar-item:hover {
		background-color: var(--theme-color-background-content)
	}
}

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

.sidebar-item__has-updates {
	flex-shrink: 0;
	margin: auto 6px auto auto
}

.sidebar-skeleton-item {
	display: flex;
	align-items: center;
	height: 46px;
	padding: 0 10px
}

.sidebar-skeleton-item .skeleton-circle {
	margin-right: 10px
}

.cookie-consent-banner {
	position: fixed;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 12px;
	background-color: var(--theme-color-background-content);
	box-shadow: 0 0 25px 0 var(--theme-andropov-border-color);
	z-index: var(--layout-z-index-navbar);
	left: var(--layout-content-offset-x);
	right: var(--layout-content-offset-x);
	bottom: calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom) + 18px)
}

@media all and (min-width:925px) {
	.cookie-consent-banner {
		left: max(0px, (100vw - var(--layout-max-width)) / 2);
		bottom: 16px;
		width: 256px
	}
}

.cookie-consent-banner__text {
	font-size: 13px;
	line-height: 18px
}

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

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

.cookie-consent-banner__button {
	flex-shrink: 0;
	margin-left: auto
}

.layout-wrapper {
	grid-row: 3
}

.layout {
	display: grid;
	grid-template-columns: 1fr;
	width: 100%;
	max-width: var(--layout-max-width);
	margin-left: auto;
	margin-right: auto;
	justify-content: space-between;
	position: relative
}

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

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

.view {
	width: 100%;
	min-width: 0;
	padding: var(--layout-view-offset-y) 0
}

@media all and (min-width:640px) {
	.view {
		align-self: start
	}
}

.supbar {
	display: none
}

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

.supbar--top {
	position: relative;
	z-index: calc(var(--layout-z-index-header) - 1)
}

.bar {
	width: 100%;
	position: fixed;
	left: 0;
	display: flex;
	flex-direction: column
}

@media all and (min-width:640px) {
	.bar {
		position: sticky
	}
}

.bar--top {
	top: 0;
	z-index: var(--layout-z-index-header)
}

.bar--bottom {
	--bar-bottom-padding-x: var(--layout-content-offset-x);
	--bar-bottom-padding-top: calc(var(--layout-content-offset-x) / 2);
	--bar-bottom-padding-bottom: calc(var(--bar-bottom-padding-top) + env(safe-area-inset-bottom));
	--bar-bottom-padding-left: calc(var(--bar-bottom-padding-x) + env(safe-area-inset-left));
	--bar-bottom-padding-right: calc(var(--bar-bottom-padding-x) + env(safe-area-inset-right));
	position: fixed;
	bottom: 0;
	z-index: var(--layout-z-index-navbar);
	padding-top: var(--bar-bottom-padding-top);
	padding-right: var(--bar-bottom-padding-right);
	padding-bottom: var(--bar-bottom-padding-bottom);
	padding-left: var(--bar-bottom-padding-left);
	background: linear-gradient(to top, var(--theme-color-background-content), transparent)
}

@media all and (min-width:925px) {
	.bar--bottom {
		display: none
	}
}

.aside--left {
	display: none;
	position: sticky;
	top: calc(var(--layout-header-height));
	height: calc(100vh - var(--layout-header-height))
}

@media all and (min-width:925px) {
	.aside--left {
		display: flex
	}
}

.aside--left .scrollable {
	flex-grow: 1
}

.aside--right {
	display: none
}

@media all and (min-width:1240px) {
	.aside--right {
		display: flex
	}
}



.banner-close {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M16.95 8.464a1 1 0 1 0-1.414-1.414L12 10.586 8.464 7.05A1 1 0 1 0 7.05 8.464L10.586 12 7.05 15.536a1 1 0 1 0 1.414 1.414L12 13.414l3.536 3.536a1 1 0 1 0 1.414-1.414L13.414 12z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 24px;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	border: none;
	cursor: pointer;
	background-color: transparent;
	color: #000;
	opacity: .3;
	transition: opacity .15s ease
}

@media(hover: hover) {
	.banner-close:hover {
		opacity: .8
	}
}

.plus-promoted-text {
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: var(--theme-plus-action-background)
}

.blocker-in-enter-active,
.blocker-in-leave-active {
	transition: all .55s ease
}

.blocker-in-leave-to {
	filter: blur(10px);
	opacity: 0
}

.blocker-in-enter-from {
	opacity: 0
}

.blocker-in-enter-to {
	opacity: 1
}

:root {
	--safe-tabbar-height: calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom))
}

:root[data-effects=reduced] {
	--floating-glass-backdrop-filter: none;
	--underlay-backdrop-filter: none;
	--theme-color-floating-glass: var(--theme-color-background-content)
}

@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)
	}
}

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

body {
	margin: 0
}

main {
	display: block
}

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

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

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

a {
	background-color: transparent
}

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

b,
strong {
	font-weight: bolder
}

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

small {
	font-size: 80%
}

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

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

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

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

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

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

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

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

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

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

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

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

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

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: inherit
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

html {
	box-sizing: border-box
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	color: inherit;
	text-decoration: none
}

button {
	padding: 0;
	background: none;
	border: none
}

svg {
	display: block;
	fill: currentColor
}

input {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font: inherit;
	line-height: 1;
	color: inherit;
	background-color: transparent;
	border: none;
	box-shadow: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

input[disabled]::-moz-placeholder {
	color: inherit
}

input[disabled]::placeholder {
	color: inherit
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition-delay: 9999s;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color
}

@media(hover:hover) {
	input:-webkit-autofill:hover {
		transition-delay: 9999s;
		-webkit-transition-property: background-color, color;
		transition-property: background-color, color
	}
}

:root {
	--color-black: #000;
	--color-white: #fff;
	--layout-z-index-header: 10;
	--layout-z-index-navbar: 2;
	--layout-z-modal-overlay: calc(var(--layout-z-index-header) + 1);
	--layout-z-index-feed: 1;
	--layout-z-index-feed-sorting: calc(var(--layout-z-index-feed) + 1);
	--layout-z-index-floating-updates: calc(var(--layout-z-index-feed) + 2);
	--layout-z-alerts: calc(var(--layout-z-index-header) + 2);
	--layout-z-floating-player: calc(var(--layout-z-index-floating-updates) - 1);
	--layout-island-border-radius: 0px;
	--layout-tabbar-height: 50px;
	--layout-header-height-default: 60px;
	--layout-header-height: var(--layout-header-height-large, var(--layout-header-height-default));
	--layout-view-offset-y: 0px;
	--layout-max-width: 640px;
	--layout-max-content-width: 640px;
	--layout-content-offset-x: 16px;
	--layout-left-aside-width: 220px;
	--layout-left-aside-offset: 10px;
	--layout-right-aside-width: 320px;
	--layout-right-aside-offset: 20px;
	--layout-island-gap-y: 16px;
	--layout-modal-view-width: 520px;
	--layout-modal-view-height: 720px;
	--layout-content-gap-default: 12px;
	--layout-content-gap-media: 20px;
	--layout-content-gap-header: 20px;
	--layout-content-right-indent: 15px;
	--safe-tabbar-height: calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom));
	--layout-settings-input-max-width: 390px;
	--layout-updates-button-size: 32px;
	--layout-floating-footer-offset: 18px;
	--layout-header-banner-height: 0px;
	--layout-content-banner-height: 200px;
	--layout-vertical-banner-height: 600px;
	--layout-video-banner-height: 169px;
	--layout-sidebar-banner-width: 300px;
	--layout-post-banner-size: 300px
}

@media all and (min-width:925px) {
	:root {
		--layout-max-width: 884px;
		--layout-tabbar-height: 0px;
		--layout-floating-footer-offset: 8px
	}
}

@media all and (min-width:1240px) {
	:root {
		--layout-max-width: 1280px
	}
}

@media all and (min-width:640px) {
	:root {
		--layout-island-border-radius: 10px;
		--layout-content-offset-x: 24px;
		--layout-view-offset-y: 16px;
		--layout-island-gap-y: 24px;
		--layout-header-height: var(--layout-header-height-default);
		--layout-header-banner-height: 250px;
		--layout-content-banner-height: 130px
	}
}

:root[data-layout=blank] {
	--layout-header-height: 0;
	--layout-tabbar-height: 0
}

:root {
	color-scheme: light;
	--brand-color: #FF5577;
	--theme-color-brand-primary: #E65C77;
	--theme-color-brand-primary-bright: #FF6685;
	--theme-color-brand-header: #FFE6EB;
	--theme-color-brand-background: #FFF5F7;
	--theme-color-brand-stroke: #FFBBC9;
	--theme-color-brand-logo: #FFF5F7;
	--theme-color-brand-distribution: #FFF0F3;
	--theme-color-brand-icon: #FAD2DA;
	--theme-color-brand-content-background: #FFE6EB;
	--theme-color-brand-content-text: #E65C77;
	--theme-color-signal-active-default: #0B5DD7;
	--theme-color-signal-active-dark: #2664BF;
	--theme-color-signal-active-darkest: #2A6DD1;
	--theme-color-signal-active-light: #B3D1FF;
	--theme-color-signal-active-lightest: #E6EFFD;
	--theme-color-signal-positive-default: #30B03D;
	--theme-color-signal-positive-dark: #2DA539;
	--theme-color-signal-positive-darkest: #2A9935;
	--theme-color-signal-positive-light: #e5f7e7;
	--theme-color-signal-negative-default: #F0303D;
	--theme-color-signal-negative-dark: #E02D39;
	--theme-color-signal-negative-darkest: #D12A35;
	--theme-color-signal-negative-light: #FFE7E9;
	--theme-color-signal-rating-default: #FFA800;
	--theme-color-background: #F2F2F2;
	--theme-color-background-active: #E5F0FF;
	--theme-color-background-active-hover: #D1E3FF;
	--theme-color-background-content: var(--color-white);
	--theme-color-media-background: rgba(0, 0, 0, .08);
	--theme-color-border: #E5E5E5;
	--theme-color-shadow-over-background: rgba(0, 0, 0, .08);
	--theme-color-border-over-background: #dadada;
	--theme-color-background-warning: #FFF8E0;
	--theme-color-text-primary: var(--color-black);
	--theme-color-text-secondary: #595959;
	--theme-color-text-secondary-light: #808080;
	--theme-color-button-secondary: var(--color-white);
	--theme-color-button-secondary-shadow: 0 0 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .06);
	--theme-color-button-secondary-shadow-hover: 0 2px 4px rgba(0, 0, 0, .09), inset 0 -1px 0 rgba(0, 0, 0, .06);
	--theme-color-button-secondary-shadow-active: 0 0 2px rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .06);
	--theme-color-button-minimal: #F0F0F0;
	--theme-color-button-minimal-hover: #E6E6E6;
	--theme-color-button-minimal-active: #DBDBDB;
	--theme-color-button-transparent-hover: rgba(0, 0, 0, .04);
	--theme-color-button-transparent-active: rgba(0, 0, 0, .06);
	--theme-color-button-translucent: rgba(0, 0, 0, .16);
	--theme-color-button-translucent-hover: rgba(0, 0, 0, .32);
	--theme-color-button-translucent-active: rgba(0, 0, 0, .48);
	--theme-color-button-fancy: rgba(255, 255, 255, .6);
	--theme-color-button-fancy-hover: rgba(255, 255, 255, .8);
	--theme-color-button-fancy-active: rgba(255, 255, 255, 1);
	--theme-color-button-fancy-gradient: linear-gradient(90deg, #307DF0 0%, #5E36FF 100%);
	--theme-color-button-subtle: var(--color-white);
	--theme-color-button-subtle-hover: #FAFAFA;
	--theme-color-button-subtle-active: #EDEDED;
	--theme-color-field-text: inherit;
	--theme-color-check-background-default: #F0F0F0;
	--theme-color-check-border-disabled: #DDDDDD;
	--theme-color-field-background-default: #F5F5F5;
	--theme-color-field-background-hover: var(--color-white);
	--theme-color-field-background-error: #FFECED;
	--theme-color-field-background-disabled: #F7F7F7;
	--theme-color-field-border-default: rgba(0, 0, 0, .03);
	--theme-color-field-border-default-hex: #ededed;
	--theme-color-field-border-hover: var(--theme-color-signal-active-light);
	--theme-color-field-border-active: var(--theme-color-signal-active-default);
	--theme-color-field-icon-default: var(--color-white);
	--theme-color-field-icon-disabled: #B8B8B8;
	--theme-shadow-field: 0 0 0 3px var(--theme-color-signal-active-lightest);
	--theme-color-search-field-text: inherit;
	--theme-color-search-field-background-default: var(--color-white);
	--theme-color-search-field-background-hover: var(--color-white);
	--theme-color-search-field-border-default: none;
	--theme-color-search-field-border-hover: none;
	--theme-color-search-field-border-active: none;
	--theme-shadow-search-field: none;
	--theme-color-popover-item-bg-active: var(--theme-color-background);
	--theme-color-popover-item-bg-active-hover: var(--theme-color-background-active);
	--theme-color-popover-background: var(--color-white);
	--theme-color-updates-shadow: .5px 0 0 rgba(0, 0, 0, .1), -.5px 0 0 rgba(0, 0, 0, .1), 0 -.5px 0 rgba(0, 0, 0, .05), 0 4px 7px rgba(0, 0, 0, .08), 0 1px 1px rgba(0, 0, 0, .1);
	--theme-floating-shadow: 0 4px 20px rgba(0, 0, 0, .08), 0 0 1px rgba(0, 0, 0, .16);
	--theme-color-floating-glass-border: rgba(218, 218, 218, .31);
	--theme-color-floating-glass: rgba(255, 255, 255, .5);
	--theme-color-floating-glass-content: var(--theme-color-text-primary);
	--theme-color-donate-text: #004150;
	--theme-color-donate-gradient: linear-gradient(100deg, #CBFDF6 0%, #CDE8FC 100%);
	--theme-color-donate-button-default: #FFF5BA;
	--theme-color-donate-button-hover: #FFE9AD;
	--theme-color-donate-button-active: #FAE04B;
	--theme-filter-blur-strong: blur(35px) brightness(1.1);
	--theme-color-spoiler-outline: rgba(0, 0, 0, .06);
	--theme-plus-color: var(--theme-color-text-primary);
	--theme-plus-modal-background: radial-gradient(84.18% 84.18% at 50% 50%, #FFFFFF 13.94%, #D9EDFF 100%);
	--theme-plus-modal-footer: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #D9EDFF 27.25%);
	--theme-plus-features-background: var(--theme-color-background-content);
	--theme-plus-features-shadow: 0px 32px 8px -24px rgba(0, 0, 0, .01961), 0px 8px 40px 0px rgba(0, 0, 0, .03922);
	--theme-plus-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #5e36ff 89.06%);
	--theme-plus-icon-blend-mode: normal;
	--theme-pro-color: var(--color-white);
	--theme-pro-modal-background: #242424;
	--theme-pro-modal-background-gradient: radial-gradient(at 93% 7%, hsla(202, 100%, 35%, .1) 0px, transparent 50%), radial-gradient(at 54% 51%, hsla(240, 100%, 50%, .05) 0px, transparent 50%), radial-gradient(at 52% 54%, hsla(194, 100%, 28%, .4) 0px, transparent 50%), radial-gradient(at 27% 37%, hsla(274, 100%, 28%, 1) 0px, transparent 50%), radial-gradient(at 30% 32%, hsla(299, 100%, 50%, .05) 0px, transparent 50%), radial-gradient(at 32% 69%, hsla(274, 100%, 28%, .1) 0px, transparent 50%), radial-gradient(at 32% 73%, hsla(299, 100%, 50%, .08) 0px, transparent 50%);
	--theme-pro-modal-footer: linear-gradient(180deg, rgba(16, 13, 21, 0) 0%, #242424 25%);
	--theme-pro-features-background: rgba(255, 255, 255, .04);
	--theme-pro-features-background-active: rgba(255, 255, 255, .18);
	--theme-pro-features-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
	--theme-pro-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #8161fa 89.06%);
	--theme-pro-feature-text-secondary: rgba(255, 255, 255, .64);
	--theme-slider-track-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
	--theme-slider-step-background: rgba(0, 0, 0, .1);
	--theme-slider-step-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
	--theme-slider-thumb-background: var(--color-white);
	--theme-slider-thumb-shadow: 0px 3px 8px rgba(22, 18, 18, .15), 0px .5px 1px rgba(28, 26, 26, .04), 0px 1px .5px rgba(28, 26, 26, .03), 0px 2px .5px rgba(27, 27, 28, .03), 0px 2.5px .5px rgba(0, 0, 0, .02), 0px 2px 1px rgba(0, 0, 0, .02);
	--theme-andropov-border-color: rgba(0, 0, 0, .1);
	--theme-comment-highlighted-background: #F2F9FF;
	--theme-color-content-footer-button-hover-background: rgba(48, 125, 240, .12);
	--theme-color-reaction-button: #F9F9F9;
	--theme-color-reaction-button-hover: var(--theme-color-button-minimal-hover);
	--theme-color-reaction-button-active: var(--theme-color-reaction-button);
	--theme-color-filter-field-background: #ffffff;
	--theme-color-filter-field-background-active: #F2F9FF;
	--theme-color-filter-field-border: rgba(0, 0, 0, .1);
	--theme-color-filter-field-border-active: var(--theme-color-signal-active-default);
	--theme-achievements-image-skeleton: contrast(0) brightness(1.75);
	--theme-achievements-stub-inner: #F2F2F2;
	--theme-achievements-stub-background: #ffffff;
	--theme-color-close-button: #595959;
	--theme-color-close-button-background: rgba(116, 116, 128, .08);
	--theme-color-close-button-dark: #A6A6A6;
	--theme-color-close-button-background-dark: rgba(255, 255, 255, .15);
	--theme-color-scrollbar: rgba(95, 86, 86, .15);
	--theme-color-marketplace-banner-gradient-orange: radial-gradient(var(--rgxy), #FFFFFF 0%, #FFEEDC 100%);
	--theme-color-marketplace-banner-gradient-blue: radial-gradient(var(--rgxy), #FFFFFF 0%, #E3F2FF 100%)
}

@media(color-index:48) {
	:root {
		color-scheme: dark;
		--theme-color-brand-primary: #BA4F64;
		--theme-color-brand-header: #2A2729;
		--theme-color-brand-background: #2d2d2e;
		--theme-color-brand-distribution: #343233;
		--theme-color-brand-icon: #4A4547;
		--theme-color-brand-content-background: #342F31;
		--theme-color-brand-content-text: #E68A9C;
		--theme-color-signal-active-default: #418AF4;
		--theme-color-signal-active-dark: #598FDE;
		--theme-color-signal-active-darkest: #3367B5;
		--theme-color-signal-active-light: #334e64;
		--theme-color-signal-active-lightest: rgba(255, 255, 255, .06);
		--theme-color-signal-positive-default: #33A03E;
		--theme-color-signal-positive-dark: #33953D;
		--theme-color-signal-positive-darkest: #338A3C;
		--theme-color-signal-positive-light: #263629;
		--theme-color-signal-negative-default: #D6333E;
		--theme-color-signal-negative-dark: #C6333D;
		--theme-color-signal-negative-darkest: #B5333C;
		--theme-color-signal-negative-light: #463536;
		--theme-color-background: #161617;
		--theme-color-background-active: #39393A;
		--theme-color-background-active-hover: #424243;
		--theme-color-background-content: #232324;
		--theme-color-media-background: rgba(255, 255, 255, .06);
		--theme-color-background-warning: var(--theme-color-media-background);
		--theme-color-border: #353436;
		--theme-color-shadow-over-background: rgba(0, 0, 0, .3);
		--theme-color-border-over-background: #363636;
		--theme-color-text-primary: #c9cccf;
		--theme-color-text-secondary: #969c9d;
		--theme-color-text-secondary-light: #969da0;
		--theme-color-button-minimal: #333333;
		--theme-color-button-minimal-hover: #2c2c2c;
		--theme-color-button-minimal-active: #2c2c2c;
		--theme-color-button-secondary: #2c2c2c;
		--theme-color-button-secondary-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 1px 3px rgba(0, 0, 0, .14);
		--theme-color-button-secondary-shadow-hover: inset 0 0 0 1px rgba(255, 255, 255, .05), 0 1px 4px rgba(0, 0, 0, .22);
		--theme-color-button-secondary-shadow-active: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 1px 4px rgba(0, 0, 0, .29);
		--theme-color-button-translucent: rgba(0, 0, 0, .3);
		--theme-color-button-translucent-hover: rgba(0, 0, 0, .45);
		--theme-color-button-translucent-active: rgba(0, 0, 0, .6);
		--theme-color-button-fancy: rgba(0, 0, 0, .32);
		--theme-color-button-fancy-hover: rgba(0, 0, 0, .36);
		--theme-color-button-fancy-active: rgba(0, 0, 0, .4);
		--theme-color-button-fancy-gradient: linear-gradient(90deg, #659BF4 0%, #856AFE 100%);
		--theme-color-button-subtle: #272727;
		--theme-color-button-subtle-hover: #212121;
		--theme-color-button-subtle-active: #1C1C1C;
		--theme-color-check-background-default: #1c1c1c;
		--theme-color-field-border-default-hex: #262626;
		--theme-color-check-border-disabled: #2e2e2e;
		--theme-color-field-background-default: #2c2c2d;
		--theme-color-field-background-hover: #1e1d1e;
		--theme-color-field-background-disabled: #333;
		--theme-color-search-field-background-default: var(--theme-color-popover-background);
		--theme-color-search-field-background-hover: var(--theme-color-popover-background);
		--theme-color-search-field-border-default: #363636;
		--theme-color-search-field-border-hover: #363636;
		--theme-color-search-field-border-active: #363636;
		--theme-color-popover-item-bg-active: #313131;
		--theme-color-popover-item-bg-active-hover: #3A3A3A;
		--theme-color-popover-background: #1F1F1F;
		--theme-color-updates-shadow: .5px 0 0 #363636, -.5px 0 0 #363636, 0 -.5px 0 #363636, 0 4px 7px rgba(0, 0, 0, .12), 0 1px 1px #363636;
		--theme-floating-shadow: 0 4px 20px rgba(103, 103, 103, .32), 0 0 0 1px #363636;
		--theme-color-floating-glass-border: rgba(255, 255, 255, .01);
		--theme-color-floating-glass: rgba(59, 59, 59, .26);
		--theme-color-floating-glass-content: var(--color-white);
		--theme-color-donate-text: #a7e5f3;
		--theme-color-donate-gradient: linear-gradient(100deg, #154842 0%, #203f56 100%);
		--theme-color-donate-button-default: #53512A;
		--theme-color-donate-button-hover: #6D6935;
		--theme-color-donate-button-active: #FAE04B;
		--theme-filter-blur-strong: blur(35px) brightness(.9);
		--theme-color-spoiler-outline: rgba(255, 255, 255, .1);
		--theme-plus-color: var(--color-white);
		--theme-plus-modal-background: radial-gradient(84.18% 84.18% at 50% 50%, #1C162D 13.94%, #000A12 100%);
		--theme-plus-modal-footer: linear-gradient(180deg, rgba(16, 13, 21, 0) 0%, #0F1020 25%);
		--theme-plus-features-background: linear-gradient(0deg, rgba(44, 44, 46, .32), rgba(44, 44, 46, .32));
		--theme-plus-features-shadow: 0px 32px 8px -24px rgba(0, 0, 0, .12549), 0px 8px 40px 0px rgba(0, 0, 0, .06275);
		--theme-plus-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #8161fa 89.06%);
		--theme-plus-icon-blend-mode: plus-lighter;
		--theme-slider-track-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
		--theme-slider-step-background: rgba(255, 255, 255, .06);
		--theme-slider-step-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
		--theme-slider-thumb-background: #2c2c2d;
		--theme-slider-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .32), 0 0 0 1px #363636;
		--theme-andropov-border-color: rgba(255, 255, 255, .07);
		--theme-comment-highlighted-background: rgba(255, 255, 255, .03);
		--theme-color-reaction-button: var(--theme-color-button-minimal);
		--theme-color-reaction-button-hover: var(--theme-color-popover-item-bg-active-hover);
		--theme-color-reaction-button-active: var(--theme-color-reaction-button);
		--theme-color-filter-field-background: #2C2C2D;
		--theme-color-filter-field-background-active: #2A3137;
		--theme-color-filter-field-border: rgba(255, 255, 255, .1);
		--theme-color-filter-field-border-active: var(--theme-color-signal-active-default);
		--theme-achievements-image-skeleton: contrast(0) brightness(.75);
		--theme-achievements-stub-inner: #323232;
		--theme-achievements-stub-background: #282828;
		--theme-color-close-button: var(--theme-color-close-button-dark);
		--theme-color-close-button-background: var(--theme-color-close-button-background-dark);
		--theme-color-scrollbar: rgba(126, 125, 125, .15);
		--theme-color-marketplace-banner-gradient-orange: radial-gradient(var(--rgxy), #BF905A 0%, #4A3823 100%);
		--theme-color-marketplace-banner-gradient-blue: radial-gradient(var(--rgxy), #598CB5 0%, #052B4A 100%)
	}
}

@media(color:48842621) {
	:root {
		color-scheme: dark;
		--theme-color-brand-primary: #BA4F64;
		--theme-color-brand-header: #2A2729;
		--theme-color-brand-background: #2d2d2e;
		--theme-color-brand-distribution: #343233;
		--theme-color-brand-icon: #4A4547;
		--theme-color-brand-content-background: #342F31;
		--theme-color-brand-content-text: #E68A9C;
		--theme-color-signal-active-default: #418AF4;
		--theme-color-signal-active-dark: #598FDE;
		--theme-color-signal-active-darkest: #3367B5;
		--theme-color-signal-active-light: #334e64;
		--theme-color-signal-active-lightest: rgba(255, 255, 255, .06);
		--theme-color-signal-positive-default: #33A03E;
		--theme-color-signal-positive-dark: #33953D;
		--theme-color-signal-positive-darkest: #338A3C;
		--theme-color-signal-positive-light: #263629;
		--theme-color-signal-negative-default: #D6333E;
		--theme-color-signal-negative-dark: #C6333D;
		--theme-color-signal-negative-darkest: #B5333C;
		--theme-color-signal-negative-light: #463536;
		--theme-color-background: #161617;
		--theme-color-background-active: #39393A;
		--theme-color-background-active-hover: #424243;
		--theme-color-background-content: #232324;
		--theme-color-media-background: rgba(255, 255, 255, .06);
		--theme-color-background-warning: var(--theme-color-media-background);
		--theme-color-border: #353436;
		--theme-color-shadow-over-background: rgba(0, 0, 0, .3);
		--theme-color-border-over-background: #363636;
		--theme-color-text-primary: #c9cccf;
		--theme-color-text-secondary: #969c9d;
		--theme-color-text-secondary-light: #969da0;
		--theme-color-button-minimal: #333333;
		--theme-color-button-minimal-hover: #2c2c2c;
		--theme-color-button-minimal-active: #2c2c2c;
		--theme-color-button-secondary: #2c2c2c;
		--theme-color-button-secondary-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 1px 3px rgba(0, 0, 0, .14);
		--theme-color-button-secondary-shadow-hover: inset 0 0 0 1px rgba(255, 255, 255, .05), 0 1px 4px rgba(0, 0, 0, .22);
		--theme-color-button-secondary-shadow-active: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 1px 4px rgba(0, 0, 0, .29);
		--theme-color-button-translucent: rgba(0, 0, 0, .3);
		--theme-color-button-translucent-hover: rgba(0, 0, 0, .45);
		--theme-color-button-translucent-active: rgba(0, 0, 0, .6);
		--theme-color-button-fancy: rgba(0, 0, 0, .32);
		--theme-color-button-fancy-hover: rgba(0, 0, 0, .36);
		--theme-color-button-fancy-active: rgba(0, 0, 0, .4);
		--theme-color-button-fancy-gradient: linear-gradient(90deg, #659BF4 0%, #856AFE 100%);
		--theme-color-button-subtle: #272727;
		--theme-color-button-subtle-hover: #212121;
		--theme-color-button-subtle-active: #1C1C1C;
		--theme-color-check-background-default: #1c1c1c;
		--theme-color-field-border-default-hex: #262626;
		--theme-color-check-border-disabled: #2e2e2e;
		--theme-color-field-background-default: #2c2c2d;
		--theme-color-field-background-hover: #1e1d1e;
		--theme-color-field-background-disabled: #333;
		--theme-color-search-field-background-default: var(--theme-color-popover-background);
		--theme-color-search-field-background-hover: var(--theme-color-popover-background);
		--theme-color-search-field-border-default: #363636;
		--theme-color-search-field-border-hover: #363636;
		--theme-color-search-field-border-active: #363636;
		--theme-color-popover-item-bg-active: #313131;
		--theme-color-popover-item-bg-active-hover: #3A3A3A;
		--theme-color-popover-background: #1F1F1F;
		--theme-color-updates-shadow: .5px 0 0 #363636, -.5px 0 0 #363636, 0 -.5px 0 #363636, 0 4px 7px rgba(0, 0, 0, .12), 0 1px 1px #363636;
		--theme-floating-shadow: 0 4px 20px rgba(103, 103, 103, .32), 0 0 0 1px #363636;
		--theme-color-floating-glass-border: rgba(255, 255, 255, .01);
		--theme-color-floating-glass: rgba(59, 59, 59, .26);
		--theme-color-floating-glass-content: var(--color-white);
		--theme-color-donate-text: #a7e5f3;
		--theme-color-donate-gradient: linear-gradient(100deg, #154842 0%, #203f56 100%);
		--theme-color-donate-button-default: #53512A;
		--theme-color-donate-button-hover: #6D6935;
		--theme-color-donate-button-active: #FAE04B;
		--theme-filter-blur-strong: blur(35px) brightness(.9);
		--theme-color-spoiler-outline: rgba(255, 255, 255, .1);
		--theme-plus-color: var(--color-white);
		--theme-plus-modal-background: radial-gradient(84.18% 84.18% at 50% 50%, #1C162D 13.94%, #000A12 100%);
		--theme-plus-modal-footer: linear-gradient(180deg, rgba(16, 13, 21, 0) 0%, #0F1020 25%);
		--theme-plus-features-background: linear-gradient(0deg, rgba(44, 44, 46, .32), rgba(44, 44, 46, .32));
		--theme-plus-features-shadow: 0px 32px 8px -24px rgba(0, 0, 0, .12549), 0px 8px 40px 0px rgba(0, 0, 0, .06275);
		--theme-plus-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #8161fa 89.06%);
		--theme-plus-icon-blend-mode: plus-lighter;
		--theme-slider-track-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
		--theme-slider-step-background: rgba(255, 255, 255, .06);
		--theme-slider-step-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
		--theme-slider-thumb-background: #2c2c2d;
		--theme-slider-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .32), 0 0 0 1px #363636;
		--theme-andropov-border-color: rgba(255, 255, 255, .07);
		--theme-comment-highlighted-background: rgba(255, 255, 255, .03);
		--theme-color-reaction-button: var(--theme-color-button-minimal);
		--theme-color-reaction-button-hover: var(--theme-color-popover-item-bg-active-hover);
		--theme-color-reaction-button-active: var(--theme-color-reaction-button);
		--theme-color-filter-field-background: #2C2C2D;
		--theme-color-filter-field-background-active: #2A3137;
		--theme-color-filter-field-border: rgba(255, 255, 255, .1);
		--theme-color-filter-field-border-active: var(--theme-color-signal-active-default);
		--theme-achievements-image-skeleton: contrast(0) brightness(.75);
		--theme-achievements-stub-inner: #323232;
		--theme-achievements-stub-background: #282828;
		--theme-color-close-button: var(--theme-color-close-button-dark);
		--theme-color-close-button-background: var(--theme-color-close-button-background-dark);
		--theme-color-scrollbar: rgba(126, 125, 125, .15);
		--theme-color-marketplace-banner-gradient-orange: radial-gradient(var(--rgxy), #BF905A 0%, #4A3823 100%);
		--theme-color-marketplace-banner-gradient-blue: radial-gradient(var(--rgxy), #598CB5 0%, #052B4A 100%)
	}
}

@media(prefers-color-scheme:dark) {
	:root {
		color-scheme: dark;
		--theme-color-brand-primary: #BA4F64;
		--theme-color-brand-header: #2A2729;
		--theme-color-brand-background: #2d2d2e;
		--theme-color-brand-distribution: #343233;
		--theme-color-brand-icon: #4A4547;
		--theme-color-brand-content-background: #342F31;
		--theme-color-brand-content-text: #E68A9C;
		--theme-color-signal-active-default: #418AF4;
		--theme-color-signal-active-dark: #598FDE;
		--theme-color-signal-active-darkest: #3367B5;
		--theme-color-signal-active-light: #334e64;
		--theme-color-signal-active-lightest: rgba(255, 255, 255, .06);
		--theme-color-signal-positive-default: #33A03E;
		--theme-color-signal-positive-dark: #33953D;
		--theme-color-signal-positive-darkest: #338A3C;
		--theme-color-signal-positive-light: #263629;
		--theme-color-signal-negative-default: #D6333E;
		--theme-color-signal-negative-dark: #C6333D;
		--theme-color-signal-negative-darkest: #B5333C;
		--theme-color-signal-negative-light: #463536;
		--theme-color-background: #161617;
		--theme-color-background-active: #39393A;
		--theme-color-background-active-hover: #424243;
		--theme-color-background-content: #232324;
		--theme-color-media-background: rgba(255, 255, 255, .06);
		--theme-color-background-warning: var(--theme-color-media-background);
		--theme-color-border: #353436;
		--theme-color-shadow-over-background: rgba(0, 0, 0, .3);
		--theme-color-border-over-background: #363636;
		--theme-color-text-primary: #c9cccf;
		--theme-color-text-secondary: #969c9d;
		--theme-color-text-secondary-light: #969da0;
		--theme-color-button-minimal: #333333;
		--theme-color-button-minimal-hover: #2c2c2c;
		--theme-color-button-minimal-active: #2c2c2c;
		--theme-color-button-secondary: #2c2c2c;
		--theme-color-button-secondary-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 1px 3px rgba(0, 0, 0, .14);
		--theme-color-button-secondary-shadow-hover: inset 0 0 0 1px rgba(255, 255, 255, .05), 0 1px 4px rgba(0, 0, 0, .22);
		--theme-color-button-secondary-shadow-active: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 1px 4px rgba(0, 0, 0, .29);
		--theme-color-button-translucent: rgba(0, 0, 0, .3);
		--theme-color-button-translucent-hover: rgba(0, 0, 0, .45);
		--theme-color-button-translucent-active: rgba(0, 0, 0, .6);
		--theme-color-button-fancy: rgba(0, 0, 0, .32);
		--theme-color-button-fancy-hover: rgba(0, 0, 0, .36);
		--theme-color-button-fancy-active: rgba(0, 0, 0, .4);
		--theme-color-button-fancy-gradient: linear-gradient(90deg, #659BF4 0%, #856AFE 100%);
		--theme-color-button-subtle: #272727;
		--theme-color-button-subtle-hover: #212121;
		--theme-color-button-subtle-active: #1C1C1C;
		--theme-color-check-background-default: #1c1c1c;
		--theme-color-field-border-default-hex: #262626;
		--theme-color-check-border-disabled: #2e2e2e;
		--theme-color-field-background-default: #2c2c2d;
		--theme-color-field-background-hover: #1e1d1e;
		--theme-color-field-background-disabled: #333;
		--theme-color-search-field-background-default: var(--theme-color-popover-background);
		--theme-color-search-field-background-hover: var(--theme-color-popover-background);
		--theme-color-search-field-border-default: #363636;
		--theme-color-search-field-border-hover: #363636;
		--theme-color-search-field-border-active: #363636;
		--theme-color-popover-item-bg-active: #313131;
		--theme-color-popover-item-bg-active-hover: #3A3A3A;
		--theme-color-popover-background: #1F1F1F;
		--theme-color-updates-shadow: .5px 0 0 #363636, -.5px 0 0 #363636, 0 -.5px 0 #363636, 0 4px 7px rgba(0, 0, 0, .12), 0 1px 1px #363636;
		--theme-floating-shadow: 0 4px 20px rgba(103, 103, 103, .32), 0 0 0 1px #363636;
		--theme-color-floating-glass-border: rgba(255, 255, 255, .01);
		--theme-color-floating-glass: rgba(59, 59, 59, .26);
		--theme-color-floating-glass-content: var(--color-white);
		--theme-color-donate-text: #a7e5f3;
		--theme-color-donate-gradient: linear-gradient(100deg, #154842 0%, #203f56 100%);
		--theme-color-donate-button-default: #53512A;
		--theme-color-donate-button-hover: #6D6935;
		--theme-color-donate-button-active: #FAE04B;
		--theme-filter-blur-strong: blur(35px) brightness(.9);
		--theme-color-spoiler-outline: rgba(255, 255, 255, .1);
		--theme-plus-color: var(--color-white);
		--theme-plus-modal-background: radial-gradient(84.18% 84.18% at 50% 50%, #1C162D 13.94%, #000A12 100%);
		--theme-plus-modal-footer: linear-gradient(180deg, rgba(16, 13, 21, 0) 0%, #0F1020 25%);
		--theme-plus-features-background: linear-gradient(0deg, rgba(44, 44, 46, .32), rgba(44, 44, 46, .32));
		--theme-plus-features-shadow: 0px 32px 8px -24px rgba(0, 0, 0, .12549), 0px 8px 40px 0px rgba(0, 0, 0, .06275);
		--theme-plus-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #8161fa 89.06%);
		--theme-plus-icon-blend-mode: plus-lighter;
		--theme-slider-track-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
		--theme-slider-step-background: rgba(255, 255, 255, .06);
		--theme-slider-step-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
		--theme-slider-thumb-background: #2c2c2d;
		--theme-slider-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .32), 0 0 0 1px #363636;
		--theme-andropov-border-color: rgba(255, 255, 255, .07);
		--theme-comment-highlighted-background: rgba(255, 255, 255, .03);
		--theme-color-reaction-button: var(--theme-color-button-minimal);
		--theme-color-reaction-button-hover: var(--theme-color-popover-item-bg-active-hover);
		--theme-color-reaction-button-active: var(--theme-color-reaction-button);
		--theme-color-filter-field-background: #2C2C2D;
		--theme-color-filter-field-background-active: #2A3137;
		--theme-color-filter-field-border: rgba(255, 255, 255, .1);
		--theme-color-filter-field-border-active: var(--theme-color-signal-active-default);
		--theme-achievements-image-skeleton: contrast(0) brightness(.75);
		--theme-achievements-stub-inner: #323232;
		--theme-achievements-stub-background: #282828;
		--theme-color-close-button: var(--theme-color-close-button-dark);
		--theme-color-close-button-background: var(--theme-color-close-button-background-dark);
		--theme-color-scrollbar: rgba(126, 125, 125, .15);
		--theme-color-marketplace-banner-gradient-orange: radial-gradient(var(--rgxy), #BF905A 0%, #4A3823 100%);
		--theme-color-marketplace-banner-gradient-blue: radial-gradient(var(--rgxy), #598CB5 0%, #052B4A 100%)
	}
}

:root[data-theme=light] {
	color-scheme: light;
	--brand-color: #FF5577;
	--theme-color-brand-primary: #E65C77;
	--theme-color-brand-primary-bright: #FF6685;
	--theme-color-brand-header: #FFE6EB;
	--theme-color-brand-background: #FFF5F7;
	--theme-color-brand-stroke: #FFBBC9;
	--theme-color-brand-logo: #FFF5F7;
	--theme-color-brand-distribution: #FFF0F3;
	--theme-color-brand-icon: #FAD2DA;
	--theme-color-brand-content-background: #FFE6EB;
	--theme-color-brand-content-text: #E65C77;
	--theme-color-signal-active-default: #0B5DD7;
	--theme-color-signal-active-dark: #2664BF;
	--theme-color-signal-active-darkest: #2A6DD1;
	--theme-color-signal-active-light: #B3D1FF;
	--theme-color-signal-active-lightest: #E6EFFD;
	--theme-color-signal-positive-default: #30B03D;
	--theme-color-signal-positive-dark: #2DA539;
	--theme-color-signal-positive-darkest: #2A9935;
	--theme-color-signal-positive-light: #e5f7e7;
	--theme-color-signal-negative-default: #F0303D;
	--theme-color-signal-negative-dark: #E02D39;
	--theme-color-signal-negative-darkest: #D12A35;
	--theme-color-signal-negative-light: #FFE7E9;
	--theme-color-signal-rating-default: #FFA800;
	--theme-color-background: #F2F2F2;
	--theme-color-background-active: #E5F0FF;
	--theme-color-background-active-hover: #D1E3FF;
	--theme-color-background-content: var(--color-white);
	--theme-color-media-background: rgba(0, 0, 0, .08);
	--theme-color-border: #E5E5E5;
	--theme-color-shadow-over-background: rgba(0, 0, 0, .08);
	--theme-color-border-over-background: #dadada;
	--theme-color-background-warning: #FFF8E0;
	--theme-color-text-primary: var(--color-black);
	--theme-color-text-secondary: #595959;
	--theme-color-text-secondary-light: #808080;
	--theme-color-button-secondary: var(--color-white);
	--theme-color-button-secondary-shadow: 0 0 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .06);
	--theme-color-button-secondary-shadow-hover: 0 2px 4px rgba(0, 0, 0, .09), inset 0 -1px 0 rgba(0, 0, 0, .06);
	--theme-color-button-secondary-shadow-active: 0 0 2px rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .06);
	--theme-color-button-minimal: #F0F0F0;
	--theme-color-button-minimal-hover: #E6E6E6;
	--theme-color-button-minimal-active: #DBDBDB;
	--theme-color-button-transparent-hover: rgba(0, 0, 0, .04);
	--theme-color-button-transparent-active: rgba(0, 0, 0, .06);
	--theme-color-button-translucent: rgba(0, 0, 0, .16);
	--theme-color-button-translucent-hover: rgba(0, 0, 0, .32);
	--theme-color-button-translucent-active: rgba(0, 0, 0, .48);
	--theme-color-button-fancy: rgba(255, 255, 255, .6);
	--theme-color-button-fancy-hover: rgba(255, 255, 255, .8);
	--theme-color-button-fancy-active: rgba(255, 255, 255, 1);
	--theme-color-button-fancy-gradient: linear-gradient(90deg, #307DF0 0%, #5E36FF 100%);
	--theme-color-button-subtle: var(--color-white);
	--theme-color-button-subtle-hover: #FAFAFA;
	--theme-color-button-subtle-active: #EDEDED;
	--theme-color-field-text: inherit;
	--theme-color-check-background-default: #F0F0F0;
	--theme-color-check-border-disabled: #DDDDDD;
	--theme-color-field-background-default: #F5F5F5;
	--theme-color-field-background-hover: var(--color-white);
	--theme-color-field-background-error: #FFECED;
	--theme-color-field-background-disabled: #F7F7F7;
	--theme-color-field-border-default: rgba(0, 0, 0, .03);
	--theme-color-field-border-default-hex: #ededed;
	--theme-color-field-border-hover: var(--theme-color-signal-active-light);
	--theme-color-field-border-active: var(--theme-color-signal-active-default);
	--theme-color-field-icon-default: var(--color-white);
	--theme-color-field-icon-disabled: #B8B8B8;
	--theme-shadow-field: 0 0 0 3px var(--theme-color-signal-active-lightest);
	--theme-color-search-field-text: inherit;
	--theme-color-search-field-background-default: var(--color-white);
	--theme-color-search-field-background-hover: var(--color-white);
	--theme-color-search-field-border-default: none;
	--theme-color-search-field-border-hover: none;
	--theme-color-search-field-border-active: none;
	--theme-shadow-search-field: none;
	--theme-color-popover-item-bg-active: var(--theme-color-background);
	--theme-color-popover-item-bg-active-hover: var(--theme-color-background-active);
	--theme-color-popover-background: var(--color-white);
	--theme-color-updates-shadow: .5px 0 0 rgba(0, 0, 0, .1), -.5px 0 0 rgba(0, 0, 0, .1), 0 -.5px 0 rgba(0, 0, 0, .05), 0 4px 7px rgba(0, 0, 0, .08), 0 1px 1px rgba(0, 0, 0, .1);
	--theme-floating-shadow: 0 4px 20px rgba(0, 0, 0, .08), 0 0 1px rgba(0, 0, 0, .16);
	--theme-color-floating-glass-border: rgba(218, 218, 218, .31);
	--theme-color-floating-glass: rgba(255, 255, 255, .5);
	--theme-color-floating-glass-content: var(--theme-color-text-primary);
	--theme-color-donate-text: #004150;
	--theme-color-donate-gradient: linear-gradient(100deg, #CBFDF6 0%, #CDE8FC 100%);
	--theme-color-donate-button-default: #FFF5BA;
	--theme-color-donate-button-hover: #FFE9AD;
	--theme-color-donate-button-active: #FAE04B;
	--theme-filter-blur-strong: blur(35px) brightness(1.1);
	--theme-color-spoiler-outline: rgba(0, 0, 0, .06);
	--theme-plus-color: var(--theme-color-text-primary);
	--theme-plus-modal-background: radial-gradient(84.18% 84.18% at 50% 50%, #FFFFFF 13.94%, #D9EDFF 100%);
	--theme-plus-modal-footer: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #D9EDFF 27.25%);
	--theme-plus-features-background: var(--theme-color-background-content);
	--theme-plus-features-shadow: 0px 32px 8px -24px rgba(0, 0, 0, .01961), 0px 8px 40px 0px rgba(0, 0, 0, .03922);
	--theme-plus-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #5e36ff 89.06%);
	--theme-plus-icon-blend-mode: normal;
	--theme-pro-color: var(--color-white);
	--theme-pro-modal-background: #242424;
	--theme-pro-modal-background-gradient: radial-gradient(at 93% 7%, hsla(202, 100%, 35%, .1) 0px, transparent 50%), radial-gradient(at 54% 51%, hsla(240, 100%, 50%, .05) 0px, transparent 50%), radial-gradient(at 52% 54%, hsla(194, 100%, 28%, .4) 0px, transparent 50%), radial-gradient(at 27% 37%, hsla(274, 100%, 28%, 1) 0px, transparent 50%), radial-gradient(at 30% 32%, hsla(299, 100%, 50%, .05) 0px, transparent 50%), radial-gradient(at 32% 69%, hsla(274, 100%, 28%, .1) 0px, transparent 50%), radial-gradient(at 32% 73%, hsla(299, 100%, 50%, .08) 0px, transparent 50%);
	--theme-pro-modal-footer: linear-gradient(180deg, rgba(16, 13, 21, 0) 0%, #242424 25%);
	--theme-pro-features-background: rgba(255, 255, 255, .04);
	--theme-pro-features-background-active: rgba(255, 255, 255, .18);
	--theme-pro-features-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
	--theme-pro-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #8161fa 89.06%);
	--theme-pro-feature-text-secondary: rgba(255, 255, 255, .64);
	--theme-slider-track-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
	--theme-slider-step-background: rgba(0, 0, 0, .1);
	--theme-slider-step-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
	--theme-slider-thumb-background: var(--color-white);
	--theme-slider-thumb-shadow: 0px 3px 8px rgba(22, 18, 18, .15), 0px .5px 1px rgba(28, 26, 26, .04), 0px 1px .5px rgba(28, 26, 26, .03), 0px 2px .5px rgba(27, 27, 28, .03), 0px 2.5px .5px rgba(0, 0, 0, .02), 0px 2px 1px rgba(0, 0, 0, .02);
	--theme-andropov-border-color: rgba(0, 0, 0, .1);
	--theme-comment-highlighted-background: #F2F9FF;
	--theme-color-content-footer-button-hover-background: rgba(48, 125, 240, .12);
	--theme-color-reaction-button: #F9F9F9;
	--theme-color-reaction-button-hover: var(--theme-color-button-minimal-hover);
	--theme-color-reaction-button-active: var(--theme-color-reaction-button);
	--theme-color-filter-field-background: #ffffff;
	--theme-color-filter-field-background-active: #F2F9FF;
	--theme-color-filter-field-border: rgba(0, 0, 0, .1);
	--theme-color-filter-field-border-active: var(--theme-color-signal-active-default);
	--theme-achievements-image-skeleton: contrast(0) brightness(1.75);
	--theme-achievements-stub-inner: #F2F2F2;
	--theme-achievements-stub-background: #ffffff;
	--theme-color-close-button: #595959;
	--theme-color-close-button-background: rgba(116, 116, 128, .08);
	--theme-color-close-button-dark: #A6A6A6;
	--theme-color-close-button-background-dark: rgba(255, 255, 255, .15);
	--theme-color-scrollbar: rgba(95, 86, 86, .15);
	--theme-color-marketplace-banner-gradient-orange: radial-gradient(var(--rgxy), #FFFFFF 0%, #FFEEDC 100%);
	--theme-color-marketplace-banner-gradient-blue: radial-gradient(var(--rgxy), #FFFFFF 0%, #E3F2FF 100%)
}

:root[data-theme=dark] {
	color-scheme: dark;
	--theme-color-brand-primary: #BA4F64;
	--theme-color-brand-header: #2A2729;
	--theme-color-brand-background: #2d2d2e;
	--theme-color-brand-distribution: #343233;
	--theme-color-brand-icon: #4A4547;
	--theme-color-brand-content-background: #342F31;
	--theme-color-brand-content-text: #E68A9C;
	--theme-color-signal-active-default: #418AF4;
	--theme-color-signal-active-dark: #598FDE;
	--theme-color-signal-active-darkest: #3367B5;
	--theme-color-signal-active-light: #334e64;
	--theme-color-signal-active-lightest: rgba(255, 255, 255, .06);
	--theme-color-signal-positive-default: #33A03E;
	--theme-color-signal-positive-dark: #33953D;
	--theme-color-signal-positive-darkest: #338A3C;
	--theme-color-signal-positive-light: #263629;
	--theme-color-signal-negative-default: #D6333E;
	--theme-color-signal-negative-dark: #C6333D;
	--theme-color-signal-negative-darkest: #B5333C;
	--theme-color-signal-negative-light: #463536;
	--theme-color-background: #161617;
	--theme-color-background-active: #39393A;
	--theme-color-background-active-hover: #424243;
	--theme-color-background-content: #232324;
	--theme-color-media-background: rgba(255, 255, 255, .06);
	--theme-color-background-warning: var(--theme-color-media-background);
	--theme-color-border: #353436;
	--theme-color-shadow-over-background: rgba(0, 0, 0, .3);
	--theme-color-border-over-background: #363636;
	--theme-color-text-primary: #c9cccf;
	--theme-color-text-secondary: #969c9d;
	--theme-color-text-secondary-light: #969da0;
	--theme-color-button-minimal: #333333;
	--theme-color-button-minimal-hover: #2c2c2c;
	--theme-color-button-minimal-active: #2c2c2c;
	--theme-color-button-secondary: #2c2c2c;
	--theme-color-button-secondary-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 1px 3px rgba(0, 0, 0, .14);
	--theme-color-button-secondary-shadow-hover: inset 0 0 0 1px rgba(255, 255, 255, .05), 0 1px 4px rgba(0, 0, 0, .22);
	--theme-color-button-secondary-shadow-active: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 1px 4px rgba(0, 0, 0, .29);
	--theme-color-button-translucent: rgba(0, 0, 0, .3);
	--theme-color-button-translucent-hover: rgba(0, 0, 0, .45);
	--theme-color-button-translucent-active: rgba(0, 0, 0, .6);
	--theme-color-button-fancy: rgba(0, 0, 0, .32);
	--theme-color-button-fancy-hover: rgba(0, 0, 0, .36);
	--theme-color-button-fancy-active: rgba(0, 0, 0, .4);
	--theme-color-button-fancy-gradient: linear-gradient(90deg, #659BF4 0%, #856AFE 100%);
	--theme-color-button-subtle: #272727;
	--theme-color-button-subtle-hover: #212121;
	--theme-color-button-subtle-active: #1C1C1C;
	--theme-color-check-background-default: #1c1c1c;
	--theme-color-field-border-default-hex: #262626;
	--theme-color-check-border-disabled: #2e2e2e;
	--theme-color-field-background-default: #2c2c2d;
	--theme-color-field-background-hover: #1e1d1e;
	--theme-color-field-background-disabled: #333;
	--theme-color-search-field-background-default: var(--theme-color-popover-background);
	--theme-color-search-field-background-hover: var(--theme-color-popover-background);
	--theme-color-search-field-border-default: #363636;
	--theme-color-search-field-border-hover: #363636;
	--theme-color-search-field-border-active: #363636;
	--theme-color-popover-item-bg-active: #313131;
	--theme-color-popover-item-bg-active-hover: #3A3A3A;
	--theme-color-popover-background: #1F1F1F;
	--theme-color-updates-shadow: .5px 0 0 #363636, -.5px 0 0 #363636, 0 -.5px 0 #363636, 0 4px 7px rgba(0, 0, 0, .12), 0 1px 1px #363636;
	--theme-floating-shadow: 0 4px 20px rgba(103, 103, 103, .32), 0 0 0 1px #363636;
	--theme-color-floating-glass-border: rgba(255, 255, 255, .01);
	--theme-color-floating-glass: rgba(59, 59, 59, .26);
	--theme-color-floating-glass-content: var(--color-white);
	--theme-color-donate-text: #a7e5f3;
	--theme-color-donate-gradient: linear-gradient(100deg, #154842 0%, #203f56 100%);
	--theme-color-donate-button-default: #53512A;
	--theme-color-donate-button-hover: #6D6935;
	--theme-color-donate-button-active: #FAE04B;
	--theme-filter-blur-strong: blur(35px) brightness(.9);
	--theme-color-spoiler-outline: rgba(255, 255, 255, .1);
	--theme-plus-color: var(--color-white);
	--theme-plus-modal-background: radial-gradient(84.18% 84.18% at 50% 50%, #1C162D 13.94%, #000A12 100%);
	--theme-plus-modal-footer: linear-gradient(180deg, rgba(16, 13, 21, 0) 0%, #0F1020 25%);
	--theme-plus-features-background: linear-gradient(0deg, rgba(44, 44, 46, .32), rgba(44, 44, 46, .32));
	--theme-plus-features-shadow: 0px 32px 8px -24px rgba(0, 0, 0, .12549), 0px 8px 40px 0px rgba(0, 0, 0, .06275);
	--theme-plus-action-background: radial-gradient(82.73% 121.53% at 17.94% 77.44%, #307df0 36.98%, #8161fa 89.06%);
	--theme-plus-icon-blend-mode: plus-lighter;
	--theme-slider-track-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
	--theme-slider-step-background: rgba(255, 255, 255, .06);
	--theme-slider-step-shadow: inset 0px .5px 1.5px rgba(0, 0, 0, .25);
	--theme-slider-thumb-background: #2c2c2d;
	--theme-slider-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .32), 0 0 0 1px #363636;
	--theme-andropov-border-color: rgba(255, 255, 255, .07);
	--theme-comment-highlighted-background: rgba(255, 255, 255, .03);
	--theme-color-reaction-button: var(--theme-color-button-minimal);
	--theme-color-reaction-button-hover: var(--theme-color-popover-item-bg-active-hover);
	--theme-color-reaction-button-active: var(--theme-color-reaction-button);
	--theme-color-filter-field-background: #2C2C2D;
	--theme-color-filter-field-background-active: #2A3137;
	--theme-color-filter-field-border: rgba(255, 255, 255, .1);
	--theme-color-filter-field-border-active: var(--theme-color-signal-active-default);
	--theme-achievements-image-skeleton: contrast(0) brightness(.75);
	--theme-achievements-stub-inner: #323232;
	--theme-achievements-stub-background: #282828;
	--theme-color-close-button: var(--theme-color-close-button-dark);
	--theme-color-close-button-background: var(--theme-color-close-button-background-dark);
	--theme-color-scrollbar: rgba(126, 125, 125, .15);
	--theme-color-marketplace-banner-gradient-orange: radial-gradient(var(--rgxy), #BF905A 0%, #4A3823 100%);
	--theme-color-marketplace-banner-gradient-blue: radial-gradient(var(--rgxy), #598CB5 0%, #052B4A 100%)
}

body {
	font-size: 17px;
	line-height: 26px;
	font-family: 'YS Text', Roboto, 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=system-ui] {
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif
}

body[data-font-smoothing=Default] {
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto
}

#app {
	min-height: 100vh;
	min-height: 100dvh;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto auto 1fr auto;
	padding-top: 60px;
	padding-top: var(--layout-header-height);
	padding-bottom: 50px;
	padding-bottom: var(--layout-tabbar-height);
	word-break: break-word
}

@media all and (min-width:640px) {
	#app {
		padding-top: 0
	}
}

[data-layout=blank] #app {
	grid-template-rows: 1fr
}

/**
 * DOKAM: фикс схлопывания страницы на Honor 8 Pad
 * При открытии поиска html блокируется от layout reflow при клавиатуре
 */
html.quick-search-open {
	overflow: hidden;
	height: 100%;
	position: relative
}

html,
body,
a,
button,
[role=button],
[tabindex],
input,
textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

input[type=email],
input[type=password],
input[type=search],
input[type=text],
input[type=url],
textarea {
	background: var(--theme-color-field-background-default);
}

@keyframes modal-enter-slide {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.subsite-cover-editor {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}