@-webkit-keyframes spinner-wandering-cubes-5h4At2 {
	25% {
		-webkit-transform: translateX(22px) rotate(-90deg) scale(.5);
		transform: translateX(22px) rotate(-90deg) scale(.5)
	}

	50% {
		-webkit-transform: translateX(22px) translateY(22px) rotate(-180deg);
		transform: translateX(22px) translateY(22px) rotate(-180deg)
	}

	75% {
		-webkit-transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5);
		transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5)
	}

	to {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn)
	}
}

@keyframes spinner-wandering-cubes-5h4At2 {
	25% {
		-webkit-transform: translateX(22px) rotate(-90deg) scale(.5);
		transform: translateX(22px) rotate(-90deg) scale(.5)
	}

	50% {
		-webkit-transform: translateX(22px) translateY(22px) rotate(-180deg);
		transform: translateX(22px) translateY(22px) rotate(-180deg)
	}

	75% {
		-webkit-transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5);
		transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5)
	}

	to {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn)
	}
}

@-webkit-keyframes spinner-chasing-dots-rotate-4qz16C {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes spinner-chasing-dots-rotate-4qz16C {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes spinner-chasing-dots-bounce-2cC9db {

	0%,
	to {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

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

@keyframes spinner-chasing-dots-bounce-2cC9db {

	0%,
	to {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

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

@-webkit-keyframes spinner-pulsing-ellipsis-1dK-zx {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		opacity: .3
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes spinner-pulsing-ellipsis-1dK-zx {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		opacity: .3
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes spinner-low-motion-3FUQX2 {
	0% {
		opacity: 1
	}

	50% {
		opacity: .6
	}

	to {
		opacity: 1
	}
}

@keyframes spinner-low-motion-3FUQX2 {
	0% {
		opacity: 1
	}

	50% {
		opacity: .6
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes spinner-spinning-circle-rotate-12HvXg {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes spinner-spinning-circle-rotate-12HvXg {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes spinner-spinning-circle-dash-17vHSf {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 130, 200
	}

	to {
		stroke-dasharray: 130, 200;
		stroke-dashoffset: -124
	}
}

@keyframes spinner-spinning-circle-dash-17vHSf {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 130, 200
	}

	to {
		stroke-dasharray: 130, 200;
		stroke-dashoffset: -124
	}
}

.desaturate-_Twf3u {
	-webkit-filter: saturate(var(--saturation-factor, 1));
	filter: saturate(var(--saturation-factor, 1))
}

.theme-dark {
	--brightness: calc(1.5 - var(--saturation-factor, 1)*0.5);
	--contrast: var(--saturation-factor, 1)
}

.button-ejjZWC {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: none;
	border: none;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	padding: 2px 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.button-ejjZWC:disabled,
.button-ejjZWC[aria-disabled=true] {
	cursor: not-allowed;
	opacity: .5
}

.button-ejjZWC .contents-3NembX {
	--button--underline-color: transparent;
	background-image: linear-gradient(0deg, transparent, transparent 1px, var(--button--underline-color) 0, var(--button--underline-color) 2px, transparent 0)
}

.lookFilled-1H2Jvj.colorBrand-2M3O3N {
	color: var(--white-500);
	background-color: var(--brand-experiment)
}

.lookFilled-1H2Jvj.colorBrand-2M3O3N:hover {
	background-color: var(--brand-experiment-560)
}

.lookFilled-1H2Jvj.colorBrand-2M3O3N:active {
	background-color: var(--brand-experiment-600)
}

.lookFilled-1H2Jvj.colorBrand-2M3O3N:disabled,
.lookFilled-1H2Jvj.colorBrand-2M3O3N[aria-disabled=true] {
	background-color: var(--brand-experiment)
}

.lookFilled-1H2Jvj.colorGreen-jIPCAS {
	color: var(--white-500);
	background-color: var(--button-positive-background)
}

.lookFilled-1H2Jvj.colorGreen-jIPCAS:hover {
	background-color: var(--button-positive-background-hover)
}

.lookFilled-1H2Jvj.colorGreen-jIPCAS:active {
	background-color: var(--button-positive-background-active)
}

.lookFilled-1H2Jvj.colorGreen-jIPCAS:disabled,
.lookFilled-1H2Jvj.colorGreen-jIPCAS[aria-disabled=true] {
	background-color: var(--button-positive-background-disabled)
}

.lookFilled-1H2Jvj {
	-webkit-transition: background-color .17s ease, color .17s ease;
	transition: background-color .17s ease, color .17s ease
}

.lookBlank-FgPMy6 {
	background: transparent;
	color: currentColor;
	border: 0;
	padding: 0;
	margin: 0
}

.sizeSmall-3R2P2p {
	width: 60px;
	height: 32px;
	min-width: 60px;
	min-height: 32px
}

.sizeMin-3Yqxk5 {
	display: inline;
	width: auto;
	height: auto;
	padding: 2px 4px
}

.grow-2T4nbg {
	width: auto
}

.lookFilled-1H2Jvj .contents-3NembX {
	margin: 0 auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.lookFilled-1H2Jvj .contents-3NembX {
		margin: 0
	}
}

.scrollerBase-1Pkza4 {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.thin-RnSY0a {
	scrollbar-width: thin;
	scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track)
}

.thin-RnSY0a.fade-27X6bG:hover {
	scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track)
}

.thin-RnSY0a::-webkit-scrollbar {
	width: 8px;
	height: 8px
}

.thin-RnSY0a::-webkit-scrollbar-track {
	border-color: var(--scrollbar-thin-track);
	background-color: var(--scrollbar-thin-track);
	border: 2px solid var(--scrollbar-thin-track)
}

.thin-RnSY0a::-webkit-scrollbar-thumb {
	background-clip: padding-box;
	border: 2px solid transparent;
	border-radius: 4px;
	background-color: var(--scrollbar-thin-thumb);
	min-height: 40px
}

.thin-RnSY0a::-webkit-scrollbar-corner {
	background-color: transparent
}

.auto-2TJ1RH {
	scrollbar-width: auto;
	scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track)
}

.auto-2TJ1RH.fade-27X6bG:hover {
	scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track)
}

.auto-2TJ1RH::-webkit-scrollbar {
	width: 16px;
	height: 16px
}

.auto-2TJ1RH::-webkit-scrollbar-track {
	background-color: var(--scrollbar-auto-track)
}

.auto-2TJ1RH::-webkit-scrollbar-thumb,
.auto-2TJ1RH::-webkit-scrollbar-track {
	border: 4px solid transparent;
	background-clip: padding-box;
	border-radius: 8px
}

.auto-2TJ1RH::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-auto-thumb);
	min-height: 40px
}

.auto-2TJ1RH::-webkit-scrollbar-corner {
	background-color: transparent
}

.none-1rXy4P {
	scrollbar-width: none
}

.none-1rXy4P::-webkit-scrollbar {
	width: 0;
	height: 0
}

.fade-27X6bG {
	scrollbar-color: transparent transparent
}

.fade-27X6bG::-webkit-scrollbar-thumb,
.fade-27X6bG::-webkit-scrollbar-track {
	visibility: hidden
}

.fade-27X6bG:hover::-webkit-scrollbar-thumb,
.fade-27X6bG:hover::-webkit-scrollbar-track {
	visibility: visible
}

.content-yjf30S {
	position: relative
}

.disableScrollAnchor-3Jzgzl {
	overflow-anchor: none
}

.managedReactiveScroller-1LjJZ5 {
	overflow-y: scroll;
	overflow-x: hidden
}

.flex-3BkGQD {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.alignCenter-14kD11 {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.alignStretch-Uwowzr {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.justifyStart-2Mwniq {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.justifyEnd-2G0m6w {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.justifyCenter-rrurWZ {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.noWrap-hBpHBz {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.wrap-7NZuTn {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.directionRow-2Iu2A9 {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.directionRowReverse-HZatnx {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.directionColumn-3pi1nm {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.vertical-3aLnqW {}

.horizontal-1Piu5- {}

.horizontalReverse-2QssvL {}

.flexCenter-1Mwsxg {}

.flex-2S1XBF {}

.horizontal-112GEH {}

.horizontal-112GEH>.flex-2S1XBF {
	margin-left: 10px;
	margin-right: 10px
}

.horizontal-112GEH>.flex-2S1XBF:first-child {
	margin-left: 0
}

.horizontal-112GEH>.flex-2S1XBF:last-child {
	margin-right: 0
}

.scrollbar-3vVt8d::-webkit-scrollbar-corner {
	border: none;
	background: none
}

.scrollbarGhostHairline-2LpzZ9 {}

.scrollbarGhostHairline-2LpzZ9::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

.scrollbarGhostHairline-2LpzZ9::-webkit-scrollbar-thumb {
	background-color: hsl(var(--primary-800-hsl)/.6);
	border-radius: 2px;
	cursor: move
}

.scrollbarGhostHairline-2LpzZ9::-webkit-scrollbar-track {
	background-color: transparent;
	border: none
}

.focusLock-bHVOlV {
	min-height: 0;
	max-width: 100%
}

.focusLock-bHVOlV,
.root-1CAIjD {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.root-1CAIjD {
	background-color: var(--modal-background);
	border-radius: 4px;
	margin: 0 auto;
	pointer-events: all;
	position: relative;
	max-height: 100%
}

.small-2xUY-3 {
	width: 440px;
	max-height: 720px;
	min-height: 200px
}

@media (max-width:485px) {
	.root-1CAIjD {
		min-width: auto;
		max-width: 100%;
		width: 100%
	}

	.fullscreenOnMobile-2971EC {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius: 0;
		max-height: none;
		overflow-y: auto;
		width: 100%
	}
}

.theme-dark .rootWithShadow-2hdL2J {
	-webkit-box-shadow: var(--dark-elevation-border), var(--dark-elevation-high);
	box-shadow: var(--dark-elevation-border), var(--dark-elevation-high)
}

.anchor-1X4H4q {
	color: var(--text-link);
	text-decoration: var(--link-decoration)
}

.anchorUnderlineOnHover-wiZFZ_:hover {
	text-decoration: underline
}

.svg-lIB-lq {
	contain: paint
}

.layerContainer-2lfOPe {
	position: absolute;
	top: 0;
	left: 0;
	right: var(--devtools-sidebar-width, 0);
	bottom: 0;
	background: none !important;
	pointer-events: none;
	z-index: 1002
}

.layer-2BGhQ8 {
	position: absolute;
	pointer-events: auto
}

.wrapper-3Un6-K {
	position: relative;
	border-radius: 50%
}

.mask-1y0tyc {
	pointer-events: none;
	position: relative;
	display: block;
	width: auto
}

.svg-1G_H_8 {
	contain: paint
}

.svg-1G_H_8 {
	position: absolute
}

.cursorDefault-2M8ZNp {
	cursor: default
}

.avatarStack-3Bjmsl {
	display: grid;
	width: 100%;
	height: 100%
}

.avatar-31d8He {
	width: 100%;
	height: 100%;
	grid-area: 1/1
}

.avatar-31d8He {
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none
}

.avatar-31d8He:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--background-modifier-accent)
}

.pointerEvents-2KjWnj {
	pointer-events: auto
}

.wrapper-2PSQCG {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 48px;
	height: 48px;
	cursor: pointer
}

.wrapperSimple-2SFl9K {
	border-radius: 50%;
	overflow: hidden
}

.svg-2ifYOU {
	contain: paint;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px
}

.lowerBadge-3j0ZAg {
	bottom: 0;
	z-index: 2
}

.lowerBadge-3j0ZAg {
	pointer-events: none;
	position: absolute;
	right: 0
}

.defaultColor-1EVLSt {
	color: var(--text-normal)
}

.lineClamp1-1voJi7 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0
}

.lineClamp2Plus-2SCQmH {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.heading-md-semibold-2h_vsp {
	font-weight: 600
}

.heading-md-semibold-2h_vsp {
	font-family: var(--font-display);
	font-size: 16px;
	line-height: 20px
}

.heading-lg-semibold-14ouVv {
	font-weight: 600
}

.heading-lg-semibold-14ouVv {
	font-family: var(--font-display);
	font-size: 20px;
	line-height: 24px
}

.heading-xxl-extrabold-2-MUEs {
	font-family: var(--font-display);
	font-size: 32px;
	line-height: 40px;
	font-weight: 800
}

.eyebrow-1Shfyi {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02em
}

.eyebrow-1Shfyi {
	font-family: var(--font-display);
	font-size: 12px;
	line-height: 16px
}

.text-xs-normal-3O7EaX {
	font-weight: 400
}

.text-xs-medium-311pdh,
.text-xs-normal-3O7EaX {
	font-family: var(--font-primary);
	font-size: 12px;
	line-height: 16px
}

.text-xs-medium-311pdh {
	font-weight: 500
}

.text-sm-normal-AEQz4v {
	font-weight: 400
}

.text-sm-normal-AEQz4v {
	font-family: var(--font-primary);
	font-size: 14px;
	line-height: 18px
}

.text-md-normal-2rFCH3 {
	font-weight: 400
}

.text-md-normal-2rFCH3 {
	font-family: var(--font-primary);
	font-size: 16px;
	line-height: 20px
}

.text-md-semibold-2VMhBr {
	font-weight: 600
}

.text-md-semibold-2VMhBr {
	font-family: var(--font-primary);
	font-size: 16px;
	line-height: 20px
}

.text-lg-semibold-UQkeZc {
	font-weight: 600
}

.text-lg-semibold-UQkeZc {
	font-family: var(--font-primary);
	font-size: 20px;
	line-height: 24px
}

.defaultColor-1GKx81 {
	color: var(--header-primary)
}

.full-motion .translate-2vghI-.animatorLeft-1I1Kvj {
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0)
}

.full-motion .translate-2vghI-.didRender-2dwLEv {
	-webkit-transition: -webkit-transform .2s ease-out;
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

:root {
	--dark-elevation-low: 0 1px 5px 0 hsl(var(--black-500-hsl)/0.3);
	--dark-elevation-high: 0 2px 10px 0 hsl(var(--black-500-hsl)/0.2);
	--dark-elevation-border: 0 0 0 1px hsl(var(--primary-700-hsl)/0.6);
	--light-elevation-low: 0 1px 5px hsl(var(--black-500-hsl)/0.2);
	--light-elevation-high: 0 2px 10px 0 hsl(var(--black-500-hsl)/0.1);
	--light-elevation-border: 0 0 0 1px hsl(var(--primary-300-hsl)/0.3)
}

.inputWrapper-2K8ds1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.input-3O04eu {
	font-size: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-radius: 3px;
	color: var(--text-normal);
	background-color: var(--input-background);
	border: none;
	-webkit-transition: border-color .2s ease-in-out;
	transition: border-color .2s ease-in-out
}

.input-3O04eu::-webkit-input-placeholder {
	-webkit-user-select: none;
	user-select: none;
	color: var(--input-placeholder-text)
}

.input-3O04eu::-moz-placeholder {
	-moz-user-select: none;
	user-select: none;
	color: var(--input-placeholder-text)
}

.input-3O04eu:-ms-input-placeholder {
	-ms-user-select: none;
	user-select: none;
	color: var(--input-placeholder-text)
}

.input-3O04eu::placeholder {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: var(--input-placeholder-text)
}

.input-3O04eu:hover {
	border-color: var(--deprecated-text-input-border-hover)
}

.input-3O04eu:focus {
	border-color: var(--text-link)
}

.inputDefault-Ciwd-S {
	padding: 10px;
	height: 40px
}

.eyebrow-2wJAoF {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02em
}

.eyebrow-2wJAoF {
	font-family: var(--font-display);
	font-size: 12px;
	line-height: 16px
}

.h5-2feg8J {}

.h5-2feg8J {
	color: var(--header-secondary)
}

.combo-3PNrpQ {
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	font-weight: 600;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.combo-3PNrpQ,
.key-RP8gj3 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	height: 23px
}

.key-RP8gj3 {
	background-color: var(--background-accent);
	border: 1px solid var(--background-primary);
	display: block;
	padding: 3px 6px 4px;
	border-radius: 4px;
	cursor: default;
	min-width: 14px;
	min-height: 14px;
	text-align: center
}

.key-RP8gj3:not(:last-child) {
	margin-right: 3px
}

.key-RP8gj3 .bindArrow-L3Mvw5 {
	width: 10px;
	height: 10px
}

.key-RP8gj3 .bindArrow-L3Mvw5.up-1_xtU2 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.key-RP8gj3:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	height: 21px;
	padding-bottom: 2px
}

.theme-dark .combo-3PNrpQ {
	color: var(--primary-100)
}

.theme-dark .combo-3PNrpQ .key-RP8gj3 {
	color: var(--primary-100);
	-webkit-box-shadow: inset 0 -4px 0 var(--primary-700);
	box-shadow: inset 0 -4px 0 var(--primary-700)
}

.theme-dark .combo-3PNrpQ .key-RP8gj3 .bindArrow-L3Mvw5 g {
	fill: var(--primary-100)
}

.theme-dark .combo-3PNrpQ .key-RP8gj3:active {
	color: var(--primary-300);
	-webkit-box-shadow: inset 0 -2px 0 var(--primary-600);
	box-shadow: inset 0 -2px 0 var(--primary-600);
	border: 1px solid var(--primary-700)
}

.theme-dark .combo-3PNrpQ .key-RP8gj3:active .bindArrow-L3Mvw5 g {
	fill: var(--primary-300)
}

.hiddenVisually-39QJvl {
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px
}

.backdrop-2ByYRN {
	position: fixed;
	top: 0;
	right: var(--devtools-sidebar-width, 0);
	bottom: 0;
	left: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.backdrop-2ByYRN.withLayer-2VVmpp {
	pointer-events: all
}

.layer-fP3xEz {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.layer-fP3xEz {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 0;
	padding-top: 40px;
	padding-bottom: 40px
}

@-webkit-keyframes indeterminate1-3ET_kG {
	0% {
		left: -35%;
		right: 100%
	}

	60% {
		left: 100%;
		right: -90%
	}

	to {
		left: 100%;
		right: -90%
	}
}

@keyframes indeterminate1-3ET_kG {
	0% {
		left: -35%;
		right: 100%
	}

	60% {
		left: 100%;
		right: -90%
	}

	to {
		left: 100%;
		right: -90%
	}
}

@-webkit-keyframes indeterminate2-1SgZCt {
	0% {
		left: -200%;
		right: 100%
	}

	60% {
		left: 107%;
		right: -8%
	}

	to {
		left: 107%;
		right: -8%
	}
}

@keyframes indeterminate2-1SgZCt {
	0% {
		left: -200%;
		right: 100%
	}

	60% {
		left: 107%;
		right: -8%
	}

	to {
		left: 107%;
		right: -8%
	}
}

.roleCircle-3TFUOr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	padding: 0;
	margin: 0 4px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	forced-color-adjust: none
}

.username-3_PJ5r {}

.item-2GWPIy {
	overflow: hidden;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.item-2GWPIy {
	white-space: nowrap;
	text-overflow: ellipsis
}

.item-2GWPIy {
	position: relative;
	font-size: 16px;
	line-height: 20px;
	cursor: pointer;
	font-weight: 500
}

.themed-qqoYp3.item-2GWPIy {
	color: var(--interactive-normal)
}

.themed-qqoYp3.item-2GWPIy:hover {
	color: var(--interactive-hover)
}

.themed-qqoYp3.item-2GWPIy:active {
	color: var(--interactive-active)
}

.selected-1sf9UK.item-2GWPIy,
.selected-1sf9UK.item-2GWPIy:hover {
	cursor: default;
	color: var(--interactive-active)
}

.selected-1sf9UK {
	cursor: default
}

.top-Ktfr_T {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.top-Ktfr_T .item-2GWPIy {
	border-bottom: 2px solid transparent
}

.top-Ktfr_T .themed-qqoYp3.item-2GWPIy:hover {
	border-bottom-color: var(--interactive-hover)
}

.top-Ktfr_T .themed-qqoYp3.item-2GWPIy:active {
	border-bottom-color: var(--interactive-active)
}

.top-Ktfr_T .selected-1sf9UK.themed-qqoYp3.item-2GWPIy {
	border-bottom-color: var(--interactive-active)
}

.containerTop-YBTqTL {
	top: 36px
}

.containerTop-YBTqTL {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 4999;
	position: fixed;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.titleBar-1it3bQ {
	z-index: 3001;
	-webkit-app-region: drag;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.withFrame-2dL45i {
	height: 18px;
	margin-top: 4px
}

.typeWindows-2-g3UY {}

.wordmark-2u86JB {
	pointer-events: none;
	font-size: 0
}

.wordmarkWindows-2dq6rw {
	position: absolute;
	top: 0;
	left: 0;
	padding: 4px 9px 3px;
	color: var(--text-muted)
}

.winButton-3UMjdg {
	position: relative;
	top: -4px;
	cursor: pointer;
	width: 28px;
	height: 22px;
	pointer-events: auto;
	-webkit-app-region: no-drag
}

.winButtonMinMax-3RsPUg {}

.winButtonMinMax-3RsPUg:hover {
	background-color: var(--background-modifier-hover);
	color: var(--interactive-hover)
}

.winButtonMinMax-3RsPUg:active {
	background-color: var(--background-modifier-active);
	color: var(--interactive-active)
}

.winButtonClose-3Q8ZH5 {}

.winButtonClose-3Q8ZH5:hover {
	color: var(--white-500);
	background-color: var(--status-danger)
}

.winButton-3UMjdg {
	color: var(--interactive-normal)
}

@-webkit-keyframes Shine-2gtL99 {
	0% {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0)
	}

	to {
		-webkit-transform: translate3d(200%, 0, 0);
		transform: translate3d(200%, 0, 0)
	}
}

@keyframes Shine-2gtL99 {
	0% {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0)
	}

	to {
		-webkit-transform: translate3d(200%, 0, 0);
		transform: translate3d(200%, 0, 0)
	}
}

@-webkit-keyframes InstantShine-19EOUM {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		-webkit-transform: translate3d(200%, 0, 0);
		transform: translate3d(200%, 0, 0)
	}
}

@keyframes InstantShine-19EOUM {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		-webkit-transform: translate3d(200%, 0, 0);
		transform: translate3d(200%, 0, 0)
	}
}

.eyebrow-132Xza {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02em
}

.eyebrow-132Xza {
	font-family: var(--font-display);
	font-size: 12px;
	line-height: 16px
}

.base-3IDx3L {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 16px;
	min-width: 16px;
	min-height: 16px;
	color: var(--white-500);
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.baseShapeRound-3epLEv {
	border-radius: 8px
}

.numberBadge-37OJ3S {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.imageWrapper-oMkQl4 {
	display: block;
	position: relative;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	overflow: hidden;
	border-radius: 3px
}

.clickableWrapper-2WTAkL {
	width: 100%;
	height: 100%
}

.imageZoom-3yLCXY {
	cursor: nesw-resize;
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}

.clickable-LksVCf {
	cursor: pointer
}

.originalLink-Azwuo9 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1
}

@-webkit-keyframes zoomInFromBottomRight-2dtnad {
	0% {
		-webkit-transform: translateX(80%) translateY(80%) scaleX(20%) scaleY(20%);
		transform: translateX(80%) translateY(80%) scaleX(20%) scaleY(20%);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0) translateY(0) scaleX(100%) scaleY(100%);
		transform: translateX(0) translateY(0) scaleX(100%) scaleY(100%);
		opacity: 1%
	}
}

@keyframes zoomInFromBottomRight-2dtnad {
	0% {
		-webkit-transform: translateX(80%) translateY(80%) scaleX(20%) scaleY(20%);
		transform: translateX(80%) translateY(80%) scaleX(20%) scaleY(20%);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0) translateY(0) scaleX(100%) scaleY(100%);
		transform: translateX(0) translateY(0) scaleX(100%) scaleY(100%);
		opacity: 1%
	}
}

@-webkit-keyframes fadeOut-3CmRbO {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut-3CmRbO {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes scale-bounce-wiggle-5OW2ps {
	0% {
		-webkit-transform: scale(0) rotate(10deg);
		transform: scale(0) rotate(10deg)
	}

	30% {
		-webkit-transform: scale(1.3) rotate(10deg);
		transform: scale(1.3) rotate(10deg)
	}

	55% {
		-webkit-transform: scale(.7) rotate(-10deg);
		transform: scale(.7) rotate(-10deg)
	}

	75% {
		-webkit-transform: scale(1.2) rotate(20deg);
		transform: scale(1.2) rotate(20deg)
	}

	85% {
		-webkit-transform: scale(.98) rotate(-20deg);
		transform: scale(.98) rotate(-20deg)
	}

	92% {
		-webkit-transform: scale(1.1) rotate(-5deg);
		transform: scale(1.1) rotate(-5deg)
	}

	97% {
		-webkit-transform: scale(.99) rotate(-5deg);
		transform: scale(.99) rotate(-5deg)
	}

	to {
		-webkit-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg)
	}
}

@keyframes scale-bounce-wiggle-5OW2ps {
	0% {
		-webkit-transform: scale(0) rotate(10deg);
		transform: scale(0) rotate(10deg)
	}

	30% {
		-webkit-transform: scale(1.3) rotate(10deg);
		transform: scale(1.3) rotate(10deg)
	}

	55% {
		-webkit-transform: scale(.7) rotate(-10deg);
		transform: scale(.7) rotate(-10deg)
	}

	75% {
		-webkit-transform: scale(1.2) rotate(20deg);
		transform: scale(1.2) rotate(20deg)
	}

	85% {
		-webkit-transform: scale(.98) rotate(-20deg);
		transform: scale(.98) rotate(-20deg)
	}

	92% {
		-webkit-transform: scale(1.1) rotate(-5deg);
		transform: scale(1.1) rotate(-5deg)
	}

	97% {
		-webkit-transform: scale(.99) rotate(-5deg);
		transform: scale(.99) rotate(-5deg)
	}

	to {
		-webkit-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg)
	}
}

.canvas-14h5SW {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10000;
	pointer-events: none
}

html {
	--brand-experiment-100: var(--brand-100);
	--brand-experiment-130: var(--brand-130);
	--brand-experiment-160: var(--brand-160);
	--brand-experiment-200: var(--brand-200);
	--brand-experiment-230: var(--brand-230);
	--brand-experiment-260: var(--brand-260);
	--brand-experiment-300: var(--brand-300);
	--brand-experiment-330: var(--brand-330);
	--brand-experiment-360: var(--brand-360);
	--brand-experiment-400: var(--brand-400);
	--brand-experiment-430: var(--brand-430);
	--brand-experiment-460: var(--brand-460);
	--brand-experiment: var(--brand-500);
	--brand-experiment-500: var(--brand-500);
	--brand-experiment-530: var(--brand-530);
	--brand-experiment-560: var(--brand-560);
	--brand-experiment-600: var(--brand-600);
	--brand-experiment-630: var(--brand-630);
	--brand-experiment-660: var(--brand-660);
	--brand-experiment-700: var(--brand-700);
	--brand-experiment-730: var(--brand-730);
	--brand-experiment-760: var(--brand-760);
	--brand-experiment-800: var(--brand-800);
	--brand-experiment-830: var(--brand-830);
	--brand-experiment-860: var(--brand-860);
	--brand-experiment-900: var(--brand-900);
	--brand-experiment-05a: hsl(var(--brand-500-hsl)/0.05);
	--brand-experiment-10a: hsl(var(--brand-500-hsl)/0.1);
	--brand-experiment-15a: hsl(var(--brand-500-hsl)/0.15);
	--brand-experiment-20a: hsl(var(--brand-500-hsl)/0.2);
	--brand-experiment-25a: hsl(var(--brand-500-hsl)/0.25);
	--brand-experiment-30a: hsl(var(--brand-500-hsl)/0.3);
	--brand-experiment-35a: hsl(var(--brand-500-hsl)/0.35);
	--brand-experiment-40a: hsl(var(--brand-500-hsl)/0.4);
	--brand-experiment-45a: hsl(var(--brand-500-hsl)/0.45);
	--brand-experiment-50a: hsl(var(--brand-500-hsl)/0.5);
	--brand-experiment-55a: hsl(var(--brand-500-hsl)/0.55);
	--brand-experiment-60a: hsl(var(--brand-500-hsl)/0.6);
	--brand-experiment-65a: hsl(var(--brand-500-hsl)/0.65);
	--brand-experiment-70a: hsl(var(--brand-500-hsl)/0.7);
	--brand-experiment-75a: hsl(var(--brand-500-hsl)/0.75);
	--brand-experiment-80a: hsl(var(--brand-500-hsl)/0.8);
	--brand-experiment-85a: hsl(var(--brand-500-hsl)/0.85);
	--brand-experiment-90a: hsl(var(--brand-500-hsl)/0.9);
	--brand-experiment-95a: hsl(var(--brand-500-hsl)/0.95)
}

.emoji {
	-o-object-fit: contain;
	object-fit: contain;
	width: 1.375em;
	height: 1.375em;
	vertical-align: bottom
}

.profileColors-2AgAV4 {
	--profile-gradient-primary-color: var(--background-secondary-alt);
	--profile-gradient-secondary-color: var(--background-secondary-alt);
	--profile-gradient-overlay-color: transparent;
	--profile-gradient-button-color: var(--button-secondary-background);
	--profile-avatar-border-color: var(--background-secondary-alt);
	--profile-message-input-border-color: var(--background-modifier-accent);
	--profile-body-background-color: var(--background-floating);
	--profile-body-background-hover: var(--background-modifier-hover);
	--profile-body-divider-color: var(--background-modifier-accent);
	--profile-role-pill-background-color: var(--background-secondary-alt);
	--profile-role-pill-border-color: var(--interactive-normal)
}

.userProfileOuter-2tQwNf {
	border-radius: 8px;
	overflow: hidden
}

.userPopoutOuter-1OHwPL {
	-webkit-box-shadow: var(--elevation-high);
	box-shadow: var(--elevation-high);
	max-height: calc(100vh - 20px);
	width: 340px
}

.userProfileModalOuter-2wdWjU {
	width: 600px
}

.userProfileOuterUnthemed-11rPfA {
	background-color: var(--profile-gradient-primary-color)
}

.userProfileInner-1ngKnf {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border-radius: 8px 8px 0 0
}

.userProfileInner-1ngKnf:before {
	content: "";
	pointer-events: none;
	background-color: var(--profile-gradient-overlay-color);
	position: absolute
}

.userPopoutInner-nv9Y92 {
	max-height: calc(100vh - 28px)
}

.userPopoutInner-nv9Y92:before {
	border-radius: 4px;
	height: calc(100% - 8px);
	width: calc(100% - 8px)
}

.userProfileModalInner-3dx9L9 {
	max-height: 100%
}

.userProfileModalInner-3dx9L9:before {
	border-radius: 4px;
	height: calc(100% - 8px);
	width: calc(100% - 8px)
}

.userProfileInnerThemedNonPremium-2AJg-H {
	background: linear-gradient(var(--profile-gradient-primary-color), var(--profile-gradient-primary-color) 60px, var(--profile-gradient-secondary-color))
}

.overlayBackground-2aa7wt {
	position: relative;
	background-color: var(--profile-body-background-color);
	border-radius: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden
}

.overlayBackground-2aa7wt * {
	scrollbar-color: var(--profile-body-divider-color) var(--scrollbar-thin-track)
}

.overlayBackground-2aa7wt ::-webkit-scrollbar-thumb {
	background-color: var(--profile-body-divider-color)
}

.userPopoutOverlayBackground-3A0Pcz {
	margin: 28px 16px 16px;
	max-height: calc(100vh - 128px)
}

.userProfileModalOverlayBackground-2dAaBg {
	margin: 16px
}

.divider-2dDziJ {
	margin-top: 12px;
	height: 1px;
	position: sticky;
	top: 0;
	background-color: var(--profile-body-divider-color)
}

.height20-WSMpPs {
	line-height: 20px
}

.flowerStarContainer-1QeD-L {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.flowerStar-2tNFCR {
	width: 100%;
	height: 100%
}

.childContainer-U_a6Yh {
	position: absolute;
	top: -.05px;
	left: .05px;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	pointer-events: none
}

.icon-1zKOXL {
	position: relative;
	background-clip: padding-box;
	background-color: none;
	background-position: 50%;
	background-size: 100% 100%
}

.iconInactive-26M06U {
	border-radius: 50%
}

.iconActiveLarge-ac-EDu {
	border-radius: 15px
}

.iconSizeSmol-qsFaRK {
	width: 16px;
	height: 16px
}

.iconSizeLarge-_r2zCK {
	width: 50px;
	height: 50px
}

.acronym-vuwTO7 {
	overflow: hidden;
	white-space: nowrap;
	width: 100%
}

.noIcon-3gSX9V {
	background-color: var(--background-secondary);
	color: var(--text-normal);
	text-align: center
}

.noIcon-3gSX9V.iconSizeSmol-qsFaRK {
	line-height: 16px
}

.noIcon-3gSX9V.iconSizeLarge-_r2zCK {
	line-height: 50px
}

.overflow-1wOqNV {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative
}

.userSelectNone-3AtPzf {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.cursorDefault-2KkZ5q {
	cursor: default
}

.section-28YDOf {
	padding-top: 12px
}

.section-28YDOf:empty {
	display: none
}

.lastSection-q3HCfo {
	padding-bottom: 12px
}

.title-3CjiSS {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 700;
	margin-bottom: 6px
}

.body-N0onUF {
	font-size: 14px;
	line-height: 18px
}

.arrow-2HswgU {
	-webkit-transition: -webkit-transform .2s ease-out;
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.transition-30IQBn {
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease
}

.directionDown-2w0MZz {
	-webkit-transform: rotate3d(0, 0, -1, 0deg);
	transform: rotate3d(0, 0, -1, 0deg)
}

.mediaBarInteraction-tUE5dq {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	margin: 0 7px
}

.mediaBarInteraction-tUE5dq:hover .mediaBarWrapper-33h1oY {
	-webkit-box-shadow: 0 1px 1px hsl(var(--black-500-hsl)/.3);
	box-shadow: 0 1px 1px hsl(var(--black-500-hsl)/.3)
}

.mediaBarInteraction-tUE5dq:hover .bubble-3XikHF {
	opacity: 1
}

.mediaBarInteraction-tUE5dq:hover .mediaBarGrabber-FvJKJg {
	-webkit-transform: scale(1);
	transform: scale(1);
	background-color: var(--brand-experiment-560)
}

.mediaBarInteraction-tUE5dq:hover .mediaBarPreview-1gUbVy {
	opacity: .3
}

.mediaBarInteraction-tUE5dq:hover .bubble-3XikHF {
	opacity: 1
}

.mediaBarInteractionVolume-zGrOSh {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	-ms-flex-item-align: center;
	align-self: center;
	border-radius: 8px;
	background-color: hsl(var(--black-500-hsl)/.7);
	padding: 4px 8px;
	width: 72px;
	margin: 0 4px 0 0
}

.vertical-3GO7H5 {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	height: 54px;
	width: 140px
}

.horizontal-2HFjqv,
.vertical-3GO7H5 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.horizontal-2HFjqv {
	width: 100%;
	-ms-flex-item-align: stretch;
	align-self: stretch
}

.fakeEdges-18N907 {
	position: relative
}

.fakeEdges-18N907:after,
.fakeEdges-18N907:before {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 3px;
	z-index: 1
}

.fakeEdges-18N907:before {
	left: -3px;
	border-radius: 3px 0 0 3px
}

.fakeEdges-18N907:after {
	right: -3px;
	border-radius: 0 3px 3px 0
}

.mediaBarWrapper-33h1oY {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	height: 6px;
	background-color: hsl(var(--primary-300-hsl)/.3)
}

.mediaBarWrapper-33h1oY:after,
.mediaBarWrapper-33h1oY:before {
	background-color: hsl(var(--primary-300-hsl)/.3)
}

.mediaBarWrapperVolume-2TKGac {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 72px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.mediaBarPreview-1gUbVy,
.mediaBarProgress-38I317 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%
}

.mediaBarPreview-1gUbVy {
	z-index: 0;
	opacity: 0;
	background-color: var(--white-500)
}

.mediaBarPreview-1gUbVy:after,
.mediaBarPreview-1gUbVy:before {
	background-color: var(--white-500)
}

.mediaBarProgress-38I317 {
	z-index: 3;
	background-color: var(--brand-experiment)
}

.mediaBarProgress-38I317:after,
.mediaBarProgress-38I317:before {
	background-color: var(--brand-experiment)
}

.mediaBarGrabber-FvJKJg {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 2;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	margin-top: -5px;
	margin-right: -5px;
	background-color: var(--brand-experiment);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: background-color .25s linear, -webkit-transform .25s ease-in-out;
	transition: background-color .25s linear, -webkit-transform .25s ease-in-out;
	transition: transform .25s ease-in-out, background-color .25s linear;
	transition: transform .25s ease-in-out, background-color .25s linear, -webkit-transform .25s ease-in-out;
	cursor: -webkit-grab;
	cursor: grab
}

.bubble-3XikHF {
	border-radius: 3px;
	position: absolute;
	top: -28px;
	padding: 0 8px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-weight: 600;
	font-size: 12px;
	color: var(--primary-100);
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	pointer-events: none;
	background-color: var(--black-500)
}

.bubble-3XikHF:before {
	position: absolute;
	top: 100%;
	left: 50%;
	content: " ";
	width: 0;
	height: 0;
	pointer-events: none;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top: 5px solid var(--black-500)
}

.wrapper-x4po40 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 12px;
	height: 48px;
	border-radius: 24px;
	background-color: hsl(var(--black-500-hsl)/.6);
	color: var(--white-500);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	pointer-events: none
}

.wrapper-x4po40 a:link,
.wrapper-x4po40 a:visited {
	pointer-events: auto;
	cursor: pointer;
	display: block;
	color: var(--white-500) !important
}

.iconWrapper-1lfhOx {
	pointer-events: auto;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	opacity: .6;
	cursor: pointer;
	-webkit-transition: opacity .25s, color .25s;
	transition: opacity .25s, color .25s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.iconWrapperActive-LhB4mn {}

.iconWrapperActive-LhB4mn:hover {
	opacity: 1
}

.iconWrapperActive-LhB4mn:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px)
}

.icon-23NjRH {
	display: block;
	width: 24px;
	height: 24px
}

.iconPlay-3weMmb {
	margin-left: 1px;
	margin-right: -1px
}

.iconExternalMargins-2Ufdu_,
.iconPlay-3weMmb {}

.iconExternalMargins-2Ufdu_ {
	margin-left: 2px;
	margin-right: 4px
}

.container-3YqRWJ {
	position: relative
}

.volumeButton-3IDSX- {
	line-height: 0
}

.volumeButtonSlider-2OrZ9e {
	position: absolute;
	bottom: calc(100% + 16px);
	left: -78px;
	right: 0;
	display: none;
	-webkit-app-region: no-drag
}

.wrapper-1FP9YQ {
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	color: var(--white-500);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.wrapperAudio-1Bzv_Z {}

.wrapperAudio-1Bzv_Z {
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-style: solid;
	border-width: 1px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: visible;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.wrapperAudio-1Bzv_Z.newMosaicStyle-31sBoZ {
	padding: 16px;
	border-radius: 8px;
	width: 432px
}

.audioControls-3fmemK {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: hsl(var(--black-500-hsl)/.6)
}

.audioControls-3fmemK {
	margin-top: 4px;
	border-radius: 3px
}

.controlIcon-1grhw_ {
	display: block;
	width: 24px;
	height: 24px;
	padding: 4px;
	cursor: pointer;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	opacity: .6
}

.controlIcon-1grhw_:hover {
	opacity: 1
}

.controlIcon-1grhw_:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px)
}

.volumeSliderWrapper-17tnjX {
	margin-bottom: 4px;
	margin-left: -4px
}

.durationTimeWrapper-LdSEv8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 4px;
	height: 12px
}

.durationTimeDisplay-QwCeRr,
.durationTimeSeparator-1Cqi9N {
	font-weight: 500;
	display: inline-block;
	font-family: var(--font-code);
	font-size: 12px;
	line-height: 12px;
	vertical-align: text-top
}

.durationTimeSeparator-1Cqi9N {
	margin: 0 2px
}

.audio-37yMlf {
	position: absolute;
	display: block;
	width: 0;
	height: 0
}

.audioMetadata-1Hrt8T {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.audioMetadata-1Hrt8T:before {
	width: 24px;
	height: 40px;
	content: "";
	background-image: url(/assets/e83eaad3ae5c32a355b55f157e6cd3da.svg);
	background-size: 100% auto;
	background-repeat: no-repeat
}

.audioMetadata-1Hrt8T .metadataContent-lalfZ3 {
	padding: 0 8px
}

.audioMetadata-1Hrt8T .metadataDownload-3IY84h {
	height: 24px;
	opacity: 1
}

.audioMetadata-1Hrt8T .metadataSize-2A2s1T {
	color: var(--text-muted)
}

.metadataContent-lalfZ3 {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	white-space: nowrap;
	overflow: hidden
}

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

.metadataSize-2A2s1T {
	font-size: 12px;
	line-height: 16px;
	opacity: .7
}

.metadataDownload-3IY84h {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	opacity: .6
}

.metadataDownload-3IY84h:hover {
	opacity: 1
}

.videoButton-3NM9Tc {
	margin-right: 8px
}

@-webkit-keyframes overlayContentHidden-szOBzn {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes overlayContentHidden-szOBzn {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.theme-dark .wrapper-1FP9YQ {
	background-color: var(--primary-700)
}

.theme-dark .wrapperAudio-1Bzv_Z {
	border-color: var(--background-secondary-alt);
	background-color: var(--background-secondary)
}

.wrapper-z5ab_q {
	position: relative;
	overflow: hidden;
	width: 8px;
	height: 48px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	contain: layout size
}

.item-2LIpTv {
	position: absolute;
	display: block;
	width: 8px;
	border-radius: 0 4px 4px 0;
	margin-left: -4px;
	background-color: var(--header-primary)
}

.container-rr3Ruk {
	width: 100%;
	display: grid
}

.textContainer-36wgKK {
	min-height: 118px;
	height: 100%;
	overflow: hidden;
	background-color: var(--background-secondary);
	border: 1px solid var(--background-secondary-alt);
	border-radius: 4px 4px 0 0
}

.textContainer-36wgKK,
.textContainer-36wgKK pre {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.textContainer-36wgKK pre {
	border-radius: 4px 4px 0 0
}

.newMosaicStyle-2jdUaP .textContainer-36wgKK {
	border-radius: 8px 8px 0 0
}

.codeView-12LUIl {
	font-size: 0.875rem;
	line-height: 1rem;
	min-height: 100px
}

.codeView-12LUIl::-webkit-scrollbar-track {
	margin: 0 .5em
}

.newMosaicStyle-2jdUaP .codeView-12LUIl {
	margin: 8px 8px 0;
	padding: 8px
}

.footer-GXWBBp {
	background-color: var(--background-secondary);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 40px;
	border: 1px solid var(--background-secondary-alt);
	border-top: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0 0 4px 4px;
	padding: 0 10px;
	font-size: 0.875rem;
	min-width: 0
}

.newMosaicStyle-2jdUaP .footer-GXWBBp {
	border-radius: 0 0 8px 8px;
	padding: 0 16px
}

.toggleExpandSection-1710zV {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-right: 10px
}

.toggleExpandSection-1710zV:hover {
	color: var(--interactive-hover)
}

.openFullPreviewSection-31zc2v {
	cursor: pointer;
	padding-top: 4px
}

.openFullPreviewSection-31zc2v:hover {
	color: var(--interactive-hover)
}

.footerGap-1kdFHQ {
	-webkit-box-flex: 200;
	-ms-flex: 200 0 auto;
	flex: 200 0 auto
}

.downloadSection-20OayS {
	color: var(--interactive-normal)
}

.downloadSection-20OayS:hover {
	color: var(--interactive-hover);
	text-decoration: none
}

.attachmentName-vgRpzs {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	text-align: right
}

.formattedSize-1YbZww {
	padding-left: 2px;
	color: var(--interactive-muted);
	text-align: right;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.downloadButton-2PkwZg {
	padding-left: 4px
}

.codeIcon-Ni8XUA {
	min-width: 24px;
	padding-left: 4px;
	padding-bottom: 4px
}

.codeIcon-Ni8XUA:hover {
	color: var(--interactive-hover)
}

.barBase-3xxDXu {
	position: absolute;
	left: 16px;
	right: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 2;
	min-height: 24px;
	text-transform: capitalize;
	-webkit-transition: opacity .15s;
	transition: opacity .15s;
	opacity: .95;
	cursor: pointer
}

.barBase-3xxDXu:hover {
	opacity: 1
}

.barButtonBase-Sk2mdB {
	text-align: left;
	background: none;
	color: var(--white-500);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-weight: 500;
	padding: 0 12px;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.barButtonIcon-bMvzp2 {
	display: block;
	position: relative;
	top: -1px;
	width: 16px;
	height: 16px;
	margin-left: 8px
}

.newMessagesBar-1hF-9G {
	height: 32px;
	top: 0;
	border-radius: 0 0 8px 8px;
	background-color: var(--brand-experiment);
	-webkit-box-shadow: var(--elevation-low);
	box-shadow: var(--elevation-low)
}

.newMessagesBar-1hF-9G:active {
	padding-top: 1px;
	-webkit-box-shadow: 0 0 0 hsl(var(--black-500-hsl)/0);
	box-shadow: 0 0 0 hsl(var(--black-500-hsl)/0)
}

.barButtonMain-2GIx4o {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: block;
	position: relative
}

.barButtonMain-2GIx4o,
.span-3lFnWr {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.barButtonAlt-TQoCdZ {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-weight: 600;
	position: relative
}

.imageContent-3Av-9c {
	-webkit-box-orient: vertical;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex: auto;
	flex: auto
}

.imageContainer-10XenG,
.imageContent-3Av-9c {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-flex: 1
}

.imageContainer-10XenG {
	-webkit-box-orient: horizontal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex: auto;
	flex: auto;
	width: 100%;
	height: 100%
}

@-webkit-keyframes popout-loading-3aXB2M {
	0% {
		-webkit-transform: translate3d(-256px, 0, 0);
		transform: translate3d(-256px, 0, 0)
	}

	50% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		-webkit-transform: translate3d(-256px, 0, 0);
		transform: translate3d(-256px, 0, 0)
	}
}

@keyframes popout-loading-3aXB2M {
	0% {
		-webkit-transform: translate3d(-256px, 0, 0);
		transform: translate3d(-256px, 0, 0)
	}

	50% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		-webkit-transform: translate3d(-256px, 0, 0);
		transform: translate3d(-256px, 0, 0)
	}
}

.emoji {
	-o-object-fit: contain;
	object-fit: contain;
	width: 1.375em;
	height: 1.375em;
	vertical-align: bottom
}

.nowrap-PdqN8z {
	white-space: nowrap
}

.icon-2Ph-Lv {
	width: 1rem;
	height: 1rem;
	vertical-align: middle;
	margin-bottom: .2rem
}

.name-32H74l {
	text-overflow: ellipsis;
	overflow: hidden
}

.channelWithIcon.iconMentionText-u6IUqo {
	gap: 0
}

.wrapper-1ZcZW- {
	border-radius: 3px;
	padding: 0 2px;
	font-weight: 500;
	unicode-bidi: -moz-plaintext;
	unicode-bidi: plaintext;
	color: var(--mention-foreground);
	background: var(--mention-background)
}

.interactive {
	-webkit-transition: background-color 50ms ease-out, color 50ms ease-out;
	transition: background-color 50ms ease-out, color 50ms ease-out;
	cursor: pointer
}

.interactive:hover {
	color: var(--white-500);
	background-color: var(--brand-experiment)
}

.theme-dark {
	--__spoiler-background-color--hidden: var(--primary-700);
	--__spoiler-background-color--hidden--hover: hsl(var(--primary-700-hsl)/0.8);
	--__spoiler-background-color--revealed: hsl(var(--white-500-hsl)/0.1);
	--__spoiler-text-color--hidden: transparent;
	--__spoiler-warning-text-color: var(--primary-200);
	--__spoiler-warning-text-color--hover: var(--white-500);
	--__spoiler-warning-background-color: hsl(var(--black-500-hsl)/0.6);
	--__spoiler-warning-background-color--hover: hsl(var(--black-500-hsl)/0.9);
	--__spoiler-container-box-shadow-color: hsl(var(--black-500-hsl)/0.1)
}

.markup-eYLPri {
	font-size: 1rem;
	line-height: 1.375rem;
	word-wrap: break-word;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	color: var(--text-normal)
}

.markup-eYLPri a {
	color: var(--text-link);
	word-break: break-word;
	text-decoration: var(--link-decoration);
	cursor: pointer
}

.markup-eYLPri a:hover {
	text-decoration: underline
}

.markup-eYLPri strong {
	font-weight: 700
}

.markup-eYLPri em {
	font-style: italic
}

.markup-eYLPri pre {
	border-radius: 4px;
	padding: 0;
	font-family: var(--font-code);
	font-size: 0.75rem;
	line-height: 1rem;
	margin-top: 6px;
	white-space: pre-wrap;
	background-clip: border-box
}

.markup-eYLPri pre {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 90%
}

.markup-eYLPri code {
	font-size: 0.875rem;
	line-height: 1.125rem;
	text-indent: 0;
	scrollbar-width: thin;
	scrollbar-color: var(--background-tertiary) var(--background-secondary);
	background: var(--background-secondary);
	border: 1px solid var(--background-tertiary)
}

.markup-eYLPri code.inline {
	width: auto;
	height: auto;
	padding: .2em;
	margin: -.2em 0;
	border-radius: 3px;
	font-size: 85%;
	font-family: var(--font-code);
	text-indent: 0;
	border: none;
}

.markup-eYLPri .codeContainer-2LCL7Y {
	position: relative
}

.markup-eYLPri .codeActions-NqAKTN {
	position: absolute;
	display: none;
	right: 4px;
	top: 8px
}

.markup-eYLPri .codeActions-NqAKTN>div {
	cursor: pointer
}

.markup-eYLPri .codeContainer-2LCL7Y:hover .codeActions-NqAKTN {
	display: block
}

.markup-eYLPri li {
	white-space: break-spaces;
	margin-bottom: 4px
}

.markup-eYLPri ol,
.markup-eYLPri ul {
	margin: 4px 0 0 16px;
	list-style-position: outside
}

.markup-eYLPri ul {
	list-style-type: disc
}

.markup-eYLPri ol {
	list-style-type: decimal;
	margin-left: calc(.4em + var(--totalCharacters)*0.6em)
}

.markup-eYLPri ol ul,
.markup-eYLPri ul ul {
	list-style-type: circle;
	margin-bottom: 0
}

.markup-eYLPri ol ol,
.markup-eYLPri ul ol {
	margin-bottom: 0
}

.markup-eYLPri h1,
.markup-eYLPri h2,
.markup-eYLPri h3 {
	font-family: var(--font-display);
	font-weight: 700;
	color: var(--header-primary);
	line-height: 1.375em;
	margin: 16px 0 4px
}

.markup-eYLPri h1 {
	font-size: 1.5rem;
	margin: 16px 0 8px
}

.markup-eYLPri h2 {
	font-size: 1.25rem;
	margin: 16px 0 8px
}

.markup-eYLPri h3 {
	font-size: 1rem;
	margin: 16px 0 8px
}

.markup-eYLPri h1:first-child,
.markup-eYLPri h2:first-child {
	margin-top: 8px
}

.markup-eYLPri h3:first-child {
	margin-top: 4px
}

.hljs {
	display: block;
	overflow-x: auto;
	padding: .5em;
	border-radius: 4px;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	color: var(--text-normal);
	background: var(--background-secondary)
}

.theme-dark .hljs-keyword {
	color: #ff7b72
}

.theme-dark .hljs-title,
.theme-dark .hljs-title.function_ {
	color: #d2a8ff
}

.theme-dark .hljs-literal {
	color: #79c0ff
}

.theme-dark .hljs-comment {
	color: #8b949e
}

.right-1dJ0yM {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.connectedAccounts-2R5M4w {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal
}

.connectedAccounts-2R5M4w {
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%
}

.connectedAccountsColumn-1zdyyx {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(50% - 8px)
}

.connectedAccountsColumn-1zdyyx+.connectedAccountsColumn-1zdyyx {
	margin-left: 16px
}

.connectedAccountContainer-3aLMHJ {
	margin-top: 16px;
	padding: 12px 8px;
	border-radius: 4px;
	border: 1px solid var(--profile-body-divider-color, var(--background-modifier-accent))
}

.connectedAccount-1oLIrm {
	-webkit-box-flex: 0;
	-ms-flex: 0 1;
	flex: 0 1;
	gap: 8px
}

.connectedAccount-1oLIrm {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.connectedAccountIcon-3FdW8x {
	width: 24px;
	height: 24px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.connectedAccountNameContainer-3e9mvO {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	overflow: hidden
}

.connectedAccountName-2QfG-N {
	-ms-flex-align: center
}

.connectedAccountName-2QfG-N,
.connectedAccountNameTextContainer-OqLQll {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	overflow: hidden
}

.connectedAccountNameTextContainer-OqLQll {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-align: center
}

.connectedAccountNameText-tCbPXH {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

.connectedAccountVerifiedIcon-3EPFPC {
	margin-left: 4px
}

.connectedAccountOpenIcon-3i81Tz {
	width: 18px;
	height: 18px;
	color: var(--interactive-normal);
	display: block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.connectedAccountOpenIcon-3i81Tz:hover {
	color: var(--interactive-hover)
}

.connectedAccountOpenIcon-3i81Tz:active {
	color: var(--interactive-active)
}

.input-2z42oC {
	font-size: 14px;
	background-color: var(--background-secondary-alt)
}

.section-1TK4Q0 {
	position: relative
}

.messageInputContainer-24qqTx {
	border: 1px solid var(--profile-message-input-border-color);
	border-radius: 4px
}

.messageInput-1enlaJ {
	background-color: transparent
}

.memberSinceContainer-2CBD23 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.discordIcon-32mgeP {
	height: 16px;
	width: 16px;
	color: var(--interactive-normal)
}

.divider-MZkkle {
	height: 4px;
	width: 4px;
	border-radius: 50%;
	background-color: var(--background-accent)
}

.textarea-_59yqs {
	background-color: transparent;
	border: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: var(--text-normal);
	font-size: 12px;
	line-height: 14px;
	max-height: 88px;
	padding: 4px;
	resize: none;
	width: 100%
}

.textarea-_59yqs::-webkit-input-placeholder {
	color: var(--header-secondary)
}

.textarea-_59yqs::-moz-placeholder {
	color: var(--header-secondary)
}

.textarea-_59yqs:-ms-input-placeholder {
	color: var(--header-secondary)
}

.textarea-_59yqs::placeholder {
	color: var(--header-secondary)
}

.textarea-_59yqs:focus {
	background-color: var(--background-tertiary)
}

.note-1NN2aP textarea:focus {
	background-color: var(--profile-note-background-color)
}

.note-1NN2aP textarea:focus::-webkit-input-placeholder {
	color: transparent
}

.note-1NN2aP textarea:focus::-moz-placeholder {
	color: transparent
}

.note-1NN2aP textarea:focus:-ms-input-placeholder {
	color: transparent
}

.note-1NN2aP textarea:focus::placeholder {
	color: transparent
}

.root-jbEB5E {
	position: relative;
	margin-top: 2px
}

.role-2TIOKu {
	font-size: 12px;
	font-weight: 500;
	background: var(--background-secondary-alt);
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 22px;
	margin: 0 4px 4px 0;
	padding: 4px
}

.roleRemoveButton-17oXnT {
	position: relative
}

.roleRemoveIcon-387wKV {
	display: none;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px
}

.role-2TIOKu:focus .roleRemoveIcon-387wKV,
.role-2TIOKu:hover .roleRemoveIcon-387wKV {
	display: block
}

.roleName-2ZJJYR {
	max-width: 200px;
	margin-right: 4px
}

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

.actionButton-1YKTU0 {
	color: var(--interactive-active);
	font-size: 11px;
	line-height: 11px
}

.addButton-1_dZYu {
	padding: 4px 5px
}

.addButtonIcon-3HZ_2f {
	cursor: pointer;
	width: 14px;
	height: 14px
}

.roles-3vQPxb {
	color: var(--text-normal)
}

.rolePill-78LFtg {
	background-color: var(--profile-role-pill-background-color)
}

.info-3ddo6z {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	overflow: hidden;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap
}

.userText-1_v2Cq {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

.nickname-3P1RuO {
	word-break: break-word
}

.userTag-3A4Fw4 {
	font-size: 14px;
	font-weight: 500;
	display: block;
	font-family: var(--font-display)
}

.userTagWithNickname-13lfvd {
	font-family: var(--font-primary);
	line-height: 18px
}

.userTagUsernameBase-267ALn {
	overflow: auto;
	word-break: break-all;
	text-overflow: unset;
	white-space: normal;
	color: var(--header-primary);
	vertical-align: top;
	display: inline
}

.usernameSection-3FppkT {
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px
}

.divider-1QVlfF {
	margin: 12px 12px 0
}

.scroller-15bIdk {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	min-height: 0;
	padding: 0 12px
}

.scroller-15bIdk::-webkit-scrollbar-track {
	margin-bottom: 4px
}

@-webkit-keyframes uploadIconAnimateInLeft-18-7XG {
	0% {
		-webkit-transform: translateZ(0) rotate(0deg);
		transform: translateZ(0) rotate(0deg);
		opacity: .6
	}

	4.1667% {
		-webkit-transform: translate3d(0, -1px, 0) rotate(0deg);
		transform: translate3d(0, -1px, 0) rotate(0deg);
		opacity: .68
	}

	30.8334% {
		-webkit-transform: translate3d(-48px, -10px, 0) rotate(-36deg);
		transform: translate3d(-48px, -10px, 0) rotate(-36deg);
		opacity: 1
	}

	58.3334% {
		-webkit-transform: translate3d(-41px, -3px, 0) rotate(-28deg);
		transform: translate3d(-41px, -3px, 0) rotate(-28deg);
		opacity: 1
	}

	75% {
		-webkit-transform: translate3d(-45px, -8px, 0) rotate(-32deg);
		transform: translate3d(-45px, -8px, 0) rotate(-32deg);
		opacity: 1
	}

	83.3334% {
		-webkit-transform: translate3d(-44px, -7px, 0) rotate(-30.7deg);
		transform: translate3d(-44px, -7px, 0) rotate(-30.7deg);
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(-44px, -6px, 0) rotate(-30deg);
		transform: translate3d(-44px, -6px, 0) rotate(-30deg);
		opacity: 1
	}
}

@keyframes uploadIconAnimateInLeft-18-7XG {
	0% {
		-webkit-transform: translateZ(0) rotate(0deg);
		transform: translateZ(0) rotate(0deg);
		opacity: .6
	}

	4.1667% {
		-webkit-transform: translate3d(0, -1px, 0) rotate(0deg);
		transform: translate3d(0, -1px, 0) rotate(0deg);
		opacity: .68
	}

	30.8334% {
		-webkit-transform: translate3d(-48px, -10px, 0) rotate(-36deg);
		transform: translate3d(-48px, -10px, 0) rotate(-36deg);
		opacity: 1
	}

	58.3334% {
		-webkit-transform: translate3d(-41px, -3px, 0) rotate(-28deg);
		transform: translate3d(-41px, -3px, 0) rotate(-28deg);
		opacity: 1
	}

	75% {
		-webkit-transform: translate3d(-45px, -8px, 0) rotate(-32deg);
		transform: translate3d(-45px, -8px, 0) rotate(-32deg);
		opacity: 1
	}

	83.3334% {
		-webkit-transform: translate3d(-44px, -7px, 0) rotate(-30.7deg);
		transform: translate3d(-44px, -7px, 0) rotate(-30.7deg);
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(-44px, -6px, 0) rotate(-30deg);
		transform: translate3d(-44px, -6px, 0) rotate(-30deg);
		opacity: 1
	}
}

@-webkit-keyframes uploadIconAnimateInMiddle-TTp5Cg {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	30.8334% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	58.3334% {
		-webkit-transform: translate3d(0, -3px, 0);
		transform: translate3d(0, -3px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -8px, 0);
		transform: translate3d(0, -8px, 0)
	}

	83.3334% {
		-webkit-transform: translate3d(0, -7px, 0);
		transform: translate3d(0, -7px, 0)
	}

	to {
		-webkit-transform: translate3d(0, -6px, 0);
		transform: translate3d(0, -6px, 0)
	}
}

@keyframes uploadIconAnimateInMiddle-TTp5Cg {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	30.8334% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	58.3334% {
		-webkit-transform: translate3d(0, -3px, 0);
		transform: translate3d(0, -3px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -8px, 0);
		transform: translate3d(0, -8px, 0)
	}

	83.3334% {
		-webkit-transform: translate3d(0, -7px, 0);
		transform: translate3d(0, -7px, 0)
	}

	to {
		-webkit-transform: translate3d(0, -6px, 0);
		transform: translate3d(0, -6px, 0)
	}
}

@-webkit-keyframes uploadIconAnimateInRight-3zrvNl {
	0% {
		-webkit-transform: translateZ(0) rotate(0deg);
		transform: translateZ(0) rotate(0deg);
		opacity: .6
	}

	4.1667% {
		-webkit-transform: translate3d(0, -1px, 0) rotate(0deg);
		transform: translate3d(0, -1px, 0) rotate(0deg);
		opacity: .68
	}

	30.8334% {
		-webkit-transform: translate3d(48px, -10px, 0) rotate(36deg);
		transform: translate3d(48px, -10px, 0) rotate(36deg);
		opacity: 1
	}

	58.3334% {
		-webkit-transform: translate3d(41px, -3px, 0) rotate(28deg);
		transform: translate3d(41px, -3px, 0) rotate(28deg);
		opacity: 1
	}

	75% {
		-webkit-transform: translate3d(45px, -8px, 0) rotate(32deg);
		transform: translate3d(45px, -8px, 0) rotate(32deg);
		opacity: 1
	}

	83.3334% {
		-webkit-transform: translate3d(44px, -7px, 0) rotate(30.7deg);
		transform: translate3d(44px, -7px, 0) rotate(30.7deg);
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(44px, -6px, 0) rotate(30deg);
		transform: translate3d(44px, -6px, 0) rotate(30deg);
		opacity: 1
	}
}

@keyframes uploadIconAnimateInRight-3zrvNl {
	0% {
		-webkit-transform: translateZ(0) rotate(0deg);
		transform: translateZ(0) rotate(0deg);
		opacity: .6
	}

	4.1667% {
		-webkit-transform: translate3d(0, -1px, 0) rotate(0deg);
		transform: translate3d(0, -1px, 0) rotate(0deg);
		opacity: .68
	}

	30.8334% {
		-webkit-transform: translate3d(48px, -10px, 0) rotate(36deg);
		transform: translate3d(48px, -10px, 0) rotate(36deg);
		opacity: 1
	}

	58.3334% {
		-webkit-transform: translate3d(41px, -3px, 0) rotate(28deg);
		transform: translate3d(41px, -3px, 0) rotate(28deg);
		opacity: 1
	}

	75% {
		-webkit-transform: translate3d(45px, -8px, 0) rotate(32deg);
		transform: translate3d(45px, -8px, 0) rotate(32deg);
		opacity: 1
	}

	83.3334% {
		-webkit-transform: translate3d(44px, -7px, 0) rotate(30.7deg);
		transform: translate3d(44px, -7px, 0) rotate(30.7deg);
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(44px, -6px, 0) rotate(30deg);
		transform: translate3d(44px, -6px, 0) rotate(30deg);
		opacity: 1
	}
}

@-webkit-keyframes uploadModalShake-2iwdEg {

	10%,
	90% {
		-webkit-transform: translate3d(-1px, 0, 0);
		transform: translate3d(-1px, 0, 0)
	}

	20%,
	80% {
		-webkit-transform: translate3d(2px, 0, 0);
		transform: translate3d(2px, 0, 0)
	}

	30%,
	50%,
	70% {
		-webkit-transform: translate3d(-4px, 0, 0);
		transform: translate3d(-4px, 0, 0)
	}

	40%,
	60% {
		-webkit-transform: translate3d(4px, 0, 0);
		transform: translate3d(4px, 0, 0)
	}
}

@keyframes uploadModalShake-2iwdEg {

	10%,
	90% {
		-webkit-transform: translate3d(-1px, 0, 0);
		transform: translate3d(-1px, 0, 0)
	}

	20%,
	80% {
		-webkit-transform: translate3d(2px, 0, 0);
		transform: translate3d(2px, 0, 0)
	}

	30%,
	50%,
	70% {
		-webkit-transform: translate3d(-4px, 0, 0);
		transform: translate3d(-4px, 0, 0)
	}

	40%,
	60% {
		-webkit-transform: translate3d(4px, 0, 0);
		transform: translate3d(4px, 0, 0)
	}
}

@-webkit-keyframes uploadTextFadeIn-3n1jvq {

	0%,
	8.334% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
		opacity: 0
	}

	45.8%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes uploadTextFadeIn-3n1jvq {

	0%,
	8.334% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
		opacity: 0
	}

	45.8%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@-webkit-keyframes uploadModalBounceTransition-wknU3L {
	0% {
		-webkit-transform: translateZ(0) scale(.99);
		transform: translateZ(0) scale(.99)
	}

	50% {
		-webkit-transform: translateZ(0) scale(1.005);
		transform: translateZ(0) scale(1.005)
	}

	to {
		-webkit-transform: translateZ(0) scale(1);
		transform: translateZ(0) scale(1)
	}
}

@keyframes uploadModalBounceTransition-wknU3L {
	0% {
		-webkit-transform: translateZ(0) scale(.99);
		transform: translateZ(0) scale(.99)
	}

	50% {
		-webkit-transform: translateZ(0) scale(1.005);
		transform: translateZ(0) scale(1.005)
	}

	to {
		-webkit-transform: translateZ(0) scale(1);
		transform: translateZ(0) scale(1)
	}
}

@-webkit-keyframes uploadModalBounce-12JH4d {
	0% {
		-webkit-transform: translateZ(0) scale(.99);
		transform: translateZ(0) scale(.99)
	}

	15%,
	to {
		top: -10px;
		left: -10px;
		right: -10px;
		bottom: -10px
	}

	33.3334% {
		-webkit-transform: translateZ(0) scale(1.005);
		transform: translateZ(0) scale(1.005)
	}

	54.1667% {
		-webkit-transform: translateZ(0) scale(.995);
		transform: translateZ(0) scale(.995)
	}

	70.8334%,
	to {
		-webkit-transform: translateZ(0) scale(1);
		transform: translateZ(0) scale(1)
	}
}

@keyframes uploadModalBounce-12JH4d {
	0% {
		-webkit-transform: translateZ(0) scale(.99);
		transform: translateZ(0) scale(.99)
	}

	15%,
	to {
		top: -10px;
		left: -10px;
		right: -10px;
		bottom: -10px
	}

	33.3334% {
		-webkit-transform: translateZ(0) scale(1.005);
		transform: translateZ(0) scale(1.005)
	}

	54.1667% {
		-webkit-transform: translateZ(0) scale(.995);
		transform: translateZ(0) scale(.995)
	}

	70.8334%,
	to {
		-webkit-transform: translateZ(0) scale(1);
		transform: translateZ(0) scale(1)
	}
}

.uploadArea-2Nu_Vc {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	background: hsl(var(--black-500-hsl)/.8);
	font-size: 36px;
	color: var(--white-500);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	z-index: 2000
}

.uploadArea-2Nu_Vc strong {
	font-weight: 700
}

.uploadArea-2Nu_Vc * {
	pointer-events: none
}

.uploadDropModal-13Kd20 {
	-webkit-animation: uploadIconAnimateIn-3ZclN1 .25s ease-in-out 0s normal forwards;
	animation: uploadIconAnimateIn-3ZclN1 .25s ease-in-out 0s normal forwards;
	width: 310px;
	height: 170px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.uploadDropModal-13Kd20 .instructions-272j2A,
.uploadDropModal-13Kd20 .title-3ChJ_v {
	opacity: 0;
	-webkit-animation: uploadTextFadeIn-3n1jvq 1s ease .175s normal forwards;
	animation: uploadTextFadeIn-3n1jvq 1s ease .175s normal forwards
}

.uploadDropModal-13Kd20 .instructions-272j2A {
	-webkit-animation-delay: .185s;
	animation-delay: .185s;
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s
}

.uploadDropModal-13Kd20 .bgScale-1iWuPF {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-radius: 10px;
	background: var(--brand-experiment);
	-webkit-animation: uploadModalBounce-12JH4d .8s ease 0s normal forwards;
	animation: uploadModalBounce-12JH4d .8s ease 0s normal forwards
}

.uploadDropModal-13Kd20 .inner-rBP-MS {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: var(--white-500);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px dashed hsl(var(--white-500-hsl)/.4);
	border-radius: 6px;
	width: 100%
}

.uploadDropModal-13Kd20 .inner-rBP-MS .title-3ChJ_v {
	font-size: 22px;
	font-weight: 700;
	padding: 0 8px;
	width: 100%;
	color: var(--white-500);
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.uploadDropModal-13Kd20 .inner-rBP-MS .title-3ChJ_v strong {
	color: var(--white-500)
}

.uploadDropModal-13Kd20 .inner-rBP-MS .instructions-272j2A {
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	margin-top: 4px;
	margin-left: 4px;
	color: var(--white-500)
}

.icons-1UZPvE {
	position: relative;
	width: 100px;
	height: 60px
}

.icon-HW4tZ- {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100px;
	height: 130px;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.icon-HW4tZ-.one-NzgGbt {
	opacity: 0;
	-webkit-animation: uploadIconAnimateInLeft-18-7XG .8s ease 0s normal forwards;
	animation: uploadIconAnimateInLeft-18-7XG .8s ease 0s normal forwards;
	position: absolute
}

.icon-HW4tZ-.two-1t2_74 {
	-webkit-filter: drop-shadow(0 0 48px rgba(88, 101, 242, .5));
	filter: drop-shadow(0 0 48px rgba(88, 101, 242, .5));
	-webkit-animation: uploadIconAnimateInMiddle-TTp5Cg .8s ease 0s normal forwards;
	animation: uploadIconAnimateInMiddle-TTp5Cg .8s ease 0s normal forwards;
	position: absolute
}

.icon-HW4tZ-.three-fZYihQ {
	opacity: 0;
	-webkit-animation: uploadIconAnimateInRight-3zrvNl .8s ease 0s normal forwards;
	animation: uploadIconAnimateInRight-3zrvNl .8s ease 0s normal forwards;
	position: absolute
}

.wrapOne-2VKwBJ {
	-webkit-transform: translate3d(0, -70px, 0);
	transform: translate3d(0, -70px, 0)
}

.wrapTwo-3T9wbh {
	-webkit-transform: translate3d(0, -80px, 0);
	transform: translate3d(0, -80px, 0)
}

.wrapThree-3wCMkN {
	-webkit-transform: translate3d(0, -70px, 0);
	transform: translate3d(0, -70px, 0)
}

.document-1u6V3N {
	background-image: url(/assets/515d0236bce3ba834026209dc78489f0.svg)
}

.image-2ssF8k {
	background-image: url(/assets/a532e755c36b75762a75ff0794456efb.svg)
}

.code-rRQnfi {
	background-image: url(/assets/35827c42a3af54bd169cff0a866eb428.svg)
}

.banner-1YaD3N {
	-webkit-transition: background-color .1s;
	transition: background-color .1s;
	width: 100%
}

.roundedBanner-uNt2w- {
	border-radius: 4px 4px 0 0
}

.popoutBanner-3cqRD9 {
	height: 60px
}

.profileBanner-1owKI5 {
	height: 106px
}

.bannerSVGWrapper-2CLfzN {
	z-index: 0;
	contain: paint
}

.container-1gYwHN {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2px;
	min-height: 22px
}

.containerWithContent-2Yws8V {
	padding: 4px
}

.profileBadge-12r2Nm {
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	overflow: hidden;
	pointer-events: none;
	-o-object-fit: cover;
	object-fit: cover
}

.profileBadge-12r2Nm:active {
	opacity: .8
}

.profileBadge-12r2Nm:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--background-modifier-accent);
	border-radius: 50%
}

.profileBadge24-sH1efV {
	width: 24px;
	height: 24px
}

.profileBadge22-3GAYRy {
	width: 22px;
	height: 22px
}

.profileBadges-2pItdR {
	position: relative;
	top: 12px;
	right: 16px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-ms-flex-item-align: end;
	align-self: flex-end;
	background-color: var(--profile-body-background-color);
	border-radius: 8px;
	max-width: 190px
}

.profileBadges-2pItdR.profileBadges-2pItdR {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.avatarHint-k7pYop {
	top: 0;
	left: 0
}

.avatarHint-k7pYop {
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity .1s ease;
	transition: opacity .1s ease;
	pointer-events: none
}

.avatarHintInner-2HUAWj {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 10px;
	line-height: 12px;
	font-weight: 700;
	width: 100%;
	padding-top: 4px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-transform: uppercase;
	-webkit-box-shadow: inset 0 0 120px hsl(var(--black-500-hsl)/.75);
	box-shadow: inset 0 0 120px hsl(var(--black-500-hsl)/.75);
	color: var(--white-500)
}

.avatarWrapper-eenWra {
	border-radius: 50%;
	position: absolute;
	z-index: 0;
	top: 80px;
	left: 22px
}

.avatarWrapperNormal-ahVUaC {}

.avatarWrapperNormal-ahVUaC:hover .avatarHint-k7pYop {
	opacity: 1
}

.clickable-GKg4Qy {
	cursor: pointer
}

.avatarPositionNormal-2jWoC2 {
	top: 16px
}

.avatarHoverTarget-1zzfRL {
	border-radius: 50%
}

@-webkit-keyframes pulse-1dTUFO {
	0% {
		border-color: hsla(0, 0%, 100%, 0)
	}

	25% {
		border-color: hsla(0, 0%, 100%, .16)
	}

	50%,
	to {
		border-color: hsla(0, 0%, 100%, 0)
	}
}

@keyframes pulse-1dTUFO {
	0% {
		border-color: hsla(0, 0%, 100%, 0)
	}

	25% {
		border-color: hsla(0, 0%, 100%, .16)
	}

	50%,
	to {
		border-color: hsla(0, 0%, 100%, 0)
	}
}

@-webkit-keyframes darkerPulse-DQlpiQ {
	0% {
		border-color: hsla(0, 0%, 100%, 0)
	}

	25% {
		border-color: hsla(0, 0%, 100%, .32)
	}

	50%,
	to {
		border-color: hsla(0, 0%, 100%, 0)
	}
}

@keyframes darkerPulse-DQlpiQ {
	0% {
		border-color: hsla(0, 0%, 100%, 0)
	}

	25% {
		border-color: hsla(0, 0%, 100%, .32)
	}

	50%,
	to {
		border-color: hsla(0, 0%, 100%, 0)
	}
}

.pictureInPicture-1GQX91 {
	position: absolute;
	top: 0;
	left: 0
}

.appAsidePanelWrapper-ev4hlp {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	min-height: 0
}

.notAppAsidePanel-3yzkgB {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0
}

.app-3xd6d0 {
	position: relative
}

.app-3xd6d0 {
	z-index: auto;
	height: 100%
}

.app-2CXKsg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--background-tertiary);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.app-2CXKsg button {
	cursor: pointer
}

.layers-1YQhyW {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
	min-width: 0;
	min-height: 0
}

:root {
	--application-subscription-end: hsl(var(--application-subscription-end-hsl)/1);
	--application-subscription-end-hsl: 197 calc(var(--saturation-factor, 1)*98.8%) 32.4%;
	--application-subscription-start: hsl(var(--application-subscription-start-hsl)/1);
	--application-subscription-start-hsl: 235 calc(var(--saturation-factor, 1)*68.5%) 52.7%;
	--battlenet: hsl(var(--battlenet-hsl)/1);
	--battlenet-hsl: 200 calc(var(--saturation-factor, 1)*100%) 44.9%;
	--bg-gradient-aurora-1: hsl(var(--bg-gradient-aurora-1-hsl)/1);
	--bg-gradient-aurora-1-hsl: 220 calc(var(--saturation-factor, 1)*86.5%) 17.5%;
	--bg-gradient-aurora-2: hsl(var(--bg-gradient-aurora-2-hsl)/1);
	--bg-gradient-aurora-2-hsl: 238 calc(var(--saturation-factor, 1)*76.4%) 41.6%;
	--bg-gradient-aurora-3: hsl(var(--bg-gradient-aurora-3-hsl)/1);
	--bg-gradient-aurora-3-hsl: 184 calc(var(--saturation-factor, 1)*78%) 33.9%;
	--bg-gradient-aurora-4: hsl(var(--bg-gradient-aurora-4-hsl)/1);
	--bg-gradient-aurora-4-hsl: 169 calc(var(--saturation-factor, 1)*60.2%) 32.5%;
	--bg-gradient-aurora-5: hsl(var(--bg-gradient-aurora-5-hsl)/1);
	--bg-gradient-aurora-5-hsl: 230 calc(var(--saturation-factor, 1)*92.5%) 26.3%;
	--bg-gradient-chroma-glow-1: hsl(var(--bg-gradient-chroma-glow-1-hsl)/1);
	--bg-gradient-chroma-glow-1-hsl: 183 calc(var(--saturation-factor, 1)*86.3%) 40.2%;
	--bg-gradient-chroma-glow-2: hsl(var(--bg-gradient-chroma-glow-2-hsl)/1);
	--bg-gradient-chroma-glow-2-hsl: 258 calc(var(--saturation-factor, 1)*89.8%) 46.3%;
	--bg-gradient-chroma-glow-3: hsl(var(--bg-gradient-chroma-glow-3-hsl)/1);
	--bg-gradient-chroma-glow-3-hsl: 298 calc(var(--saturation-factor, 1)*90.9%) 34.3%;
	--bg-gradient-chroma-glow-4: hsl(var(--bg-gradient-chroma-glow-4-hsl)/1);
	--bg-gradient-chroma-glow-4-hsl: 265 calc(var(--saturation-factor, 1)*100%) 66.3%;
	--bg-gradient-chroma-glow-5: hsl(var(--bg-gradient-chroma-glow-5-hsl)/1);
	--bg-gradient-chroma-glow-5-hsl: 207 calc(var(--saturation-factor, 1)*75.5%) 50.4%;
	--bg-gradient-citrus-sherbert-1: hsl(var(--bg-gradient-citrus-sherbert-1-hsl)/1);
	--bg-gradient-citrus-sherbert-1-hsl: 40 calc(var(--saturation-factor, 1)*88.7%) 58.2%;
	--bg-gradient-citrus-sherbert-2: hsl(var(--bg-gradient-citrus-sherbert-2-hsl)/1);
	--bg-gradient-citrus-sherbert-2-hsl: 18 calc(var(--saturation-factor, 1)*81.5%) 63.9%;
	--bg-gradient-cotton-candy-1: hsl(var(--bg-gradient-cotton-candy-1-hsl)/1);
	--bg-gradient-cotton-candy-1-hsl: 349 calc(var(--saturation-factor, 1)*76.8%) 81.4%;
	--bg-gradient-cotton-candy-2: hsl(var(--bg-gradient-cotton-candy-2-hsl)/1);
	--bg-gradient-cotton-candy-2-hsl: 226 calc(var(--saturation-factor, 1)*92.6%) 84.1%;
	--bg-gradient-crimson-moon-1: hsl(var(--bg-gradient-crimson-moon-1-hsl)/1);
	--bg-gradient-crimson-moon-1-hsl: 0 calc(var(--saturation-factor, 1)*88.6%) 31%;
	--bg-gradient-crimson-moon-2: hsl(var(--bg-gradient-crimson-moon-2-hsl)/1);
	--bg-gradient-crimson-moon-2-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--bg-gradient-desert-khaki-1: hsl(var(--bg-gradient-desert-khaki-1-hsl)/1);
	--bg-gradient-desert-khaki-1-hsl: 29 calc(var(--saturation-factor, 1)*32.4%) 86.1%;
	--bg-gradient-desert-khaki-2: hsl(var(--bg-gradient-desert-khaki-2-hsl)/1);
	--bg-gradient-desert-khaki-2-hsl: 40 calc(var(--saturation-factor, 1)*41.3%) 78.6%;
	--bg-gradient-desert-khaki-3: hsl(var(--bg-gradient-desert-khaki-3-hsl)/1);
	--bg-gradient-desert-khaki-3-hsl: 50 calc(var(--saturation-factor, 1)*49.6%) 75.9%;
	--bg-gradient-dusk-1: hsl(var(--bg-gradient-dusk-1-hsl)/1);
	--bg-gradient-dusk-1-hsl: 293 calc(var(--saturation-factor, 1)*13.5%) 36.3%;
	--bg-gradient-dusk-2: hsl(var(--bg-gradient-dusk-2-hsl)/1);
	--bg-gradient-dusk-2-hsl: 223 calc(var(--saturation-factor, 1)*41%) 69.4%;
	--bg-gradient-easter-egg-1: hsl(var(--bg-gradient-easter-egg-1-hsl)/1);
	--bg-gradient-easter-egg-1-hsl: 227 calc(var(--saturation-factor, 1)*58.4%) 65.1%;
	--bg-gradient-easter-egg-2: hsl(var(--bg-gradient-easter-egg-2-hsl)/1);
	--bg-gradient-easter-egg-2-hsl: 227 calc(var(--saturation-factor, 1)*31%) 44.3%;
	--bg-gradient-forest-1: hsl(var(--bg-gradient-forest-1-hsl)/1);
	--bg-gradient-forest-1-hsl: 124 calc(var(--saturation-factor, 1)*25.9%) 10.6%;
	--bg-gradient-forest-2: hsl(var(--bg-gradient-forest-2-hsl)/1);
	--bg-gradient-forest-2-hsl: 143 calc(var(--saturation-factor, 1)*26.2%) 23.9%;
	--bg-gradient-forest-3: hsl(var(--bg-gradient-forest-3-hsl)/1);
	--bg-gradient-forest-3-hsl: 76 calc(var(--saturation-factor, 1)*20.6%) 24.7%;
	--bg-gradient-forest-4: hsl(var(--bg-gradient-forest-4-hsl)/1);
	--bg-gradient-forest-4-hsl: 117 calc(var(--saturation-factor, 1)*17%) 41.6%;
	--bg-gradient-forest-5: hsl(var(--bg-gradient-forest-5-hsl)/1);
	--bg-gradient-forest-5-hsl: 43 calc(var(--saturation-factor, 1)*38.5%) 47.8%;
	--bg-gradient-hanami-1: hsl(var(--bg-gradient-hanami-1-hsl)/1);
	--bg-gradient-hanami-1-hsl: 352 calc(var(--saturation-factor, 1)*68.3%) 80.2%;
	--bg-gradient-hanami-2: hsl(var(--bg-gradient-hanami-2-hsl)/1);
	--bg-gradient-hanami-2-hsl: 43 calc(var(--saturation-factor, 1)*73.6%) 76.3%;
	--bg-gradient-hanami-3: hsl(var(--bg-gradient-hanami-3-hsl)/1);
	--bg-gradient-hanami-3-hsl: 116 calc(var(--saturation-factor, 1)*43.1%) 74.5%;
	--bg-gradient-lofi-vibes-1: hsl(var(--bg-gradient-lofi-vibes-1-hsl)/1);
	--bg-gradient-lofi-vibes-1-hsl: 220 calc(var(--saturation-factor, 1)*83.8%) 80.6%;
	--bg-gradient-lofi-vibes-2: hsl(var(--bg-gradient-lofi-vibes-2-hsl)/1);
	--bg-gradient-lofi-vibes-2-hsl: 184 calc(var(--saturation-factor, 1)*57.8%) 78.6%;
	--bg-gradient-lofi-vibes-3: hsl(var(--bg-gradient-lofi-vibes-3-hsl)/1);
	--bg-gradient-lofi-vibes-3-hsl: 130 calc(var(--saturation-factor, 1)*46.3%) 78.8%;
	--bg-gradient-lofi-vibes-4: hsl(var(--bg-gradient-lofi-vibes-4-hsl)/1);
	--bg-gradient-lofi-vibes-4-hsl: 76 calc(var(--saturation-factor, 1)*48.8%) 75.5%;
	--bg-gradient-mars-1: hsl(var(--bg-gradient-mars-1-hsl)/1);
	--bg-gradient-mars-1-hsl: 15 calc(var(--saturation-factor, 1)*36.3%) 39.4%;
	--bg-gradient-mars-2: hsl(var(--bg-gradient-mars-2-hsl)/1);
	--bg-gradient-mars-2-hsl: 0 calc(var(--saturation-factor, 1)*36.2%) 41.2%;
	--bg-gradient-midnight-blurple-1: hsl(var(--bg-gradient-midnight-blurple-1-hsl)/1);
	--bg-gradient-midnight-blurple-1-hsl: 245 calc(var(--saturation-factor, 1)*55.1%) 53.7%;
	--bg-gradient-midnight-blurple-2: hsl(var(--bg-gradient-midnight-blurple-2-hsl)/1);
	--bg-gradient-midnight-blurple-2-hsl: 259 calc(var(--saturation-factor, 1)*74.5%) 10.8%;
	--bg-gradient-mint-apple-1: hsl(var(--bg-gradient-mint-apple-1-hsl)/1);
	--bg-gradient-mint-apple-1-hsl: 166 calc(var(--saturation-factor, 1)*39.7%) 52.5%;
	--bg-gradient-mint-apple-2: hsl(var(--bg-gradient-mint-apple-2-hsl)/1);
	--bg-gradient-mint-apple-2-hsl: 119 calc(var(--saturation-factor, 1)*40.4%) 55.9%;
	--bg-gradient-mint-apple-3: hsl(var(--bg-gradient-mint-apple-3-hsl)/1);
	--bg-gradient-mint-apple-3-hsl: 87 calc(var(--saturation-factor, 1)*48.3%) 59.8%;
	--bg-gradient-neon-nights-1: hsl(var(--bg-gradient-neon-nights-1-hsl)/1);
	--bg-gradient-neon-nights-1-hsl: 176 calc(var(--saturation-factor, 1)*98.8%) 33.1%;
	--bg-gradient-neon-nights-2: hsl(var(--bg-gradient-neon-nights-2-hsl)/1);
	--bg-gradient-neon-nights-2-hsl: 259 calc(var(--saturation-factor, 1)*39.5%) 55.3%;
	--bg-gradient-neon-nights-3: hsl(var(--bg-gradient-neon-nights-3-hsl)/1);
	--bg-gradient-neon-nights-3-hsl: 314 calc(var(--saturation-factor, 1)*52.5%) 46.3%;
	--bg-gradient-retro-raincloud-1: hsl(var(--bg-gradient-retro-raincloud-1-hsl)/1);
	--bg-gradient-retro-raincloud-1-hsl: 202 calc(var(--saturation-factor, 1)*47%) 42.9%;
	--bg-gradient-retro-raincloud-2: hsl(var(--bg-gradient-retro-raincloud-2-hsl)/1);
	--bg-gradient-retro-raincloud-2-hsl: 241 calc(var(--saturation-factor, 1)*29.6%) 61%;
	--bg-gradient-retro-storm-1: hsl(var(--bg-gradient-retro-storm-1-hsl)/1);
	--bg-gradient-retro-storm-1-hsl: 202 calc(var(--saturation-factor, 1)*47%) 42.9%;
	--bg-gradient-retro-storm-2: hsl(var(--bg-gradient-retro-storm-2-hsl)/1);
	--bg-gradient-retro-storm-2-hsl: 241 calc(var(--saturation-factor, 1)*27.8%) 47.3%;
	--bg-gradient-sepia-1: hsl(var(--bg-gradient-sepia-1-hsl)/1);
	--bg-gradient-sepia-1-hsl: 33 calc(var(--saturation-factor, 1)*14.2%) 45.7%;
	--bg-gradient-sepia-2: hsl(var(--bg-gradient-sepia-2-hsl)/1);
	--bg-gradient-sepia-2-hsl: 36 calc(var(--saturation-factor, 1)*46.8%) 24.3%;
	--bg-gradient-strawberry-lemonade-1: hsl(var(--bg-gradient-strawberry-lemonade-1-hsl)/1);
	--bg-gradient-strawberry-lemonade-1-hsl: 327 calc(var(--saturation-factor, 1)*74.1%) 39.4%;
	--bg-gradient-strawberry-lemonade-2: hsl(var(--bg-gradient-strawberry-lemonade-2-hsl)/1);
	--bg-gradient-strawberry-lemonade-2-hsl: 28 calc(var(--saturation-factor, 1)*71.7%) 44.3%;
	--bg-gradient-strawberry-lemonade-3: hsl(var(--bg-gradient-strawberry-lemonade-3-hsl)/1);
	--bg-gradient-strawberry-lemonade-3-hsl: 40 calc(var(--saturation-factor, 1)*80.2%) 52.5%;
	--bg-gradient-sunrise-1: hsl(var(--bg-gradient-sunrise-1-hsl)/1);
	--bg-gradient-sunrise-1-hsl: 327 calc(var(--saturation-factor, 1)*42%) 43.9%;
	--bg-gradient-sunrise-2: hsl(var(--bg-gradient-sunrise-2-hsl)/1);
	--bg-gradient-sunrise-2-hsl: 27 calc(var(--saturation-factor, 1)*44.9%) 58%;
	--bg-gradient-sunrise-3: hsl(var(--bg-gradient-sunrise-3-hsl)/1);
	--bg-gradient-sunrise-3-hsl: 50 calc(var(--saturation-factor, 1)*46.3%) 44.5%;
	--bg-gradient-sunset-1: hsl(var(--bg-gradient-sunset-1-hsl)/1);
	--bg-gradient-sunset-1-hsl: 259 calc(var(--saturation-factor, 1)*55.6%) 35.3%;
	--bg-gradient-sunset-2: hsl(var(--bg-gradient-sunset-2-hsl)/1);
	--bg-gradient-sunset-2-hsl: 22 calc(var(--saturation-factor, 1)*66.7%) 57.6%;
	--bg-gradient-under-the-sea-1: hsl(var(--bg-gradient-under-the-sea-1-hsl)/1);
	--bg-gradient-under-the-sea-1-hsl: 115 calc(var(--saturation-factor, 1)*10.5%) 42.9%;
	--bg-gradient-under-the-sea-2: hsl(var(--bg-gradient-under-the-sea-2-hsl)/1);
	--bg-gradient-under-the-sea-2-hsl: 159 calc(var(--saturation-factor, 1)*20.4%) 43.3%;
	--bg-gradient-under-the-sea-3: hsl(var(--bg-gradient-under-the-sea-3-hsl)/1);
	--bg-gradient-under-the-sea-3-hsl: 175 calc(var(--saturation-factor, 1)*10.9%) 46.7%;
	--black-100: hsl(var(--black-100-hsl)/1);
	--black-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 94.9%;
	--black-130: hsl(var(--black-130-hsl)/1);
	--black-130-hsl: 0 calc(var(--saturation-factor, 1)*0%) 91%;
	--black-160: hsl(var(--black-160-hsl)/1);
	--black-160-hsl: 0 calc(var(--saturation-factor, 1)*0%) 85.5%;
	--black-200: hsl(var(--black-200-hsl)/1);
	--black-200-hsl: 0 calc(var(--saturation-factor, 1)*0%) 80%;
	--black-230: hsl(var(--black-230-hsl)/1);
	--black-230-hsl: 0 calc(var(--saturation-factor, 1)*0%) 74.1%;
	--black-260: hsl(var(--black-260-hsl)/1);
	--black-260-hsl: 0 calc(var(--saturation-factor, 1)*0%) 67.5%;
	--black-300: hsl(var(--black-300-hsl)/1);
	--black-300-hsl: 0 calc(var(--saturation-factor, 1)*0%) 60%;
	--black-330: hsl(var(--black-330-hsl)/1);
	--black-330-hsl: 0 calc(var(--saturation-factor, 1)*0%) 47.8%;
	--black-345: hsl(var(--black-345-hsl)/1);
	--black-345-hsl: 0 calc(var(--saturation-factor, 1)*0%) 40%;
	--black-360: hsl(var(--black-360-hsl)/1);
	--black-360-hsl: 0 calc(var(--saturation-factor, 1)*0%) 36.1%;
	--black-400: hsl(var(--black-400-hsl)/1);
	--black-400-hsl: 0 calc(var(--saturation-factor, 1)*0%) 20%;
	--black-430: hsl(var(--black-430-hsl)/1);
	--black-430-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.5%;
	--black-460: hsl(var(--black-460-hsl)/1);
	--black-460-hsl: 0 calc(var(--saturation-factor, 1)*0%) 7.8%;
	--black-500: hsl(var(--black-500-hsl)/1);
	--black-500-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--black-530: hsl(var(--black-530-hsl)/1);
	--black-530-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--black-560: hsl(var(--black-560-hsl)/1);
	--black-560-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--black-600: hsl(var(--black-600-hsl)/1);
	--black-600-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--black-630: hsl(var(--black-630-hsl)/1);
	--black-630-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--black-660: hsl(var(--black-660-hsl)/1);
	--black-660-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--black-700: hsl(var(--black-700-hsl)/1);
	--black-700-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--black-730: hsl(var(--black-730-hsl)/1);
	--black-730-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--black-760: hsl(var(--black-760-hsl)/1);
	--black-760-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--black-800: hsl(var(--black-800-hsl)/1);
	--black-800-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--black-830: hsl(var(--black-830-hsl)/1);
	--black-830-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--black-860: hsl(var(--black-860-hsl)/1);
	--black-860-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--black-900: hsl(var(--black-900-hsl)/1);
	--black-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--blue-100: hsl(var(--blue-100-hsl)/1);
	--blue-100-hsl: 210 calc(var(--saturation-factor, 1)*80%) 98%;
	--blue-130: hsl(var(--blue-130-hsl)/1);
	--blue-130-hsl: 210 calc(var(--saturation-factor, 1)*87.5%) 96.9%;
	--blue-160: hsl(var(--blue-160-hsl)/1);
	--blue-160-hsl: 209 calc(var(--saturation-factor, 1)*87.1%) 93.9%;
	--blue-200: hsl(var(--blue-200-hsl)/1);
	--blue-200-hsl: 206 calc(var(--saturation-factor, 1)*92.3%) 89.8%;
	--blue-230: hsl(var(--blue-230-hsl)/1);
	--blue-230-hsl: 205 calc(var(--saturation-factor, 1)*92.5%) 84.3%;
	--blue-260: hsl(var(--blue-260-hsl)/1);
	--blue-260-hsl: 204 calc(var(--saturation-factor, 1)*94.5%) 78.4%;
	--blue-300: hsl(var(--blue-300-hsl)/1);
	--blue-300-hsl: 203 calc(var(--saturation-factor, 1)*97.4%) 69.6%;
	--blue-330: hsl(var(--blue-330-hsl)/1);
	--blue-330-hsl: 201 calc(var(--saturation-factor, 1)*100%) 59%;
	--blue-345: hsl(var(--blue-345-hsl)/1);
	--blue-345-hsl: 200 calc(var(--saturation-factor, 1)*100%) 49.4%;
	--blue-360: hsl(var(--blue-360-hsl)/1);
	--blue-360-hsl: 203 calc(var(--saturation-factor, 1)*100%) 47.5%;
	--blue-400: hsl(var(--blue-400-hsl)/1);
	--blue-400-hsl: 207 calc(var(--saturation-factor, 1)*100%) 46.1%;
	--blue-430: hsl(var(--blue-430-hsl)/1);
	--blue-430-hsl: 212 calc(var(--saturation-factor, 1)*100%) 45.3%;
	--blue-460: hsl(var(--blue-460-hsl)/1);
	--blue-460-hsl: 214 calc(var(--saturation-factor, 1)*100%) 41%;
	--blue-500: hsl(var(--blue-500-hsl)/1);
	--blue-500-hsl: 213 calc(var(--saturation-factor, 1)*100%) 35.7%;
	--blue-530: hsl(var(--blue-530-hsl)/1);
	--blue-530-hsl: 212 calc(var(--saturation-factor, 1)*100%) 30.4%;
	--blue-560: hsl(var(--blue-560-hsl)/1);
	--blue-560-hsl: 212 calc(var(--saturation-factor, 1)*100%) 26.7%;
	--blue-600: hsl(var(--blue-600-hsl)/1);
	--blue-600-hsl: 211 calc(var(--saturation-factor, 1)*100%) 23.1%;
	--blue-630: hsl(var(--blue-630-hsl)/1);
	--blue-630-hsl: 211 calc(var(--saturation-factor, 1)*100%) 20.8%;
	--blue-660: hsl(var(--blue-660-hsl)/1);
	--blue-660-hsl: 212 calc(var(--saturation-factor, 1)*100%) 18.6%;
	--blue-700: hsl(var(--blue-700-hsl)/1);
	--blue-700-hsl: 212 calc(var(--saturation-factor, 1)*100%) 16.7%;
	--blue-730: hsl(var(--blue-730-hsl)/1);
	--blue-730-hsl: 211 calc(var(--saturation-factor, 1)*100%) 14.1%;
	--blue-760: hsl(var(--blue-760-hsl)/1);
	--blue-760-hsl: 211 calc(var(--saturation-factor, 1)*100%) 12.4%;
	--blue-800: hsl(var(--blue-800-hsl)/1);
	--blue-800-hsl: 211 calc(var(--saturation-factor, 1)*100%) 10.6%;
	--blue-830: hsl(var(--blue-830-hsl)/1);
	--blue-830-hsl: 213 calc(var(--saturation-factor, 1)*100%) 9.4%;
	--blue-860: hsl(var(--blue-860-hsl)/1);
	--blue-860-hsl: 213 calc(var(--saturation-factor, 1)*100%) 8.4%;
	--blue-900: hsl(var(--blue-900-hsl)/1);
	--blue-900-hsl: 213 calc(var(--saturation-factor, 1)*100%) 7.1%;
	--brand-100: hsl(var(--brand-100-hsl)/1);
	--brand-100-hsl: 240 calc(var(--saturation-factor, 1)*77.8%) 98.2%;
	--brand-130: hsl(var(--brand-130-hsl)/1);
	--brand-130-hsl: 236 calc(var(--saturation-factor, 1)*87.5%) 96.9%;
	--brand-160: hsl(var(--brand-160-hsl)/1);
	--brand-160-hsl: 235 calc(var(--saturation-factor, 1)*84.6%) 94.9%;
	--brand-200: hsl(var(--brand-200-hsl)/1);
	--brand-200-hsl: 236 calc(var(--saturation-factor, 1)*83.3%) 92.9%;
	--brand-230: hsl(var(--brand-230-hsl)/1);
	--brand-230-hsl: 236 calc(var(--saturation-factor, 1)*87%) 91%;
	--brand-260: hsl(var(--brand-260-hsl)/1);
	--brand-260-hsl: 235 calc(var(--saturation-factor, 1)*86.2%) 88.6%;
	--brand-300: hsl(var(--brand-300-hsl)/1);
	--brand-300-hsl: 235 calc(var(--saturation-factor, 1)*86.1%) 85.9%;
	--brand-330: hsl(var(--brand-330-hsl)/1);
	--brand-330-hsl: 235 calc(var(--saturation-factor, 1)*85.1%) 81.6%;
	--brand-345: hsl(var(--brand-345-hsl)/1);
	--brand-345-hsl: 235 calc(var(--saturation-factor, 1)*85.2%) 78.8%;
	--brand-360: hsl(var(--brand-360-hsl)/1);
	--brand-360-hsl: 235 calc(var(--saturation-factor, 1)*86.1%) 77.5%;
	--brand-400: hsl(var(--brand-400-hsl)/1);
	--brand-400-hsl: 235 calc(var(--saturation-factor, 1)*86.1%) 71.8%;
	--brand-430: hsl(var(--brand-430-hsl)/1);
	--brand-430-hsl: 235 calc(var(--saturation-factor, 1)*85.7%) 69.8%;
	--brand-460: hsl(var(--brand-460-hsl)/1);
	--brand-460-hsl: 235 calc(var(--saturation-factor, 1)*85.5%) 67.5%;
	--brand-500: hsl(var(--brand-500-hsl)/1);
	--brand-500-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
	--brand-530: hsl(var(--brand-530-hsl)/1);
	--brand-530-hsl: 235 calc(var(--saturation-factor, 1)*66.7%) 58.8%;
	--brand-560: hsl(var(--brand-560-hsl)/1);
	--brand-560-hsl: 235 calc(var(--saturation-factor, 1)*51.4%) 52.4%;
	--brand-600: hsl(var(--brand-600-hsl)/1);
	--brand-600-hsl: 235 calc(var(--saturation-factor, 1)*46.7%) 44.1%;
	--brand-630: hsl(var(--brand-630-hsl)/1);
	--brand-630-hsl: 235 calc(var(--saturation-factor, 1)*46.7%) 38.2%;
	--brand-660: hsl(var(--brand-660-hsl)/1);
	--brand-660-hsl: 235 calc(var(--saturation-factor, 1)*47.1%) 33.3%;
	--brand-700: hsl(var(--brand-700-hsl)/1);
	--brand-700-hsl: 235 calc(var(--saturation-factor, 1)*47%) 25.9%;
	--brand-730: hsl(var(--brand-730-hsl)/1);
	--brand-730-hsl: 235 calc(var(--saturation-factor, 1)*46.8%) 24.3%;
	--brand-760: hsl(var(--brand-760-hsl)/1);
	--brand-760-hsl: 234 calc(var(--saturation-factor, 1)*46.9%) 22.2%;
	--brand-800: hsl(var(--brand-800-hsl)/1);
	--brand-800-hsl: 235 calc(var(--saturation-factor, 1)*47.5%) 19.4%;
	--brand-830: hsl(var(--brand-830-hsl)/1);
	--brand-830-hsl: 235 calc(var(--saturation-factor, 1)*47.4%) 14.9%;
	--brand-860: hsl(var(--brand-860-hsl)/1);
	--brand-860-hsl: 235 calc(var(--saturation-factor, 1)*46.9%) 9.6%;
	--brand-900: hsl(var(--brand-900-hsl)/1);
	--brand-900-hsl: 233 calc(var(--saturation-factor, 1)*50%) 3.1%;
	--crunchyroll: hsl(var(--crunchyroll-hsl)/1);
	--crunchyroll-hsl: 29 calc(var(--saturation-factor, 1)*93%) 55.5%;
	--discord-8th-bday-blue: hsl(var(--discord-8th-bday-blue-hsl)/1);
	--discord-8th-bday-blue-hsl: 234 calc(var(--saturation-factor, 1)*93.1%) 65.7%;
	--discord-8th-bday-dark-blue: hsl(var(--discord-8th-bday-dark-blue-hsl)/1);
	--discord-8th-bday-dark-blue-hsl: 235 calc(var(--saturation-factor, 1)*73.7%) 53.7%;
	--discord-8th-bday-green: hsl(var(--discord-8th-bday-green-hsl)/1);
	--discord-8th-bday-green-hsl: 79 calc(var(--saturation-factor, 1)*100%) 46.9%;
	--discord-8th-bday-light-blue: hsl(var(--discord-8th-bday-light-blue-hsl)/1);
	--discord-8th-bday-light-blue-hsl: 222 calc(var(--saturation-factor, 1)*100%) 68.4%;
	--discord-8th-bday-pink: hsl(var(--discord-8th-bday-pink-hsl)/1);
	--discord-8th-bday-pink-hsl: 316 calc(var(--saturation-factor, 1)*100%) 66.1%;
	--discord-8th-bday-purple: hsl(var(--discord-8th-bday-purple-hsl)/1);
	--discord-8th-bday-purple-hsl: 234 calc(var(--saturation-factor, 1)*93.1%) 65.7%;
	--discord-8th-bday-yellow: hsl(var(--discord-8th-bday-yellow-hsl)/1);
	--discord-8th-bday-yellow-hsl: 60 calc(var(--saturation-factor, 1)*100%) 50%;
	--dontuse-0: hsl(var(--dontuse-0-hsl)/1);
	--dontuse-0-hsl: 240 calc(var(--saturation-factor, 1)*9.1%) 97.8%;
	--dontuse-1: hsl(var(--dontuse-1-hsl)/1);
	--dontuse-1-hsl: 220 calc(var(--saturation-factor, 1)*13%) 95.5%;
	--dontuse-10: hsl(var(--dontuse-10-hsl)/1);
	--dontuse-10-hsl: 233 calc(var(--saturation-factor, 1)*11.9%) 55.5%;
	--dontuse-11: hsl(var(--dontuse-11-hsl)/1);
	--dontuse-11-hsl: 234 calc(var(--saturation-factor, 1)*11.6%) 47.5%;
	--dontuse-12: hsl(var(--dontuse-12-hsl)/1);
	--dontuse-12-hsl: 236 calc(var(--saturation-factor, 1)*12.9%) 41%;
	--dontuse-13: hsl(var(--dontuse-13-hsl)/1);
	--dontuse-13-hsl: 235 calc(var(--saturation-factor, 1)*13%) 34.7%;
	--dontuse-14: hsl(var(--dontuse-14-hsl)/1);
	--dontuse-14-hsl: 237 calc(var(--saturation-factor, 1)*12.8%) 29.2%;
	--dontuse-15: hsl(var(--dontuse-15-hsl)/1);
	--dontuse-15-hsl: 236 calc(var(--saturation-factor, 1)*13.2%) 25.3%;
	--dontuse-16: hsl(var(--dontuse-16-hsl)/1);
	--dontuse-16-hsl: 236 calc(var(--saturation-factor, 1)*12.5%) 22%;
	--dontuse-17: hsl(var(--dontuse-17-hsl)/1);
	--dontuse-17-hsl: 235 calc(var(--saturation-factor, 1)*13.1%) 19.4%;
	--dontuse-18: hsl(var(--dontuse-18-hsl)/1);
	--dontuse-18-hsl: 235 calc(var(--saturation-factor, 1)*13.6%) 17.3%;
	--dontuse-19: hsl(var(--dontuse-19-hsl)/1);
	--dontuse-19-hsl: 234 calc(var(--saturation-factor, 1)*13.2%) 14.9%;
	--dontuse-2: hsl(var(--dontuse-2-hsl)/1);
	--dontuse-2-hsl: 225 calc(var(--saturation-factor, 1)*11.8%) 93.3%;
	--dontuse-20: hsl(var(--dontuse-20-hsl)/1);
	--dontuse-20-hsl: 234 calc(var(--saturation-factor, 1)*15.2%) 12.9%;
	--dontuse-21: hsl(var(--dontuse-21-hsl)/1);
	--dontuse-21-hsl: 233 calc(var(--saturation-factor, 1)*15.8%) 11.2%;
	--dontuse-22: hsl(var(--dontuse-22-hsl)/1);
	--dontuse-22-hsl: 233 calc(var(--saturation-factor, 1)*16%) 9.8%;
	--dontuse-23: hsl(var(--dontuse-23-hsl)/1);
	--dontuse-23-hsl: 231 calc(var(--saturation-factor, 1)*16.3%) 8.4%;
	--dontuse-24: hsl(var(--dontuse-24-hsl)/1);
	--dontuse-24-hsl: 230 calc(var(--saturation-factor, 1)*16.7%) 7.1%;
	--dontuse-25: hsl(var(--dontuse-25-hsl)/1);
	--dontuse-25-hsl: 240 calc(var(--saturation-factor, 1)*14.3%) 5.5%;
	--dontuse-26: hsl(var(--dontuse-26-hsl)/1);
	--dontuse-26-hsl: 240 calc(var(--saturation-factor, 1)*15.8%) 3.7%;
	--dontuse-3: hsl(var(--dontuse-3-hsl)/1);
	--dontuse-3-hsl: 230 calc(var(--saturation-factor, 1)*12.5%) 90.6%;
	--dontuse-4: hsl(var(--dontuse-4-hsl)/1);
	--dontuse-4-hsl: 225 calc(var(--saturation-factor, 1)*12.9%) 87.8%;
	--dontuse-5: hsl(var(--dontuse-5-hsl)/1);
	--dontuse-5-hsl: 227 calc(var(--saturation-factor, 1)*11.4%) 84.5%;
	--dontuse-6: hsl(var(--dontuse-6-hsl)/1);
	--dontuse-6-hsl: 231 calc(var(--saturation-factor, 1)*12.9%) 80.2%;
	--dontuse-7: hsl(var(--dontuse-7-hsl)/1);
	--dontuse-7-hsl: 229 calc(var(--saturation-factor, 1)*13.2%) 74.7%;
	--dontuse-8: hsl(var(--dontuse-8-hsl)/1);
	--dontuse-8-hsl: 227 calc(var(--saturation-factor, 1)*14.6%) 69.2%;
	--dontuse-9: hsl(var(--dontuse-9-hsl)/1);
	--dontuse-9-hsl: 228 calc(var(--saturation-factor, 1)*13.5%) 62.4%;
	--ebay: hsl(var(--ebay-hsl)/1);
	--ebay-hsl: 211 calc(var(--saturation-factor, 1)*100%) 41.2%;
	--epic-games: hsl(var(--epic-games-hsl)/1);
	--epic-games-hsl: 34 calc(var(--saturation-factor, 1)*6.2%) 22.2%;
	--facebook: hsl(var(--facebook-hsl)/1);
	--facebook-hsl: 221 calc(var(--saturation-factor, 1)*44.2%) 37.3%;
	--github: hsl(var(--github-hsl)/1);
	--github-hsl: 0 calc(var(--saturation-factor, 1)*4.2%) 9.4%;
	--gold: hsl(var(--gold-hsl)/1);
	--gold-hsl: 46 calc(var(--saturation-factor, 1)*100%) 54.9%;
	--green-100: hsl(var(--green-100-hsl)/1);
	--green-100-hsl: 137 calc(var(--saturation-factor, 1)*90%) 96.1%;
	--green-130: hsl(var(--green-130-hsl)/1);
	--green-130-hsl: 137 calc(var(--saturation-factor, 1)*94.1%) 93.3%;
	--green-160: hsl(var(--green-160-hsl)/1);
	--green-160-hsl: 141 calc(var(--saturation-factor, 1)*91.3%) 86.5%;
	--green-200: hsl(var(--green-200-hsl)/1);
	--green-200-hsl: 143 calc(var(--saturation-factor, 1)*93.5%) 75.9%;
	--green-230: hsl(var(--green-230-hsl)/1);
	--green-230-hsl: 146 calc(var(--saturation-factor, 1)*86.6%) 64.9%;
	--green-260: hsl(var(--green-260-hsl)/1);
	--green-260-hsl: 146 calc(var(--saturation-factor, 1)*75.1%) 59%;
	--green-300: hsl(var(--green-300-hsl)/1);
	--green-300-hsl: 146 calc(var(--saturation-factor, 1)*65.4%) 53.5%;
	--green-330: hsl(var(--green-330-hsl)/1);
	--green-330-hsl: 146 calc(var(--saturation-factor, 1)*63.1%) 47.8%;
	--green-345: hsl(var(--green-345-hsl)/1);
	--green-345-hsl: 147 calc(var(--saturation-factor, 1)*65.9%) 43.7%;
	--green-360: hsl(var(--green-360-hsl)/1);
	--green-360-hsl: 145 calc(var(--saturation-factor, 1)*65%) 39.2%;
	--green-400: hsl(var(--green-400-hsl)/1);
	--green-400-hsl: 143 calc(var(--saturation-factor, 1)*60.7%) 35.9%;
	--green-430: hsl(var(--green-430-hsl)/1);
	--green-430-hsl: 142 calc(var(--saturation-factor, 1)*56.1%) 32.2%;
	--green-460: hsl(var(--green-460-hsl)/1);
	--green-460-hsl: 141 calc(var(--saturation-factor, 1)*56.6%) 28%;
	--green-500: hsl(var(--green-500-hsl)/1);
	--green-500-hsl: 141 calc(var(--saturation-factor, 1)*58.4%) 24.5%;
	--green-530: hsl(var(--green-530-hsl)/1);
	--green-530-hsl: 140 calc(var(--saturation-factor, 1)*60.7%) 21%;
	--green-560: hsl(var(--green-560-hsl)/1);
	--green-560-hsl: 139 calc(var(--saturation-factor, 1)*61.7%) 18.4%;
	--green-600: hsl(var(--green-600-hsl)/1);
	--green-600-hsl: 139 calc(var(--saturation-factor, 1)*65.4%) 15.9%;
	--green-630: hsl(var(--green-630-hsl)/1);
	--green-630-hsl: 140 calc(var(--saturation-factor, 1)*66.7%) 14.1%;
	--green-660: hsl(var(--green-660-hsl)/1);
	--green-660-hsl: 139 calc(var(--saturation-factor, 1)*68.8%) 12.5%;
	--green-700: hsl(var(--green-700-hsl)/1);
	--green-700-hsl: 141 calc(var(--saturation-factor, 1)*74.1%) 10.6%;
	--green-730: hsl(var(--green-730-hsl)/1);
	--green-730-hsl: 138 calc(var(--saturation-factor, 1)*78.3%) 9%;
	--green-760: hsl(var(--green-760-hsl)/1);
	--green-760-hsl: 140 calc(var(--saturation-factor, 1)*84.6%) 7.6%;
	--green-800: hsl(var(--green-800-hsl)/1);
	--green-800-hsl: 139 calc(var(--saturation-factor, 1)*82.4%) 6.7%;
	--green-830: hsl(var(--green-830-hsl)/1);
	--green-830-hsl: 138 calc(var(--saturation-factor, 1)*80%) 5.9%;
	--green-860: hsl(var(--green-860-hsl)/1);
	--green-860-hsl: 133 calc(var(--saturation-factor, 1)*70.4%) 5.3%;
	--green-900: hsl(var(--green-900-hsl)/1);
	--green-900-hsl: 129 calc(var(--saturation-factor, 1)*58.3%) 4.7%;
	--guild-boosting-blue: hsl(var(--guild-boosting-blue-hsl)/1);
	--guild-boosting-blue-hsl: 221 calc(var(--saturation-factor, 1)*70%) 55.5%;
	--guild-boosting-blue-for-gradients: hsl(var(--guild-boosting-blue-for-gradients-hsl)/1);
	--guild-boosting-blue-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*68.5%) 52.7%;
	--guild-boosting-pink: hsl(var(--guild-boosting-pink-hsl)/1);
	--guild-boosting-pink-hsl: 302 calc(var(--saturation-factor, 1)*100%) 72.5%;
	--guild-boosting-purple: hsl(var(--guild-boosting-purple-hsl)/1);
	--guild-boosting-purple-hsl: 269 calc(var(--saturation-factor, 1)*83.8%) 71%;
	--guild-boosting-purple-for-gradients: hsl(var(--guild-boosting-purple-for-gradients-hsl)/1);
	--guild-boosting-purple-for-gradients-hsl: 269 calc(var(--saturation-factor, 1)*91.8%) 61.8%;
	--hypesquad-house-1: hsl(var(--hypesquad-house-1-hsl)/1);
	--hypesquad-house-1-hsl: 253 calc(var(--saturation-factor, 1)*77%) 72.7%;
	--hypesquad-house-2: hsl(var(--hypesquad-house-2-hsl)/1);
	--hypesquad-house-2-hsl: 9 calc(var(--saturation-factor, 1)*86.5%) 68%;
	--hypesquad-house-3: hsl(var(--hypesquad-house-3-hsl)/1);
	--hypesquad-house-3-hsl: 169 calc(var(--saturation-factor, 1)*69.1%) 56.9%;
	--input-placeholder-text-dark: hsl(var(--input-placeholder-text-dark-hsl)/1);
	--input-placeholder-text-dark-hsl: 216 calc(var(--saturation-factor, 1)*2.1%) 53.9%;
	--lol: hsl(var(--lol-hsl)/1);
	--lol-hsl: 190 calc(var(--saturation-factor, 1)*89.7%) 7.6%;
	--orange-100: hsl(var(--orange-100-hsl)/1);
	--orange-100-hsl: 18 calc(var(--saturation-factor, 1)*100%) 98%;
	--orange-130: hsl(var(--orange-130-hsl)/1);
	--orange-130-hsl: 23 calc(var(--saturation-factor, 1)*100%) 96.5%;
	--orange-160: hsl(var(--orange-160-hsl)/1);
	--orange-160-hsl: 21 calc(var(--saturation-factor, 1)*93.9%) 93.5%;
	--orange-200: hsl(var(--orange-200-hsl)/1);
	--orange-200-hsl: 21 calc(var(--saturation-factor, 1)*92.3%) 89.8%;
	--orange-230: hsl(var(--orange-230-hsl)/1);
	--orange-230-hsl: 24 calc(var(--saturation-factor, 1)*92.5%) 84.3%;
	--orange-260: hsl(var(--orange-260-hsl)/1);
	--orange-260-hsl: 23 calc(var(--saturation-factor, 1)*94.5%) 78.6%;
	--orange-300: hsl(var(--orange-300-hsl)/1);
	--orange-300-hsl: 25 calc(var(--saturation-factor, 1)*94.6%) 71.2%;
	--orange-330: hsl(var(--orange-330-hsl)/1);
	--orange-330-hsl: 27 calc(var(--saturation-factor, 1)*94.7%) 62.7%;
	--orange-345: hsl(var(--orange-345-hsl)/1);
	--orange-345-hsl: 28 calc(var(--saturation-factor, 1)*87.7%) 55.5%;
	--orange-360: hsl(var(--orange-360-hsl)/1);
	--orange-360-hsl: 26 calc(var(--saturation-factor, 1)*71.3%) 50.8%;
	--orange-400: hsl(var(--orange-400-hsl)/1);
	--orange-400-hsl: 25 calc(var(--saturation-factor, 1)*67.5%) 45.9%;
	--orange-430: hsl(var(--orange-430-hsl)/1);
	--orange-430-hsl: 25 calc(var(--saturation-factor, 1)*69.5%) 39.8%;
	--orange-460: hsl(var(--orange-460-hsl)/1);
	--orange-460-hsl: 24 calc(var(--saturation-factor, 1)*72.2%) 35.3%;
	--orange-500: hsl(var(--orange-500-hsl)/1);
	--orange-500-hsl: 22 calc(var(--saturation-factor, 1)*76.1%) 31.2%;
	--orange-530: hsl(var(--orange-530-hsl)/1);
	--orange-530-hsl: 22 calc(var(--saturation-factor, 1)*77%) 27.3%;
	--orange-560: hsl(var(--orange-560-hsl)/1);
	--orange-560-hsl: 21 calc(var(--saturation-factor, 1)*77.2%) 24.1%;
	--orange-600: hsl(var(--orange-600-hsl)/1);
	--orange-600-hsl: 23 calc(var(--saturation-factor, 1)*79.2%) 20.8%;
	--orange-630: hsl(var(--orange-630-hsl)/1);
	--orange-630-hsl: 22 calc(var(--saturation-factor, 1)*79.2%) 18.8%;
	--orange-660: hsl(var(--orange-660-hsl)/1);
	--orange-660-hsl: 22 calc(var(--saturation-factor, 1)*78.8%) 16.7%;
	--orange-700: hsl(var(--orange-700-hsl)/1);
	--orange-700-hsl: 22 calc(var(--saturation-factor, 1)*76.3%) 14.9%;
	--orange-730: hsl(var(--orange-730-hsl)/1);
	--orange-730-hsl: 22 calc(var(--saturation-factor, 1)*78.8%) 12.9%;
	--orange-760: hsl(var(--orange-760-hsl)/1);
	--orange-760-hsl: 21 calc(var(--saturation-factor, 1)*78.9%) 11.2%;
	--orange-800: hsl(var(--orange-800-hsl)/1);
	--orange-800-hsl: 21 calc(var(--saturation-factor, 1)*80%) 9.8%;
	--orange-830: hsl(var(--orange-830-hsl)/1);
	--orange-830-hsl: 20 calc(var(--saturation-factor, 1)*76.7%) 8.4%;
	--orange-860: hsl(var(--orange-860-hsl)/1);
	--orange-860-hsl: 20 calc(var(--saturation-factor, 1)*73%) 7.3%;
	--orange-900: hsl(var(--orange-900-hsl)/1);
	--orange-900-hsl: 26 calc(var(--saturation-factor, 1)*72.4%) 5.7%;
	--partner: hsl(var(--partner-hsl)/1);
	--partner-hsl: 215 calc(var(--saturation-factor, 1)*82.8%) 59%;
	--paypal: hsl(var(--paypal-hsl)/1);
	--paypal-hsl: 230 calc(var(--saturation-factor, 1)*69.8%) 24.7%;
	--playstation: hsl(var(--playstation-hsl)/1);
	--playstation-hsl: 220 calc(var(--saturation-factor, 1)*95.7%) 27.1%;
	--premium-perk-blue: hsl(var(--premium-perk-blue-hsl)/1);
	--premium-perk-blue-hsl: 222 calc(var(--saturation-factor, 1)*100%) 75.1%;
	--premium-perk-blue-alt: hsl(var(--premium-perk-blue-alt-hsl)/1);
	--premium-perk-blue-alt-hsl: 223 calc(var(--saturation-factor, 1)*100%) 80.6%;
	--premium-perk-dark-blue: hsl(var(--premium-perk-dark-blue-hsl)/1);
	--premium-perk-dark-blue-hsl: 220 calc(var(--saturation-factor, 1)*67.4%) 55.5%;
	--premium-perk-gold: hsl(var(--premium-perk-gold-hsl)/1);
	--premium-perk-gold-hsl: 38 calc(var(--saturation-factor, 1)*95.7%) 54.1%;
	--premium-perk-green: hsl(var(--premium-perk-green-hsl)/1);
	--premium-perk-green-hsl: 164 calc(var(--saturation-factor, 1)*55.1%) 69.4%;
	--premium-perk-light-blue: hsl(var(--premium-perk-light-blue-hsl)/1);
	--premium-perk-light-blue-hsl: 221 calc(var(--saturation-factor, 1)*100%) 84.1%;
	--premium-perk-orange: hsl(var(--premium-perk-orange-hsl)/1);
	--premium-perk-orange-hsl: 25 calc(var(--saturation-factor, 1)*96.7%) 64.1%;
	--premium-perk-pink: hsl(var(--premium-perk-pink-hsl)/1);
	--premium-perk-pink-hsl: 305 calc(var(--saturation-factor, 1)*100%) 75.1%;
	--premium-perk-purple: hsl(var(--premium-perk-purple-hsl)/1);
	--premium-perk-purple-hsl: 272 calc(var(--saturation-factor, 1)*100%) 80.2%;
	--premium-perk-yellow: hsl(var(--premium-perk-yellow-hsl)/1);
	--premium-perk-yellow-hsl: 47 calc(var(--saturation-factor, 1)*98.9%) 63.9%;
	--premium-tier-0-blue: hsl(var(--premium-tier-0-blue-hsl)/1);
	--premium-tier-0-blue-hsl: 202 calc(var(--saturation-factor, 1)*100%) 38%;
	--premium-tier-0-blue-for-gradients: hsl(var(--premium-tier-0-blue-for-gradients-hsl)/1);
	--premium-tier-0-blue-for-gradients-hsl: 202 calc(var(--saturation-factor, 1)*100%) 38%;
	--premium-tier-0-blue-for-gradients-2: hsl(var(--premium-tier-0-blue-for-gradients-2-hsl)/1);
	--premium-tier-0-blue-for-gradients-2-hsl: 209 calc(var(--saturation-factor, 1)*80%) 45.1%;
	--premium-tier-0-header-gradient-1: hsl(var(--premium-tier-0-header-gradient-1-hsl)/1);
	--premium-tier-0-header-gradient-1-hsl: 240 calc(var(--saturation-factor, 1)*55.2%) 47.3%;
	--premium-tier-0-header-gradient-2: hsl(var(--premium-tier-0-header-gradient-2-hsl)/1);
	--premium-tier-0-header-gradient-2-hsl: 224 calc(var(--saturation-factor, 1)*77.9%) 59.2%;
	--premium-tier-0-header-gradient-3: hsl(var(--premium-tier-0-header-gradient-3-hsl)/1);
	--premium-tier-0-header-gradient-3-hsl: 246 calc(var(--saturation-factor, 1)*74.4%) 69.4%;
	--premium-tier-0-header-gradient-4: hsl(var(--premium-tier-0-header-gradient-4-hsl)/1);
	--premium-tier-0-header-gradient-4-hsl: 295 calc(var(--saturation-factor, 1)*79.9%) 72.7%;
	--premium-tier-0-header-gradient-5: hsl(var(--premium-tier-0-header-gradient-5-hsl)/1);
	--premium-tier-0-header-gradient-5-hsl: 336 calc(var(--saturation-factor, 1)*55.2%) 72%;
	--premium-tier-0-purple: hsl(var(--premium-tier-0-purple-hsl)/1);
	--premium-tier-0-purple-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
	--premium-tier-0-purple-for-gradients: hsl(var(--premium-tier-0-purple-for-gradients-hsl)/1);
	--premium-tier-0-purple-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
	--premium-tier-1-blue: hsl(var(--premium-tier-1-blue-hsl)/1);
	--premium-tier-1-blue-hsl: 228 calc(var(--saturation-factor, 1)*86.7%) 70.6%;
	--premium-tier-1-blue-for-gradients: hsl(var(--premium-tier-1-blue-for-gradients-hsl)/1);
	--premium-tier-1-blue-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
	--premium-tier-1-dark-blue-for-gradients: hsl(var(--premium-tier-1-dark-blue-for-gradients-hsl)/1);
	--premium-tier-1-dark-blue-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*68.5%) 52.7%;
	--premium-tier-1-purple: hsl(var(--premium-tier-1-purple-hsl)/1);
	--premium-tier-1-purple-hsl: 244 calc(var(--saturation-factor, 1)*100%) 84.1%;
	--premium-tier-2-pink: hsl(var(--premium-tier-2-pink-hsl)/1);
	--premium-tier-2-pink-hsl: 342 calc(var(--saturation-factor, 1)*58%) 72.9%;
	--premium-tier-2-pink-for-gradients: hsl(var(--premium-tier-2-pink-for-gradients-hsl)/1);
	--premium-tier-2-pink-for-gradients-hsl: 325 calc(var(--saturation-factor, 1)*31.7%) 51.8%;
	--premium-tier-2-pink-for-gradients-2: hsl(var(--premium-tier-2-pink-for-gradients-2-hsl)/1);
	--premium-tier-2-pink-for-gradients-2-hsl: 295 calc(var(--saturation-factor, 1)*51.4%) 50%;
	--premium-tier-2-purple: hsl(var(--premium-tier-2-purple-hsl)/1);
	--premium-tier-2-purple-hsl: 270 calc(var(--saturation-factor, 1)*86.7%) 70.6%;
	--premium-tier-2-purple-for-gradients: hsl(var(--premium-tier-2-purple-for-gradients-hsl)/1);
	--premium-tier-2-purple-for-gradients-hsl: 269 calc(var(--saturation-factor, 1)*52.7%) 52.7%;
	--premium-tier-2-purple-for-gradients-2: hsl(var(--premium-tier-2-purple-for-gradients-2-hsl)/1);
	--premium-tier-2-purple-for-gradients-2-hsl: 296 calc(var(--saturation-factor, 1)*50%) 51.4%;
	--primary-100: hsl(var(--primary-100-hsl)/1);
	--primary-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 97.6%;
	--primary-130: hsl(var(--primary-130-hsl)/1);
	--primary-130-hsl: 220 calc(var(--saturation-factor, 1)*13%) 95.5%;
	--primary-160: hsl(var(--primary-160-hsl)/1);
	--primary-160-hsl: 210 calc(var(--saturation-factor, 1)*11.1%) 92.9%;
	--primary-200: hsl(var(--primary-200-hsl)/1);
	--primary-200-hsl: 216 calc(var(--saturation-factor, 1)*9.8%) 90%;
	--primary-230: hsl(var(--primary-230-hsl)/1);
	--primary-230-hsl: 210 calc(var(--saturation-factor, 1)*9.1%) 87.1%;
	--primary-260: hsl(var(--primary-260-hsl)/1);
	--primary-260-hsl: 214 calc(var(--saturation-factor, 1)*8.4%) 83.7%;
	--primary-300: hsl(var(--primary-300-hsl)/1);
	--primary-300-hsl: 210 calc(var(--saturation-factor, 1)*9.3%) 78.8%;
	--primary-330: hsl(var(--primary-330-hsl)/1);
	--primary-330-hsl: 215 calc(var(--saturation-factor, 1)*8.8%) 73.3%;
	--primary-345: hsl(var(--primary-345-hsl)/1);
	--primary-345-hsl: 214 calc(var(--saturation-factor, 1)*8.4%) 67.5%;
	--primary-360: hsl(var(--primary-360-hsl)/1);
	--primary-360-hsl: 214 calc(var(--saturation-factor, 1)*8.1%) 61.2%;
	--primary-400: hsl(var(--primary-400-hsl)/1);
	--primary-400-hsl: 223 calc(var(--saturation-factor, 1)*5.8%) 52.9%;
	--primary-430: hsl(var(--primary-430-hsl)/1);
	--primary-430-hsl: 229 calc(var(--saturation-factor, 1)*4.8%) 44.9%;
	--primary-460: hsl(var(--primary-460-hsl)/1);
	--primary-460-hsl: 228 calc(var(--saturation-factor, 1)*5.2%) 38%;
	--primary-500: hsl(var(--primary-500-hsl)/1);
	--primary-500-hsl: 228 calc(var(--saturation-factor, 1)*6%) 32.5%;
	--primary-530: hsl(var(--primary-530-hsl)/1);
	--primary-530-hsl: 227 calc(var(--saturation-factor, 1)*6.5%) 27.3%;
	--primary-560: hsl(var(--primary-560-hsl)/1);
	--primary-560-hsl: 225 calc(var(--saturation-factor, 1)*6.7%) 23.5%;
	--primary-600: hsl(var(--primary-600-hsl)/1);
	--primary-600-hsl: 223 calc(var(--saturation-factor, 1)*6.7%) 20.6%;
	--primary-630: hsl(var(--primary-630-hsl)/1);
	--primary-630-hsl: 220 calc(var(--saturation-factor, 1)*6.5%) 18%;
	--primary-645: hsl(var(--primary-645-hsl)/1);
	--primary-645-hsl: 220 calc(var(--saturation-factor, 1)*7%) 16.9%;
	--primary-660: hsl(var(--primary-660-hsl)/1);
	--primary-660-hsl: 228 calc(var(--saturation-factor, 1)*6.7%) 14.7%;
	--primary-700: hsl(var(--primary-700-hsl)/1);
	--primary-700-hsl: 225 calc(var(--saturation-factor, 1)*6.3%) 12.5%;
	--primary-730: hsl(var(--primary-730-hsl)/1);
	--primary-730-hsl: 225 calc(var(--saturation-factor, 1)*7.1%) 11%;
	--primary-760: hsl(var(--primary-760-hsl)/1);
	--primary-760-hsl: 220 calc(var(--saturation-factor, 1)*6.4%) 9.2%;
	--primary-800: hsl(var(--primary-800-hsl)/1);
	--primary-800-hsl: 220 calc(var(--saturation-factor, 1)*8.1%) 7.3%;
	--primary-830: hsl(var(--primary-830-hsl)/1);
	--primary-830-hsl: 240 calc(var(--saturation-factor, 1)*4%) 4.9%;
	--primary-860: hsl(var(--primary-860-hsl)/1);
	--primary-860-hsl: 240 calc(var(--saturation-factor, 1)*7.7%) 2.5%;
	--primary-900: hsl(var(--primary-900-hsl)/1);
	--primary-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0.8%;
	--red-100: hsl(var(--red-100-hsl)/1);
	--red-100-hsl: 350 calc(var(--saturation-factor, 1)*75%) 98.4%;
	--red-130: hsl(var(--red-130-hsl)/1);
	--red-130-hsl: 0 calc(var(--saturation-factor, 1)*83.3%) 97.6%;
	--red-160: hsl(var(--red-160-hsl)/1);
	--red-160-hsl: 0 calc(var(--saturation-factor, 1)*90.9%) 95.7%;
	--red-200: hsl(var(--red-200-hsl)/1);
	--red-200-hsl: 358 calc(var(--saturation-factor, 1)*88.9%) 92.9%;
	--red-230: hsl(var(--red-230-hsl)/1);
	--red-230-hsl: 359 calc(var(--saturation-factor, 1)*85.2%) 89.4%;
	--red-260: hsl(var(--red-260-hsl)/1);
	--red-260-hsl: 359 calc(var(--saturation-factor, 1)*89%) 85.7%;
	--red-300: hsl(var(--red-300-hsl)/1);
	--red-300-hsl: 359 calc(var(--saturation-factor, 1)*91.4%) 81.8%;
	--red-330: hsl(var(--red-330-hsl)/1);
	--red-330-hsl: 359 calc(var(--saturation-factor, 1)*91.3%) 77.5%;
	--red-345: hsl(var(--red-345-hsl)/1);
	--red-345-hsl: 358 calc(var(--saturation-factor, 1)*92.9%) 72.4%;
	--red-360: hsl(var(--red-360-hsl)/1);
	--red-360-hsl: 358 calc(var(--saturation-factor, 1)*91.8%) 66.5%;
	--red-400: hsl(var(--red-400-hsl)/1);
	--red-400-hsl: 359 calc(var(--saturation-factor, 1)*87.3%) 59.8%;
	--red-430: hsl(var(--red-430-hsl)/1);
	--red-430-hsl: 358 calc(var(--saturation-factor, 1)*68.8%) 53.5%;
	--red-460: hsl(var(--red-460-hsl)/1);
	--red-460-hsl: 359 calc(var(--saturation-factor, 1)*59.1%) 46.1%;
	--red-500: hsl(var(--red-500-hsl)/1);
	--red-500-hsl: 360 calc(var(--saturation-factor, 1)*60.2%) 39.4%;
	--red-530: hsl(var(--red-530-hsl)/1);
	--red-530-hsl: 359 calc(var(--saturation-factor, 1)*63.4%) 34.3%;
	--red-560: hsl(var(--red-560-hsl)/1);
	--red-560-hsl: 359 calc(var(--saturation-factor, 1)*63.9%) 30.4%;
	--red-600: hsl(var(--red-600-hsl)/1);
	--red-600-hsl: 359 calc(var(--saturation-factor, 1)*64.7%) 26.7%;
	--red-630: hsl(var(--red-630-hsl)/1);
	--red-630-hsl: 359 calc(var(--saturation-factor, 1)*65.6%) 23.9%;
	--red-660: hsl(var(--red-660-hsl)/1);
	--red-660-hsl: 359 calc(var(--saturation-factor, 1)*65.1%) 21.4%;
	--red-700: hsl(var(--red-700-hsl)/1);
	--red-700-hsl: 358 calc(var(--saturation-factor, 1)*66.7%) 18.8%;
	--red-730: hsl(var(--red-730-hsl)/1);
	--red-730-hsl: 359 calc(var(--saturation-factor, 1)*66.7%) 16.5%;
	--red-760: hsl(var(--red-760-hsl)/1);
	--red-760-hsl: 359 calc(var(--saturation-factor, 1)*70.3%) 14.5%;
	--red-800: hsl(var(--red-800-hsl)/1);
	--red-800-hsl: 359 calc(var(--saturation-factor, 1)*68.8%) 12.5%;
	--red-830: hsl(var(--red-830-hsl)/1);
	--red-830-hsl: 358 calc(var(--saturation-factor, 1)*67.3%) 10.8%;
	--red-860: hsl(var(--red-860-hsl)/1);
	--red-860-hsl: 0 calc(var(--saturation-factor, 1)*66.7%) 9.4%;
	--red-900: hsl(var(--red-900-hsl)/1);
	--red-900-hsl: 0 calc(var(--saturation-factor, 1)*70%) 7.8%;
	--reddit: hsl(var(--reddit-hsl)/1);
	--reddit-hsl: 16 calc(var(--saturation-factor, 1)*100%) 50%;
	--riot-games: hsl(var(--riot-games-hsl)/1);
	--riot-games-hsl: 349 calc(var(--saturation-factor, 1)*100%) 45.9%;
	--role-blue: hsl(var(--role-blue-hsl)/1);
	--role-blue-hsl: 204 calc(var(--saturation-factor, 1)*64.4%) 35.3%;
	--role-brown: hsl(var(--role-brown-hsl)/1);
	--role-brown-hsl: 24 calc(var(--saturation-factor, 1)*100%) 32.9%;
	--role-burgundy: hsl(var(--role-burgundy-hsl)/1);
	--role-burgundy-hsl: 334 calc(var(--saturation-factor, 1)*79.3%) 37.8%;
	--role-dark-blue: hsl(var(--role-dark-blue-hsl)/1);
	--role-dark-blue-hsl: 199 calc(var(--saturation-factor, 1)*18.4%) 40.4%;
	--role-dark-grey: hsl(var(--role-dark-grey-hsl)/1);
	--role-dark-grey-hsl: 200 calc(var(--saturation-factor, 1)*18.3%) 46.1%;
	--role-dark-purple: hsl(var(--role-dark-purple-hsl)/1);
	--role-dark-purple-hsl: 282 calc(var(--saturation-factor, 1)*43.7%) 37.6%;
	--role-dark-teal: hsl(var(--role-dark-teal-hsl)/1);
	--role-dark-teal-hsl: 168 calc(var(--saturation-factor, 1)*76.6%) 28.4%;
	--role-default: hsl(var(--role-default-hsl)/1);
	--role-default-hsl: 204 calc(var(--saturation-factor, 1)*15.9%) 65.5%;
	--role-green: hsl(var(--role-green-hsl)/1);
	--role-green-hsl: 145 calc(var(--saturation-factor, 1)*63.5%) 33.3%;
	--role-grey: hsl(var(--role-grey-hsl)/1);
	--role-grey-hsl: 202 calc(var(--saturation-factor, 1)*4%) 60.8%;
	--role-light-blue: hsl(var(--role-light-blue-hsl)/1);
	--role-light-blue-hsl: 204 calc(var(--saturation-factor, 1)*15.9%) 65.5%;
	--role-light-green: hsl(var(--role-light-green-hsl)/1);
	--role-light-green-hsl: 145 calc(var(--saturation-factor, 1)*63.2%) 49%;
	--role-light-grey: hsl(var(--role-light-grey-hsl)/1);
	--role-light-grey-hsl: 184 calc(var(--saturation-factor, 1)*8.7%) 61.8%;
	--role-magenta: hsl(var(--role-magenta-hsl)/1);
	--role-magenta-hsl: 340 calc(var(--saturation-factor, 1)*82.2%) 51.6%;
	--role-orange: hsl(var(--role-orange-hsl)/1);
	--role-orange-hsl: 28 calc(var(--saturation-factor, 1)*79.7%) 51.8%;
	--role-purple: hsl(var(--role-purple-hsl)/1);
	--role-purple-hsl: 283 calc(var(--saturation-factor, 1)*38.9%) 53.1%;
	--role-salmon: hsl(var(--role-salmon-hsl)/1);
	--role-salmon-hsl: 6 calc(var(--saturation-factor, 1)*78.1%) 57.1%;
	--role-sky-blue: hsl(var(--role-sky-blue-hsl)/1);
	--role-sky-blue-hsl: 204 calc(var(--saturation-factor, 1)*69.9%) 53.1%;
	--role-tan: hsl(var(--role-tan-hsl)/1);
	--role-tan-hsl: 37 calc(var(--saturation-factor, 1)*86.5%) 40.8%;
	--role-teal: hsl(var(--role-teal-hsl)/1);
	--role-teal-hsl: 168 calc(var(--saturation-factor, 1)*75.7%) 42%;
	--role-terracotta: hsl(var(--role-terracotta-hsl)/1);
	--role-terracotta-hsl: 6 calc(var(--saturation-factor, 1)*63.6%) 36.7%;
	--role-yellow: hsl(var(--role-yellow-hsl)/1);
	--role-yellow-hsl: 48 calc(var(--saturation-factor, 1)*89%) 50.2%;
	--samsung: hsl(var(--samsung-hsl)/1);
	--samsung-hsl: 231 calc(var(--saturation-factor, 1)*77.8%) 35.3%;
	--skype: hsl(var(--skype-hsl)/1);
	--skype-hsl: 196 calc(var(--saturation-factor, 1)*100%) 42.2%;
	--spotify: hsl(var(--spotify-hsl)/1);
	--spotify-hsl: 141 calc(var(--saturation-factor, 1)*72.9%) 42%;
	--steam: hsl(var(--steam-hsl)/1);
	--steam-hsl: 215 calc(var(--saturation-factor, 1)*35.1%) 14.5%;
	--teal-100: hsl(var(--teal-100-hsl)/1);
	--teal-100-hsl: 193 calc(var(--saturation-factor, 1)*69.2%) 97.5%;
	--teal-130: hsl(var(--teal-130-hsl)/1);
	--teal-130-hsl: 192 calc(var(--saturation-factor, 1)*83.3%) 95.3%;
	--teal-160: hsl(var(--teal-160-hsl)/1);
	--teal-160-hsl: 190 calc(var(--saturation-factor, 1)*83.3%) 90.6%;
	--teal-200: hsl(var(--teal-200-hsl)/1);
	--teal-200-hsl: 188 calc(var(--saturation-factor, 1)*85.7%) 83.5%;
	--teal-230: hsl(var(--teal-230-hsl)/1);
	--teal-230-hsl: 188 calc(var(--saturation-factor, 1)*88.3%) 73.1%;
	--teal-260: hsl(var(--teal-260-hsl)/1);
	--teal-260-hsl: 188 calc(var(--saturation-factor, 1)*81.9%) 65.3%;
	--teal-300: hsl(var(--teal-300-hsl)/1);
	--teal-300-hsl: 189 calc(var(--saturation-factor, 1)*72.8%) 58.2%;
	--teal-330: hsl(var(--teal-330-hsl)/1);
	--teal-330-hsl: 189 calc(var(--saturation-factor, 1)*65.6%) 52.2%;
	--teal-345: hsl(var(--teal-345-hsl)/1);
	--teal-345-hsl: 190 calc(var(--saturation-factor, 1)*62.8%) 48.4%;
	--teal-360: hsl(var(--teal-360-hsl)/1);
	--teal-360-hsl: 190 calc(var(--saturation-factor, 1)*64%) 43.5%;
	--teal-400: hsl(var(--teal-400-hsl)/1);
	--teal-400-hsl: 190 calc(var(--saturation-factor, 1)*63.5%) 38.6%;
	--teal-430: hsl(var(--teal-430-hsl)/1);
	--teal-430-hsl: 190 calc(var(--saturation-factor, 1)*63%) 33.9%;
	--teal-460: hsl(var(--teal-460-hsl)/1);
	--teal-460-hsl: 191 calc(var(--saturation-factor, 1)*64.2%) 29.6%;
	--teal-500: hsl(var(--teal-500-hsl)/1);
	--teal-500-hsl: 190 calc(var(--saturation-factor, 1)*65.2%) 25.9%;
	--teal-530: hsl(var(--teal-530-hsl)/1);
	--teal-530-hsl: 190 calc(var(--saturation-factor, 1)*66.7%) 22.4%;
	--teal-560: hsl(var(--teal-560-hsl)/1);
	--teal-560-hsl: 190 calc(var(--saturation-factor, 1)*69.7%) 19.4%;
	--teal-600: hsl(var(--teal-600-hsl)/1);
	--teal-600-hsl: 189 calc(var(--saturation-factor, 1)*71.8%) 16.7%;
	--teal-630: hsl(var(--teal-630-hsl)/1);
	--teal-630-hsl: 190 calc(var(--saturation-factor, 1)*73.7%) 14.9%;
	--teal-660: hsl(var(--teal-660-hsl)/1);
	--teal-660-hsl: 188 calc(var(--saturation-factor, 1)*75.8%) 12.9%;
	--teal-700: hsl(var(--teal-700-hsl)/1);
	--teal-700-hsl: 189 calc(var(--saturation-factor, 1)*79.3%) 11.4%;
	--teal-730: hsl(var(--teal-730-hsl)/1);
	--teal-730-hsl: 189 calc(var(--saturation-factor, 1)*80%) 9.8%;
	--teal-760: hsl(var(--teal-760-hsl)/1);
	--teal-760-hsl: 189 calc(var(--saturation-factor, 1)*81.4%) 8.4%;
	--teal-800: hsl(var(--teal-800-hsl)/1);
	--teal-800-hsl: 188 calc(var(--saturation-factor, 1)*83.3%) 7.1%;
	--teal-830: hsl(var(--teal-830-hsl)/1);
	--teal-830-hsl: 189 calc(var(--saturation-factor, 1)*87.1%) 6.1%;
	--teal-860: hsl(var(--teal-860-hsl)/1);
	--teal-860-hsl: 188 calc(var(--saturation-factor, 1)*85.2%) 5.3%;
	--teal-900: hsl(var(--teal-900-hsl)/1);
	--teal-900-hsl: 189 calc(var(--saturation-factor, 1)*90.9%) 4.3%;
	--transparent: hsl(var(--transparent-hsl)/0);
	--transparent-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
	--twitch: hsl(var(--twitch-hsl)/1);
	--twitch-hsl: 262 calc(var(--saturation-factor, 1)*46.8%) 39.8%;
	--twitter: hsl(var(--twitter-hsl)/1);
	--twitter-hsl: 203 calc(var(--saturation-factor, 1)*89.1%) 53.1%;
	--white-100: hsl(var(--white-100-hsl)/1);
	--white-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-130: hsl(var(--white-130-hsl)/1);
	--white-130-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-160: hsl(var(--white-160-hsl)/1);
	--white-160-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-200: hsl(var(--white-200-hsl)/1);
	--white-200-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-230: hsl(var(--white-230-hsl)/1);
	--white-230-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-260: hsl(var(--white-260-hsl)/1);
	--white-260-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-300: hsl(var(--white-300-hsl)/1);
	--white-300-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-330: hsl(var(--white-330-hsl)/1);
	--white-330-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-345: hsl(var(--white-345-hsl)/1);
	--white-345-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-360: hsl(var(--white-360-hsl)/1);
	--white-360-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-400: hsl(var(--white-400-hsl)/1);
	--white-400-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-430: hsl(var(--white-430-hsl)/1);
	--white-430-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-460: hsl(var(--white-460-hsl)/1);
	--white-460-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-500: hsl(var(--white-500-hsl)/1);
	--white-500-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
	--white-530: hsl(var(--white-530-hsl)/1);
	--white-530-hsl: 0 calc(var(--saturation-factor, 1)*0%) 91%;
	--white-560: hsl(var(--white-560-hsl)/1);
	--white-560-hsl: 0 calc(var(--saturation-factor, 1)*0%) 81.2%;
	--white-600: hsl(var(--white-600-hsl)/1);
	--white-600-hsl: 0 calc(var(--saturation-factor, 1)*0%) 67.8%;
	--white-630: hsl(var(--white-630-hsl)/1);
	--white-630-hsl: 0 calc(var(--saturation-factor, 1)*0%) 58.8%;
	--white-660: hsl(var(--white-660-hsl)/1);
	--white-660-hsl: 0 calc(var(--saturation-factor, 1)*0%) 51.4%;
	--white-700: hsl(var(--white-700-hsl)/1);
	--white-700-hsl: 0 calc(var(--saturation-factor, 1)*0%) 40%;
	--white-730: hsl(var(--white-730-hsl)/1);
	--white-730-hsl: 0 calc(var(--saturation-factor, 1)*0%) 37.3%;
	--white-760: hsl(var(--white-760-hsl)/1);
	--white-760-hsl: 0 calc(var(--saturation-factor, 1)*0%) 34.5%;
	--white-800: hsl(var(--white-800-hsl)/1);
	--white-800-hsl: 0 calc(var(--saturation-factor, 1)*0%) 30.2%;
	--white-830: hsl(var(--white-830-hsl)/1);
	--white-830-hsl: 0 calc(var(--saturation-factor, 1)*0%) 23.1%;
	--white-860: hsl(var(--white-860-hsl)/1);
	--white-860-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.9%;
	--white-900: hsl(var(--white-900-hsl)/1);
	--white-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 5.1%;
	--xbox: hsl(var(--xbox-hsl)/1);
	--xbox-hsl: 120 calc(var(--saturation-factor, 1)*77.1%) 27.5%;
	--yellow-100: hsl(var(--yellow-100-hsl)/1);
	--yellow-100-hsl: 34 calc(var(--saturation-factor, 1)*100%) 96.9%;
	--yellow-130: hsl(var(--yellow-130-hsl)/1);
	--yellow-130-hsl: 31 calc(var(--saturation-factor, 1)*100%) 95.5%;
	--yellow-160: hsl(var(--yellow-160-hsl)/1);
	--yellow-160-hsl: 33 calc(var(--saturation-factor, 1)*100%) 91.4%;
	--yellow-200: hsl(var(--yellow-200-hsl)/1);
	--yellow-200-hsl: 35 calc(var(--saturation-factor, 1)*97.3%) 85.5%;
	--yellow-230: hsl(var(--yellow-230-hsl)/1);
	--yellow-230-hsl: 37 calc(var(--saturation-factor, 1)*96.6%) 77.1%;
	--yellow-260: hsl(var(--yellow-260-hsl)/1);
	--yellow-260-hsl: 41 calc(var(--saturation-factor, 1)*96.8%) 62.9%;
	--yellow-300: hsl(var(--yellow-300-hsl)/1);
	--yellow-300-hsl: 40 calc(var(--saturation-factor, 1)*86.4%) 56.9%;
	--yellow-330: hsl(var(--yellow-330-hsl)/1);
	--yellow-330-hsl: 40 calc(var(--saturation-factor, 1)*75.3%) 52.4%;
	--yellow-345: hsl(var(--yellow-345-hsl)/1);
	--yellow-345-hsl: 40 calc(var(--saturation-factor, 1)*71%) 48.6%;
	--yellow-360: hsl(var(--yellow-360-hsl)/1);
	--yellow-360-hsl: 39 calc(var(--saturation-factor, 1)*74.4%) 42.9%;
	--yellow-400: hsl(var(--yellow-400-hsl)/1);
	--yellow-400-hsl: 38 calc(var(--saturation-factor, 1)*78.6%) 38.4%;
	--yellow-430: hsl(var(--yellow-430-hsl)/1);
	--yellow-430-hsl: 37 calc(var(--saturation-factor, 1)*84.4%) 32.7%;
	--yellow-460: hsl(var(--yellow-460-hsl)/1);
	--yellow-460-hsl: 36 calc(var(--saturation-factor, 1)*87.8%) 28.8%;
	--yellow-500: hsl(var(--yellow-500-hsl)/1);
	--yellow-500-hsl: 36 calc(var(--saturation-factor, 1)*93.8%) 25.1%;
	--yellow-530: hsl(var(--yellow-530-hsl)/1);
	--yellow-530-hsl: 35 calc(var(--saturation-factor, 1)*92.9%) 22.2%;
	--yellow-560: hsl(var(--yellow-560-hsl)/1);
	--yellow-560-hsl: 34 calc(var(--saturation-factor, 1)*94%) 19.6%;
	--yellow-600: hsl(var(--yellow-600-hsl)/1);
	--yellow-600-hsl: 35 calc(var(--saturation-factor, 1)*93.1%) 17.1%;
	--yellow-630: hsl(var(--yellow-630-hsl)/1);
	--yellow-630-hsl: 35 calc(var(--saturation-factor, 1)*92.4%) 15.5%;
	--yellow-660: hsl(var(--yellow-660-hsl)/1);
	--yellow-660-hsl: 35 calc(var(--saturation-factor, 1)*91.4%) 13.7%;
	--yellow-700: hsl(var(--yellow-700-hsl)/1);
	--yellow-700-hsl: 34 calc(var(--saturation-factor, 1)*90.3%) 12.2%;
	--yellow-730: hsl(var(--yellow-730-hsl)/1);
	--yellow-730-hsl: 33 calc(var(--saturation-factor, 1)*92.7%) 10.8%;
	--yellow-760: hsl(var(--yellow-760-hsl)/1);
	--yellow-760-hsl: 33 calc(var(--saturation-factor, 1)*91.7%) 9.4%;
	--yellow-800: hsl(var(--yellow-800-hsl)/1);
	--yellow-800-hsl: 32 calc(var(--saturation-factor, 1)*90.2%) 8%;
	--yellow-830: hsl(var(--yellow-830-hsl)/1);
	--yellow-830-hsl: 32 calc(var(--saturation-factor, 1)*88.9%) 7.1%;
	--yellow-860: hsl(var(--yellow-860-hsl)/1);
	--yellow-860-hsl: 32 calc(var(--saturation-factor, 1)*86.7%) 5.9%;
	--yellow-900: hsl(var(--yellow-900-hsl)/1);
	--yellow-900-hsl: 36 calc(var(--saturation-factor, 1)*83.3%) 4.7%;
	--youtube: hsl(var(--youtube-hsl)/1);
	--youtube-hsl: 0 calc(var(--saturation-factor, 1)*72.8%) 46.1%
}

.theme-dark {
	--activity-card-background: var(--primary-700);
	--android-navigation-bar-background: var(--primary-830);
	--android-navigation-scrim-background: hsl(var(--primary-830-hsl)/0.5);
	--android-ripple: hsl(var(--white-500-hsl)/0.07);
	--background-accent: var(--primary-530);
	--background-floating: var(--primary-800);
	--background-mentioned: hsl(var(--yellow-300-hsl)/0.1);
	--background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.08);
	--background-message-automod: hsl(var(--red-400-hsl)/0.05);
	--background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
	--background-message-highlight: hsl(var(--brand-360-hsl)/0.08);
	--background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06);
	--background-message-hover: hsl(var(--primary-900-hsl)/0.06);
	--background-mobile-primary: var(--primary-600);
	--background-mobile-secondary: var(--primary-630);
	--background-modifier-accent: hsl(var(--primary-500-hsl)/0.48);
	--background-modifier-accent-2: hsl(var(--primary-500-hsl)/0.48);
	--background-modifier-active: hsl(var(--primary-500-hsl)/0.48);
	--background-modifier-hover: hsl(var(--primary-500-hsl)/0.3);
	--background-modifier-selected: hsl(var(--primary-500-hsl)/0.6);
	--background-nested-floating: var(--primary-630);
	--background-primary: var(--primary-600);
	--background-secondary: var(--primary-630);
	--background-secondary-alt: var(--primary-660);
	--background-tertiary: var(--primary-700);
	--bg-backdrop: hsl(var(--black-500-hsl)/0.7);
	--bg-base-primary: var(--primary-600);
	--bg-base-secondary: var(--primary-630);
	--bg-base-tertiary: var(--primary-660);
	--bg-mod-faint: hsl(var(--primary-500-hsl)/0.3);
	--bg-mod-strong: hsl(var(--primary-500-hsl)/0.54);
	--bg-mod-subtle: hsl(var(--primary-500-hsl)/0.48);
	--bg-surface-overlay: var(--primary-800);
	--bg-surface-overlay-tmp: var(--primary-800);
	--bg-surface-raised: var(--primary-600);
	--blur-fallback: hsl(var(--primary-700-hsl)/0.96);
	--blur-fallback-pressed: hsl(var(--primary-730-hsl)/0.96);
	--border-strong: hsl(var(--white-500-hsl)/0.16);
	--border-subtle: hsl(var(--white-500-hsl)/0.08);
	--bug-reporter-modal-submitting-background: hsl(var(--primary-800-hsl)/0.6);
	--button-creator-revenue-background: var(--teal-430);
	--button-danger-background: var(--red-430);
	--button-danger-background-active: var(--red-530);
	--button-danger-background-disabled: var(--red-430);
	--button-danger-background-hover: var(--red-500);
	--button-outline-brand-background: hsl(var(--white-500-hsl)/0);
	--button-outline-brand-background-active: var(--brand-560);
	--button-outline-brand-background-hover: var(--brand-500);
	--button-outline-brand-border: var(--brand-500);
	--button-outline-brand-border-active: var(--brand-560);
	--button-outline-brand-border-hover: var(--brand-500);
	--button-outline-brand-text: var(--white-500);
	--button-outline-brand-text-active: var(--white-500);
	--button-outline-brand-text-hover: var(--white-500);
	--button-outline-danger-background: hsl(var(--white-500-hsl)/0);
	--button-outline-danger-background-active: var(--red-460);
	--button-outline-danger-background-hover: var(--red-430);
	--button-outline-danger-border: var(--red-400);
	--button-outline-danger-border-active: var(--red-430);
	--button-outline-danger-border-hover: var(--red-430);
	--button-outline-danger-text: var(--white-500);
	--button-outline-danger-text-active: var(--white-500);
	--button-outline-danger-text-hover: var(--white-500);
	--button-outline-positive-background: hsl(var(--white-500-hsl)/0);
	--button-outline-positive-background-active: var(--green-530);
	--button-outline-positive-background-hover: var(--green-430);
	--button-outline-positive-border: var(--green-360);
	--button-outline-positive-border-active: var(--green-530);
	--button-outline-positive-border-hover: var(--green-430);
	--button-outline-positive-text: var(--white-500);
	--button-outline-positive-text-active: var(--white-500);
	--button-outline-positive-text-hover: var(--white-500);
	--button-outline-primary-background: hsl(var(--white-500-hsl)/0);
	--button-outline-primary-background-active: var(--primary-430);
	--button-outline-primary-background-hover: var(--primary-500);
	--button-outline-primary-border: var(--primary-500);
	--button-outline-primary-border-active: var(--primary-430);
	--button-outline-primary-border-hover: var(--primary-500);
	--button-outline-primary-text: var(--white-500);
	--button-outline-primary-text-active: var(--white-500);
	--button-outline-primary-text-hover: var(--white-500);
	--button-positive-background: var(--green-430);
	--button-positive-background-active: var(--green-530);
	--button-positive-background-disabled: var(--green-430);
	--button-positive-background-hover: var(--green-500);
	--button-secondary-background: var(--primary-500);
	--button-secondary-background-active: var(--primary-400);
	--button-secondary-background-disabled: var(--primary-500);
	--button-secondary-background-hover: var(--primary-430);
	--channel-icon: var(--primary-400);
	--channel-text-area-placeholder: var(--primary-430);
	--channels-default: var(--primary-360);
	--channeltextarea-background: var(--primary-560);
	--chat-background: var(--primary-600);
	--chat-border: var(--primary-700);
	--chat-input-container-background: var(--primary-600);
	--control-brand-foreground: var(--brand-360);
	--control-brand-foreground-new: var(--brand-360);
	--creator-revenue-icon-gradient-end: var(--teal-430);
	--creator-revenue-icon-gradient-start: var(--teal-360);
	--creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
	--creator-revenue-info-box-border: var(--teal-400);
	--creator-revenue-locked-channel-icon: var(--teal-345);
	--creator-revenue-progress-bar: var(--teal-400);
	--deprecated-card-bg: hsl(var(--primary-700-hsl)/0.6);
	--deprecated-card-editable-bg: hsl(var(--primary-700-hsl)/0.3);
	--deprecated-quickswitcher-input-background: var(--primary-400);
	--deprecated-quickswitcher-input-placeholder: hsl(var(--white-500-hsl)/0.3);
	--deprecated-store-bg: var(--primary-600);
	--deprecated-text-input-bg: var(--primary-700);
	--deprecated-text-input-border: hsl(var(--black-500-hsl)/0.3);
	--deprecated-text-input-border-disabled: var(--primary-700);
	--deprecated-text-input-border-hover: var(--primary-900);
	--deprecated-text-input-prefix: var(--primary-200);
	--display-banner-overflow-background: hsl(var(--primary-700-hsl)/0.5);
	--divider-strong: hsl(var(--white-500-hsl)/0.16);
	--divider-subtle: hsl(var(--white-500-hsl)/0.08);
	--forum-post-extra-media-count-container-background: hsl(var(--primary-660-hsl)/0.8);
	--forum-post-tag-background: hsl(var(--primary-660-hsl)/0.9);
	--header-muted: var(--primary-360);
	--header-primary: var(--primary-130);
	--header-secondary: var(--primary-330);
	--home-background: var(--primary-645);
	--home-card-resting-border: hsl(var(--transparent-hsl)/0);
	--icon-muted: var(--primary-500);
	--icon-primary: var(--primary-130);
	--icon-secondary: var(--primary-330);
	--info-danger-background: hsl(var(--red-400-hsl)/0.1);
	--info-danger-foreground: var(--red-400);
	--info-danger-text: var(--white-500);
	--info-help-background: hsl(var(--blue-345-hsl)/0.1);
	--info-help-foreground: var(--blue-345);
	--info-help-text: var(--white-500);
	--info-positive-background: hsl(var(--green-360-hsl)/0.1);
	--info-positive-foreground: var(--green-360);
	--info-positive-text: var(--white-500);
	--info-warning-background: hsl(var(--yellow-300-hsl)/0.1);
	--info-warning-foreground: var(--yellow-300);
	--info-warning-text: var(--white-500);
	--input-background: var(--primary-700);
	--input-placeholder-text: var(--input-placeholder-text-dark);
	--interactive-active: var(--white-500);
	--interactive-hover: var(--primary-230);
	--interactive-muted: var(--primary-500);
	--interactive-normal: var(--primary-330);
	--legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl)/0.5);
	--legacy-android-blur-overlay-ultra-thin: hsl(var(--black-500-hsl)/0.025);
	--legacy-blur-fallback-default: hsl(var(--primary-660-hsl)/0.975);
	--legacy-blur-fallback-ultra-thin: hsl(var(--black-500-hsl)/0.95);
	--live-stage-tile-border: hsl(var(--primary-500-hsl)/0.6);
	--logo-primary: var(--white-500);
	--mention-background: hsl(var(--brand-500-hsl)/0.3);
	--mention-foreground: var(--brand-260);
	--modal-background: var(--primary-600);
	--modal-footer-background: var(--primary-630);
	--profile-gradient-message-input-border: hsl(var(--primary-500-hsl)/0.48);
	--profile-gradient-note-background: hsl(var(--black-500-hsl)/0.3);
	--profile-gradient-overlay: hsl(var(--black-500-hsl)/0.6);
	--profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-500-hsl)/0.8);
	--profile-gradient-profile-body-background-hover: hsl(var(--white-500-hsl)/0.16);
	--profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
	--profile-gradient-role-pill-border: hsl(var(--white-500-hsl)/0.2);
	--profile-gradient-section-box: hsl(var(--black-500-hsl)/0.45);
	--redesign-activity-card-background: var(--primary-560);
	--redesign-activity-card-background-pressed: var(--primary-630);
	--redesign-activity-card-badge-icon: var(--primary-400);
	--redesign-activity-card-border: hsl(var(--white-500-hsl)/0.02);
	--redesign-activity-card-overflow-background: var(--primary-630);
	--redesign-button-danger-background: var(--red-430);
	--redesign-button-danger-pressed-background: var(--red-460);
	--redesign-button-danger-text: var(--white-500);
	--redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl)/0.54);
	--redesign-button-overlay-alpha-pressed-background: hsl(var(--black-500-hsl)/0.64);
	--redesign-button-overlay-alpha-text: var(--white-500);
	--redesign-button-overlay-background: var(--white-500);
	--redesign-button-overlay-pressed-background: var(--primary-230);
	--redesign-button-overlay-text: var(--primary-860);
	--redesign-button-positive-background: var(--green-430);
	--redesign-button-positive-pressed-background: var(--green-460);
	--redesign-button-positive-text: var(--white-500);
	--redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
	--redesign-button-primary-alt-border: var(--brand-360);
	--redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
	--redesign-button-primary-alt-on-blurple-border: var(--white-500);
	--redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
	--redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
	--redesign-button-primary-alt-on-blurple-text: var(--white-500);
	--redesign-button-primary-alt-pressed-background: hsl(var(--brand-700-hsl)/0.16);
	--redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl)/0.5);
	--redesign-button-primary-alt-pressed-text: var(--brand-360);
	--redesign-button-primary-alt-text: var(--brand-360);
	--redesign-button-primary-background: var(--brand-500);
	--redesign-button-primary-on-blurple-background: var(--white-500);
	--redesign-button-primary-on-blurple-pressed-background: var(--brand-200);
	--redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
	--redesign-button-primary-on-blurple-text: var(--brand-500);
	--redesign-button-primary-pressed-background: var(--brand-560);
	--redesign-button-primary-text: var(--white-500);
	--redesign-button-secondary-alt-background: var(--primary-660);
	--redesign-button-secondary-alt-pressed-background: var(--primary-560);
	--redesign-button-secondary-alt-pressed-text: var(--primary-330);
	--redesign-button-secondary-alt-text: var(--primary-230);
	--redesign-button-secondary-background: var(--primary-460);
	--redesign-button-secondary-border: hsl(var(--white-500-hsl)/0.08);
	--redesign-button-secondary-pressed-background: var(--primary-500);
	--redesign-button-secondary-pressed-border: hsl(var(--transparent-hsl)/0);
	--redesign-button-secondary-text: var(--primary-230);
	--redesign-chat-input-background: var(--primary-700);
	--redesign-input-control-active-bg: var(--primary-645);
	--redesign-input-control-selected: var(--brand-500);
	--redesign-only-background-active: var(--primary-530);
	--redesign-only-background-default: var(--primary-600);
	--redesign-only-background-overlay: var(--primary-645);
	--redesign-only-background-raised: var(--primary-630);
	--redesign-only-background-sunken: var(--primary-660);
	--scrollbar-auto-scrollbar-color-thumb: var(--primary-730);
	--scrollbar-auto-scrollbar-color-track: var(--primary-630);
	--scrollbar-auto-thumb: var(--primary-730);
	--scrollbar-auto-track: var(--primary-630);
	--scrollbar-thin-thumb: var(--primary-730);
	--scrollbar-thin-track: hsl(var(--black-500-hsl)/0);
	--spoiler-hidden-background: var(--primary-700);
	--spoiler-revealed-background: var(--primary-660);
	--status-danger: var(--red-400);
	--status-danger-background: var(--red-400);
	--status-danger-text: var(--white-500);
	--status-dnd: var(--red-400);
	--status-idle: var(--yellow-300);
	--status-offline: var(--primary-360);
	--status-online: var(--green-360);
	--status-positive: var(--green-360);
	--status-positive-background: var(--green-430);
	--status-positive-text: var(--white-500);
	--status-speaking: var(--green-360);
	--status-warning: var(--yellow-300);
	--status-warning-background: var(--yellow-300);
	--status-warning-text: var(--black-500);
	--text-brand: var(--brand-360);
	--text-danger: var(--red-345);
	--text-link: var(--blue-345);
	--text-link-low-saturation: var(--blue-330);
	--text-low-contrast: var(--primary-360);
	--text-message-preview-low-sat: var(--primary-360);
	--text-muted: var(--primary-360);
	--text-muted-on-default: var(--primary-330);
	--text-normal: var(--primary-230);
	--text-positive: var(--green-330);
	--text-primary: var(--primary-230);
	--text-secondary: var(--primary-330);
	--text-warning: var(--yellow-300);
	--textbox-markdown-syntax: var(--primary-360);
	--user-profile-header-overflow-background: hsl(var(--primary-700-hsl)/0.5)
}

.theme-dark {
	--black: var(--black-500);
	--focus-primary: var(--blue-345);
	--info-box-background: hsl(var(--blue-345-hsl)/0.1);
	--theme-locked-blur-fallback: hsl(var(--primary-700-hsl)/0.96);
	--voice-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48);
	--voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48);
	--white: var(--white-500)
}

.theme-dark {
	--shadow-border: 0 0 0 1px hsla(0, 0%, 100%, 0.08);
	--shadow-border-filter: drop-shadow(0 0 1px hsla(0, 0%, 100%, 0.08));
	--shadow-button-overlay: 0 12px 24px 0 rgba(0, 0, 0, 0.24);
	--shadow-button-overlay-filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.24));
	--shadow-high: 0 12px 24px 0 rgba(0, 0, 0, 0.24);
	--shadow-high-filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.24));
	--shadow-ledge: 0 2px 0 0 rgba(0, 0, 0, 0.05), 0 1.5px 0 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(0, 0, 0, 0.16);
	--shadow-ledge-filter: drop-shadow(0 1.5px 0 rgba(0, 0, 0, 0.24));
	--shadow-low: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
	--shadow-low-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.14));
	--shadow-low-active: 0 0 4px 0 rgba(0, 0, 0, 0.14);
	--shadow-low-active-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.14));
	--shadow-low-hover: 0 4px 10px 0 rgba(0, 0, 0, 0.14);
	--shadow-low-hover-filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.14));
	--shadow-medium: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
	--shadow-medium-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.16));
	--shadow-mobile-navigator-x: 0 0 10px 0 rgba(0, 0, 0, 0.22);
	--shadow-mobile-navigator-x-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.22));
	--shadow-top-high: 0 -12px 32px 0 rgba(0, 0, 0, 0.24);
	--shadow-top-high-filter: drop-shadow(0 -12px 32px rgba(0, 0, 0, 0.24));
	--shadow-top-ledge: 0 -2px 0 0 rgba(0, 0, 0, 0.05), 0 -1.5px 0 0 rgba(0, 0, 0, 0.05), 0 -1px 0 0 rgba(0, 0, 0, 0.16);
	--shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 rgba(0, 0, 0, 0.24));
	--shadow-top-low: 0 -1px 4px 0 rgba(0, 0, 0, 0.14);
	--shadow-top-low-filter: drop-shadow(0 -1px 4px rgba(0, 0, 0, 0.14))
}

