@charset "UTF-8";

@font-face {
	font-family:SF Pro Display Bold;src:url(font.otf) format("opentype");font-style:normal;font-weight:400;
}

@font-face {
	font-family:SF Pro Display Medium;src:url(font.otf) format("opentype");font-style:normal;font-weight:400;
}

:root {
	--BODY_COLOR: rgb(242 241 246);
	--BACKDROP_COLOR: rgba(0, 0, 0, .6);
	--AIR_COLOR: rgb(255 255 255 / 90%);
	--AIR_BLOCK_COLOR: rgb(195 191 209 / 30%);
	--AIR_BLUR: saturate(180%) blur(20px);
	--AIR_SHADOW: 0px 3px 10px -3px rgb(114 114 114 / 50%);
	--AIR_CONTEXT_SHADOW_COLOR_START: rgb(47 46 55 / 0%);
	--AIR_CONTEXT_SHADOW_COLOR_END: rgb(0 0 0 / 33%);
	--BLOCK_COLOR: rgb(254 254 254);
	--BLOCK_COLOR_LITE: rgb(254 254 254 / 55%);
	--BLOCK_COLOR_LITE_TEXT: rgb(136 134 141);
	--BLOCK_BLOCK_COLOR: rgb(243 242 246);
	--BLOCK_BLOCK_COLOR_LITE: rgb(243 242 246 / 60%);
	--BLOCK_SHADOW: 0px 1px 2px -1px rgb(219 218 225);
	--BTN_BACKGROUND: rgb(243 242 246);
	--BTN_TEXT_COLOR: rgb(112 111 124);
	--BTN_CLOSE_COLOR: rgb(255 193 193 / 70%);
	--INTERACTION_BTN_COLOR: rgb(244 243 246);
	--INTERACTION_BTN_TEXT_COLOR: rgb(83 76 93 / 65%);
	--INPUT_COLOR: rgb(243 242 246);
	--ACCENT_COLOR: #9674ca;
	--GRADIENT_SHADOW: 0px 0px 9px -1px rgb(154 112 199 / 67%);
	--NL_GRADIENT: linear-gradient(20deg, rgb(127 110 176), rgb(161 157 177));
	--GOLD_GRADIENT: linear-gradient(465deg, #fab31e, #fd9347);
	--TITLE_COLOR: rgb(81 78 88);
	--TEXT_COLOR: rgb(97 93 106);
	--TEXT_COLOR_LITE: rgb(139 135 154 / 50%);
	--FS_TITLE: 1em;
	--FS_TEXT: .95em;
	--FS_NAME: 1em;
	--FS_D_OR_P: .8em;
	--FF_TITLE: SF Pro Display Bold;
	--C_TOP_MARGIN: 80px;
	--BR_BASE: 10px/9px;
	--PUSTOTA_WIDTH: 3px;
	--D_OR_P_COLOR: rgb(104 101 112 / 70%);
	--REPLY_BG: rgb(150 116 202 / 20%);
	--REPLY_SVG_COLOR: rgb(150 116 202 / 50%);
	--CODE_BG: #d1d1d1;
	--CODE_COLOR: black;
}

body {
	background: var(--BODY_COLOR);
	color: var(--TEXT_COLOR);
	font-family: SF Pro Display Medium;
	font-size: var(--FS_TEXT);
	letter-spacing: .019em;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-tap-highlight-color: transparent;
	transition: .4s;
}

body,html {
	margin: 0;
	padding: 0;
	height: 100%;
}

*,*:before,*:after {
	box-sizing: border-box;
	scrollbar-width: none;
}

input:not([type=checkbox]),textarea,select,button {
	font-family: SF Pro Display Medium;
	font-size: var(--FS_TEXT);
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=text],input[type=email],input[type=password],textarea {
	outline: 2px solid rgba(178,171,206,0);
	outline-offset: 4px;
}

a {
	color: var(--ACCENT_COLOR);
	text-decoration: none;
}

input[type=radio] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
	width: auto;
	max-width: auto;
}

button {
	background: var(--BTN_BACKGROUND);
	color: var(--BTN_TEXT_COLOR);
	border-radius: var(--BR_BASE);
	font-size: .93em;
	border: none;
	cursor: pointer;
	user-select: none;
	margin: 0;
	padding-block: 1px;
	padding-inline: 6px;
}

button:active {
	filter: brightness(.8);
}

::-webkit-scrollbar {
	display: none;
}