:root {
	--spacing-4: 4px;
	--spacing-8: 8px;
	--spacing-12: 12px;
	--spacing-16: 16px;
	--spacing-24: 24px;
	--spacing-32: 32px;
	--spacing-40: 40px;
	--spacing-48: 48px;
	--spacing-56: 56px;
	--spacing-64: 64px;
	--spacing-72: 72px;
	--spacing-80: 80px;
	--spacing-96: 96px
}

:root {
	--radius-xs: 4px;
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 16px;
	--radius-xl: 24px;
	--radius-xxl: 32px;
	--radius-round: 2147483647px
}

.theme-dark {
	--guild-header-text-shadow: 0 1px 1px hsl(var(--black-500-hsl)/0.4);
	--elevation-stroke: 0 0 0 1px hsl(var(--primary-900-hsl)/0.15);
	--elevation-low: 0 1px 0 hsl(var(--primary-900-hsl)/0.2), 0 1.5px 0 hsl(var(--primary-860-hsl)/0.05), 0 2px 0 hsl(var(--primary-900-hsl)/0.05);
	--elevation-medium: 0 4px 4px hsl(var(--black-500-hsl)/0.16);
	--elevation-high: 0 8px 16px hsl(var(--black-500-hsl)/0.24)
}

@font-face {
	font-family: ABC Ginto Nord;
	font-style: normal;
	font-weight: 800;
	src: url(/assets/3d07f5abf272fbb5670d02ed687453d0.woff2) format("woff2")
}

@font-face {
	font-family: ABC Ginto Nord;
	font-style: italic;
	font-weight: 800;
	src: url(/assets/3c0aa7f9d47d6a96b14ecada461ccf0e.woff2) format("woff2")
}

@font-face {
	font-family: gg sans;
	font-style: normal;
	font-weight: 400;
	src: url(/assets/3d6549bf2f38372c054eafb93fa358a9.woff2) format("woff2")
}

@font-face {
	font-family: gg sans;
	font-style: italic;
	font-weight: 400;
	src: url(/assets/dd1dfe31c073b2b0a8f94cb1a0b7fbb0.woff2) format("woff2")
}

@font-face {
	font-family: gg sans;
	font-style: normal;
	font-weight: 500;
	src: url(/assets/7f63813838e283aea62f1a68ef1732c2.woff2) format("woff2")
}

@font-face {
	font-family: gg sans;
	font-style: italic;
	font-weight: 500;
	src: url(/assets/2ada321f62e9743e0f9f2882960c8f9d.woff2) format("woff2")
}

@font-face {
	font-family: gg sans;
	font-style: normal;
	font-weight: 600;
	src: url(/assets/71d3e9dc2bcb8e91225ba9fab588c8f2.woff2) format("woff2")
}

@font-face {
	font-family: gg sans;
	font-style: italic;
	font-weight: 600;
	src: url(/assets/e3cd8b0354d764c89f6abcf561081a85.woff2) format("woff2")
}