.UI-ListElement {
	background: var(--AIR_BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	border-radius: 12px;
	padding: 7px 10px;
	user-select: none;
	cursor: pointer;
	text-align: left;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.UI-ListElement .Avatar,.UI-ListElement .PostAvatar,.UI-ListElement .UI-MusicCover {
	background: var(--AIR_BLOCK_COLOR);
	margin-right: 8px;
	text-shadow: 1px 1px 1px rgb(178,174,191);
	width: 40px;
	height: 40px;
	flex-shrink: 0;
}

.UI-ListElement .PostAvatar {
	border-radius: 100px 100px 10px;
}

.UI-ListElement .Body {
	width: 100%;
	overflow: hidden;
	gap: 1px;
	display: flex;
	flex-direction: column;
}

.UI-ListElement .Body .Title {
	font-size: 1.1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.UI-ListElement .Body .Desc {
	color: var(--D_OR_P_COLOR);
	font-size: .9em;
}

.UI-ListElement .Body .Images {
	display: inline-flex;
	gap: 4px;
	border-radius: 5px;
	overflow: hidden;
}

.UI-ListElement .Body .Images .Image {
	width: 30px;
	height: 30px;
	border-radius: 5px;
	overflow: hidden;
}

.UI-ListElement .Body .Images .Image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.UI-ListElement:active {
	filter: brightness(.8);
}

.UI-Blur {
	background: #77777780;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	z-index: 10;
	width: 100%;
	height: 100%;
	position: fixed;
	inset: 0;
	opacity: 0;
	visibility: hidden;
}

.Avatar {
	background: var(--NL_GRADIENT);
	border-radius: 100%;
	overflow: hidden;
	position: relative;
	user-select: none;
	line-height: 0;
	flex-shrink: 0;
}

.Avatar .NonAvatar,.Avatar img {
	width: 100%;
	height: 100%;
}

.Avatar img {
	object-fit: cover;
}

.Avatar .NonAvatar {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Avatar .UI-PRELOAD {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
}

.UI-Eball {
	background: linear-gradient(37deg,#623b9e,#da8aff);
	color: #fff;
	border-radius: 100%;
	border: 1px solid #9b61cc;
	width: 30px;
	height: 30px;
	text-shadow: 1px 1px 10px #41105c;
	box-shadow: 0 1px 5px -1px #8552ba;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

header {
	background: var(--AIR_COLOR);
	backdrop-filter: var(--AIR_BLUR);
	-webkit-backdrop-filter: var(--AIR_BLUR);
	height: 70px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 40;
	box-shadow: 0 2px 12px -9px #70707f;
}

.UI-Logo {
	width: 40px;
	height: 40px;
	margin: 0;
	position: relative;
	cursor: pointer;
	flex-shrink: 0;
	background-size: cover;
}

.UI-N_DIV {
	width: 100%;
	max-width: 1045px;
	height: 100%;
	margin: auto;
	flex-shrink: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.UI-N_DIV .AvatarContainer {
	position: relative;
	flex-shrink: 0;
}

.UI-N_DIV .AvatarContainer .Avatar {
	margin: 0;
	cursor: pointer;
}

.UI-N_DIV .Avatar:active,.UI-N_DIV .UI-Logo:active {
	filter: brightness(.8);
}

.UI-N_DIV .MiniPlayer {
	flex-grow: 1;
	max-width: 500px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.UI-N_DIV .MiniPlayer .UI-MusicPlayer {
	width: 100%;
}

.UI-N_DIV .MiniPlayer .UI-MusicPlayer .Music-ControlButtons {
	margin: 0;
}

.UI-N_DIV .SwitchButton {
	background: #fff0;
	width: 30px;
	flex-shrink: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-N_DIV .SwitchButton svg {
	fill: var(--ACCENT_COLOR);
	width: 25px;
	height: 25px;
}

.Search-Container {
	width: 100%;
	max-width: 500px;
	height: 34.7px;
	display: flex;
	align-items: stretch;
	justify-content: space-evenly;
}

.Search-Container .UI-Input {
	flex: 1;
	width: 100%;
}

.Search-Container .EBalls {
	background: var(--AIR_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	margin-left: 10px;
	padding: 5px;
	user-select: none;
	display: flex;
	align-items: center;
}

.Search-Container .EBalls .Count {
	margin-left: 5px;
	margin-right: 5px;
	font-size: .9em;
}

.UI-N_L_AND_N {
	color: var(--TEXT_COLOR);
	font-size: 20px;
	width: 100%;
	max-width: 850px;
	display: flex;
	align-items: center;
}

.UI-N_L_AND_N .UI-Logo {
	margin-right: 15px;
}

.Content {
	width: 100%;
	max-width: 1080px;
	height: 100%;
	margin: auto;
	overflow: hidden;
	display: flex;
	justify-content: center;
}

.Content-Center {
	align-items: center;
}

.UI-Cover {
	background: var(--NL_GRADIENT);
	border-radius: 5px;
	width: 100%;
	height: 150px;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}

.UI-Cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.UI-Cover .UI-PRELOAD {
	width: 100%;
	height: 100%;
	border-radius: 0;
}

.UI-Cover .UI-PRELOAD:after {
	filter: blur(40px);
}

.UI-AppIcon {
	background: var(--NL_GRADIENT);
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	user-select: none;
	transition: .1s;
	mask: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fillRule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20clip-rule%3D%22evenodd%22%20version%3D%221.1%22%20viewBox%3D%220%200%20460%20460%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M460%20316.1c0%205.5%200%2010.99-.04%2016.48-.03%204.63-.08%209.26-.2%2013.88a201.73%20201.73%200%200%201-2.66%2030.21c-1.71%2010-4.9%2019.68-9.47%2028.73a96.6%2096.6%200%200%201-42.23%2042.23%20101.86%20101.86%200%200%201-28.71%209.46c-10%201.65-20.1%202.54-30.22%202.66a649%20649%200%200%201-13.88.21c-5.5.03-10.99.03-16.48.03H143.89c-5.49%200-10.98%200-16.48-.03a648.8%20648.8%200%200%201-13.88-.2%20201.46%20201.46%200%200%201-30.22-2.67c-9.99-1.7-19.67-4.9-28.71-9.46a96.61%2096.61%200%200%201-42.23-42.22%20101.96%20101.96%200%200%201-9.47-28.74%20201.6%20201.6%200%200%201-2.66-30.2c-.12-4.63-.18-9.26-.2-13.89C0%20327.08%200%20321.6%200%20316.1V143.9c0-5.5%200-11%20.04-16.5.02-4.62.08-9.25.2-13.87a201.64%20201.64%200%200%201%202.66-30.2c1.71-10%204.9-19.68%209.47-28.74A96.6%2096.6%200%200%201%2054.6%2012.36%20101.96%20101.96%200%200%201%2083.3%202.9c10-1.64%2020.1-2.53%2030.22-2.66%204.63-.12%209.26-.18%2013.88-.2%205.5-.03%2011-.03%2016.48-.03H316.1c5.5%200%2011%200%2016.49.03a649%20649%200%200%201%2013.88.2c10.12.13%2020.22%201.02%2030.21%202.66%2010%201.71%2019.67%204.9%2028.72%209.46a96.58%2096.58%200%200%201%2042.24%2042.23%20101.92%20101.92%200%200%201%209.46%2028.73%20201.7%20201.7%200%200%201%202.66%2030.21c.12%204.63.18%209.26.2%2013.88.04%205.5.04%2010.99.04%2016.48V316.1z%22%2F%3E%3C%2Fsvg%3E%0A);
}

.UI-AppIcon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.UI-DynamicIsland {
	background: #000;
	color: #fff;
	border-radius: 100px;
	width: fit-content;
	height: fit-content;
	padding: 8px 15px;
	margin: 10px auto;
	box-shadow: var(--BLOCK_SHADOW);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 100;
	transition: .2s;
	border: 1px solid #000000;
	box-shadow: 1px 0 10px 5px #21212155;
}

.UI-DynamicIsland .DynamicContent {
	gap: 15px;
	display: flex;
	align-items: center;
}

.UI-DynamicIsland .DynamicContent .Animation {
	width: 40px;
	height: 40px;
}

.UI-DynamicIsland .DynamicContent .UI-Loader_1 {
	--uil1-color: #FFF;
}

.UI-Backdrop {
	background: var(--BACKDROP_COLOR);
	inset: 0;
	position: fixed;
	z-index: 40;
}

.UI-Modal {
	background: var(--BODY_COLOR);
	border-radius: 16px;
	max-width: 500px;
	height: 95vh;
	position: fixed;
	inset: 0;
	margin: auto;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.UI-Modal .UI-NavigatedHeader {
	z-index: 10;
}

.UI-ModalContent {
	flex: 1;
	overflow-y: auto;
	padding: 0 5px;
}

.UI-ModalContent .Scroll {
	margin-top: 50px;
	margin-bottom: 70px;
}

.UI-ModalContent .Footer {
	background: var(--AIR_COLOR);
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
	backdrop-filter: blur(20px);
	padding: 15px;
}

.UI-ModalContent .Footer .UI-FormButton {
	width: 100%;
}

.UI-Button,.UI-FormButton {
	transition: .1s;
	outline-offset: 4px;
	padding: 10px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-Button .UI-PRELOAD,.UI-FormButton .UI-PRELOAD {
	filter: saturate(500%);
	opacity: .5;
	inset: 0;
	position: absolute;
	border-radius: 0;
}

.UI-Button .UI-PRELOAD:after,.UI-FormButton .UI-PRELOAD:after {
	filter: blur(20px);
}

.UI-Button:hover,.UI-FormButton:hover {
	outline-offset: 2px;
}

.UI-FormButton,.UI-Button--action {
	background: var(--ACCENT_COLOR);
	color: #fff;
	outline: solid 2px rgba(150,116,202,0);
}

.UI-FormButton:hover,.UI-Button--action:hover {
	outline: solid 2px rgba(150,116,202,.5);
}

.UI-Button--noActive {
	cursor: default;
	opacity: .5;
}

.UI-Button--noActive:hover {
	outline: none;
}

.UI-Button--noActive:active {
	filter: none;
}

.UI-Input {
	background: var(--INPUT_COLOR);
	color: var(--TEXT_COLOR);
	font-size: var(--FS_TEXT);
	border-radius: 8px;
	border: 0;
	padding: 8px 12px;
	outline: 2px solid rgba(178,171,206,0);
	outline-offset: 4px;
	transition: .2s;
}

.UI-Input:-webkit-input-placeholder {
	color: #3c3c4ab3;
}

.UI-Input:hover,.UI-Input:focus {
	outline: 2px solid rgba(243,242,246,.8);
	outline-offset: 2px;
}

.UI-Input--transparent {
	background: var(--AIR_BLOCK_COLOR);
}

.UI-Input--transparent:hover,.UI-Input--transparent:focus {
	outline: 2px solid var(--AIR_BLOCK_COLOR);
}

.UI-CopyInput {
	display: flex;
	gap: 5px;
}

.UI-CopyInput button {
	background: var(--AIR_BLOCK_COLOR);
	width: 40px;
}

.UI-CopyInput button svg {
	fill: var(--TEXT_COLOR);
	width: 20px;
	height: 20px;
	margin-top: 3px;
}

.UI-Code {
	background: #271d31;
	border-radius: var(--BR_BASE);
	overflow: scroll;
	margin: 5px;
}

.UI-Code .Body {
	padding: 10px;
}

.UI-Code .Body pre {
	margin: 0;
}

.UI-Loading {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-Loading .LoadingContent {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.UI-Loading .LoadingContent .Servers {
	width: fit-content;
	display: flex;
	font-size: 1rem;
	flex-direction: column;
}

.UI-Loading .LoadingContent .Servers .Server {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.UI-Loading .LoadingContent .Text {
	text-align: center;
	text-wrap: balance;
}

.UI-DownloadProgress {
	width: fit-content;
	height: fit-content;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-DownloadProgress .Loader,.UI-DownloadProgress .Progress {
	position: absolute;
	inset: 0;
}

.UI-DownloadProgress .Loader {
	background: #000c;
	margin: auto;
	border-radius: 50%;
	padding: 0;
}

.UI-DownloadProgress .Loader .Icon {
	position: absolute;
	inset: 0;
	margin: auto;
	z-index: 1;
}

.UI-DownloadProgress .Loader .Icon svg {
	fill: #fff;
}

.UI-DownloadProgress .Loader .Circle {
	animation: spin 1s linear infinite;
}

.UI-DownloadProgress .Progress {
	background: #000c;
	color: #ffffffb3;
	padding: 2px 6px;
	line-height: 1;
	border-radius: 10px;
	width: fit-content;
	height: fit-content;
	bottom: -80px;
	margin: auto;
	gap: 5px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-size: .6em;
}

.UI-DownloadProgress .Progress .Downloaded {
	color: #fff;
}

.UI-Emoji {
	width: 1.3em;
	height: 1.3em;
	margin: 1px 1px -3.7px;
	position: relative;
	display: inline-block;
}

.UI-Emoji img {
	width: 1.3em;
	height: 1.3em;
	position: absolute;
	inset: 0;
}

.UI-Online {
	background: #63d53a;
	border: solid var(--BLOCK_COLOR);
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-right: 5px;
}

.UI-NCounter {
	background: var(--ACCENT_COLOR);
	color: #fff;
	border-radius: 100px;
	font-size: .6em;
	min-width: 15px;
	height: 15px;
	padding: 2px;
	position: absolute;
	z-index: 3;
	user-select: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.Notifications {
	width: 100%;
	max-width: 600px;
	margin: auto;
}

.Notifications-New {
	margin-bottom: 10px;
}

.Notifications-New .Notifications-Notification {
	outline: 1px solid var(--ACCENT_COLOR);
	outline-offset: 2px;
}

.Notifications-Notification {
	width: 100%;
	padding: 7px 10px;
	position: relative;
	display: flex;
	align-items: center;
}

.Notifications-Notification .AvatarContainer {
	width: fit-content;
	margin-right: 10px;
	position: relative;
}

.Notifications-Notification .AvatarContainer .Avatar {
	margin: 0 5px 5px 0;
}

.Notifications-Notification .AvatarContainer svg {
	fill: var(--ACCENT_COLOR);
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	filter: drop-shadow(0px 0px 4px rgba(0,0,0,.33));
}

.Notifications-Notification .NotificationContent {
	text-align: left;
	max-width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Notifications-Notification .Title {
	font-size: 1em;
	overflow: hidden;
	text-wrap: nowrap;
	text-overflow: ellipsis;
}

.Notifications-Notification .Text {
	color: var(--D_OR_P_COLOR);
	font-size: .889em;
	text-wrap: balance;
	word-wrap: break-word;
}

.Notifications-Notification .Date {
	color: var(--D_OR_P_COLOR);
	font-size: .8em;
	position: absolute;
	top: 8px;
	right: 15px;
}

.UI-Neoimage {
	width: 100%;
	height: 100%;
	display: flex;
}

.UI-L_NAV {
	width: 100%;
	max-width: 200px;
	padding-left: 10px;
	text-wrap: nowrap;
}

.UI-L_NAV button {
	background: var(--BLOCK_COLOR_LITE);
	color: var(--BLOCK_COLOR_LITE_TEXT);
	font-size: var(--FS_TEXT);
	width: 100%;
	height: 35px;
	border-radius: var(--BR_BASE);
	margin-bottom: 5px;
	padding: 5px 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	transition: .2s;
}

.UI-L_NAV button .GoldText {
	background-image: var(--GOLD_GRADIENT);
	-webkit-background-clip: text;
	color: transparent;
	display: flex;
	align-items: center;
}

.UI-L_NAV button .GoldText .icon-Nav_Sub:before {
	background-image: var(--GOLD_GRADIENT);
	-webkit-background-clip: text;
	color: transparent;
}

.UI-L_NAV button .UI-LN_ICON {
	margin-right: 7px;
	width: 20px;
	height: 20px;
	position: relative;
}

.UI-L_NAV button .UI-LN_ICON svg {
	fill: var(--BLOCK_COLOR_LITE_TEXT);
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.UI-L_NAV .ActiveButton {
	background: var(--BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	box-shadow: var(--BLOCK_SHADOW);
}

.UI-L_NAV .ActiveButton .UI-LN_ICON svg {
	fill: var(--TEXT_COLOR);
}

.UI-L_NAV .UI-NCounter {
	right: 5px;
}

.UI-BoxButtons {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.UI-BoxButton {
	background: var(--BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	border-radius: var(--BR_BASE);
	font-size: .9em;
	padding: 5px;
	gap: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid var(--BLOCK_BLOCK_COLOR);
}

.UI-BoxButton svg {
	fill: var(--TEXT_COLOR);
	width: 30px;
	height: 30px;
}

.UI-EmojiPicker {
	background: var(--AIR_COLOR);
	border-radius: var(--BR_BASE);
	backdrop-filter: var(--AIR_BLUR);
	box-shadow: var(--AIR_SHADOW);
	padding: 5px;
	width: 100%;
	max-width: 400px;
	max-height: 300px;
	overflow: scroll;
	z-index: 20;
	position: fixed;
	z-index: 90;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.UI-EmojiPicker.sidebar-emoji-picker {
	max-width: none;
	width: 100%!important;
}

.UI-EmojiPicker .Categories {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 10px;
}

.UI-EmojiPicker .Category {
	min-width: unset;
	flex: 1;
	background: none;
	border: 1px solid var(--AIR_BLOCK_COLOR);
	padding: 3px 7px;
	font-size: 1em;
	cursor: pointer;
	transition: background-color .2s ease;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-EmojiPicker .Category svg {
	fill: var(--TEXT_COLOR);
	width: 20px;
	height: 20px;
}

.UI-EmojiPicker .Category:hover {
	background-color: var(--AIR_BLOCK_COLOR);
}

.UI-EmojiPicker .Selected {
	background: var(--AIR_BLOCK_COLOR);
}

.UI-EmojiPicker .Grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(40px,1fr));
	gap: 5px;
	width: 100%;
}

.UI-EmojiPicker .EmojiItem {
	font-size: 24px;
	cursor: pointer;
	text-align: center;
	transition: transform .2s ease;
}

.UI-EmojiPicker .EmojiItem:hover {
	transform: scale(1.2);
}

.UI-EmojiPicker .SelectedEmoji {
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700;
}

.UI-MaterialTabs {
	width: 100%;
}

.UI-MaterialTabs-Header {
	position: relative;
	display: flex;
}

.UI-MaterialTabs-Button {
	flex: 1;
	padding: 12px;
	text-align: center;
	background: none;
	border: none;
	outline: none;
	font-size: 16px;
	cursor: pointer;
	transition: color .3s;
}

.UI-MaterialTabs-Button.active {
	color: var(--ACCENT_COLOR);
}

.UI-MaterialTabs-Indicator {
	position: absolute;
	bottom: 0;
	height: 2px;
	border-radius: 10px;
	background: var(--ACCENT_COLOR);
	transition: left .3s ease,width .3s ease;
}

.UI-MaterialTabs-Content {
	display: flex;
	padding: 10px;
}

.UI-PAGE_BODY {
	flex: 1;
	padding: 0 10px;
	overflow: hidden;
	position: relative;
	display: flex;
}

.UI-ScrollView {
	width: 100%;
	height: 100%;
	padding: 0 2px;
	overflow: scroll;
}

.UI-ErrorMessage {
	background: var(--BLOCK_COLOR_LITE);
	color: var(--BLOCK_COLOR_LITE_TEXT);
	border-radius: var(--BR_BASE);
	width: fit-content;
	text-align: center;
	padding: 10px;
	margin: 70px auto;
	gap: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.UI-ErrorMessage .Emoji {
	width: 100px;
	height: 100px;
}

.UI-UniversalPanel {
	background: var(--AIR_COLOR);
	backdrop-filter: var(--AIR_BLUR);
	-webkit-backdrop-filter: var(--AIR_BLUR);
	font-size: var(--FS_TEXT);
	min-width: 250px;
	max-width: 400px;
	border-radius: 15px;
	margin: 3px 5px;
	padding: 10px 15px;
	position: absolute;
	z-index: 4;
	overflow: hidden;
	gap: var(--PUSTOTA_WIDTH);
	display: flex;
	flex-direction: column;
	box-shadow: var(--AIR_SHADOW);
}

.UI-UniversalPanel .Item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.UI-UniversalPanel .UI-Switch,.UI-UniversalPanel .Close {
	margin-left: 5px;
	position: relative;
}

.UI-UniversalPanel .Close {
	background: var(--BTN_CLOSE_COLOR);
	width: 30px;
	height: 30px;
	position: relative;
	flex-shrink: 0;
}

.UI-C_L,.UI-C_R {
	overflow: hidden;
}

.UI-C_L {
	width: 100%;
	max-width: 500px;
	margin-right: 5px;
}

.UI-C_R {
	width: 100%;
	max-width: 350px;
	margin-left: 3px;
}

.UI-PartitionName {
	color: #9c99a7;
	font-size: .78em;
	margin: 10px 0 0;
	padding: 0 14px 4px;
}

.UI-BackButton {
	background: #fff0;
	color: var(--TEXT_COLOR);
	fill: var(--TEXT_COLOR);
	display: flex;
	align-items: center;
	flex-direction: row;
}

.UI-BackButton svg {
	width: 40px;
	height: 30px;
	margin-left: -15px;
	margin-right: -5px;
}

.UI-NavigatedHeader {
	width: 100%;
	height: 45px;
	inset: 0;
}

.UI-NavigatedHeader .BG,.UI-NavigatedHeader .Body {
	position: absolute;
	inset: 0;
}

.UI-NavigatedHeader .BG {
	background: var(--AIR_COLOR);
	backdrop-filter: var(--AIR_BLUR);
	z-index: 1;
}

.UI-NavigatedHeader .Body {
	z-index: 2;
	display: flex;
	align-items: center;
}

.UI-NavigatedHeader .Body .UI-BackButton {
	position: absolute;
}

.UI-NavigatedHeader .Body .Title {
	color: var(--TEXT_COLOR);
	width: fit-content;
	height: fit-content;
	position: absolute;
	inset: 0;
	margin: auto;
}

.UI-NavigatedHeader .Body .Dots {
	border: 1px solid var(--AIR_BLOCK_COLOR);
	border-radius: 100px;
	position: absolute;
	right: 0;
	margin-right: 10px;
	padding: 4px;
	display: flex;
}

.UI-NavigatedHeader .Body .Dots svg {
	width: 15px;
	height: 15px;
	fill: var(--TEXT_COLOR);
}

.UI-NavigatedHeader .Body .UI-GovernButtons {
	top: 40px;
}

.UI-PB_Content {
	margin: 40px 5px 30px;
}

.UI-PB_Content .UI-FormButton {
	margin-top: 15px;
	width: 100%;
}

.UI-PB_Content .UI-Input {
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
}

.UI-PB_Image {
	width: 100px;
	margin: 50px auto 20px;
	display: block;
}

.UI-PB_ImageSVG {
	margin: 50px auto 10px;
	display: flex;
	justify-content: center;
}

.UI-PB_ImageSVG svg {
	width: 80px;
	height: 80px;
}

.UI-PB_ImageSVG .true {
	fill: var(--ACCENT_COLOR);
}

.UI-PB_ImageSVG .false {
	fill: var(--D_OR_P_COLOR);
}

.UI-PB_TitleText {
	width: 80%;
	font-size: 1.15em;
	margin: auto;
	text-align: center;
}

.UI-PB_InputText {
	color: #a3a0ac;
	text-align: center;
	font-size: .9rem;
	margin-bottom: 10px;
	text-wrap: balance;
}

.UI-PB_Column {
	border-radius: var(--BR_BASE);
	gap: 1px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: var(--BLOCK_SHADOW);
}

.UI-PB_C_Element {
	background: var(--BLOCK_COLOR);
	padding: 5px 15px;
	font-size: .9em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.UI-PB_C_Element svg {
	width: 25px;
	height: 25px;
}

.UI-PB_C_Element .true {
	fill: var(--ACCENT_COLOR);
}

.UI-PB_C_Element .false {
	fill: var(--D_OR_P_COLOR);
}

.UI-Block {
	background: var(--BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	margin-bottom: 7px;
	padding: 10px;
	box-shadow: var(--BLOCK_SHADOW);
}

.UI-Block .BigText {
	margin: 10px 5px;
	font-size: .95em;
}

.UI-Block .BigText h3 {
	font-size: 1em;
	font-family: var(--FF_TITLE);
}

.UI-Block .BigText strong {
	color: var(--TITLE_COLOR);
	font-weight: 400;
}

.UI-Block .BigText table {
	background: var(--BLOCK_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	width: 100%;
	border-collapse: collapse;
}

.UI-Block .BigText table thead th {
	padding: 5px;
	font-style: normal;
	font-weight: 400;
}

.UI-Block .BigText table tbody td {
	padding: 5px;
}

.UI-Block .BigText ul {
	padding: 0 25px;
}

.UI-Block .BigText p {
	margin: 0 0 5px;
}

.UI-InfoBlock {
	font-size: .9em;
	display: flex;
	align-items: center;
	gap: 10px;
}

.UI-InfoBlock svg {
	fill: var(--TEXT_COLOR);
	width: 30px;
	height: 30px;
	flex-shrink: 0;
}

.UI-Title {
	color: var(--TITLE_COLOR);
	font-family: var(--FF_TITLE);
	font-size: var(--FS_TITLE);
	width: fit-content;
	margin: 8px 0 12px 5px;
}

.UI-B_CONTENT {
	color: var(--TEXT_COLOR);
	font-size: .9em;
	line-height: 1.3em;
	margin: 5px;
}

.UI-B_FIRST {
	margin-top: var(--C_TOP_MARGIN);
}

.UI-PRELOAD {
	background: #c5c1d1;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
}

.UI-PRELOAD:after {
	background: #ecebf0;
	filter: blur(10px);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: TEXT_PRELOAD-ANIM 1s infinite ease-out;
}

.UI-EmailInfo {
	color: var(--TEXT_COLOR_LITE);
	font-size: .8em;
	position: sticky;
	z-index: 1;
	margin-top: 10px;
	margin-left: 10px;
}

.UI-UserIcons {
	height: 100%;
	margin: .4px 0 0 1px;
	display: flex;
	align-items: center;
	width: auto;
	flex-shrink: 0;
}

.UI-UserIcons img,.UI-UserIcons svg {
	width: 15px;
	height: 15px;
	margin-left: 3px;
}

.UI-UserIcons svg {
	fill: var(--ACCENT_COLOR);
}

.UI-AddButton {
	background: var(--BLOCK_COLOR);
	padding: 8px 15px;
	margin-left: 10px;
	text-wrap: nowrap;
	position: sticky;
	z-index: 2;
	display: flex;
	align-items: center;
	box-shadow: var(--BLOCK_SHADOW);
}

.UI-AddButton svg {
	fill: var(--BTN_TEXT_COLOR);
	width: 25px;
	height: 25px;
	margin-right: 5px;
	margin-left: -5px;
}

.UI-Windows {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #00000080;
}

.UI-Window_BG {
	background: var(--BACKDROP_COLOR);
	inset: 0;
	position: fixed;
	z-index: 40;
}

.UI-Window {
	background: var(--AIR_COLOR);
	backdrop-filter: var(--AIR_BLUR);
	-webkit-backdrop-filter: var(--AIR_BLUR);
	border-radius: 13px;
	height: fit-content;
	width: 270px;
	padding: 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 41;
	transform: translate(-50%,-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.UI-Window input {
	background: var(--AIR_BLOCK_COLOR);
	width: 100%;
	height: 35px;
	padding: 0 10px;
	margin-top: 10px;
}

.UI-Window input:hover,.UI-Window input:focus {
	outline: 2px solid var(--AIR_BLOCK_COLOR);
}

.UI-Window_content {
	width: 100%;
	padding: 5px;
	margin-top: 5px;
	text-align: center;
}

.UI-Window_title {
	font-family: var(--FF_TITLE);
	font-size: 1.05rem;
}

.UI-Window_text {
	color: var(--TEXT_COLOR);
	font-size: 1rem;
	margin-top: 15px;
	text-wrap: balance;
	word-wrap: break-word;
	white-space: pre-line;
}

.UI-Window_BTNS {
	width: 96%;
	height: 30px;
	margin: 13px 5px 5px;
	gap: 10px;
	display: flex;
}

.UI-Window_button {
	background: var(--ACCENT_COLOR);
	color: #fff;
	width: 100%;
	height: 100%;
	border-radius: var(--BR_BASE);
	text-align: center;
	transition: .1s;
	outline: solid 2px rgba(150,116,202,0);
	outline-offset: 4px;
}

.UI-Window_button:hover {
	outline: solid 2px rgba(150,116,202,.5);
	outline-offset: 2px;
}

.UI-Window_BTN_NOACT {
	background: var(--AIR_BLOCK_COLOR);
	color: var(--TEXT_COLOR);
}

.UI-Window_BTN_NOACT:hover {
	outline: solid 2px var(--AIR_BLOCK_COLOR);
}

.UI-E_IMG {
	filter: contrast(.2);
	width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.UI-DropdownSelect {
	background: var(--BLOCK_BLOCK_COLOR);
	padding: 10px 30px 10px 10px;
	border-radius: var(--BR_BASE);
	text-wrap: nowrap;
	position: relative;
	display: inline-flex;
	align-items: center;
}

.UI-DropdownSelect svg {
	fill: var(--TEXT_COLOR);
	position: absolute;
	width: 33px;
	height: 15px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.UI-DS_List {
	background: var(--AIR_COLOR);
	backdrop-filter: var(--AIR_BLUR);
	border-radius: var(--BR_BASE);
	font-size: 1.1em;
	margin-top: 5px;
	padding: 5px;
	position: absolute;
	gap: 5px;
	z-index: 10;
	display: flex;
	flex-direction: column;
}

.UI-DS_List .Selected {
	background: var(--AIR_BLOCK_COLOR);
}

.UI-DS_List button {
	background: #fff0;
	padding: 5px 15px;
	border-radius: var(--BR_BASE);
	transition: .2s;
}

.UI-CopyTextBox {
	position: relative;
	background-color: var(--BLOCK_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	padding: 5px;
	width: fit-content;
	max-width: 100%;
	white-space: pre-wrap;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1em;
	gap: 10px;
}

.UI-CopyTextBox .TextContent {
	margin: 0;
	word-break: break-word;
}

.UI-CopyTextBox .CopyButton {
	background: none;
	padding: 5px;
	cursor: pointer;
	flex: 0 1 auto;
}

.UI-ConnectBlock {
	height: fit-content;
	margin: auto;
	max-width: 500px;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.UI-ConnectBlock .ConnectLogo {
	width: 90px;
	height: 90px;
	position: relative;
	margin: 10px 0;
}

.UI-ConnectBlock .ConnectLogo .AppLogo {
	width: 85%;
	height: 85%;
	border-radius: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

.UI-ConnectBlock .ConnectLogo .AppLogo img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.UI-ConnectBlock .ConnectLogo .Avatar {
	position: absolute;
	right: 0;
	top: 0;
	outline: 4px solid var(--BLOCK_COLOR);
	outline-offset: 0px;
	z-index: 1;
}

.UI-ConnectBlock .UI-Title {
	width: 50%;
	margin: 10px auto;
	text-wrap: balance;
}

.UI-ConnectBlock .Info {
	font-size: .95em;
	margin-top: 10px;
}

.UI-ConnectBlock .UI-Description {
	margin-top: 10px;
}

.UI-ConnectBlock .Buttons {
	width: 100%;
	height: 30px;
	margin-top: 8px;
	gap: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.UI-ConnectBlock .Buttons button {
	width: 100%;
	height: 100%;
}

.UI-ActionWindow {
	background: var(--AIR_COLOR);
	border-radius: var(--BR_BASE);
	width: 100%;
	max-width: 850px;
	height: fit-content;
	margin: auto;
	position: fixed;
	inset: 0;
	z-index: 20;
	box-shadow: 0 3px 18px -4px #251f3680;
}

.UI-ActionWindow .TopBar {
	padding: 10px 15px 0;
	user-select: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.UI-ActionWindow .TopBar .Title {
	font-size: var(--FS_TITLE);
	font-family: var(--FF_TITLE);
}

.UI-ActionWindow .TopBar button {
	background: #fff0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-ActionWindow .TopBar button svg {
	fill: var(--BTN_TEXT_COLOR);
	width: 25px;
	height: 25px;
}

.UI-AW_Content {
	padding: 10px;
	user-select: none;
}

.UI-AW_Content input,.UI-AW_Content textarea {
	background: var(--AIR_BLOCK_COLOR);
	padding: 10px;
	user-select: auto;
}

.UI-AW_Content textarea {
	height: 100%;
	resize: none;
}

.UI-AW_Content input:hover,.UI-AW_Content input:focus,.UI-AW_Content textarea:hover,.UI-AW_Content textarea:focus {
	outline: 2px solid var(--AIR_BLOCK_COLOR);
}

.UI-Switch {
	background: var(--BTN_BACKGROUND);
	border: 1px solid rgba(89,93,105,.1);
	border-radius: 100px;
	padding: 4px;
	width: 55px;
	height: 25px;
	min-width: 55px;
	cursor: pointer;
	position: relative;
	transition: .3ms;
	overflow: hidden;
	user-select: none;
	display: inline-flex;
	align-items: center;
}

.UI-Switch input {
	display: none;
}

.UI-Switch:after {
	content: "";
	background: #fff;
	border-radius: 100px;
	height: 20px;
	width: 20px;
	margin: auto;
	transition-duration: .3s;
	position: absolute;
	left: 0;
	right: 0;
	transform: translate(-14px);
	box-shadow: 0 0 10px 1px #00000054;
}

.UI-Switch-On {
	background: var(--ACCENT_COLOR);
	border: 0px solid rgba(255,255,255,0);
}

.UI-Switch-On:after {
	transform: translate(14px);
}

.UI-Buttons {
	border-radius: var(--BR_BASE);
	margin-bottom: 7px;
	overflow: hidden;
	gap: 1px;
	display: flex;
	flex-direction: column;
	box-shadow: var(--BLOCK_SHADOW);
}

.UI-Buttons button {
	background: var(--BLOCK_COLOR);
	border-radius: 0;
	text-align: left;
	padding: 10px 15px;
	display: flex;
	align-items: center;
}

.UI-Buttons button .Icon {
	background: #ff5252;
	border-radius: 5px;
	margin-right: 8px;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-Buttons button .Icon svg {
	fill: #fff;
	width: 15px;
	height: 15px;
}

.UI-Send {
	background: var(--ACCENT_COLOR);
	width: 50px;
	border-radius: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-Send svg {
	width: 20px;
	height: 20px;
}

.UI-Tabs {
	background: var(--BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	width: 100%;
	height: 37px;
	padding: 5px;
	margin-bottom: 7px;
	gap: var(--PUSTOTA_WIDTH);
	display: inline-flex;
	align-items: center;
	overflow: scroll;
	text-wrap: nowrap;
}

.UI-Tabs .Tab {
	background: var(--BLOCK_COLOR);
	color: #686570b3;
	border-radius: 7px;
	width: 100%;
	height: 100%;
	position: relative;
	transition: .2s;
}

.UI-Tabs .ActiveTab {
	background: var(--BLOCK_BLOCK_COLOR);
	color: var(--BTN_TEXT_COLOR);
	box-shadow: 0 0 3px #dbdae1;
}

.UI-GitHubButton {
	background: #000;
	color: #fff;
	fill: #fff;
	padding: 5px 8px;
	font-size: 1.1em;
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-GitHubButton svg {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

.UI-GovernButton {
	fill: var(--BTN_TEXT_COLOR);
	padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-GovernButton svg {
	width: 13px;
	height: 13px;
}

.UI-GovernButtons {
	font-size: 1rem;
	background: var(--AIR_COLOR);
	-webkit-backdrop-filter: saturate(600%) blur(10px);
	backdrop-filter: saturate(600%) blur(10px);
	width: fit-content;
	border-radius: var(--BR_BASE);
	padding: 5px;
	position: absolute;
	top: 50px;
	right: 10px;
	z-index: 5;
	display: flex;
	flex-direction: column;
}

.UI-GovernButtons .Container {
	border-radius: 8px;
	overflow: hidden;
	gap: var(--PUSTOTA_WIDTH);
	display: flex;
	flex-direction: column;
}

.UI-GovernButtons .Container button {
	background: var(--AIR_BLOCK_COLOR);
	border-radius: 0;
	text-shadow: 0px 0px 5px var(--AIR_BLOCK_COLOR);
	width: 100%;
	text-wrap: nowrap;
	padding: 5px 5px 5px 26px;
	position: relative;
	display: flex;
}

.UI-GovernButtons .Container button svg {
	fill: var(--BTN_TEXT_COLOR);
	width: 1rem;
	height: 1rem;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
}

.UI-Description {
	background: var(--BLOCK_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	margin-top: 5px;
	width: 100%;
	padding: 8px 7px;
	text-align: left;
}

.UI-Description .Title {
	color: var(--D_OR_P_COLOR);
	font-size: .85em;
	margin-bottom: 4px;
}

.UI-Description .Text {
	word-wrap: break-word;
	white-space: pre-line;
	user-select: text;
}

.UI-Description .Text a {
	user-select: none;
}

.UI-AD_N2-B {
	background: var(--NL_GRADIENT);
	border-radius: var(--BR_BASE);
	width: 100%;
	height: 180px;
	overflow: hidden;
	position: relative;
	margin-bottom: 7px;
}

.UI-AD_C_TOP {
	width: 100%;
	position: absolute;
	top: 0;
}

.UI-AD-T {
	color: #ffffffe3;
	font-size: 1.4em;
	text-shadow: #474747 1px 0 10px;
	margin: 10px;
	position: absolute;
	top: 40px;
}

.UI-AD_C_BOTTOM {
	width: 100%;
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.UI-AD_TITLE {
	background: var(--AIR_COLOR);
	backdrop-filter: saturate(200%) blur(10px);
	-webkit-backdrop-filter: saturate(200%) blur(10px);
	color: var(--TITLE_COLOR);
	width: fit-content;
	border-radius: 4px;
	padding: 2px 5px;
	margin: 7px;
}

.UI-AD_BTN {
	background: var(--AIR_COLOR);
	backdrop-filter: saturate(200%) blur(10px);
	-webkit-backdrop-filter: saturate(200%) blur(10px);
	color: var(--TITLE_COLOR);
	width: 100%;
	margin: 7px;
	padding: 5px 0;
	text-align: center;
	border-radius: 8px;
	outline: 2px solid rgba(178,171,206,0);
	outline-offset: 4px;
	transition: .1s;
}

.UI-AD_BTN:hover {
	outline: 2px solid rgba(255,255,255,.5);
	outline-offset: 2px;
}

.UI-AD_BTN:active {
	filter: brightness(.8);
}

.UI-AD_IMG {
	width: 100%;
}

.UI-Slider {
	background: var(--AIR_BLOCK_COLOR);
	border-radius: 2px;
	width: 100%;
	height: 5px;
	margin-top: 7px;
	cursor: pointer;
	overflow: hidden;
	transition: .2s;
	position: relative;
}

.UI-Slider .Progress {
	background: var(--BLOCK_COLOR_LITE_TEXT);
	width: 0%;
	height: 100%;
	transition: .2s;
}

.UI-Slider .Progress.Vertical {
	width: 100%;
	height: 0;
	bottom: 0;
	position: absolute;
}

.UI-Slider.Vertical {
	height: 100px;
	width: 5px;
}

.UI-Slider.Vertical:hover {
	height: 100px;
	width: 10px;
}

.UI-Slider:hover {
	height: 10px;
	border-radius: 15px;
}

.UI-VolumeControl__button {
	margin: 0;
	padding: 0;
	background: transparent;
}

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

.UI-VolumeControl .UI-VolumeControl__button {
	margin: 0;
	padding: 0;
	background: transparent;
}

.UI-VolumeControl__slider {
	position: absolute;
	background: var(--AIR_COLOR);
	padding: 7px;
	border-radius: 6px;
	margin-top: -190px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	box-shadow: var(--AIR_SHADOW);
}

.UI-VolumeControl__slider .UI-Slider {
	margin: 0;
}

.UI-VolumeControl__slider svg {
	opacity: .5;
	transform: scale(.9);
}

.UI-PlayButton {
	fill: var(--INTERACTION_BTN_TEXT_COLOR);
	margin: 0 10px;
	padding: 0;
	width: 30px;
	height: 30px;
	position: relative;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-PlayButton svg {
	width: 70%;
	height: 70%;
	position: absolute;
	inset: 0;
	margin: auto;
}

.UI-Links {
	border-radius: var(--BR_BASE);
	margin-top: 5px;
	width: 100%;
	display: flex;
	overflow-x: scroll;
}

.UI-Links button {
	background: var(--BLOCK_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	width: fit-content;
	margin-right: 5px;
	padding: 4px 9px;
	font-size: .85em;
	text-wrap: nowrap;
	display: flex;
	align-items: center;
}

.UI-Links button img,.UI-Links button svg {
	width: 17px;
	height: 17px;
	margin-right: 5px;
}

.UI-Links button svg {
	fill: var(--BTN_TEXT_COLOR);
}

.UI-AvatarInput,.UI-CoverInput {
	width: fit-content;
	height: fit-content;
	position: relative;
}

.UI-AvatarInput input,.UI-CoverInput input {
	opacity: 0;
	position: absolute;
	inset: 0;
	cursor: pointer;
}

.UI-MusicCover {
	border-radius: 10px;
	flex-shrink: 0;
	position: relative;
}

.UI-MusicCover .Cover,.UI-MusicCover .NoneCover {
	border-radius: 10px;
	width: 100%;
	height: 100%;
}

.UI-MusicCover .Cover,.UI-MusicCover .CoverShadow {
	overflow: hidden;
}

.UI-MusicCover .Cover img,.UI-MusicCover .CoverShadow img {
	width: 100%;
	height: 100%;
}

.UI-MusicCover .NoneCover {
	background: #d4cddf;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-MusicCover .NoneCover svg {
	fill: var(--ACCENT_COLOR);
	width: 70%;
	height: 70%;
}

.UI-MusicCover .CoverShadow {
	background: #fff0;
	border-radius: 0;
	filter: blur(10px);
	width: 95%;
	height: 95%;
	position: absolute;
	inset: 5px 0 0;
	z-index: -1;
	margin: auto;
}

.UI-MusicCover .UI-PRELOAD {
	border-radius: 10px;
	width: 150px;
	height: 150px;
}

.UI-MusicCover .UI-PRELOAD:after {
	filter: blur(27px);
}

.Auth-Body {
	width: 900px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	overflow: hidden;
	user-select: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.Auth-Body .Left,.Right {
	height: 100%;
	min-height: 100%;
	position: relative;
}

.Auth-Body .Left {
	width: 45%;
	min-width: 45%;
}

.Auth-Body .Right {
	width: 55%;
	min-width: 55%;
}

.Auth-Body .LogoAndTitle {
	width: fit-content;
	height: fit-content;
	margin: auto;
	position: absolute;
	inset: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.Auth-Body .LogoAndTitle svg {
	width: 100px;
	margin-bottom: 20px;
}

.Auth-Body .LogoAndTitle .Title {
	text-align: center;
	width: 70%;
	font-size: 1.2em;
	margin-bottom: 30px;
}

.Auth-Body .LogoAndTitle .Title span {
	font-family: var(--FF_TITLE);
}

.Auth-Body .Watermark {
	color: #8b879a80;
	font-size: .8em;
	position: absolute;
	bottom: 0;
	margin: 5px 10px;
}

.Auth-Body .LastUsers {
	width: 80%;
	display: flex;
	justify-content: space-evenly;
}

.Auth-Body .LastUsers .User {
	background: #fff0;
	padding: 0;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.Auth-Body .LastUsers .Name {
	color: #969696;
	font-size: .8em;
	width: 50px;
	margin-top: 5px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Auth-Body .LastUsers .Name .UI-PRELOAD {
	width: 40px;
	height: 15px;
	margin: auto;
}

.Auth-Body .Login,.Reg,.Auth-Container {
	padding: 15px;
	width: 70%;
	height: fit-content;
	position: absolute;
	inset: 0;
	margin: auto;
	display: flex;
	user-select: none;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.Auth-Body .Login {
	z-index: 2;
	opacity: 1;
	visibility: visible;
}

.Auth-Body .Reg,.Auth-Container {
	z-index: 1;
	opacity: 0;
	visibility: hidden;
}

.Reg .PasswordInput {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 5px;
	margin-bottom: 10px;
}

.Reg .PasswordInput .UI-Input {
	width: 100%;
	margin: 0;
}

.Reg .PasswordInput button {
	background: var(--INPUT_COLOR);
	padding: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Reg .PasswordInput button svg {
	fill: var(--TEXT_COLOR);
	width: 25px;
	height: 25px;
}

.Form_Container-Text {
	color: var(--TITLE_COLOR);
	font-family: var(--FF_TITLE);
	font-size: 20px;
	margin-bottom: 20px;
}

.Authorization-Form {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.Authorization-Form .UI-Input {
	padding: 10px;
	margin-bottom: 10px;
}

.Authorization-Form .UI-FormButton {
	border-radius: 14px;
}

.Authorization-BTN_2 {
	background: var(--BLOCK_COLOR);
	color: var(--ACCENT_COLOR);
	font-size: var(--FS_TEXT);
	margin-top: 10px;
	border-radius: 14px;
	padding: 5px 10px;
}

.Authorization-Accept_R {
	color: #8b879ab3;
	font-size: .9em;
	margin: 5px 0 13px;
	display: flex;
	align-items: center;
}

.Authorization-Accept_R_BTN {
	background: var(--ACCENT_COLOR);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	cursor: pointer;
}

.Search-Result {
	background: var(--AIR_COLOR);
	backdrop-filter: var(--AIR_BLUR);
	-webkit-backdrop-filter: var(--AIR_BLUR);
	border-radius: var(--BR_BASE);
	width: 100%;
	max-width: 500px;
	height: 50vh;
	margin: var(--C_TOP_MARGIN) auto auto auto;
	padding: 38px 0 0;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 30;
	display: flex;
	box-shadow: var(--AIR_SHADOW);
	-moz-box-shadow: var(--AIR_SHADOW);
	-webkit-box-shadow: var(--AIR_SHADOW);
}

.Search-Result .Category {
	width: 100%;
	margin-top: 10px;
	font-size: 1.1em;
	position: absolute;
	top: 0;
	z-index: 1;
	flex: 1;
	overflow: scroll;
}

.Search-Result .Category .BUTTons {
	padding: 0 10px;
	display: inline-flex;
}

.Search-Result .Category button {
	background-color: #aaa0;
	color: #706f7cb3;
	border-radius: 6px;
	padding: 3px 10px;
	transition: background-color .2s;
}

.Search-Result .Category .Active {
	background-color: var(--AIR_BLOCK_COLOR);
	color: var(--BTN_TEXT_COLOR);
}

.Search-Result .UI-ScrollView {
	border-radius: var(--BR_BASE);
	padding: 0;
	margin: 0 10px auto;
	mask-image: linear-gradient(to bottom,#0000,#000 4% 96%,#0000);
}

.Search-Result .Results {
	padding: 11px 0;
	gap: var(--PUSTOTA_WIDTH);
	display: flex;
	flex-direction: column;
}

.Search-Result .Error {
	color: var(--TEXT_COLOR);
	text-align: center;
	position: absolute;
	inset: 50% 0;
}

.UI-NavPanel {
	background: var(--AIR_COLOR);
	border-radius: var(--BR_BASE);
	backdrop-filter: var(--AIR_BLUR);
	padding: 8px;
	transform: rotate3d(10,-10,1,45deg) translate(25px,-100px) scale(.3);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 0;
	box-shadow: var(--AIR_SHADOW);
}

.UI-NavPanel .Layer {
	gap: 8px;
	display: flex;
	flex-direction: column;
}

.UI-NavPanel button {
	background: var(--AIR_BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	font-size: var(--FS_TITLE);
	border-radius: var(--BR_BASE);
	text-wrap: nowrap;
	width: 100%;
	padding: 10px;
}

.UI-NavPanel .AccountContainer {
	display: flex;
	gap: 5px;
}

.UI-NavPanel .AccountContainer .Account {
	padding: 5px;
	display: flex;
	align-items: center;
}

.UI-NavPanel .AccountContainer .Account .Avatar {
	margin-right: 10px;
}

.UI-NavPanel .AccountContainer .Account .Name {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
}

.UI-NavPanel .AccountContainer .Delete {
	background: var(--BTN_CLOSE_COLOR);
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-NavPanel .AccountContainer .Delete svg {
	width: 18px;
	height: 19px;
	fill: red;
}

.UI-MusicPlayer {
	margin: 10px 13px;
	display: flex;
	align-items: center;
}

.UI-MusicPlayer .UI-MusicCover {
	background: var(--AIR_BLOCK_COLOR);
}

.UI-MusicPlayer .Metadata {
	flex-grow: 1;
	margin: 0 15px;
	overflow: hidden;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
}

.UI-MusicPlayer .Metadata .Name,.UI-MusicPlayer .Metadata .Author {
	width: fit-content;
	max-width: 100%;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.UI-MusicPlayer .Metadata .Author {
	color: var(--D_OR_P_COLOR);
	font-size: .9em;
}

.UI-MusicPlayer .Metadata:hover {
	cursor: pointer;
}

.UI-MusicPlayer .SliderContainer {
	width: 100%;
	margin-top: 5px;
	gap: 5px;
	display: flex;
	align-items: center;
}

.UI-MusicPlayer .SliderContainer .UI-Slider {
	margin: 0;
}

.UI-MusicPlayer .SliderContainer .Duration {
	font-size: .6em;
	opacity: .7;
}

.HomePage .UI-C_R {
	width: 100%;
	max-width: 350px;
}

.HomePage-OnlineUsers {
	padding: 10px 0;
}

.HomePage-OnlineUsers .UI-Title {
	font-size: .7em;
	margin: 0 10px 10px;
	opacity: .8;
}

.HomePage-OnlineUsers .Scroll {
	overflow: scroll;
}

.HomePage-OnlineUsers .Users {
	margin: 0 10px;
	gap: 10px;
	font-size: 30px;
	display: flex;
	flex-direction: row;
}

.HomePage-OnlineUsers .Users .User {
	position: relative;
}

.HomePage-OnlineUsers .Users .User .UI-Online {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}

.HomePage .UI-Tabs {
	box-shadow: var(--BLOCK_SHADOW);
}

.HomePage .UI-Tabs .ActiveTab {
	background: var(--BTN_BACKGROUND);
	box-shadow: 0 0 #fff0;
}

.HomePage .UI-C_L .Posts {
	margin-bottom: 20px;
}

.HomePage .Posts .UI-Loading .UI-Loader_1 {
	--uil1-size: 30px;
}

.Post-Page .UI-C_L,.Post-Page .UI-C_R {
	width: 100%;
	max-width: 100%;
}

.Post,.Comment {
	width: 100%;
	padding: 10px 10px 40px;
	position: relative;
	transition: .5s;
}

.Post .TopBar,.Comment .TopBar {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}

.Post .TopBar .Avatar,.Comment .TopBar .Avatar {
	cursor: pointer;
	margin-right: 10px;
}

.Post .TopBar .Info,.Comment .TopBar .Info {
	color: #595d69;
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 0;
}

.Post .TopBar .Info .InfoBody,.Comment .TopBar .Info .InfoBody {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
}

.Post .TopBar .Info .UI-NameBody,.Comment .TopBar .Info .UI-NameBody {
	display: flex;
	align-items: center;
	min-width: 0;
}

.Post .TopBar .Info .UI-NameBody .UI-UserIcons .Icon,.Comment .TopBar .Info .UI-NameBody .UI-UserIcons .Icon {
	width: 17px;
	height: 17px;
}

.Post .TopBar .Info .Name,.Comment .TopBar .Info .Name {
	color: var(--TEXT_COLOR);
}

.Post .TopBar .Info .Name .UI-PRELOAD,.Comment .TopBar .Info .Name .UI-PRELOAD {
	width: 100px;
	height: 13px;
	margin-bottom: 3px;
}

.Post .TopBar .Info .Date,.Comment .TopBar .Info .Date {
	color: var(--D_OR_P_COLOR);
	font-size: var(--FS_D_OR_P);
	line-height: 1.5em;
}

.Post .TopBar .Info .Date .UI-PRELOAD,.Comment .TopBar .Info .Date .UI-PRELOAD {
	width: 80px;
	height: 13px;
}

.Post .TopBar .GovernButton,.Comment .TopBar .GovernButton {
	border-radius: 100px;
	width: 25px;
	height: 25px;
	padding: 0;
	margin-right: 3px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Post .TopBar .GovernButton svg,.Comment .TopBar .GovernButton svg {
	fill: var(--INTERACTION_BTN_TEXT_COLOR);
	width: 15px;
	height: 15px;
}

.Post .Text,.Comment .Text {
	color: var(--TEXT_COLOR);
	width: fit-content;
	max-width: 100%;
	overflow: hidden;
	line-height: 1.3em;
	word-wrap: break-word;
	white-space: pre-line;
	position: relative;
}

.Post .Text .UI-PRELOAD,.Comment .Text .UI-PRELOAD {
	height: 40px;
	border-radius: var(--BR_BASE);
}

.Post .Text .UI-PRELOAD:after,.Comment .Text .UI-PRELOAD:after {
	filter: blur(40px);
}

.Post .Text .ShowMore,.Comment .Text .ShowMore {
	position: absolute;
	top: 100%;
	height: 100%;
	width: 100%;
	box-shadow: 0 -13px 15px 20px var(--BLOCK_COLOR);
}

.Post .Text .ShowMore button,.Comment .Text .ShowMore button {
	background: #fff0;
	font-size: 1.1em;
	position: absolute;
	top: -25px;
	left: 0;
	right: 0;
}

.Post .InteractionContainer {
	border-radius: var(--BR_BASE);
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.Post .InteractionContainer:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	box-shadow: -5px 0 10px 10px var(--BLOCK_COLOR);
}

.Post .InteractionScroll {
	width: 100%;
	height: 100%;
	overflow: scroll;
	display: flex;
}

.Post .InteractionButtons {
	height: 100%;
	padding: 10px;
	display: flex;
	transition: .2s;
}

.Post .InteractionButton {
	background: var(--INTERACTION_BTN_COLOR);
	color: var(--INTERACTION_BTN_TEXT_COLOR);
	fill: var(--INTERACTION_BTN_TEXT_COLOR);
	border-radius: 30px;
	width: fit-content;
	min-width: fit-content;
	height: 30px;
	padding: 0 10px;
	margin-right: 7px;
	font-size: .8em;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	transition: .3s;
}

.Post .InteractionButton svg {
	width: 19px;
	height: 19px;
}

.Post .InteractionButtons .InteractionButton .UI-PRELOAD {
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 0;
}

.Post .InteractionButtons .InteractionButton .UI-PRELOAD:after {
	filter: blur(20px);
}

.Post .InteractionButtons .Like {
	margin-right: 2px;
	border-radius: 100px 0 0 100px;
}

.Post .InteractionButtons .Dislike {
	border-radius: 0 100px 100px 0;
}

.Post .InteractionButtons .Liked {
	background: #cba9ff33;
	color: var(--ACCENT_COLOR);
	fill: var(--ACCENT_COLOR);
}

.Post .ShareImposition {
	background: var(--BLOCK_COLOR);
	color: var(--INTERACTION_BTN_TEXT_COLOR);
	width: 100%;
	height: 30px;
	padding: 10px;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.Post .ShareImposition .Interaction {
	width: 100%;
	height: 30px;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.Post .ShareImposition .Interaction .Back svg {
	margin-left: -5px;
	margin-right: -1px;
}

.Post .ShareImposition .Interaction .URL {
	background: var(--INTERACTION_BTN_COLOR);
	color: var(--INTERACTION_BTN_TEXT_COLOR);
	border-radius: 100px 0 0 100px;
	margin-right: 2px;
	width: 100%;
	height: 100%;
	padding: 0 10px;
	font-size: var(--FS_TEXT);
	display: flex;
	align-items: center;
}

.Post .ShareImposition .Interaction .URL input {
	background: #fff0;
	color: var(--INTERACTION_BTN_TEXT_COLOR);
	width: 100%;
	border: none;
	padding: 0;
	border-radius: 0;
}

.Post .ShareImposition .Interaction .CopyURL {
	background: var(--INTERACTION_BTN_COLOR);
	border-radius: 0 100px 100px 0;
	width: 60px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Post .ShareImposition .Interaction .CopyURL svg {
	fill: var(--INTERACTION_BTN_TEXT_COLOR);
	width: 18px;
	height: 18px;
}

.UI-ImageView {
	background: #000000b3;
	width: 100%;
	height: 100%;
	position: fixed;
	inset: 0;
}

.UI-ImageView .TopBar,.UI-ImageView .BottomBar {
	background: #18181880;
	padding: 10px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.UI-ImageView .TopBar {
	border-bottom: 1px solid rgba(255,255,255,.2);
	top: 0;
}

.UI-ImageView .TopBar .Metadata {
	width: 100%;
	color: #ffffffe6;
	text-align: center;
	display: flex;
	gap: 10px;
	justify-content: center;
	white-space: nowrap;
	text-shadow: -1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
}

.UI-ImageView .TopBar .Metadata .Name {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.UI-ImageView .TopBar .Metadata .Govern {
	position: relative;
}

.UI-ImageView .TopBar .Metadata .Govern .Dots {
	background: none;
	fill: #fff;
	margin-left: 10px;
}

.UI-ImageView .TopBar .Metadata .Govern .Dots svg {
	width: 16px;
	height: 16px;
}

.UI-ImageView .TopBar .Metadata .Govern .UI-GovernButtons {
	background: #18181880;
	top: 40px;
	right: 0;
	--AIR_CONTEXT_SHADOW_COLOR_START: rgb(28 27 33 / 30%);
	--AIR_CONTEXT_SHADOW_COLOR_END: rgb(28 27 33 / 70%);
}

.UI-ImageView .TopBar .Metadata .Govern .UI-GovernButtons button {
	background: #716e7a4d;
	color: #fff;
	text-shadow: none;
}

.UI-ImageView .TopBar .Metadata .Govern .UI-GovernButtons button svg {
	fill: #fff;
}

.UI-ImageView .BottomBar {
	width: fit-content;
	max-width: 100%;
	border: 1px solid rgba(255,255,255,.2);
	bottom: 5px;
	border-radius: 14px;
	padding: 5px 0;
	overflow: hidden;
	margin: auto;
}

.UI-ImageView .BottomBar .Scroll {
	width: 100%;
	height: 100%;
	overflow: scroll;
}

.UI-ImageView .BottomBar .Images {
	width: fit-content;
	gap: 5px;
	margin: 1px 6px;
	display: flex;
	flex-direction: row;
}

.UI-ImageView .BottomBar .Image {
	flex-shrink: 0;
	border-radius: var(--BR_BASE);
	width: 40px;
	height: 40px;
	overflow: hidden;
	cursor: pointer;
	transition: .2s;
}

.UI-ImageView .BottomBar .Image img {
	background: #ffffff80;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.UI-ImageView .BottomBar .Image:hover {
	transform: scale(1.05);
}

.UI-ImageView .BottomBar .Selected {
	transform: scale(1.05);
	border: 1px solid rgba(255,255,255,.5);
}

.UI-ImageView .ImageBox {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 20px;
}

.UI-ImageView .ImageBox img,.UI-ImageView .ImageBox .UI-Neoimage img {
	max-width: calc(100vw - 40px);
	max-height: calc(100vh - 120px);
	width: auto;
	height: auto;
	z-index: 1;
	transition: transform .1s;
}

.UI-ImageView .ImageBox .UI-Neoimage {
	max-width: calc(100vw - 40px);
	max-height: calc(100vh - 120px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.UserContent-Video {
	width: 100%;
	max-height: 300px;
	overflow: hidden;
	position: relative;
	display: flex;
}

.UserContent-Video .Settings,.UserContent-Video .VideoInfo {
	background: #0000004d;
	backdrop-filter: blur(20px) saturate(200%);
	border-radius: var(--BR_BASE);
	position: absolute;
}

.UserContent-Video .VideoInfo {
	color: #fff;
	fill: #fff;
	padding: 4px 6px;
	display: flex;
	align-items: center;
	gap: 5px;
	top: 5px;
	left: 5px;
	font-size: .7em;
}

.UserContent-Video .VideoInfo svg {
	width: 10px;
	height: 10px;
}

.UserContent-Video .Settings {
	bottom: 45px;
	right: 5px;
	z-index: 1;
	box-shadow: 0 2px 5px -1px #00000061;
}

.UserContent-Video .Settings .Volume {
	width: 300px;
	padding: 8px;
	gap: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.UserContent-Video .Settings .Volume svg {
	width: 20px;
	height: 20px;
	fill: #fff;
	flex-shrink: 0;
}

.UserContent-Video .UI-Slider {
	background: #ffffff59;
	margin: 0;
}

.UserContent-Video .UI-Slider .Progress {
	background: #fff;
}

.UserContent-Video .Controls {
	background: linear-gradient(to top,rgba(24,24,24,.5) 10%,transparent 90%);
	width: 100%;
	height: 50px;
	padding: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	gap: 10px;
	display: flex;
	align-items: center;
	border-radius: 0 0 10px 10px;
}

.UserContent-Video .Controls .Slider {
	width: 100%;
	margin-top: 5px;
	display: flex;
	flex-direction: column;
}

.UserContent-Video .Controls .Slider .Duration {
	color: #ffffff59;
	width: 100%;
	margin-top: 2px;
	font-size: .7em;
	padding: 0 10px;
	display: flex;
	justify-content: space-between;
}

.UserContent-Video .Controls .UI-PlayButton {
	background: #fff0;
	fill: #fff;
	margin: 0;
}

.UserContent-Video .Controls .FullscreenButton,.UserContent-Video .Controls .SettingsButton,.UserContent-Video .Controls .DownloadButton {
	background: #fff0;
	width: 30px;
	height: 30px;
	padding: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UserContent-Video .Controls .FullscreenButton svg,.UserContent-Video .Controls .SettingsButton svg,.UserContent-Video .Controls .DownloadButton svg {
	fill: #fff;
	width: 80%;
	height: 80%;
}

.UserContent-Video .Blur {
	width: 100%;
	height: 70px;
	backdrop-filter: blur(20px) saturate(200%);
	mask-image: linear-gradient(to top,#000 30%,#0000);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0 0 10px 10px;
}

.UserContent-Video video {
	background: #000;
	border-radius: var(--BR_BASE);
	width: 100%;
	height: 100%;
	max-height: 300px;
}

.UserContent-Stack .Stack {
	position: relative;
}

.UserContent-Stack .ShadowLayer,.UserContent-Stack .Layer {
	background: var(--INTERACTION_BTN_COLOR);
	border-radius: 10px;
}

.UserContent-Stack .ShadowLayer {
	position: absolute;
	inset: 0;
}

.UserContent-Stack .Layer {
	padding: 10px;
}

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

.UserContent-File svg {
	fill: var(--TEXT_COLOR);
	width: 35px;
	height: 35px;
}

.UserContent-File .FileInfo {
	width: 100%;
	margin-left: 7px;
}

.UserContent-File .FileInfo .FileName {
	margin-bottom: 2px;
	max-width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.UserContent-File .FileInfo .FileSize {
	color: var(--INTERACTION_BTN_TEXT_COLOR);
	font-size: .8em;
}

.UserContent-File button {
	background: var(--BLOCK_COLOR_LITE_TEXT);
	color: #fff;
	padding: 5px 10px;
	border-radius: 100px;
}

.UserContent-File .FilesCount {
	font-size: .9em;
	display: flex;
	flex-shrink: 0;
}

.UserContent-Audio {
	padding: 5px;
	user-select: none;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.UserContent-Audio .Error {
	color: var(--TEXT_COLOR);
	margin-left: 10px;
	font-size: .9em;
}

.UserContent-Audio .UI-PRELOAD {
	border-radius: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
}

.UserContent-Audio .UI-PRELOAD:after {
	filter: blur(40px);
}

.UserContent-Audio .Player {
	width: 100%;
	margin: 0 10px;
}

.UserContent-Audio .Player .Metadata {
	color: var(--INTERACTION_BTN_TEXT_COLOR);
	font-size: .95em;
}

.UserContent-Audio .Player .Metadata .Title {
	color: var(--BTN_TEXT_COLOR);
}

.UserContent-Audio .Player .Metadata .Artist {
	font-size: .9em;
}

.UserContent-Audio .Player .SliderContainer {
	gap: 5px;
	display: flex;
	align-items: center;
}

.UserContent-Audio .Player .SliderContainer .Time {
	opacity: .5;
	color: var(--TEXT_COLOR);
	font-size: .54em;
}

.UserContent-Audio .Player .SliderContainer .UI-Slider {
	margin-top: 0;
}

.UserContent-Audio .Player .SliderContainer .Progress {
	background: var(--INTERACTION_BTN_TEXT_COLOR);
}

.UserContent-Audio .SongsCount {
	color: var(--TEXT_COLOR);
	font-size: .9em;
	display: flex;
	flex-shrink: 0;
}

.UserContent-Image {
	background: var(--NL_GRADIENT);
	border-radius: var(--BR_BASE);
	width: 100%;
	height: auto;
	min-height: 100px;
	max-height: 300px;
	overflow: hidden;
	position: relative;
	user-select: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.UserContent-Image .Error {
	background: var(--AIR_COLOR);
	width: 100%;
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.UserContent-Image .Error .Emoji {
	width: 100px;
	height: 100px;
}

.UserContent-Image .IMG {
	width: 100%;
	height: 100%;
	max-height: 300px;
	position: static;
	object-fit: contain;
	cursor: pointer;
	z-index: 2;
}

.UserContent-Image .BlurIMG {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	z-index: 0;
}

.UserContent-Image .UI-Neoimage {
	max-width: 100%;
	width: auto;
	height: auto;
}

.UserContent-Image .UI-Neoimage img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 300px;
}

.UserContent-Image .Blur,.UserContent-Image .Censoring,.UserContent-Images .Censoring {
	background: #c9c9c947;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: var(--BR_BASE);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
}

.UserContent-Images .Censoring,.UserContent-Image .Censoring {
	z-index: 3;
	display: flex;
	align-items: center;
}

.UserContent-Images .Censoring .Info,.UserContent-Image .Censoring .Info {
	margin: auto;
	text-align: center;
}

.UserContent-Images .Censoring .Info .Text,.UserContent-Image .Censoring .Info .Text {
	color: #fff;
	text-shadow: 0px 0px 5px rgba(0,0,0,.5);
}

.UserContent-Images .Censoring .Info .ShowButton,.UserContent-Image .Censoring .Info .ShowButton {
	background: var(--AIR_COLOR);
	color: var(--TEXT_COLOR);
	border-radius: var(--BR_BASE);
	padding: 5px 16px;
	box-shadow: 0 0 5px #0000004d;
}

.UserContent-Images {
	background: var(--BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: relative;
	user-select: none;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: var(--PUSTOTA_WIDTH);
}

.UserContent-Images .P1 {
	grid-row: 1/3;
}

.UserContent-Images .P2 {
	grid-row: 1/1;
}

.UserContent-Images .P2:not(:has(+.P3)) {
	grid-row: 1/3;
}

.UserContent-Images .P3 {
	grid-row: 2/2;
}

.UserContent-Images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
}

.UserContent-Images .P1,.UserContent-Images .P2,.UserContent-Images .P3 {
	background: var(--NL_GRADIENT);
	cursor: pointer;
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.UserContent-Images .Blured img {
	filter: blur(2px) brightness(.5);
	transform: scale(1.1);
}

.UserContent-Images .Count {
	color: #fff9;
	font-size: 3em;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	text-shadow: 2px 2px 4px rgba(0,0,0,.8);
}

.Comment {
	position: relative;
	padding: 10px;
}

.Comment .UI-GovernButtons {
	z-index: 3;
}

.Comment .Text {
	margin: 5px 3px 0;
}

.Comment .Reply {
	background: var(--REPLY_BG);
	border-radius: 10px;
	padding: 8px;
	margin: 10px 0;
	user-select: none;
	position: relative;
}

.Comment .Reply svg {
	fill: var(--REPLY_SVG_COLOR);
	width: 40px;
	position: absolute;
	top: -5px;
	right: 0;
}

.Comment .Reply .Userdata {
	display: flex;
	align-items: center;
}

.Comment .Reply .Userdata .Avatar {
	margin-right: 10px;
}

.Comment .Reply .ReplyText {
	margin-top: 5px;
	font-size: .9em;
}

.Post-Add_comment {
	border-radius: var(--BR_BASE);
	margin-bottom: 7px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: var(--BLOCK_SHADOW);
}

.Post-Add_comment .Reply {
	padding: 5px 0 3px 10px;
	display: flex;
}

.Post-Add_comment .Reply .ReplyContent {
	width: 100%;
	font-size: .9em;
	min-width: 0;
}

.Post-Add_comment .Reply .ReplyContent .Name {
	display: flex;
	align-items: center;
}

.Post-Add_comment .Reply .ReplyContent .Name .UI-UserIcons {
	width: auto;
}

.Post-Add_comment .Reply .ReplyContent .Text {
	min-width: 0;
	width: 100%;
	color: var(--D_OR_P_COLOR);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Post-Add_comment .Reply .Close {
	background: #fff0;
	width: 50px;
	position: relative;
	padding: 0;
}

.Post-Add_comment .Reply .Close svg {
	width: 25px;
	height: 25px;
}

.Post-Add_comment .Input {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.Post-Add_comment button,.Post-Add_comment label {
	width: 50px;
	border-radius: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Post-Add_comment .AddFile {
	background: var(--BLOCK_COLOR);
}

.Post-Add_comment .AddFile svg {
	fill: var(--TEXT_COLOR);
	width: 21px;
	height: 21px;
}

.Post-Add_comment input {
	background: var(--BLOCK_COLOR);
	border-radius: 0;
	width: 100%;
	padding: 10px 15px;
}

.Post-Add_comment input:hover,.Post-Add_comment input:focus {
	outline: 2px solid rgba(243,242,246,0);
	outline-offset: 2px;
}

.Post-Add_comment label:active {
	filter: brightness(.8);
}

.MultiForm {
	font-size: 1em;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.MultiForm .UI-CoverInput {
	width: 100%;
	margin-bottom: 10px;
}

.MultiForm .UI-CoverInput .UI-Cover {
	height: 130px;
	margin: 0;
}

.MultiForm .UI-AppIcon {
	width: 75px;
	height: 75px;
	font-size: 37.5px;
}

.MultiForm .UI-AppIcon {
	width: 105px;
	height: 105px;
}

.MultiForm .Avatar,.MultiForm .UI-AppIcon,.MultiForm .UI-Cover {
	position: relative;
	margin-bottom: 10px;
}

.MultiForm .Avatar input,.MultiForm .UI-AppIcon input,.MultiForm .UI-Cover input {
	cursor: pointer;
	opacity: 0;
	position: absolute;
	inset: 0;
	z-index: 1;
}

.MultiForm .Avatar svg,.MultiForm .UI-AppIcon svg,.MultiForm .UI-Cover svg {
	fill: #fff;
	width: 37.5px;
	height: 100%;
	margin: auto;
	display: block;
	filter: drop-shadow(2px 4px 6px rgba(0,0,0,.5));
}

.MultiForm .Inputs {
	width: 350px;
	margin-top: 10px;
	padding: 10px;
	gap: 7px;
	display: flex;
	flex-direction: column;
}

.MultiForm .Inputs .UI-Input,.MultiForm .Inputs .ChangeContainer {
	width: 100%;
}

.MultiForm .Inputs .InputContainer {
	display: flex;
	align-items: center;
}

.MultiForm .Inputs .InputContainer .UI-Input {
	margin-left: 10px;
}

.MultiForm .Inputs textarea {
	resize: none;
}

.MultiForm .UI-FormButton {
	margin: 10px 0;
}

.EditApp .Info {
	opacity: .7;
	font-size: .8em;
	margin: 5px 10px 0;
}

.UI-AddPost {
	position: relative;
	user-select: none;
}

.UI-AddPost .UI-Input {
	width: 100%;
}

.UI-AddPost.dragging {
	outline: 2px dashed var(--ACCENT_COLOR);
	background-color: rgba(var(--ACCENT_COLOR_RGB),.05);
	transition: all .2s ease;
	animation: pulseBorder 1.5s infinite alternate;
}

.UI-AddPost.dragging:after {
	content: attr(data-text);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: var(--ACCENT_COLOR);
	font-size: 1.2em;
	font-weight: 700;
	pointer-events: none;
	z-index: 2;
}

.UI-AddPost.dragging .UI-Input,.UI-AddPost.dragging .Buttons,.UI-AddPost.dragging .EmojiPicker {
	opacity: .5;
}

.UI-AddPost .AddPostActionButtons {
	display: flex;
	gap: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.UI-AddPost .AddPostActionButtons .ClearButton,.UI-AddPost .AddPostActionButtons .GoToChannelButton {
	background-color: var(--AIR_BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	padding: 5px 10px;
	font-size: .9em;
	border-radius: var(--BR_BASE);
}

.UI-AddPost .AddPostActionButtons .ClearButton:hover,.UI-AddPost .AddPostActionButtons .GoToChannelButton:hover {
	background-color: var(--AIR_BLOCK_COLOR_ACTIVE);
}

.UI-AddPost .SelectedChannelInfo {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px 10px;
	background-color: var(--AIR_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	width: fit-content;
}

.UI-AddPost .SelectedChannelInfo .ChannelName {
	font-size: .9em;
	color: var(--TEXT_COLOR);
}

.UI-AddPost .Buttons {
	margin: 14px 0 0;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
}

.UI-AddPost .Buttons input {
	display: none;
}

.UI-AddPost .Buttons .Send {
	height: 30px;
	padding: 0 16px;
}

.UI-AddPost .Buttons .AddFileButtons {
	display: inline-flex;
}

.UI-AddPost .Buttons .AddFileButtons button,.UI-AddPost .Buttons .AddFileButtons label {
	background: var(--BTN_BACKGROUND);
	border-radius: var(--BR_BASE);
	width: 30px;
	height: 30px;
	padding: 0 6px;
	margin-right: 4px;
	position: relative;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.UI-AddPost .Buttons .AddFileButtons label:active,.UI-AddPost .Buttons .AddFileButtons .Close:active {
	filter: brightness(.8);
}

.UI-AddPost .Buttons .AddFileButtons svg,.UI-AddPost .UI-UniversalPanel .Close svg {
	fill: var(--BTN_TEXT_COLOR);
	width: 20px;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.UI-AddPost .SelectAccount {
	width: 30px;
	height: 30px;
	padding: 0;
	overflow: hidden;
}

.UI-AddPost .SelectAccount .Avatar {
	width: 100%;
	height: 100%;
	border-radius: 0;
}

.AddPost-SelectFrom {
	right: 0;
}

.AddPost-SelectFrom .Title {
	font-size: .8em;
}

.AddPost-SelectFrom .Accounts {
	margin-top: 5px;
	gap: 5px;
	display: flex;
	flex-direction: column;
}

.AddPost-SelectFrom .Accounts .Avatar {
	margin-right: 10px;
}

.AddPost-SelectFrom .Accounts .Account {
	background: #fff0;
	border-radius: 14px;
	font-size: 1em;
	padding: 5px 8px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.AddPost-SelectFrom .Accounts .Selected {
	background: var(--AIR_BLOCK_COLOR);
}

.PostContent {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.AttachedFiles {
	display: flex;
	margin-top: 10px;
	transition: height .3s ease,opacity .3s ease;
}

.AttachedFiles .ScrollContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 10px;
	width: 100%;
	overflow-x: auto;
	padding: 10px 0;
	scrollbar-width: thin;
}

.AttachedFiles .ScrollContainer::-webkit-scrollbar {
	height: 6px;
}

.AttachedFiles .ScrollContainer::-webkit-scrollbar-track {
	background: transparent;
}

.AttachedFiles .ScrollContainer::-webkit-scrollbar-thumb {
	background-color: var(--ACCENT_COLOR);
	border-radius: 6px;
}

.Post-FilePreview {
	flex-shrink: 0;
	height: 120px;
	width: 160px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--BLOCK_COLOR);
	box-shadow: 0 2px 4px #0000001a;
	position: relative;
}

.Post-FilePreview.ImageFile .ImagePreview,.Post-FilePreview.ImageFile .VideoThumbnail,.Post-FilePreview.VideoFile .ImagePreview,.Post-FilePreview.VideoFile .VideoThumbnail {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.Post-FilePreview.ImageFile .Metadata,.Post-FilePreview.VideoFile .Metadata {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #0009;
	padding: 5px;
	color: #fff;
	font-size: .8em;
	opacity: 0;
	transform: translateY(100%);
	transition: all .2s ease;
}

.Post-FilePreview.ImageFile .RemoveFile,.Post-FilePreview.VideoFile .RemoveFile {
	background: #0009;
}

.Post-FilePreview:not(.ImageFile):not(.VideoFile) {
	display: flex;
	padding: 10px;
	align-items: center;
	width: 200px;
}

.Post-FilePreview:not(.ImageFile):not(.VideoFile) .Icon {
	margin-right: 10px;
}

.Post-FilePreview:not(.ImageFile):not(.VideoFile) .Metadata {
	overflow: hidden;
}

.Post-FilePreview .RemoveFile {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--ACCENT_COLOR);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: scale(.8);
	transition: all .2s ease;
	z-index: 10;
	box-shadow: 0 2px 4px #0003;
}

.Post-FilePreview .RemoveFile svg {
	fill: #fff;
	width: 12px;
	height: 12px;
}

.Post-FilePreview:hover .RemoveFile {
	opacity: 1;
	transform: scale(1);
}

.Post-FilePreview:hover.ImageFile .Metadata,.Post-FilePreview:hover.VideoFile .Metadata {
	opacity: 1;
	transform: translateY(0);
}

.Post-FilePreview .VideoPreview {
	position: relative;
	width: 100%;
	height: 100%;
}

.Post-FilePreview .VideoPreview .PlayButton {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 40px;
	height: 40px;
	background: #00000080;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Post-FilePreview .VideoPreview .PlayButton svg {
	width: 24px;
	height: 24px;
}

.Post-FilePreview.VideoFile .VideoPreview {
	position: relative;
	width: 100%;
	height: 100%;
	background: transparent;
}

.Post-FilePreview.VideoFile .VideoPreview:before,.Post-FilePreview.VideoFile .VideoPreview:after {
	display: none;
}

.Post-FilePreview.VideoFile .VideoPreview .VideoThumbnail {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	filter: none;
	background: transparent;
}

.Post-FilePreview.VideoFile .VideoPreview .PlayButton {
	background: none;
	box-shadow: none;
	backdrop-filter: none;
}

.Post-FilePreview.VideoFile .VideoPreview .PlayButton svg,.Post-FilePreview.VideoFile .VideoPreview .PlayButton .VideoPlayIcon {
	filter: drop-shadow(0 0 4px rgba(0,0,0,.8));
	width: 32px;
	height: 32px;
}

.Post-FilePreview.VideoFile .VideoPreview .PlayButton svg path,.Post-FilePreview.VideoFile .VideoPreview .PlayButton .VideoPlayIcon path {
	fill: #fff!important;
}

@media only screen and (max-width: 768px),only screen and (hover: none) {
	.ScrollContainer .Post-FilePreview.ImageFile .Metadata,.ScrollContainer .Post-FilePreview.VideoFile .Metadata {
		opacity: 1!important;
		transform: translateY(0)!important;
		background: #000000b3;
		z-index: 5;
		visibility: visible!important;
		display: block!important;
	}

	.ScrollContainer .Post-FilePreview .RemoveFile {
		opacity: 1!important;
		transform: scale(1)!important;
		width: 28px;
		height: 28px;
		top: 8px;
		right: 8px;
		z-index: 10;
		visibility: visible!important;
		display: flex!important;
	}

	.ScrollContainer .Post-FilePreview .RemoveFile svg {
		width: 14px;
		height: 14px;
	}
}

.AddPost.dragging,.DragDropArea.dragging {
	outline: 2px dashed var(--ACCENT_COLOR)!important;
	background-color: rgba(var(--ACCENT_COLOR_RGB),.05)!important;
	transition: all .2s ease!important;
	animation: pulseBorder 1.5s infinite alternate!important;
	position: relative;
}

.AddPost.dragging:after,.DragDropArea.dragging:after {
	content: attr(data-text);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: var(--ACCENT_COLOR);
	font-size: 1.2em;
	font-weight: 700;
	pointer-events: none;
	z-index: 2;
}

.AddPost.dragging .UI-Input,.AddPost.dragging .Buttons,.AddPost.dragging .EmojiPicker,.DragDropArea.dragging .UI-Input,.DragDropArea.dragging .Buttons,.DragDropArea.dragging .EmojiPicker {
	opacity: .5;
}

body.dragging .AddPost,body.dragging .DragDropArea {
	outline: 2px dashed var(--ACCENT_COLOR)!important;
	background-color: rgba(var(--ACCENT_COLOR_RGB),.05)!important;
	transition: all .2s ease!important;
	animation: pulseBorder 1.5s infinite alternate!important;
}

.Profile-Page {
	margin: auto;
}

.Profile-Page .UI-C_L,.Profile-Page .UI-C_R {
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
}

.Profile-Page .UI-C_L {
	max-width: 40%;
	margin-right: 0;
}

.Profile-Page .UI-C_L .UI-ScrollView {
	max-width: 400px;
}

.Profile-Page .UI-C_R {
	margin-left: 0;
}

.Profile-Page .UI-ScrollView .Posts {
	max-width: 600px;
	margin: auto;
}

.Profile-Page .UI-Tabs .Tab {
	background: var(--BLOCK_COLOR);
}

.Profile-Page .UI-Tabs .ActiveTab {
	background: var(--BTN_BACKGROUND);
	box-shadow: 0 0 #fff0;
}

.Profile-Posts .UI-Loading .UI-Loader_1 {
	--uil1-size: 30px;
}

.UI-NameBody {
	max-width: 100%;
	display: flex;
	align-items: center;
	min-width: 0;
}

.UI-NameBody .Name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.UI-NameBody .UI-UserIcons .Icon {
	width: 17px;
	height: 17px;
}

.Profile-InfoBlock {
	height: fit-content;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	user-select: none;
}

.Profile-InfoBlock .AvatarContainer {
	width: fit-content;
	position: absolute;
	top: 98px;
	left: 0;
	right: 0;
	margin: auto;
}

.Profile-InfoBlock .AvatarContainer .Avatar {
	border: 4px solid var(--BLOCK_COLOR);
}

.Profile-InfoBlock .AvatarContainer .UI-Online {
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 20px;
	height: 20px;
}

.Profile-InfoBlock .UI-NameBody {
	margin: 15px 10px 2px;
}

.Profile-InfoBlock .Name {
	font-family: var(--FF_TITLE);
	font-size: var(--FS_TITLE);
}

.Profile-InfoBlock .Username {
	color: var(--TEXT_COLOR);
	font-size: var(--FS_TEXT);
	margin: 2px 10px 15px;
}

.Profile-InfoBlock .UI-UserIcons img,.Profile-InfoBlock .UI-UserIcons svg {
	width: 17px;
	height: 17px;
	margin-left: 3px;
	cursor: pointer;
}

.Profile-InfoBlock .ButtonsContainer {
	width: fit-content;
	position: relative;
}

.Profile-InfoBlock .ButtonsContainer .Buttons {
	font-size: 1em;
	height: 33px;
	margin: 0 0 15px;
	border-radius: var(--BR_BASE);
	overflow: hidden;
	position: relative;
	gap: 2px;
	display: flex;
}

.Profile-InfoBlock .ButtonsContainer .Buttons .Button,.SubButton {
	border-radius: 0;
	height: 100%;
	padding: 0 15px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Profile-InfoBlock .ButtonsContainer .Buttons .SubButton {
	background: var(--ACCENT_COLOR);
	color: #fff;
	letter-spacing: .03em;
}

.Profile-InfoBlock .ButtonsContainer .Buttons .Button svg {
	fill: var(--BTN_TEXT_COLOR);
	width: 20px;
	height: 20px;
}

.Profile-InfoBlock .UI-GovernButtons {
	top: 35px;
	right: 0;
}

.Profile-InfoBlock .Info {
	border-radius: var(--BR_BASE);
	width: 100%;
	height: 50px;
	overflow: hidden;
	display: flex;
	gap: var(--PUSTOTA_WIDTH);
}

.Profile-InfoBlock .Info .Container {
	background: var(--BLOCK_BLOCK_COLOR);
	border-radius: 0;
	font-size: 1em;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.Profile-InfoBlock .Info .Value {
	font-family: var(--FF_TITLE);
	height: 20px;
	display: flex;
	align-items: center;
}

.Profile-InfoBlock .Info .Title {
	font-size: .85em;
	color: var(--D_OR_P_COLOR);
}

.UI-QuestionModal {
	width: 100%;
	position: relative;
	left: 0;
	right: 0;
	z-index: 2;
}

.UI-QuestionModal .Question {
	background: var(--AIR_COLOR);
	backdrop-filter: var(--AIR_BLUR);
	-webkit-backdrop-filter: var(--AIR_BLUR);
	border-radius: var(--BR_BASE);
	width: 100%;
	padding: 10px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-QuestionModal .Apply {
	background: var(--ACCENT_COLOR);
	color: #fff;
	border-radius: 10px;
	width: 100%;
	height: 30px;
	text-align: center;
	margin-right: 5px;
}

.UI-QuestionModal .Back {
	background: var(--BODY_COLOR);
	color: var(--TEXT_COLOR);
	margin-left: 5px;
	border-radius: 10px;
	width: 100%;
	height: 30px;
	text-align: center;
	border: 1px solid rgba(89,93,105,.1);
}

.UI-Gift {
	margin-bottom: 0;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
}

.UI-Gift .Ribbon {
	z-index: 1;
	position: absolute;
	top: 10px;
	left: -30px;
	transform: rotate(-45deg);
	background: var(--ACCENT_COLOR);
	color: #fff;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	pointer-events: none;
	padding: 2px 40px;
	box-sizing: border-box;
	min-width: max-content;
}

.UI-Gift .Image {
	aspect-ratio: 1/1;
	object-fit: cover;
	width: 100%;
	height: auto;
	max-width: 100px;
	position: relative;
}

.UI-Gift .Image .Preview,.UI-Gift .Image img,.UI-Gift .Image .NeoImage {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.UI-Gift .Metadata {
	width: 100%;
	text-align: center;
	margin-top: 5px;
}

.UI-Gift .Metadata .Name {
	font-family: var(--FF_TITLE);
	margin-bottom: 4px;
}

.UI-Gift .Metadata .Description {
	font-size: .8em;
}

.UI-Gift .Sender {
	font-size: .8em;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-self: center;
	gap: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: auto;
	text-align: center;
	min-width: 0;
}

.UI-Gift .Pay {
	margin-top: 10px;
	border-radius: 100px;
	padding: 5px 10px;
	gap: 5px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.UI-Gift .Pay .UI-Eball {
	width: 20px;
	height: 20px;
	font-size: 10px;
}

.Dashboard-Blocks {
	margin-bottom: 7px;
	display: grid;
	gap: 4px;
	grid-template-columns: repeat(4,1fr);
}

.Dashboard-Block {
	height: 150px;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.Dashboard-Block svg {
	fill: #dcd9e9;
	width: 120px;
	height: 105px;
	position: absolute;
	right: -20px;
	bottom: -10px;
}

.Dashboard-B_Text {
	color: var(--TITLE_COLOR);
	font-family: var(--FF_TITLE);
	font-size: var(--FS_TITLE);
}

.Dashboard-B_Count {
	color: var(--TEXT_COLOR);
	font-size: 40px;
	position: absolute;
	z-index: 1;
	bottom: 10px;
}

.Dashboard-BL_CNT {
	width: 50%;
}

.Dashboard-SUB_BTN {
	background: var(--BTN_BACKGROUND);
	color: var(--TEXT_COLOR);
	width: 95%;
	height: 35px;
	margin: 5px auto;
	display: block;
	border-radius: var(--BR_BASE);
}

.Dashboard-SUB_LIST {
	width: 95%;
	height: 390px;
	margin: 10px auto;
	overflow: auto;
	border-radius: var(--BR_BASE);
}

.Dashboard-SUB_KEY {
	height: 35px;
	border-radius: var(--BR_BASE);
	padding: 10px;
	margin-bottom: 4px;
	display: flex;
	align-items: center;
}

.Dashboard-SK_A {
	background: linear-gradient(90deg,var(--BTN_BACKGROUND) 60%,rgb(255,219,219) 100%);
}

.Dashboard-SK_NA {
	background: linear-gradient(90deg,var(--BTN_BACKGROUND) 60%,rgb(209,255,202) 100%);
}

.Dashboard-BC {
	display: flex;
	gap: 7px;
}

.Dashboard-BC .Button {
	border-radius: var(--BR_BASE);
	padding: 8px 15px;
}

.Dashboard-Search {
	display: flex;
	padding: 5px;
}

.Dashboard-Search input {
	padding: 8px 13px;
	width: 100%;
	height: 100%;
}

.Dashboard-Search button {
	background: var(--ACCENT_COLOR);
	color: var(--BLOCK_COLOR);
	width: 40px;
	margin-left: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Dashboard-Search button svg {
	width: 16px;
	height: 16px;
	fill: var(--BLOCK_COLOR);
}

.Dashboard-Users {
	margin-bottom: 100px;
}

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

.Dashboard-User .BaseInfo {
	margin-left: 10px;
}

.Dashboard-User .Name {
	max-width: 170px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.Dashboard-User .Username {
	color: var(--D_OR_P_COLOR);
	font-size: var(--FS_TEXT);
	max-width: 170px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.Dashboard-User .LiteInfo {
	color: var(--D_OR_P_COLOR);
	position: absolute;
	left: 220px;
	display: flex;
}

.Dashboard-User .LiteInfo .Text {
	color: var(--D_OR_P_COLOR);
	font-size: .9em;
	margin: 0 0 0 20px;
}

.Dashboard-User .GovernButtons {
	position: absolute;
	right: 20px;
	display: flex;
}

.Dashboard-User .GovernButtons button {
	background: var(--BTN_BACKGROUND);
	border-radius: 8px;
	padding: 5px;
	cursor: pointer;
	display: flex;
}

.Dashboard-User .GovernButtons svg {
	fill: var(--BTN_TEXT_COLOR);
	width: 20px;
	height: 20px;
}

.Dashboard-User .ChangePassword {
	background: var(--BLOCK_COLOR);
	position: absolute;
	right: 15px;
	z-index: 1;
	display: flex;
	gap: 2px;
}

.Dashboard-User .ChangePassword input {
	padding: 8px 13px;
	width: 200px;
}

.Dashboard-User .ChangePassword button {
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Dashboard-User .ChangePassword .Send {
	background: var(--ACCENT_COLOR);
	color: var(--BLOCK_COLOR);
	margin-left: 5px;
}

.Dashboard-User .ChangePassword .Send svg {
	width: 16px;
	height: 16px;
}

.Dashboard-User .ChangePassword .Close {
	fill: var(--BTN_TEXT_COLOR);
	margin-left: 10px;
}

.Dashboard-BottomBar {
	background: #ffffffb3;
	backdrop-filter: var(--AIR_BLUR);
	border: 1px solid var(--INPUT_COLOR);
	border-radius: 100px;
	width: auto;
	height: 50px;
	user-select: none;
	position: absolute;
	bottom: 30px;
	left: 20px;
	right: 20px;
}

.Dashboard-BottomBar .Next {
	background: #fff0;
	height: fit-content;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.Dashboard-BottomBar .Next svg {
	fill: var(--BTN_TEXT_COLOR);
	width: 30px;
	height: 30px;
	margin-right: -7px;
	transform: scaleX(-1);
}

.Dashboard-BottomBar .Back {
	background: #fff0;
	height: fit-content;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.Dashboard-BottomBar .Back svg {
	fill: var(--BTN_TEXT_COLOR);
	width: 30px;
	height: 30px;
	margin-left: -7px;
}

.Dashboard-BottomBar .NonActiveButton {
	opacity: .5;
	cursor: unset;
}

.Dashboard-BottomBar .NonActiveButton:active {
	filter: brightness(1);
}

.Dashboard-BottomBar .Pages {
	color: var(--D_OR_P_COLOR);
	font-size: .9em;
	width: fit-content;
	height: fit-content;
	margin: auto;
	position: absolute;
	inset: 0;
	display: flex;
}

.Info-A_Block {
	border: 2px solid var(--BLOCK_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	padding: 10px;
	gap: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.Info-A_Block .BlockContent {
	display: flex;
	flex-direction: column;
}

.Info-A_Block .BlockContent .Title {
	font-family: var(--FF_TITLE);
	font-size: 1.2em;
	margin-bottom: 5px;
}

.Info-A_Block .BlockContent .Description {
	font-size: .95em;
}

.Info-A_Block .Icon {
	width: 130px;
	height: fit-content;
	flex-shrink: 0;
}

.Info-Block {
	width: 100%;
}

.Info-Block .UI-Tabs .ActiveTab {
	box-shadow: 0 0 3px #7d798d80;
}

.Info-UpdateBlock {
	padding: 10px 8px;
	margin-bottom: 5px;
	border-radius: var(--BR_BASE);
}

.Info-UpdateBlock .Title {
	color: var(--TEXT_COLOR);
	font-family: var(--FF_TITLE);
	font-size: 1.2em;
	margin: 5px 0 0;
}

.Info-UpdateBlock .UpdateContent {
	margin: 10px 0 0;
	font-size: .95em;
	line-height: 19px;
	white-space: pre-line;
}

.GoldSub-Page .UI-C_L {
	position: relative;
}

.GoldSub-Page .UI-C_L .UI-Block {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.GoldSub-Page .UI-C_L .UI-Title {
	width: 100%;
}

.GoldSub-Page .UI-C_R {
	width: 100%;
	max-width: 350px;
}

.GoldSub-Page .UI-ScrollView {
	padding-bottom: 130px;
}

.GoldSub-Info_action {
	width: 100%;
	position: absolute;
	bottom: 0;
}

.GoldSub-C_L .UI-Block {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.GoldSub-C_L .UI-Title {
	width: 100%;
}

.GoldSub-C_L .UI-B_LAST {
	margin-bottom: 40px;
}

.GoldSub-Logo {
	width: 110px;
	height: 110px;
	margin: 5px 0 15px;
	filter: drop-shadow(3px 3px 5px rgba(251,176,11,.4));
}

.GoldSub-Price {
	background-image: var(--GOLD_GRADIENT);
	-webkit-background-clip: text;
	color: transparent;
	font-size: 20px;
	font-family: var(--FF_TITLE);
	margin: 8px 0 20px;
}

.GoldSub-Advantages {
	width: 100%;
	border-radius: var(--BR_BASE);
	overflow: hidden;
	gap: var(--PUSTOTA_WIDTH);
	display: flex;
	flex-direction: column;
}

.GoldSub-A_Block {
	background: var(--BTN_BACKGROUND);
	font-size: var(--FS_TEXT);
	padding: 7px 10px;
	cursor: pointer;
	user-select: none;
}

.GoldSub-A_Block:active {
	filter: brightness(.8);
}

.GoldSub-A_B_TITLE {
	font-size: var(--FS_TITLE);
	margin-bottom: 4px;
	background-image: var(--GOLD_GRADIENT);
	-webkit-background-clip: text;
	color: transparent;
}

.GoldSub-Buttons {
	background: var(--AIR_COLOR);
	backdrop-filter: var(--AIR_BLUR);
	-webkit-backdrop-filter: var(--AIR_BLUR);
	width: 100%;
	padding: 10px;
	position: absolute;
	bottom: 20px;
	z-index: 1;
	border-radius: var(--BR_BASE);
	box-shadow: 0 0 10px -5px #404040b3;
}

.GoldSub-Buttons .Pay,.GoldSub-Buttons .Activate {
	font-size: var(--FS_TEXT);
	border-radius: 8px;
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.GoldSub-Buttons .Pay {
	background: var(--GOLD_GRADIENT);
	color: #fff;
	margin-bottom: 8px;
	box-shadow: 0 0 9px -1px #fdb166;
	-moz-box-shadow: 0px 0px 9px -1px rgb(253,177,102);
	-webkit-box-shadow: 0px 0px 9px -1px rgb(253,177,102);
}

.GoldSub-Buttons .Pay .Eballs {
	background: var(--AIR_COLOR);
	color: var(--ACCENT_COLOR);
	border-radius: 10px;
	padding: 3px 6px;
	scale: .8;
	gap: 5px;
	margin-left: 2px;
	display: flex;
	align-items: center;
}

.GoldSub-Buttons .Activate {
	background: var(--AIR_BLOCK_COLOR);
	color: var(--TEXT_COLOR);
}

.GoldSub-Users .UI-PRELOAD {
	border-radius: var(--BR_BASE);
	width: 100%;
	height: 60px;
	margin-bottom: 7px;
}

.GoldSub-Users .UI-PRELOAD:after {
	filter: blur(50px);
}

.GoldSub-User {
	background: linear-gradient(114deg,#ddb77f1a 60%,#fff4dd);
	border-radius: var(--BR_BASE);
	padding: 10px 50px 10px 10px;
	margin-bottom: 7px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.GoldSub-User .Avatar {
	background: var(--GOLD_GRADIENT);
	margin-right: 10px;
}

.GoldSub-User .Metadata {
	min-width: 0;
	flex-grow: 1;
	overflow: hidden;
}

.GoldSub-User .Name {
	color: var(--TEXT_COLOR);
	font-size: var(--FS_NAME);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.GoldSub-User .Posts {
	color: var(--D_OR_P_COLOR);
	font-size: var(--FS_D_OR_P);
}

.GoldSub-User .GoldStar {
	width: 65px;
	position: absolute;
	bottom: -15px;
	right: -12px;
}

.GoldSub-User:before {
	position: absolute;
	content: "";
	inset: -4px;
	padding: 5px;
	border-radius: 14px;
	background: linear-gradient(465deg,#fab31e4d,#fd93471a);
	mask: linear-gradient(fff 0 0) content-box,linear-gradient(#fff 0 0);
	-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
	mask-composite: exclude;
	-webkit-mask-composite: xor;
}

.GoldSub-VideoPreview,.GoldSub-InfoPreview {
	background: var(--AIR_COLOR);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: 10px 10px 0 0;
	height: fit-content;
	padding: 10px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	transform: translateY(570px);
	opacity: 0;
	box-shadow: var(--AIR_SHADOW);
}

.GoldSub-VideoPreview .Info,.GoldSub-InfoPreview .Info {
	margin: 10px 0 20px;
}

.GoldSub-VideoPreview .InfoTitle,.GoldSub-InfoPreview .InfoTitle {
	font-family: var(--FF_TITLE);
	margin-bottom: 4px;
	background-image: var(--GOLD_GRADIENT);
	-webkit-background-clip: text;
	color: transparent;
}

.GoldSub-VideoPreview .InfoDec,.GoldSub-InfoPreview .InfoDec {
	font-size: .9em;
	margin-bottom: 25px;
}

.GoldSub-VideoPreview .Close,.GoldSub-InfoPreview .Close {
	background: var(--AIR_BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	border-radius: var(--BR_BASE);
	width: 100%;
	height: 40px;
}

.GoldSub-VideoPreview video {
	border-radius: var(--BR_BASE);
	width: 100%;
	overflow: hidden;
	opacity: 0;
}

.GoldSub-InfoPreview .Info {
	margin: 0 0 20px;
}

.GoldSub-InfoPreview .InfoDec .Title {
	font-size: .9em;
	margin: 10px 10px 3px;
}

.GoldSub-InfoPreview .InfoDec .InfoContainer {
	border-radius: var(--BR_BASE);
	overflow: hidden;
	width: 100%;
	display: flex;
}

.GoldSub-InfoPreview .InfoDec .InfoContainer .Default {
	background: var(--AIR_BLOCK_COLOR);
	width: 100%;
	padding: 5px 10px;
}

.GoldSub-InfoPreview .InfoDec .InfoContainer .Gold {
	background: var(--GOLD_GRADIENT);
	color: #fff;
	width: 100%;
	padding: 5px 10px;
}

@media only screen and (max-device-width: 768px),only screen and (device-width: 768px) and (device-height: 768px),only screen and (width: 768px) and (orientation: landscape),only screen and (device-width: 768px),only screen and (max-width: 768px) {
	:root {
		--FS_TEXT: .96em;
		--FS_D_OR_P: .85em;
	}

	.Auth-Body {
		width: 100%;
		height: 100%;
		box-shadow: none;
		border-radius: 0;
	}

	.Auth-Body .Left,.Auth-Body .Right {
		width: 100%;
		height: 100%;
		min-height: 100%;
		position: absolute;
	}

	.Auth-Body .LogoAndTitle {
		display: none;
	}

	.Auth-Body .Login,.Auth-Body .Reg,.Auth-Body .Auth-Container {
		width: 90%;
	}

	.UI-EmojiPicker {
		width: 100%;
		margin: 10px;
	}

	.UI-N_DIV {
		gap: 15px;
		padding: 0 15px;
	}

	.UI-L_NAV {
		background: var(--AIR_COLOR);
		backdrop-filter: var(--AIR_BLUR);
		max-width: 100%;
		width: fit-content;
		border-radius: 15px;
		padding: 5px;
		margin: auto auto 5px;
		position: fixed;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 19;
		display: flex;
		align-items: center;
		justify-content: space-around;
		box-shadow: var(--AIR_SHADOW);
	}

	.UI-L_NAV .UI-NCounter {
		font-size: 1em;
		right: 10px;
		top: 5px;
	}

	.UI-L_NAV .UI-B_FIRST {
		margin-top: 0;
	}

	.UI-L_NAV .GoldText {
		flex-direction: column;
	}

	.UI-L_NAV .MobileHidden {
		display: none;
	}

	.UI-L_NAV button {
		background: #fff0;
		margin: 0;
		width: 70px;
		height: 80%;
		font-size: 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.UI-L_NAV button .UI-LN_ICON {
		width: 25px;
		height: 25px;
		font-size: 25px;
		margin: 0 0 5px;
	}

	.UI-L_NAV .ActiveButton {
		background: none;
		color: var(--ACCENT_COLOR);
		box-shadow: none;
	}

	.UI-L_NAV .ActiveButton .UI-LN_ICON svg {
		fill: var(--ACCENT_COLOR);
	}

	.Content {
		width: 95%;
		height: 100%;
		margin: auto;
		overflow: scroll;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.Content-Center {
		align-items: center;
		justify-content: center;
	}

	.UI-PAGE_BODY {
		width: 100%;
		height: 100%;
		padding: 0;
		overflow: scroll;
	}

	.UI-ScrollView {
		padding: 0 0 90px;
	}

	header {
		height: 80px;
	}

	.Search-Container {
		width: 100%;
	}

	.Search-Container .EBalls {
		margin-left: 5px;
	}

	.UI-N_DIV .MiniPlayer {
		width: 100%;
		height: 100%;
	}

	.UI-N_DIV .MiniPlayer .UI-MusicPlayer {
		margin: 0;
	}

	.UI-N_DIV .MiniPlayer .UI-MusicPlayer .Music-ControlButtons .Back {
		display: none;
	}

	.UI-NavPanel {
		top: 70px;
	}

	.UI-N_L_AND_N {
		width: 90%;
	}

	.UI-N_L_AND_N .UI-Logo {
		margin-right: 10px;
	}

	.UI-C_L,.UI-C_R {
		margin: 0;
		width: 100%;
		height: fit-content;
		overflow: unset;
		max-width: 100%;
	}

	.UI-B_FIRST {
		margin-top: 90px;
	}

	.UI-Block {
		width: 100%;
	}

	.UI-Window_BTNS {
		height: 35px;
	}

	.UI-PartitionBody {
		position: fixed;
	}

	.UI-ActionWindow {
		width: 95%;
		max-width: 95%;
	}

	.Search-Result {
		width: 95%;
		margin: 90px auto auto;
	}

	.Authorization-Form input {
		margin-bottom: 13px;
	}

	.Home-Status,.HomePage .UI-C_R {
		display: none;
	}

	.AddPost .Buttons .AddFileButtons .FileName {
		max-width: 70px;
	}

	.Post-Page {
		width: 95%;
		height: fit-content;
		margin: auto;
	}

	.Post-Page .UI-C_L,.Post-Page .UI-C_R {
		width: 100%;
		height: fit-content;
	}

	.Post-Page .UI-C_L .UI-ScrollView {
		padding: 0;
	}

	.Post-Page .UI-C_R .UI-B_FIRST {
		margin: 0;
	}

	.Post {
		width: auto;
		min-width: auto;
	}

	.Post .InteractionButton svg {
		width: 23px;
		height: 23px;
	}

	.Post .File .FileInfo {
		max-width: 50%;
	}

	.Profile-Page .UI-C_R .UI-B_FIRST {
		margin: 0 0 7px;
	}

	.Profile-Page .UI-C_L {
		width: 100%;
		max-width: 100%;
	}

	.Profile-Page .UI-C_L .UI-ScrollView {
		max-width: 100%;
		overflow: unset;
		padding: 0;
	}

	.Profile-InfoBlock .UI-UserIcons svg,.Profile-InfoBlock .UI-UserIcons img {
		width: 20px;
		height: 20px;
	}

	.Settings-Page .UI-C_R,.GoldSub-Page .UI-C_R {
		display: none;
	}

	.GoldSub-Page .UI-ScrollView {
		padding-bottom: 200px;
	}

	.GoldSub-Buttons {
		position: fixed;
		width: 95%;
		bottom: 90px;
	}

	.GoldSub-VideoPreview,.GoldSub-InfoPreview {
		width: 95%;
		margin: auto;
		position: fixed;
		bottom: 60px;
	}

	.EPACK-Page .UI-C_R {
		display: none;
	}

	.UI-Modal {
		margin: 0;
		height: 100%;
		max-width: 100%;
		border-radius: 0;
	}

	.UI-GovernButtons {
		font-size: 1.1rem;
	}
}

.AddPost.global-drag,.Input.global-drag,.EPACK-FileInput.global-drag {
	background-color: rgba(var(--ACCENT_COLOR_RGB),.05);
	border: 2px dashed var(--ACCENT_COLOR);
	border-radius: 15px;
	transition: all .3s ease;
	animation: pulseBorder 1.5s infinite alternate;
}

@keyframes pulseBorder {
	0% {
		box-shadow: 0 0 rgba(var(--ACCENT_COLOR_RGB),.2);
	}

	to {
		box-shadow: 0 0 0 10px rgba(var(--ACCENT_COLOR_RGB),0);
	}
}

.sidebar-emoji-picker {
	height: calc(100% - 50px);
	width: 100%;
	position: relative;
	border-radius: 0;
	box-shadow: none;
	max-height: unset!important;
}

.sidebar-emoji-picker .Category {
	flex: 1;
	min-width: unset;
}

.sidebar-emoji-picker .Grid {
	padding: 10px;
	height: calc(100% - 60px);
	max-height: none!important;
	overflow-y: auto;
}

.UI-ContextMenu-Container {
	cursor: default;
	position: relative;
}

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

.ChannelMenuItem span {
	font-size: .9em;
	color: var(--TEXT_COLOR);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 150px;
}

.Sessions-TerminateAll {
	padding: 12px;
	border-radius: 8px;
	border: none;
	font-size: 15px;
	font-weight: 500;
	background-color: #ff3b30b3;
	color: #fff;
	cursor: pointer;
	transition: background-color .2s ease;
	margin-top: 15px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.Sessions-TerminateAll:hover {
	background-color: #e0352bcc;
}

.Post .PostContent {
	position: relative;
	width: 100%;
	height: 100%;
}

.Post .LikeAnimation {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 100;
	overflow: hidden;
}

.Post .LikeHeart {
	position: absolute;
	will-change: transform,opacity;
	transform-origin: center center;
	filter: drop-shadow(0 0 10px rgba(0,0,0,.4));
}

.Post .LikeHeart svg {
	width: 70px;
	height: 70px;
	animation: heartPulse 1s forwards;
}

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

	15% {
		opacity: 1;
		transform: scale(1.2);
	}

	30% {
		transform: scale(1);
	}

	80% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}

	to {
		opacity: 0;
		transform: translateY(-20px) scale(1);
	}
}

.ErrorBoundary {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--BODY_COLOR);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	overflow: auto;
	padding: 20px;
	box-sizing: border-box;
}

.ErrorBoundary .ErrorContainer {
	padding: 30px;
	max-width: 500px;
	width: 100%;
	animation: errorFadeIn .5s ease forwards;
}

.ErrorBoundary .ErrorContainer .UI-FormButton {
	margin: auto;
}

.ErrorBoundary h1 {
	color: var(--TEXT_COLOR);
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: 700;
	font-family: var(--FF_TITLE);
}

.ErrorBoundary p {
	color: var(--D_OR_P_COLOR);
	margin-bottom: 25px;
	font-size: 16px;
}

.ErrorBoundary .ErrorIcon {
	width: 80px;
	height: 80px;
	margin: 0 auto 20px;
	border-radius: 50%;
	background: var(--ERROR_COLOR);
	display: flex;
	align-items: center;
	justify-content: center;
}

.ErrorBoundary .ErrorIcon svg {
	width: 40px;
	height: 40px;
	fill: #fff;
	color: #fff;
}

.ErrorBoundary .ErrorDetails {
	margin-top: 30px;
	text-align: left;
	padding: 15px;
	background: var(--BLOCK_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	user-select: text;
}

.ErrorBoundary .ErrorDetails summary {
	color: var(--ACCENT_COLOR);
	cursor: pointer;
	margin-bottom: 10px;
	text-align: center;
}

.ErrorBoundary .ErrorDetails .ErrorContent {
	max-height: 300px;
	overflow-y: auto;
	margin-bottom: 15px;
	background: var(--BLOCK_BLOCK_COLOR_LITE);
	border-radius: var(--BR_BASE);
}

.ErrorBoundary .ErrorDetails pre {
	font-family: monospace;
	color: var(--TEXT_COLOR);
	font-size: 12px;
	padding: 10px;
	white-space: pre-wrap;
	margin-top: 10px;
}

.ErrorBoundary .ErrorDetails .CopyButton {
	background: var(--ACCENT_COLOR);
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 8px 15px;
	font-size: 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	transition: transform .2s;
}

.ErrorBoundary .ErrorDetails .CopyButton:hover {
	transform: scale(1.05);
}

.ErrorBoundary .ErrorDetails .CopyButton svg {
	fill: #fff;
	width: 16px;
	height: 16px;
	margin-right: 8px;
}

@keyframes errorFadeIn {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

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

@media (max-width: 600px) {
	.ErrorBoundary .ErrorContainer {
		padding: 20px;
	}

	.ErrorBoundary .ErrorIcon {
		width: 60px;
		height: 60px;
	}

	.ErrorBoundary .ErrorIcon svg {
		width: 30px;
		height: 30px;
	}

	.ErrorBoundary h1 {
		font-size: 18px;
	}

	.ErrorBoundary p {
		font-size: 14px;
	}
}

.Overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #00000080;
	z-index: 999;
}

.Sidebar {
	display: flex;
	flex-direction: column;
	background-color: var(--BODY_COLOR);
	width: 85%;
	max-width: 320px;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	overflow-y: auto;
	box-shadow: 0 2px 8px #00000026;
}

.Sidebar .S-Content {
	padding: 10px 15px;
	display: flex;
	flex-direction: column;
}

.Sidebar .UserCard,.Sidebar .MenuList {
	border-radius: var(--BR_BASE);
	overflow: hidden;
	margin: 8px 0;
	display: flex;
	gap: 1px;
}

.Sidebar .Header {
	margin-top: 20px;
}

.Sidebar .Header .UserCard {
	background: var(--BLOCK_COLOR);
	display: flex;
	align-items: center;
	padding: 8px;
	cursor: pointer;
	border-radius: 12px;
	transition: background-color .2s;
}

.Sidebar .Header .UserCard:active {
	background-color: var(--HOVER_COLOR);
}

.Sidebar .Header .UserCard .UserAvatar {
	margin-right: 12px;
}

.Sidebar .Header .UserCard .UserAvatar .Avatar {
	width: 48px!important;
	height: 48px!important;
}

.Sidebar .Header .UserCard .UserInfo {
	flex: 1;
}

.Sidebar .Header .UserCard .UserInfo .Name {
	font-family: var(--FF_TITLE);
	font-size: 1.1em;
	color: var(--TITLE_COLOR);
	margin-bottom: 4px;
}

.Sidebar .Header .UserCard .UserInfo .Username {
	font-size: .9em;
	color: var(--TEXT_HINT_COLOR);
}

.Sidebar .MenuList {
	display: flex;
	flex-direction: column;
	max-height: 50vh;
	overflow-y: auto;
}

.Sidebar .MenuList .MenuItem,.Sidebar .MenuList .NavButton,.Sidebar .MenuList>button {
	position: relative;
}

.Sidebar .MenuList .MenuItem-Icon,.Sidebar .MenuList .MenuItem svg {
	color: var(--TEXT_COLOR)!important;
	fill: var(--TEXT_COLOR)!important;
}

.Sidebar .MenuList .ChannelsSection {
	margin: 0;
	border-radius: 0 0 var(--BR_BASE) var(--BR_BASE);
	max-height: none;
	overflow: visible;
}

.Sidebar .MenuList .ChannelsSection .Null {
	color: var(--TEXT_HINT_COLOR);
	padding: 8px 15px;
	font-size: .9em;
	text-align: center;
	font-style: italic;
}

.Sidebar .ChannelsList {
	display: none;
	max-height: 40vh;
	overflow-y: auto;
}

.Sidebar .ChannelsList.Visible {
	display: block;
}

.Sidebar .Account,.Sidebar .MenuItem {
	background: var(--BLOCK_COLOR);
	border-radius: 0;
	color: var(--TEXT_COLOR);
	text-align: left;
	border: none;
	cursor: pointer;
	width: 100%;
	text-decoration: none;
}

.Sidebar .Account {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.Sidebar .Account button {
	background: none;
	border-radius: 0;
}

.Sidebar .Account .AccountButton {
	padding: 5px;
	flex: 1;
	align-items: center;
	display: flex;
	flex-direction: row;
}

.Sidebar .Account .AccountButton .Avatar {
	margin-right: 10px;
}

.Sidebar .MenuItem {
	display: flex;
	align-items: center;
	padding: 10px 15px;
}

.Sidebar .MenuItem:active {
	background-color: var(--HOVER_COLOR);
}

.Sidebar .MenuItem-Icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
	width: 24px;
	height: 24px;
	color: var(--TEXT_COLOR);
}

.Sidebar .MenuItem-Icon svg {
	width: 22px;
	height: 22px;
	color: var(--TEXT_COLOR);
	fill: var(--TEXT_COLOR);
}

.Sidebar .MenuItem-Content {
	flex: 1;
}

.Sidebar .MenuItem-Title {
	font-size: 1.1em;
}

.Sidebar .MenuItem-Subtitle {
	font-size: 13px;
	color: var(--TEXT_HINT_COLOR);
	margin-top: 2px;
}

.Sidebar .MenuItem-Action {
	display: flex;
	align-items: center;
	justify-content: center;
}

.Sidebar .MenuItem-Action svg {
	width: 20px;
	height: 20px;
	color: var(--TEXT_HINT_COLOR);
}

.Sidebar .MenuItem .Avatar,.Sidebar .Account .AccountButton .Avatar {
	width: 36px;
	height: 36px;
}

.Sidebar .Button {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	background-color: var(--BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	border-radius: var(--BR_BASE);
	cursor: pointer;
	width: 100%;
	transition: all .2s ease;
}

.Sidebar .Button svg {
	margin-right: 16px;
	width: 22px;
	height: 22px;
}

.Sidebar .Button:active {
	background-color: var(--HOVER_COLOR);
}

.Sidebar .ButtonsGroup {
	margin-top: auto;
	margin-bottom: 24px;
	padding: 0;
	gap: 10px;
	display: flex;
	flex-direction: column;
}

.Sidebar .AddButton {
	color: var(--ACCENT_COLOR);
}

.Sidebar .AddButton svg {
	color: var(--ACCENT_COLOR);
	fill: var(--ACCENT_COLOR);
}

.Sidebar .Null {
	color: var(--TEXT_HINT_COLOR);
	padding: 10px 5px;
	font-size: .9em;
	text-align: center;
}

.ExpandButton {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}

.ExpandButton svg {
	width: 20px;
	height: 20px;
	color: var(--TEXT_HINT_COLOR);
}

.Icon {
	width: 24px;
	height: 24px;
	fill: var(--TEXT_COLOR);
	color: var(--TEXT_COLOR);
}

.GoldIcon {
	width: 24px;
	height: 24px;
}

.DeleteButton {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.DeleteButton svg {
	width: 20px;
	height: 20px;
	color: var(--DANGER_COLOR);
}

.DeleteButton:active {
	background-color: rgba(var(--DANGER_COLOR_RGB, 255, 59, 48),.1);
}

@media (min-width: 769px) {
	.Sidebar,.Overlay {
		display: none;
	}
}

@media (max-width: 768px) {
	.MobileHidden {
		display: none!important;
	}
}

@media (max-height: 600px) {
	.Sidebar {
		overflow-y: auto;
		height: 100%;
	}
}

@media (max-height: 600px) and (max-height: 450px) {
	.Sidebar:after {
		content: "";
		position: absolute;
		bottom: 15px;
		left: 50%;
		transform: translate(-50%);
		width: 40px;
		height: 4px;
		background-color: var(--TEXT_HINT_COLOR);
		opacity: .5;
		border-radius: 2px;
		pointer-events: none;
		animation: pulseIndicator 1.5s infinite;
	}
}

@keyframes pulseIndicator {
	0% {
		opacity: .2;
		width: 30px;
	}

	50% {
		opacity: .5;
		width: 40px;
	}

	to {
		opacity: .2;
		width: 30px;
	}
}

.ChannelMenuItem {
	position: relative;
	transition: all .2s ease;
}

.ChannelMenuItem .MenuItem-Action svg {
	width: 16px;
	height: 16px;
	fill: var(--ACCENT_COLOR);
	opacity: .5;
}

.ChannelMenuItem .MenuItem-Title {
	position: relative;
}

.ChannelMenuItem .MenuItem-Title .ChannelName {
	position: relative;
	color: var(--TEXT_COLOR);
}

.ChannelMenuItem .MenuItem-Title .ChannelName:before {
	content: "";
	margin-right: 0;
}

.UserContent-Song {
	background: var(--INTERACTION_BTN_COLOR);
	border-radius: 10px;
	width: 100%;
	height: 60px;
	margin: 10px 0;
	display: flex;
	align-items: center;
}

.UserContent-Song .UI-MusicCover {
	margin-left: 10px;
}

.UserContent-Song .SongInfo {
	margin-left: 7px;
}

.UserContent-Song .SongInfo .SongTitle {
	margin-bottom: 2px;
	max-width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--TEXT_COLOR);
}

.UserContent-Song .SongInfo .SongArtist {
	color: var(--INTERACTION_BTN_TEXT_COLOR);
	font-size: .8em;
}

.TrackItem {
	margin-bottom: 8px;
}

.TrackItem:last-child {
	margin-bottom: 0;
}

.spoiler-message.image-spoiler-overlay,.spoiler-message.images-spoiler-overlay {
	opacity: 1;
	transform: scale(1);
	transition: opacity .3s ease,transform .3s ease;
}

.spoiler-message.image-spoiler-overlay.spoiler-message__showed,.spoiler-message.images-spoiler-overlay.spoiler-message__showed {
	opacity: 0;
	transform: scale(.95);
	pointer-events: none;
}

.UI-Loader_1 {
	--uil1-size: 35px;
	--uil1-color: black;
	--uil1-speed: 1.5s;
	--uil1-dot-size: calc(var(--uil1-size) * .4);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--uil1-size);
	width: var(--uil1-size);
	animation: uil1_anim2 calc(var(--uil1-speed) * 1.667) infinite linear;
}

.UI-Loader_1:before,.UI-Loader_1:after {
	content: "";
	position: absolute;
	height: var(--uil1-dot-size);
	width: var(--uil1-dot-size);
	border-radius: 50%;
	background-color: var(--uil1-color);
	flex-shrink: 0;
	transition: background-color .3s ease;
}

.UI-Loader_1:before {
	animation: uil1_anim var(--uil1-speed) linear infinite;
}

.UI-Loader_1:after {
	animation: uil1_anim var(--uil1-speed) linear calc(var(--uil1-speed) / -2) infinite;
}

@keyframes uil1_anim2 {
	0% {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes uil1_anim {
	0% {
		transform: translate(calc(var(--uil1-size) * .25)) scale(.73684);
		opacity: .65;
	}

	5% {
		transform: translate(calc(var(--uil1-size) * .235)) scale(.684208);
		opacity: .58;
	}

	10% {
		transform: translate(calc(var(--uil1-size) * .182)) scale(.631576);
		opacity: .51;
	}

	15% {
		transform: translate(calc(var(--uil1-size) * .129)) scale(.578944);
		opacity: .44;
	}

	20% {
		transform: translate(calc(var(--uil1-size) * .076)) scale(.526312);
		opacity: .37;
	}

	25% {
		transform: translate(0) scale(.47368);
		opacity: .3;
	}

	30% {
		transform: translate(calc(var(--uil1-size) * -.076)) scale(.526312);
		opacity: .37;
	}

	35% {
		transform: translate(calc(var(--uil1-size) * -.129)) scale(.578944);
		opacity: .44;
	}

	40% {
		transform: translate(calc(var(--uil1-size) * -.182)) scale(.631576);
		opacity: .51;
	}

	45% {
		transform: translate(calc(var(--uil1-size) * -.235)) scale(.684208);
		opacity: .58;
	}

	50% {
		transform: translate(calc(var(--uil1-size) * -.25)) scale(.73684);
		opacity: .65;
	}

	55% {
		transform: translate(calc(var(--uil1-size) * -.235)) scale(.789472);
		opacity: .72;
	}

	60% {
		transform: translate(calc(var(--uil1-size) * -.182)) scale(.842104);
		opacity: .79;
	}

	65% {
		transform: translate(calc(var(--uil1-size) * -.129)) scale(.894736);
		opacity: .86;
	}

	70% {
		transform: translate(calc(var(--uil1-size) * -.076)) scale(.947368);
		opacity: .93;
	}

	75% {
		transform: translate(0) scale(1);
		opacity: 1;
	}

	80% {
		transform: translate(calc(var(--uil1-size) * .076)) scale(.947368);
		opacity: .93;
	}

	85% {
		transform: translate(calc(var(--uil1-size) * .129)) scale(.894736);
		opacity: .86;
	}

	90% {
		transform: translate(calc(var(--uil1-size) * .182)) scale(.842104);
		opacity: .79;
	}

	95% {
		transform: translate(calc(var(--uil1-size) * .235)) scale(.789472);
		opacity: .72;
	}

	to {
		transform: translate(calc(var(--uil1-size) * .25)) scale(.73684);
		opacity: .65;
	}
}

.UI-Loader-3 {
	background: #ffffffb3;
	backdrop-filter: blur(5px) saturate(200%);
	--uib-color: var(--TEXT_COLOR);
	--uib-size: 30px;
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.UI-Loader-3 .container {
	--uib-speed: 2s;
	--uib-bg-opacity: 0;
	height: var(--uib-size);
	width: var(--uib-size);
	transform-origin: center;
	animation: rotate var(--uib-speed) linear infinite;
	will-change: transform;
	overflow: visible;
}

.UI-Loader-3 .car {
	fill: none;
	stroke: var(--uib-color);
	stroke-dasharray: 1,200;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	animation: stretch calc(var(--uib-speed) * .75) ease-in-out infinite;
	will-change: stroke-dasharray,stroke-dashoffset;
	transition: stroke .5s ease;
}

.UI-Loader-3 .track {
	fill: none;
	stroke: var(--uib-color);
	opacity: var(--uib-bg-opacity);
	transition: stroke .5s ease;
}

@keyframes zoom {
	0% {
		transform: translate(-100%);
	}

	to {
		transform: translate(100%);
	}
}

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

@keyframes stretch {
	0% {
		stroke-dasharray: 0,150;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 75,150;
		stroke-dashoffset: -25;
	}

	to {
		stroke-dashoffset: -100;
	}
}

.ParticleContainer {
	position: fixed;
	top: 0;
	z-index: 50;
}

.UI-Particle,.UI-ImageParticle,.UI-TextParticle {
	border-radius: 100px;
	position: absolute;
	animation: Disintegrate 1.5s forwards;
}

.UI-Particle {
	background: var(--BLOCK_COLOR);
}

.UI-TextParticle {
	background: var(--TEXT_COLOR);
}

@keyframes Disintegrate {
	to {
		opacity: 0;
		transform: translate(calc(var(--x) * 1px),calc(var(--y) * 1px));
	}
}

@keyframes fly {
	0% {
		transform: translate(-50%,-50%);
		opacity: 1;
	}

	to {
		transform: translate(calc(-50% + var(--x)),calc(-50% + var(--y)));
		opacity: 0;
	}
}

@keyframes AUTH-SHOW_REG {
	0% {
		transform: translate(150%) scale(.5);
		opacity: .1;
		visibility: visible;
	}

	to {
		transform: translate(0) scale(1);
		opacity: 1;
		visibility: visible;
	}
}

@keyframes AUTH-HIDE_REG {
	0% {
		transform: translate(0) scale(1);
		opacity: 1;
		visibility: visible;
	}

	to {
		transform: translate(150%) scale(.5);
		opacity: .1;
		visibility: visible;
	}
}

@keyframes AUTH-SHOW_LOGIN {
	0% {
		transform: translate(-150%) scale(.5);
		opacity: 0;
		visibility: hidden;
	}

	to {
		transform: translate(0) scale(1);
		opacity: 1;
		visibility: visible;
	}
}

@keyframes AUTH-HIDE_LOGIN {
	0% {
		transform: translate(0) scale(1);
		opacity: 1;
		visibility: visible;
	}

	to {
		transform: translate(-150%) scale(.5);
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes NAV_PANEL_BUTTONS-SHOW {
	0% {
		transform: rotate3d(10,-10,1,45deg)translate(25px,-100px)scale(.3);
		opacity: 0;
		visibility: visible;
	}

	to {
		transform: rotate3d(1,1,1,0)translate(0)scale(1);
		opacity: 1;
		visibility: visible;
	}
}

@keyframes NAV_PANEL_BUTTONS-HIDE {
	0% {
		transform: rotate3d(1,1,1,0)translate(0)scale(1);
		opacity: 1;
		visibility: visible;
	}

	to {
		transform: rotate3d(10,-10,1,45deg)translate(25px,-100px)scale(.3);
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes V2-ELEMENT-SHOW {
	0% {
		opacity: 0;
		visibility: visible;
		filter: blur(1px);
	}

	to {
		opacity: 1;
		visibility: visible;
		filter: blur(0px);
	}
}

@keyframes V2-ELEMENT-HIDE {
	0% {
		opacity: 1;
		visibility: visible;
		filter: blur(1px);
	}

	to {
		opacity: 0;
		visibility: hidden;
		filter: blur(0px);
	}
}

@keyframes ELEMENT-SHOW {
	0% {
		opacity: 0;
		visibility: visible;
		filter: blur(1px);
		-webkit-box-shadow: 0px 0px 10px 0px rgb(17 17 17 / 0%);
		-moz-box-shadow: 0px 0px 10px 0px rgb(17 17 17 / 0%);
		box-shadow: 0 0 10px #1110;
	}

	to {
		opacity: 1;
		visibility: visible;
		filter: blur(0px);
		box-shadow: var(--AIR_SHADOW);
		-moz-box-shadow: var(--AIR_SHADOW);
		-webkit-box-shadow: var(--AIR_SHADOW);
	}
}

@keyframes FILE_INPUT-DELETE {
	0% {
		transform: scaleZ(1);
	}

	to {
		height: 0px;
		transform: scale3d(1,0,1);
	}
}

@keyframes INFO_SUB-SHOW {
	0% {
		transform: translateY(570px);
		opacity: 0;
	}

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

@keyframes INFO_SUB_VIDEO-SHOW {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes INFO_SUB-HIDE {
	0% {
		transform: translateY(0);
		opacity: 1;
	}

	to {
		transform: translateY(570px);
		opacity: 0;
	}
}

@keyframes INFO_SUB_VIDEO-HIDE {
	0% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes TEXT_PRELOAD-ANIM {
	0% {
		transform: translate(100%);
	}

	to {
		transform: translate(-100%);
	}
}

.SocialInput-container {
	position: relative;
	width: 100%;
	display: flex;
}

.spoiler-message {
	background: transparent;
	color: transparent;
	user-select: none;
	border-radius: .1875em;
	padding: 0 .125em;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.spoiler-message.spoiler-message__showed,.spoiler-message__showed {
	background-color: var(--BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	user-select: text;
	animation: showSpoiler .3s ease-out;
}

.spoiler-message.spoiler-message__showed:hover,.spoiler-message__showed:hover {
	background-color: var(--AIR_BLOCK_COLOR);
}

.spoiler-message-animated {
	background: transparent;
	color: transparent;
	user-select: none;
	border-radius: .1875em;
	padding: 0 .125em;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.spoiler-message-animated.spoiler-message__showed,.spoiler-message-animated__showed {
	background-color: var(--BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	user-select: text;
	animation: showSpoiler .3s ease-out;
}

.spoiler-message-animated.spoiler-message__showed canvas,.spoiler-message-animated__showed canvas {
	display: none;
}

.spoiler-message-animated.spoiler-message__showed:hover,.spoiler-message-animated__showed:hover {
	background-color: var(--AIR_BLOCK_COLOR);
}

@keyframes showSpoiler {
	0% {
		filter: blur(.25em);
	}

	to {
		filter: blur(0);
	}
}

.code-block-container {
	position: relative;
	margin: 3px 0;
	border-radius: var(--BR_BASE);
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	border: 1px solid var(--AIR_BLOCK_COLOR);
	box-sizing: border-box;
	display: block;
}

.code-language {
	position: absolute;
	top: 0;
	right: 0;
	background: var(--AIR_BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	font-size: .7em;
	padding: 0 3px;
	border-radius: 0 .375em 0 .25em;
	text-transform: uppercase;
	z-index: 2;
	opacity: .9;
	font-weight: 500;
}

.code-block {
	margin: 0;
	padding: 18px 4px 4px;
	overflow-x: auto;
	font-family: Menlo,Monaco,Consolas,monospace;
	font-size: .9em;
	line-height: 1.5;
	white-space: pre;
	width: 100%;
	box-sizing: border-box;
}

.code-block code {
	background: transparent;
	padding: 0;
	white-space: pre;
	color: inherit;
	font-family: inherit;
	overflow-wrap: normal;
	word-break: keep-all;
	display: inline-block;
	min-width: 100%;
	width: max-content;
}

.code-block::-webkit-scrollbar {
	height: 6px;
	display: initial;
}

.inline-code {
	background: var(--AIR_BLOCK_COLOR);
	padding: .125em .25em;
	border-radius: .1875em;
	font-family: Menlo,Monaco,Consolas,monospace;
	font-size: .9em;
	white-space: pre-wrap;
	word-break: break-word;
	max-width: 100%;
	overflow-x: auto;
	display: inline-block;
	vertical-align: middle;
	border: .0625em solid rgba(0,0,0,.1);
}

.format-menu {
	position: fixed;
	background: var(--BLOCK_COLOR);
	border-radius: .5em;
	box-shadow: 0 .125em .625em #0003;
	padding: .375em;
	display: flex;
	z-index: 1000;
	animation: fadeIn .15s ease-in-out;
}

.format-menu:after {
	content: "";
	position: absolute;
	bottom: -.5em;
	left: 50%;
	transform: translate(-50%);
	border-left: .5em solid transparent;
	border-right: .5em solid transparent;
	border-top: .5em solid var(--BLOCK_COLOR);
}

.format-menu .format-button {
	background: var(--AIR_BLOCK_COLOR);
	border: none;
	border-radius: .25em;
	width: 2em;
	height: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 .125em;
	cursor: pointer;
	color: var(--TEXT_COLOR);
}

.format-menu .format-button:hover {
	background: var(--ACCENT_COLOR);
	color: #fff;
}

.format-menu .format-button .format-icon {
	font-size: 1em;
	font-weight: 700;
}

@media (max-width: 768px) {
	.format-menu .format-button {
		width: 2.5em;
		height: 2.5em;
		margin: 0 .15em;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(5px);
	}

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

.container_331d2a {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: var(--uib-size);
	width: var(--uib-size);
}

.inner_caa21c {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: var(--uib-size);
	width: var(--uib-size);
}

.line_c58bbf {
	position: absolute;
	top: 0;
	left: calc(50% - var(--uib-stroke) / 2);
	display: flex;
	align-items: flex-start;
	height: 100%;
	width: var(--uib-stroke);
}

.line_c58bbf:before {
	content: "";
	height: 22%;
	width: 100%;
	border-radius: calc(var(--uib-stroke) / 2);
	background-color: var(--uib-color);
	animation: pulse_0822a3 calc(var(--uib-speed)) ease-in-out infinite;
	transition: background-color .3s ease;
	transform-origin: center bottom;
}

.line_c58bbf:nth-child(1) {
	transform: rotate(-30deg);
}

.line_c58bbf:nth-child(1):before {
	animation-delay: calc(var(--uib-speed) / -12 * 1);
}

.line_c58bbf:nth-child(2) {
	transform: rotate(-60deg);
}

.line_c58bbf:nth-child(2):before {
	animation-delay: calc(var(--uib-speed) / -12 * 2);
}

.line_c58bbf:nth-child(3) {
	transform: rotate(-90deg);
}

.line_c58bbf:nth-child(3):before {
	animation-delay: calc(var(--uib-speed) / -12 * 3);
}

.line_c58bbf:nth-child(4) {
	transform: rotate(-120deg);
}

.line_c58bbf:nth-child(4):before {
	animation-delay: calc(var(--uib-speed) / -12 * 4);
}

.line_c58bbf:nth-child(5) {
	transform: rotate(-150deg);
}

.line_c58bbf:nth-child(5):before {
	animation-delay: calc(var(--uib-speed) / -12 * 5);
}

.line_c58bbf:nth-child(6) {
	transform: rotate(-180deg);
}

.line_c58bbf:nth-child(6):before {
	animation-delay: calc(var(--uib-speed) / -12 * 6);
}

.line_c58bbf:nth-child(7) {
	transform: rotate(-210deg);
}

.line_c58bbf:nth-child(7):before {
	animation-delay: calc(var(--uib-speed) / -12 * 7);
}

.line_c58bbf:nth-child(8) {
	transform: rotate(-240deg);
}

.line_c58bbf:nth-child(8):before {
	animation-delay: calc(var(--uib-speed) / -12 * 8);
}

.line_c58bbf:nth-child(9) {
	transform: rotate(-270deg);
}

.line_c58bbf:nth-child(9):before {
	animation-delay: calc(var(--uib-speed) / -12 * 9);
}

.line_c58bbf:nth-child(10) {
	transform: rotate(-300deg);
}

.line_c58bbf:nth-child(10):before {
	animation-delay: calc(var(--uib-speed) / -12 * 10);
}

.line_c58bbf:nth-child(11) {
	transform: rotate(-330deg);
}

.line_c58bbf:nth-child(11):before {
	animation-delay: calc(var(--uib-speed) / -12 * 11);
}

@keyframes pulse_0822a3 {
	0%,80%,to {
		transform: scaleY(.75);
		opacity: 0;
	}

	20% {
		transform: scaleY(1);
		opacity: 1;
	}
}

.MusicModal .UI-ModalContent {
	max-width: 600px;
	max-height: 80vh;
	width: 100%;
}

.MusicModal .SearchContainer {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 15px;
	margin-top: 40px;
	margin-bottom: 70px;
}

.MusicModal .SearchInputWrapper {
	position: relative;
}

.MusicModal .SearchInputWrapper .UI-Input {
	width: 100%;
	padding-right: 40px;
	border: 1px solid var(--TEXT_COLOR);
}

.MusicModal .SearchInputWrapper .SearchButton {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: transparent;
	border: none;
	cursor: pointer;
	color: var(--TEXT_COLOR);
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}

.MusicModal .SearchInputWrapper .SearchButton svg {
	width: 20px;
	height: 20px;
	fill: var(--TEXT_COLOR);
}

.MusicModal .SelectedCounter {
	font-size: 14px;
	color: var(--TEXT_COLOR_LITE);
	margin-bottom: 5px;
}

.MusicModal .TrackList {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0;
	background-color: transparent;
}

.MusicModal .EmptySearchMessage,.MusicModal .LoadingIndicator,.MusicModal .NoResults {
	text-align: center;
	padding: 20px;
	color: var(--TEXT_COLOR_LITE);
}

.MusicModal .TabsContainer {
	width: 100%;
}

.MusicModal .TabsHeader {
	display: flex;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--BORDER_COLOR);
	position: relative;
}

.MusicModal .TabButton {
	flex: 1;
	padding: 10px;
	background: transparent;
	border: none;
	color: var(--TEXT_COLOR_LITE);
	font-size: 14px;
	cursor: pointer;
	position: relative;
	transition: color .2s;
	z-index: 1;
}

.MusicModal .TabButton:hover {
	color: var(--TEXT_COLOR);
}

.MusicModal .TabButton.Active {
	color: var(--ACCENT_COLOR);
}

.MusicModal .TabIndicator {
	position: absolute;
	bottom: -1px;
	height: 2px;
	background-color: var(--ACCENT_COLOR);
	transition: transform .3s ease-in-out,width .3s ease-in-out;
	z-index: 2;
}

.MusicModal .TabContent {
	padding: 10px 0;
}

.MusicModal .EmptyTabMessage {
	text-align: center;
	padding: 20px;
	color: var(--TEXT_COLOR_LITE);
}

.TrackItem {
	display: flex;
	align-items: center;
	text-align: left;
	padding: 12px;
	border-radius: var(--BR_BASE);
	background-color: var(--BLOCK_COLOR);
	position: relative;
	box-shadow: 0 1px 3px #0000001a;
}

.TrackItem.Selected {
	border: 1px solid var(--ACCENT_COLOR);
	background-color: rgba(var(--ACCENT_COLOR_RGB),.1);
}

.TrackItem .TrackCover {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 12px;
	flex-shrink: 0;
}

.TrackItem .TrackCover .UI-Neoimage {
	width: 100%;
	height: 100%;
}

.TrackItem .TrackCover .UI-Neoimage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.TrackItem .TrackInfo {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.TrackItem .TrackTitle {
	font-weight: 500;
	color: var(--TEXT_COLOR);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	margin-bottom: 3px;
}

.TrackItem .TrackArtist {
	font-size: 12px;
	color: var(--TEXT_COLOR_LITE);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.DefaultCover {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 12px;
	flex-shrink: 0;
	background: var(--NL_GRADIENT);
	display: flex;
	align-items: center;
	justify-content: center;
}

.DefaultCover svg {
	width: 20px;
	height: 20px;
	fill: #fff;
}

.AttachedTracks {
	margin: 15px auto 0;
	background-color: transparent;
	border-radius: 0;
	padding: 0;
	width: 98%;
}

.AttachedTracks .TrackItem {
	margin-bottom: 5px;
	cursor: default;
}

.AttachedTracks .TrackItem:last-child {
	margin-bottom: 0;
}

.AttachedTracks .RemoveTrack {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: transparent;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--TEXT_COLOR);
	padding: 0;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
}

.AttachedTracks .RemoveTrack:hover {
	background-color: #0003;
}

.AttachedTracks .RemoveTrack svg {
	width: 16px;
	height: 16px;
}

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

.SendGift .Header svg {
	fill: var(--ACCENT_COLOR);
}

.SendGift .Header .Avatar {
	z-index: 1;
}

.SendGift .Info {
	margin-top: 20px;
	text-align: center;
}

.SendGift .Info .Title {
	font-family: var(--FF_TITLE);
	margin-top: 10px;
}

.SendGift .Info .Description {
	font-size: .9rem;
}

.SendGift .Gifts {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(100%,150px),1fr));
	gap: 7px;
}

.UI-Slider .UI-PRELOAD {
	background: #fff0;
	height: 100%;
	margin: 0;
	border-radius: 0;
}

.UI-Slider .UI-PRELOAD:after {
	background: #d4cddf;
}

.Music-ControlButtons {
	fill: var(--TITLE_COLOR);
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.Music-ControlButtons svg {
	fill: var(--TITLE_COLOR);
	width: 20px;
	height: 20px;
}

.Music-ControlButtons button {
	background: #fff0;
	height: fit-content;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Music-ControlButtons .Back svg {
	transform: rotate(180deg);
}

.Music-FullPlayer_BG {
	width: 100%;
	height: 100%;
	position: fixed;
	inset: 0;
	z-index: 10;
	object-fit: cover;
}

.Music-FullPlayer_BG .UI-MusicCover,.Music-FullPlayer_BG img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.Music-FullPlayer_BG_Blur {
	background: #27272733;
	backdrop-filter: blur(100px);
	-webkit-backdrop-filter: blur(100px);
	position: fixed;
	inset: 0;
	z-index: 20;
}

.Music-FullPlayer {
	position: fixed;
	inset: 0;
	z-index: 20;
	display: flex;
	justify-content: center;
}

.Music-FullPlayer .CloseButton {
	background: #fff0;
	margin-top: 100px;
	z-index: 2;
	position: absolute;
	display: flex;
}

.Music-FullPlayer .CloseButton svg {
	fill: #ffffff80;
	width: 40px;
	height: 40px;
}

.Music-FullPlayer_C {
	width: 100%;
	max-width: 800px;
	height: 100%;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.Music-FullPlayer_C .Controls {
	fill: #ffffff80;
	margin-top: 5px;
	flex-grow: 1;
	z-index: 2;
}

.Music-FullPlayer_C .Controls .Info {
	gap: var(--PUSTOTA_WIDTH);
	display: flex;
	flex-direction: row;
}

.Music-FullPlayer_C .Controls .Info button {
	background: #fff0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Music-FullPlayer_C .Controls .Info button svg {
	width: 20px;
	height: 20px;
	transition: .2s;
}

.Music-FullPlayer_C .Controls .Metadata {
	color: var(--AIR_COLOR);
	font-size: 1.3em;
	flex-grow: 1;
	text-shadow: 0px 1px 5px rgba(0,0,0,.5);
}

.Music-FullPlayer_C .Controls .Metadata .Name {
	font-family: var(--FF_TITLE);
}

.Music-FullPlayer_C .Controls .Metadata .Author {
	color: #fffc;
	font-size: .9em;
	margin-top: 5px;
	text-shadow: 0px 1px 5px rgba(0,0,0,.3);
}

.Music-FullPlayer_C .Controls .UI-Slider {
	background: #ffffff80;
	border-radius: 2.5px;
	height: 6px;
	margin-top: 25px;
}

.Music-FullPlayer_C .Controls .UI-Slider .Progress {
	background: var(--AIR_COLOR);
}

.Music-FullPlayer_C .Controls .UI-Slider:hover {
	height: 10px;
	border-radius: 10px;
}

.Music-FullPlayer_C .Controls .Music-Duration {
	color: #ffffff80;
	font-size: .75em;
	font-family: var(--FF_TITLE);
	margin: 5px;
	user-select: none;
	display: flex;
	justify-content: space-between;
}

.Music-FullPlayer_C .Controls .Music-ControlButtons {
	margin: 10px 5px 0;
	padding: 0 10px;
	justify-content: space-between;
}

.Music-FullPlayer_C .Controls .Music-ControlButtons svg {
	fill: #ffffff80;
	width: 25px;
	height: 25px;
}

.Music-FullPlayer_C .Controls .Music-ControlButtons .Base {
	gap: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Music-FullPlayer_C .Controls .Music-ControlButtons .Base svg {
	fill: #fff;
	width: 28px;
	height: 28px;
}

.Music-FullPlayer_C .Controls .Volume {
	margin-top: 10px;
	padding: 0 5px;
	gap: 10px;
	display: flex;
	align-items: center;
}

.Music-FullPlayer_C .Controls .Volume .UI-Slider {
	margin-top: 0;
}

.Music-FullPlayer_C .Controls .Volume svg {
	fill: #ffffff80;
	height: 20px;
}

.Music-FullPlayer_C .Controls .Active svg {
	fill: var(--AIR_COLOR);
}

.Music-FullPlayer_C .Cover-Containers {
	width: 250px;
	height: 250px;
	margin-right: 50px;
	flex-shrink: 0;
	position: relative;
}

.Music-FullPlayer_C .Cover-Containers .Container {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	position: absolute;
	overflow: hidden;
	box-shadow: 0 15px 35px -10px #0006;
}

.Music-FullPlayer_C .Cover-Containers .Container .UI-MusicCover {
	width: 100%;
	height: 100%;
}

.Music-FullPlayer_C .FullInfo {
	width: 100%;
	max-height: 500px;
	position: relative;
}

.Music-FullPlayer_C .FullInfo .Close {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 1;
	background: #fff0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Music-FullPlayer_C .FullInfo .Close svg {
	fill: var(--AIR_COLOR);
	width: 40px;
	height: 40px;
}

.Music-FullPlayer_C .FullInfo .List {
	width: 100%;
	max-height: 500px;
	overflow: scroll;
	padding: 50px 0;
	gap: 10px;
	display: flex;
	flex-direction: column;
	mask-image: linear-gradient(to bottom,#0000,#000 10% 90%,#0000);
}

.Music-FullPlayer_C .FullInfo .List .Item {
	font-size: 2em;
	color: var(--AIR_COLOR);
	display: flex;
}

.Music-FullPlayer_C .FullInfo .List .Item .InfoTitle {
	margin-right: 10px;
	opacity: .5;
}

.Music-MiniPlayer {
	background: var(--AIR_COLOR);
	border-radius: var(--BR_BASE);
	backdrop-filter: var(--AIR_BLUR);
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 20px;
	z-index: 3;
	user-select: none;
	box-shadow: var(--BLOCK_SHADOW);
}

.Music-MiniPlayer .UI-MusicCover {
	cursor: pointer;
}

.Music-Add {
	display: flex;
}

.Music-AddFrom_content input[type=file] {
	display: none;
}

.Music-AddFrom_content label {
	cursor: pointer;
}

.Music-AddFrom_content label:active {
	filter: brightness(.8);
}

.Music-AddFrom_content label .Text {
	width: 85%;
	font-size: var(--FS_TEXT);
	text-wrap: nowrap;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Music-AddFrom_content .Inputs-Title {
	color: var(--D_OR_P_COLOR);
	font-size: .85em;
	flex-grow: 1;
	display: flex;
	align-items: center;
}

.Music-AddFrom_content .BaseInfo {
	margin: 0 5px;
	display: flex;
}

.Music-AddFrom_content .BaseInfo .Cover {
	background: var(--AIR_BLOCK_COLOR);
	border-radius: 10px;
	width: 150px;
	height: 150px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	overflow: hidden;
}

.Music-AddFrom_content .BaseInfo .Cover label,.Music-AddFrom_content .BaseInfo .Cover img {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
}

.Music-AddFrom_content .BaseInfo .Cover label {
	background: none;
	z-index: 2;
}

.Music-AddFrom_content .BaseInfo .Cover img {
	z-index: 1;
}

.Music-AddFrom_content .BaseInfo .Cover .Delete {
	background: var(--BTN_CLOSE_COLOR);
	backdrop-filter: blur(10px) saturate(5);
	padding: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 10px;
	z-index: 2;
}

.Music-AddFrom_content .BaseInfo .Cover .Text {
	position: absolute;
	bottom: 10px;
}

.Music-AddFrom_content .BaseInfo .Cover svg {
	fill: var(--BTN_TEXT_COLOR);
	width: 80px;
	height: 80px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
}

.Music-AddFrom_content .BaseInfo .Inputs {
	flex-grow: 1;
	gap: 7px;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.Music-AddFrom_content .InfoAndFile {
	margin: 10px 5px;
	display: flex;
}

.Music-AddFrom_content .InfoAndFile .Info {
	font-size: .9em;
	margin-left: 10px;
}

.Music-AddFrom_content .InfoAndFile label {
	background: var(--AIR_BLOCK_COLOR);
	border-radius: 10px;
	width: 150px;
	min-width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Music-AddFrom_content .AllInfo {
	margin: 10px 5px 5px;
	display: flex;
	flex-direction: column;
}

.Music-AddFrom_content .AllInfo .Columns {
	gap: 10px;
	display: flex;
	flex-direction: row;
}

.Music-AddFrom_content .AllInfo .Column {
	margin-top: 8px;
	flex-grow: 1;
	gap: 7px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.Music-AddFrom_content .UI-FormButton {
	margin: 15px auto 5px;
	display: block;
}

.Music-List {
	position: relative;
}

.Music-List .Title {
	font-size: 1.2em;
	font-family: var(--FF_TITLE);
	margin: 14px 20px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.Music-List .Scroll {
	overflow-x: scroll;
	display: flex;
}

.Music-List .SH_L {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	box-shadow: 1px 0 9px 10px var(--BODY_COLOR);
}

.Music-List .SH_R {
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	box-shadow: 1px 0 9px 10px var(--BODY_COLOR);
}

.Music-List .ScrollButton {
	background: var(--AIR_COLOR);
	width: fit-content;
	height: fit-content;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Music-List .ScrollButton svg {
	fill: var(--BTN_TEXT_COLOR);
	width: 35px;
	height: 35px;
	margin: 0 -10px;
}

.Music-List .SC-R {
	right: 0;
}

.Music-List .SC-R svg {
	transform: scaleX(-1);
}

.Music-SongPrev {
	width: fit-content;
	position: relative;
	user-select: none;
	margin: 50px 15px 10px;
}

.Music-SongPrev .UI-MusicCover {
	cursor: pointer;
	transition: .2s;
}

.Music-SongPrev .UI-MusicCover:hover {
	transform: scale(.95);
}

.Music-SongPrev .MetaAndButton {
	max-width: 140px;
	margin: 5px 5px 8px;
	display: flex;
	align-items: center;
}

.Music-SongPrev .UI-GovernButton {
	background: #fff0;
	position: sticky;
	z-index: 1;
}

.Music-SongPrev .UI-GovernButtons {
	left: 0;
	right: 0;
	top: unset;
	bottom: 46px;
	z-index: 1;
}

.Music-SongPrev .Metadata {
	flex: 1;
	max-width: 119px;
	white-space: nowrap;
}

.Music-SongPrev .Metadata .UI-PRELOAD {
	width: 100%;
	height: 12px;
	margin-top: 2px;
}

.Music-SongPrev .Metadata .UI-PRELOAD:after {
	filter: blur(12px);
}

.Music-SongPrev .Name {
	overflow: hidden;
	text-overflow: ellipsis;
}

.Music-SongPrev .Author {
	color: var(--D_OR_P_COLOR);
	font-size: .9em;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Music-Playlist-Content .Header {
	display: flex;
	align-items: center;
	margin: 20px 0;
	gap: 10px;
}

.Music-Playlist-Content .Header .Title {
	font-size: 2.5em;
	font-family: var(--FF_TITLE);
	margin-bottom: 4px;
}

.Music-Playlist-Content .Songs {
	display: flex;
	flex-direction: column;
	gap: var(--PUSTOTA_WIDTH);
}

.Music-Playlist-Content .Songs .Song {
	padding: 5px;
	border-radius: var(--BR_BASE);
	background: var(--BLOCK_COLOR);
	box-shadow: var(--BLOCK_SHADOW);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	position: relative;
}

.Music-Playlist-Content .Songs .Song .UI-MusicCover {
	cursor: pointer;
}

.Music-Playlist-Content .Songs .Song .Number {
	user-select: none;
	color: var(--D_OR_P_COLOR);
	font-size: 1em;
	width: 30px;
	text-align: center;
	flex-shrink: 0;
}

.Music-Playlist-Content .Songs .Song .Info {
	flex-grow: 1;
	display: flex;
	text-align: left;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
}

.Music-Playlist-Content .Songs .Song .Info .Base {
	display: flex;
	flex-direction: column;
}

.Music-Playlist-Content .Songs .Song .Info .Base .Title {
	margin-bottom: 3px;
	cursor: pointer;
}

.Music-Playlist-Content .Songs .Song .Info .Base .Author {
	color: var(--D_OR_P_COLOR);
	font-size: var(--FS_D_OR_P);
}

.Music-Playlist-Content .Songs .Song .Info .DateAndDuration {
	user-select: none;
	color: var(--D_OR_P_COLOR);
	font-size: var(--FS_D_OR_P);
}

.Music-Playlist-Content .Songs .Song .Like {
	background: none;
	display: flex;
}

.Music-Playlist-Content .Songs .Song .Like svg {
	fill: var(--TEXT_COLOR);
	width: 15px;
	height: 15px;
}

.Music-Playlist-Content .Songs .Song .UI-GovernButton {
	background: var(--BLOCK_BLOCK_COLOR);
	border-radius: 100px;
	margin-right: 10px;
}

@media only screen and (max-device-width: 768px),only screen and (device-width: 768px) and (device-height: 768px),only screen and (width: 768px) and (orientation: landscape),only screen and (device-width: 768px),only screen and (max-width: 768px) {
	.Music-FullPlayer_C {
		width: 85%;
		padding: 0;
		justify-content: center;
		flex-direction: column;
	}

	.Music-FullPlayer_C .Controls .Music-ControlButtons {
		margin-right: 0;
		margin-left: 0;
	}

	.Music-FullPlayer_C .Cover-Containers {
		margin: 0 auto 25px;
	}

	.Music-FullPlayer_C .Controls {
		width: 100%;
		flex-grow: 0;
	}

	.Music-MiniPlayer {
		bottom: 75px;
		position: fixed;
	}

	.Music-MiniPlayer .UI-VolumeControl {
		display: none;
	}

	.Music-Playlist-Content .Header {
		text-align: center;
		flex-direction: column;
	}

	.Music-Playlist-Content .Songs .Song .DateAndDuration {
		display: none;
	}
}

.SavesAvatar {
	background: var(--ACCENT_COLOR);
	display: flex;
	align-items: center;
	justify-content: center;
}

.SavesAvatar svg {
	fill: #fff;
	width: 25px;
	height: 25px;
}

.Messenger {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.Chats {
	background: var(--BLOCK_COLOR);
	border-radius: 8px;
	width: 100%;
	max-width: 30vw;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.Chats-List {
	margin-top: 45px;
	display: flex;
	flex-direction: column;
	gap: var(--PUSTOTA_WIDTH);
}

.Chats-User {
	background: var(--BLOCK_BLOCK_COLOR_LITE);
	border-radius: var(--BR_BASE);
	width: 100%;
	padding: 5px 7px;
	text-align: left;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	transition: .1s;
}

.Chats-User .Avatar {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	font-size: 20px;
}

.Chats-User .UI-NCounter {
	padding: 0 5px;
	margin: 10px 15px;
	z-index: 0;
	top: 0;
	right: 0;
}

.Chats-UserSelected {
	background: var(--AIR_BLOCK_COLOR);
}

.Chats-User_New {
	background: #c6b4e24d;
}

.Chats-Data {
	margin: 5px 15px;
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Chats-Name {
	color: var(--TEXT_COLOR);
	font-family: var(--FF_TITLE);
	margin-bottom: 3px;
}

.Chats-Name .UI-PRELOAD {
	width: 100px;
	height: 13px;
	margin-bottom: 3px;
}

.Chats-LastMessage {
	color: var(--D_OR_P_COLOR);
	font-size: .87em;
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Chats-LastMessage .UI-PRELOAD {
	width: 150px;
	height: 13px;
}

.Chat-Container {
	width: 100%;
	height: 100%;
	display: flex;
	position: relative;
}

.Chat-Content {
	flex: 1;
	height: 100%;
	transition: flex .3s ease;
}

.Chat {
	background: var(--BLOCK_COLOR);
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.Chat-Wallpaper {
	width: 100%;
	height: 100%;
	position: absolute;
}

.Chat-Wallpaper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.Chat-Error {
	background: var(--BLOCK_COLOR);
	width: 100%;
	height: 100%;
	z-index: 3;
	display: flex;
	justify-content: center;
	position: absolute;
}

.Chat-Error_message,.Chat-SelectKeyWord {
	width: 100%;
	height: fit-content;
	position: absolute;
	inset: 0;
	margin: auto;
}

.Chat-Error_message {
	background: var(--BLOCK_BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	font-size: var(--FS_TEXT);
	max-width: 85%;
	width: fit-content;
	padding: 10px;
	border-radius: var(--BR_BASE);
}

.Chat-SelectKeyWord {
	width: 85%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.Chat-SelectKeyWord .Title {
	font-size: .9em;
	text-align: center;
	margin-bottom: 15px;
}

.Chat-SelectKeyWord textarea {
	width: 100%;
	padding: 10px;
	resize: none;
}

.Chat-SelectKeyWord .Buttons {
	width: 100%;
	margin-top: 10px;
	gap: var(--PUSTOTA_WIDTH);
	display: flex;
	flex-direction: row;
}

.Chat-SelectKeyWord .Buttons button {
	width: 100%;
}

.Chat-TopBar,.Chat-BottomBar {
	background: var(--AIR_COLOR);
	backdrop-filter: blur(15px) saturate(200%);
	-webkit-backdrop-filter: blur(15px) saturate(200%);
	width: 100%;
	position: absolute;
	z-index: 3;
	user-select: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.Chat-Menu {
	width: 100%;
	padding: 50px 0;
	position: absolute;
	inset: 0;
	background: var(--BLOCK_COLOR);
	z-index: 4;
	overflow-y: auto;
}

.Chat-Menu .Header .Avatar {
	width: 100px;
	height: 100px;
	font-size: 50px;
	margin: auto;
}

.Chat-Menu .Header .Avatar svg {
	width: 50px;
	height: 50px;
}

.Chat-Menu .Header .Name {
	margin-top: 10px;
	font-size: 1.2em;
	font-family: var(--FF_TITLE);
	text-align: center;
}

.Chat-Menu .Header .UI-BoxButtons {
	margin-top: 20px;
}

.Chat-Menu .Invitations,.Chat-Menu .GroupMembers {
	width: 100%;
	height: fit-content;
}

.Chat-Menu .GroupMembers {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.Chat-Menu .GroupMembers .Member {
	background: var(--BLOCK_BLOCK_COLOR_LITE);
	width: 100%;
	border-radius: 100px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.Chat-Menu .GroupMembers .Member .Avatar {
	width: 40px;
	height: 40px;
	font-size: 20px;
}

.Chat-Menu .Invitations .UI-Input {
	width: 100%;
}

.Chat-TopBar {
	border-bottom: 1px solid var(--AIR_BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	fill: var(--TEXT_COLOR);
	padding: 8px 18px;
	align-items: center;
	top: 0;
	display: flex;
	justify-content: space-between;
}

.Chat-TopBar .Back {
	width: 25px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Chat-TopBar .Back svg {
	transform: scale(1.2);
}

.Chat-TopBar .Avatar {
	width: 40px;
	height: 40px;
}

.Chat-TopBar .TopBar-Actions {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}

.Chat-TopBar .TopBar-Actions .MenuButton {
	background: transparent;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color .2s;
}

.Chat-TopBar .TopBar-Actions .MenuButton:hover {
	background-color: var(--AIR_BLOCK_COLOR);
}

.Chat-TopBar .TopBar-Actions .MenuButton svg {
	fill: var(--TEXT_COLOR);
	width: 18px;
	height: 18px;
}

.Chat-TopBar .TopBar-Actions .TopBar-Menu {
	position: absolute;
	top: 40px;
	right: 0;
	background: var(--BLOCK_COLOR);
	border-radius: 8px;
	box-shadow: 0 2px 10px #0000001a;
	min-width: 180px;
	z-index: 100;
	overflow: hidden;
}

.Chat-TopBar .TopBar-Actions .TopBar-Menu button {
	width: 100%;
	text-align: left;
	padding: 12px 15px;
	background: transparent;
	border-bottom: 1px solid var(--AIR_BLOCK_COLOR);
	transition: background-color .2s;
	display: flex;
	align-items: center;
	gap: 10px;
}

.Chat-TopBar .TopBar-Actions .TopBar-Menu button:last-child {
	border-bottom: none;
}

.Chat-TopBar .TopBar-Actions .TopBar-Menu button:hover {
	background-color: var(--AIR_BLOCK_COLOR);
}

.Chat-TopBar .TopBar-Actions .TopBar-Menu button svg {
	fill: var(--TEXT_COLOR);
	width: 18px;
	height: 18px;
}

.Chat-TB_Data {
	width: fit-content;
	height: fit-content;
	position: absolute;
	inset: 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.Chat-TB_Data .Chat-Name,.Chat-TB_Data .Avatar {
	cursor: pointer;
}

.Chat-TB_Data .Chat-Name {
	margin-bottom: 1px;
	font-size: 1.1em;
}

.Chat-TB_Data .Chat-Status {
	color: var(--D_OR_P_COLOR);
	font-size: .85em;
}

.Chat-SelectedFiles {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 10px;
	overflow-x: auto;
	margin-bottom: 10px;
	padding: 0 10px;
}

.Chat-SelectedFiles .File {
	background: var(--BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	padding: 8px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	position: relative;
	overflow: hidden;
	transition: all .2s ease;
}

.Chat-SelectedFiles .File.ImageFile {
	max-width: 180px;
}

.Chat-SelectedFiles .File.ImageFile .Metadata {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #0009;
	padding: 5px 8px;
	color: #fff;
	border-radius: 0 0 var(--BR_BASE) var(--BR_BASE);
	opacity: 0;
	transform: translateY(100%);
	transition: all .2s ease;
}

.Chat-SelectedFiles .File.ImageFile .Metadata .Name,.Chat-SelectedFiles .File.ImageFile .Metadata .Size {
	color: #fff;
}

.Chat-SelectedFiles .File.ImageFile:hover .Metadata {
	opacity: 1;
	transform: translateY(0);
}

.Chat-SelectedFiles .File .ImagePreview {
	width: 100%;
	height: 120px;
	object-fit: cover;
	border-radius: var(--BR_BASE);
}

.Chat-SelectedFiles .File .Icon,.Chat-SelectedFiles .File svg {
	min-width: 36px;
	min-height: 36px;
	max-width: 36px;
	max-height: 36px;
	border-radius: 8px;
	object-fit: cover;
}

.Chat-SelectedFiles .File .Metadata {
	flex-direction: column;
	display: flex;
}

.Chat-SelectedFiles .File .Metadata .Name {
	font-size: 14px;
	white-space: nowrap;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Chat-SelectedFiles .File .Metadata .Size {
	font-size: 12px;
	opacity: .7;
}

.Chat-SelectedFiles .File .RemoveFile {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: var(--ACCENT_COLOR);
	color: #fff;
	cursor: pointer;
	opacity: 0;
	transform: scale(.8);
	transition: all .2s ease;
	z-index: 2;
}

.Chat-SelectedFiles .File .RemoveFile svg {
	width: 12px;
	height: 12px;
	min-width: 12px;
	min-height: 12px;
}

.Chat-SelectedFiles .File:hover .RemoveFile {
	opacity: 1;
	transform: scale(1);
}

.Chat-BottomBar {
	border-top: 1px solid var(--AIR_BLOCK_COLOR);
	padding: 8px 18px;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}

.Chat-BottomBar .Input {
	width: 100%;
	gap: 10px;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	position: relative;
}

.Chat-BottomBar .Input.dragging {
	outline: 2px dashed var(--ACCENT_COLOR);
	background-color: rgba(var(--ACCENT_COLOR_RGB),.05);
	transition: all .2s ease;
	border-radius: 15px;
	padding: 10px;
	transform: scale(1.01);
}

.Chat-BottomBar .Input.dragging:after {
	content: attr(data-text);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: var(--ACCENT_COLOR);
	font-size: 1.2em;
	font-weight: 700;
	pointer-events: none;
	z-index: 2;
	white-space: nowrap;
}

.Chat-BottomBar .Input.dragging .SocialInput,.Chat-BottomBar .Input.dragging button {
	opacity: .5;
}

.Chat-BottomBar .UI-Input {
	background: var(--AIR_BLOCK_COLOR);
	width: 100%;
}

.Chat-BottomBar button {
	background: var(--AIR_BLOCK_COLOR);
	border-radius: 100px;
	width: 33px;
	height: 33px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Chat-BottomBar button svg {
	fill: var(--TEXT_COLOR);
}

.Chat-BottomBar .Send {
	background: var(--ACCENT_COLOR);
}

.Chat-BottomBar .Send svg {
	fill: var(--BLOCK_COLOR);
	height: 19px;
}

.Chat-BottomBar .UI-EmojiPicker {
	bottom: 50px!important;
	left: unset!important;
	right: 0!important;
	top: auto!important;
	position: absolute!important;
	transform: none!important;
}

.messenger-emoji-picker {
	bottom: 50px!important;
	left: unset!important;
	right: 0!important;
	top: auto!important;
	position: absolute!important;
	transform: none!important;
	width: 400px!important;
	max-height: 300px!important;
	overflow: auto!important;
}

.messenger-emoji-picker .Categories {
	display: flex!important;
	flex-direction: row!important;
	flex-wrap: wrap!important;
	width: 100%!important;
	gap: 5px!important;
}

.messenger-emoji-picker .Category {
	min-width: unset!important;
	flex: 1!important;
}

.messenger-emoji-picker .Grid {
	max-height: 250px!important;
	overflow-y: auto!important;
}

.Chat-NonMessages {
	background: var(--BLOCK_COLOR);
	color: var(--BLOCK_COLOR_LITE_TEXT);
	border-radius: 20px;
	font-size: .9em;
	width: 60%;
	height: fit-content;
	margin: auto;
	padding: 10px;
	text-align: center;
	position: absolute;
	inset: 0;
}

.Chat-NonMessages svg {
	fill: var(--TEXT_COLOR);
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
}

.Chat-Messages {
	width: 90%;
	height: 100%;
	margin: auto;
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
}

.Chat-MessagesScroll,.Chat-PreloadScroll {
	flex: 1;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	scroll-behavior: smooth;
	display: flex;
	flex-direction: column-reverse;
	position: relative;
}

.Chat-MessagesList,.Chat-PreloadList {
	padding: 60px 0;
	height: fit-content;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}

.Chat-PreloadScroll {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.Chat-DateSeparator {
	background: var(--BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	border: 1px solid var(--AIR_BLOCK_COLOR);
	width: fit-content;
	border-radius: 100px;
	padding: 3px 10px;
	font-size: .9em;
	display: block;
	margin: 10px auto;
}

.Chat-M_Me,.Chat-M_URS {
	width: fit-content;
	max-width: 30vw;
	font-size: 1em;
	position: relative;
	overflow: hidden;
	border-radius: 13px;
	display: flex;
	flex-direction: column;
	word-wrap: break-word;
	white-space: pre-line;
}

.Chat-M_Me.message-new,.Chat-M_URS.message-new {
	animation: messageSlideIn .3s ease-out forwards;
}

@keyframes messageSlideIn {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}

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

.Chat-M_Me .Header,.Chat-M_URS .Header {
	padding: 5px;
}

.Chat-M_Me .Header .Name,.Chat-M_URS .Header .Name {
	color: var(--ACCENT_COLOR);
	opacity: .8;
	font-size: .8em;
}

.Chat-M_Me .UI-PRELOAD,.Chat-M_URS .UI-PRELOAD {
	background: var(--BLOCK_COLOR);
	position: absolute;
	border-radius: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.Chat-M_Me .UI-PRELOAD:after,.Chat-M_URS .UI-PRELOAD:after {
	filter: blur(20px);
}

.Chat-M_Me .Loader,.Chat-M_Me .Bum,.Chat-M_URS .Loader,.Chat-M_URS .Bum {
	border-radius: 100%;
	width: 45px;
	height: 45px;
	margin: auto;
	position: absolute;
	inset: 0;
	z-index: 1;
}

.Chat-M_Me .Loader,.Chat-M_URS .Loader {
	background: #ffffff80;
	backdrop-filter: blur(20px) brightness(200%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.Chat-M_Me .Loader .Progress,.Chat-M_URS .Loader .Progress {
	position: absolute;
	width: 100%;
	height: 100%;
	animation: spin 1s linear infinite;
}

.Chat-M_Me .Loader svg,.Chat-M_URS .Loader svg {
	fill: var(--TEXT_COLOR);
	width: 80%;
	height: 80%;
}

.Chat-M_Me .Loader .CancelButton,.Chat-M_URS .Loader .CancelButton {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: #222;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
}

.Chat-M_Me .Loader .CancelButton svg,.Chat-M_URS .Loader .CancelButton svg {
	fill: #fff;
	width: 60%;
	height: 60%;
}

.Chat-M_Me .Loader .CancelButton:hover,.Chat-M_URS .Loader .CancelButton:hover {
	transform: scale(1.1);
}

@keyframes spin {
	0% {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

.Chat-M_Me .Bum,.Chat-M_URS .Bum {
	background: #000;
	transform: scale(0);
	filter: blur(5px);
	z-index: 0;
	transition: .9s;
}

.Chat-M_Me .BumBum,.Chat-M_URS .BumBum {
	transform: scale(10);
	opacity: 0;
	visibility: hidden;
}

.Chat-M_Me .Image,.Chat-M_URS .Image {
	cursor: pointer;
	display: flex;
	position: relative;
}

.Chat-M_Me .Image .NotLoaded,.Chat-M_URS .Image .NotLoaded {
	filter: blur(20px) saturate(200%);
	opacity: .5;
}

.Chat-M_Me .Image img,.Chat-M_URS .Image img {
	max-width: 100%;
	transition: .9s;
}

.Chat-M_Me .File,.Chat-M_URS .File {
	padding: 10px;
	gap: 10px;
	display: flex;
	align-items: center;
}

.Chat-M_Me .File .Metadata,.Chat-M_URS .File .Metadata {
	width: 100%;
	overflow: hidden;
	user-select: none;
}

.Chat-M_Me .File .Metadata .Name,.Chat-M_URS .File .Metadata .Name {
	font-size: 1.05em;
}

.Chat-M_Me .File .Metadata .Size,.Chat-M_URS .File .Metadata .Size {
	font-size: .8em;
	opacity: .7;
}

.Chat-M_Me .File .Icon,.Chat-M_Me .File .Loader,.Chat-M_URS .File .Icon,.Chat-M_URS .File .Loader {
	background: #6640a0;
	width: 50px;
	height: 50px;
	flex-shrink: 0;
}

.Chat-M_Me .File .Icon,.Chat-M_URS .File .Icon {
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Chat-M_Me .File .Icon svg,.Chat-M_URS .File .Icon svg {
	fill: #fff;
	width: 35px;
	height: 35px;
}

.Chat-M_Me .File .Loader,.Chat-M_URS .File .Loader {
	backdrop-filter: none;
	color: #fff;
	position: relative;
}

.Chat-M_Me .File .Loader svg,.Chat-M_URS .File .Loader svg {
	fill: #fff;
}

.Chat-M_Me .TextAndStatus,.Chat-M_URS .TextAndStatus {
	display: flex;
	align-items: flex-end;
}

.Chat-M_Me .Text,.Chat-M_URS .Text {
	z-index: 1;
	width: 100%;
	margin: 7px 10px;
}

.Chat-M_Me .Text .code-block-container,.Chat-M_URS .Text .code-block-container {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.Chat-M_Me .Text .code-block,.Chat-M_URS .Text .code-block {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	box-sizing: border-box;
}

.Chat-M_Me .Text .code-block code,.Chat-M_URS .Text .code-block code {
	display: inline-block;
	min-width: 100%;
}

.Chat-M_Me .Text .inline-code,.Chat-M_URS .Text .inline-code {
	max-width: 100%;
	overflow-x: auto;
	vertical-align: middle;
}

.Chat-M_Me .ErrorText,.Chat-M_URS .ErrorText {
	font-style: italic;
	opacity: .6;
}

.Chat-M_Me .Status,.Chat-M_URS .Status {
	color: var(--TEXT_COLOR);
	opacity: .6;
	user-select: none;
	padding: 0 7px 4px 0;
	gap: 4px;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.Chat-M_Me .Status svg,.Chat-M_URS .Status svg {
	width: 10px;
	height: 10px;
}

.Chat-M_Me .Status .Time,.Chat-M_URS .Status .Time {
	font-size: .6em;
}

.Chat-M_Me {
	background: var(--ACCENT_COLOR);
	color: #fff;
	margin: 3px 10px 3px auto;
	max-width: 30vw;
}

.Chat-M_Me.Chat-M_HasTail {
	border-radius: 15px 15px 1px;
}

.Chat-M_Me .Status {
	color: #fff;
}

.Chat-M_Me a {
	color: #fff;
	text-decoration: underline;
}

.Chat-M_URS {
	background: var(--BLOCK_COLOR);
	color: var(--TEXT_COLOR);
	margin: 3px auto 3px 10px;
	max-width: 30vw;
}

.Chat-M_URS.Chat-M_HasTail {
	border-radius: 15px 15px 15px 1px;
}

.Chat.with-sidebar .Chat-M_Me,.Chat.with-sidebar .Chat-M_URS {
	max-width: 25vw;
}

@media (max-width: 1600px) {
	.Chat-Messages {
		width: 95%;
	}
}

@media (max-width: 1200px) {
	.Chat-Messages {
		width: 90%;
	}
}

@media (max-width: 992px) {
	.Chat-Messages {
		width: 85%;
	}
}

@media only screen and (max-device-width: 768px),only screen and (device-width: 768px) and (device-height: 768px),only screen and (width: 768px) and (orientation: landscape),only screen and (device-width: 768px),only screen and (max-width: 768px) {
	.Chat,.Chats {
		border-radius: 0;
		width: 100%;
		max-width: 100%;
		position: fixed;
		right: 0;
		left: 0;
	}

	.no-chat-selected {
		display: none!important;
	}

	.Chat-Messages {
		width: 100%;
	}

	.Chats {
		background: var(--BODY_COLOR);
		padding: 0 5px;
	}

	.Chats-User {
		background: var(--BLOCK_COLOR);
	}

	.Chat-M_Me,.Chat-M_URS {
		max-width: 80vw;
	}

	.Chat-M_Me .Text .code-block-container,.Chat-M_URS .Text .code-block-container {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		box-sizing: border-box;
	}

	.Chat-M_Me .Text .code-block,.Chat-M_URS .Text .code-block {
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		box-sizing: border-box;
	}

	.Chat-M_Me .Text .code-block code,.Chat-M_URS .Text .code-block code {
		display: inline-block;
		min-width: 100%;
	}

	.Chat-M_Me .Text .inline-code,.Chat-M_URS .Text .inline-code {
		max-width: 100%;
		overflow-x: auto;
	}
}

.Chat-EmojiPanel {
	width: 320px;
	height: 100%;
	background: var(--BLOCK_COLOR);
	border-left: 1px solid var(--AIR_BLOCK_COLOR);
	display: flex;
	flex-direction: column;
	animation: slideInRight .3s ease;
	position: relative;
}

.Chat-EmojiPanel .Header {
	padding: 10px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--AIR_BLOCK_COLOR);
	height: 50px;
}

.Chat-EmojiPanel .Header .Title {
	font-size: 1.1em;
	font-weight: 500;
}

.Chat-EmojiPanel .Header .Close {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 50%;
	transition: background-color .2s ease;
}

.Chat-EmojiPanel .Header .Close:hover {
	background-color: var(--AIR_BLOCK_COLOR);
}

.Chat-EmojiPanel .Header .Close svg {
	fill: var(--TEXT_COLOR);
	width: 20px;
	height: 20px;
}

.Chat-EmojiPanel .Resize-Handle {
	position: absolute;
	top: 0;
	left: -5px;
	width: 10px;
	height: 100%;
	cursor: col-resize;
	z-index: 5;
}

.Chat-EmojiPanel .Resize-Handle:hover:after,.Chat-EmojiPanel .Resize-Handle:active:after {
	content: "";
	position: absolute;
	top: 0;
	left: 4px;
	width: 2px;
	height: 100%;
	background-color: var(--ACCENT_COLOR);
	opacity: .5;
}

.sidebar-emoji-picker {
	height: calc(100% - 50px);
	width: 100%!important;
	position: relative;
	border-radius: 0;
	box-shadow: none;
	max-height: unset!important;
	max-width: unset!important;
}

.sidebar-emoji-picker .Categories {
	padding: 5px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
}

.sidebar-emoji-picker .Category {
	flex: 1;
}

.sidebar-emoji-picker .Grid {
	padding: 10px;
	height: calc(100% - 60px);
	max-height: none!important;
	overflow-y: auto;
	width: 100%!important;
}

.sidebar-emoji-picker .Grid .EmojiItem {
	padding: 5px;
	transition: background-color .2s;
	border-radius: 8px;
}

.sidebar-emoji-picker .Grid .EmojiItem:hover {
	background-color: var(--AIR_BLOCK_COLOR);
}

@keyframes slideInRight {
	0% {
		transform: translate(100%);
	}

	to {
		transform: translate(0);
	}
}

.UI-EmojiPickerChat {
	bottom: 50px!important;
	left: unset!important;
	right: 0!important;
	top: auto!important;
	position: absolute!important;
	transform: none!important;
}

@media only screen and (max-device-width: 768px),only screen and (device-width: 768px) and (device-height: 768px),only screen and (width: 768px) and (orientation: landscape),only screen and (device-width: 768px),only screen and (max-width: 768px) {
	.Chat-EmojiPanel {
		display: none;
	}
}

.ActionPanel {
	mask-image: linear-gradient(56deg,#000 40%,#0000 50%);
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
}

.ActionPanel .Buttons {
	font-size: 1.2em;
	margin: 20px;
	position: absolute;
	bottom: 0;
	display: flex;
}

.ActionPanel .Buttons label {
	background: var(--AIR_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	padding: 10px 15px;
	gap: 10px;
	display: flex;
	user-select: none;
	cursor: pointer;
	text-wrap: nowrap;
	align-items: center;
	box-shadow: 1px 1px 2px #00000057;
}

.ActionPanel .Buttons label svg {
	fill: var(--TEXT_COLOR);
	width: 25px;
	height: 25px;
}

.messenger-emoji-picker {
	bottom: 50px;
	right: 0;
	top: auto;
	position: absolute;
	width: 400px;
	max-height: 300px;
	overflow: auto;
	z-index: 90;
}

.messenger-emoji-picker .Categories {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	gap: 5px;
}

.messenger-emoji-picker .Category {
	min-width: unset;
	flex: 1;
}

.messenger-emoji-picker .Grid {
	max-height: 250px;
	overflow-y: auto;
}

.UI-Particle,.UI-ImageParticle,.UI-TextParticle {
	border-radius: 100px;
	position: absolute;
	animation: Disintegrate 1.5s forwards;
	box-shadow: 0 0 2px #0003;
	z-index: 1000;
}

.UI-ImageParticle {
	overflow: hidden;
}

@keyframes Disintegrate {
	0% {
		opacity: 1;
		transform: translate(0) rotate(0) scale(1);
	}

	to {
		opacity: 0;
		transform: translate(calc(var(--x) * 1px),calc(var(--y) * 1px)) rotate(calc(var(--x) * 1deg)) scale(.1);
	}
}

.TH-Container {
	border-radius: 10px;
	width: 70px;
	height: 110px;
	margin-right: 0;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	transition: all .3s ease;
	border: 2px solid transparent;
	box-shadow: 0 2px 6px #00000014;
}

@media (hover: hover) {
	.TH-Container:hover {
		transform: translateY(-2px);
		box-shadow: 0 3px 12px #0000001f;
	}
}

.TH-Container:active {
	transform: translateY(0);
	transition: all .1s ease;
}

.TH-TopBar,.TH-BottomBar {
	width: 100%;
	height: 15px;
	position: absolute;
	z-index: 1;
}

.TH-TopBar {
	top: 0;
}

.TH-BottomBar {
	bottom: 0;
	border-top: solid 1px #e6e6e6;
}

.TH-Posts {
	width: 100%;
	height: 100%;
}

.TH-AddPost,.TH-Post {
	border-radius: 2px;
	width: auto;
	height: 30px;
}

.TH-AddPost {
	margin: 18px 4px 0;
	position: relative;
}

.TH-Button {
	border-radius: 2px;
	width: 25px;
	height: 6px;
	margin: 3.5px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.TH-Post {
	margin: 2.5px 4px 0;
}

.Theme-Light .TH-Container {
	background: #e6e6e6;
}

.Theme-Light .TH-TopBar,.Theme-Light .TH-BottomBar {
	background: #f8f8f8;
}

.Theme-Light .TH-BottomBar {
	border-top: solid 1px #e6e6e6;
}

.Theme-Light .TH-AddPost,.Theme-Light .TH-Post {
	background: #f8f8f8;
}

.Theme-Light .TH-Button {
	background: #9674ca;
}

.Theme-Light_LG .TH-Container {
	background: #e6e6e6;
}

.Theme-Light_LG .TH-TopBar,.Theme-Light_LG .TH-BottomBar {
	background: #f8f8f8;
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 100px;
	border-top: solid 1px #e6e6e6;
	opacity: .8;
}

.Theme-Light_LG .TH-TopBar {
	top: 1px;
}

.Theme-Light_LG .TH-BottomBar {
	bottom: 2px;
}

.Theme-Light_LG .TH-AddPost,.Theme-Light_LG .TH-Post {
	background: #f8f8f8;
}

.Theme-Light_LG .TH-Button {
	background: #9674ca;
}

.Theme-Gold .TH-Container {
	background: #e6e6e6;
}

.Theme-Gold .TH-TopBar,.Theme-Gold .TH-BottomBar {
	background: #f8f8f8;
}

.Theme-Gold .TH-BottomBar {
	border-top: solid 1px #e6e6e6;
}

.Theme-Gold .TH-AddPost,.Theme-Gold .TH-Post {
	background: #f8f8f8;
}

.Theme-Gold .TH-Button {
	background: linear-gradient(465deg,#fab31e,#fd9347);
}

.Theme-Dark .TH-Container {
	background: #141414;
}

.Theme-Dark .TH-TopBar,.Theme-Dark .TH-BottomBar {
	background: #424242;
}

.Theme-Dark .TH-BottomBar {
	border-top: solid 1px #141414;
}

.Theme-Dark .TH-AddPost,.Theme-Dark .TH-Post {
	background: #424242;
}

.Theme-Dark .TH-Button {
	background: #9674ca;
}

.Theme-Dark-LG .TH-Container {
	background: #141414;
}

.Theme-Dark-LG .TH-TopBar,.Theme-Dark-LG .TH-BottomBar {
	background: #42424299;
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 100px;
	border-top: solid 1px #141414;
	opacity: .8;
}

.Theme-Dark-LG .TH-TopBar {
	top: 1px;
}

.Theme-Dark-LG .TH-BottomBar {
	bottom: 2px;
}

.Theme-Dark-LG .TH-AddPost,.Theme-Dark-LG .TH-Post {
	background: #42424299;
}

.Theme-Dark-LG .TH-Button {
	background: #9674ca;
}

.Theme-Gold-Dark .TH-Container {
	background: #141414;
}

.Theme-Gold-Dark .TH-TopBar,.Theme-Gold-Dark .TH-BottomBar {
	background: #424242;
}

.Theme-Gold-Dark .TH-BottomBar {
	border-top: solid 1px #141414;
}

.Theme-Gold-Dark .TH-AddPost,.Theme-Gold-Dark .TH-Post {
	background: #424242;
}

.Theme-Gold-Dark .TH-Button {
	background: linear-gradient(465deg,#fab31e,#fd9347);
}

.Theme-Amoled .TH-Container {
	background: #000;
}

.Theme-Amoled .TH-TopBar,.Theme-Amoled .TH-BottomBar {
	background: #141414;
}

.Theme-Amoled .TH-BottomBar {
	border-top: solid 1px #141414;
}

.Theme-Amoled .TH-AddPost,.Theme-Amoled .TH-Post {
	background: #101010;
}

.Theme-Amoled .TH-Button {
	background: #9674ca;
}

.Theme-Amoled-Gold .TH-Container {
	background: #000;
}

.Theme-Amoled-Gold .TH-TopBar,.Theme-Amoled-Gold .TH-BottomBar {
	background: #141414;
}

.Theme-Amoled-Gold .TH-BottomBar {
	border-top: solid 1px #141414;
}

.Theme-Amoled-Gold .TH-AddPost,.Theme-Amoled-Gold .TH-Post {
	background: #101010;
}

.Theme-Amoled-Gold .TH-Button {
	background: linear-gradient(465deg,#fab31e,#fd9347);
}

.Theme-Amoled-LG .TH-Container {
	background: #000;
}

.Theme-Amoled-LG .TH-TopBar,.Theme-Amoled-LG .TH-BottomBar {
	background: #0f0f0f66;
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 100px;
	border-top: solid 1px #141414;
	opacity: .8;
}

.Theme-Amoled-LG .TH-TopBar {
	top: 1px;
}

.Theme-Amoled-LG .TH-BottomBar {
	bottom: 2px;
}

.Theme-Amoled-LG .TH-AddPost,.Theme-Amoled-LG .TH-Post {
	background: #0f0f0f66;
}

.Theme-Amoled-LG .TH-Button {
	background: #9674ca;
}

.Settings-Page {
	flex-direction: row-reverse;
}

.Settings-Page .UI-C_L {
	position: relative;
	width: 100%;
}

.Settings-Page .UI-C_R {
	width: 100%;
	max-width: 350px;
}

.Settings-Page .UI-B_FIRST {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.Settings-Page .UI-B_FIRST .UI-Title {
	width: 100%;
}

.Settings-Page .Profile-InfoBlock .UI-Cover {
	height: 100px;
}

.Settings-Page .Profile-InfoBlock .AvatarContainer {
	top: 105px;
}

.Settings-Page .Profile-InfoBlock .Username {
	margin: 2px 10px 0;
}

.Settings-PRFL_Email {
	background: var(--BLOCK_BLOCK_COLOR);
	border-radius: 10px;
	width: fit-content;
	margin-top: 10px;
	padding: 4px 10px;
	position: relative;
	overflow: hidden;
	transition: .2s;
	user-select: all;
}

.Settings-PRFL_Email:after {
	content: "";
	background: var(--BLOCK_BLOCK_COLOR);
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
	transform: translate(0);
	box-shadow: -11px 0 9px 10px var(--BLOCK_BLOCK_COLOR);
	transition: .2s;
}

.Settings-PRFL_Email.hover:after {
	transform: translate(120%);
}

.Settings-ChangeButtons {
	width: fit-content;
	border-radius: 10px;
	position: relative;
	z-index: 0;
	overflow: hidden;
	user-select: none;
	display: flex;
	flex-direction: column;
}

.Settings-ChangeButtons input {
	display: none;
}

.Settings-ChangeButtons .Button {
	background: var(--BTN_BACKGROUND);
	color: var(--BTN_TEXT_COLOR);
	font-size: var(--FS_TEXT);
	border-radius: 0;
	margin-bottom: 1.5px;
	padding: 5px 10px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.Settings-ChangeButtons .Button:active {
	filter: brightness(.8);
}

.Settings-ChangeButtons .ButtonDL {
	background: var(--BTN_CLOSE_COLOR);
	color: var(--BTN_TEXT_COLOR);
	font-size: var(--FS_TEXT);
	border-radius: 0;
	margin-bottom: 0;
	padding: 5px 10px;
}

.Settings-CP_Cover {
	background: var(--NL_GRADIENT);
	border-radius: 5px;
	width: 100%;
	height: 130px;
	position: relative;
	overflow: hidden;
}

.Settings-CP_Cover .Settings-ChangeButtons {
	border-radius: 5px 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
}

.Settings-CP_Cover .Settings-ChangeButtons .Button {
	background: #f2f2f2b3;
	backdrop-filter: blur(3px);
	color: #4f4f4f;
	border-radius: 5px 0 0;
}

.Settings-CP_Cover .Settings-ChangeButtons .ButtonDL {
	backdrop-filter: blur(3px);
	color: #4f4f4f;
}

.Settings-CP_Avatar {
	margin: 4px 5px 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.Settings-CP_Avatar .Avatar {
	position: relative;
	left: 14px;
	z-index: 1;
}

.Settings-CP_Avatar .Settings-ChangeButtons {
	right: 14px;
}

.Settings-CP_Avatar .Button,.Settings-CP_Avatar .ButtonDL {
	padding: 5px 10px 5px 40px;
}

.Settings-CP_Input_container {
	width: 100%;
	margin: 0 0 3px;
	padding: 0 5px;
	display: flex;
	flex-direction: column;
}

.Settings-CP_Input_container .Title {
	color: #9c99a7;
	font-size: .8em;
	margin: 6px 0 5px 6px;
}

.Settings-CP_Input_container .UI-Input {
	width: 100%;
	padding: 7px 9px;
}

.Settings-CP_Input_container input {
	position: sticky;
	z-index: 3;
}

.Settings-CP_Input_container textarea {
	height: 80px;
	position: sticky;
	z-index: 1;
	overflow: hidden;
	resize: none;
}

.Settings-CP_Input_container .UI-Links {
	margin-top: 0;
}

.Settings-LinkContainer {
	margin-top: 60px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Settings-LinkContainer .Avatar {
	margin-right: -15px;
}

.Settings-LinkContainer .LinkIcon {
	width: 42px;
	height: 42px;
	margin-left: -15px;
	margin-top: 50px;
	z-index: 1;
}

.Settings-LinkContainer .LinkIcon svg,.Settings-LinkContainer .LinkIcon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.Settings-LinkContainer .LinkIcon svg {
	fill: var(--ACCENT_COLOR);
	filter: drop-shadow(2px 4px 3px var(--ACCENT_COLOR));
}

.Settings-Themes {
	padding: 8px 0 4px;
	overflow: hidden;
	position: relative;
}

.Settings-Themes .ThemeScrollButton {
	background: var(--BTN_BACKGROUND);
	border: none;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .2s ease;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}

.Settings-Themes .ThemeScrollButton svg {
	width: 18px;
	height: 18px;
	color: var(--TEXT_COLOR);
}

.Settings-Themes .ThemeScrollButton:hover {
	background: var(--AIR_BLOCK_COLOR);
	transform: translateY(-50%) scale(1.05);
}

.Settings-Themes .ThemeScrollButton:active {
	transform: translateY(-50%) scale(.95);
}

.Settings-Themes .ThemeScrollButton.left {
	left: 5px;
}

.Settings-Themes .ThemeScrollButton.right {
	right: 5px;
}

.Settings-Themes .Scroll {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	gap: 12px;
	padding: 8px 45px;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.Settings-Themes .Scroll::-webkit-scrollbar {
	display: none;
}

.Settings-Themes .Scroll .ChangeTheme {
	flex-shrink: 0;
	transition: all .3s ease;
	position: relative;
}

.Settings-Themes .Scroll .ChangeTheme:hover {
	transform: translateY(-3px);
}

.Settings-Themes .Scroll .ChangeTheme.Selected .Info {
	background: var(--ACCENT_COLOR);
	color: #fff;
	transform: scale(1.05);
}

.Settings-Themes .Scroll .ChangeTheme.Selected .TH-Container {
	border: 2px solid var(--ACCENT_COLOR);
	box-shadow: 0 4px 12px #9674ca4d;
}

.Settings-Themes .Scroll .Info {
	color: var(--TEXT_COLOR);
	font-size: 10px;
	width: 70px;
	margin-top: 5px;
	text-align: center;
	padding: 4px 5px;
	border-radius: 8px;
	transition: all .2s ease;
	line-height: 1.1;
	background: var(--BLOCK_COLOR_LITE);
}

@media only screen and (max-width: 768px) {
	.Settings-Themes .ThemeScrollButton {
		width: 30px;
		height: 30px;
	}

	.Settings-Themes .ThemeScrollButton svg {
		width: 16px;
		height: 16px;
	}

	.Settings-Themes .ThemeScrollButton.left {
		left: 3px;
	}

	.Settings-Themes .ThemeScrollButton.right {
		right: 3px;
	}

	.Settings-Themes .Scroll {
		gap: 10px;
		padding: 6px 40px;
	}

	.Settings-Themes .Scroll .Info {
		font-size: 9px;
		width: 65px;
		margin-top: 5px;
		padding: 3px 4px;
	}
}

.Settings-Author {
	margin: 15px 10px;
	display: flex;
	align-items: flex-start;
}

.Settings-Author .Avatar {
	width: 50px;
	height: 50px;
}

.Settings-Author .Info {
	margin-left: 10px;
}

.Settings-Author .Name {
	color: var(--TEXT_COLOR);
	font-family: var(--FF_TITLE);
	font-size: 1em;
	margin-top: 3px;
}

.Settings-Author .JobTitle {
	color: var(--BLOCK_COLOR_LITE_TEXT);
	font-size: .87em;
	margin-top: 5px;
}

.Settings-Author .Links {
	display: flex;
	flex-direction: row;
	gap: 10px;
	margin-top: 10px;
	flex-wrap: wrap;
}

.Settings-Author .Links .SocialLink {
	background: var(--AIR_BLOCK_COLOR);
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	padding: 3px 5px;
	font-size: .8em;
}

.Settings-Author .Links .SocialLink svg,.Settings-Author .Links .SocialLink img {
	width: 15px;
	height: 15px;
	object-fit: contain;
}

.Settings-PType {
	width: 100%;
	gap: 5px;
	display: flex;
}

.Settings-PType button {
	width: 100%;
	padding: 5px;
}

.Settings-PType .Active {
	background: #c3b8e2;
	color: #1b1330cc;
}

.Settings-UsernameIcon {
	margin: 35px auto 25px;
	width: fit-content;
}

.Settings-UsernameIcon svg {
	fill: var(--ACCENT_COLOR);
	filter: drop-shadow(2px 4px 3px var(--ACCENT_COLOR));
	width: 70px;
	height: 70px;
}

.Settings-Session {
	width: 100%;
	padding: 0 7px;
	display: flex;
	gap: 10px;
}

.Settings-Session .Icon {
	background: var(--AIR_COLOR);
	width: 35px;
	height: 35px;
	margin: 5px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Settings-Session .Info {
	flex: 1;
}

.Settings-Session .Info .DeviceType {
	font-size: 1.2em;
}

.Settings-Session .Info .Device {
	font-size: .9em;
}

.Settings-Session button {
	fill: red;
	background: #fff0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Settings-ChangeLanguage {
	background: var(--BLOCK_COLOR_LITE);
	width: 100%;
	padding: 10px;
	margin-bottom: 7px;
	display: flex;
	align-items: center;
	transition: .2s;
}

.Settings-ChangeLanguage img {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

.Settings-LanguageSelected {
	background: var(--AIR_BLOCK_COLOR);
	outline: 1px solid var(--ACCENT_COLOR);
}

.Settings-Advanced {
	display: flex;
	gap: 10px;
	flex-direction: column;
}

.Settings-Advanced .Parameter {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.Storage-Container {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.Storage-Container .Storage-Chart-Section {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 10px;
}

.Storage-Container .Storage-Chart {
	position: relative;
	width: 150px;
	height: 150px;
	margin-bottom: 5px;
}

.Storage-Container .Storage-ChartSVG {
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
	transform-origin: center;
	position: relative;
}

.Storage-Container .Storage-Chart-Segment {
	transform-origin: center;
	animation: segmentAppear .5s cubic-bezier(.25,1,.5,1) forwards;
	opacity: 0;
	stroke: var(--BLOCK_COLOR);
	stroke-width: .7;
	transition: all .3s ease;
	fill-opacity: .95;
}

.Storage-Container .Storage-Chart circle.Storage-Chart-Segment {
	fill-opacity: 1;
}

.Storage-Container .Storage-Checkbox-Selected svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

@keyframes segmentAppear {
	0% {
		opacity: 0;
		transform: scale(.85) translateY(5px);
	}

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

.Storage-Container .Storage-ChartTotalSize {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 1em;
	font-weight: 500;
	font-family: var(--FF_TITLE);
	color: var(--TEXT_COLOR);
}

.Storage-Container .Storage-Title {
	margin: 0 0 5px;
	font-size: 1.1em;
	text-align: center;
}

.Storage-Container .Storage-Subtitle {
	font-size: .9em;
	opacity: .8;
	text-align: center;
}

.Storage-Container .Storage-Categories {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-bottom: 16px;
}

.Storage-Container .Storage-Category {
	display: flex;
	align-items: center;
	padding: 5px 10px 5px 5px;
	border-radius: var(--BR_BASE);
	cursor: pointer;
	transition: background-color .2s ease;
}

.Storage-Container .Storage-Category:hover,.Storage-Container .Storage-Category-Selected {
	background-color: var(--AIR_BLOCK_COLOR);
}

.Storage-Container .Storage-Category-Icon {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
}

.Storage-Container .Storage-Category-Icon svg {
	width: 24px;
	height: 24px;
	fill: #fff;
	color: #fff;
}

.Storage-Container .Storage-Category-Info {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.Storage-Container .Storage-Category-Name {
	font-weight: 500;
	font-size: 15px;
	color: var(--TEXT_COLOR);
}

.Storage-Container .Storage-Category-Size {
	font-size: 13px;
	color: var(--TEXT_COLOR_LITE);
	margin-top: 2px;
}

.Storage-Container .Storage-Category-Checkbox {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 30px;
	height: 30px;
	margin-left: auto;
	z-index: 2;
}

.Storage-Container .Storage-Checkbox {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 2px solid;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s ease;
	box-sizing: border-box;
	position: relative;
}

.Storage-Container .Storage-Checkbox-Selected {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 2px solid;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(1.05);
	transition: all .2s ease;
	animation: checkboxPop .2s ease;
	box-sizing: border-box;
	position: relative;
}

@keyframes checkboxPop {
	0% {
		transform: scale(.8);
	}

	50% {
		transform: scale(1.1);
	}

	to {
		transform: scale(1.05);
	}
}

.Storage-Container .Bottom .Buttons {
	gap: 5px;
	display: flex;
	flex-direction: column;
}

.Storage-Container .Bottom .Storage-Note {
	font-size: .8em;
	color: var(--TEXT_COLOR_LITE);
	text-align: center;
	margin-top: 15px;
}

.EPACK-FileInput {
	width: 100%;
	padding: 5px;
	user-select: none;
	display: flex;
	align-items: center;
}

.EPACK-FileInput.dragging {
	outline: 2px dashed var(--ACCENT_COLOR);
	background-color: rgba(var(--ACCENT_COLOR_RGB),.05);
	transition: all .2s ease;
	border-radius: 15px;
	transform: scale(1.01);
}

.EPACK-FileInput.dragging:after {
	content: attr(data-text);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: var(--ACCENT_COLOR);
	font-size: 1.2em;
	font-weight: 700;
	pointer-events: none;
	z-index: 2;
	white-space: nowrap;
}

.EPACK-FileInput.dragging input,.EPACK-FileInput.dragging label,.EPACK-FileInput.dragging .Text {
	opacity: .5;
}

.EPACK-FileInput label {
	background: var(--BTN_BACKGROUND);
	color: var(--BTN_TEXT_COLOR);
	border-radius: 6px;
	padding: 7px 10px;
	cursor: pointer;
	text-align: center;
}

.EPACK-FileInput label:active {
	filter: brightness(.8);
}

.EPACK-FileInput input[type=file] {
	display: none;
}

.EPACK-FileInput .Text {
	margin-left: 10px;
}

.EPACK-Post {
	padding: 10px;
}

.EPACK-Post .TopBar .Avatar {
	width: 40px;
	height: 40px;
	display: block;
	margin: 3px 10px 3px 3px;
	font-size: 20px;
}

.EPACK-Post .TopBar .Date {
	color: var(--D_OR_P_COLOR);
	font-size: var(--FS_D_OR_P);
	line-height: 1.5em;
}

.EPACK-Post .Interaction {
	width: 100%;
	height: 30px;
	padding: 0 10px;
	display: flex;
}

.EPACK-Post .Interaction .InteractionCount {
	background: #fff0;
	color: var(--TEXT_COLOR);
	fill: var(--TEXT_COLOR);
	width: fit-content;
	padding: 0;
	margin-right: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.EPACK-Post .Interaction .InteractionCount svg {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.Apps-Page .AppsList {
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
	gap: 10px;
}

.UI-App {
	background: var(--BaseBackground_Body);
	border-radius: 14px;
	padding: 5px;
	display: flex;
	user-select: none;
	flex-direction: column;
	align-items: center;
}

.UI-App .UI-AppIcon {
	width: 75px;
	height: 75px;
	pointer-events: none;
}

.UI-App .UI-AppIcon .UI-PRELOAD {
	width: 100%;
	height: 100%;
	border-radius: 0;
	filter: blur(20px);
}

.UI-App .Name {
	width: 100%;
	margin-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	text-align: center;
}

.UI-App .Name .UI-PRELOAD {
	width: 50%;
	height: 10px;
	margin: auto;
}

.BalancePage {
	width: 100%;
	margin: 0;
	display: flex;
	justify-content: flex-end;
	opacity: 1;
}

.BalancePage .Balance-Container {
	max-width: 500px;
	width: 100%;
	margin: 0;
	padding: 0 0 0 5px;
}

.BalancePage .Balance-Card {
	text-align: center;
}

.BalancePage .Balance-Card .Balance-Title {
	color: var(--TEXT_COLOR);
	opacity: .7;
	font-size: 1rem;
	margin: 10px 0;
}

.BalancePage .Balance-Card .Balance-Amount {
	font-size: 2.5rem;
	color: var(--TEXT_COLOR);
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.BalancePage .Balance-Card .Balance-Amount .UI-Eball {
	font-size: 22.5px;
	width: 45px;
	height: 45px;
}

.BalancePage .Balance-Card .Balance-Amount .Count {
	font-family: var(--FF_TITLE);
}

.BalancePage .Balance-Card .Balance-Actions {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 0 1rem;
}

.BalancePage .Balance-Card .Balance-Actions .Action-Button {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .5rem;
	background: none;
	border: none;
	color: var(--TEXT_COLOR);
	cursor: pointer;
	padding: .75rem;
	transition: all .2s;
	border-radius: .5rem;
}

.BalancePage .Balance-Card .Balance-Actions .Action-Button:hover:not(:disabled) {
	background: var(--AIR_BLOCK_COLOR);
}

.BalancePage .Balance-Card .Balance-Actions .Action-Button:disabled {
	opacity: .5;
	cursor: not-allowed;
}

.BalancePage .Balance-Card .Balance-Actions .Action-Button svg {
	width: 24px;
	height: 24px;
	fill: currentColor;
}

.BalancePage .Balance-Card .Balance-Actions .Action-Button span {
	font-size: .875rem;
	opacity: .8;
}

.BalancePage .Earning-Block {
	background: var(--BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	padding: 0;
	margin-bottom: 20px;
	width: 100%;
	border: 1px solid var(--BORDER_COLOR);
	overflow: hidden;
}

.BalancePage .Earning-Block .UI-BLOCK_HEADER {
	padding: 16px 20px;
	border-bottom: 1px solid var(--BORDER_COLOR);
}

.BalancePage .Earning-Block .UI-BLOCK_HEADER .UI-Block-Title {
	font-size: 1em;
	font-weight: 500;
}

.BalancePage .Earning-Block .Earning-Item {
	display: flex;
	align-items: center;
	padding: 16px;
	margin: 8px 0;
	border-radius: var(--BR_BASE);
	transition: background .2s ease;
}

.BalancePage .Earning-Block .Earning-Item:hover {
	background: var(--AIR_BLOCK_COLOR);
}

.BalancePage .Earning-Block .Earning-Item .Earning-Icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--AIR_BLOCK_COLOR);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	flex-shrink: 0;
}

.BalancePage .Earning-Block .Earning-Item .Earning-Icon svg {
	width: 20px;
	height: 20px;
	fill: var(--ACCENT_COLOR);
}

.BalancePage .Earning-Block .Earning-Item .Earning-Info {
	flex-grow: 1;
}

.BalancePage .Earning-Block .Earning-Item .Earning-Info .Earning-Description {
	font-size: .9em;
	color: var(--TEXT_COLOR);
	margin-bottom: 8px;
	font-weight: 500;
}

.BalancePage .Earning-Block .Earning-Item .Earning-Info .Earning-Amount {
	font-size: 1em;
	font-weight: 600;
	color: var(--ACCENT_COLOR);
	display: flex;
	align-items: center;
}

.BalancePage .Earning-Block .Earning-Item .Earning-Info .Earning-Amount .UI-Eball {
	margin-right: 8px;
	font-weight: 400;
	font-size: .75em;
	width: 22px;
	height: 22px;
}

.BalancePage .Earning-Block .Earning-Note {
	font-size: .875em;
	color: var(--TEXT_COLOR);
	opacity: .7;
	padding: 16px 20px;
	background: var(--BLOCK_COLOR);
	border-top: 1px solid var(--BORDER_COLOR);
	text-align: center;
}

.BalancePage .Earning-Block .Earning-Unlimited {
	font-size: .875em;
	font-weight: 600;
	color: var(--TEXT_COLOR);
	padding: 16px 20px;
	background: var(--AIR_BLOCK_COLOR);
	border-top: 1px solid var(--BORDER_COLOR);
	text-align: center;
}

.BalancePage .Earning-Block .Earning-Time-Limit {
	font-size: .875em;
	color: #ff9800;
	font-weight: 500;
	padding: 16px 20px;
	background: #ff98000d;
	border-top: 1px solid var(--BORDER_COLOR);
	text-align: center;
}

.BalancePage .Earning-Block .UI-B_HIGHLIGHT {
	background: var(--ACCENT_BG_COLOR, rgba(var(--ACCENT_COLOR_RGB), .1));
	color: var(--ACCENT_COLOR);
}

.BalancePage .Earning-Block .Info-Block {
	padding: 20px;
	border-top: 1px solid var(--BORDER_COLOR);
}

.BalancePage .Earning-Block .Info-Block .Info-Title {
	font-size: 1em;
	font-weight: 600;
	color: var(--TEXT_COLOR);
	margin-bottom: 15px;
	text-align: center;
}

.BalancePage .Earning-Block .Info-Block .Info-Item {
	position: relative;
	font-size: .875em;
	color: var(--TEXT_COLOR);
	padding: 10px 0 10px 18px;
	line-height: 1.4;
}

.BalancePage .Earning-Block .Info-Block .Info-Item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--ACCENT_COLOR);
}

.BalancePage .Earning-Block .Info-Block .Info-Item:not(:last-child) {
	margin-bottom: 10px;
}

.BalancePage .Forecast-Block {
	background: linear-gradient(37deg,var(--BLOCK_COLOR) 10%,rgba(98,59,158,.3));
}

.BalancePage .Forecast-Block .UI-Block-Title {
	display: flex;
	align-items: center;
	gap: .5rem;
	color: var(--TEXT_COLOR);
	margin-bottom: .5rem;
}

.BalancePage .Forecast-Block .UI-Block-Title svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	opacity: .9;
}

.BalancePage .Forecast-Block .Forecast-Date {
	font-size: .875rem;
	color: var(--TEXT_COLOR);
	opacity: .7;
	margin-bottom: .5rem;
}

.BalancePage .Forecast-Block .Forecast-Amount {
	display: flex;
	align-items: center;
	margin: 10px 0;
	gap: 10px;
}

.BalancePage .Forecast-Block .Forecast-Amount .Count {
	color: var(--ACCENT_COLOR);
	font-size: 1.25rem;
	font-family: var(--FF_TITLE);
}

.BalancePage .Forecast-Block .Forecast-Amount .UI-Eball {
	width: 25px;
	height: 25px;
	font-size: 12.5px;
}

.BalancePage .Forecast-Block .Forecast-Description {
	font-size: .875rem;
	color: var(--TEXT_COLOR);
	opacity: .7;
}

.BalancePage .Info-Block {
	margin-bottom: .5rem;
	background: var(--BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	overflow: hidden;
	border: 1px solid var(--BORDER_COLOR);
}

.BalancePage .Info-Block .Info-Button {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: none;
	border: none;
	color: var(--TEXT_COLOR);
	padding: 1.25rem;
	cursor: pointer;
	transition: all .2s;
	font-size: .9rem;
}

.BalancePage .Info-Block .Info-Button:hover {
	background: var(--AIR_BLOCK_COLOR);
}

.BalancePage .Info-Block .Info-Button svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	opacity: .7;
	transform: rotate(90deg);
}

.BalancePage .Navigation-Block {
	background: var(--BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	overflow: hidden;
	padding: .5rem;
	border: 1px solid var(--BORDER_COLOR);
}

.BalancePage .Navigation-Block .Navigation-Buttons {
	display: flex;
	justify-content: space-between;
	gap: .5rem;
}

.BalancePage .Navigation-Block .Navigation-Buttons .Nav-Button {
	flex: 1;
	background: none;
	border: none;
	color: var(--TEXT_COLOR);
	padding: 1rem;
	cursor: pointer;
	transition: all .2s;
	border-radius: .5rem;
	font-size: .875rem;
	opacity: .8;
}

.BalancePage .Navigation-Block .Navigation-Buttons .Nav-Button:hover {
	background: var(--AIR_BLOCK_COLOR);
	opacity: 1;
}

.BalancePage .Navigation-Block .Navigation-Buttons .Nav-Button.active {
	background: var(--ACCENT_COLOR);
	color: #fff;
	opacity: 1;
}

.BalancePage .Subscription-Block {
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.BalancePage .Subscription-Block .Actions {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.BalancePage .Status-Block {
	display: flex;
	align-items: center;
	padding: 10px;
	color: var(--TEXT_COLOR);
	font-size: .9em;
	background: var(--BLOCK_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	margin-bottom: 7px;
}

.BalancePage .Status-Block:last-child {
	margin-bottom: 0;
}

.BalancePage .Status-Block .Status {
	color: var(--ACCENT_COLOR);
	margin-right: .15rem;
}

.Earn-Item {
	display: flex;
	align-items: center;
	padding: 10px;
	border-radius: var(--BR_BASE);
}

.Earn-Item .Earn-Icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--AIR_BLOCK_COLOR);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
}

.Earn-Item .Earn-Icon svg {
	width: 20px;
	height: 20px;
	fill: var(--ACCENT_COLOR);
}

.Earn-Item .Earn-Info {
	flex: 1;
}

.Earn-Item .Earn-Info .Earn-Title {
	font-size: .9rem;
	margin-bottom: 10px;
}

.Earn-Item .Earn-Info .Earn-Amount {
	background: var(--BLOCK_BLOCK_COLOR);
	width: fit-content;
	display: flex;
	align-items: center;
	font-size: .875rem;
	border-radius: var(--BR_BASE);
	padding: 5px;
}

.Earn-Item .Earn-Info .Earn-Amount .UI-Eball {
	width: 20px;
	height: 20px;
	font-size: 10px;
	margin-right: .5rem;
}

.Earn-Description {
	padding: 10px;
	font-size: .8rem;
	color: var(--TEXT_COLOR);
	opacity: .7;
	margin-top: 10px;
}

.Transaction-Item {
	display: flex;
	align-items: center;
	padding: 10px;
	border-radius: var(--BR_BASE);
}

.Transaction-Item .Transaction-Icon {
	background: var(--BLOCK_BLOCK_COLOR);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
	position: relative;
}

.Transaction-Item .Transaction-Icon svg {
	width: 20px;
	height: 20px;
	fill: var(--ACCENT_COLOR);
}

.Transaction-Item .Transaction-Icon svg.outgoing {
	transform: rotate(180deg);
}

.Transaction-Item .Transaction-Icon .Avatar-Left,.Transaction-Item .Transaction-Icon .Avatar-Right {
	width: 20px;
	height: 20px;
	font-size: 10px;
	position: absolute;
}

.Transaction-Item .Transaction-Icon .Avatar-Left {
	left: 0;
	top: -3px;
}

.Transaction-Item .Transaction-Icon .Avatar-Right {
	right: 0;
	bottom: -3px;
}

.Transaction-Item .Transaction-Info {
	flex: 1;
	width: 100%;
	overflow: hidden;
}

.Transaction-Item .Transaction-Info .Transaction-Title {
	font-family: var(--FF_TITLE);
	font-size: .9rem;
	color: var(--TEXT_COLOR);
	margin-bottom: .25rem;
	display: flex;
	gap: 5px;
}

.Transaction-Item .Transaction-Info .Transaction-Date {
	font-size: .8rem;
	color: var(--TEXT_COLOR);
	opacity: .7;
}

.Transaction-Item .Transaction-Info .Message {
	background: var(--BLOCK_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	padding: 10px;
	max-width: 90%;
	font-size: .9em;
	margin-top: 5px;
	width: fit-content;
	overflow: hidden;
	word-wrap: break-word;
	white-space: pre-line;
}

.Transaction-Item .Transaction-Amount {
	display: flex;
	align-items: center;
	gap: 10px;
}

.Transaction-Item .Transaction-Amount .Count {
	font-family: var(--FF_TITLE);
}

.Transaction-Item .Transaction-Amount .UI-Eball {
	width: 25px;
	height: 25px;
	font-size: 12.5px;
}

.Transaction-Item.incoming .Transaction-Amount {
	color: var(--SUCCESS_COLOR, #4CAF50);
}

.Transaction-Item.outgoing .Transaction-Amount {
	color: var(--ERROR_COLOR, #f44336);
}

.Balance-Transfer .EliraSend {
	margin: auto;
	display: block;
	width: 200px;
}

.Balance-Transfer .Form {
	background: var(--AIR_COLOR);
	border-radius: 10px;
	backdrop-filter: blur(5px);
	margin-top: -80px;
	position: sticky;
	z-index: 1;
	padding: 10px;
	gap: 10px;
	display: flex;
	flex-direction: column;
}

.Balance-Transfer .Form .BalanceState {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.Balance-Transfer .Form .BalanceState .Count {
	background: var(--AIR_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	padding: 2px 5px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.Balance-Transfer .Form .SelectedUser {
	width: 100%;
	display: flex;
	gap: 10px;
}

.Balance-Transfer .Form .SelectedUser .UI-ListElement {
	width: 100%;
}

.Balance-Transfer .Form .SelectedUser .Close {
	background: var(--BTN_CLOSE_COLOR);
	width: 60px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Balance-Transfer .Form .SelectedUser .Close svg {
	fill: var(--TEXT_COLOR);
	width: 80%;
	height: 80%;
}

.Balance-Transfer .Form .Users {
	width: 100%;
	margin-top: 10px;
	gap: 5px;
	display: flex;
	flex-direction: column;
}

.Balance-Transfer .Form .TransferDetails {
	background: var(--AIR_BLOCK_COLOR);
	border-radius: var(--BR_BASE);
	padding: 10px;
	gap: 5px;
	display: flex;
	flex-direction: column;
}

.Balance-Transfer .Form .TransferDetails .DetailRow {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.Balance-Transfer .Form .TransferDetails .DetailRow .Count {
	display: flex;
	align-items: center;
	gap: 10px;
}

.Balance-Transfer .Form .TransferDetails .DetailRow .Count .UI-Eball {
	font-size: 12.5px;
	width: 25px;
	height: 25px;
}

.Balance-Transfer .Form .UI-Input {
	width: 100%;
	resize: none;
}

.Panel-GroupedList {
	display: flex;
	flex-direction: column;
	margin-bottom: 7px;
}

.Panel-GroupedItem {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px;
	color: var(--TEXT_COLOR);
}

.Panel-GroupedSubItem {
	background: var(--BLOCK_BLOCK_COLOR_LITE);
	padding: 3px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .85em;
	margin: 0 10px;
}

.Panel-GroupedText {
	font-size: .875rem;
	color: var(--TITLE_COLOR);
	font-weight: 500;
	display: flex;
	align-items: center;
}

.Panel-GroupedValue {
	font-size: .875rem;
	color: var(--TEXT_COLOR);
}

.OverallProgressContainer {
	background: var(--BLOCK_BLOCK_COLOR);
	display: flex;
	height: 10px;
	width: auto;
	border-radius: 4px;
	overflow: hidden;
	margin: 10px 10px 20px 5px;
	position: relative;
}

.OverallProgressSegment {
	height: 100%;
	transition: width .5s ease,background-color .3s ease;
	position: relative;
}

.AddGift .PreviewBlock {
	width: 200px;
	height: 200px;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	justify-content: center;
	position: relative;
}

.AddGift .PreviewBlock label {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 1;
}

.AddGift .PreviewBlock .Preview {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.AddGift .PreviewBlock .Preview .Icon,.AddGift .PreviewBlock .Preview img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.AddGift .PreviewBlock .Preview .Icon {
	opacity: .5;
}

.Hall-Page .Leaderboard {
	width: 100%;
	padding: 10px;
}

.Hall-Page .Leaderboard .Leaderboard-Title {
	text-align: center;
	margin-bottom: 100px;
}

.Hall-Page .Leaderboard .Title {
	font-size: 1.5em;
	font-family: var(--FF_TITLE);
}

.Hall-Page .Leaderboard .Leaderboard-Podium {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 20px;
	height: 300px;
	padding-top: 60px;
}

.Hall-Page .Leaderboard .Podium-First,.Hall-Page .Leaderboard .Podium-Second,.Hall-Page .Leaderboard .Podium-Third {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.Hall-Page .Leaderboard .Podium-First {
	height: 100%;
	width: 120px;
	background: linear-gradient(180deg,#ac6cd8,#282949);
	border-radius: 8px 8px 0 0;
}

.Hall-Page .Leaderboard .Podium-Second {
	height: 80%;
	width: 120px;
	background: linear-gradient(180deg,#b26fb5,#3f3462);
	border-radius: 8px 8px 0 0;
}

.Hall-Page .Leaderboard .Podium-Third {
	height: 60%;
	width: 120px;
	background: linear-gradient(180deg,#71d0f9,#3f3462);
	border-radius: 8px 8px 0 0;
}

.Hall-Page .Leaderboard .Podium-Place {
	position: absolute;
	bottom: 30px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.Hall-Page .Leaderboard .Podium-Place .Count {
	font-size: 1.1em;
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,.4);
}

.Hall-Page .Leaderboard .Podium-Place .UI-Eball {
	width: 30px;
	height: 30px;
	font-size: 15px;
}

.Hall-Page .Leaderboard .Podium-User {
	position: absolute;
	top: -110px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.Hall-Page .Leaderboard .Podium-User .Avatar {
	width: 100px;
	height: 100px;
	font-size: 50px;
}

.Hall-Page .Leaderboard .User-Name {
	color: #fff;
	max-width: 130px;
	text-shadow: 0 0 10px rgba(0,0,0,.4);
	padding: 10px;
	font-size: 1.2em;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.Hall-Page .Users .User {
	background: linear-gradient(37deg,var(--BLOCK_COLOR) 70%,rgba(98,59,158,.3));
	display: flex;
	align-items: center;
	overflow: hidden;
}

.Hall-Page .Users .User .Avatar {
	width: 40px;
	height: 40px;
	font-size: 20px;
	flex-shrink: 0;
}

.Hall-Page .Users .User .UserData {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	gap: 2px;
	margin-left: 10px;
}

.Hall-Page .Users .User .UserData .Name {
	color: var(--TEXT_COLOR);
	font-size: 1.05em;
	font-family: var(--FF_TITLE);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.Hall-Page .Users .User .UserData .Username {
	font-size: .9em;
	opacity: .7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.Hall-Page .Users .User .EballCount {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-shrink: 0;
	margin-left: 10px;
}

.Hall-Page .Users .User .EballCount .Count {
	font-size: 1.05em;
	font-family: var(--FF_TITLE);
}