@font-face {
	font-family: gg sans;
	font-style: normal;
	font-weight: 700;
	src: url(/assets/ff5eccde83f118cea0224ebbb9dc3179.woff2) format("woff2")
}

@font-face {
	font-family: gg sans;
	font-style: italic;
	font-weight: 700;
	src: url(/assets/41a3d598a613a77c1d80b3ec957a2975.woff2) format("woff2")
}

@font-face {
	font-family: gg sans;
	font-style: normal;
	font-weight: 800;
	src: url(/assets/f5aba5511523dcae97748a1b35bbffe8.woff2) format("woff2")
}

@font-face {
	font-family: gg sans;
	font-style: italic;
	font-weight: 800;
	src: url(/assets/b10a4ad08f83816da8deaa1c1963dd04.woff2) format("woff2")
}

@font-face {
	font-family: Noto Sans;
	font-style: normal;
	font-weight: 400;
	src: url(/assets/980082c4328266be3342a03dcb37c432.woff2) format("woff2")
}

@font-face {
	font-family: Noto Sans;
	font-style: italic;
	font-weight: 400;
	src: url(/assets/db985aaa3c64f10506d96d876e350d47.woff2) format("woff2")
}

@font-face {
	font-family: Noto Sans;
	font-style: normal;
	font-weight: 500;
	src: url(/assets/05422eb499ddf5616e44a52c4f1063ae.woff2) format("woff2")
}

@font-face {
	font-family: Noto Sans;
	font-style: italic;
	font-weight: 500;
	src: url(/assets/412f5d9534ce2a2e1a1ae9b746bca5b5.woff2) format("woff2")
}

@font-face {
	font-family: Noto Sans;
	font-style: normal;
	font-weight: 600;
	src: url(/assets/e55012627a8f6e7203b72a8de730c483.woff2) format("woff2")
}

@font-face {
	font-family: Noto Sans;
	font-style: italic;
	font-weight: 600;
	src: url(/assets/d9b0aabb79e7d8b3b14789ebd534f158.woff2) format("woff2")
}

@font-face {
	font-family: Noto Sans;
	font-style: normal;
	font-weight: 700;
	src: url(/assets/7cf1be7696bf689b97230262eade8ad8.woff2) format("woff2")
}

@font-face {
	font-family: Noto Sans;
	font-style: italic;
	font-weight: 700;
	src: url(/assets/f9bf0f65660d23c6f359d22720fc55ae.woff2) format("woff2")
}

@font-face {
	font-family: Noto Sans;
	font-style: normal;
	font-weight: 800;
	src: url(/assets/d6db7b5639c7ed70f8b582984dda6c62.woff2) format("woff2")
}

@font-face {
	font-family: Noto Sans;
	font-style: italic;
	font-weight: 800;
	src: url(/assets/a2a248f78d12dd5b842930bda7036302.woff2) format("woff2")
}

@font-face {
	font-family: Source Code Pro;
	font-style: normal;
	font-weight: 400;
	src: url(/assets/c59a692e5d6ed04d4cb01f58c10d6509.woff2) format("woff2")
}

@font-face {
	font-family: Source Code Pro;
	font-style: normal;
	font-weight: 600;
	src: url(/assets/2e9c1d3fb7d0851d71596f9f8b10393b.woff2) format("woff2")
}

:root {
	--font-primary: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-display: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-headline: "ABC Ginto Nord", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-code: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace
}

:root:lang(bg),
:root:lang(el),
:root:lang(ru),
:root:lang(uk) {
	--font-primary: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-display: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-headline: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-code: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace
}

:root:lang(ko) {
	--font-primary: "gg sans", "Apple SD Gothic Neo", NanumBarunGothic, "\B9D1\C740   \ACE0\B515", "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-display: "gg sans", "Apple SD Gothic Neo", NanumBarunGothic, "\B9D1\C740   \ACE0\B515", "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-headline: "ABC Ginto Nord", "Apple SD Gothic Neo", NanumBarunGothic, "\B9D1\C740   \ACE0\B515", "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-code: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace
}

:root:lang(ja) {
	--font-primary: "gg sans", "Hiragino Sans", "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Osaka, "MS PGothic", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-display: "gg sans", "Hiragino Sans", "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Osaka, "MS PGothic", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-headline: "ABC Ginto Nord", "Hiragino Sans", "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Osaka, "MS PGothic", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-code: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace
}

:root:lang(zh-CN) {
	--font-primary: "gg sans", "Microsoft YaHei New", 微软雅黑, "Microsoft Yahei", "Microsoft JhengHei", 宋体, SimSun, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-display: "gg sans", "Microsoft YaHei New", 微软雅黑, "Microsoft Yahei", "Microsoft JhengHei", 宋体, SimSun, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-headline: "ABC Ginto Nord", "Microsoft YaHei New", 微软雅黑, "Microsoft Yahei", "Microsoft JhengHei", 宋体, SimSun, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-code: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace
}

:root:lang(zh-TW) {
	--font-primary: "gg sans", "Microsoft JhengHei", 微軟正黑體, "Microsoft JhengHei UI", "Microsoft YaHei", 微軟雅黑, 宋体, SimSun, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-display: "gg sans", "Microsoft JhengHei", 微軟正黑體, "Microsoft JhengHei UI", "Microsoft YaHei", 微軟雅黑, 宋体, SimSun, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-headline: "ABC Ginto Nord", "Microsoft JhengHei", 微軟正黑體, "Microsoft JhengHei UI", "Microsoft YaHei", 微軟雅黑, 宋体, SimSun, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-code: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace
}

a,
body,
code,
div,
em,
form,
h1,
h2,
h3,
html,
img,
li,
ol,
pre,
s,
span,
strong,
ul,
var {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline
}

a {
	color: var(--text-link);
	text-decoration: none;
	cursor: pointer
}

a img {
	border: none
}

body {
	line-height: 1;
	margin: 0;
	padding: 0;
	font-family: var(--font-primary);
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: transparent
}

ol,
ul {
	list-style: none
}

::-webkit-input-placeholder,
input,
select,
textarea {
	font-family: var(--font-primary);
	font-weight: 400
}

::-moz-placeholder,
input,
select,
textarea {
	font-family: var(--font-primary);
	font-weight: 400
}

input,
select,
textarea {
	font-family: var(--font-primary);
	font-weight: 400
}

::placeholder,
input,
select,
textarea {
	font-family: var(--font-primary);
	font-weight: 400
}

strong {
	font-weight: 600
}

button {
	font-family: var(--font-primary);
	font-weight: 500;
	border: 0;
	cursor: pointer
}

code {
	font-family: var(--font-code);
	font-size: 14px;
	line-height: 16px
}

:root {
	--decoration-to-avatar-ratio: 1.2
}

:root {
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-extrabold: 800
}

.appMount-2yBXZl,
body,
html {
	height: 100%;
	width: 100%
}

.appMount-2yBXZl {
	position: absolute;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.appMount-2yBXZl,
body {
	background: var(--bg-overlay-app-frame, var(--background-tertiary));
	text-rendering: optimizeLegibility
}

::-webkit-input-placeholder,
body,
button,
input,
select,
textarea {
	font-family: var(--font-primary);
	text-rendering: optimizeLegibility
}

::-moz-placeholder,
body,
button,
input,
select,
textarea {
	font-family: var(--font-primary);
	text-rendering: optimizeLegibility
}

body,
button,
input,
select,
textarea {
	font-family: var(--font-primary);
	text-rendering: optimizeLegibility
}

::placeholder,
body,
button,
input,
select,
textarea {
	font-family: var(--font-primary);
	text-rendering: optimizeLegibility
}

a,
button,
div,
input,
select,
span,
strong,
textarea {
	outline: 0
}

img[alt] {
	text-indent: -9999px
}

@-webkit-keyframes placeholderPulse-3w0tMs {
	0% {
		opacity: .5
	}

	50% {
		opacity: 1
	}

	to {
		opacity: .5
	}
}

@keyframes placeholderPulse-3w0tMs {
	0% {
		opacity: .5
	}

	50% {
		opacity: 1
	}

	to {
		opacity: .5
	}
}

.container-1oeRFJ {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding: 1px 0;
	border-radius: 4px;
	-webkit-transition: none;
	transition: none;
	color: var(--channels-default)
}

.clickable-28SzVr.container-1oeRFJ:hover {
	color: var(--interactive-hover)
}

.clickable-28SzVr.container-1oeRFJ:hover .avatar-6qzftW {
	opacity: 1
}

.clickable-28SzVr.container-1oeRFJ:active,
.selected-1-Z6gm.container-1oeRFJ {
	color: var(--interactive-active)
}

.layout-1qmrhw {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
	height: 42px;
	padding: 0 8px
}

.clickable-28SzVr:hover .layout-1qmrhw {
	background-color: var(--background-modifier-hover);
	cursor: pointer
}

.clickable-28SzVr:active .layout-1qmrhw {
	background-color: var(--background-modifier-active)
}

.selected-1-Z6gm .layout-1qmrhw {
	background-color: var(--background-modifier-selected)
}

.avatar-6qzftW {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	margin-right: 12px
}

.content-1U25dZ {
	min-width: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.content-1U25dZ,
.name-3Vmqxm {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.name-3Vmqxm {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.nameAndDecorators-3ERwy2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.subText-OGOWMj {
	margin-top: -2px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.subText-OGOWMj:empty {
	display: none
}

.member-2gU6Ar {
	position: relative;
	max-width: 224px;
	margin-left: 8px
}

.offline-22aM7E {
	opacity: .3
}

.offline-22aM7E:hover {
	opacity: 1
}

.username-i5-wv- {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.container-q97qHp {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .02em;
	font-family: var(--font-display);
	font-weight: 600;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	color: var(--channels-default)
}

.button-2BMPJJ {
	position: relative;
	top: 3px;
	opacity: .8;
	-webkit-transition: stroke-dasharray .2s ease-out, -webkit-transform .2s ease-out;
	transition: stroke-dasharray .2s ease-out, -webkit-transform .2s ease-out;
	transition: transform .2s ease-out, stroke-dasharray .2s ease-out;
	transition: transform .2s ease-out, stroke-dasharray .2s ease-out, -webkit-transform .2s ease-out;
	margin-left: 4px
}

.button-2BMPJJ path {
	stroke-width: 2px;
	stroke-dasharray: 7;
	stroke-dashoffset: 1;
	-webkit-transition: stroke-dasharray .2s ease;
	transition: stroke-dasharray .2s ease
}

@-webkit-keyframes pulse-1za_Br {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	to {
		-webkit-transform: scale(.9);
		transform: scale(.9);
		opacity: .6
	}
}

@keyframes pulse-1za_Br {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	to {
		-webkit-transform: scale(.9);
		transform: scale(.9);
		opacity: .6
	}
}

.guildIconV2Container-2H8IRS {
	margin-right: 8px
}

.hidden-334jci {
	visibility: hidden
}

.embed-hKpSrO {
	position: relative;
	display: grid;
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px
}

.embed-hKpSrO .emoji {
	width: 18px;
	height: 18px
}

.embed-hKpSrO :is(h1, h2, h3, h4, h5, h6) .emoji {
	width: 1.375em;
	height: 1.375em
}

.embed-hKpSrO pre {
	max-width: 100%;
	border: none
}

.embed-hKpSrO code {
	border: none;
	background: var(--background-tertiary);
	scrollbar-color: var(--background-secondary) var(--background-tertiary)
}

.embedFull-1HGV2S {
	border-left: 4px solid var(--background-tertiary);
	background: var(--background-secondary)
}

.embedAuthorName-pGyUPR,
.embedAuthorNameLink-1NK1y6,
.embedLink-1TLNja,
.embedProvider-1GSN0c,
.embedTitle-2n1pEb,
.embedTitleLink-1QbYA- {
	unicode-bidi: -moz-plaintext;
	unicode-bidi: plaintext;
	text-align: left
}

.gridContainer-1cF_Ic {
	max-width: 516px
}

.grid-1aWVsE {
	overflow: hidden;
	padding: .5rem 1rem 1rem .75rem;
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto
}

.embedMargin-2PsaQ4 {
	margin-top: 8px
}

.embedLink-1TLNja {
	text-decoration: none;
	cursor: pointer
}

.embedLink-1TLNja:hover {
	text-decoration: underline
}

.embedSuppressButton-1rZHq6 {
	opacity: 0;
	position: absolute;
	top: -2px;
	right: -20px;
	cursor: pointer;
	padding: 2px;
	color: var(--interactive-normal)
}

.embed-hKpSrO:focus-within .embedSuppressButton-1rZHq6,
.embed-hKpSrO:hover .embedSuppressButton-1rZHq6 {
	opacity: 1
}

.embedSuppressButton-1rZHq6:hover {
	color: var(--interactive-hover)
}

.embedProvider-1GSN0c {
	font-size: 0.75rem;
	line-height: 1rem;
	font-weight: 400;
	grid-column: 1/1
}

.embedAuthor-TJIHp5 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-column: 1/1
}

.embedAuthorName-pGyUPR {
	font-size: 0.875rem;
	font-weight: 600
}

.embedAuthorNameLink-1NK1y6 {}

.embed-hKpSrO .embedAuthorNameLink-1NK1y6 {
	color: var(--header-primary)
}

.embedTitle-2n1pEb {
	font-size: 1rem;
	font-weight: 600;
	display: inline-block;
	grid-column: 1/1
}

.embedTitleLink-1QbYA- {}

.embedVideo-2ixt5A {
	display: block;
	-o-object-fit: fill;
	object-fit: fill
}

.embedVideo-2ixt5A img {
	display: block;
	border-radius: 4px
}

.embedVideo-2ixt5A {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.centerContent-2Er_xu,
.embedVideoActions-2XdFk2,
.embedVideoImageComponent-3Clc3C {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.embedVideoImageComponent-3Clc3C {
	width: 100% !important;
	height: 100% !important;
	max-height: 100%;
	border-radius: 0
}

.embedVideoImageComponentInner-1UCVh2 {
	width: 100% !important;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover
}

.embedVideoActions-2XdFk2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 1
}

.embedMedia-1mdWSP {
	grid-column: 1/1;
	border-radius: 4px;
	contain: paint
}

.embedFull-1HGV2S .embedMedia-1mdWSP {
	margin-top: 16px
}

.embedProvider-1GSN0c .embedLink-1TLNja {
	color: var(--interactive-normal)
}

.embedProvider-1GSN0c .embedLink-1TLNja:hover {
	color: var(--interactive-hover)
}

.embedAuthorName-pGyUPR,
.embedTitle-2n1pEb {
	color: var(--header-primary)
}

.embedAuthor-TJIHp5,
.embedMedia-1mdWSP,
.embedProvider-1GSN0c,
.embedTitle-2n1pEb {
	min-width: 0
}

.justifyAuto-BLgJ2X {
	justify-self: auto !important
}

.wrapper-30-Nkg {
	position: relative;
	word-wrap: break-word;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-right: 16px;
	min-height: 1.375rem
}

.cozy-VmLDNB.wrapper-30-Nkg {
	padding-top: .125rem;
	padding-bottom: .125rem
}

.cozy-VmLDNB.wrapper-30-Nkg {
	padding-left: 72px
}

.cozy-VmLDNB .contents-2MsGLg {
	position: static;
	margin-left: 0;
	padding-left: 0;
	text-indent: 0
}

.cozy-VmLDNB .header-2jRmjb {
	display: block;
	position: relative;
	line-height: 1.375rem;
	min-height: 1.375rem;
	color: var(--text-muted);
	word-wrap: pre-wrap
}

.zalgo-26OfGz.cozy-VmLDNB .header-2jRmjb {
	overflow: hidden
}

.buttonContainer-1502pf {
	position: absolute;
	top: 0;
	right: 0
}

.avatar-2e8lTP {
	position: absolute;
	left: 16px;
	margin-top: calc(4px - .125rem);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	pointer-events: none;
	z-index: 1
}

.avatar-2e8lTP:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--background-modifier-accent)
}

.avatar-2e8lTP.clickable-31pE3P {
	pointer-events: auto
}

.full-motion .avatar-2e8lTP.clickable-31pE3P:hover {
	-webkit-filter: drop-shadow(var(--elevation-medium));
	filter: drop-shadow(var(--elevation-medium))
}

.avatar-2e8lTP.clickable-31pE3P:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px)
}

.timestamp-p1Df1m {
	display: inline-block;
	height: 1.25rem;
	cursor: default;
	pointer-events: none;
	font-weight: 500
}

.timestampInline-_lS3aK {
	margin-left: .25rem
}

.timestamp-p1Df1m.latin12CompactTimeStamp-2G5XJd {
	width: 2.25rem
}

.cozy-VmLDNB .timestamp-p1Df1m {
	font-size: 0.75rem;
	line-height: 1.375rem;
	color: var(--text-muted);
	vertical-align: baseline
}

.cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH {
	text-align: right;
	font-size: 0.6875rem;
	line-height: 1.375rem;
	margin-right: .25rem;
	color: var(--text-muted);
	text-indent: 0
}

.cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH {
	position: absolute;
	left: 0;
	height: 1.375rem;
	line-height: 1.375rem;
	width: 56px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: right;
	z-index: 1
}

.timestampVisibleOnHover-9PEuZS {
	opacity: 0
}

.username-h_Y3Us {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.375rem;
	color: var(--header-primary);
	display: inline;
	vertical-align: baseline;
	position: relative;
	overflow: hidden;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.cozy-VmLDNB .headerText-2z4IhQ {
	margin-right: .25rem
}

.username-h_Y3Us.clickable-31pE3P:hover {
	cursor: pointer;
	text-decoration: underline
}

.separator-AebOhG {
	position: absolute;
	opacity: 0;
	display: inline-block;
	font-style: normal
}

.messageContent-2t3eCI {
	text-indent: 0
}

.cozy-VmLDNB .messageContent-2t3eCI {
	position: relative
}

.cozy-VmLDNB.hasThread-3h-KJV:after {
	border-left: 2px solid var(--interactive-muted);
	border-bottom: 2px solid var(--interactive-muted);
	border-bottom-left-radius: 8px;
	bottom: 29px;
	content: "";
	position: absolute
}

.font-size-16 .cozy-VmLDNB.hasThread-3h-KJV:after {
	width: 2rem;
	left: 2.2rem;
	top: 3rem
}

.font-size-16 .cozy-VmLDNB.hasThread-3h-KJV.isSystemMessage-QNv9ZH:after {
	top: 1.75rem
}

.zalgo-26OfGz .messageContent-2t3eCI {
	overflow: hidden
}

.messageContent-2t3eCI:empty {
	display: none
}

.cozy-VmLDNB .messageContent-2t3eCI {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	margin-left: -72px;
	padding-left: 72px
}

.edited-1v5nT8 {
	font-size: 0.625rem;
	font-weight: 400;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mention {
	border-radius: 3px;
	padding: 0 2px
}

@-webkit-keyframes loading-xi60fG {
	0% {
		-webkit-transform: translate3d(-271px, 0, 0);
		transform: translate3d(-271px, 0, 0)
	}

	50% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		-webkit-transform: translate3d(-271px, 0, 0);
		transform: translate3d(-271px, 0, 0)
	}
}

@keyframes loading-xi60fG {
	0% {
		-webkit-transform: translate3d(-271px, 0, 0);
		transform: translate3d(-271px, 0, 0)
	}

	50% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		-webkit-transform: translate3d(-271px, 0, 0);
		transform: translate3d(-271px, 0, 0)
	}
}

.wrapper-1HIH0j {
	background-color: var(--background-secondary);
	border-radius: 4px;
	padding: 16px;
	max-width: 432px;
	min-width: 160px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.header-3anOjb {
	font-weight: 700;
	margin-bottom: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: var(--interactive-normal)
}

.content-1r-J1r {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	gap: 16px
}

.guildIcon-3ZfRfI {
	background-color: var(--background-primary);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.guildIconImage-74OdmM {}

.inviteDestination-1rM5rX {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 2px
}

.status-JIDx3x {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.status-JIDx3x {
	display: block;
	margin-right: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%
}

.statusWrapper-3CHb8F {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-flow: nowrap;
	flex-flow: nowrap;
	min-width: 0
}

.statusOnline-Iw3r2o {
	background-color: var(--green-360)
}

.statusOffline-2R-ArP {
	background-color: var(--primary-400)
}

.count-62gVQ0 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin-right: 8px;
	color: var(--interactive-normal);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.count-62gVQ0:last-child {
	margin-right: 0
}

.guildNameWrapper-OUvDrW {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	overflow: hidden;
	max-width: 100%
}

.guildName-3G4jq- {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.guildInfo-UCKhrV {
	min-width: 1px
}

.guildDetail-3EJhW_ {
	font-size: 14px;
	color: var(--interactive-normal);
	line-height: 16px
}

.statusCounts-3GLDH6 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 12px;
	-moz-column-gap: 12px;
	column-gap: 12px
}

.inviteSplash-2nkLRX {
	position: relative;
	background-color: var(--background-modifier-accent);
	border-radius: 4px 4px 0 0;
	height: 64px;
	margin: -16px -16px 16px;
	overflow: hidden
}

.inviteSplashImage-3f6SDQ {
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0;
	-webkit-transition: opacity .125s;
	transition: opacity .125s;
	width: 100%;
	height: 100%
}

.inviteSplashImageLoaded-PnU-4Q {
	opacity: 1
}

.button-2b4VEQ {
	-ms-flex-item-align: center;
	align-self: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.button-2b4VEQ.buttonSize-3QlBTl {
	height: 40px
}

@-webkit-keyframes invite-button-resolving-2gIa0W {
	0% {
		-webkit-transform: translate3d(-380px, 0, 0);
		transform: translate3d(-380px, 0, 0)
	}

	50% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		-webkit-transform: translate3d(-380px, 0, 0);
		transform: translate3d(-380px, 0, 0)
	}
}

@keyframes invite-button-resolving-2gIa0W {
	0% {
		-webkit-transform: translate3d(-380px, 0, 0);
		transform: translate3d(-380px, 0, 0)
	}

	50% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		-webkit-transform: translate3d(-380px, 0, 0);
		transform: translate3d(-380px, 0, 0)
	}
}

.theme-dark .guildIconImage-74OdmM {
	background-color: var(--primary-600)
}

.infoTitle-367C0l {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden
}

.infoBadge-3DRXxE {
	margin-left: 4px
}

.headerLine-2AIsUj {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1000;
	-ms-flex: 1000 0 auto;
	flex: 1000 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 100%;
	gap: 16px
}

.spine-2vt3pM {
	border-bottom-left-radius: 8px;
	border-bottom: 2px solid var(--background-accent);
	border-left: 2px solid var(--background-accent);
	bottom: 29px;
	position: absolute;
	top: 0;
	left: -2.5rem;
	width: 2.25rem
}

.spine-2vt3pM.systemMessageSpine-18-bd2 {
	bottom: 32px;
	left: -2rem;
	width: 1.75rem
}

.spine-2vt3pM.cozy-1HM6-i {
	display: none
}

.container-3i3IzO {
	background-color: var(--background-secondary);
	border-radius: 4px;
	cursor: pointer;
	margin-top: 8px;
	max-width: 480px;
	min-width: 0;
	padding: 8px
}

.systemMessageContainer-3F3V9U {
	margin-top: 0
}

.topLine-3rZgHE {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.name-13vPlv {
	color: var(--header-primary);
	margin-right: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cta-1XhfrG,
.name-13vPlv {
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.125rem
}

.cta-1XhfrG {
	color: var(--text-link);
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.container-3i3IzO:hover .cta-1XhfrG {
	text-decoration: underline
}

.bottomLine-2RVwOq {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--header-secondary);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 2px;
	white-space: nowrap
}

.bottomLine-2RVwOq {
	font-size: 0.875rem;
	line-height: 1.125rem
}

.attachmentContentItem-UKeiCx {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto
}

.messageAttachment-CZp8Iv {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	max-width: 100%;
	height: 100%
}

.messageAttachmentFullWidth-21dFmL {
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.messageAttachmentMediaMosaic-2ic1yt {
	position: relative;
	max-height: inherit;
	border-radius: 2px
}

.hoverButtonGroup-2yZIzC:hover,
:hover+.hoverButtonGroup-2yZIzC {
	opacity: 1
}

.hoverButtonGroup-2yZIzC {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	opacity: 0;
	z-index: 2;
	position: absolute;
	border-radius: 5px;
	top: 4px;
	right: 4px;
	background-color: var(--background-primary);
	overflow: hidden
}

.nonMediaAttachment-3C_4Pd {
	top: -8px;
	right: -8px;
	outline: 1px solid var(--background-secondary)
}

.hoverButtonGroup-2yZIzC:focus,
.hoverButtonGroup-2yZIzC:hover {
	cursor: pointer
}

.hoverButton-36QWJk {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 6px;
	color: var(--interactive-normal)
}

.hoverButton-36QWJk:hover {
	background-color: var(--background-modifier-hover);
	color: var(--interactive-hover)
}

.hoverButton-36QWJk:active {
	background-color: var(--background-modifier-active);
	color: var(--interactive-active)
}

.downloadHoverButtonIcon-16xasX {
	width: 20px;
	height: 20px
}

.nonMediaAttachmentsContainer-3s1dgm {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.nonMediaAttachmentsContainer-3s1dgm {
	max-width: 100%
}

.nonMediaAttachmentItem-1e7YaR {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 100%
}

.nonMediaAttachmentItem-1e7YaR+.nonMediaAttachmentItem-1e7YaR,
.nonMediaAttachmentsContainer-3s1dgm {
	margin-top: 8px
}

@-webkit-keyframes ripple-2hTBFr {
	0% {
		-webkit-transform: scale(.4);
		transform: scale(.4);
		opacity: 1
	}

	90% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0
	}

	to {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
		opacity: 0
	}
}

@keyframes ripple-2hTBFr {
	0% {
		-webkit-transform: scale(.4);
		transform: scale(.4);
		opacity: 1
	}

	90% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0
	}

	to {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
		opacity: 0
	}
}

@-webkit-keyframes bounce-hv5Nhd {
	25% {
		-webkit-transform: scale(.6);
		transform: scale(.6)
	}

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

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounce-hv5Nhd {
	25% {
		-webkit-transform: scale(.6);
		transform: scale(.6)
	}

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

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes Shine-2Lgs_E {
	0% {
		-webkit-transform: translate3d(-75%, 0, 0);
		transform: translate3d(-75%, 0, 0)
	}

	to {
		-webkit-transform: translate3d(200%, 0, 0);
		transform: translate3d(200%, 0, 0)
	}
}

@keyframes Shine-2Lgs_E {
	0% {
		-webkit-transform: translate3d(-75%, 0, 0);
		transform: translate3d(-75%, 0, 0)
	}

	to {
		-webkit-transform: translate3d(200%, 0, 0);
		transform: translate3d(200%, 0, 0)
	}
}

.iconLayout-SqV3nb {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.iconLayout-SqV3nb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 22px;
	height: 22px;
	cursor: text
}

.iconContainer-1RqWJj {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 16px;
	height: 16px
}

.icon-18rqoe {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	-webkit-transition: opacity .1s ease-out, -webkit-transform .1s ease-out;
	transition: opacity .1s ease-out, -webkit-transform .1s ease-out;
	transition: transform .1s ease-out, opacity .1s ease-out;
	transition: transform .1s ease-out, opacity .1s ease-out, -webkit-transform .1s ease-out;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: var(--text-muted)
}

.icon-18rqoe.visible-2yTnyW {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1
}

@-webkit-keyframes ripple-1zZKn6 {
	0% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		opacity: 1
	}

	to {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
		opacity: 0
	}
}

@keyframes ripple-1zZKn6 {
	0% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		opacity: 1
	}

	to {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
		opacity: 0
	}
}

@-webkit-keyframes shake-3U59Se {
	0% {
		-webkit-transform: translate(1px, 1px) rotate(0deg);
		transform: translate(1px, 1px) rotate(0deg)
	}

	10% {
		-webkit-transform: translate(-1px, -1px) rotate(-1deg);
		transform: translate(-1px, -1px) rotate(-1deg)
	}

	20% {
		-webkit-transform: translate(-2px) rotate(1deg);
		transform: translate(-2px) rotate(1deg)
	}

	30% {
		-webkit-transform: translate(2px, 1px) rotate(0deg);
		transform: translate(2px, 1px) rotate(0deg)
	}

	40% {
		-webkit-transform: translate(1px, -1px) rotate(1deg);
		transform: translate(1px, -1px) rotate(1deg)
	}

	50% {
		-webkit-transform: translate(-1px, 1px) rotate(-1deg);
		transform: translate(-1px, 1px) rotate(-1deg)
	}

	60% {
		-webkit-transform: translate(-2px, 1px) rotate(0deg);
		transform: translate(-2px, 1px) rotate(0deg)
	}

	70% {
		-webkit-transform: translate(2px, 1px) rotate(-1deg);
		transform: translate(2px, 1px) rotate(-1deg)
	}

	80% {
		-webkit-transform: translate(-1px, -1px) rotate(1deg);
		transform: translate(-1px, -1px) rotate(1deg)
	}

	90% {
		-webkit-transform: translate(1px, 1px) rotate(0deg);
		transform: translate(1px, 1px) rotate(0deg)
	}

	to {
		-webkit-transform: translate(1px, -1px) rotate(-1deg);
		transform: translate(1px, -1px) rotate(-1deg)
	}
}

@keyframes shake-3U59Se {
	0% {
		-webkit-transform: translate(1px, 1px) rotate(0deg);
		transform: translate(1px, 1px) rotate(0deg)
	}

	10% {
		-webkit-transform: translate(-1px, -1px) rotate(-1deg);
		transform: translate(-1px, -1px) rotate(-1deg)
	}

	20% {
		-webkit-transform: translate(-2px) rotate(1deg);
		transform: translate(-2px) rotate(1deg)
	}

	30% {
		-webkit-transform: translate(2px, 1px) rotate(0deg);
		transform: translate(2px, 1px) rotate(0deg)
	}

	40% {
		-webkit-transform: translate(1px, -1px) rotate(1deg);
		transform: translate(1px, -1px) rotate(1deg)
	}

	50% {
		-webkit-transform: translate(-1px, 1px) rotate(-1deg);
		transform: translate(-1px, 1px) rotate(-1deg)
	}

	60% {
		-webkit-transform: translate(-2px, 1px) rotate(0deg);
		transform: translate(-2px, 1px) rotate(0deg)
	}

	70% {
		-webkit-transform: translate(2px, 1px) rotate(-1deg);
		transform: translate(2px, 1px) rotate(-1deg)
	}

	80% {
		-webkit-transform: translate(-1px, -1px) rotate(1deg);
		transform: translate(-1px, -1px) rotate(1deg)
	}

	90% {
		-webkit-transform: translate(1px, 1px) rotate(0deg);
		transform: translate(1px, 1px) rotate(0deg)
	}

	to {
		-webkit-transform: translate(1px, -1px) rotate(-1deg);
		transform: translate(1px, -1px) rotate(-1deg)
	}
}

.reactions-3ryImn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -.5rem;
	padding-bottom: .25rem
}

.icon-1q31jb,
.reactionBtn-3I19bq {
	width: 1rem;
	height: 1rem
}

.reactionBtn-3I19bq {
	position: relative;
	margin-left: .25rem;
	margin-right: .25rem;
	margin-bottom: .125rem;
	cursor: pointer;
	visibility: hidden;
	color: var(--interactive-normal)
}

.reactionBtn-3I19bq:hover .icon-1q31jb {
	color: var(--interactive-hover)
}

.reactionBtn-3I19bq:active .icon-1q31jb {
	color: var(--interactive-active)
}

.reactions-3ryImn:hover .reactionBtn-3I19bq {
	visibility: visible
}

.reaction-3vwAF2 {
	border-radius: .5rem;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: .25rem;
	margin-bottom: .25rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: none .1s ease;
	transition: none .1s ease;
	-webkit-transition-property: background-color, border-color;
	transition-property: background-color, border-color;
	background: var(--background-secondary);
	border: 1px solid transparent
}

.reaction-3vwAF2 .emoji {
	width: 1rem;
	height: 1rem;
	margin: .125rem 0;
	min-width: auto;
	min-height: auto
}

.reaction-3vwAF2:hover {
	background-color: var(--background-primary);
	border-color: hsl(var(--white-500-hsl)/.2)
}

.reaction-3vwAF2:hover .reactionCount-26U4As {
	color: var(--interactive-hover)
}

.reaction-3vwAF2:active {
	background-color: var(--background-secondary-alt);
	border-color: transparent
}

.reaction-3vwAF2:active .reactionCount-26U4As {
	color: var(--interactive-active)
}

.reactionInner-YJjOtT {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: .125rem .375rem;
	position: relative
}

.reactionCount-26U4As {
	font-size: 0.875rem;
	font-weight: 600;
	margin-left: .375rem;
	text-align: center;
	color: var(--interactive-normal)
}

@-webkit-keyframes shake-2By5IS {
	0% {
		-webkit-transform: translate(1px, 1px) rotate(0deg);
		transform: translate(1px, 1px) rotate(0deg)
	}

	10% {
		-webkit-transform: translate(-1px, -1px) rotate(-1deg);
		transform: translate(-1px, -1px) rotate(-1deg)
	}

	20% {
		-webkit-transform: translate(-2px) rotate(1deg);
		transform: translate(-2px) rotate(1deg)
	}

	30% {
		-webkit-transform: translate(2px, 1px) rotate(0deg);
		transform: translate(2px, 1px) rotate(0deg)
	}

	40% {
		-webkit-transform: translate(1px, -1px) rotate(1deg);
		transform: translate(1px, -1px) rotate(1deg)
	}

	50% {
		-webkit-transform: translate(-1px, 1px) rotate(-1deg);
		transform: translate(-1px, 1px) rotate(-1deg)
	}

	60% {
		-webkit-transform: translate(-2px, 1px) rotate(0deg);
		transform: translate(-2px, 1px) rotate(0deg)
	}

	70% {
		-webkit-transform: translate(2px, 1px) rotate(-1deg);
		transform: translate(2px, 1px) rotate(-1deg)
	}

	80% {
		-webkit-transform: translate(-1px, -1px) rotate(1deg);
		transform: translate(-1px, -1px) rotate(1deg)
	}

	90% {
		-webkit-transform: translate(1px, 1px) rotate(0deg);
		transform: translate(1px, 1px) rotate(0deg)
	}

	to {
		-webkit-transform: translate(1px, -1px) rotate(-1deg);
		transform: translate(1px, -1px) rotate(-1deg)
	}
}

@keyframes shake-2By5IS {
	0% {
		-webkit-transform: translate(1px, 1px) rotate(0deg);
		transform: translate(1px, 1px) rotate(0deg)
	}

	10% {
		-webkit-transform: translate(-1px, -1px) rotate(-1deg);
		transform: translate(-1px, -1px) rotate(-1deg)
	}

	20% {
		-webkit-transform: translate(-2px) rotate(1deg);
		transform: translate(-2px) rotate(1deg)
	}

	30% {
		-webkit-transform: translate(2px, 1px) rotate(0deg);
		transform: translate(2px, 1px) rotate(0deg)
	}

	40% {
		-webkit-transform: translate(1px, -1px) rotate(1deg);
		transform: translate(1px, -1px) rotate(1deg)
	}

	50% {
		-webkit-transform: translate(-1px, 1px) rotate(-1deg);
		transform: translate(-1px, 1px) rotate(-1deg)
	}

	60% {
		-webkit-transform: translate(-2px, 1px) rotate(0deg);
		transform: translate(-2px, 1px) rotate(0deg)
	}

	70% {
		-webkit-transform: translate(2px, 1px) rotate(-1deg);
		transform: translate(2px, 1px) rotate(-1deg)
	}

	80% {
		-webkit-transform: translate(-1px, -1px) rotate(1deg);
		transform: translate(-1px, -1px) rotate(1deg)
	}

	90% {
		-webkit-transform: translate(1px, 1px) rotate(0deg);
		transform: translate(1px, 1px) rotate(0deg)
	}

	to {
		-webkit-transform: translate(1px, -1px) rotate(-1deg);
		transform: translate(1px, -1px) rotate(-1deg)
	}
}

.container-2sjPya {
	display: grid;
	grid-auto-flow: row;
	grid-row-gap: .25rem;
	grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	text-indent: 0;
	min-height: 0;
	min-width: 0;
	padding-top: .125rem;
	padding-bottom: .125rem;
	position: relative
}

.container-2sjPya:empty {
	display: none
}

.container-2sjPya>* {
	justify-self: start;
	-ms-flex-item-align: start;
	align-self: start
}

.container-x059i8 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	color: var(--channels-default);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-top: .125rem;
	padding-bottom: .125rem
}

.content-vSHmMD {
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.375rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.content-vSHmMD a {
	cursor: pointer;
	color: var(--interactive-active);
	font-weight: 500
}

.iconContainer-2rPbqG {
	position: absolute;
	width: 2.5rem;
	right: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: .25rem
}

.font-size-16 .cozy-S5wsfF .iconContainer-2rPbqG {
	width: 4.5rem
}

@-webkit-keyframes placeholderPulse-3EMrpU {
	0% {
		opacity: .2
	}

	50% {
		opacity: .5
	}

	to {
		opacity: .2
	}
}

@keyframes placeholderPulse-3EMrpU {
	0% {
		opacity: .2
	}

	50% {
		opacity: .5
	}

	to {
		opacity: .2
	}
}

.icon-Lf4Ztd {
	height: 1.125rem;
	width: 1.125rem
}

.mentioned-Tre-dv {
	position: relative;
	background-color: var(--background-mentioned)
}

.mentioned-Tre-dv:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	pointer-events: none;
	width: 2px
}

.mentioned-Tre-dv:before {
	background-color: var(--info-warning-foreground)
}

.messageListItem-ZZ7v6g {
	outline: none;
	position: relative
}

.message-2CShn3 {
	padding-right: 48px !important
}

.buttons-3dF5Kd {
	opacity: 0;
	pointer-events: none
}

.cozyMessage-1DWF9U.groupStart-3Mlgv1 {
	min-height: 2.75rem
}

.systemMessage-1H1Z20.groupStart-3Mlgv1 {
	min-height: 1.375rem
}

.divider-IqmEqJ {
	margin-left: 1rem;
	margin-right: .875rem
}

.theme-dark .mentioned-Tre-dv .mention.interactive:hover {
	text-decoration: underline
}

.group-spacing-16 .groupStart-3Mlgv1 {
	margin-top: 1.0625rem
}

.group-spacing-16 .divider-IqmEqJ {
	margin-top: 4px;
	margin-bottom: 4px
}

.group-spacing-16 .divider-IqmEqJ.hasContent-1y12-u {
	margin-top: 1.5rem;
	margin-bottom: .5rem
}

@-webkit-keyframes reflect-2rY-SF {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: 0
	}

	80% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: .25
	}

	81% {
		-webkit-transform: scale(4) rotate(45deg);
		transform: scale(4) rotate(45deg);
		opacity: .5
	}

	to {
		-webkit-transform: scale(50) rotate(45deg);
		transform: scale(50) rotate(45deg);
		opacity: 0
	}
}

@keyframes reflect-2rY-SF {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: 0
	}

	80% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: .25
	}

	81% {
		-webkit-transform: scale(4) rotate(45deg);
		transform: scale(4) rotate(45deg);
		opacity: .5
	}

	to {
		-webkit-transform: scale(50) rotate(45deg);
		transform: scale(50) rotate(45deg);
		opacity: 0
	}
}

:root {
	--dark-elevation-low: 0 1px 5px 0 hsl(var(--black-500-hsl)/0.3);
	--dark-elevation-high: 0 2px 10px 0 hsl(var(--black-500-hsl)/0.2);
	--dark-elevation-border: 0 0 0 1px hsl(var(--primary-700-hsl)/0.6);
	--light-elevation-low: 0 1px 5px hsl(var(--black-500-hsl)/0.2);
	--light-elevation-high: 0 2px 10px 0 hsl(var(--black-500-hsl)/0.1);
	--light-elevation-border: 0 0 0 1px hsl(var(--primary-300-hsl)/0.3)
}

@-webkit-keyframes outgoing-call-pulse-2KRITg {
	0% {
		opacity: 0;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	11.56% {
		opacity: 1
	}

	39.02% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}

	39.03% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	39.04% {
		opacity: 1
	}

	66.48% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}

	to {
		opacity: 0;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes outgoing-call-pulse-2KRITg {
	0% {
		opacity: 0;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	11.56% {
		opacity: 1
	}

	39.02% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}

	39.03% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	39.04% {
		opacity: 1
	}

	66.48% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}

	to {
		opacity: 0;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes incoming-call-pulse-2RLQpZ {
	0% {
		opacity: 0;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	0.7% {
		opacity: 1
	}

	25.54% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}

	25.55% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	25.56% {
		opacity: 1
	}

	49.98% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}

	49.99% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	50% {
		opacity: 1
	}

	74.69% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}

	74.70% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	74.71% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}
}

@keyframes incoming-call-pulse-2RLQpZ {
	0% {
		opacity: 0;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	0.7% {
		opacity: 1
	}

	25.54% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}

	25.55% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	25.56% {
		opacity: 1
	}

	49.98% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}

	49.99% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	50% {
		opacity: 1
	}

	74.69% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}

	74.70% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	74.71% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1)
	}
}

.hljs {
	display: block;
	overflow-x: auto;
	padding: .5em;
	border-radius: 4px;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	color: var(--text-normal);
	background: var(--background-secondary)
}

.theme-dark .hljs-keyword {
	color: #ff7b72
}

.theme-dark .hljs-title,
.theme-dark .hljs-title.function_ {
	color: #d2a8ff
}

.theme-dark .hljs-literal {
	color: #79c0ff
}

.theme-dark .hljs-comment {
	color: #8b949e
}

@-webkit-keyframes symbolFadeIn-1IzFxB {
	0% {
		opacity: 0
	}

	25% {
		opacity: 1
	}

	to {
		opacity: 1
	}
}

@keyframes symbolFadeIn-1IzFxB {
	0% {
		opacity: 0
	}

	25% {
		opacity: 1
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes symbolBgFadeOut-2xDb96 {
	0% {
		opacity: 0
	}

	25% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes symbolBgFadeOut-2xDb96 {
	0% {
		opacity: 0
	}

	25% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes explCircleInner-L15jI9 {
	0% {
		-webkit-transform: scale(.2) translateZ(0);
		transform: scale(.2) translateZ(0);
		opacity: 0
	}

	10% {
		opacity: 1
	}

	70% {
		opacity: 1
	}

	to {
		-webkit-transform: scale(.8) translateZ(0);
		transform: scale(.8) translateZ(0);
		opacity: 0
	}
}

@keyframes explCircleInner-L15jI9 {
	0% {
		-webkit-transform: scale(.2) translateZ(0);
		transform: scale(.2) translateZ(0);
		opacity: 0
	}

	10% {
		opacity: 1
	}

	70% {
		opacity: 1
	}

	to {
		-webkit-transform: scale(.8) translateZ(0);
		transform: scale(.8) translateZ(0);
		opacity: 0
	}
}

@-webkit-keyframes explCircleOuter-1WD0Ce {
	0% {
		-webkit-transform: scale(.2) translateZ(0);
		transform: scale(.2) translateZ(0);
		opacity: 0
	}

	10% {
		opacity: 1
	}

	70% {
		opacity: 1
	}

	to {
		-webkit-transform: scale(.9) translateZ(0);
		transform: scale(.9) translateZ(0);
		opacity: 0
	}
}

@keyframes explCircleOuter-1WD0Ce {
	0% {
		-webkit-transform: scale(.2) translateZ(0);
		transform: scale(.2) translateZ(0);
		opacity: 0
	}

	10% {
		opacity: 1
	}

	70% {
		opacity: 1
	}

	to {
		-webkit-transform: scale(.9) translateZ(0);
		transform: scale(.9) translateZ(0);
		opacity: 0
	}
}

@-webkit-keyframes explLinesSecondary-l2BOt1 {
	0% {
		-webkit-transform: scale(0) translateZ(0);
		transform: scale(0) translateZ(0);
		opacity: 0
	}

	20% {
		opacity: 1
	}

	50% {
		opacity: 1
	}

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

@keyframes explLinesSecondary-l2BOt1 {
	0% {
		-webkit-transform: scale(0) translateZ(0);
		transform: scale(0) translateZ(0);
		opacity: 0
	}

	20% {
		opacity: 1
	}

	50% {
		opacity: 1
	}

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

@-webkit-keyframes explLinesMain-E5yxrD {
	0% {
		-webkit-transform: scale(0) translateZ(0);
		transform: scale(0) translateZ(0);
		opacity: 0
	}

	30% {
		opacity: 1
	}

	50% {
		opacity: 1
	}

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

@keyframes explLinesMain-E5yxrD {
	0% {
		-webkit-transform: scale(0) translateZ(0);
		transform: scale(0) translateZ(0);
		opacity: 0
	}

	30% {
		opacity: 1
	}

	50% {
		opacity: 1
	}

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

@-webkit-keyframes arrow-hkea5Y {
	0% {
		background-position: 0 -50px
	}

	to {
		background-position: 0 -150px
	}
}

@keyframes arrow-hkea5Y {
	0% {
		background-position: 0 -50px
	}

	to {
		background-position: 0 -150px
	}
}

@-webkit-keyframes arrow-pulse-12clTO {

	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	50% {
		-webkit-transform: translate3d(3px, 0, 0);
		transform: translate3d(3px, 0, 0)
	}
}

@keyframes arrow-pulse-12clTO {

	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	50% {
		-webkit-transform: translate3d(3px, 0, 0);
		transform: translate3d(3px, 0, 0)
	}
}

strong {
	font-weight: 600
}

@-webkit-keyframes exclaim-loop-oqpIqG {
	0% {
		top: -10px
	}

	21% {
		top: -14px
	}

	46%,
	51% {
		top: -10px
	}

	72% {
		top: -14px
	}

	to {
		top: -10px
	}
}

@keyframes exclaim-loop-oqpIqG {
	0% {
		top: -10px
	}

	21% {
		top: -14px
	}

	46%,
	51% {
		top: -10px
	}

	72% {
		top: -14px
	}

	to {
		top: -10px
	}
}

@-webkit-keyframes dot-loop-2RbJY7 {
	0% {
		top: 14px
	}

	19% {
		top: 9px
	}

	44%,
	49% {
		top: 14px
	}

	70% {
		top: 9px
	}

	95%,
	to {
		top: 14px
	}
}

@keyframes dot-loop-2RbJY7 {
	0% {
		top: 14px
	}

	19% {
		top: 9px
	}

	44%,
	49% {
		top: 14px
	}

	70% {
		top: 9px
	}

	95%,
	to {
		top: 14px
	}
}

@-webkit-keyframes inner-circle-loop-3au2KS {
	0% {
		opacity: .1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	42% {
		opacity: .25;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		opacity: .1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes inner-circle-loop-3au2KS {
	0% {
		opacity: .1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	42% {
		opacity: .25;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		opacity: .1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@-webkit-keyframes outer-circle-loop-hX_mDE {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	51% {
		opacity: .2;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes outer-circle-loop-hX_mDE {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	51% {
		opacity: .2;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@-webkit-keyframes inner-circle-loop-high-priority-18Cy96 {
	0% {
		opacity: .1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	42% {
		opacity: .5;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		opacity: .1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes inner-circle-loop-high-priority-18Cy96 {
	0% {
		opacity: .1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	42% {
		opacity: .5;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		opacity: .1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@-webkit-keyframes outer-circle-loop-high-priority-1Z32o- {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	51% {
		opacity: .4;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes outer-circle-loop-high-priority-1Z32o- {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	51% {
		opacity: .4;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@-webkit-keyframes quick-fade-out-UWixG9 {
	to {
		opacity: 0
	}
}

@keyframes quick-fade-out-UWixG9 {
	to {
		opacity: 0
	}
}

.container-ZMc96U {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 0;
	width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 48px;
	padding: 0 8px;
	font-size: 16px;
	line-height: 20px;
	cursor: default;
	z-index: 2;
	color: var(--text-normal);
	--__header-bar-background: var(--background-primary)
}

.container-ZMc96U,
.container-ZMc96U * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.children-3xh0VB {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 0;
	overflow: hidden
}

.children-3xh0VB:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%
}

.theme-dark .children-3xh0VB:after {
	background: -webkit-gradient(linear, left top, right top, from(rgba(54, 57, 63, 0)), to(var(--__header-bar-background)));
	background: linear-gradient(90deg, rgba(54, 57, 63, 0) 0, var(--__header-bar-background))
}

.toolbar-3_r2xA {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-width: 0
}

.title-17SveM,
.toolbar-3_r2xA {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.title-17SveM {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	overflow: hidden;
	white-space: nowrap
}

.titleWrapper-24Kyzc {
	margin: 0 8px 0 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-width: auto
}

.clickable-ZD7xvu {
	cursor: pointer
}

.iconWrapper-2awDjA {
	position: relative;
	height: 24px;
	width: auto;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 0 8px
}

.icon-2xnN2Y {
	display: block;
	width: 24px;
	height: 24px;
	-webkit-app-region: no-drag;
	color: var(--channel-icon)
}

.clickable-ZD7xvu .icon-2xnN2Y {
	color: var(--interactive-normal)
}

.clickable-ZD7xvu:hover .icon-2xnN2Y {
	color: var(--interactive-hover)
}

.selected-29KTGM .icon-2xnN2Y {
	color: var(--interactive-active)
}

.iconBadge-3Mmg92 {
	position: absolute;
	right: 2px;
	bottom: 2px;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: var(--status-danger)
}

.divider-q3P9HC {
	width: 1px;
	height: 24px;
	margin: 0 8px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	background: var(--background-modifier-accent)
}

.theme-dark .themed-Hp1KC_ {
	background: var(--bg-overlay-2, var(--__header-bar-background))
}

.divider-2rZFJK {
	z-index: 1;
	height: 0;
	border-top: thin solid var(--background-modifier-accent);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	--divider-color: var(--status-danger)
}

.isUnread-3Lojb- {
	border-color: var(--divider-color)
}

.hasContent-31hcsn {
	position: relative;
	left: auto;
	right: auto
}

.endCap-2wHt31 {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: -7px;
	height: 13px;
	right: 0;
	font-size: 10px;
	line-height: 9px;
	font-weight: 700;
	padding: 0 4px 0 1px;
	border-radius: 0 4px 4px 0;
	text-transform: uppercase;
	color: var(--white-500);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-left: none
}

.unreadPill-3nEWYM {
	background-color: var(--divider-color)
}

.unreadPillCap-2-iI4h {
	display: block;
	position: absolute;
	left: -8px;
	top: 0;
	height: 13px
}

.unreadPillCapStroke-1nE1Q8 {
	color: var(--divider-color);
	fill: var(--divider-color)
}

.content-3spvdd {
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 2px 4px;
	color: var(--text-muted);
	background: var(--bg-overlay-chat, var(--background-primary));
	line-height: 13px;
	font-size: 12px;
	margin-top: -1px;
	font-weight: 600;
	border-radius: 8px
}

.isUnread-3Lojb- .content-3spvdd {
	color: var(--divider-color)
}

.recentsIcon-F3eO1o {
	position: relative
}

.theme-dark {
	--search-popout-option-fade: linear-gradient(90deg, hsl(var(--primary-800-hsl)/0), hsl(var(--primary-800-hsl)/1) 80%);
	--search-popout-option-fade-hover: linear-gradient(90deg, hsl(var(--primary-600-hsl)/0), var(--primary-600) 50%);
	--search-popout-option-user-nickname: var(--text-normal);
	--search-popout-option-user-username: var(--text-muted);
	--search-popout-option-filter-text: var(--primary-400);
	--search-popout-option-non-text-color: #caccce;
	--search-popout-option-filter-color: #caccce;
	--search-popout-option-answer-color: #caccce;
	--search-popout-date-picker-border: 1px solid hsl(var(--primary-660-hsl)/0.3);
	--search-popout-date-picker-hint-text: #caccce;
	--search-popout-date-picker-hint-value-text: #fff;
	--search-popout-date-picker-hint-value-background: var(--brand-experiment);
	--search-popout-date-picker-hint-value-background-hover: var(--brand-experiment-430)
}

.search-2Mwzzq {
	position: relative;
	overflow: visible;
	z-index: 100;
	-webkit-app-region: no-drag
}

.search-2Mwzzq .DraftEditor-root {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	overflow: hidden;
	padding: 2px 0
}

.search-2Mwzzq .DraftEditor-root .DraftEditor-editorContainer {
	border: none;
	overflow: hidden;
	border-radius: 2px;
	height: 20px
}

.search-2Mwzzq .DraftEditor-root .public-DraftEditor-content,
.search-2Mwzzq .DraftEditor-root .public-DraftEditorPlaceholder-root {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	padding-bottom: 20px;
	padding-left: 2px;
	padding-right: 2px
}

.search-2Mwzzq .DraftEditor-root .public-DraftEditorPlaceholder-root {
	color: var(--text-muted);
	padding-left: 4px
}

.search-2Mwzzq .DraftEditor-root .public-DraftEditor-content {
	overflow-x: auto;
	overflow-y: hidden
}

.search-2Mwzzq .DraftEditor-root .public-DraftStyleDefault-block {
	display: inline-block;
	min-width: 1px;
	white-space: pre
}

.search-2Mwzzq .DraftEditor-root .public-DraftStyleDefault-block span {
	min-width: 1px
}

.searchBar-jGtisZ {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	height: 24px;
	width: 144px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: text;
	overflow: hidden;
	padding: 0 2px;
	color: var(--text-normal);
	background: var(--bg-overlay-3, var(--background-tertiary))
}

.searchBar-jGtisZ .icon-tZMHgY {
	width: 24px;
	height: 24px
}

.full-motion .searchBar-jGtisZ {
	-webkit-transition: width .25s ease;
	transition: width .25s ease
}

.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
	height: inherit;
	text-align: initial
}

.public-DraftEditor-content[contenteditable=true] {
	-webkit-user-modify: read-write-plaintext-only
}

.DraftEditor-root {
	position: relative
}

.DraftEditor-editorContainer {
	background-color: hsla(0, 0%, 100%, 0);
	border-left: .1px solid transparent;
	position: relative;
	z-index: 1
}

.public-DraftEditorPlaceholder-root {
	color: #9197a3;
	position: absolute;
	z-index: 1
}

.public-DraftStyleDefault-block {
	position: relative;
	white-space: pre-wrap
}

.public-DraftStyleDefault-ltr {
	direction: ltr;
	text-align: left
}

@-webkit-keyframes arrowBounce-1HCeOG {
	0% {
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0)
	}

	50% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0)
	}
}

@keyframes arrowBounce-1HCeOG {
	0% {
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0)
	}

	50% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0)
	}
}

.search-39IXmY {
	margin: 0 8px
}

.attachWrapper-3slhXI {
	position: sticky;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-ms-flex-item-align: stretch;
	align-self: stretch
}

.attachButton-_ACFSu {
	height: 44px;
	padding: 10px 16px;
	position: sticky;
	top: 0
}

.attachButtonInner-2mwer8 {
	height: 24px
}

.attachButtonPlus-3IYelE {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	width: 24px;
	height: 24px
}

.attachButtonPlus-3IYelE {
	fill: var(--interactive-normal)
}

.attachButton-_ACFSu:hover .attachButtonPlus-3IYelE {
	fill: var(--interactive-hover)
}

.uploadInput-YH_iku {
	position: relative;
	width: 0;
	height: 0;
	pointer-events: none
}

@-webkit-keyframes loadIN-2xbP0S {
	0% {
		-webkit-transform: translate3d(0, 24px, 0);
		transform: translate3d(0, 24px, 0);
		opacity: 0
	}

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

@keyframes loadIN-2xbP0S {
	0% {
		-webkit-transform: translate3d(0, 24px, 0);
		transform: translate3d(0, 24px, 0);
		opacity: 0
	}

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

.container-1ZA19X {
	bottom: 100%;
	margin-bottom: 12px;
	min-height: 16px;
	position: absolute;
	-webkit-transition: opacity .125s ease-in, -webkit-transform .125s cubic-bezier(.48, 1.93, 1, .68);
	transition: opacity .125s ease-in, -webkit-transform .125s cubic-bezier(.48, 1.93, 1, .68);
	transition: opacity .125s ease-in, transform .125s cubic-bezier(.48, 1.93, 1, .68);
	transition: opacity .125s ease-in, transform .125s cubic-bezier(.48, 1.93, 1, .68), -webkit-transform .125s cubic-bezier(.48, 1.93, 1, .68);
	opacity: 1;
	will-change: opacity, transform;
	left: auto;
	right: 4px
}

.container-1ZA19X.hidden-tnoHf9 {
	-webkit-transform: translateY(12px);
	transform: translateY(12px);
	opacity: 0;
	pointer-events: none
}

.stickerIconOffset-2zxofV {
	right: 40px
}

.containerBackground-Ang24O {
	background-color: var(--background-floating);
	border: 1px solid var(--background-modifier-selected);
	border-radius: 8px;
	bottom: 0;
	-webkit-box-shadow: var(--elevation-high);
	box-shadow: var(--elevation-high);
	left: 0;
	min-height: 16px;
	opacity: .95;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0
}

.containerBackground-Ang24O:after {
	border: 7px solid transparent;
	border-top: 7px solid var(--background-floating);
	content: "";
	height: 0;
	margin-top: -1px;
	position: absolute;
	right: 14px;
	top: 100%;
	width: 0
}

.bottomInformationTextContainer-3xmddX {
	z-index: 1;
	position: relative;
	padding: 0 8px 10px;
	height: 24px
}

.bottomInformationLayout-3pAQvD {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.textDivider-34kVsR {
	height: 1px;
	margin: 0 0 4px;
	background-color: var(--background-modifier-accent)
}

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

.stickerResults-cD_yeI {
	display: grid;
	grid-gap: 8px;
	grid-auto-flow: column;
	grid-template-columns: repeat(auto-fit, 48px);
	padding: 8px;
	position: relative;
	z-index: 1
}

.keybind-1ejq-9 {
	display: inline-block
}

.closeIcon-14ZT1N {
	color: var(--text-muted);
	cursor: pointer
}

.closeIcon-14ZT1N:hover {
	color: var(--interactive-hover)
}

.theme-dark .keybind-1ejq-9 span {
	-webkit-box-shadow: inset 0 -4px 0 rgba(32, 34, 37, .6);
	box-shadow: inset 0 -4px 0 rgba(32, 34, 37, .6)
}

.theme-dark .containerBackground-Ang24O {
	opacity: .95
}

.editor-H2NA06 {
	caret-color: var(--text-normal);
	text-align: left;
	word-break: break-word;
	white-space: break-spaces !important
}

.editor-H2NA06 pre {
	max-width: none
}

.placeholder-1rCBhr {
	position: absolute;
	left: 0;
	right: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: var(--channel-text-area-placeholder);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none
}

.slateContainer-3x9zil {
	position: relative
}

.slateTextArea-27tjG0 {
	padding-right: 10px;
	position: absolute;
	left: 0;
	right: 10px
}

.channelTextArea-1VQBuV {
	position: relative;
	width: 100%;
	text-indent: 0;
	border-radius: 8px
}

.scrollableContainer-15eg7h {
	overflow-x: hidden;
	overflow-y: scroll;
	max-height: 50vh;
	border-radius: 8px;
	background: var(--bg-overlay-3, var(--channeltextarea-background));
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	scrollbar-width: none
}

.webkit-QgSAqd::-webkit-scrollbar {
	width: 12px;
	height: 12px
}

.webkit-QgSAqd::-webkit-scrollbar-thumb,
.webkit-QgSAqd::-webkit-scrollbar-track {
	background-clip: padding-box;
	border: 4px solid transparent
}

.webkit-QgSAqd::-webkit-scrollbar-track {
	border-width: initial
}

.webkit-QgSAqd::-webkit-scrollbar-thumb {
	background-color: hsl(var(--primary-800-hsl)/.6);
	border-radius: 8px
}

.inner-NQg18Y {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.sansAttachButton-1ERHue {
	padding-left: 16px
}

.attachButton-1ijpt9 {
	margin-left: -16px
}

.textArea-2CLwUE {
	background-color: transparent;
	resize: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.375rem;
	width: 100%;
	height: 44px;
	min-height: 44px;
	color: var(--text-normal);
	padding-left: 0;
	padding-right: 10px
}

.textArea-2CLwUE::-webkit-input-placeholder {
	-webkit-user-select: none;
	user-select: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: var(--text-muted)
}

.textArea-2CLwUE::-moz-placeholder {
	-moz-user-select: none;
	user-select: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: var(--text-muted)
}

.textArea-2CLwUE:-ms-input-placeholder {
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: var(--text-muted)
}

.textArea-2CLwUE::placeholder {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: var(--text-muted)
}

.textAreaSlate-9-y-k2 {
	padding: 0
}

.buttons-uaqb-5 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	height: 44px;
	position: sticky;
	top: 0;
	margin-right: 4px
}

.webkit-QgSAqd .buttons-uaqb-5 {
	margin-right: -6px
}

.buttonContainer-2lnNiN {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.button-3BaQ4X {
	padding: 4px;
	margin-left: 4px;
	margin-right: 4px
}

.emojiButton-1fMsf3 {}

.stickerIcon-3Jx5SE {
	width: 20px !important;
	height: 20px !important
}

.stickerButton-1-nFh2 {
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}

.fontSize16Padding-XoMpjI {
	padding-bottom: 11px;
	padding-top: 11px
}

.emojiButton-3FRTuj {
	max-height: 50px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.emojiButtonNormal-35P0_i {}

.sprite-2lxwfc {
	background-image: url(/assets/3b560acdc7fcf50d1bf8388aca8e5e7c.png);
	background-position: 50%;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	display: block
}

@-webkit-keyframes pulseIcon-10Zd1W {

	0%,
	to {
		-webkit-transform: scale(.85714);
		transform: scale(.85714)
	}

	50% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes pulseIcon-10Zd1W {

	0%,
	to {
		-webkit-transform: scale(.85714);
		transform: scale(.85714)
	}

	50% {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes pulseButton-34ZucJ {

	0%,
	to {
		opacity: .3
	}

	50% {
		opacity: 1
	}
}

@keyframes pulseButton-34ZucJ {

	0%,
	to {
		opacity: .3
	}

	50% {
		opacity: 1
	}
}

@-webkit-keyframes sparkle-ilKGsQ {
	0% {
		opacity: 0;
		-webkit-transform: rotate(-50deg) scale(0);
		transform: rotate(-50deg) scale(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1)
	}

	40% {
		opacity: 0;
		-webkit-transform: rotate(50deg) scale(0);
		transform: rotate(50deg) scale(0)
	}

	to {
		opacity: 0;
		-webkit-transform: rotate(-50deg) scale(0);
		transform: rotate(-50deg) scale(0)
	}
}

@keyframes sparkle-ilKGsQ {
	0% {
		opacity: 0;
		-webkit-transform: rotate(-50deg) scale(0);
		transform: rotate(-50deg) scale(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1)
	}

	40% {
		opacity: 0;
		-webkit-transform: rotate(50deg) scale(0);
		transform: rotate(50deg) scale(0)
	}

	to {
		opacity: 0;
		-webkit-transform: rotate(-50deg) scale(0);
		transform: rotate(-50deg) scale(0)
	}
}

.buttonWrapper-3YFQGJ {
	cursor: pointer
}

.button-2fCJ0o {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--interactive-normal)
}

.button-2fCJ0o:hover {
	color: var(--interactive-hover)
}

.button-2fCJ0o:active {
	color: var(--interactive-active)
}

.icon-1d5zch {
	width: 24px;
	height: 24px
}

.buttonWrapper-3YFQGJ svg {
	display: block
}

.buttonWrapper-3YFQGJ:hover {
	color: var(--interactive-active)
}

.wrapper-2vIMkT {
	background-color: var(--background-primary);
	-webkit-box-shadow: var(--elevation-stroke);
	box-shadow: var(--elevation-stroke);
	display: grid;
	grid-auto-flow: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 32px;
	border-radius: 4px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: -webkit-box-shadow .1s ease-out;
	transition: -webkit-box-shadow .1s ease-out;
	transition: box-shadow .1s ease-out;
	transition: box-shadow .1s ease-out, -webkit-box-shadow .1s ease-out;
	position: relative;
	overflow: hidden
}

.full-motion .wrapper-2vIMkT:hover {
	-webkit-box-shadow: var(--elevation-stroke), var(--elevation-medium);
	box-shadow: var(--elevation-stroke), var(--elevation-medium)
}

.button-3bklZh {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 24px;
	padding: 4px;
	min-width: 24px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	color: var(--interactive-normal);
	cursor: pointer;
	position: relative
}

.button-3bklZh:hover {
	color: var(--interactive-hover);
	background-color: var(--background-modifier-hover)
}

.button-3bklZh:active {
	padding-top: 5px;
	padding-bottom: 3px;
	color: var(--interactive-active);
	background-color: var(--background-modifier-active)
}

.icon-tZV_7s {
	width: 20px;
	height: 20px;
	display: block;
	-o-object-fit: contain;
	object-fit: contain
}

.container-2gUZhU {
	position: absolute;
	right: 0;
	z-index: 1;
	top: -25px;
	padding: 0 14px 0 32px
}

.isHeader-2bbX-L {
	top: -16px
}

.icon-1zidb7 {
	width: 20px;
	height: 20px;
	display: block;
	-o-object-fit: contain;
	object-fit: contain
}

.container-1yy5xN {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin: 16px
}

.header-1dhDWV {
	font-weight: 700;
	margin: 8px 0
}

.description-22d6ux {
	color: var(--header-secondary)
}

.emptyChannelIcon-1YdEz2 {
	width: 68px;
	height: 68px;
	margin-top: 16px;
	border-radius: 50%;
	background-color: var(--background-accent);
	background-image: url(/assets/750a8ead5eca8745b14658a4ba5b0128.svg);
	background-repeat: no-repeat;
	background-position: 50%
}

.emptyChannelIcon-1YdEz2.locked-29sj8C {
	background-image: url(/assets/70ef03e1dff821c96d373e035a0c7099.svg)
}

.role-23oyrw {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: auto;
	padding: 4px 8px;
	font-size: 12px;
	line-height: 16px;
	color: var(--interactive-active);
	background-color: var(--background-secondary-alt);
	border-radius: 4px
}

.roleColor-3cA0as {
	display: inline-block;
	height: 8px;
	width: 8px;
	border-radius: 50%
}

.roleColor-3cA0as {
	margin-right: 4px
}

.button-arL0BG {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.role-1adzi2:hover {
	background-color: var(--background-modifier-hover)
}

.button-1kija8 {
	color: var(--text-link);
	margin-right: 8px;
	padding: 6px;
	border-radius: 4px
}

.button-1kija8:hover {
	background-color: var(--background-modifier-hover)
}

.buttonIcon-1TxM6f {
	margin-right: 6px
}

.avatars-37uPL8 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.avatar-1odLck {
	margin-left: -2px;
	-webkit-mask: url(/assets/495e7ca1850af3ddc8bc130617549480.svg);
	mask: url(/assets/495e7ca1850af3ddc8bc130617549480.svg);
	-webkit-mask-size: 100%;
	mask-size: 100%;
	mask-type: alpha
}

.avatar-1odLck:first-child {
	margin-left: 0
}

.avatar-1odLck:last-child {
	-webkit-mask: none;
	mask: none
}

.members-1CYCy_ {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 16px
}

.avatars-37eU13,
.members-1CYCy_ {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.avatars-37eU13 {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 12px;
	margin-bottom: 6px
}

.role-1tM_X0 {
	margin-right: 6px;
	margin-bottom: 6px
}

.role-1tM_X0.last-3eoB2R {
	margin-right: 12px
}

.channelSettingButtons-sCQ_2T {
	margin-top: 16px
}

@-webkit-keyframes completed-_QmSvM {
	0% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		background-color: var(--interactive-muted)
	}

	20% {
		-webkit-box-shadow: 0 0 0 0 hsl(var(--green-360-hsl)/.5);
		box-shadow: 0 0 0 0 hsl(var(--green-360-hsl)/.5)
	}

	60% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		background-color: var(--green-230)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-box-shadow: 0 0 0 8px hsl(var(--green-360-hsl)/0);
		box-shadow: 0 0 0 8px hsl(var(--green-360-hsl)/0)
	}
}

@keyframes completed-_QmSvM {
	0% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		background-color: var(--interactive-muted)
	}

	20% {
		-webkit-box-shadow: 0 0 0 0 hsl(var(--green-360-hsl)/.5);
		box-shadow: 0 0 0 0 hsl(var(--green-360-hsl)/.5)
	}

	60% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		background-color: var(--green-230)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-box-shadow: 0 0 0 8px hsl(var(--green-360-hsl)/0);
		box-shadow: 0 0 0 8px hsl(var(--green-360-hsl)/0)
	}
}

.messagesWrapper-RpOMA3 {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 0;
	min-width: 0;
	z-index: 0
}

.messagesWrapper-RpOMA3,
.scrollerContent-2SW0kQ {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.scrollerContent-2SW0kQ {
	overflow-anchor: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	min-height: 100%
}

.scroller-kQBbkU {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.scroller-kQBbkU::-webkit-scrollbar-track {
	margin-bottom: 8px
}

.scrollerInner-2PPAp2 {
	min-height: 0;
	overflow: hidden
}

.scrollerInner-2PPAp2:focus {
	outline: none
}

.scrollerSpacer-3AqkT9 {
	display: block;
	height: 30px;
	width: 1px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	pointer-events: none
}

.navigationDescription-3xDmE2 {
	display: none
}

.chat-2ZfjoI {
	min-width: 0;
	min-height: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	background: var(--bg-overlay-chat, var(--background-primary));
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.chat-2ZfjoI .uploadArea-2uvx-B {
	position: fixed
}

.form-3gdLxP {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-left: 16px;
	padding-right: 16px;
	margin-top: -8px
}

.form-3gdLxP:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: .5rem;
	width: 1.25rem
}

.theme-dark .form-3gdLxP:before {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 57, 63, 0)), to(var(--background-primary)));
	background: linear-gradient(180deg, rgba(54, 57, 63, 0) 0, var(--background-primary))
}

.chatContent-3KubbW {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	background: var(--bg-overlay-chat, var(--background-primary))
}

.content-1jQy2l {
	min-width: 0;
	min-height: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	position: relative
}

.content-1jQy2l:before {
	content: "";
	position: absolute;
	display: block;
	top: -1px;
	left: 0;
	right: 0;
	height: 1px;
	-webkit-box-shadow: var(--elevation-low);
	box-shadow: var(--elevation-low);
	z-index: 1;
	pointer-events: none
}

.channelTextArea-1FufC0 {
	margin-bottom: 24px;
	background-color: var(--background-primary)
}

.title-31SJ6t {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	z-index: 100
}

@-webkit-keyframes sparkle-3PY9_W {
	0% {
		background-position: 0
	}

	40% {
		background-position: -731px
	}

	to {
		background-position: -731px
	}
}

@keyframes sparkle-3PY9_W {
	0% {
		background-position: 0
	}

	40% {
		background-position: -731px
	}

	to {
		background-position: -731px
	}
}

@-webkit-keyframes pop-1ywoKR {
	0% {
		background-position: 0
	}

	40% {
		background-position: -816px
	}

	to {
		background-position: -816px
	}
}

@keyframes pop-1ywoKR {
	0% {
		background-position: 0
	}

	40% {
		background-position: -816px
	}

	to {
		background-position: -816px
	}
}

@-webkit-keyframes light-RK7d-n {
	0% {
		background-position: 0
	}

	40% {
		background-position: -600px
	}

	to {
		background-position: -600px
	}
}

@keyframes light-RK7d-n {
	0% {
		background-position: 0
	}

	40% {
		background-position: -600px
	}

	to {
		background-position: -600px
	}
}

@-webkit-keyframes cross-1SI0z1 {
	0% {
		background-position: 0
	}

	40% {
		background-position: -600px
	}

	to {
		background-position: -600px
	}
}

@keyframes cross-1SI0z1 {
	0% {
		background-position: 0
	}

	40% {
		background-position: -600px
	}

	to {
		background-position: -600px
	}
}

.topic-11NuQZ {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	position: relative;
	min-width: 0;
	margin: 0 0 0 8px;
	font-weight: 500;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 14px;
	line-height: 18px;
	color: var(--header-secondary)
}

.topic-11NuQZ a {
	color: var(--text-link)
}

.topic-11NuQZ a:hover {
	text-decoration: underline
}

.topicClickTarget-2GMi99 {
	pointer-events: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.topic-11NuQZ.expandable-3CaLeS {
	cursor: pointer
}

@-webkit-keyframes shine-1Xjv9L {
	0% {
		background-position: 300% 300%, 50%
	}

	to {
		background-position: -300% -300%, 50%
	}
}

@keyframes shine-1Xjv9L {
	0% {
		background-position: 300% 300%, 50%
	}

	to {
		background-position: -300% -300%, 50%
	}
}

@-webkit-keyframes placeholderPulse-3U2g36 {
	0% {
		opacity: .1
	}

	50% {
		opacity: .25
	}

	to {
		opacity: .1
	}
}

@keyframes placeholderPulse-3U2g36 {
	0% {
		opacity: .1
	}

	50% {
		opacity: .25
	}

	to {
		opacity: .1
	}
}

.wrapper-NhbLHG {
	padding: 1px 0;
	overflow: visible;
	position: relative;
	margin-left: 8px
}

.wrapper-NhbLHG.modeSelected-3DmyhH {
	cursor: default
}

.icon-2W8DHg {
	display: block;
	width: 20px;
	height: 20px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.iconContainer-21RCa3 {
	position: relative;
	margin-right: 6px
}

.link-1_kTxV {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.link-1_kTxV {
	cursor: pointer;
	position: relative;
	padding: 6px 8px;
	border-radius: var(--radius-xs);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.link-1_kTxV:before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	right: 0;
	bottom: -1px;
	left: 0
}

.linkTop-1W1aK6 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.linkTop-1W1aK6 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.name-28HaxV {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.name-28HaxV {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.unread-36eUEm {
	position: absolute;
	height: 8px;
	width: 4px;
	border-radius: 0 var(--radius-xs) var(--radius-xs) 0;
	top: 50%;
	margin-top: -4px;
	left: -8px;
	background-color: var(--channels-default)
}

.children-1MGS9G {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.modeMuted-2T4MDZ .icon-2W8DHg,
.modeMuted-2T4MDZ .name-28HaxV {
	color: var(--interactive-muted)
}

.modeSelected-3DmyhH .icon-2W8DHg,
.modeSelected-3DmyhH:hover .icon-2W8DHg,
.modeUnread-3Cxepe .icon-2W8DHg,
.modeUnread-3Cxepe:hover .icon-2W8DHg {
	color: var(--channel-icon)
}

.wrapper-NhbLHG:hover .link-1_kTxV {
	background: var(--bg-overlay-hover, var(--background-modifier-hover))
}

.wrapper-NhbLHG:active .link-1_kTxV {
	background: var(--bg-overlay-active, var(--background-modifier-active))
}

.modeSelected-3DmyhH .link-1_kTxV,
.modeSelected-3DmyhH:hover .link-1_kTxV {
	background: var(--bg-overlay-selected, var(--background-modifier-selected))
}

.icon-2W8DHg {
	color: var(--channel-icon)
}

.name-28HaxV {
	color: var(--channels-default)
}

.modeMuted-2T4MDZ:hover .name-28HaxV,
.wrapper-NhbLHG:hover .name-28HaxV {
	color: var(--interactive-hover)
}

.modeSelected-3DmyhH .name-28HaxV,
.modeSelected-3DmyhH:hover .name-28HaxV,
.modeUnread-3Cxepe .name-28HaxV,
.modeUnread-3Cxepe:hover .name-28HaxV {
	color: var(--interactive-active);
	font-weight: var(--font-weight-semibold-1x-light-theme, 500)
}

.unreadRelevant-2f-VSK {
	background-color: var(--interactive-active)
}

@media (max-width:485px) {
	.modeSelected-3DmyhH .link-1_kTxV {
		background-color: unset
	}
}

@-webkit-keyframes ripple-2bsDhb {
	to {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@keyframes ripple-2bsDhb {
	to {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@-webkit-keyframes float-3XBFlZ {
	0% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	to {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
}

@keyframes float-3XBFlZ {
	0% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	to {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
}

@-webkit-keyframes altFloat-Egtezn {
	0% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}

	to {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}
}

@keyframes altFloat-Egtezn {
	0% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}

	to {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}
}

@-webkit-keyframes horizontalBounce-31lXx5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	50% {
		-webkit-transform: translate3d(-8px, 0, 0);
		transform: translate3d(-8px, 0, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes horizontalBounce-31lXx5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	50% {
		-webkit-transform: translate3d(-8px, 0, 0);
		transform: translate3d(-8px, 0, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes progressPulse-2EeieX {
	0% {
		background-position: 100%
	}

	to {
		background-position: 0
	}
}

@keyframes progressPulse-2EeieX {
	0% {
		background-position: 100%
	}

	to {
		background-position: 0
	}
}

.containerDefault-YUSmu3 {
	position: relative;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out
}

.iconBase-2G48Fc {
	position: relative;
	cursor: pointer;
	line-height: 0
}

.iconItem-1EjiK0 {
	display: none;
	margin-left: 4px
}

.containerDefault-YUSmu3.selected-2TbFuo .iconItem-1EjiK0,
.iconVisibility-vptxma:focus-within .iconItem-1EjiK0,
.iconVisibility-vptxma:focus .iconItem-1EjiK0 {
	display: block
}

.iconItem-1EjiK0:focus,
.iconItem-1EjiK0:focus-within {
	display: block;
	position: relative
}

.actionIcon-2sw4Sl {
	width: 16px;
	height: 16px;
	display: block
}

.actionIcon-2sw4Sl:active {
	-webkit-transform: translateY(.5px);
	transform: translateY(.5px)
}

.channelInfo-3jN1ay {
	display: block;
	margin-left: 12px
}

.containerDefault-YUSmu3.selected-2TbFuo .channelInfo-3jN1ay,
.iconVisibility-vptxma:focus-within .channelInfo-3jN1ay,
.iconVisibility-vptxma:focus .channelInfo-3jN1ay {
	display: none
}

.actionIcon-2sw4Sl {
	color: var(--interactive-normal)
}

.iconItem-1EjiK0:hover .actionIcon-2sw4Sl {
	color: var(--interactive-hover)
}

.actionIcon-2sw4Sl:active {
	color: var(--interactive-active)
}

@media (hover:hover) {
	.iconVisibility-vptxma:hover .iconItem-1EjiK0 {
		display: block
	}

	.iconVisibility-vptxma:hover .channelInfo-3jN1ay {
		display: none
	}
}

.containerDefault-3TQ5YN {
	position: relative;
	padding-top: 16px
}

.containerDefault-3TQ5YN:active {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.addButton-2mlqCW {
	width: 18px;
	height: 18px;
	display: none
}

.addButton-2mlqCW.forceVisible-14yqh4 {
	display: block
}

.iconVisibility-3pLDEs:hover .addButton-2mlqCW {
	display: block
}

.addButton-2mlqCW:focus,
.addButton-2mlqCW:focus-within {
	display: block;
	position: relative
}

.addButtonIcon-3rJeaD:hover {
	color: var(--interactive-hover)
}

.addButtonIcon-3rJeaD:active {
	-webkit-transform: translateY(.5px);
	transform: translateY(.5px);
	color: var(--interactive-active)
}

.wrapperCommon-I1TMDb {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 24px;
	padding-right: 8px;
	padding-left: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: default;
	color: var(--channels-default)
}

.wrapper-1S43wv {}

.clickable-2AoIYN {
	cursor: pointer
}

.children-3MeUvj {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.children-3MeUvj:empty {
	display: none
}

.mainContent-uDGa6R {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden
}

.mainContent-uDGa6R:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.icon-3zI3d2 {
	position: absolute;
	left: 2px;
	top: 6px;
	width: 12px;
	height: 12px
}

.collapsed-2KOacR .icon-3zI3d2 {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.wrapper-1S43wv:hover .icon-3zI3d2,
.wrapper-1S43wv:hover .name-3BUDLf {
	color: var(--interactive-hover)
}

.container-1qIct8 {
	position: absolute;
	z-index: 2;
	overflow: hidden;
	padding: 8px;
	height: 24px;
	pointer-events: none
}

.bar-2eAyLE {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	font-size: 12px;
	line-height: 16px;
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--white-500);
	height: 24px;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 12px;
	pointer-events: auto;
	-webkit-box-shadow: 0 2px 6px hsl(var(--black-500-hsl)/.24);
	box-shadow: 0 2px 6px hsl(var(--black-500-hsl)/.24);
	-webkit-app-region: no-drag
}

.active-334r9u:active {
	top: 1px
}

.unread-2wipsx {
	background-color: var(--background-accent);
	opacity: .9
}

.unread-2wipsx:active,
.unread-2wipsx:hover {
	opacity: 1
}

.text-2GsXbW {
	display: block
}

.scroller-1ox3I2 {
	z-index: 1;
	padding-right: 8px
}

.unread-XRkyaQ {
	left: 0;
	right: 0
}

.unreadBar-elBRZx:before {
	content: "";
	position: absolute;
	top: 0;
	left: -8px;
	right: -8px;
	bottom: 0
}

.unreadBottom-3Ojk6R {
	bottom: 0
}

.unreadBottom-3Ojk6R .unreadBar-elBRZx:before {
	bottom: -8px
}

.positionedContainer-W9XtGp {
	position: relative
}

.unreadTop-1DJtGv {
	top: 0
}

.unreadTop-1DJtGv .unreadBar-elBRZx:before {
	top: -8px
}

.wrapper-2fEmwW {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
	height: 20px;
	border-radius: 10px;
	overflow: hidden;
	color: var(--channels-default)
}

.total-1c5KCN,
.users-2JoyGL {
	display: block;
	text-align: center
}

.users-2JoyGL {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 28px;
	padding: 0 8px 0 6px;
	background-color: var(--background-primary)
}

.total-1c5KCN {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 20px;
	position: relative;
	padding: 0 6px 0 0;
	background-color: var(--background-tertiary)
}

.total-1c5KCN:after {
	content: "";
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 0 solid transparent;
	border-right: 8px solid transparent;
	border-right-color: var(--background-tertiary)
}

.iconBase-2RQsdz {
	position: relative;
	cursor: pointer;
	line-height: 0
}

.mentionsBadge-3H1BKJ {
	pointer-events: none
}

.container-1-ERn5 {
	position: relative
}

.clickable-vvKY2q {
	cursor: pointer
}

.header-3OsQeK {
	position: relative;
	font-family: var(--font-display);
	font-weight: 500;
	padding: 12px 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 3;
	-webkit-transition: background-color .1s linear;
	transition: background-color .1s linear;
	-webkit-box-shadow: var(--elevation-low);
	box-shadow: var(--elevation-low)
}

.headerContent-2SNbie {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--header-primary)
}

.primaryInfo-2ocY3v {
	height: 24px
}

.headerButton-1nmDZ3 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none
}

.headerChildren-2qV9P8 {
	position: relative;
	z-index: 4
}

.clickable-vvKY2q .header-3OsQeK:hover {
	background-color: var(--background-modifier-hover)
}

.name-3Uvkvr {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	z-index: 1
}

.container-1NXEtd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 0;
	position: relative
}

.dropdownButton-1-5aBs {
	position: relative;
	z-index: 2
}

.theme-dark .container-1NXEtd {
	background: var(--bg-overlay-3, var(--background-secondary))
}

@-webkit-keyframes pulse-1EE5iY {
	0% {
		opacity: .7
	}

	to {
		opacity: 1
	}
}

@keyframes pulse-1EE5iY {
	0% {
		opacity: .7
	}

	to {
		opacity: 1
	}
}

.wrapper-3kah-n {
	-webkit-transition: background-color .1s ease-out, color .1s ease-out;
	transition: background-color .1s ease-out, color .1s ease-out
}

.childWrapper-1j_1ub,
.wrapper-3kah-n {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 48px;
	height: 48px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.childWrapper-1j_1ub {
	-webkit-transition: background-color .15s ease-out, color .15s ease-out;
	transition: background-color .15s ease-out, color .15s ease-out;
	background-color: var(--background-primary);
	color: var(--text-normal)
}

.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub,
.wrapper-3kah-n:hover .childWrapper-1j_1ub {
	color: var(--white-500);
	background-color: var(--brand-experiment)
}

.acronym-2zrAHN {
	font-weight: 500;
	line-height: 1.2em;
	white-space: nowrap
}

.icon-3AqZ2e {
	display: block;
	width: 48px;
	height: 48px;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none
}

.icon-3AqZ2e:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--background-modifier-accent)
}

.listItemWrapper-3d87LP:active {
	-webkit-transform: translateY(1px) translateZ(0);
	transform: translateY(1px) translateZ(0)
}

.listItem-3SmSlK {
	position: relative;
	margin: 0 0 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 72px
}

.tutorialContainer-2jwoiB {
	position: relative
}

.pill-22lZHo {
	position: absolute;
	top: 0;
	left: 0
}

.circleIconButton-1VxDrg {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	-webkit-transition: color .15s ease-out, background-color .15s ease-out;
	transition: color .15s ease-out, background-color .15s ease-out;
	color: var(--green-360);
	background-color: var(--background-primary)
}

.circleIcon-3489FI {
	width: 24px;
	height: 24px
}

.pill-1NRFie {
	position: absolute;
	top: 0;
	left: 0
}

.wrapper-3XVBev {
	position: absolute;
	top: -16px;
	bottom: -4px;
	left: 0;
	right: 0;
	pointer-events: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.target-1eRTCg {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%
}

.centerTarget-S6BLFQ {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%
}

.pill-L_aLMQ {
	position: absolute;
	top: 0;
	left: 0
}

.homeIcon-r0w4ny {
	display: block;
	width: 28px;
	height: 20px
}

.tutorialContainer-1pL9QS {
	position: relative
}

.wrapper-38slSD {
	position: relative;
	width: 72px
}

.wrapper-38slSD:active {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.expandedFolderBackground-1kSAf6 {
	position: absolute;
	top: 0;
	left: 12px;
	bottom: 8px;
	width: 48px;
	border-radius: 24px;
	-webkit-transition: background-color .15s ease-out;
	transition: background-color .15s ease-out;
	background-color: var(--background-secondary)
}

.expandedFolderBackground-1kSAf6.collapsed-uGXEbi {
	background-color: transparent
}

.folderIconWrapper-1oRIZr {
	border-radius: 16px;
	overflow: hidden
}

.folder-241Joy,
.folderIconWrapper-1oRIZr {
	width: 48px;
	height: 48px;
	-webkit-transition: background-color .15s ease-out;
	transition: background-color .15s ease-out
}

.folder-241Joy {
	cursor: pointer;
	background-color: var(--background-secondary)
}

.closedFolderIconWrapper-3tRb2d {
	width: 48px;
	height: 48px;
	padding: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: grid;
	grid-template: 1fr 1fr/1fr 1fr;
	justify-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.guildIcon-2I5sfu {
	overflow: hidden;
	position: static
}

.blobContainer-ikKyFs:active {
	position: relative;
	-webkit-transform: translateY(1px) translateZ(0);
	transform: translateY(1px) translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.pill-2RsI5Q {
	position: absolute;
	left: 0;
	top: 0
}

@-webkit-keyframes wobble-18SYQm {

	0%,
	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	25% {
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg)
	}

	75% {
		-webkit-transform: rotate(-2deg);
		transform: rotate(-2deg)
	}
}

@keyframes wobble-18SYQm {

	0%,
	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	25% {
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg)
	}

	75% {
		-webkit-transform: rotate(-2deg);
		transform: rotate(-2deg)
	}
}

.guildSeparator-a4uisj {
	height: 2px;
	width: 32px;
	border-radius: 1px;
	background-color: var(--background-modifier-accent)
}

.wrapper-1_HaEi {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 72px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	background-color: var(--background-tertiary)
}

.tree-3agP2X {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	position: relative
}

.scroller-3X7KbA {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 12px 0 0
}

.platform-win .scroller-3X7KbA {
	padding-top: 4px
}

.unreadMentionsIndicatorBottom-3RJMnQ,
.unreadMentionsIndicatorTop-2bTgUU {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 10;
	overflow: hidden;
	padding: 8px;
	height: 40px;
	pointer-events: none;
	width: 72px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.unreadMentionsIndicatorTop-2bTgUU {
	padding-top: 8px
}

.unreadMentionsIndicatorBottom-3RJMnQ {
	padding-bottom: 8px
}

.unreadMentionsBar-ZXXoOH:before {
	position: absolute;
	top: 0;
	left: -8px;
	right: -8px;
	bottom: 0;
	content: ""
}

.unreadMentionsIndicatorTop-2bTgUU {
	top: 0
}

.unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH:before {
	top: -8px
}

.unreadMentionsIndicatorBottom-3RJMnQ {
	bottom: 0
}

.unreadMentionsIndicatorBottom-3RJMnQ .unreadMentionsBar-ZXXoOH:before {
	bottom: -8px
}

@-webkit-keyframes slideInFromBottom-_jCQQj {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		margin-top: -100vh
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		margin-top: 0
	}
}

@keyframes slideInFromBottom-_jCQQj {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		margin-top: -100vh
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		margin-top: 0
	}
}

@-webkit-keyframes pulse-animation-2NQ0zF {
	70% {
		-webkit-box-shadow: 0 0 0 20px hsl(var(--green-360-hsl)/0);
		box-shadow: 0 0 0 20px hsl(var(--green-360-hsl)/0)
	}

	to {
		-webkit-box-shadow: 0 0 0 0 hsl(var(--green-360-hsl)/0);
		box-shadow: 0 0 0 0 hsl(var(--green-360-hsl)/0)
	}
}

@keyframes pulse-animation-2NQ0zF {
	70% {
		-webkit-box-shadow: 0 0 0 20px hsl(var(--green-360-hsl)/0);
		box-shadow: 0 0 0 20px hsl(var(--green-360-hsl)/0)
	}

	to {
		-webkit-box-shadow: 0 0 0 0 hsl(var(--green-360-hsl)/0);
		box-shadow: 0 0 0 0 hsl(var(--green-360-hsl)/0)
	}
}

@-webkit-keyframes slide-2_KfLa {
	to {
		right: -800px
	}
}

@keyframes slide-2_KfLa {
	to {
		right: -800px
	}
}

@-webkit-keyframes completeLeft-1RTPaT {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	10% {
		-webkit-transform: translateX(10%) rotate(-8deg);
		transform: translateX(10%) rotate(-8deg)
	}

	34% {
		-webkit-transform: translateX(30%);
		transform: translateX(30%)
	}

	42% {
		-webkit-transform: translateX(30%);
		transform: translateX(30%)
	}

	60% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	90% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
		opacity: 0
	}
}

@keyframes completeLeft-1RTPaT {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	10% {
		-webkit-transform: translateX(10%) rotate(-8deg);
		transform: translateX(10%) rotate(-8deg)
	}

	34% {
		-webkit-transform: translateX(30%);
		transform: translateX(30%)
	}

	42% {
		-webkit-transform: translateX(30%);
		transform: translateX(30%)
	}

	60% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	90% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
		opacity: 0
	}
}

@-webkit-keyframes completeRight-58xv1g {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%)
	}

	10% {
		-webkit-transform: translateX(10%) rotate(8deg);
		transform: translateX(10%) rotate(8deg)
	}

	34% {
		-webkit-transform: translateX(-30%);
		transform: translateX(-30%)
	}

	42% {
		-webkit-transform: translateX(-30%);
		transform: translateX(-30%)
	}

	60% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	90% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
		opacity: 1
	}

	to {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
		opacity: 0
	}
}

@keyframes completeRight-58xv1g {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%)
	}

	10% {
		-webkit-transform: translateX(10%) rotate(8deg);
		transform: translateX(10%) rotate(8deg)
	}

	34% {
		-webkit-transform: translateX(-30%);
		transform: translateX(-30%)
	}

	42% {
		-webkit-transform: translateX(-30%);
		transform: translateX(-30%)
	}

	60% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	90% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
		opacity: 1
	}

	to {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
		opacity: 0
	}
}

@-webkit-keyframes wave-2hMt95 {
	0% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	50% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
}

@keyframes wave-2hMt95 {
	0% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	50% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
}

@-webkit-keyframes outgoing-call-pulse-3MNMnK {
	0% {
		opacity: 0;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	11.56% {
		opacity: 1
	}

	39.02% {
		opacity: 0;
		-webkit-transform: scale3d(1.025, 1.025, 1);
		transform: scale3d(1.025, 1.025, 1)
	}

	39.03% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	39.04% {
		opacity: 1
	}

	66.48% {
		opacity: 0;
		-webkit-transform: scale3d(1.025, 1.025, 1);
		transform: scale3d(1.025, 1.025, 1)
	}

	to {
		opacity: 0;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes outgoing-call-pulse-3MNMnK {
	0% {
		opacity: 0;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	11.56% {
		opacity: 1
	}

	39.02% {
		opacity: 0;
		-webkit-transform: scale3d(1.025, 1.025, 1);
		transform: scale3d(1.025, 1.025, 1)
	}

	39.03% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	39.04% {
		opacity: 1
	}

	66.48% {
		opacity: 0;
		-webkit-transform: scale3d(1.025, 1.025, 1);
		transform: scale3d(1.025, 1.025, 1)
	}

	to {
		opacity: 0;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes floating-animation-1-1wldvO {
	0% {
		opacity: .6;
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
		left: 0
	}

	33% {
		opacity: .8;
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		bottom: 100px;
		left: -10px
	}

	66% {
		opacity: .8;
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		bottom: 200px;
		left: -20px
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		bottom: 300px;
		left: -20px
	}
}

@keyframes floating-animation-1-1wldvO {
	0% {
		opacity: .6;
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
		left: 0
	}

	33% {
		opacity: .8;
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		bottom: 100px;
		left: -10px
	}

	66% {
		opacity: .8;
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		bottom: 200px;
		left: -20px
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		bottom: 300px;
		left: -20px
	}
}

@-webkit-keyframes floating-animation-2-2sDajm {
	0% {
		opacity: 0;
		bottom: 25px;
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		left: 0
	}

	25% {
		opacity: .6;
		-webkit-transform: scale(2);
		transform: scale(2);
		bottom: 100px;
		left: 15px
	}

	50% {
		opacity: .8;
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		bottom: 175px;
		left: 10px
	}

	75% {
		opacity: .8;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		bottom: 250px;
		left: 15px
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
		bottom: 325px;
		left: 20px
	}
}

@keyframes floating-animation-2-2sDajm {
	0% {
		opacity: 0;
		bottom: 25px;
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		left: 0
	}

	25% {
		opacity: .6;
		-webkit-transform: scale(2);
		transform: scale(2);
		bottom: 100px;
		left: 15px
	}

	50% {
		opacity: .8;
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		bottom: 175px;
		left: 10px
	}

	75% {
		opacity: .8;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		bottom: 250px;
		left: 15px
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
		bottom: 325px;
		left: 20px
	}
}

@-webkit-keyframes floating-animation-3-1nc2P4 {
	0% {
		opacity: 0;
		bottom: -20px;
		-webkit-transform: scale(1);
		transform: scale(1);
		left: 0
	}

	33% {
		opacity: .8;
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
		bottom: 80px;
		left: 5px
	}

	66% {
		opacity: .8;
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		bottom: 190px;
		left: 10px
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
		bottom: 290px;
		left: 15px
	}
}

@keyframes floating-animation-3-1nc2P4 {
	0% {
		opacity: 0;
		bottom: -20px;
		-webkit-transform: scale(1);
		transform: scale(1);
		left: 0
	}

	33% {
		opacity: .8;
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
		bottom: 80px;
		left: 5px
	}

	66% {
		opacity: .8;
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		bottom: 190px;
		left: 10px
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
		bottom: 290px;
		left: 15px
	}
}

@-webkit-keyframes floating-animation-4-2zg5cZ {
	0% {
		opacity: .4;
		bottom: 60px;
		-webkit-transform: scale(1);
		transform: scale(1);
		left: 0
	}

	33% {
		opacity: .8;
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		bottom: 160px;
		left: -5px
	}

	66% {
		opacity: .8;
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		bottom: 260px;
		left: -10px
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
		bottom: 360px;
		left: -15px
	}
}

@keyframes floating-animation-4-2zg5cZ {
	0% {
		opacity: .4;
		bottom: 60px;
		-webkit-transform: scale(1);
		transform: scale(1);
		left: 0
	}

	33% {
		opacity: .8;
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		bottom: 160px;
		left: -5px
	}

	66% {
		opacity: .8;
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		bottom: 260px;
		left: -10px
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
		bottom: 360px;
		left: -15px
	}
}

.icon-1ELUnB {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@-webkit-keyframes placeholderPulse-3fdRIz {
	0% {
		opacity: .5
	}

	50% {
		opacity: 1
	}

	to {
		opacity: .5
	}
}

@keyframes placeholderPulse-3fdRIz {
	0% {
		opacity: .5
	}

	50% {
		opacity: 1
	}

	to {
		opacity: .5
	}
}

.container-2o3qEW {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: var(--bg-overlay-chat, var(--background-secondary));
	height: 100%
}

.container-2o3qEW,
.membersWrap-3NUR2t {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.membersWrap-3NUR2t {
	min-width: 240px;
	position: relative;
	max-height: 100%
}

.members-3WRCEx {
	width: 240px;
	padding: 0 0 20px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: auto
}

.member-48YF_l,
.members-3WRCEx {
	background: var(--bg-overlay-chat, var(--background-secondary))
}

.membersGroup-2eiWxl {
	padding: 24px 8px 0 16px;
	height: 40px
}

.hiddenMembers-8kpYM0 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:485px) {
	.membersWrap-3NUR2t {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 100%
	}

	.members-3WRCEx,
	.membersWrap-3NUR2t {
		min-width: 100%
	}
}

@-webkit-keyframes glow-1JjmUf {
	0% {
		opacity: 1
	}

	20% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes glow-1JjmUf {
	0% {
		opacity: 1
	}

	20% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.hoverRoll-2XwpoF {
	display: inline-block;
	vertical-align: top;
	cursor: default;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	contain: paint
}

.hoverRoll-2XwpoF:hover:not(.disabled-1sQSnE) .default-rFvAvS {
	-webkit-transform: translate3d(0, -107%, 0);
	transform: translate3d(0, -107%, 0);
	opacity: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.hoverRoll-2XwpoF:hover:not(.disabled-1sQSnE) .hovered-20u3oh {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.default-rFvAvS,
.hovered-20u3oh {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	-webkit-transition: all .22s ease;
	transition: all .22s ease;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: none;
	width: 100%
}

.hovered-20u3oh {
	opacity: 0;
	-webkit-transform: translate3d(0, 107%, 0);
	transform: translate3d(0, 107%, 0);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

@-webkit-keyframes placeholderPulse-12QM96 {
	0% {
		opacity: .6
	}

	50% {
		opacity: .8
	}

	to {
		opacity: .6
	}
}

@keyframes placeholderPulse-12QM96 {
	0% {
		opacity: .6
	}

	50% {
		opacity: .8
	}

	to {
		opacity: .6
	}
}

@-webkit-keyframes placeholderPulse-11jG8o {
	0% {
		opacity: .6
	}

	50% {
		opacity: .8
	}

	to {
		opacity: .6
	}
}

@keyframes placeholderPulse-11jG8o {
	0% {
		opacity: .6
	}

	50% {
		opacity: .8
	}

	to {
		opacity: .6
	}
}

.button-12Fmur {
	line-height: 0;
	width: 32px;
	height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 4px;
	position: relative;
	color: var(--interactive-normal)
}

.button-12Fmur.enabled-9OeuTA:hover {
	color: var(--interactive-hover);
	background-color: var(--background-modifier-selected)
}

.subtext-2HDqJ7 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: var(--header-secondary);
	line-height: 13px
}

.title-338goq {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: var(--header-primary);
	line-height: 18px;
	font-weight: 600
}

.container-YkUktl {
	height: 52px;
	font-size: 14px;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 8px;
	margin-bottom: 1px
}

.container-YkUktl,
.container-YkUktl .avatar-1EWyVD {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.container-YkUktl .avatar-1EWyVD {
	cursor: pointer
}

.container-YkUktl .avatar-1EWyVD:hover {
	opacity: .8
}

.avatarWrapper-1B9FTW {
	margin-right: 8px
}

.nameTag-sc-gpq {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-right: 4px;
	min-width: 0
}

.nameTag-sc-gpq.canCopy-IgTwyV {
	cursor: pointer
}

.strikethrough-2Kl6HF {
	color: var(--status-danger)
}

.withTagAsButton-OsgQ9L {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: -2px;
	min-width: 120px;
	padding-left: 2px
}

.withTagAsButton-OsgQ9L:hover {
	background-color: var(--background-modifier-selected);
	border-radius: 4px;
	color: var(--interactive-hover)
}

.withTagAsButton-OsgQ9L .nameTag-sc-gpq {
	padding-bottom: 4px;
	padding-left: 8px;
	padding-top: 4px
}

.withTagAsButton-OsgQ9L .avatar-1EWyVD:hover {
	opacity: 1
}

.theme-dark .container-YkUktl {
	background: var(--bg-overlay-1, var(--background-secondary-alt))
}

@-webkit-keyframes sparkle-_KEHBh {
	0% {
		opacity: 0;
		-webkit-transform: rotate(-50deg) scale(0);
		transform: rotate(-50deg) scale(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1)
	}

	40% {
		opacity: 0;
		-webkit-transform: rotate(50deg) scale(0);
		transform: rotate(50deg) scale(0)
	}

	to {
		opacity: 0;
		-webkit-transform: rotate(-50deg) scale(0);
		transform: rotate(-50deg) scale(0)
	}
}

@keyframes sparkle-_KEHBh {
	0% {
		opacity: 0;
		-webkit-transform: rotate(-50deg) scale(0);
		transform: rotate(-50deg) scale(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1)
	}

	40% {
		opacity: 0;
		-webkit-transform: rotate(50deg) scale(0);
		transform: rotate(50deg) scale(0)
	}

	to {
		opacity: 0;
		-webkit-transform: rotate(-50deg) scale(0);
		transform: rotate(-50deg) scale(0)
	}
}

.wrapper-3Hk9OB {
	position: relative;
	overflow: visible
}

.container-1eFtFS {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.guilds-2JjMmN {
	position: relative;
	width: 72px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.base-2jDfDU {
	flex-direction: column;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.base-2jDfDU,
.sidebar-1tnWFu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	overflow: hidden
}

.sidebar-1tnWFu {
	flex-direction: column;
	min-height: 0;
	width: 240px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	background: var(--background-secondary)
}

.platform-win .sidebar-1tnWFu {
	border-radius: 8px 0 0;
	overflow: hidden
}

.panels-3wFtMD {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	background-color: var(--background-secondary-alt);
	z-index: 1
}

.content-1SgpWY {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	min-width: 0;
	min-height: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

@-webkit-keyframes blinkAsEdited-3S6bVF {
	0% {
		background-color: var(--background-accent)
	}

	to {
		background-color: var(--background-modifier-accent)
	}
}

@keyframes blinkAsEdited-3S6bVF {
	0% {
		background-color: var(--background-accent)
	}

	to {
		background-color: var(--background-modifier-accent)
	}
}

:root {
	--dark-elevation-low: 0 1px 5px 0 hsl(var(--black-500-hsl)/0.3);
	--dark-elevation-high: 0 2px 10px 0 hsl(var(--black-500-hsl)/0.2);
	--dark-elevation-border: 0 0 0 1px hsl(var(--primary-700-hsl)/0.6);
	--light-elevation-low: 0 1px 5px hsl(var(--black-500-hsl)/0.2);
	--light-elevation-high: 0 2px 10px 0 hsl(var(--black-500-hsl)/0.1);
	--light-elevation-border: 0 0 0 1px hsl(var(--primary-300-hsl)/0.3)
}

@-webkit-keyframes jiggle-39w-NY {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	75% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes jiggle-39w-NY {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	75% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none
}

@-webkit-keyframes floating-house-3o9H9e {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-12px);
		transform: translateY(-12px)
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes floating-house-3o9H9e {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-12px);
		transform: translateY(-12px)
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes enable-26M4X0 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: var(--interactive-muted)
	}

	20% {
		-webkit-box-shadow: 0 0 0 0 hsl(var(--green-360-hsl)/.5);
		box-shadow: 0 0 0 0 hsl(var(--green-360-hsl)/.5)
	}

	60% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		background-color: var(--green-230)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-box-shadow: 0 0 0 8px hsl(var(--green-360-hsl)/0);
		box-shadow: 0 0 0 8px hsl(var(--green-360-hsl)/0)
	}
}

@keyframes enable-26M4X0 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: var(--interactive-muted)
	}

	20% {
		-webkit-box-shadow: 0 0 0 0 hsl(var(--green-360-hsl)/.5);
		box-shadow: 0 0 0 0 hsl(var(--green-360-hsl)/.5)
	}

	60% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		background-color: var(--green-230)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-box-shadow: 0 0 0 8px hsl(var(--green-360-hsl)/0);
		box-shadow: 0 0 0 8px hsl(var(--green-360-hsl)/0)
	}
}

@-webkit-keyframes placeholderPulse-1cU0RP {
	0% {
		opacity: .6
	}

	50% {
		opacity: .8
	}

	to {
		opacity: .6
	}
}

@keyframes placeholderPulse-1cU0RP {
	0% {
		opacity: .6
	}

	50% {
		opacity: .8
	}

	to {
		opacity: .6
	}
}

@-webkit-keyframes pulseBorder-2aCzaI {
	0% {
		border-color: transparent
	}

	50% {
		border-color: var(--brand-experiment)
	}

	to {
		border-color: transparent
	}
}

@keyframes pulseBorder-2aCzaI {
	0% {
		border-color: transparent
	}

	50% {
		border-color: var(--brand-experiment)
	}

	to {
		border-color: transparent
	}
}

@-webkit-keyframes spin-2wNkdY {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes spin-2wNkdY {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.layers-OrUESM {
	position: relative;
	overflow: hidden
}

.layers-OrUESM>.layer-86YKbF {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.bg-1QIAus {
	background: var(--bg-overlay-app-frame, var(--background-tertiary));
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.platform-win .layer-86YKbF {
	top: -22px;
	padding-top: 22px
}

.platform-win .bg-1QIAus {
	top: -22px
}

.layer-86YKbF {
	background-color: var(--background-primary)
}

.layer-86YKbF.baseLayer-W6S8cY {
	background-color: transparent
}

@-webkit-keyframes fadeIn-2cil6T {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn-2cil6T {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut-2oJDwg {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut-2oJDwg {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes fadeIn-1KQVAk {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn-1KQVAk {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut-1L5xX6 {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut-1L5xX6 {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes completed-22zymW {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes completed-22zymW {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes footer-1bRyji {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes footer-1bRyji {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes shadowPulse-3-iHTS {
	0% {
		-webkit-box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3);
		box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3)
	}

	50% {
		-webkit-box-shadow: 0 0 10px hsl(var(--red-400-hsl)/.6);
		box-shadow: 0 0 10px hsl(var(--red-400-hsl)/.6)
	}

	to {
		-webkit-box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3);
		box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3)
	}
}

@keyframes shadowPulse-3-iHTS {
	0% {
		-webkit-box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3);
		box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3)
	}

	50% {
		-webkit-box-shadow: 0 0 10px hsl(var(--red-400-hsl)/.6);
		box-shadow: 0 0 10px hsl(var(--red-400-hsl)/.6)
	}

	to {
		-webkit-box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3);
		box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3)
	}
}

.userInfoSection-2u2hir {
	padding: 16px 0
}

.userInfoSection-2u2hir+.userInfoSection-2u2hir {
	padding-top: 0;
	border-top: 1px solid var(--profile-body-divider-color)
}

.userInfoSectionHeader-2mYYun {
	font-weight: 700;
	color: var(--header-primary);
	margin-bottom: 8px
}

.userInfoText-2MFCmH {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 18px
}

.note-3M15gE {
	margin: -4px
}

.note-3M15gE textarea {
	border-radius: 3px;
	padding: 4px;
	font-size: 14px;
	line-height: 18px
}

.note-3M15gE textarea:focus {
	background-color: var(--profile-note-background-color)
}

.note-3M15gE textarea:focus::-webkit-input-placeholder {
	color: transparent
}

.note-3M15gE textarea:focus::-moz-placeholder {
	color: transparent
}

.note-3M15gE textarea:focus:-ms-input-placeholder {
	color: transparent
}

.note-3M15gE textarea:focus::placeholder {
	color: transparent
}

.infoScroller-1QMpon {
	padding: 0 12px;
	height: 100%
}

.actionButton-iarQTd {
	min-height: 32px
}

.header-S26rhB {
	position: relative
}

.headerTop-1PNKck {
	position: absolute;
	top: 16px;
	right: 16px;
	left: 160px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.badgeList-2aoHPw {
	padding: 2px 4px;
	background-color: var(--profile-body-background-color);
	border-radius: 8px;
	margin-right: 16px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.badgeList-2aoHPw:empty {
	visibility: hidden
}

.avatar-3QF_VA {
	position: absolute;
	top: -68px;
	left: 22px
}

.relationshipButtons-3ByBpj {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.additionalActionsIcon-3Cy8UU {
	cursor: pointer;
	display: block;
	width: 24px;
	height: 24px;
	margin-left: 8px;
	opacity: 1;
	color: var(--interactive-normal)
}

.additionalActionsIcon-3Cy8UU:hover {
	color: var(--interactive-hover)
}

.additionalActionsIcon-3Cy8UU:active {
	color: var(--interactive-active)
}

.container-3g15px {
	padding: 12px 12px 0
}

.nameTag-35jqbZ {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	white-space: normal;
	word-break: break-word;
	line-height: 24px;
	font-size: 20px;
	font-weight: 600;
	font-family: var(--font-display)
}

.nameTagSmall-2JO-C- {
	font-size: 14px
}

.discriminator-hnHkyt {
	color: var(--header-secondary)
}

.nameTag-35jqbZ .discriminator-hnHkyt {
	white-space: normal
}

.root-8LYsGj {
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	width: unset;
	max-height: unset;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.topSection-13QKHs {
	margin-bottom: 60px;
	z-index: 1
}

.body-1Ukv50 {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 385px;
	flex: 0 1 385px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px;
	overflow: hidden
}

.tabBarContainer-sCZC4w {
	border-bottom: 1px solid var(--profile-body-divider-color);
	margin: 20px 12px 0;
	padding: 0
}

.tabBar-2hXqzU {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px
}

.tabBarItem-30Te4- {
	display: inline;
	border-bottom: 2px solid transparent;
	height: 39px;
	font-size: 14px
}

@media (max-width:485px) {
	.root-8LYsGj {
		width: 100%
	}
}

@-webkit-keyframes fly-31hrO1 {
	0% {
		opacity: 1;
		-webkit-transform: translate(-10vw, 110vh) rotate(0deg) scale(1);
		transform: translate(-10vw, 110vh) rotate(0deg) scale(1)
	}

	10% {
		-webkit-transform: translate(50vw, 50vh) rotate(90deg) scale(3);
		transform: translate(50vw, 50vh) rotate(90deg) scale(3)
	}

	20% {
		-webkit-transform: translate(110vw, -10vh) rotate(180deg) scale(1);
		transform: translate(110vw, -10vh) rotate(180deg) scale(1)
	}

	21% {
		-webkit-transform: translate(-10vw, -10vh) rotate(0deg) scale(1);
		transform: translate(-10vw, -10vh) rotate(0deg) scale(1)
	}

	30% {
		-webkit-transform: translate(50vw, 50vh) rotate(1turn) scale(2);
		transform: translate(50vw, 50vh) rotate(1turn) scale(2)
	}

	40% {
		-webkit-transform: translate(110vw, 110vh) rotate(3turn) scale(1);
		transform: translate(110vw, 110vh) rotate(3turn) scale(1)
	}

	40.5% {
		-webkit-transform: translate(-10vw, 110vh) rotate(3turn) scale(1);
		transform: translate(-10vw, 110vh) rotate(3turn) scale(1)
	}

	41% {
		-webkit-transform: translate(-10vw, 50vh) rotate(0deg) scale(1);
		transform: translate(-10vw, 50vh) rotate(0deg) scale(1)
	}

	60% {
		-webkit-transform: translate(-10vw, 50vh) rotate(0deg) scale(.1);
		transform: translate(-10vw, 50vh) rotate(0deg) scale(.1)
	}

	65% {
		-webkit-transform: translate(20vw, 50vh) rotate(0deg) scale(1);
		transform: translate(20vw, 50vh) rotate(0deg) scale(1)
	}

	70% {
		-webkit-transform: translate(20vw, 50vh) rotate(0deg) scale(1);
		transform: translate(20vw, 50vh) rotate(0deg) scale(1)
	}

	75% {
		-webkit-transform: translate(60vw, 50vh) rotate(-30deg) scale(1);
		transform: translate(60vw, 50vh) rotate(-30deg) scale(1)
	}

	99% {
		-webkit-transform: translate(300vw, 50vh) rotate(-30deg) scale(1);
		transform: translate(300vw, 50vh) rotate(-30deg) scale(1);
		opacity: 1
	}

	to {
		-webkit-transform: translate(-200%, 110vh) rotate(0deg);
		transform: translate(-200%, 110vh) rotate(0deg);
		opacity: 0
	}
}

@keyframes fly-31hrO1 {
	0% {
		opacity: 1;
		-webkit-transform: translate(-10vw, 110vh) rotate(0deg) scale(1);
		transform: translate(-10vw, 110vh) rotate(0deg) scale(1)
	}

	10% {
		-webkit-transform: translate(50vw, 50vh) rotate(90deg) scale(3);
		transform: translate(50vw, 50vh) rotate(90deg) scale(3)
	}

	20% {
		-webkit-transform: translate(110vw, -10vh) rotate(180deg) scale(1);
		transform: translate(110vw, -10vh) rotate(180deg) scale(1)
	}

	21% {
		-webkit-transform: translate(-10vw, -10vh) rotate(0deg) scale(1);
		transform: translate(-10vw, -10vh) rotate(0deg) scale(1)
	}

	30% {
		-webkit-transform: translate(50vw, 50vh) rotate(1turn) scale(2);
		transform: translate(50vw, 50vh) rotate(1turn) scale(2)
	}

	40% {
		-webkit-transform: translate(110vw, 110vh) rotate(3turn) scale(1);
		transform: translate(110vw, 110vh) rotate(3turn) scale(1)
	}

	40.5% {
		-webkit-transform: translate(-10vw, 110vh) rotate(3turn) scale(1);
		transform: translate(-10vw, 110vh) rotate(3turn) scale(1)
	}

	41% {
		-webkit-transform: translate(-10vw, 50vh) rotate(0deg) scale(1);
		transform: translate(-10vw, 50vh) rotate(0deg) scale(1)
	}

	60% {
		-webkit-transform: translate(-10vw, 50vh) rotate(0deg) scale(.1);
		transform: translate(-10vw, 50vh) rotate(0deg) scale(.1)
	}

	65% {
		-webkit-transform: translate(20vw, 50vh) rotate(0deg) scale(1);
		transform: translate(20vw, 50vh) rotate(0deg) scale(1)
	}

	70% {
		-webkit-transform: translate(20vw, 50vh) rotate(0deg) scale(1);
		transform: translate(20vw, 50vh) rotate(0deg) scale(1)
	}

	75% {
		-webkit-transform: translate(60vw, 50vh) rotate(-30deg) scale(1);
		transform: translate(60vw, 50vh) rotate(-30deg) scale(1)
	}

	99% {
		-webkit-transform: translate(300vw, 50vh) rotate(-30deg) scale(1);
		transform: translate(300vw, 50vh) rotate(-30deg) scale(1);
		opacity: 1
	}

	to {
		-webkit-transform: translate(-200%, 110vh) rotate(0deg);
		transform: translate(-200%, 110vh) rotate(0deg);
		opacity: 0
	}
}

@-webkit-keyframes fadeIn-3uu9Vz {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn-3uu9Vz {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut-18CGt7 {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut-18CGt7 {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes loaderAnimation-3zHV3e {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes loaderAnimation-3zHV3e {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes shimmer-1ZdsAp {
	0% {
		background-position: 100% 0
	}

	to {
		background-position: 0 0
	}
}

@keyframes shimmer-1ZdsAp {
	0% {
		background-position: 100% 0
	}

	to {
		background-position: 0 0
	}
}

@-webkit-keyframes footer-blob-animation-1pjFdP {
	0% {
		d: path("M140.881198,194.260295 C257.600568,129.32862 342.939626,119.84993 418.009939,203.154617 C493.080251,286.459305 545.728689,70.9046172 636.439626,63.9593047 C727.150564,57.0139922 768.99822,139.670242 858.802907,119.431961 C948.607595,99.1936797 1071.91228,-32.9977266 1243.91228,7.75227342 C1415.91228,48.5022734 1404.10369,208.584305 1508.27166,178.709305 C1612.43963,148.834305 1633.73291,79.913472 1711.63588,98.8569055 C1776.28676,114.577866 1819.96778,221.391836 1889.37253,185.808108 C2017.32661,120.206212 2004.01952,336.769569 2004.01952,336.769569 L271.635881,337 L-149.063338,337 C-149.063338,337 -245.850307,175.637635 -58.0633382,228.867188 C33.8652851,254.92501 64.1722713,236.933925 140.881198,194.260295 Z")
	}

	50% {
		d: path("M-60.13579,199.189799 C-33.8674767,-71.7287911 170.194454,11.9640675 274.985105,83.0972992 C379.775756,154.230531 409.072181,161.653171 521.54913,124.460269 C634.026079,87.2673683 645.348165,219.42808 735.152853,199.189799 C824.95754,178.951518 948.262228,46.7601116 1120.26223,87.5101116 C1292.26223,128.260112 1309.89513,321.347957 1414.0631,291.472957 C1518.23106,261.597957 1580.53259,89.5639434 1732.07052,88.5665294 C1892.57296,87.5101116 1897.70372,225.708266 2049.59054,199.189799 C2201.47736,172.671332 2002.94707,336.794682 2002.94707,336.794682 L270.563429,337.025114 L-60.13579,337.025114 C-60.13579,337.025114 -469.886827,134.917309 -282.099858,188.146862 C-190.171235,214.204685 -65.9645849,259.30515 -60.13579,199.189799 Z")
	}

	to {
		d: path("M-160.553381,263.533987 C-124.4955,243.377988 -18.6139605,181.080724 56.456352,264.385412 C131.526664,347.690099 165.148428,226.409513 223.668826,168.5 C282.189224,110.590487 372.68516,208.331261 462.489847,188.09298 C552.294535,167.854699 723.262827,-40.1656225 847.424394,40.7522734 C971.58596,121.670169 1156.59375,252.295176 1300.40314,228.958726 C1444.21253,205.622277 1478.90991,106.221579 1563.51957,124.699258 C1655.80276,144.85274 1595.69955,250.007434 1832.41793,206.740235 C2069.1363,163.473036 2002.94707,336.794682 2002.94707,336.794682 L270.563429,337.025114 L-60.13579,337.025114 C-60.13579,337.025114 -495.794798,256.512987 -308.007829,309.74254 C-216.079206,335.800362 -208.740043,290.469854 -160.553381,263.533987 Z")
	}
}

@keyframes footer-blob-animation-1pjFdP {
	0% {
		d: path("M140.881198,194.260295 C257.600568,129.32862 342.939626,119.84993 418.009939,203.154617 C493.080251,286.459305 545.728689,70.9046172 636.439626,63.9593047 C727.150564,57.0139922 768.99822,139.670242 858.802907,119.431961 C948.607595,99.1936797 1071.91228,-32.9977266 1243.91228,7.75227342 C1415.91228,48.5022734 1404.10369,208.584305 1508.27166,178.709305 C1612.43963,148.834305 1633.73291,79.913472 1711.63588,98.8569055 C1776.28676,114.577866 1819.96778,221.391836 1889.37253,185.808108 C2017.32661,120.206212 2004.01952,336.769569 2004.01952,336.769569 L271.635881,337 L-149.063338,337 C-149.063338,337 -245.850307,175.637635 -58.0633382,228.867188 C33.8652851,254.92501 64.1722713,236.933925 140.881198,194.260295 Z")
	}

	50% {
		d: path("M-60.13579,199.189799 C-33.8674767,-71.7287911 170.194454,11.9640675 274.985105,83.0972992 C379.775756,154.230531 409.072181,161.653171 521.54913,124.460269 C634.026079,87.2673683 645.348165,219.42808 735.152853,199.189799 C824.95754,178.951518 948.262228,46.7601116 1120.26223,87.5101116 C1292.26223,128.260112 1309.89513,321.347957 1414.0631,291.472957 C1518.23106,261.597957 1580.53259,89.5639434 1732.07052,88.5665294 C1892.57296,87.5101116 1897.70372,225.708266 2049.59054,199.189799 C2201.47736,172.671332 2002.94707,336.794682 2002.94707,336.794682 L270.563429,337.025114 L-60.13579,337.025114 C-60.13579,337.025114 -469.886827,134.917309 -282.099858,188.146862 C-190.171235,214.204685 -65.9645849,259.30515 -60.13579,199.189799 Z")
	}

	to {
		d: path("M-160.553381,263.533987 C-124.4955,243.377988 -18.6139605,181.080724 56.456352,264.385412 C131.526664,347.690099 165.148428,226.409513 223.668826,168.5 C282.189224,110.590487 372.68516,208.331261 462.489847,188.09298 C552.294535,167.854699 723.262827,-40.1656225 847.424394,40.7522734 C971.58596,121.670169 1156.59375,252.295176 1300.40314,228.958726 C1444.21253,205.622277 1478.90991,106.221579 1563.51957,124.699258 C1655.80276,144.85274 1595.69955,250.007434 1832.41793,206.740235 C2069.1363,163.473036 2002.94707,336.794682 2002.94707,336.794682 L270.563429,337.025114 L-60.13579,337.025114 C-60.13579,337.025114 -495.794798,256.512987 -308.007829,309.74254 C-216.079206,335.800362 -208.740043,290.469854 -160.553381,263.533987 Z")
	}
}

@-webkit-keyframes avatarAnimation-2X9uSI {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes avatarAnimation-2X9uSI {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}