::-ms-backdrop{
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0 solid;
}

::-webkit-file-upload-button{
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0 solid;
}

::-ms-backdrop{
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0 solid;
}

::-webkit-file-upload-button{
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0 solid;
}

*,
::after,
::before,
::backdrop,
::file-selector-button{
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0 solid;
}

html,
:host{
	line-height:1.5;
	-webkit-text-size-adjust:100%;
	-moz-tab-size:4;
	     tab-size:4;
	font-family:--theme(
		--default-font-family,
		ui-sans-serif,
		system-ui,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji',
		'Segoe UI Symbol',
		'Noto Color Emoji'
	);
	-webkit-font-feature-settings:--theme(--default-font-feature-settings, normal);
	        font-feature-settings:--theme(--default-font-feature-settings, normal);
	font-variation-settings:--theme(--default-font-variation-settings, normal);
	-webkit-tap-highlight-color:transparent;
}

hr{
	height:0;
	color:inherit;
	border-top-width:1px;
}

abbr:where([title]){
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-size:inherit;
	font-weight:inherit;
}

a{
	color:inherit;
	-webkit-text-decoration:inherit;
	text-decoration:inherit;
}

b,
strong{
	font-weight:bolder;
}

code,
kbd,
samp,
pre{
	font-family:--theme(
		--default-mono-font-family,
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		'Liberation Mono',
		'Courier New',
		monospace
	);
	-webkit-font-feature-settings:--theme(--default-mono-font-feature-settings, normal);
	        font-feature-settings:--theme(--default-mono-font-feature-settings, normal);
	font-variation-settings:--theme(--default-mono-font-variation-settings, normal);
	font-size:1em;
}

small{
	font-size:80%;
}

sub,
sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sub{
	bottom:-0.25em;
}

sup{
	top:-0.5em;
}

table{
	text-indent:0;
	border-color:inherit;
	border-collapse:collapse;
}

:-moz-focusring{
	outline:auto;
}

progress{
	vertical-align:baseline;
}

summary{
	display:list-item;
}

ol,
ul,
menu{
	list-style:none;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object{
	display:block;
	vertical-align:middle;
}

img,
video{
	max-width:100%;
	height:auto;
}

::-webkit-file-upload-button{
	font:inherit;
	-webkit-font-feature-settings:inherit;
	        font-feature-settings:inherit;
	font-variation-settings:inherit;
	letter-spacing:inherit;
	color:inherit;
	border-radius:0;
	background-color:transparent;
	opacity:1;
}

button,
input,
select,
optgroup,
textarea,
::file-selector-button{
	font:inherit;
	-webkit-font-feature-settings:inherit;
	        font-feature-settings:inherit;
	font-variation-settings:inherit;
	letter-spacing:inherit;
	color:inherit;
	border-radius:0;
	background-color:transparent;
	opacity:1;
}

:where(select:is([multiple], [size])) optgroup{
	font-weight:bolder;
}

:where(select:is([multiple], [size])) optgroup option{
	-webkit-padding-start:20px;
	        padding-inline-start:20px;
}

::-webkit-file-upload-button{
	-webkit-margin-end:4px;
	        margin-inline-end:4px;
}

::file-selector-button{
	-webkit-margin-end:4px;
	        margin-inline-end:4px;
}

::-webkit-input-placeholder{
	opacity:1;
}

::-moz-placeholder{
	opacity:1;
}

::-ms-input-placeholder{
	opacity:1;
}

:-ms-input-placeholder{
	opacity:1;
}

::placeholder{
	opacity:1;
}

@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){
	::-webkit-input-placeholder{
		color:color-mix(in oklab, currentcolor 50%, transparent);
	}
	::-moz-placeholder{
		color:color-mix(in oklab, currentcolor 50%, transparent);
	}
	::-ms-input-placeholder{
		color:color-mix(in oklab, currentcolor 50%, transparent);
	}
	:-ms-input-placeholder{
		color:color-mix(in oklab, currentcolor 50%, transparent);
	}
	::placeholder{
		color:color-mix(in oklab, currentcolor 50%, transparent);
	}
}

textarea{
	resize:vertical;
}

::-webkit-search-decoration{
	-webkit-appearance:none;
}

::-webkit-date-and-time-value{
	min-height:1lh;
	text-align:inherit;
}

::-webkit-datetime-edit{
	display:inline-flex;
}

::-webkit-datetime-edit-fields-wrapper{
	padding:0;
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field{
	padding-block:0;
}

::-webkit-calendar-picker-indicator{
	line-height:1;
}

:-moz-ui-invalid{
	box-shadow:none;
}

::-webkit-file-upload-button{
	-webkit-appearance:button;
	        appearance:button;
}

button,
input:where([type='button'], [type='reset'], [type='submit']),
::file-selector-button{
	-webkit-appearance:button;
	   -moz-appearance:button;
	        appearance:button;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button{
	height:auto;
}

[hidden]:where(:not([hidden='until-found'])){
	display:none !important;
}

:root{
	--background-primary:hsl(220, calc(13% * var(--saturation-factor)), 5%);
	--background-secondary:hsl(220, calc(13% * var(--saturation-factor)), 11.18%);
	--background-secondary-lighter:hsl(220, calc(13% * var(--saturation-factor)), 13.22%);
	--background-secondary-alt:hsl(220, calc(13% * var(--saturation-factor)), 15.11%);
	--background-tertiary:hsl(220, calc(13% * var(--saturation-factor)), 18.44%);
	--background-channel-header:hsl(220, calc(13% * var(--saturation-factor)), 16.85%);
	--guild-list-foreground:hsl(220, calc(13% * var(--saturation-factor)), 17.93%);
	--background-header-secondary:hsl(220, calc(13% * var(--saturation-factor)), 20.75%);
	--background-header-primary:hsl(220, calc(13% * var(--saturation-factor)), 20.75%);
	--background-textarea:hsl(220, calc(13% * var(--saturation-factor)), 23.85%);
	--background-header-primary-hover:hsl(220, calc(13% * var(--saturation-factor)), 25.53%);
	--text-tertiary-secondary:hsl(220, calc(13% * var(--saturation-factor)), 52%);
	--text-tertiary-muted:hsl(220, calc(13% * var(--saturation-factor)), 55.52%);
	--text-tertiary:hsl(220, calc(13% * var(--saturation-factor)), 64.71%);
	--text-primary-muted:hsl(220, calc(13% * var(--saturation-factor)), 78.18%);
	--text-chat-muted:hsl(220, calc(13% * var(--saturation-factor)), 78.18%);
	--text-secondary:hsl(220, calc(13% * var(--saturation-factor)), 89.1%);
	--text-chat:hsl(220, calc(13% * var(--saturation-factor)), 93.15%);
	--text-primary:hsl(220, calc(13% * var(--saturation-factor)), 96%);
	--panel-control-bg:color-mix(
in srgb,
var(--background-secondary-alt) 80%,
hsl(220, calc(13% * var(--saturation-factor)), 2%) 20%
);
	--panel-control-border:hsla(220, calc(30% * var(--saturation-factor)), 65%, 0.45);
	--panel-control-divider:hsla(220, calc(30% * var(--saturation-factor)), 55%, 0.35);
	--panel-control-highlight:hsla(0, 0%, 100%, 0.04);
	--background-modifier-hover:hsla(220, calc(13% * var(--saturation-factor)), 100%, 0.05);
	--background-modifier-selected:hsla(220, calc(13% * var(--saturation-factor)), 100%, 0.1);
	--background-modifier-accent:hsla(220, calc(13% * var(--saturation-factor)), 80%, 0.15);
	--background-modifier-accent-focus:hsla(220, calc(13% * var(--saturation-factor)), 80%, 0.22);
	--control-button-normal-bg:transparent;
	--control-button-normal-text:var(--text-primary-muted);
	--control-button-hover-bg:hsl(220, calc(13% * var(--saturation-factor)), 22%);
	--control-button-hover-text:var(--text-primary);
	--control-button-active-bg:hsl(220, calc(13% * var(--saturation-factor)), 24%);
	--control-button-active-text:var(--text-primary);
	--control-button-danger-text:hsl(1, calc(77% * var(--saturation-factor)), 60%);
	--control-button-danger-hover-bg:hsl(1, calc(77% * var(--saturation-factor)), 20%);
	--brand-primary:hsl(242, calc(70% * var(--saturation-factor)), 55%);
	--brand-secondary:hsl(242, calc(60% * var(--saturation-factor)), 49%);
	--brand-primary-light:hsl(242, calc(100% * var(--saturation-factor)), 84%);
	--brand-primary-fill:hsl(0, 0%, 100%);
	--status-online:hsl(142, calc(76% * var(--saturation-factor)), 40%);
	--status-idle:hsl(45, calc(93% * var(--saturation-factor)), 50%);
	--status-dnd:hsl(0, calc(84% * var(--saturation-factor)), 60%);
	--status-offline:hsl(218, calc(11% * var(--saturation-factor)), 65%);
	--status-danger:hsl(1, calc(77% * var(--saturation-factor)), 55%);
	--status-warning:var(--status-idle);
	--text-warning:hsl(45, calc(93% * var(--saturation-factor)), 55%);
	--plutonium:var(--brand-primary);
	--plutonium-hover:var(--brand-secondary);
	--plutonium-text:var(--text-on-brand-primary);
	--plutonium-icon:hsl(38, calc(92% * var(--saturation-factor)), 50%);
	--invite-verified-icon-color:var(--text-on-brand-primary);
	--text-link:hsl(210, calc(100% * var(--saturation-factor)), 70%);
	--text-on-brand-primary:hsl(0, 0%, 98%);
	--text-code:hsl(340, calc(50% * var(--saturation-factor)), 90%);
	--text-selection:hsla(210, calc(90% * var(--saturation-factor)), 70%, 0.35);
	--markup-mention-text:var(--text-link);
	--markup-mention-fill:color-mix(in srgb, var(--text-link) 20%, transparent);
	--markup-mention-border:hsla(210, calc(100% * var(--saturation-factor)), 70%, 0.3);
	--markup-jump-link-text:var(--text-link);
	--markup-jump-link-fill:color-mix(in srgb, var(--text-link) 12%, transparent);
	--markup-jump-link-hover-fill:color-mix(in srgb, var(--text-link) 20%, transparent);
	--markup-everyone-text:hsl(250, calc(80% * var(--saturation-factor)), 75%);
	--markup-everyone-fill:color-mix(in srgb, hsl(250, calc(80% * var(--saturation-factor)), 75%) 18%, transparent);
	--markup-everyone-border:hsla(250, calc(80% * var(--saturation-factor)), 75%, 0.3);
	--markup-here-text:hsl(45, calc(90% * var(--saturation-factor)), 70%);
	--markup-here-fill:color-mix(in srgb, hsl(45, calc(90% * var(--saturation-factor)), 70%) 18%, transparent);
	--markup-here-border:hsla(45, calc(90% * var(--saturation-factor)), 70%, 0.3);
	--markup-interactive-hover-text:var(--text-link);
	--markup-interactive-hover-fill:color-mix(in srgb, var(--text-link) 30%, transparent);
	--interactive-muted:color-mix(
in oklab,
hsl(228, calc(10% * var(--saturation-factor)), 35%) 100%,
hsl(245, calc(100% * var(--saturation-factor)), 80%) 40%
);
	--interactive-active:color-mix(
in oklab,
hsl(0, calc(0% * var(--saturation-factor)), 100%) 100%,
hsl(245, calc(100% * var(--saturation-factor)), 80%) 40%
);
	--button-primary-fill:hsl(139, calc(55% * var(--saturation-factor)), 44%);
	--button-primary-active-fill:hsl(136, calc(60% * var(--saturation-factor)), 38%);
	--button-primary-text:hsl(0, 0%, 100%);
	--button-secondary-fill:hsla(0, 0%, 100%, 0.1);
	--button-secondary-active-fill:hsla(0, 0%, 100%, 0.15);
	--button-secondary-text:hsl(0, 0%, 100%);
	--button-secondary-active-text:var(--button-secondary-text);
	--button-danger-fill:hsl(359, calc(70% * var(--saturation-factor)), 54%);
	--button-danger-active-fill:hsl(359, calc(65% * var(--saturation-factor)), 45%);
	--button-danger-text:hsl(0, 0%, 100%);
	--button-danger-outline-border:1px solid hsl(359, calc(70% * var(--saturation-factor)), 54%);
	--button-danger-outline-text:hsl(0, 0%, 100%);
	--button-danger-outline-active-fill:hsl(359, calc(65% * var(--saturation-factor)), 48%);
	--button-danger-outline-active-border:transparent;
	--button-ghost-text:hsl(0, 0%, 100%);
	--button-inverted-fill:hsl(0, 0%, 100%);
	--button-inverted-text:hsl(0, 0%, 0%);
	--button-outline-border:1px solid hsla(0, 0%, 100%, 0.3);
	--button-outline-text:hsl(0, 0%, 100%);
	--button-outline-active-fill:hsla(0, 0%, 100%, 0.15);
	--button-outline-active-border:1px solid hsla(0, 0%, 100%, 0.4);
	--theme-border:transparent;
	--theme-border-width:0px;
	--bg-primary:var(--background-primary);
	--bg-secondary:var(--background-secondary);
	--bg-tertiary:var(--background-tertiary);
	--bg-hover:var(--background-modifier-hover);
	--bg-active:var(--background-modifier-selected);
	--bg-code:hsla(220, calc(13% * var(--saturation-factor)), 15%, 0.8);
	--bg-code-block:var(--background-secondary-alt);
	--bg-blockquote:var(--background-secondary-alt);
	--bg-table-header:var(--background-tertiary);
	--bg-table-row-odd:var(--background-primary);
	--bg-table-row-even:var(--background-secondary);
	--border-color:hsla(220, calc(13% * var(--saturation-factor)), 50%, 0.2);
	--border-color-hover:hsla(220, calc(13% * var(--saturation-factor)), 50%, 0.3);
	--border-color-focus:hsla(210, calc(90% * var(--saturation-factor)), 70%, 0.45);
	--accent-primary:var(--brand-primary);
	--accent-success:var(--status-online);
	--accent-warning:var(--status-idle);
	--accent-danger:var(--status-dnd);
	--accent-info:var(--text-link);
	--accent-purple:hsl(270, calc(80% * var(--saturation-factor)), 65%);
	--alert-note-color:hsl(210, calc(100% * var(--saturation-factor)), 70%);
	--alert-tip-color:hsl(142, calc(76% * var(--saturation-factor)), 45%);
	--alert-important-color:hsl(270, calc(80% * var(--saturation-factor)), 65%);
	--alert-warning-color:hsl(45, calc(93% * var(--saturation-factor)), 55%);
	--alert-caution-color:hsl(359, calc(75% * var(--saturation-factor)), 60%);
	--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.1);
	--shadow-md:0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.1);
	--shadow-lg:0 4px 8px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);
	--shadow-xl:0 10px 20px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1);
	--transition-fast:100ms ease;
	--transition-normal:200ms ease;
	--transition-slow:300ms ease;
	--spoiler-overlay-color:rgba(0, 0, 0, 0.2);
	--spoiler-overlay-hover-color:rgba(0, 0, 0, 0.3);
	--scrollbar-thumb-bg:rgba(121, 122, 124, 0.4);
	--scrollbar-thumb-bg-hover:rgba(121, 122, 124, 0.7);
	--scrollbar-track-bg:transparent;
	--user-area-divider-color:color-mix(in srgb, var(--background-modifier-hover) 70%, transparent);
}

:root.theme-light{
	--background-header-primary-hover:hsl(210, calc(20% * var(--saturation-factor)), 85%);
	--background-header-primary:hsl(210, calc(20% * var(--saturation-factor)), 85.2%);
	--background-header-secondary:hsl(210, calc(20% * var(--saturation-factor)), 85.56%);
	--guild-list-foreground:hsl(210, calc(20% * var(--saturation-factor)), 86.72%);
	--background-tertiary:hsl(210, calc(20% * var(--saturation-factor)), 87.47%);
	--background-channel-header:hsl(210, calc(20% * var(--saturation-factor)), 88.5%);
	--background-secondary-alt:hsl(210, calc(20% * var(--saturation-factor)), 90.56%);
	--background-textarea:hsl(210, calc(20% * var(--saturation-factor)), 95.84%);
	--background-primary:hsl(210, calc(20% * var(--saturation-factor)), 99%);
	--text-primary:hsl(210, calc(20% * var(--saturation-factor)), 15%);
	--text-chat:hsl(210, calc(20% * var(--saturation-factor)), 21.91%);
	--text-secondary:hsl(210, calc(20% * var(--saturation-factor)), 36.67%);
	--text-chat-muted:hsl(210, calc(20% * var(--saturation-factor)), 46.39%);
	--text-primary-muted:hsl(210, calc(20% * var(--saturation-factor)), 46.39%);
	--text-tertiary:hsl(210, calc(20% * var(--saturation-factor)), 52.8%);
	--text-tertiary-secondary:hsl(210, calc(20% * var(--saturation-factor)), 57.19%);
	--text-tertiary-muted:hsl(210, calc(20% * var(--saturation-factor)), 58.99%);
	--background-secondary:var(--background-primary);
	--background-secondary-lighter:var(--background-secondary);
	--panel-control-bg:color-mix(in srgb, var(--background-secondary) 65%, hsl(0, 0%, 100%) 35%);
	--panel-control-border:hsla(210, calc(25% * var(--saturation-factor)), 45%, 0.25);
	--panel-control-divider:hsla(210, calc(30% * var(--saturation-factor)), 35%, 0.2);
	--panel-control-highlight:hsla(0, 0%, 100%, 0.65);
	--background-modifier-hover:hsla(210, calc(20% * var(--saturation-factor)), 10%, 0.04);
	--background-modifier-selected:hsla(210, calc(20% * var(--saturation-factor)), 10%, 0.08);
	--background-modifier-accent:hsla(210, calc(20% * var(--saturation-factor)), 40%, 0.2);
	--background-modifier-accent-focus:hsla(210, calc(20% * var(--saturation-factor)), 40%, 0.3);
	--control-button-normal-bg:transparent;
	--control-button-normal-text:hsl(210, calc(20% * var(--saturation-factor)), 50%);
	--control-button-hover-bg:hsl(210, calc(20% * var(--saturation-factor)), 88%);
	--control-button-hover-text:hsl(210, calc(20% * var(--saturation-factor)), 20%);
	--control-button-active-bg:hsl(210, calc(20% * var(--saturation-factor)), 85%);
	--control-button-active-text:hsl(210, calc(20% * var(--saturation-factor)), 15%);
	--control-button-danger-text:hsl(359, calc(70% * var(--saturation-factor)), 50%);
	--control-button-danger-hover-bg:hsl(359, calc(70% * var(--saturation-factor)), 95%);
	--text-link:hsl(210, calc(100% * var(--saturation-factor)), 45%);
	--text-code:hsl(340, calc(50% * var(--saturation-factor)), 45%);
	--text-selection:hsla(210, calc(90% * var(--saturation-factor)), 50%, 0.2);
	--markup-mention-border:hsla(210, calc(100% * var(--saturation-factor)), 45%, 0.4);
	--markup-jump-link-fill:color-mix(in srgb, var(--text-link) 8%, transparent);
	--markup-everyone-text:hsl(250, calc(70% * var(--saturation-factor)), 45%);
	--markup-everyone-fill:color-mix(in srgb, hsl(250, calc(70% * var(--saturation-factor)), 45%) 12%, transparent);
	--markup-everyone-border:hsla(250, calc(70% * var(--saturation-factor)), 45%, 0.4);
	--markup-here-text:hsl(40, calc(85% * var(--saturation-factor)), 40%);
	--markup-here-fill:color-mix(in srgb, hsl(40, calc(85% * var(--saturation-factor)), 40%) 12%, transparent);
	--markup-here-border:hsla(40, calc(85% * var(--saturation-factor)), 40%, 0.4);
	--status-online:hsl(142, calc(70% * var(--saturation-factor)), 40%);
	--status-idle:hsl(45, calc(90% * var(--saturation-factor)), 45%);
	--status-dnd:hsl(359, calc(70% * var(--saturation-factor)), 50%);
	--status-offline:hsl(210, calc(10% * var(--saturation-factor)), 55%);
	--plutonium:var(--brand-primary);
	--plutonium-hover:var(--brand-secondary);
	--plutonium-text:var(--text-on-brand-primary);
	--plutonium-icon:hsl(38, calc(92% * var(--saturation-factor)), 45%);
	--invite-verified-icon-color:var(--brand-primary);
	--border-color:hsla(210, calc(20% * var(--saturation-factor)), 40%, 0.15);
	--border-color-hover:hsla(210, calc(20% * var(--saturation-factor)), 40%, 0.25);
	--border-color-focus:hsla(210, calc(90% * var(--saturation-factor)), 50%, 0.4);
	--bg-primary:var(--background-primary);
	--bg-secondary:var(--background-secondary);
	--bg-tertiary:var(--background-tertiary);
	--bg-hover:var(--background-modifier-hover);
	--bg-active:var(--background-modifier-selected);
	--bg-code:hsla(210, calc(22% * var(--saturation-factor)), 90%, 0.9);
	--bg-code-block:var(--background-primary);
	--bg-blockquote:var(--background-secondary-alt);
	--bg-table-header:var(--background-tertiary);
	--bg-table-row-odd:var(--background-primary);
	--bg-table-row-even:var(--background-secondary);
	--alert-note-color:hsl(210, calc(100% * var(--saturation-factor)), 45%);
	--alert-tip-color:hsl(150, calc(80% * var(--saturation-factor)), 35%);
	--alert-important-color:hsl(270, calc(80% * var(--saturation-factor)), 50%);
	--alert-warning-color:hsl(45, calc(90% * var(--saturation-factor)), 45%);
	--alert-caution-color:hsl(358, calc(80% * var(--saturation-factor)), 50%);
	--spoiler-overlay-color:rgba(0, 0, 0, 0.1);
	--spoiler-overlay-hover-color:rgba(0, 0, 0, 0.15);
	--button-secondary-fill:hsla(210, calc(20% * var(--saturation-factor)), 10%, 0.1);
	--button-secondary-active-fill:hsla(210, calc(20% * var(--saturation-factor)), 10%, 0.15);
	--button-secondary-text:hsl(210, calc(20% * var(--saturation-factor)), 15%);
	--button-secondary-active-text:hsl(210, calc(20% * var(--saturation-factor)), 10%);
	--button-ghost-text:hsl(210, calc(20% * var(--saturation-factor)), 20%);
	--button-inverted-fill:hsl(0, 0%, 100%);
	--button-inverted-text:hsl(0, 0%, 10%);
	--button-outline-border:1px solid hsla(210, calc(20% * var(--saturation-factor)), 40%, 0.3);
	--button-outline-text:hsl(210, calc(20% * var(--saturation-factor)), 20%);
	--button-outline-active-fill:hsla(210, calc(20% * var(--saturation-factor)), 10%, 0.1);
	--button-outline-active-border:1px solid hsla(210, calc(20% * var(--saturation-factor)), 40%, 0.5);
	--button-danger-outline-border:1px solid hsl(359, calc(70% * var(--saturation-factor)), 50%);
	--button-danger-outline-text:hsl(359, calc(70% * var(--saturation-factor)), 45%);
	--button-danger-outline-active-fill:hsl(359, calc(70% * var(--saturation-factor)), 50%);
	--user-area-divider-color:hsla(210, calc(20% * var(--saturation-factor)), 40%, 0.2);
}

:root.theme-coal{
	--background-primary:hsl(220, calc(13% * var(--saturation-factor)), 1%);
	--background-secondary:hsl(220, calc(13% * var(--saturation-factor)), 4.24%);
	--background-secondary-alt:hsl(220, calc(13% * var(--saturation-factor)), 6.3%);
	--background-tertiary:hsl(220, calc(13% * var(--saturation-factor)), 8.04%);
	--background-channel-header:hsl(220, calc(13% * var(--saturation-factor)), 7.21%);
	--guild-list-foreground:hsl(220, calc(13% * var(--saturation-factor)), 7.77%);
	--background-header-secondary:hsl(220, calc(13% * var(--saturation-factor)), 9.25%);
	--background-header-primary:hsl(220, calc(13% * var(--saturation-factor)), 9.25%);
	--background-textarea:hsl(220, calc(13% * var(--saturation-factor)), 10.87%);
	--background-header-primary-hover:hsl(220, calc(13% * var(--saturation-factor)), 11.75%);
	--background-secondary:var(--background-primary);
	--background-secondary-lighter:var(--background-primary);
	--panel-control-bg:color-mix(
in srgb,
var(--background-primary) 90%,
hsl(220, calc(13% * var(--saturation-factor)), 0%) 10%
);
	--panel-control-border:hsla(220, calc(20% * var(--saturation-factor)), 30%, 0.35);
	--panel-control-divider:hsla(220, calc(20% * var(--saturation-factor)), 25%, 0.28);
	--panel-control-highlight:hsla(0, 0%, 100%, 0.06);
	--background-modifier-hover:hsla(220, calc(13% * var(--saturation-factor)), 100%, 0.04);
	--background-modifier-selected:hsla(220, calc(13% * var(--saturation-factor)), 100%, 0.08);
	--background-modifier-accent:hsla(220, calc(10% * var(--saturation-factor)), 65%, 0.18);
	--background-modifier-accent-focus:hsla(220, calc(10% * var(--saturation-factor)), 70%, 0.26);
	--control-button-normal-bg:transparent;
	--control-button-normal-text:var(--text-primary-muted);
	--control-button-hover-bg:hsl(220, calc(13% * var(--saturation-factor)), 12%);
	--control-button-hover-text:var(--text-primary);
	--control-button-active-bg:hsl(220, calc(13% * var(--saturation-factor)), 14%);
	--control-button-active-text:var(--text-primary);
	--scrollbar-thumb-bg:rgba(160, 160, 160, 0.35);
	--scrollbar-thumb-bg-hover:rgba(200, 200, 200, 0.55);
	--scrollbar-track-bg:rgba(0, 0, 0, 0.45);
	--bg-primary:var(--background-primary);
	--bg-secondary:var(--background-secondary);
	--bg-tertiary:var(--background-tertiary);
	--bg-hover:var(--background-modifier-hover);
	--bg-active:var(--background-modifier-selected);
	--bg-code:hsl(220, calc(13% * var(--saturation-factor)), 8%);
	--bg-code-block:var(--background-secondary-alt);
	--bg-blockquote:var(--background-secondary);
	--bg-table-header:var(--background-tertiary);
	--bg-table-row-odd:var(--background-primary);
	--bg-table-row-even:var(--background-secondary);
	--button-secondary-fill:hsla(0, 0%, 100%, 0.04);
	--button-secondary-active-fill:hsla(0, 0%, 100%, 0.07);
	--button-secondary-text:var(--text-primary);
	--button-secondary-active-text:var(--text-primary);
	--button-outline-border:1px solid hsla(0, 0%, 100%, 0.08);
	--button-outline-active-fill:hsla(0, 0%, 100%, 0.12);
	--button-outline-active-border:1px solid hsla(0, 0%, 100%, 0.16);
	--user-area-divider-color:color-mix(in srgb, var(--background-modifier-hover) 80%, transparent);
}

html,
body{
    touch-action:manipulation;
}

button,
input,
select,
textarea,
a{
    touch-action:manipulation;
}

::-moz-selection{
    background:rgba(123, 83, 212, 0.3);
    background:var(--text-selection);
    color:#f0f6fc;
    color:var(--text-primary);
}

::selection{
    background:rgba(123, 83, 212, 0.3);
    background:var(--text-selection);
    color:#f0f6fc;
    color:var(--text-primary);
}

html.stream-mode-hide-sensitive [data-stream-sensitive='true']{
    visibility:hidden !important;
}

:root{
    --saturation-factor:1;
    --user-select:auto;
    --font-sans:'Inter', 'SF Pro Display', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', sans-serif;
    --font-mono:'JetBrains Mono', 'IBM Plex Mono', Consolas, 'Courier New', monospace;
    --astral-bg-0:#0a0c10;
    --astral-bg-1:#0d1117;
    --astral-bg-2:#151a21;
    --astral-bg-3:#1b2330;
    --astral-border:#252b34;
    --astral-text:#f0f6fc;
    --astral-muted:#8b949e;
    --astral-accent:#7550d2;
    --astral-accent-strong:#5f3eb4;
    --astral-accent-soft:rgba(117, 80, 210, 0.18);
    --astral-accent-cyan:#5f87ff;
    --astral-accent-pink:#a77ae9;
    --theme-shell-start:#0d1117;
    --theme-shell-end:#151a21;
    --theme-shell-surface:#151a21;
    --z-index-base:0;
    --z-index-elevated-1:10;
    --z-index-elevated-2:20;
    --z-index-elevated-3:30;
    --z-index-modal:10000;
    --z-index-popout:15000;
    --z-index-modal-swap:25000;
    --z-index-popout-above-swap:30000;
    --z-index-overlay:40000;
    --z-index-tooltip:45000;
    --z-index-toast:50000;
    --z-index-titlebar:100000;
    --z-index-contextmenu:2147483647;
    --native-titlebar-height:32px;
    --radius-sm:0.25rem;
    --radius-md:0.375rem;
    --radius-lg:0.5rem;
    --radius-xl:0.75rem;
    --radius-2xl:1rem;
    --radius-full:9999px;
    --media-border-radius:14px;
    --input-container-padding:0.625rem;
    --footer-row-height:72px;
    --input-container-min-height:var(--footer-row-height);
    --input-wrapper-padding-x:0.5rem;
    --input-wrapper-padding-bottom:0.5rem;
    --textarea-top-bar-height:40px;
    --textarea-line-height:1.375rem;
    --textarea-content-offset:calc((var(--user-area-content-height) - var(--textarea-line-height)) / 2);
    --typing-indicator-height:16px;
    --typing-pill-height:20px;
    --slowmode-indicator-height:var(--typing-pill-height);
    --scroller-spacer-height:28px;
    --typing-avatar-size:12px;
    --typing-indicator-animation-size:20px;
    --typing-indicator-gap:0px;
    --typing-upload-column-width:calc( var(--user-area-content-height) + (var(--textarea-side-button-padding, 0.34375rem) * 2));
    --spoiler-border-radius:6px;
    --font-size-xs:0.75rem;
    --spacing-0:0;
    --spacing-1:0.25rem;
    --spacing-1-5:0.375rem;
    --spacing-2:0.5rem;
    --spacing-3:0.75rem;
    --spacing-4:1rem;
    --spacing-5:1.25rem;
    --spacing-6:1.5rem;
    --spacing-8:2rem;
    --spacing-10:2.5rem;
    --spacing-12:3rem;
    --spacing-16:4rem;
    --spacing-20:5rem;
    --spacing-24:6rem;
    --layout-guild-list-width:4.5rem;
    --layout-sidebar-width:16.875rem;
    --layout-header-height:3.5rem;
    --layout-user-area-height:var(--input-container-min-height);
    --layout-user-area-reserved-height:0px;
    --layout-mobile-bottom-nav-reserved-height:0px;
    --user-area-content-height:36px;
    --user-area-padding-y:calc((var(--layout-user-area-height) - var(--user-area-content-height)) / 2);
    --user-area-padding-x:var(--spacing-4);
    --voice-connection-padding-y:var(--spacing-2);
    --footer-row-padding-y:var(--user-area-padding-y);
    --layout-header-popout-width:calc(var(--layout-sidebar-width) - (var(--spacing-4) * 2));
    --layout-gap:var(--spacing-4);
    --layout-gap-sm:var(--spacing-2);
    --layout-gap-lg:var(--spacing-6);
    --content-padding:var(--spacing-4);
    --content-padding-sm:var(--spacing-3);
    --content-padding-lg:var(--spacing-6);
    --guild-icon-size:3rem;
    --guild-icon-gap:var(--spacing-2);
    --native-safe-area-top:0px;
    --native-safe-area-right:0px;
    --native-safe-area-bottom:0px;
    --native-safe-area-left:0px;
    --native-safe-area-raw-top:0px;
    --native-safe-area-raw-right:0px;
    --native-safe-area-raw-bottom:0px;
    --native-safe-area-raw-left:0px;
    --android-statusbar-fallback-top:0px;
    --android-virtual-frame-top:0px;
    --android-virtual-frame-side:0px;
    --android-virtual-frame-bottom:0px;
    --safe-area-top:max( env(safe-area-inset-top, 0px), var(--safe-area-inset-top, 0px), var(--native-safe-area-top), var(--android-statusbar-fallback-top), var(--android-virtual-frame-top));
    --safe-area-right:max( env(safe-area-inset-right, 0px), var(--safe-area-inset-right, 0px), var(--native-safe-area-right), var(--android-virtual-frame-side));
    --safe-area-bottom:max( env(safe-area-inset-bottom, 0px), var(--safe-area-inset-bottom, 0px), var(--native-safe-area-bottom), var(--android-virtual-frame-bottom));
    --safe-area-left:max( env(safe-area-inset-left, 0px), var(--safe-area-inset-left, 0px), var(--native-safe-area-left), var(--android-virtual-frame-side));
    --mobile-bottom-nav-height:calc(60px + var(--safe-area-bottom));
    --background-primary:#151a21;
    --background-secondary:#0d1117;
    --background-secondary-lighter:#161d27;
    --background-secondary-alt:#10161e;
    --background-tertiary:#1b2330;
    --background-textarea:#0b1016;
    --background-header-primary:#0d1117;
    --background-header-primary-hover:#1f2937;
    --background-header-secondary:#0d1117;
    --guild-list-foreground:#151a21;
    --background-modifier-hover:rgba(255, 255, 255, 0.04);
    --background-modifier-selected:rgba(91, 140, 255, 0.18);
    --background-modifier-accent:rgba(139, 148, 158, 0.08);
    --background-floating:#111923;
    --panel-control-bg:#161b22;
    --panel-control-border:rgba(123, 83, 212, 0.1);
    --panel-control-divider:rgba(123, 83, 212, 0.07);
    --panel-control-highlight:rgba(255, 255, 255, 0.015);
    --text-primary:#f0f6fc;
    --text-secondary:#c9d1d9;
    --text-tertiary:#8b949e;
    --text-primary-muted:#8b949e;
    --text-chat:#e6edf5;
    --text-chat-muted:#8b949e;
    --text-selection:rgba(123, 83, 212, 0.3);
    --text-link:#9f8af0;
    --brand-primary:#7b53d4;
    --brand-secondary:#6744b7;
    --brand-primary-light:#9f85eb;
    --button-primary-fill:#8b5cf6;
    --button-primary-active-fill:#7c4eea;
    --button-primary-text:#ffffff;
    --button-primary-border:rgba(139, 92, 246, 0.28);
    --button-secondary-fill:#1a212c;
    --button-secondary-active-fill:#232c39;
    --button-secondary-text:#dfe7f3;
    --button-secondary-active-text:#ffffff;
    --button-secondary-border:rgba(139, 148, 158, 0.14);
    --button-secondary-active-border:rgba(139, 148, 158, 0.22);
    --button-danger-fill:#a00000;
    --button-danger-active-fill:#600000;
    --button-danger-text:#fff5f7;
    --button-danger-outline-text:#ffdce5;
    --status-online:#2ea88a;
    --status-idle:#d29922;
    --status-dnd:#e85d7c;
    --status-offline:#686e77;
    --status-streaming:#9147ff;
    --app-shell-background:linear-gradient(145deg, #0d1117 0%, #151a21 100%);
    --app-surface-background:#151a21;
    --icon-primary:#e6edf5;
    --icon-muted:#8b949e;
    --icon-accent:#a08bf0;
    --theme-custom-gradient-start:#3b82f6;
    --theme-custom-gradient-middle:#7a4cd2;
    --theme-custom-gradient-end:#c084fc;
    --theme-custom-gradient-angle:138deg;
    --theme-custom-gradient-overlay-opacity:0.4;
    --theme-preset-overlay-opacity:0;
    --theme-preset-overlay-background:transparent;
    --chat-background-pattern-image:none;
    --chat-background-pattern-size:360px;
    --chat-background-pattern-opacity:0;
    --chat-background-pattern-scale:1;
    --chat-background-pattern-filter:none;
    --motion-ease-smooth:cubic-bezier(0.22, 1, 0.36, 1);
    --motion-ease-springy:cubic-bezier(0.34, 1.56, 0.64, 1);
    --motion-ease-snap:cubic-bezier(0.4, 0, 0.2, 1);
    --motion-ease-linear:linear;
    --motion-dur-instant:100ms;
    --motion-dur-short:160ms;
    --motion-dur-medium:240ms;
    --motion-dur-long:360ms;
    --motion-dur-xlong:520ms;
    --window-open-duration:170ms;
    --window-open-easing:cubic-bezier(0.22, 1, 0.36, 1);
    --button-motion-transition:background-color var(--motion-dur-short) var(--motion-ease-snap), color var(--motion-dur-short) var(--motion-ease-snap), transform var(--motion-dur-instant) var(--motion-ease-smooth), border-color var(--motion-dur-short) var(--motion-ease-snap), opacity var(--motion-dur-short) var(--motion-ease-snap);
    --button-motion-active-translate-y:0px;
    --button-motion-active-scale:0.97;
    --form-surface-background:var(--background-tertiary);
    --surface-interactive-hover-bg:var(--background-modifier-hover);
    --surface-interactive-selected-bg:var(--background-modifier-selected);
    --surface-interactive-selected-color:var(--text-primary);
    --scrollbar-thumb-bg:color-mix(in srgb, var(--background-textarea) 45%, var(--text-tertiary) 55%);
    --scrollbar-thumb-bg-hover:color-mix(in srgb, var(--background-textarea) 30%, var(--text-secondary) 70%);
    --scrollbar-track-bg:color-mix(in srgb, var(--background-secondary) 70%, transparent);
    --focus-primary:#7ca5ff;
    --interactive-surface:color-mix(in srgb, var(--background-floating) 28%, transparent);
    --interactive-surface-hover:color-mix(in srgb, var(--background-floating) 54%, transparent);
    --interactive-stroke:color-mix(in srgb, var(--text-primary) 9%, transparent);
}

html.platform-native.platform-macos{
    --layout-guild-list-width:4.75rem;
}

html.platform-native-mobile.platform-android{
    --android-statusbar-fallback-top:0px;
    --android-virtual-frame-top:0px;
    --android-virtual-frame-side:0px;
    --android-virtual-frame-bottom:0px;
}

html.platform-android-webview-shell{
    --android-statusbar-fallback-top:0px;
    --android-virtual-frame-top:0px;
    --android-virtual-frame-side:0px;
    --android-virtual-frame-bottom:0px;
}
html.platform-native-mobile,
html.platform-mobile-browser{
    --motion-dur-instant:90ms;
    --motion-dur-short:150ms;
    --motion-dur-medium:220ms;
    --motion-dur-long:320ms;
    --motion-dur-xlong:440ms;
    --window-open-duration:170ms;
}

.theme-light{
    --theme-shell-start:#f8fbff;
    --theme-shell-end:#eef2f6;
    --theme-shell-surface:#ffffff;
    --form-surface-background:var(--background-primary);
    --surface-interactive-hover-bg:var(--background-modifier-hover);
    --surface-interactive-selected-bg:var(--background-modifier-selected);
    --surface-interactive-selected-color:var(--text-primary);
    --background-floating:#ffffff;
    --background-secondary-lighter:#eef2f6;
    --background-textarea:#f4f7fb;
    --background-header-primary:#ffffff;
    --background-header-primary-hover:#edf2f8;
    --background-header-secondary:#f3f6fb;
    --scrollbar-thumb-bg:#c0c5cc;
    --scrollbar-thumb-bg-hover:#a0a8b2;
    --scrollbar-track-bg:#eef2f5;
    --status-online:#1f8a70;
    --status-idle:#b8871a;
    --status-dnd:#c54562;
    --status-offline:#6c737c;
    --status-streaming:#9147ff;
    --background-primary:#ffffff;
    --background-secondary:#f6f8fa;
    --background-secondary-alt:#eef2f5;
    --background-tertiary:#e6ebf2;
    --background-modifier-hover:rgb(17 24 39 / 6%);
    --background-modifier-selected:rgb(59 110 255 / 16%);
    --background-modifier-accent:rgb(17 24 39 / 10%);
    --text-primary:#111827;
    --text-secondary:#1f2937;
    --text-tertiary:#4b5563;
    --text-primary-muted:#6b7280;
    --text-chat:#111827;
    --text-chat-muted:#4b5563;
    --text-link:#2459d6;
    --text-selection:rgb(59 110 255 / 20%);
    --brand-primary:#3b6eff;
    --brand-secondary:#2956d1;
    --brand-primary-light:#7fa0ff;
    --icon-primary:#1f2937;
    --icon-muted:#6b7280;
    --button-secondary-fill:#edf2f8;
    --button-secondary-active-fill:#e4ebf4;
    --button-secondary-text:#1f2937;
    --button-secondary-active-text:#111827;
    --chat-background-pattern-filter:grayscale(1) brightness(0.56) contrast(0.7) opacity(0.9);
}

.theme-dark{
    --theme-shell-start:#0d1117;
    --theme-shell-end:#151a21;
    --theme-shell-surface:#151a21;
}

.theme-coal{
    --theme-shell-start:#05070a;
    --theme-shell-end:#0b0e12;
    --theme-shell-surface:#090c11;
}

.theme-green{
    --theme-shell-start:#08160f;
    --theme-shell-end:#133126;
    --theme-shell-surface:#102118;
    --background-primary:#102118;
    --background-secondary:#0b1711;
    --background-secondary-alt:#12251b;
    --background-tertiary:#163026;
    --background-textarea:#13271d;
    --background-header-primary:#102118;
    --background-header-primary-hover:#1a3628;
    --background-header-secondary:#13261d;
    --background-floating:#11251b;
    --panel-control-bg:#143126;
    --panel-control-border:rgb(58 138 104 / 26%);
    --panel-control-divider:rgb(58 138 104 / 18%);
    --panel-control-highlight:rgb(255 255 255 / 4%);
    --background-modifier-hover:rgb(213 255 233 / 5%);
    --background-modifier-selected:rgb(55 173 125 / 24%);
    --background-modifier-accent:rgb(66 154 119 / 20%);
    --text-primary:#ebfff6;
    --text-secondary:#c6e8d9;
    --text-tertiary:#86b7a2;
    --text-primary-muted:#86b7a2;
    --text-chat:#e5fff2;
    --text-chat-muted:#89b39f;
    --text-link:#7be4b6;
    --text-selection:rgb(123 228 182 / 28%);
    --brand-primary:#2eb67d;
    --brand-secondary:#239466;
    --brand-primary-light:#9df2ca;
    --button-primary-fill:#2eb67d;
    --button-primary-active-fill:#239466;
    --button-secondary-fill:#183127;
    --button-secondary-active-fill:#1e3d30;
    --button-secondary-text:#d7f8e8;
    --button-secondary-active-text:#ecfff5;
    --status-online:#3fd792;
    --status-idle:#d6aa43;
    --status-dnd:#ef728f;
    --status-offline:#69857a;
    --icon-primary:#dff9ee;
    --icon-muted:#89b3a0;
}

.theme-gray{
    --theme-shell-start:#16181c;
    --theme-shell-end:#1f2329;
    --theme-shell-surface:#1b1e24;
    --background-primary:#1b1e24;
    --background-secondary:#15181d;
    --background-secondary-alt:#1e2228;
    --background-tertiary:#252a31;
    --background-textarea:#20252c;
    --background-header-primary:#1b1f25;
    --background-header-primary-hover:#2a3038;
    --background-header-secondary:#20252d;
    --background-floating:#1f242b;
    --panel-control-bg:#232830;
    --panel-control-border:rgb(136 147 164 / 24%);
    --panel-control-divider:rgb(136 147 164 / 16%);
    --background-modifier-hover:rgb(255 255 255 / 4%);
    --background-modifier-selected:rgb(157 171 196 / 16%);
    --background-modifier-accent:rgb(157 171 196 / 14%);
    --text-primary:#edf1f7;
    --text-secondary:#d2dae5;
    --text-tertiary:#99a7ba;
    --text-primary-muted:#99a7ba;
    --text-chat:#e8edf5;
    --text-chat-muted:#99a7ba;
    --text-link:#9bb8ff;
    --text-selection:rgb(155 184 255 / 25%);
    --brand-primary:#7f8da8;
    --brand-secondary:#6d7a93;
    --brand-primary-light:#b8c2d4;
    --button-primary-fill:#7686a8;
    --button-primary-active-fill:#667696;
    --button-secondary-fill:#2a3038;
    --button-secondary-active-fill:#323944;
    --button-secondary-text:#e5eaf2;
    --button-secondary-active-text:#f2f5fb;
    --status-online:#63be9c;
    --status-idle:#d4a553;
    --status-dnd:#eb768d;
    --status-offline:#7f8a99;
    --icon-primary:#dde4ef;
    --icon-muted:#99a7ba;
}

.theme-blue{
    --theme-shell-start:#111b27;
    --theme-shell-end:#1f3142;
    --theme-shell-surface:#17212b;
    --background-primary:#17212b;
    --background-secondary:#0f1823;
    --background-secondary-alt:#1f2c3a;
    --background-tertiary:#243548;
    --background-textarea:#1b2a38;
    --background-header-primary:#17212b;
    --background-header-primary-hover:#2a3f56;
    --background-header-secondary:#1f2c3a;
    --background-floating:#1a2735;
    --panel-control-bg:#223447;
    --panel-control-border:rgb(92 171 247 / 25%);
    --panel-control-divider:rgb(92 171 247 / 17%);
    --background-modifier-hover:rgb(224 242 255 / 5%);
    --background-modifier-selected:rgb(90 169 255 / 20%);
    --background-modifier-accent:rgb(90 169 255 / 16%);
    --text-primary:#eff7ff;
    --text-secondary:#d3e6f8;
    --text-tertiary:#98b3cb;
    --text-primary-muted:#98b3cb;
    --text-chat:#e9f4ff;
    --text-chat-muted:#98b3cb;
    --text-link:#79beff;
    --text-selection:rgb(121 190 255 / 27%);
    --brand-primary:#5aa9ff;
    --brand-secondary:#4897ec;
    --brand-primary-light:#b7dcff;
    --button-primary-fill:#5aa9ff;
    --button-primary-active-fill:#4897ec;
    --button-secondary-fill:#233447;
    --button-secondary-active-fill:#2b3f55;
    --button-secondary-text:#e4f2ff;
    --button-secondary-active-text:#f3f9ff;
    --status-online:#57c7a0;
    --status-idle:#d6ae56;
    --status-dnd:#ef7c96;
    --status-offline:#758ea6;
    --icon-primary:#dfeefd;
    --icon-muted:#98b3cb;
}

.theme-sunset{
    --theme-shell-start:#1a1216;
    --theme-shell-end:#2b1e25;
    --theme-shell-surface:#22181e;
    --background-primary:#22181e;
    --background-secondary:#171015;
    --background-secondary-alt:#271b22;
    --background-tertiary:#302028;
    --background-textarea:#251922;
    --background-header-primary:#22181e;
    --background-header-primary-hover:#35242d;
    --background-header-secondary:#2a1d25;
    --background-floating:#241921;
    --panel-control-bg:#2e2028;
    --panel-control-border:rgb(214 120 102 / 24%);
    --panel-control-divider:rgb(214 120 102 / 16%);
    --background-modifier-hover:rgb(255 232 225 / 5%);
    --background-modifier-selected:rgb(214 120 102 / 20%);
    --background-modifier-accent:rgb(214 120 102 / 15%);
    --text-primary:#fff2ee;
    --text-secondary:#f1d8d1;
    --text-tertiary:#bc9a94;
    --text-primary-muted:#bc9a94;
    --text-chat:#ffece6;
    --text-chat-muted:#bc9a94;
    --text-link:#f39a84;
    --text-selection:rgb(243 154 132 / 25%);
    --brand-primary:#d67866;
    --brand-secondary:#b86152;
    --brand-primary-light:#f2b0a2;
    --button-primary-fill:#d67866;
    --button-primary-active-fill:#bc6656;
    --button-secondary-fill:#322129;
    --button-secondary-active-fill:#3a2730;
    --button-secondary-text:#ffe9e2;
    --button-secondary-active-text:#fff5f0;
    --status-online:#56be93;
    --status-idle:#d1aa57;
    --status-dnd:#ea7f98;
    --status-offline:#8c7371;
    --icon-primary:#ffe8e1;
    --icon-muted:#bc9a94;
}

.theme-night-sky{
    --theme-shell-start:#0b1420;
    --theme-shell-end:#18263a;
    --theme-shell-surface:#121d2c;
    --background-primary:#121d2c;
    --background-secondary:#0c1522;
    --background-secondary-alt:#182437;
    --background-tertiary:#1f2e45;
    --background-textarea:#172539;
    --background-header-primary:#121d2c;
    --background-header-primary-hover:#24354f;
    --background-header-secondary:#17253a;
    --background-floating:#152133;
    --panel-control-bg:#1d2d44;
    --panel-control-border:rgb(112 155 222 / 24%);
    --panel-control-divider:rgb(112 155 222 / 16%);
    --background-modifier-hover:rgb(226 239 255 / 5%);
    --background-modifier-selected:rgb(112 155 222 / 20%);
    --background-modifier-accent:rgb(112 155 222 / 15%);
    --text-primary:#edf5ff;
    --text-secondary:#d2e1f2;
    --text-tertiary:#97acc5;
    --text-primary-muted:#97acc5;
    --text-chat:#e6f0ff;
    --text-chat-muted:#97acc5;
    --text-link:#8cb7ef;
    --text-selection:rgb(140 183 239 / 25%);
    --brand-primary:#709bde;
    --brand-secondary:#5b84c5;
    --brand-primary-light:#b4cff2;
    --button-primary-fill:#709bde;
    --button-primary-active-fill:#5f89ca;
    --button-secondary-fill:#1f2f47;
    --button-secondary-active-fill:#273a56;
    --button-secondary-text:#e3efff;
    --button-secondary-active-text:#f1f7ff;
    --status-online:#5fc59e;
    --status-idle:#d2ab58;
    --status-dnd:#eb7f9c;
    --status-offline:#72849b;
    --icon-primary:#dfecff;
    --icon-muted:#97acc5;
}

.theme-purple{
    --theme-shell-start:#161226;
    --theme-shell-end:#271f3c;
    --theme-shell-surface:#1e1930;
    --background-primary:#1e1930;
    --background-secondary:#141124;
    --background-secondary-alt:#241d39;
    --background-tertiary:#2c2345;
    --background-textarea:#211b35;
    --background-header-primary:#1e1930;
    --background-header-primary-hover:#322752;
    --background-header-secondary:#251e3d;
    --background-floating:#201b35;
    --panel-control-bg:#2a2343;
    --panel-control-border:rgb(154 123 217 / 24%);
    --panel-control-divider:rgb(154 123 217 / 16%);
    --background-modifier-hover:rgb(241 232 255 / 5%);
    --background-modifier-selected:rgb(154 123 217 / 21%);
    --background-modifier-accent:rgb(154 123 217 / 15%);
    --text-primary:#f5eeff;
    --text-secondary:#ddd0f2;
    --text-tertiary:#aa98c9;
    --text-primary-muted:#aa98c9;
    --text-chat:#efe6ff;
    --text-chat-muted:#aa98c9;
    --text-link:#b99af0;
    --text-selection:rgb(185 154 240 / 25%);
    --brand-primary:#9a7bd9;
    --brand-secondary:#815fc2;
    --brand-primary-light:#cdbaf2;
    --button-primary-fill:#9a7bd9;
    --button-primary-active-fill:#8768c8;
    --button-secondary-fill:#2e2648;
    --button-secondary-active-fill:#362d55;
    --button-secondary-text:#eee3ff;
    --button-secondary-active-text:#f7f0ff;
    --status-online:#5ec09a;
    --status-idle:#d3ab57;
    --status-dnd:#ea7f9d;
    --status-offline:#807498;
    --icon-primary:#ece3ff;
    --icon-muted:#aa98c9;
}

.theme-orange{
    --theme-shell-start:#19120c;
    --theme-shell-end:#2d2014;
    --theme-shell-surface:#23180f;
    --background-primary:#23180f;
    --background-secondary:#171008;
    --background-secondary-alt:#291c11;
    --background-tertiary:#332314;
    --background-textarea:#271b10;
    --background-header-primary:#23180f;
    --background-header-primary-hover:#372515;
    --background-header-secondary:#2a1d11;
    --background-floating:#241910;
    --panel-control-bg:#2f2012;
    --panel-control-border:rgb(205 137 84 / 24%);
    --panel-control-divider:rgb(205 137 84 / 16%);
    --background-modifier-hover:rgb(255 237 220 / 5%);
    --background-modifier-selected:rgb(205 137 84 / 20%);
    --background-modifier-accent:rgb(205 137 84 / 15%);
    --text-primary:#fff3e6;
    --text-secondary:#efdac0;
    --text-tertiary:#b89f85;
    --text-primary-muted:#b89f85;
    --text-chat:#ffead5;
    --text-chat-muted:#b89f85;
    --text-link:#e3a066;
    --text-selection:rgb(227 160 102 / 25%);
    --brand-primary:#cd8954;
    --brand-secondary:#b17243;
    --brand-primary-light:#e5bb96;
    --button-primary-fill:#cd8954;
    --button-primary-active-fill:#b37648;
    --button-secondary-fill:#312114;
    --button-secondary-active-fill:#392718;
    --button-secondary-text:#ffe8d1;
    --button-secondary-active-text:#fff4e8;
    --status-online:#59be95;
    --status-idle:#d0aa57;
    --status-dnd:#e97f9a;
    --status-offline:#8c7762;
    --icon-primary:#ffe7cf;
    --icon-muted:#b89f85;
}

.theme-pink{
    --theme-shell-start:#1a1119;
    --theme-shell-end:#301f2d;
    --theme-shell-surface:#25171f;
    --background-primary:#25171f;
    --background-secondary:#180f15;
    --background-secondary-alt:#2b1b25;
    --background-tertiary:#34222e;
    --background-textarea:#281923;
    --background-header-primary:#25171f;
    --background-header-primary-hover:#3a2433;
    --background-header-secondary:#2d1c28;
    --background-floating:#261821;
    --panel-control-bg:#31202a;
    --panel-control-border:rgb(198 113 151 / 24%);
    --panel-control-divider:rgb(198 113 151 / 16%);
    --background-modifier-hover:rgb(255 230 240 / 5%);
    --background-modifier-selected:rgb(198 113 151 / 20%);
    --background-modifier-accent:rgb(198 113 151 / 15%);
    --text-primary:#fff0f6;
    --text-secondary:#eed3df;
    --text-tertiary:#bc98aa;
    --text-primary-muted:#bc98aa;
    --text-chat:#ffe8f1;
    --text-chat-muted:#bc98aa;
    --text-link:#df8fb4;
    --text-selection:rgb(223 143 180 / 25%);
    --brand-primary:#c67197;
    --brand-secondary:#ac5d80;
    --brand-primary-light:#e7b5cb;
    --button-primary-fill:#c67197;
    --button-primary-active-fill:#af6386;
    --button-secondary-fill:#34212c;
    --button-secondary-active-fill:#3d2733;
    --button-secondary-text:#ffe3ee;
    --button-secondary-active-text:#fff1f7;
    --status-online:#5cbf96;
    --status-idle:#d0aa58;
    --status-dnd:#eb809b;
    --status-offline:#8e7382;
    --icon-primary:#ffe1ec;
    --icon-muted:#bc98aa;
}

.theme-yellow{
    --theme-shell-start:#18150d;
    --theme-shell-end:#2b2618;
    --theme-shell-surface:#222012;
    --background-primary:#222012;
    --background-secondary:#15140b;
    --background-secondary-alt:#272513;
    --background-tertiary:#302d18;
    --background-textarea:#252211;
    --background-header-primary:#222012;
    --background-header-primary-hover:#35311c;
    --background-header-secondary:#292614;
    --background-floating:#232113;
    --panel-control-bg:#2d2a17;
    --panel-control-border:rgb(188 162 93 / 24%);
    --panel-control-divider:rgb(188 162 93 / 16%);
    --background-modifier-hover:rgb(255 244 213 / 5%);
    --background-modifier-selected:rgb(188 162 93 / 20%);
    --background-modifier-accent:rgb(188 162 93 / 15%);
    --text-primary:#fff8e6;
    --text-secondary:#ecdfc0;
    --text-tertiary:#b6aa89;
    --text-primary-muted:#b6aa89;
    --text-chat:#fff2d2;
    --text-chat-muted:#b6aa89;
    --text-link:#d8bd6d;
    --text-selection:rgb(216 189 109 / 25%);
    --brand-primary:#bca25d;
    --brand-secondary:#a78d4f;
    --brand-primary-light:#e2d3a5;
    --button-primary-fill:#bca25d;
    --button-primary-active-fill:#a88f52;
    --button-secondary-fill:#302c18;
    --button-secondary-active-fill:#39341d;
    --button-secondary-text:#fff0c8;
    --button-secondary-active-text:#fff7e3;
    --status-online:#58bb93;
    --status-idle:#d1ad5d;
    --status-dnd:#e97e99;
    --status-offline:#887f67;
    --icon-primary:#ffefc1;
    --icon-muted:#b6aa89;
}

html[data-theme-gradient-style='default']{
    --app-shell-background:linear-gradient(145deg, var(--theme-shell-start) 0%, var(--theme-shell-end) 100%);
    --app-surface-background:var(--theme-shell-surface);
    --theme-preset-overlay-opacity:0;
    --theme-preset-overlay-background:transparent;
}

html[data-theme-gradient-style='legacy']{
    --app-shell-background:linear-gradient(
        180deg,
        color-mix(in srgb, var(--theme-shell-start) 92%, #2f3136 8%) 0%,
        color-mix(in srgb, var(--theme-shell-end) 92%, #2b2d31 8%) 100%
    );
    --app-surface-background:var(--theme-shell-surface);
    --theme-preset-overlay-opacity:0.16;
    --theme-preset-overlay-background:radial-gradient(
        920px 560px at 18% 2%,
        color-mix(in srgb, var(--brand-primary) 22%, transparent),
        transparent 70%
    );
}

html[data-theme-gradient-style='aurora']{
    --app-shell-background:radial-gradient(680px 420px at 8% -14%, rgb(34 197 94 / 24%), transparent 62%), radial-gradient(620px 400px at 95% -6%, rgb(129 140 248 / 24%), transparent 62%), linear-gradient(
            138deg,
            color-mix(in srgb, var(--theme-shell-start) 82%, #0f473b 18%) 0%,
            color-mix(in srgb, var(--theme-shell-end) 76%, #1c3d63 24%) 52%,
            color-mix(in srgb, var(--theme-shell-end) 70%, #36255b 30%) 100%
        );
    --app-surface-background:var(--theme-shell-surface);
    --theme-preset-overlay-opacity:0.3;
    --theme-preset-overlay-background:radial-gradient(
        860px 540px at 20% 0%,
        color-mix(in srgb, var(--status-online) 24%, transparent),
        transparent 72%
    );
}

html[data-theme-gradient-style='sunset']{
    --app-shell-background:radial-gradient(620px 380px at 98% -12%, rgb(249 115 22 / 26%), transparent 62%), radial-gradient(540px 360px at 0% 110%, rgb(244 63 94 / 24%), transparent 64%), linear-gradient(
            145deg,
            color-mix(in srgb, var(--theme-shell-start) 82%, #512127 18%) 0%,
            color-mix(in srgb, var(--theme-shell-end) 76%, #6f3027 24%) 44%,
            color-mix(in srgb, var(--theme-shell-end) 70%, #6a2141 30%) 100%
        );
    --app-surface-background:var(--theme-shell-surface);
    --theme-preset-overlay-opacity:0.29;
    --theme-preset-overlay-background:radial-gradient(
        860px 520px at 22% 2%,
        color-mix(in srgb, #fb923c 22%, transparent),
        transparent 72%
    );
}

html[data-theme-gradient-style='ocean']{
    --app-shell-background:radial-gradient(660px 420px at 100% -10%, rgb(6 182 212 / 24%), transparent 60%), radial-gradient(620px 360px at -8% 104%, rgb(14 165 233 / 24%), transparent 62%), linear-gradient(
            138deg,
            color-mix(in srgb, var(--theme-shell-start) 82%, #053550 18%) 0%,
            color-mix(in srgb, var(--theme-shell-end) 76%, #0c5570 24%) 48%,
            color-mix(in srgb, var(--theme-shell-end) 70%, #1a2b64 30%) 100%
        );
    --app-surface-background:var(--theme-shell-surface);
    --theme-preset-overlay-opacity:0.28;
    --theme-preset-overlay-background:radial-gradient(
        880px 560px at 14% 0%,
        color-mix(in srgb, #38bdf8 20%, transparent),
        transparent 72%
    );
}

html[data-theme-gradient-style='midnight']{
    --app-shell-background:radial-gradient(620px 360px at 95% -18%, rgb(168 85 247 / 20%), transparent 60%), radial-gradient(500px 320px at 8% 108%, rgb(79 70 229 / 20%), transparent 62%), linear-gradient(
            136deg,
            color-mix(in srgb, var(--theme-shell-start) 84%, #1a143f 16%) 0%,
            color-mix(in srgb, var(--theme-shell-end) 80%, #2c2461 20%) 46%,
            color-mix(in srgb, var(--theme-shell-end) 74%, #3b275d 26%) 100%
        );
    --app-surface-background:var(--theme-shell-surface);
    --theme-preset-overlay-opacity:0.27;
    --theme-preset-overlay-background:radial-gradient(
        860px 520px at 18% 2%,
        color-mix(in srgb, #818cf8 18%, transparent),
        transparent 72%
    );
}

html[data-theme-gradient-style='forest']{
    --app-shell-background:radial-gradient(620px 380px at 10% -18%, rgb(34 197 94 / 24%), transparent 60%), radial-gradient(560px 340px at 92% 2%, rgb(16 185 129 / 22%), transparent 62%), linear-gradient(
            140deg,
            color-mix(in srgb, var(--theme-shell-start) 82%, #134028 18%) 0%,
            color-mix(in srgb, var(--theme-shell-end) 76%, #1f5a37 24%) 44%,
            color-mix(in srgb, var(--theme-shell-end) 70%, #335d2a 30%) 100%
        );
    --app-surface-background:var(--theme-shell-surface);
    --theme-preset-overlay-opacity:0.28;
    --theme-preset-overlay-background:radial-gradient(
        860px 520px at 18% 0%,
        color-mix(in srgb, #4ade80 20%, transparent),
        transparent 72%
    );
}

html[data-theme-gradient-style='ember']{
    --app-shell-background:radial-gradient(640px 390px at 92% -16%, rgb(239 68 68 / 30%), transparent 60%), radial-gradient(580px 360px at 5% 8%, rgb(234 88 12 / 24%), transparent 62%), linear-gradient(
            145deg,
            color-mix(in srgb, var(--theme-shell-start) 82%, #5a1816 18%) 0%,
            color-mix(in srgb, var(--theme-shell-end) 76%, #7a2e16 24%) 42%,
            color-mix(in srgb, var(--theme-shell-end) 70%, #7c1f34 30%) 100%
        );
    --app-surface-background:var(--theme-shell-surface);
    --theme-preset-overlay-opacity:0.31;
    --theme-preset-overlay-background:radial-gradient(
        860px 520px at 20% 2%,
        color-mix(in srgb, #f87171 20%, transparent),
        transparent 72%
    );
}

html[data-theme-gradient-style='nebula']{
    --app-shell-background:radial-gradient(620px 380px at 90% -20%, rgb(217 70 239 / 24%), transparent 60%), radial-gradient(560px 340px at 0% 18%, rgb(99 102 241 / 22%), transparent 62%), linear-gradient(
            138deg,
            color-mix(in srgb, var(--theme-shell-start) 84%, #34155f 16%) 0%,
            color-mix(in srgb, var(--theme-shell-end) 78%, #4a2175 22%) 46%,
            color-mix(in srgb, var(--theme-shell-end) 72%, #5a246b 28%) 100%
        );
    --app-surface-background:var(--theme-shell-surface);
    --theme-preset-overlay-opacity:0.3;
    --theme-preset-overlay-background:radial-gradient(
        900px 560px at 16% 0%,
        color-mix(in srgb, #c084fc 20%, transparent),
        transparent 72%
    );
}

html[data-theme-gradient-style='custom']{
    --app-shell-background:linear-gradient(
        var(--theme-custom-gradient-angle),
        color-mix(in srgb, var(--theme-shell-start) 84%, var(--theme-custom-gradient-start) 16%),
        color-mix(in srgb, var(--theme-shell-end) 80%, var(--theme-custom-gradient-middle) 20%),
        color-mix(in srgb, var(--theme-shell-end) 74%, var(--theme-custom-gradient-end) 26%)
    );
    --app-surface-background:var(--theme-shell-surface);
    --theme-preset-overlay-opacity:var(--theme-custom-gradient-overlay-opacity);
    --theme-preset-overlay-background:radial-gradient(
        900px 600px at 15% 5%,
        color-mix(in srgb, var(--theme-custom-gradient-start) 20%, transparent),
        transparent 75%
    );
}
html[data-theme-gradient-style]{
    --app-shell-background:linear-gradient(145deg, var(--theme-shell-start) 0%, var(--theme-shell-end) 100%);
    --app-surface-background:var(--theme-shell-surface);
    --chat-gradient-overlay-opacity:var(--theme-preset-overlay-opacity, 0);
    --chat-gradient-overlay-background:var(--theme-preset-overlay-background, transparent);
}

html::before{
    content:'';
    position:fixed;
    inset:0;
    z-index:9000;
    pointer-events:none;
    background:transparent;
    opacity:0;
    mix-blend-mode:screen;
    transition:opacity 120ms ease, background 120ms ease;
}

html.theme-transitioning::before{
    background:linear-gradient(145deg, #0d1117 0%, #151a21 100%);
    background:var(--app-shell-background);
    opacity:0.035;
}

html[data-button-motion-style='soft']{
    --button-motion-transition:background-color var(--motion-dur-medium) var(--motion-ease-smooth), color var(--motion-dur-medium) var(--motion-ease-smooth), transform var(--motion-dur-medium) var(--motion-ease-smooth), border-color var(--motion-dur-medium) var(--motion-ease-smooth), opacity var(--motion-dur-medium) var(--motion-ease-smooth);
    --button-motion-active-scale:0.985;
}

html[data-button-motion-style='snappy']{
    --button-motion-transition:background-color var(--motion-dur-instant) var(--motion-ease-snap), color var(--motion-dur-instant) var(--motion-ease-snap), transform 80ms var(--motion-ease-snap), border-color var(--motion-dur-instant) var(--motion-ease-snap), opacity var(--motion-dur-instant) var(--motion-ease-snap);
    --button-motion-active-scale:0.95;
}

html[data-button-motion-style='static']{
    --button-motion-transition:background-color var(--motion-dur-short) var(--motion-ease-snap), color var(--motion-dur-short) var(--motion-ease-snap), border-color var(--motion-dur-short) var(--motion-ease-snap), opacity var(--motion-dur-short) var(--motion-ease-snap);
    --button-motion-active-scale:1;
}

html{
    background:linear-gradient(145deg, #0d1117 0%, #151a21 100%);
    background:var(--app-shell-background);
    color:#f0f6fc;
    color:var(--text-primary);
    overflow:hidden;
    overscroll-behavior-x:auto;
    overscroll-behavior-y:none;
    -moz-user-select:auto;
     -ms-user-select:auto;
         user-select:auto;
    -moz-user-select:var(--user-select);
     -ms-user-select:var(--user-select);
         user-select:var(--user-select);
    -webkit-user-select:auto;
    -webkit-user-select:var(--user-select);
    font-family:'Inter', 'SF Pro Display', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', sans-serif;
    font-family:var(--font-sans);
    font-size:16px;
    font-size:var(--font-size, 16px);
    line-height:1.5;
    font-optical-sizing:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:auto;
    transition:background 120ms ease;
}

@media (prefers-reduced-motion: reduce){
    html{
        transition:none;
    }
}

html.theme-transitioning,
html.theme-transitioning body,
html.theme-transitioning #root,
html.theme-transitioning [data-theme-transition='surface']{
    transition:background-color 130ms ease, color 130ms ease, border-color 130ms ease !important;
    transition-delay:0s !important;
}

@media (prefers-reduced-motion: reduce){
    html.theme-transitioning,
    html.theme-transitioning body,
    html.theme-transitioning #root,
    html.theme-transitioning [data-theme-transition='surface']{
        transition:none !important;
    }
}

html.panel-resizing,
html.panel-resizing body{
    cursor:col-resize;
    -moz-user-select:none !important;
     -ms-user-select:none !important;
         user-select:none !important;
    -webkit-user-select:none !important;
}
html.panel-resizing [class*='guildLayoutContent'],
html.panel-resizing [class*='guildsLayoutContainer'],
html.panel-resizing [class*='guildListScrollContainer'],
html.panel-resizing [class*='guildNavbarContainer'],
html.panel-resizing [class*='userAreaWrapper'],
html.panel-resizing [class*='outlineFrame'],
html.panel-resizing [class*='dmListContainer'],
html.panel-resizing [class*='dmLayoutContainer'],
html.panel-resizing [class*='memberListContainer'],
html.panel-resizing [class*='contentInner'],
html.panel-resizing [class*='contentColumn'],
html.panel-resizing [class*='desktopUtilityRailUserPanel']{
    transition:none !important;
    animation:none !important;
}

.safe-area-top{
    padding-top:max( env(safe-area-inset-top, 0px), 0px, 0px, 0px, 0px);
    padding-top:var(--safe-area-top);
}

.safe-area-bottom{
    padding-bottom:max( env(safe-area-inset-bottom, 0px), 0px, 0px, 0px);
    padding-bottom:var(--safe-area-bottom);
}

body{
    scrollbar-color:color-mix(in srgb, #0b1016 45%, #8b949e 55%) color-mix(in srgb, #0d1117 70%, transparent);
    scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);
    margin:0;
    padding:0;
    background:transparent;
}

button,
[role='button']{
    -webkit-tap-highlight-color:transparent;
}

@media (hover: hover) and (pointer: fine){
    button:not(:disabled),
    [role='button']:not([aria-disabled='true']){
        transition:background-color 160ms cubic-bezier(0.4, 0, 0.2, 1), color 160ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.22, 1, 0.36, 1), border-color 160ms cubic-bezier(0.4, 0, 0.2, 1), opacity 160ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 160ms cubic-bezier(0.4, 0, 0.2, 1);
        transition:background-color 160ms cubic-bezier(0.4, 0, 0.2, 1), color 160ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.22, 1, 0.36, 1), border-color 160ms cubic-bezier(0.4, 0, 0.2, 1), opacity 160ms cubic-bezier(0.4, 0, 0.2, 1), filter 160ms cubic-bezier(0.4, 0, 0.2, 1);
        transition:background-color 160ms cubic-bezier(0.4, 0, 0.2, 1), color 160ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.22, 1, 0.36, 1), border-color 160ms cubic-bezier(0.4, 0, 0.2, 1), opacity 160ms cubic-bezier(0.4, 0, 0.2, 1), filter 160ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 160ms cubic-bezier(0.4, 0, 0.2, 1);
        transition:var(--button-motion-transition), -webkit-filter var(--motion-dur-short) var(--motion-ease-snap);
        transition:var(--button-motion-transition), filter var(--motion-dur-short) var(--motion-ease-snap);
        transition:var(--button-motion-transition), filter var(--motion-dur-short) var(--motion-ease-snap), -webkit-filter var(--motion-dur-short) var(--motion-ease-snap);
    }
}

@media (pointer: coarse){
    button:not(:disabled):active,
    [role='button']:not([aria-disabled='true']):active{
        transform:scale(0.97);
    }
}

html.platform-native-mobile,
html.platform-native-mobile body,
html.platform-native-mobile #root{
    background:#000000;
}

@media (max-width: 767px){
    :root{
        --chat-background-pattern-scale:0.84;
        --motion-dur-short:120ms;
        --motion-dur-medium:180ms;
        --motion-dur-long:260ms;
        --window-open-duration:130ms;
    }
}

body::before{
    content:'';
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:0;
    z-index:var(--z-index-base);
    display:none;
    opacity:0;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

*:focus{
    outline:none;
}

:focus-visible{
    outline:2px solid #7ca5ff;
    outline:2px solid var(--focus-primary);
    outline-offset:2px;
    border-radius:3px;
}

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible{
    outline:2px solid #7ca5ff;
    outline:2px solid var(--focus-primary);
    outline-offset:2px;
}

input:focus-visible,
textarea:focus-visible:not([data-channel-textarea]),
select:focus-visible{
    outline:2px solid #7ca5ff;
    outline:2px solid var(--focus-primary);
    outline-offset:1px;
}

textarea[data-channel-textarea]:focus-visible{
    outline:none;
}

input,
textarea,
select,
button{
    font-family:inherit;
    font-size:inherit;
}

input{
    color-scheme:dark;
}

.theme-light input{
    color-scheme:light;
}

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

code{
    font-family:'JetBrains Mono', 'IBM Plex Mono', Consolas, 'Courier New', monospace;
    font-family:var(--font-mono);
    font-size:0.9em;
    line-height:1.5;
    padding:0.2em 0.4em;
    border-radius:0.25rem;
    border-radius:var(--radius-sm);
    background-color:rgba(91, 140, 255, 0.08);
    background-color:var(--bg-code, rgba(91, 140, 255, 0.08));
}

pre{
    padding:1em;
    overflow:auto;
    border-radius:0.375rem;
    border-radius:var(--radius-md);
    background-color:#0f131a;
    background-color:var(--bg-code-block, #0f131a);
}

pre code{
    padding:0;
    background-color:transparent;
}

a{
    color:#9f8af0;
    color:var(--text-link);
    text-decoration:none;
}

@media (hover: hover){
    a:hover{
        color:#9f8af0;
        color:var(--text-link);
        text-decoration:underline;
    }
}

blockquote{
    margin:1em 0;
    padding:0;
    border:none;
    background-color:transparent;
}

table{
    border-collapse:collapse;
    margin:1em 0;
}

table th{
    text-align:left;
    font-weight:bold;
}

table td{
    padding:0.5em;
}

@media (prefers-contrast: more){
     :root{
        --text-primary:#ffffff;
        --text-secondary:#f0f0f0;
        --text-tertiary:#e0e0e0;
        --text-link:#8abaff;
        --border-color:#aaaaaa;
    }
    .theme-light{
        --text-primary:#000000;
        --text-secondary:#111111;
        --text-tertiary:#222222;
        --text-link:#0044cc;
        --border-color:#555555;
    }
}

.emoji{
    --emoji-size:1.375em;
    width:1.375em;
    width:var(--emoji-size);
    height:1.375em;
    height:var(--emoji-size);
    object-fit:contain;
    vertical-align:bottom;
}

.emoji.jumboable{
    --emoji-size-jumbo-emoji:3rem;
    height:3rem;
    height:var(--emoji-size-jumbo-emoji);
    min-height:3rem;
    min-height:var(--emoji-size-jumbo-emoji);
    width:3rem;
    width:var(--emoji-size-jumbo-emoji);
    font-size:3rem;
    font-size:var(--emoji-size-jumbo-emoji);
    line-height:1;
    vertical-align:bottom;
}

.text-smol{
    font-size:14px;
    font-weight:400;
    line-height:1.2857142857;
}

.clamp{
    --clamp-lines:3;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    -webkit-line-clamp:var(--clamp-lines);
    line-clamp:3;
    line-clamp:var(--clamp-lines);
    overflow:hidden;
}

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

.zalgo-contain{
    --zalgo-line-height:1.25em;
    line-height:1.25em;
    line-height:var(--zalgo-line-height);
    max-height:1.25em;
    max-height:var(--zalgo-line-height);
    overflow:hidden;
    display:block;
}

.zalgo-contain-inline{
    --zalgo-line-height:1.25em;
    line-height:1.25em;
    line-height:var(--zalgo-line-height);
    overflow:clip;
    overflow-clip-margin:0px;
    display:inline-block;
    vertical-align:bottom;
    max-height:1.25em;
    max-height:var(--zalgo-line-height);
}

.user-text{
    --user-text-line-height:1.25em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    min-width:0;
    line-height:1.25em;
    line-height:var(--user-text-line-height);
    max-height:1.25em;
    max-height:var(--user-text-line-height);
    display:block;
}

.user-text-inline{
    --user-text-line-height:1.25em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.25em;
    line-height:var(--user-text-line-height);
    max-height:1.25em;
    max-height:var(--user-text-line-height);
    display:inline-block;
    vertical-align:bottom;
    max-width:100%;
}

.user-text-flex{
    --user-text-line-height:1.25em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    min-width:0;
    line-height:1.25em;
    line-height:var(--user-text-line-height);
    max-height:1.25em;
    max-height:var(--user-text-line-height);
    flex:1 1 auto;
}

.emoji{
    vertical-align:-0.3em;
    display:inline-block;
}

@media (max-width: 840px){
     :root{
        --user-select:none;
    }
    *,
    .select-text{
        user-select:none !important;
        -webkit-user-select:none !important;
        -moz-user-select:none !important;
        -ms-user-select:none !important;
    }
    input,
    textarea{
        user-select:auto !important;
        -webkit-user-select:auto !important;
        -moz-user-select:auto !important;
        -ms-user-select:auto !important;
    }
}

strong{
    font-weight:600;
}

.modal-backdrop-centered{
    background:rgba(0, 0, 0, 0.48);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    animation:fade-in 170ms cubic-bezier(0.22, 1, 0.36, 1) both;
    animation:fade-in var(--window-open-duration) var(--window-open-easing) both;
}

.modal-backdrop-centered > *{
    animation:scale-in 170ms cubic-bezier(0.22, 1, 0.36, 1) both;
    animation:scale-in var(--window-open-duration) var(--window-open-easing) both;
}

@media (prefers-reduced-motion: reduce){
    .modal-backdrop-centered,
    .modal-backdrop-centered > *{
        animation:none;
    }
}

html.reduced-motion *{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
}

@media (prefers-reduced-motion: reduce){
    *{
        animation-duration:0.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:0.01ms !important;
        scroll-behavior:auto !important;
    }
    html{
        --motion-dur-instant:0.01ms;
        --motion-dur-short:0.01ms;
        --motion-dur-medium:0.01ms;
        --motion-dur-long:0.01ms;
        --motion-dur-xlong:0.01ms;
        --button-motion-active-scale:1;
        --button-motion-active-translate-y:0px;
    }
}

@keyframes fade-in{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

@keyframes fade-in-up{
    from{
        opacity:0;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes fade-in-down{
    from{
        opacity:0;
        transform:translateY(-8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes scale-in{
    from{
        opacity:0;
        transform:scale(0.94);
    }
    to{
        opacity:1;
        transform:scale(1);
    }
}

@keyframes slide-in-right{
    from{
        opacity:0;
        transform:translateX(12px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes slide-in-bottom{
    from{
        opacity:0;
        transform:translateY(16px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes shimmer{
    0%{
        background-position:-200% 0;
    }
    100%{
        background-position:200% 0;
    }
}

@keyframes pulse-subtle{
    0%,
    100%{
        opacity:1;
    }
    50%{
        opacity:0.6;
    }
}

.animate-fade-in{
    animation:fade-in 240ms cubic-bezier(0.22, 1, 0.36, 1) both;
    animation:fade-in var(--motion-dur-medium) var(--motion-ease-smooth) both;
}

.animate-fade-in-up{
    animation:fade-in-up 240ms cubic-bezier(0.22, 1, 0.36, 1) both;
    animation:fade-in-up var(--motion-dur-medium) var(--motion-ease-smooth) both;
}

.animate-scale-in{
    animation:scale-in 240ms cubic-bezier(0.22, 1, 0.36, 1) both;
    animation:scale-in var(--motion-dur-medium) var(--motion-ease-smooth) both;
}

.animate-slide-in-bottom{
    animation:slide-in-bottom 240ms cubic-bezier(0.22, 1, 0.36, 1) both;
    animation:slide-in-bottom var(--motion-dur-medium) var(--motion-ease-smooth) both;
}

.skeleton,
[data-skeleton='true']{
    background:linear-gradient( 90deg, #0d1117 0%, color-mix(in srgb, #0d1117 85%, white) 50%, #0d1117 100%);
    background-size:200% 100%;
    animation:shimmer 1.6s linear infinite;
    animation:shimmer 1.6s var(--motion-ease-linear) infinite;
}

@supports (color: color-mix(in lch, red, blue)){
.skeleton,
[data-skeleton='true']{
    background:linear-gradient( 90deg, var(--background-secondary) 0%, color-mix(in srgb, var(--background-secondary) 85%, white) 50%, var(--background-secondary) 100%);
}
}

button:not([disabled]):not(.no-press-feedback):active{
    transition-duration:100ms;
    transition-duration:var(--motion-dur-instant);
}

a:focus-visible,
button:focus-visible,
[role='button']:focus-visible,
[tabindex]:focus-visible,
input:focus-visible,
textarea:focus-visible:not([data-channel-textarea]),
select:focus-visible{
    transition:outline-color 160ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 160ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:outline-color var(--motion-dur-short) var(--motion-ease-snap), box-shadow var(--motion-dur-short) var(--motion-ease-snap);
}

:where(.phosphor-icon){
    color:#e6edf5;
    color:var(--icon-primary);
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
    shape-rendering:geometricPrecision;
    transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1), opacity 160ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:color var(--motion-dur-short) var(--motion-ease-snap), opacity var(--motion-dur-short) var(--motion-ease-snap);
}

:where(button,
a,
[role='button'],
[role='menuitem'],
[role='tab'],
summary) .phosphor-icon{
    color:inherit;
    opacity:0.95;
}

@media (hover: hover) and (pointer: fine){
     :where(button,
    a,
    [role='button'],
    [role='menuitem'],
    [role='tab'],
    summary):not([disabled]):hover .phosphor-icon,
     :where(button,
    a,
    [role='button'],
    [role='menuitem'],
    [role='tab'],
    summary):not([disabled]):focus-visible .phosphor-icon{
        opacity:1;
    }
}

pre code.hljs{
  display:block;
  overflow-x:auto;
  padding:1em
}
code.hljs{
  padding:3px 5px
}
.hljs{
  color:#c9d1d9;
  background:#0d1117
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_{
  color:#ff7b72
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_{
  color:#d2a8ff
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id{
  color:#79c0ff
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string{
  color:#a5d6ff
}
.hljs-built_in,
.hljs-symbol{
  color:#ffa657
}
.hljs-comment,
.hljs-code,
.hljs-formula{
  color:#8b949e
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo{
  color:#7ee787
}
.hljs-subst{
  color:#c9d1d9
}
.hljs-section{
  color:#1f6feb;
  font-weight:bold
}
.hljs-bullet{
  color:#f2cc60
}
.hljs-emphasis{
  color:#c9d1d9;
  font-style:italic
}
.hljs-strong{
  color:#c9d1d9;
  font-weight:bold
}
.hljs-addition{
  color:#aff5b4;
  background-color:#033a16
}
.hljs-deletion{
  color:#ffdcd7;
  background-color:#67060c
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag{
  
}
.c81bc16e0983465b-button{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:9px 14px;
	font-size:14px;
	font-weight:600;
	line-height:20px;
	height:42px;
	min-height:42px;
	min-width:90px;
	border-radius:0.68rem;
	border:1px solid transparent;
	cursor:pointer;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	text-decoration:none;
	position:relative;
	overflow:hidden;
	will-change:transform;
	transition:background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, -webkit-filter 0.16s ease;
	transition:background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, filter 0.16s ease;
	transition:background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, filter 0.16s ease, -webkit-filter 0.16s ease;
	transition:var(
		--button-motion-transition,
		background-color 0.16s ease,
		color 0.16s ease,
		border-color 0.16s ease,
		filter 0.16s ease
	);
}

@media (hover: hover) and (pointer: fine){
	.c81bc16e0983465b-button:hover:not(:disabled):not(:active){
		transform:translateY(-1px);
	}
}

.c81bc16e0983465b-button.c81bc16e0983465b-matchSkeletonHeight{
	height:36px;
	min-height:36px;
	width:100%;
}

.c81bc16e0983465b-button:disabled{
	cursor:not-allowed;
	opacity:0.5;
}

.c81bc16e0983465b-button:active:not(:disabled){
	transition-duration:100ms;
	transition-duration:var(--motion-dur-instant, 100ms);
	transform:translateY(0px) scale(0.97);
	transform:translateY(var(--button-motion-active-translate-y, 0px)) scale(var(--button-motion-active-scale, 0.97));
}

.c81bc16e0983465b-button.c81bc16e0983465b-small{
	height:38px;
	min-height:38px;
	min-width:60px;
	padding:7px 12px;
}

.c81bc16e0983465b-button.c81bc16e0983465b-compact{
	height:30px;
	min-height:30px;
	min-width:60px;
	padding:5px 11px;
}

.c81bc16e0983465b-button.c81bc16e0983465b-superCompact{
	height:24px;
	min-height:24px;
	min-width:0;
	padding:4px;
	font-size:12px;
	line-height:16px;
	border-radius:0.5rem;
}

.c81bc16e0983465b-button.c81bc16e0983465b-fitContent{
	min-width:0;
	padding:10px 16px;
}

.c81bc16e0983465b-button.c81bc16e0983465b-superCompact.c81bc16e0983465b-fitContent{
	padding:4px 8px;
}

.c81bc16e0983465b-button.c81bc16e0983465b-fitContainer{
	width:100%;
}

.c81bc16e0983465b-button.c81bc16e0983465b-square{
	width:42px;
	min-width:42px;
	padding:9px;
	border-radius:0.68rem;
}

.c81bc16e0983465b-button.c81bc16e0983465b-square.c81bc16e0983465b-small{
	width:38px;
	min-width:38px;
	padding:7px;
}

.c81bc16e0983465b-button.c81bc16e0983465b-square.c81bc16e0983465b-compact{
	width:30px;
	min-width:30px;
	padding:5px;
}
@media (pointer: coarse){
	.c81bc16e0983465b-button.c81bc16e0983465b-small{
		min-height:44px;
	}

	.c81bc16e0983465b-button.c81bc16e0983465b-compact{
		min-height:44px;
	}

	.c81bc16e0983465b-button.c81bc16e0983465b-square.c81bc16e0983465b-small{
		min-width:44px;
		min-height:44px;
	}

	.c81bc16e0983465b-button.c81bc16e0983465b-square.c81bc16e0983465b-compact{
		min-width:44px;
		min-height:44px;
	}
}

.c81bc16e0983465b-button.c81bc16e0983465b-primary{
	background-color:var(--button-primary-fill);
	background-image:none;
	color:var(--button-primary-text);
	border-color:transparent;
	border-color:var(--button-primary-border, transparent);
	box-shadow:inset 0 1px 0 color-mix(in srgb, white 10%, transparent);
}

.c81bc16e0983465b-button.c81bc16e0983465b-primary:hover:not(:disabled),
.c81bc16e0983465b-button.c81bc16e0983465b-primary:focus-visible:not(:disabled){
	background-color:var(--button-primary-active-fill);
	background-image:none;
	border-color:color-mix(in srgb, transparent 92%, black 8%);
	box-shadow:inset 0 1px 0 color-mix(in srgb, white 13%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
.c81bc16e0983465b-button.c81bc16e0983465b-primary:hover:not(:disabled),
.c81bc16e0983465b-button.c81bc16e0983465b-primary:focus-visible:not(:disabled){
	border-color:color-mix(in srgb, var(--button-primary-border, transparent) 92%, black 8%);
}
}

.c81bc16e0983465b-button.c81bc16e0983465b-secondary{
	background:var(--button-secondary-fill);
	color:var(--button-secondary-text);
	border-color:transparent;
	border-color:var(--button-secondary-border, transparent);
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 5%, transparent);
}

.theme-light .c81bc16e0983465b-button.c81bc16e0983465b-secondary{
	background:rgb(239 242 248 / 0.98);
	color:rgb(56 62 77 / 0.96);
	border-color:rgb(166 176 197 / 0.28);
	box-shadow:0 7px 18px rgb(0 0 0 / 0.12), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 7%, transparent);
}

.c81bc16e0983465b-button.c81bc16e0983465b-secondary:hover:not(:disabled),
.c81bc16e0983465b-button.c81bc16e0983465b-secondary:focus-visible:not(:disabled){
	background:var(--button-secondary-active-fill);
	color:var(--button-secondary-active-text);
	border-color:transparent;
	border-color:var(--button-secondary-active-border, var(--button-secondary-border, transparent));
	box-shadow:none;
}

.theme-light .c81bc16e0983465b-button.c81bc16e0983465b-secondary:hover:not(:disabled),
.theme-light .c81bc16e0983465b-button.c81bc16e0983465b-secondary:focus-visible:not(:disabled){
	background:rgb(244 247 252 / 1);
	color:rgb(34 40 55 / 0.98);
	border-color:rgb(148 161 185 / 0.34);
	box-shadow:none;
}

.c81bc16e0983465b-button.c81bc16e0983465b-dangerPrimary{
	background:var(--button-danger-fill);
	color:var(--button-danger-text);
	border-color:color-mix(in srgb, var(--button-danger-fill) 75%, white 25%);
	box-shadow:none;
}

.c81bc16e0983465b-button.c81bc16e0983465b-dangerPrimary:hover:not(:disabled),
.c81bc16e0983465b-button.c81bc16e0983465b-dangerPrimary:focus-visible:not(:disabled){
	background:var(--button-danger-active-fill);
	border-color:color-mix(in srgb, var(--button-danger-active-fill) 75%, white 25%);
	box-shadow:none;
}

.c81bc16e0983465b-button.c81bc16e0983465b-dangerSecondary{
	background:color-mix(in srgb, var(--button-danger-fill) 14%, var(--background-secondary));
	color:var(--button-danger-outline-text);
	border-color:color-mix(in srgb, var(--button-danger-fill) 28%, transparent);
	box-shadow:none;
}

.c81bc16e0983465b-button.c81bc16e0983465b-dangerSecondary:hover:not(:disabled),
.c81bc16e0983465b-button.c81bc16e0983465b-dangerSecondary:focus-visible:not(:disabled){
	background:color-mix(in srgb, var(--button-danger-fill) 20%, var(--background-secondary));
	border-color:color-mix(in srgb, var(--button-danger-fill) 36%, transparent);
	box-shadow:none;
}

.c81bc16e0983465b-button.c81bc16e0983465b-dangerSecondary:active:not(:disabled){
	background:color-mix(in srgb, var(--button-danger-fill) 24%, var(--background-secondary));
}

.c81bc16e0983465b-button.c81bc16e0983465b-inverted{
	background-color:var(--button-inverted-fill);
	color:var(--button-inverted-text);
}

.c81bc16e0983465b-button.c81bc16e0983465b-invertedOutline{
	background-color:transparent;
	color:white;
	border:1px solid white;
	padding:4px 8px;
}

.c81bc16e0983465b-button.c81bc16e0983465b-invertedOutline.c81bc16e0983465b-small{
	padding:6px 10px;
}

.c81bc16e0983465b-button.c81bc16e0983465b-invertedOutline.c81bc16e0983465b-superCompact{
	padding:2px 6px;
}

.c81bc16e0983465b-button.c81bc16e0983465b-invertedOutline:hover:not(:disabled),
.c81bc16e0983465b-button.c81bc16e0983465b-invertedOutline:focus-visible:not(:disabled){
	background-color:rgba(255, 255, 255, 0.1);
}

.c81bc16e0983465b-button.c81bc16e0983465b-recording{
	background-color:#16a34a;
	background-color:var(--accent-success, #16a34a);
	color:var(--brand-primary-fill);
	border:1px solid color-mix(in srgb, #16a34a 55%, transparent);
	animation:c81bc16e0983465b-buttonRecordingPulse 1.1s infinite;
}

@supports (color: color-mix(in lch, red, blue)){
.c81bc16e0983465b-button.c81bc16e0983465b-recording{
	border:1px solid color-mix(in srgb, var(--accent-success, #16a34a) 55%, transparent);
}
}

.theme-light .c81bc16e0983465b-button.c81bc16e0983465b-primary{
	background:#4a63d7;
	color:rgb(255 255 255 / 0.98);
	border-color:rgb(74 99 215 / 0.24);
	box-shadow:none;
}

.theme-light .c81bc16e0983465b-button.c81bc16e0983465b-primary:hover:not(:disabled),
.theme-light .c81bc16e0983465b-button.c81bc16e0983465b-primary:focus-visible:not(:disabled){
	background:#5a74e8;
	border-color:rgb(90 116 232 / 0.32);
	box-shadow:none;
}

.c81bc16e0983465b-button.c81bc16e0983465b-recording:hover:not(:disabled),
.c81bc16e0983465b-button.c81bc16e0983465b-recording:focus-visible:not(:disabled){
	background-color:color-mix(in srgb, #16a34a 90%, #000 0%);
}

@supports (color: color-mix(in lch, red, blue)){
.c81bc16e0983465b-button.c81bc16e0983465b-recording:hover:not(:disabled),
.c81bc16e0983465b-button.c81bc16e0983465b-recording:focus-visible:not(:disabled){
	background-color:color-mix(in srgb, var(--accent-success, #16a34a) 90%, #000 0%);
}
}

[data-auth-cosmic] .c81bc16e0983465b-button{
	border-radius:2rem;
	font-family:var(--auth-font-body, var(--font-sans));
	font-size:0.92rem;
	font-weight:600;
	letter-spacing:0.01em;
	height:46px;
	min-height:46px;
}

[data-auth-cosmic] .c81bc16e0983465b-button.c81bc16e0983465b-primary{
	background:#2c2c34;
	color:#fff;
	box-shadow:0 1px 2px rgb(0 0 0 / 0.3);
}

[data-auth-cosmic] .c81bc16e0983465b-button.c81bc16e0983465b-primary:hover:not(:disabled),
[data-auth-cosmic] .c81bc16e0983465b-button.c81bc16e0983465b-primary:focus-visible:not(:disabled){
	background:#3a3a44;
	box-shadow:0 4px 12px rgb(0 0 0 / 0.3);
}

[data-auth-cosmic] .c81bc16e0983465b-button.c81bc16e0983465b-secondary{
	background:#1c1c22;
	border:1px solid #35353f;
	color:#e2e2ec;
}

[data-auth-cosmic] .c81bc16e0983465b-button.c81bc16e0983465b-secondary:hover:not(:disabled),
[data-auth-cosmic] .c81bc16e0983465b-button.c81bc16e0983465b-secondary:focus-visible:not(:disabled){
	background:#2a2a32;
	border-color:#5a5a70;
	color:#fff;
}

html.auth-lite-effects [data-auth-cosmic] .c81bc16e0983465b-button{
	transition:background-color 120ms linear, color 120ms linear, border-color 120ms linear, box-shadow 120ms linear;
}

html.auth-lite-effects [data-auth-cosmic] .c81bc16e0983465b-button:hover:not(:disabled):not(:active),
html.auth-lite-effects [data-auth-cosmic] .c81bc16e0983465b-button:active:not(:disabled){
	transform:none;
}

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

.c81bc16e0983465b-spinnerInner{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	width:28px;
	height:auto;
}

.c81bc16e0983465b-spinnerItem{
	display:inline-block;
	width:6px;
	height:6px;
	margin-right:2px;
	background-color:hsl(0, 0%, 100%);
	border-radius:4px;
	opacity:0.3;
	animation:c81bc16e0983465b-spinnerPulsingEllipsis 1.4s ease-in-out infinite;
}

.theme-light .c81bc16e0983465b-button.c81bc16e0983465b-secondary .c81bc16e0983465b-spinnerItem{
	background-color:#000;
}

.c81bc16e0983465b-spinnerItemInverted{
	background-color:#000;
}

.c81bc16e0983465b-spinnerItem:nth-of-type(2){
	animation-delay:0.2s;
}

.c81bc16e0983465b-spinnerItem:nth-of-type(3){
	animation-delay:0.4s;
}

.c81bc16e0983465b-iconWrapper{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	white-space:nowrap;
}

.c81bc16e0983465b-spinnerWrapper{
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

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

.c81bc16e0983465b-grid{
	display:grid;
	width:100%;
	height:100%;
}

@keyframes c81bc16e0983465b-spinnerPulsingEllipsis{
	0%{
		opacity:1;
		transform:scale(1);
	}
	50%{
		opacity:0.3;
		transform:scale(0.8);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}

@keyframes c81bc16e0983465b-buttonRecordingPulse{
	0%{
		box-shadow:0 0 0 0 color-mix(in srgb, #16a34a 18%, transparent), 0 0 0 0 color-mix(in srgb, #16a34a 0%, transparent);
	}

@supports (color: color-mix(in lch, red, blue)){
0%{
		box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-success, #16a34a) 18%, transparent), 0 0 0 0 color-mix(in srgb, var(--accent-success, #16a34a) 0%, transparent);
	}
}
	50%{
		box-shadow:0 0 0 0 color-mix(in srgb, #16a34a 28%, transparent), 0 0 0 6px color-mix(in srgb, #16a34a 12%, transparent);
	}

@supports (color: color-mix(in lch, red, blue)){
50%{
		box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-success, #16a34a) 28%, transparent), 0 0 0 6px color-mix(in srgb, var(--accent-success, #16a34a) 12%, transparent);
	}
}
	100%{
		box-shadow:0 0 0 0 color-mix(in srgb, #16a34a 18%, transparent), 0 0 0 0 color-mix(in srgb, #16a34a 0%, transparent);
	}

@supports (color: color-mix(in lch, red, blue)){
100%{
		box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-success, #16a34a) 18%, transparent), 0 0 0 0 color-mix(in srgb, var(--accent-success, #16a34a) 0%, transparent);
	}
}
}

@media (prefers-reduced-motion: reduce){
	.c81bc16e0983465b-button{
		transition:background-color 0.05s linear, color 0.05s linear, border-color 0.05s linear !important;
	}

	.c81bc16e0983465b-button:hover:not(:disabled):not(:active),
	.c81bc16e0983465b-button:active:not(:disabled){
		transform:none !important;
	}
}

@media (max-width: 380px){
	.c81bc16e0983465b-button:not(.c81bc16e0983465b-square){
		min-width:0;
		max-width:100%;
		height:auto;
		padding-inline:0.65rem;
		font-size:0.78rem;
	}

	.c81bc16e0983465b-button.c81bc16e0983465b-small:not(.c81bc16e0983465b-square){
		padding-inline:0.58rem;
	}

	.c81bc16e0983465b-iconWrapper{
		min-width:0;
		max-width:100%;
		white-space:normal;
		overflow-wrap:anywhere;
		text-align:center;
	}
}

._86d22bf9bb467373-content{
	display:flex;
	flex-direction:column;
	gap:12px;
	padding:16px;
}

._86d22bf9bb467373-description{
	margin:0;
	color:var(--text-primary);
	line-height:1.5;
}

._86d22bf9bb467373-helper{
	margin:0;
	color:var(--text-primary-muted);
	line-height:1.45;
}

._86d22bf9bb467373-tips{
	list-style:none;
	margin:0;
	margin-top:8px;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:10px;
}

._86d22bf9bb467373-tip{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:12px;
	padding:16px;
	border-radius:var(--radius-lg);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary-alt);
	text-align:center;
}

._86d22bf9bb467373-keys{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:6px;
}

._86d22bf9bb467373-kbd{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:34px;
	padding:6px 10px;
	border-radius:8px;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	color:var(--text-primary);
	font-size:0.85rem;
	font-weight:700;
	line-height:1;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

._86d22bf9bb467373-separator{
	color:var(--text-primary-muted);
	font-weight:600;
}

._86d22bf9bb467373-tipText{
	margin:0;
	color:var(--text-primary);
	line-height:1.4;
}

._86d22bf9bb467373-footer{
	display:flex;
	gap:8px;
	padding:8px 16px;
}

._081fe46968708e90-modalBackdrop{
	background:rgb(3 6 12 / 0.76);
	inset:0;
	pointer-events:none;
	position:fixed;
	backdrop-filter:blur(8px) saturate(102%);
	-webkit-backdrop-filter:blur(8px) saturate(102%);
}

@media (prefers-reduced-motion: reduce){
	._081fe46968708e90-modalBackdrop{
		backdrop-filter:none;
		-webkit-backdrop-filter:none;
	}
}

._081fe46968708e90-layer{
	position:fixed;
	inset:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	pointer-events:none;
}

html.platform-native-desktop ._081fe46968708e90-layer{
	top:var(--native-titlebar-height);
}

._081fe46968708e90-backdropSlot{
	position:absolute;
	inset:0;
	pointer-events:none;
	overflow:hidden;
}

._081fe46968708e90-focusLock{
	display:flex;
	flex-direction:column;
	min-height:0;
}

._081fe46968708e90-surface{
	position:relative;
	display:flex;
	flex-direction:column;
	min-height:0;
}

._081fe46968708e90-layer._081fe46968708e90-layerFullscreen{
	position:absolute;
	inset:0;
	--fullscreen-pad-y:clamp(8px, 1.5vh, 16px);
	--fullscreen-pad-x:clamp(12px, 2vw, 24px);
	--fullscreen-view-height:min(100dvh, 100svh, 100vh);
	--fullscreen-available-height:calc(var(--fullscreen-view-height) - 2 * var(--fullscreen-pad-y));
	display:flex;
	align-items:stretch;
	justify-content:stretch;
	padding:clamp(8px, 1.5vh, 16px) clamp(12px, 2vw, 24px);
	padding:var(--fullscreen-pad-y) var(--fullscreen-pad-x);
	margin:0;
}

._081fe46968708e90-layer._081fe46968708e90-layerFullscreenMobile{
	--fullscreen-pad-y:0px;
	--fullscreen-pad-x:0px;
	padding:0;
}

._081fe46968708e90-layer._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-focusLock,
._081fe46968708e90-layer._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-surface{
	contain:layout style paint;
}

html.platform-native-desktop ._081fe46968708e90-layer._081fe46968708e90-layerFullscreen{
	--fullscreen-pad-y:clamp(12px, 2vh, 20px);
	--fullscreen-pad-x:clamp(12px, 2vw, 24px);
	padding:clamp(12px, 2vh, 20px) clamp(12px, 2vw, 24px);
	padding:var(--fullscreen-pad-y) var(--fullscreen-pad-x);
}

._081fe46968708e90-layer._081fe46968708e90-layerFullscreenMobile{
	--fullscreen-pad-y:0px;
	--fullscreen-pad-x:0px;
	padding:0 !important;
}

html.platform-native-desktop ._081fe46968708e90-layer._081fe46968708e90-layerFullscreenMobile{
	--fullscreen-pad-y:0px;
	--fullscreen-pad-x:0px;
	padding:0 !important;
}

._081fe46968708e90-layer._081fe46968708e90-layerFullscreen ._081fe46968708e90-focusLock{
	position:relative;
	padding:0;
	margin:0;
	width:100%;
	flex:1 1 auto;
	max-height:var(--fullscreen-available-height);
	height:100%;
	min-height:0;
	display:flex;
	flex-direction:column;
	overflow:hidden;
}

._081fe46968708e90-layer._081fe46968708e90-layerFullscreen ._081fe46968708e90-surface{
	position:relative;
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
	width:100%;
	max-height:var(--fullscreen-available-height);
	height:100%;
	min-height:0;
	overflow:hidden;
}

._081fe46968708e90-layer._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-surface{
	will-change:transform;
}

._081fe46968708e90-layer._081fe46968708e90-layerCentered{
	padding:calc(24px + 0px) calc(16px + 0px) calc(24px + 0px) calc(16px + 0px);
	padding:calc(24px + var(--safe-area-top, 0px)) calc(16px + var(--safe-area-right, 0px)) calc(24px + var(--safe-area-bottom, 0px)) calc(16px + var(--safe-area-left, 0px));
}

._081fe46968708e90-root._081fe46968708e90-centeredOnMobile{
	width:100%;
	max-width:min(400px, calc(100vw - 32px));
	max-height:100%;
	border-radius:16px;
	box-sizing:border-box;
}

._081fe46968708e90-root{
	position:relative;
	margin:0 auto;
	max-height:calc(100svh - 48px);
	display:flex;
	flex-direction:column;
	background:color-mix(in srgb, var(--background-secondary) 92%, var(--background-floating) 8%);
	border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
	border-radius:0.85rem;
	box-shadow:0 24px 64px rgb(0 0 0 / 0.34), 0 8px 24px rgb(0 0 0 / 0.18);
	overflow:hidden;
	pointer-events:all;
	will-change:transform, opacity;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

html.platform-native.platform-macos ._081fe46968708e90-root{
	max-height:calc(100svh - 48px - 32px);
	max-height:calc(100svh - 48px - var(--native-titlebar-height, 32px));
}

._081fe46968708e90-root._081fe46968708e90-medium{
	min-height:400px;
	width:600px;
}

._081fe46968708e90-root._081fe46968708e90-small{
	min-height:200px;
	width:440px;
}

._081fe46968708e90-root._081fe46968708e90-large{
	min-height:400px;
	width:800px;
}

._081fe46968708e90-root._081fe46968708e90-xlarge{
	height:100%;
	width:90%;
}

._081fe46968708e90-root._081fe46968708e90-fullscreen{
	flex:1 1 auto;
	height:100%;
	min-height:0;
	max-height:var(--fullscreen-available-height);
	width:100%;
	max-width:clamp(960px, 96vw, 1400px);
	border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
	border-radius:clamp(10px, 1vw, 14px);
	box-sizing:border-box;
	padding:0;
	background:color-mix(in srgb, var(--background-secondary) 94%, var(--background-floating) 6%);
	box-shadow:0 28px 72px rgb(0 0 0 / 0.34);
	overflow:hidden;
	display:flex;
	flex-direction:column;
}

._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-root._081fe46968708e90-fullscreen{
	border-radius:0 !important;
	border:none !important;
	box-shadow:none !important;
	max-height:100%;
	isolation:isolate;
}

@keyframes _081fe46968708e90-slideInFromRight{
	from{
		transform:translate3d(100%, 0, 0);
	}
	to{
		transform:translate3d(0, 0, 0);
	}
}

@keyframes _081fe46968708e90-slideOutToRight{
	from{
		transform:translate3d(0, 0, 0);
	}
	to{
		transform:translate3d(100%, 0, 0);
	}
}

._081fe46968708e90-mobileSlideIn{
	animation:_081fe46968708e90-slideInFromRight 0.14s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

._081fe46968708e90-mobileSlideOut{
	animation:_081fe46968708e90-slideOutToRight 0.12s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@media screen and (min-width: 768px){
	._081fe46968708e90-layer._081fe46968708e90-layerFullscreen{
		--fullscreen-pad-y:clamp(12px, 2vh, 24px);
		--fullscreen-pad-x:clamp(24px, 4vw, 64px);
		padding:clamp(12px, 2vh, 24px) clamp(24px, 4vw, 64px);
		padding:var(--fullscreen-pad-y) var(--fullscreen-pad-x);
	}

	html.platform-native-desktop ._081fe46968708e90-layer._081fe46968708e90-layerFullscreen{
		--fullscreen-pad-y:clamp(16px, 2.5vh, 28px);
		--fullscreen-pad-x:clamp(24px, 4vw, 64px);
		padding:clamp(16px, 2.5vh, 28px) clamp(24px, 4vw, 64px);
		padding:var(--fullscreen-pad-y) var(--fullscreen-pad-x);
	}
}

@media screen and (min-width: 1024px){
	._081fe46968708e90-layer._081fe46968708e90-layerFullscreen{
		--fullscreen-pad-y:clamp(16px, 2.5vh, 32px);
		--fullscreen-pad-x:clamp(32px, 6vw, 96px);
		padding:clamp(16px, 2.5vh, 32px) clamp(32px, 6vw, 96px);
		padding:var(--fullscreen-pad-y) var(--fullscreen-pad-x);
	}

	html.platform-native-desktop ._081fe46968708e90-layer._081fe46968708e90-layerFullscreen{
		--fullscreen-pad-y:clamp(20px, 3vh, 36px);
		--fullscreen-pad-x:clamp(32px, 6vw, 96px);
		padding:clamp(20px, 3vh, 36px) clamp(32px, 6vw, 96px);
		padding:var(--fullscreen-pad-y) var(--fullscreen-pad-x);
	}
}

@media screen and (min-width: 1440px){
	._081fe46968708e90-layer._081fe46968708e90-layerFullscreen{
		--fullscreen-pad-y:clamp(20px, 3vh, 40px);
		--fullscreen-pad-x:clamp(48px, 8vw, 128px);
		padding:clamp(20px, 3vh, 40px) clamp(48px, 8vw, 128px);
		padding:var(--fullscreen-pad-y) var(--fullscreen-pad-x);
	}

	html.platform-native-desktop ._081fe46968708e90-layer._081fe46968708e90-layerFullscreen{
		--fullscreen-pad-y:clamp(24px, 3.5vh, 44px);
		--fullscreen-pad-x:clamp(48px, 8vw, 128px);
		padding:clamp(24px, 3.5vh, 44px) clamp(48px, 8vw, 128px);
		padding:var(--fullscreen-pad-y) var(--fullscreen-pad-x);
	}
}

@media screen and (min-width: 1920px){
	._081fe46968708e90-layer._081fe46968708e90-layerFullscreen{
		--fullscreen-pad-y:clamp(24px, 3.5vh, 48px);
		--fullscreen-pad-x:clamp(64px, 10vw, 200px);
		padding:clamp(24px, 3.5vh, 48px) clamp(64px, 10vw, 200px);
		padding:var(--fullscreen-pad-y) var(--fullscreen-pad-x);
	}

	html.platform-native-desktop ._081fe46968708e90-layer._081fe46968708e90-layerFullscreen{
		--fullscreen-pad-y:clamp(28px, 4vh, 52px);
		--fullscreen-pad-x:clamp(64px, 10vw, 200px);
		padding:clamp(28px, 4vh, 52px) clamp(64px, 10vw, 200px);
		padding:var(--fullscreen-pad-y) var(--fullscreen-pad-x);
	}
}

@media screen and (min-width: 2560px){
	._081fe46968708e90-layer._081fe46968708e90-layerFullscreen{
		--fullscreen-pad-y:clamp(28px, 4vh, 56px);
		--fullscreen-pad-x:clamp(96px, 12vw, 320px);
		padding:clamp(28px, 4vh, 56px) clamp(96px, 12vw, 320px);
		padding:var(--fullscreen-pad-y) var(--fullscreen-pad-x);
	}

	html.platform-native-desktop ._081fe46968708e90-layer._081fe46968708e90-layerFullscreen{
		--fullscreen-pad-y:clamp(32px, 4.5vh, 60px);
		--fullscreen-pad-x:clamp(96px, 12vw, 320px);
		padding:clamp(32px, 4.5vh, 60px) clamp(96px, 12vw, 320px);
		padding:var(--fullscreen-pad-y) var(--fullscreen-pad-x);
	}
}

._081fe46968708e90-layout{
	flex:0 0 auto;
	position:relative;
	z-index:1;
	overflow-x:hidden;
	padding:16px;
}

._081fe46968708e90-layout._081fe46968708e90-header{
	display:flex;
	flex-direction:column;
	gap:14px;
	background:color-mix(in srgb, var(--background-floating) 18%, var(--background-secondary) 82%);
	border-bottom:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
}

._081fe46968708e90-mobileSwipeHandle{
	display:none;
}

._081fe46968708e90-mobileSwipeHandleBar{
	display:block;
	width:54px;
	height:5px;
	border-radius:999px;
	background:color-mix(in srgb, var(--text-secondary) 56%, transparent);
}

._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-layout._081fe46968708e90-header{
	padding-top:calc(16px + max(0px, 10px));
	padding-top:calc(16px + max(var(--safe-area-top, 0px), 10px));
	padding-right:calc(16px + 0px);
	padding-right:calc(16px + var(--safe-area-right, 0px));
	padding-left:calc(16px + 0px);
	padding-left:calc(16px + var(--safe-area-left, 0px));
	min-height:calc(68px + max(0px, 10px));
	min-height:calc(68px + max(var(--safe-area-top, 0px), 10px));
}

._081fe46968708e90-layerCentered ._081fe46968708e90-layout._081fe46968708e90-header{
	padding-top:30px;
}

._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-mobileSwipeHandle,
._081fe46968708e90-layerCentered ._081fe46968708e90-mobileSwipeHandle{
	display:flex;
	position:absolute;
	top:calc(6px + 0px);
	top:calc(6px + var(--safe-area-top, 0px));
	left:50%;
	z-index:12;
	align-items:center;
	justify-content:center;
	width:72px;
	height:18px;
	transform:translateX(-50%);
	cursor:-webkit-grab;
	cursor:grab;
	-webkit-tap-highlight-color:transparent;
	touch-action:none;
	pointer-events:auto;
}

._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-mobileSwipeHandle:active,
._081fe46968708e90-layerCentered ._081fe46968708e90-mobileSwipeHandle:active{
	cursor:-webkit-grabbing;
	cursor:grabbing;
}

._081fe46968708e90-layerCentered ._081fe46968708e90-mobileSwipeHandle{
	top:6px;
}

._081fe46968708e90-layout._081fe46968708e90-header._081fe46968708e90-light{
	background:color-mix(in srgb, var(--background-floating) 18%, var(--background-secondary) 82%);
}

._081fe46968708e90-layout._081fe46968708e90-header._081fe46968708e90-dark{
	background:color-mix(in srgb, var(--background-floating) 18%, var(--background-secondary) 82%);
}

._081fe46968708e90-layout._081fe46968708e90-footer{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	gap:8px;
	background:color-mix(in srgb, var(--background-primary) 28%, var(--background-secondary) 72%);
	border-top:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
}

._081fe46968708e90-layout._081fe46968708e90-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._081fe46968708e90-centeredOnMobile ._081fe46968708e90-layout._081fe46968708e90-footer{
	flex-direction:column-reverse;
}

._081fe46968708e90-headerInner{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

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

._081fe46968708e90-headerText h3{
	color:var(--text-primary);
	font-size:18px;
	font-weight:600;
	line-height:20px;
	margin:0;
}

._081fe46968708e90-headerInner button{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:40px;
	min-height:40px;
	background:transparent;
	color:var(--text-primary-muted);
	cursor:pointer;
	opacity:0.5;
	transition:opacity 0.2s ease-in-out;
	border:none;
	padding:4px;
	border-radius:0.6rem;
	-webkit-tap-highlight-color:transparent;
	-webkit-app-region:no-drag;
}

._081fe46968708e90-headerInner button:hover{
	color:var(--text-primary);
	opacity:1;
	background:var(--background-modifier-hover);
}

._081fe46968708e90-headerInner button:active{
	transform:scale(0.95);
}

._081fe46968708e90-content{
	flex:1 1 auto;
	height:100%;
	padding:0 16px 16px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	-ms-scroll-chaining:none;
	    overscroll-behavior:contain;
}

._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-content{
	padding-right:calc(16px + 0px);
	padding-right:calc(16px + var(--safe-area-right, 0px));
	padding-bottom:calc(16px + 0px);
	padding-bottom:calc(16px + var(--safe-area-bottom, 0px));
	padding-left:calc(16px + 0px);
	padding-left:calc(16px + var(--safe-area-left, 0px));
}

._081fe46968708e90-contentNoPadding{
	padding:0;
}

._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-content._081fe46968708e90-contentNoPadding{
	padding:0;
}

._081fe46968708e90-screenReaderLabel{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
	border:0;
}

._081fe46968708e90-insetCloseButtonContainer{
	position:absolute;
	top:calc(12px + 0px);
	top:calc(12px + var(--safe-area-top, 0px));
	right:calc(12px + 0px);
	right:calc(12px + var(--safe-area-right, 0px));
	z-index:10;
	pointer-events:auto;
}

._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-insetCloseButtonContainer{
	top:calc(22px + max(0px, 10px));
	top:calc(22px + max(var(--safe-area-top, 0px), 10px));
	right:calc(12px + max(0px, 6px));
	right:calc(12px + max(var(--safe-area-right, 0px), 6px));
}

._081fe46968708e90-layerCentered ._081fe46968708e90-insetCloseButtonContainer{
	top:22px;
}

._081fe46968708e90-insetCloseButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	border-radius:0.7rem;
	border:none;
	background:color-mix(in srgb, var(--background-secondary) 82%, var(--background-primary) 18%);
	-webkit-backdrop-filter:none;
	        backdrop-filter:none;
	color:var(--text-primary);
	cursor:pointer;
	box-shadow:none;
	transition:transform 0.12s ease, opacity 0.12s ease, background-color 0.12s ease;
	-webkit-tap-highlight-color:transparent;
	-webkit-app-region:no-drag;
}

._081fe46968708e90-insetCloseButton:hover{
	background:color-mix(in srgb, var(--background-secondary) 72%, var(--brand-primary) 28%);
}

._081fe46968708e90-insetCloseButton:active{
	transform:scale(0.96);
}

._081fe46968708e90-insetCloseButton:disabled{
	opacity:0.55;
	cursor:default;
}

@media (max-width: 380px){
	._081fe46968708e90-layer._081fe46968708e90-layerCentered{
		padding:calc(16px + 0px) calc(8px + 0px) calc(16px + 0px) calc(8px + 0px);
		padding:calc(16px + var(--safe-area-top, 0px)) calc(8px + var(--safe-area-right, 0px)) calc(16px + var(--safe-area-bottom, 0px)) calc(8px + var(--safe-area-left, 0px));
	}

	._081fe46968708e90-root._081fe46968708e90-centeredOnMobile{
		max-width:min(400px, calc(100vw - 16px));
		border-radius:12px;
	}

	._081fe46968708e90-layout{
		padding:12px;
	}

	._081fe46968708e90-layout._081fe46968708e90-header{
		gap:10px;
	}

	._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-layout._081fe46968708e90-header{
		padding-right:calc(10px + 0px);
		padding-right:calc(10px + var(--safe-area-right, 0px));
		padding-left:calc(10px + 0px);
		padding-left:calc(10px + var(--safe-area-left, 0px));
		min-height:calc(60px + max(0px, 10px));
		min-height:calc(60px + max(var(--safe-area-top, 0px), 10px));
	}

	._081fe46968708e90-headerInner,
	._081fe46968708e90-headerText{
		min-width:0;
	}

	._081fe46968708e90-headerText h3{
		min-width:0;
		font-size:16px;
		line-height:19px;
		overflow-wrap:anywhere;
	}

	._081fe46968708e90-content{
		padding:0 10px 10px;
	}

	._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-content{
		padding-right:calc(10px + 0px);
		padding-right:calc(10px + var(--safe-area-right, 0px));
		padding-bottom:calc(10px + 0px);
		padding-bottom:calc(10px + var(--safe-area-bottom, 0px));
		padding-left:calc(10px + 0px);
		padding-left:calc(10px + var(--safe-area-left, 0px));
	}

	._081fe46968708e90-layerFullscreenMobile ._081fe46968708e90-content._081fe46968708e90-contentNoPadding{
		padding:0;
	}

	._081fe46968708e90-layout._081fe46968708e90-footer > *{
		min-width:0;
	}

	._081fe46968708e90-insetCloseButton{
		width:40px;
		height:40px;
	}
}

._5d63fbbb3ac0ae9e-focusRing{
	position:absolute;
	display:block;
	pointer-events:none;

	background:none;
	margin:0;
	padding:0;
	border-radius:4px;
	border-radius:var(--focus-ring-radius, 4px);
	box-shadow:0 0 0 4px var(--focus-ring-color, var(--focus-primary));
}

._28b0141a2c684854-scrollerWrap{
	--scroller-track-size:8px;
	position:relative;
	display:flex;
	min-height:0;
	min-width:0;
	height:100%;
	max-height:inherit;
	flex:1 1 0%;
	-webkit-padding-end:8px;
	        padding-inline-end:8px;
	-webkit-padding-end:var(--scroller-track-size);
	        padding-inline-end:var(--scroller-track-size);
}

._28b0141a2c684854-scroller{
	display:flex;
	flex-direction:column;
	min-height:0;
	min-width:0;
	height:100%;
	max-height:inherit;
	flex:1 1 0%;
	-ms-scroll-chaining:none;
	    overscroll-behavior:contain;
	overflow-anchor:none;
	scrollbar-gutter:stable;
	scrollbar-width:thin;
	scrollbar-color:var(--scrollbar-thumb-bg) transparent;
	scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg, transparent);
	-webkit-margin-end:calc(var(--scroller-track-size) * -1);
	        margin-inline-end:calc(var(--scroller-track-size) * -1);
}

._28b0141a2c684854-scroller::-webkit-scrollbar{
	width:var(--scroller-track-size);
	height:var(--scroller-track-size);
}

._28b0141a2c684854-scroller::-webkit-scrollbar-track{
	background-color:transparent;
	background-color:var(--scrollbar-track-bg, transparent);
}

._28b0141a2c684854-scroller::-webkit-scrollbar-thumb{
	background-color:var(--scrollbar-thumb-bg);
	border-radius:4px;
	-webkit-transition:background-color 0.2s ease;
	transition:background-color 0.2s ease;
}

._28b0141a2c684854-scroller::-webkit-scrollbar-thumb:hover{
	background-color:var(--scrollbar-thumb-bg-hover);
}

._28b0141a2c684854-fade::-webkit-scrollbar-thumb{
	background-color:transparent;
	-webkit-transition:background-color 0.15s ease-out;
	transition:background-color 0.15s ease-out;
}

._28b0141a2c684854-fade::-webkit-scrollbar-track{
	background-color:transparent;
}

._28b0141a2c684854-fade:hover::-webkit-scrollbar-thumb,
._28b0141a2c684854-fade._28b0141a2c684854-scrolling::-webkit-scrollbar-thumb{
	background-color:var(--scrollbar-thumb-bg);
}

._28b0141a2c684854-fade:hover::-webkit-scrollbar-thumb:hover,
._28b0141a2c684854-fade._28b0141a2c684854-scrolling::-webkit-scrollbar-thumb:hover{
	background-color:var(--scrollbar-thumb-bg-hover);
}

._28b0141a2c684854-fade{
	scrollbar-width:thin;
	scrollbar-color:transparent transparent;
}

._28b0141a2c684854-fade:hover,
._28b0141a2c684854-fade._28b0141a2c684854-scrolling{
	scrollbar-color:var(--scrollbar-thumb-bg) transparent;
}
._28b0141a2c684854-edgeFades{
	-webkit-mask-image:linear-gradient(
		180deg,
		transparent 0,
		black 24px,
		black calc(100% - 24px),
		transparent 100%
	);
	mask-image:linear-gradient(
		180deg,
		transparent 0,
		black 24px,
		black calc(100% - 24px),
		transparent 100%
	);
}

._28b0141a2c684854-horizontal ._28b0141a2c684854-edgeFades,
._28b0141a2c684854-edgeFades._28b0141a2c684854-horizontal{
	-webkit-mask-image:linear-gradient(
		90deg,
		transparent 0,
		black 24px,
		black calc(100% - 24px),
		transparent 100%
	);
	mask-image:linear-gradient(
		90deg,
		transparent 0,
		black 24px,
		black calc(100% - 24px),
		transparent 100%
	);
}

._28b0141a2c684854-horizontal ._28b0141a2c684854-scroller{
	overscroll-behavior-x:contain;
	overscroll-behavior-y:none;
}

._28b0141a2c684854-noScrollbarReserve{
	-webkit-padding-end:0;
	        padding-inline-end:0;
}

._28b0141a2c684854-noScrollbarReserve ._28b0141a2c684854-scroller{
	-webkit-margin-end:0;
	        margin-inline-end:0;
	scrollbar-gutter:auto;
}

._28b0141a2c684854-noScrollbarReserve._28b0141a2c684854-horizontal{
	-webkit-padding-after:0;
	        padding-block-end:0;
}

._28b0141a2c684854-noScrollbarReserve._28b0141a2c684854-horizontal ._28b0141a2c684854-scroller{
	-webkit-margin-after:0;
	        margin-block-end:0;
}

._28b0141a2c684854-scrollerChildren{
	display:flex;
	flex:1 1 0%;
	flex-direction:column;
	min-height:0;
	min-width:0;
}

._28b0141a2c684854-horizontal ._28b0141a2c684854-scrollerChildren{
	-webkit-margin-end:0;
	        margin-inline-end:0;
}

._28b0141a2c684854-regular{
	--scroller-track-size:16px;
}

._28b0141a2c684854-scroller._28b0141a2c684854-regular{
	scrollbar-width:auto;
	scrollbar-color:var(--scrollbar-thumb-bg) transparent;
	scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg, transparent);
}

._28b0141a2c684854-regular::-webkit-scrollbar-thumb{
	min-height:40px;
}

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

._28b0141a2c684854-windowBlurred{
	scrollbar-color:transparent transparent;
}

._28b0141a2c684854-windowBlurred::-webkit-scrollbar-track{
	background-color:transparent;
}

._28b0141a2c684854-windowBlurred::-webkit-scrollbar-thumb,
._28b0141a2c684854-windowBlurred:hover::-webkit-scrollbar-thumb,
._28b0141a2c684854-windowBlurred._28b0141a2c684854-scrolling::-webkit-scrollbar-thumb,
._28b0141a2c684854-windowBlurred._28b0141a2c684854-fade:hover::-webkit-scrollbar-thumb,
._28b0141a2c684854-windowBlurred._28b0141a2c684854-fade._28b0141a2c684854-scrolling::-webkit-scrollbar-thumb{
	background-color:transparent;
}

._28b0141a2c684854-horizontal._28b0141a2c684854-scrollerWrap{
	-webkit-padding-end:0;
	        padding-inline-end:0;
	-webkit-padding-after:var(--scroller-track-size);
	        padding-block-end:var(--scroller-track-size);
	height:auto;
	flex:0 1 auto;
	width:100%;
}

._28b0141a2c684854-horizontal ._28b0141a2c684854-scroller{
	-webkit-margin-end:0;
	        margin-inline-end:0;
	-webkit-margin-after:calc(var(--scroller-track-size) * -1);
	        margin-block-end:calc(var(--scroller-track-size) * -1);
	height:auto;
	flex:0 1 auto;
	width:100%;
}

.e82d3aafb7891409-scroller{
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	-ms-scroll-chaining:none;
	    overscroll-behavior:contain;
	scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);
}

.e82d3aafb7891409-scroller::-webkit-scrollbar{
	width:16px;
	height:16px;
}

.e82d3aafb7891409-scroller:-webkit-scrollbar-corner{
	background-color:transparent;
}

.e82d3aafb7891409-scroller::-webkit-scrollbar-thumb{
	background-color:var(--scrollbar-thumb-bg);
	min-height:40px;
}

.e82d3aafb7891409-scroller::-webkit-scrollbar-thumb:hover{
	background-color:var(--scrollbar-thumb-bg-hover);
}

.e82d3aafb7891409-scrollerWithBottomGutter::-webkit-scrollbar-track{
	margin-bottom:8px;
}

.e82d3aafb7891409-scrollerTextarea{
	--scrollbar-track-bg:var(--form-surface-background);
}

.e82d3aafb7891409-scrollerTextarea::-webkit-scrollbar-track{
	margin-top:2px;
	margin-bottom:2px;
}

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

.e82d3aafb7891409-scroller::-webkit-scrollbar-track{
	background-color:var(--scrollbar-track-bg);
}

._48e6a85afadcd35b-surface{
	background-color:var(--form-surface-background);
	transition:background-color 0.15s ease;
}

.dd7123b0db0c713b-input{
	width:100%;
	resize:none;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	padding:0.625rem 1rem;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
	transition-property:color, background-color, border-color;
	transition-duration:150ms;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}
@media (pointer: coarse){
	.dd7123b0db0c713b-input{
		font-size:16px;
	}
}

.theme-light .dd7123b0db0c713b-input{
	background-color:var(--background-modifier-hover);
}

.dd7123b0db0c713b-input::-webkit-input-placeholder{
	color:var(--text-primary-muted);
}

.dd7123b0db0c713b-input::-moz-placeholder{
	color:var(--text-primary-muted);
}

.dd7123b0db0c713b-input::-ms-input-placeholder{
	color:var(--text-primary-muted);
}

.dd7123b0db0c713b-input:-ms-input-placeholder{
	color:var(--text-primary-muted);
}

.dd7123b0db0c713b-input::placeholder{
	color:var(--text-primary-muted);
}

.dd7123b0db0c713b-input:focus{
	outline:none;
}

.dd7123b0db0c713b-input.dd7123b0db0c713b-minHeight{
	min-height:44px;
}

.dd7123b0db0c713b-input.dd7123b0db0c713b-hasRightElement{
	padding-right:3rem;
}

.dd7123b0db0c713b-input.dd7123b0db0c713b-hasLeftIcon{
	padding-left:2.25rem;
}

.dd7123b0db0c713b-input.dd7123b0db0c713b-focusable:focus,
.dd7123b0db0c713b-input.dd7123b0db0c713b-focusable:focus-within{
	border-color:var(--background-modifier-accent-focus);
}

.dd7123b0db0c713b-input.dd7123b0db0c713b-error{
	border-color:var(--status-danger);
}

.dd7123b0db0c713b-fieldset{
	margin:0;
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	border:0;
	padding:0;
}

.dd7123b0db0c713b-labelContainer{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.dd7123b0db0c713b-label{
	margin:0;
	display:block;
	padding:0;
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

.dd7123b0db0c713b-inputGroup{
	display:flex;
	flex-direction:column;
	gap:0.375rem;
}

.dd7123b0db0c713b-errorText{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--status-danger);
}

.dd7123b0db0c713b-inputContainer{
	display:flex;
	width:100%;
	flex-direction:column;
	gap:0.375rem;
}

.dd7123b0db0c713b-inputWrapper{
	position:relative;
}

.dd7123b0db0c713b-leftIcon{
	position:absolute;
	top:50%;
	left:0.75rem;
	transform:translateY(-50%);
	pointer-events:none;
	color:var(--text-tertiary);
}

.dd7123b0db0c713b-leftElement{
	position:absolute;
	top:50%;
	left:0.25rem;
	transform:translateY(-50%);
	display:flex;
	align-items:center;
	gap:0.5rem;
	z-index:1;
}

.dd7123b0db0c713b-input.dd7123b0db0c713b-hasLeftElement{
	padding-left:2.5rem;
}

.dd7123b0db0c713b-rightIcon{
	position:absolute;
	top:50%;
	right:0.75rem;
	transform:translateY(-50%);
	pointer-events:none;
	color:var(--text-tertiary);
}

.dd7123b0db0c713b-passwordToggle{
	position:absolute;
	top:50%;
	right:0.75rem;
	transform:translateY(-50%);
	border-radius:0.25rem;
	padding:0.375rem;
	color:var(--text-tertiary);
	transition-property:color, background-color, border-color;
	transition-duration:150ms;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	cursor:pointer;
}

.dd7123b0db0c713b-passwordToggle:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.dd7123b0db0c713b-rightElement{
	position:absolute;
	top:50%;
	right:0.5rem;
	transform:translateY(-50%);
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.dd7123b0db0c713b-textareaWrapper{
	display:flex;
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	transition-property:color, background-color, border-color;
	transition-duration:150ms;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}

.dd7123b0db0c713b-textareaWrapper.dd7123b0db0c713b-focusable:focus-within{
	border-color:var(--background-modifier-accent-focus);
}

.dd7123b0db0c713b-textareaWrapper.dd7123b0db0c713b-error{
	border-color:var(--status-danger);
}

.dd7123b0db0c713b-textarea{
	width:100%;
	flex:1 1 0%;
	resize:none;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	border:0;
	background-color:transparent;
	padding:0.625rem 1rem;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
	outline:none;
}

.dd7123b0db0c713b-textarea::-webkit-input-placeholder{
	color:var(--text-primary-muted);
}

.dd7123b0db0c713b-textarea::-moz-placeholder{
	color:var(--text-primary-muted);
}

.dd7123b0db0c713b-textarea::-ms-input-placeholder{
	color:var(--text-primary-muted);
}

.dd7123b0db0c713b-textarea:-ms-input-placeholder{
	color:var(--text-primary-muted);
}

.dd7123b0db0c713b-textarea::placeholder{
	color:var(--text-primary-muted);
}

.dd7123b0db0c713b-textareaActions{
	display:flex;
	min-width:48px;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	padding:0.625rem 0.75rem;
}

.dd7123b0db0c713b-characterCountContainer{
	text-align:center;
}

.dd7123b0db0c713b-characterCount{
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
	color:var(--text-tertiary);
	font-size:0.75rem;
	line-height:1rem;
	-webkit-font-feature-settings:"tnum";
	        font-feature-settings:"tnum";
	font-variant-numeric:tabular-nums;
}

[data-auth-cosmic] .dd7123b0db0c713b-input{
	border-radius:1rem;
	border-color:rgb(255 255 255 / 0.1);
	background-color:rgb(10 10 12 / 0.6);
	color:#efeff4;
	font-family:var(--auth-font-body, var(--font-sans));
	font-size:0.95rem;
	font-weight:450;
	transition:border-color 180ms ease, background-color 180ms ease, box-shadow 220ms ease, transform 220ms ease;
}

[data-auth-cosmic] .dd7123b0db0c713b-input.dd7123b0db0c713b-minHeight{
	min-height:48px;
}

[data-auth-cosmic] .dd7123b0db0c713b-input::-webkit-input-placeholder{
	color:#6a6a7a;
}

[data-auth-cosmic] .dd7123b0db0c713b-input::-moz-placeholder{
	color:#6a6a7a;
}

[data-auth-cosmic] .dd7123b0db0c713b-input::-ms-input-placeholder{
	color:#6a6a7a;
}

[data-auth-cosmic] .dd7123b0db0c713b-input:-ms-input-placeholder{
	color:#6a6a7a;
}

[data-auth-cosmic] .dd7123b0db0c713b-input::placeholder{
	color:#6a6a7a;
}

[data-auth-cosmic] .dd7123b0db0c713b-input.dd7123b0db0c713b-focusable:hover{
	border-color:rgb(200 200 220 / 0.34);
	background-color:rgb(16 16 22 / 0.66);
	transform:translateY(-1px);
}

[data-auth-cosmic] .dd7123b0db0c713b-input.dd7123b0db0c713b-focusable:focus,
[data-auth-cosmic] .dd7123b0db0c713b-input.dd7123b0db0c713b-focusable:focus-within{
	border-color:rgb(200 200 220 / 0.5);
	background-color:rgb(20 20 28 / 0.7);
	box-shadow:0 0 0 2px rgb(180 180 200 / 0.1), 0 10px 24px -16px rgb(210 210 228 / 0.42);
	transform:translateY(-1px);
	animation:dd7123b0db0c713b-authInputPulse 2.2s ease-in-out infinite alternate;
}

[data-auth-cosmic] .dd7123b0db0c713b-fieldset{
	gap:0.35rem;
}

[data-auth-cosmic] .dd7123b0db0c713b-label{
	font-family:var(--auth-font-body, var(--font-sans));
	font-size:0.75rem;
	font-weight:600;
	letter-spacing:0.04em;
	text-transform:uppercase;
	color:#b4b4c4;
}

[data-auth-cosmic] .dd7123b0db0c713b-errorText{
	font-size:0.78rem;
	color:#f6a9b2;
}

[data-auth-cosmic] .dd7123b0db0c713b-leftIcon,
[data-auth-cosmic] .dd7123b0db0c713b-rightIcon,
[data-auth-cosmic] .dd7123b0db0c713b-passwordToggle{
	color:#8e8e9e;
}

[data-auth-cosmic] .dd7123b0db0c713b-passwordToggle:hover{
	background-color:rgb(255 255 255 / 0.06);
	color:#ddddf0;
}

@keyframes dd7123b0db0c713b-authInputPulse{
	0%{
		box-shadow:0 0 0 2px rgb(180 180 200 / 0.08), 0 10px 20px -16px rgb(210 210 228 / 0.28);
	}
	100%{
		box-shadow:0 0 0 2px rgb(180 180 200 / 0.14), 0 14px 28px -16px rgb(210 210 228 / 0.46);
	}
}

@media (prefers-reduced-motion: reduce){
	[data-auth-cosmic] .dd7123b0db0c713b-input{
		transition:border-color 120ms linear, background-color 120ms linear, box-shadow 120ms linear;
	}

	[data-auth-cosmic] .dd7123b0db0c713b-input.dd7123b0db0c713b-focusable:hover,
	[data-auth-cosmic] .dd7123b0db0c713b-input.dd7123b0db0c713b-focusable:focus,
	[data-auth-cosmic] .dd7123b0db0c713b-input.dd7123b0db0c713b-focusable:focus-within{
		transform:none;
		animation:none;
	}
}

html.auth-lite-effects [data-auth-cosmic] .dd7123b0db0c713b-input{
	transition:border-color 120ms linear, background-color 120ms linear, box-shadow 120ms linear;
}

html.auth-lite-effects [data-auth-cosmic] .dd7123b0db0c713b-input.dd7123b0db0c713b-focusable:hover,
html.auth-lite-effects [data-auth-cosmic] .dd7123b0db0c713b-input.dd7123b0db0c713b-focusable:focus,
html.auth-lite-effects [data-auth-cosmic] .dd7123b0db0c713b-input.dd7123b0db0c713b-focusable:focus-within{
	transform:none;
	animation:none;
	box-shadow:0 0 0 2px rgb(180 180 200 / 0.08);
}

._7a2ece39b69de8d1-spinner{
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

._7a2ece39b69de8d1-spinnerInner{
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

._7a2ece39b69de8d1-spinnerItem{
	display:inline-block;
	background-color:var(--text-secondary);
	border-radius:4px;
	opacity:0.3;
	animation:_7a2ece39b69de8d1-spinnerPulsingEllipsis 1.4s ease-in-out infinite;
}

._7a2ece39b69de8d1-spinnerItem:not(:first-child){
	margin-left:2px;
}

._7a2ece39b69de8d1-spinnerItem._7a2ece39b69de8d1-small{
	width:6px;
	height:6px;
}

._7a2ece39b69de8d1-spinnerItem._7a2ece39b69de8d1-medium{
	width:8px;
	height:8px;
}

._7a2ece39b69de8d1-spinnerItem._7a2ece39b69de8d1-large{
	width:10px;
	height:10px;
}

._7a2ece39b69de8d1-delay1{
	animation-delay:0.2s;
}

._7a2ece39b69de8d1-delay2{
	animation-delay:0.4s;
}

._7a2ece39b69de8d1-srOnly{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border:0;
}

@keyframes _7a2ece39b69de8d1-spinnerPulsingEllipsis{
	0%{
		opacity:1;
		transform:scale(1);
	}
	50%{
		opacity:0.3;
		transform:scale(0.8);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}

._3d2920e34c2125a8-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._3d2920e34c2125a8-description{
	margin:0;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._3d2920e34c2125a8-loading{
	display:flex;
	align-items:center;
	justify-content:center;
}

._3d2920e34c2125a8-methodSelector{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
}

._3d2920e34c2125a8-smsSection{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._3d2920e34c2125a8-webauthnReady{
	display:flex;
	align-items:center;
	justify-content:center;
}

._3d2920e34c2125a8-error{
	margin:0;
	font-size:0.875rem;
	color:#d93025;
	color:var(--danger, #d93025);
}

._3d2920e34c2125a8-footerActions{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	gap:0.5rem;
	width:100%;
}

._3d2920e34c2125a8-footerActions > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._3d2920e34c2125a8-srOnly{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border:0;
}

._0ae3412f8b839fbf-markup{
	font-size:inherit;
	line-height:1.5;
	color:var(--text-chat);
	word-wrap:break-word;
	overflow-wrap:break-word;
	-webkit-hyphens:none;
	    -ms-hyphens:none;
	        hyphens:none;
	white-space:break-spaces;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	text-align:left;
}

._0ae3412f8b839fbf-bio{
	font-size:14px;
	line-height:1.28571;
}

._0ae3412f8b839fbf-markup *::-moz-selection{
	background-color:var(--text-selection);
}

._0ae3412f8b839fbf-markup *::selection{
	background-color:var(--text-selection);
}

._0ae3412f8b839fbf-markup p{
	margin:0 0 0.75rem;
}

._0ae3412f8b839fbf-markup strong{
	font-weight:600;
}

._0ae3412f8b839fbf-markup em{
	font-style:italic;
}

._0ae3412f8b839fbf-markup s,
._0ae3412f8b839fbf-markup del{
	text-decoration:line-through;
	color:var(--text-tertiary);
}

._0ae3412f8b839fbf-markup u{
	text-decoration:underline;
	text-decoration-thickness:from-font;
	text-underline-offset:0.15em;
}

._0ae3412f8b839fbf-markup h1,
._0ae3412f8b839fbf-markup h2,
._0ae3412f8b839fbf-markup h3,
._0ae3412f8b839fbf-markup h4,
._0ae3412f8b839fbf-markup h5,
._0ae3412f8b839fbf-markup h6{
	margin:1.25rem 0 0.75rem;
	line-height:1.2;
	font-weight:600;
	color:var(--text-primary);
	scroll-margin-top:1.25rem;
}

._0ae3412f8b839fbf-markup h1:first-child,
._0ae3412f8b839fbf-markup h2:first-child,
._0ae3412f8b839fbf-markup h3:first-child,
._0ae3412f8b839fbf-markup h4:first-child,
._0ae3412f8b839fbf-markup h5:first-child,
._0ae3412f8b839fbf-markup h6:first-child{
	margin-top:0.25rem;
}

._0ae3412f8b839fbf-markup h1{
	font-size:1.75rem;
	letter-spacing:-0.02em;
	padding-bottom:0.25rem;
	border-bottom:1px solid var(--border-color);
}

._0ae3412f8b839fbf-markup h2{
	font-size:1.5rem;
	letter-spacing:-0.015em;
	padding-bottom:0.25rem;
	border-bottom:1px solid var(--border-color);
}

._0ae3412f8b839fbf-markup h3{
	font-size:1.25rem;
	letter-spacing:-0.01em;
}

._0ae3412f8b839fbf-markup h4{
	font-size:1.125rem;
}

._0ae3412f8b839fbf-markup h5{
	font-size:1rem;
}

._0ae3412f8b839fbf-markup h6{
	font-size:0.875rem;
	text-transform:uppercase;
	letter-spacing:0.05em;
	color:var(--text-secondary);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-link{
	color:var(--text-link);
	text-decoration:none;
	-webkit-text-decoration:var(--link-decoration, none);
	        text-decoration:var(--link-decoration, none);
	transition:color var(--transition-fast), border-color var(--transition-fast);
	font-weight:inherit;
	word-break:break-word;
	overflow-wrap:anywhere;
	cursor:pointer;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-link:hover{
	color:var(--text-link);
	text-decoration:underline;
}

._0ae3412f8b839fbf-markup ul,
._0ae3412f8b839fbf-markup ol{
	margin:0.25rem 0 0 0;
	padding:0;
	list-style:none;
}

._0ae3412f8b839fbf-markup li{
	margin-bottom:0.25rem;
}

._0ae3412f8b839fbf-markup li:last-child{
	margin-bottom:0;
}

._0ae3412f8b839fbf-markup ul > li{
	position:relative;
	padding-left:1em;
}

._0ae3412f8b839fbf-markup ul > li::before{
	content:'•';
	position:absolute;
	left:0;
	font-weight:900;
}

._0ae3412f8b839fbf-markup ol{
	counter-reset:list-counter;
}

._0ae3412f8b839fbf-markup ol > li{
	position:relative;
	padding-left:1.25em;
	counter-increment:list-counter;
}

._0ae3412f8b839fbf-markup ol > li::before{
	content:counter(list-counter) '.';
	position:absolute;
	left:0;
}

._0ae3412f8b839fbf-markup li > ul,
._0ae3412f8b839fbf-markup li > ol{
	margin-top:0.25rem;
	margin-bottom:0;
}

._0ae3412f8b839fbf-markup ul ul > li::before,
._0ae3412f8b839fbf-markup ol ul > li::before{
	content:'◦';
}

._0ae3412f8b839fbf-markup ul ul ul > li::before{
	content:'▪';
}

._0ae3412f8b839fbf-markup ol ol{
	counter-reset:nested-counter;
}

._0ae3412f8b839fbf-markup ol ol > li{
	counter-increment:nested-counter;
}

._0ae3412f8b839fbf-markup ol ol > li::before{
	content:counter(nested-counter, lower-alpha) '.';
}

._0ae3412f8b839fbf-markup ol ol ol{
	counter-reset:deep-counter;
}

._0ae3412f8b839fbf-markup ol ol ol > li{
	counter-increment:deep-counter;
}

._0ae3412f8b839fbf-markup ol ol ol > li::before{
	content:counter(deep-counter, lower-roman) '.';
}

._0ae3412f8b839fbf-markup code._0ae3412f8b839fbf-inline{
	font-family:var(--font-mono);
	font-size:0.85em;
	background-color:var(--bg-code);
	color:var(--text-code);
	padding:0.15em 0.3em;
	margin:-0.15em 0;
	border-radius:var(--radius-sm);
	white-space:pre-wrap;
	-webkit-box-decoration-break:clone;
	        box-decoration-break:clone;
	transition:background-color var(--transition-fast);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-link code._0ae3412f8b839fbf-inline{
	color:inherit;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-codeContainer{
	position:relative;
	border-radius:var(--radius-md);
	background-color:var(--bg-code-block);
	overflow-x:auto;
	max-width:min(100%, 42rem);
	box-sizing:border-box;
	border:1px solid var(--border-color);
	padding:0.75rem;
}

._0ae3412f8b839fbf-markup pre{
	font-family:var(--font-mono);
	font-size:0.75rem;
	line-height:1rem;
	white-space:pre-wrap;
	background-clip:border-box;
	margin:0;
	overflow-x:auto;
	padding:0;
}

._0ae3412f8b839fbf-markup pre code{
	display:block;
	color:var(--text-primary);
	background:none;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	white-space:inherit;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-codeActions{
	position:absolute;
	top:0.25rem;
	right:0.25rem;
	display:flex;
	gap:0.125rem;
	opacity:0;
	transition:opacity var(--transition-normal);
	z-index:10;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-codeContainer:hover ._0ae3412f8b839fbf-codeActions,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-codeContainer:focus-within ._0ae3412f8b839fbf-codeActions{
	opacity:1;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-codeActionsVisible{
	display:block;
	opacity:1;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-codeActions > div,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-codeActions > button{
	background-color:var(--bg-secondary);
	color:var(--text-secondary);
	border:none;
	border-radius:var(--radius-sm);
	padding:4px;
	cursor:pointer;
	transition:background-color var(--transition-fast), color var(--transition-fast);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-codeActions > button:hover{
	background-color:var(--bg-hover);
	color:var(--text-primary);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-no-webkit-scrollbar code{
	scrollbar-width:thin;
	scrollbar-color:var(--background-tertiary) var(--background-primary);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-blockquoteContainer{
	display:flex;
	margin-top:0.25rem;
	margin-bottom:0.25rem;
	width:100%;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-blockquoteDivider{
	width:4px;
	border-radius:4px;
	background-color:var(--interactive-muted);
	flex-shrink:0;
	margin-right:0.75rem;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-blockquoteContent{
	padding:0.25rem 0;
	width:100%;
	color:var(--text-chat-muted);
}

._0ae3412f8b839fbf-markup blockquote{
	margin:0;
	padding:0;
	border:none;
	background:none;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-blockquoteContent ._0ae3412f8b839fbf-blockquoteContainer{
	margin-top:0.25rem;
	margin-bottom:0.25rem;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-blockquoteContent ._0ae3412f8b839fbf-blockquoteDivider{
	opacity:0.7;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableContainer{
	margin:0 0 0.75rem 0;
	overflow-x:auto;
	display:inline-block;
	max-width:100%;
	-webkit-overflow-scrolling:touch;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableContainer + h1,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableContainer + h2,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableContainer + h3,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableContainer + h4,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableContainer + h5,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableContainer + h6{
	margin-top:0;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-table{
	border-collapse:separate;
	border-spacing:0;
	margin:0;
	width:auto;
	font-size:0.875rem;
	border:1px solid var(--border-color);
	border-radius:var(--radius-md);
	overflow:hidden;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableHeader{
	background:var(--bg-table-header);
	font-weight:600;
	color:var(--text-primary);
	border-bottom:1px solid var(--border-color);
	padding:0.5rem 0.75rem;
	white-space:normal;
	word-wrap:break-word;
	overflow-wrap:break-word;
	text-align:left;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableCell{
	border-bottom:1px solid var(--border-color);
	padding:0.5rem 0.75rem;
	text-align:left;
	background:var(--bg-table-row-odd);
	vertical-align:middle;
	line-height:1.4;
	white-space:normal;
	word-wrap:break-word;
	overflow-wrap:break-word;
	-webkit-hyphens:none;
	    -ms-hyphens:none;
	        hyphens:none;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-table tbody tr:last-child ._0ae3412f8b839fbf-tableCell{
	border-bottom:none;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-table tbody tr:nth-child(odd) ._0ae3412f8b839fbf-tableCell{
	background:var(--bg-table-row-odd);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-table tbody tr:nth-child(even) ._0ae3412f8b839fbf-tableCell{
	background:var(--bg-table-row-even);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alignLeft{
	text-align:left;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alignCenter{
	text-align:center;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alignRight{
	text-align:right;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alert{
	position:relative;
	padding:0.375rem 0.75rem 0.375rem 1rem;
	margin-top:0.25rem;
	border-radius:var(--radius-md);
	background:transparent;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alert::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:4px;
	border-radius:4px;
	background-color:currentColor;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alertIcon{
	display:inline-block;
	width:1em;
	height:1em;
	margin-right:0.25rem;
	vertical-align:text-bottom;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alertTitle{
	display:inline-flex;
	align-items:center;
	font-weight:600;
	margin-bottom:0.25rem;
	font-size:0.9375rem;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alertContent{
	margin-top:0.25rem;
	color:var(--text-chat);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alertContent > :first-child{
	margin-top:0;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alertContent > :last-child{
	margin-bottom:0;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alertNote{
	color:var(--alert-note-color);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alertTip{
	color:var(--alert-tip-color);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alertImportant{
	color:var(--alert-important-color);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alertWarning{
	color:var(--alert-warning-color);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alertCaution{
	color:var(--alert-caution-color);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-mention{
	border-radius:var(--radius-md);
	padding:0 0.25rem;
	font-weight:500;
	unicode-bidi:-webkit-plaintext;
	unicode-bidi:-moz-plaintext;
	unicode-bidi:plaintext;
	color:var(--markup-mention-text);
	background-color:var(--markup-mention-fill);
	border:1px solid var(--markup-mention-border);
	transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
	display:inline;
	align-items:center;
	white-space:nowrap;
	vertical-align:baseline;
	line-height:inherit;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-mention svg{
	width:1em;
	height:1em;
	margin-right:0.1em;
	margin-top:-0.1em;
	flex-shrink:0;
	display:inline-block;
	vertical-align:middle;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-mention._0ae3412f8b839fbf-interactive{
	cursor:pointer;
	display:inline;
	align-items:center;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-mention._0ae3412f8b839fbf-interactive:hover,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-mention._0ae3412f8b839fbf-interactive:focus-visible{
	background-color:var(--markup-interactive-hover-fill);
	color:var(--markup-interactive-hover-text);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-timestamp{
	background-color:var(--background-modifier-hover);
	border-radius:3px;
	padding:0 2px;
	white-space:nowrap;
	font-family:var(--font-mono);
	font-size:0.85em;
	color:var(--text-secondary);
	cursor:default;
	transition:background-color var(--transition-fast);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-timestamp:hover{
	background-color:var(--bg-hover);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-spoilerWrapper{
	display:inline;
	margin:0;
	max-width:100%;
	vertical-align:baseline;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-blockSpoilerWrapper{
	display:block;
	margin:0.25rem 0;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-spoiler,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-blockSpoiler{
	position:relative;
	cursor:pointer;
	line-height:inherit;
	white-space:inherit;
	vertical-align:baseline;
	box-sizing:border-box;
	font-family:inherit;
	color:inherit;
	background:none;
	border:none;
	text-align:inherit;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-spoiler{
	display:inline;
	border-radius:var(--spoiler-border-radius);
	padding:0 2px;
	margin:0;
	width:auto;
	max-width:100%;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-spoiler:focus-visible{
	outline:2px solid var(--text-link);
	outline-offset:2px;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-blockSpoiler{
	padding:0.5rem;
	display:block;
	width:100%;
	box-sizing:border-box;
	background-color:var(--bg-tertiary);
	border-radius:var(--radius-md);
}

._0ae3412f8b839fbf-markup :is(._0ae3412f8b839fbf-spoiler, ._0ae3412f8b839fbf-blockSpoiler):not([data-revealed='true']){
	background-color:var(--spoiler-overlay-color);
	border-radius:inherit;
	overflow:hidden;
}

._0ae3412f8b839fbf-markup :is(._0ae3412f8b839fbf-spoiler, ._0ae3412f8b839fbf-blockSpoiler):not([data-revealed='true']) ._0ae3412f8b839fbf-spoilerContent{
	opacity:0;
	pointer-events:none;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	transition:opacity 0.2s ease;
	color:transparent;
	-webkit-filter:blur(5px);
	        filter:blur(5px);
}

._0ae3412f8b839fbf-markup :is(._0ae3412f8b839fbf-spoiler, ._0ae3412f8b839fbf-blockSpoiler):not([data-revealed='true']):hover{
	background-color:var(--spoiler-overlay-hover-color);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-spoiler[data-revealed='true']{
	background-color:var(--background-modifier-accent);
	border-radius:var(--spoiler-border-radius);
	cursor:text;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-blockSpoiler[data-revealed='true']{
	background-color:var(--background-modifier-accent);
	border-radius:var(--spoiler-border-radius);
	cursor:text;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-spoiler[data-revealed='true'] ._0ae3412f8b839fbf-spoilerContent,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-blockSpoiler[data-revealed='true'] ._0ae3412f8b839fbf-spoilerContent{
	opacity:1;
	-webkit-filter:none;
	        filter:none;
	transition:opacity 0.2s ease, -webkit-filter 0.2s ease;
	transition:opacity 0.2s ease, filter 0.2s ease;
	transition:opacity 0.2s ease, filter 0.2s ease, -webkit-filter 0.2s ease;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-blockSpoiler ._0ae3412f8b839fbf-spoilerContent > :first-child{
	margin-top:0;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-blockSpoiler ._0ae3412f8b839fbf-spoilerContent > :last-child{
	margin-bottom:0;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-latexCodeBlock{
	width:100%;
	max-width:100%;
	margin:0 0 0.75rem 0;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-latexContent{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	padding:0.75rem;
	overflow-x:auto;
	background:var(--bg-code-block);
	border-radius:var(--radius-md);
	font-size:0.75rem;
	line-height:1rem;
}

._0ae3412f8b839fbf-markup pre ._0ae3412f8b839fbf-latexContent{
	font-family:var(--font-mono);
	padding:0.4em;
	box-sizing:border-box;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-latexCodeBlock ._0ae3412f8b839fbf-codeContainer{
	position:relative;
	width:100%;
	background:var(--bg-code-block);
	border-radius:var(--radius-md);
}

._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat{
	display:inline;
	white-space:normal;
}

._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat h1,
._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat h2,
._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat h3,
._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat h4,
._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat h5,
._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat h6,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat h1,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat h2,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat h3,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat h4,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat h5,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat h6{
	display:inline;
	margin:0;
	font-weight:600;
	font-size:inherit;
	white-space:normal;
	padding-right:0.75rem;
	line-height:1.25em;
	color:inherit;
	border:none;
}

._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat p,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat p{
	display:inline;
	margin:0;
}

._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat ul,
._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat ol,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat ul,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat ol{
	display:inline;
	margin:0;
	padding:0 0.5rem 0 0;
}

._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat li,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat li{
	display:inline;
	margin:0;
	padding-right:0.5rem;
}

._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat li:before,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat li:before{
	content:'•';
	padding-right:0.25rem;
}

._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat li li:before,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat li li:before{
	content:'•';
	font-size:0.625rem;
	padding:0 0.25rem 0.25rem;
	line-height:1rem;
}

._0ae3412f8b839fbf-markup._0ae3412f8b839fbf-inlineFormat blockquote,
._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-inlineFormat blockquote{
	display:inline;
	margin:0;
	border:none;
	padding:0;
}

._0ae3412f8b839fbf-markup small._0ae3412f8b839fbf-inlineFormat:after{
	content:' ';
}

._0ae3412f8b839fbf-markup small:not(._0ae3412f8b839fbf-inlineFormat){
	display:block;
	color:var(--text-chat-muted);
	font-size:0.8125rem;
	line-height:1.11719rem;
}

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

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-interactive:hover{
	color:var(--markup-interactive-hover-text);
	background-color:var(--markup-interactive-hover-fill);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-hljs{
	display:block;
	-webkit-text-size-adjust:none;
	   -moz-text-size-adjust:none;
	    -ms-text-size-adjust:none;
	        text-size-adjust:none;
	background:transparent;
	color:var(--text-code);
	overflow-x:auto;
	padding:0;
}

.theme-light ._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-hljs{
	box-shadow:inset 0 1px 0 color-mix(in srgb, #fff 80%, transparent);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-error{
	color:var(--accent-danger);
	padding:0.25rem 0.5rem;
	background-color:hsla(358, calc(85% * var(--saturation-factor)), 60%, 0.1);
	border-radius:var(--radius-md);
	margin:0.25rem 0;
	border-left:3px solid var(--accent-danger);
	font-family:var(--font-mono);
	font-size:0.9em;
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-forwardedMessage{
	display:flex;
	margin:0.5rem 0;
	padding:0.5rem 0.75rem;
	background-color:var(--background-modifier-hover);
	border-left:4px solid var(--interactive-muted);
	border-radius:var(--radius-md);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-forwardedContent{
	flex:1;
	color:var(--text-chat);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-forwardedJumpLink{
	display:inline-block;
	margin-top:0.5rem;
	font-size:0.875rem;
	color:var(--text-link);
	text-decoration:none;
	cursor:pointer;
	transition:color var(--transition-fast);
}

._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-forwardedJumpLink:hover{
	color:var(--text-link);
	text-decoration:underline;
}

@media (max-width: 768px){
	._0ae3412f8b839fbf-markup h1{
		font-size:1.5rem;
	}

	._0ae3412f8b839fbf-markup h2{
		font-size:1.35rem;
	}

	._0ae3412f8b839fbf-markup h3{
		font-size:1.2rem;
	}

	._0ae3412f8b839fbf-markup h4{
		font-size:1.05rem;
	}

	._0ae3412f8b839fbf-markup pre{
		padding:0.25rem;
	}

	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-codeContainer{
		width:100%;
		max-width:100%;
		padding:0.625rem;
	}

	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableContainer{
		max-width:100%;
		display:block;
		width:100%;
	}

	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-table{
		width:100%;
		min-width:100%;
	}

	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alert{
		padding:0.375rem 0.5rem 0.375rem calc(0.5rem + 3px);
	}
}

@media (max-width: 640px){
	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-codeContainer{
		padding:0.5rem;
		border-radius:var(--radius-sm);
	}

	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableContainer{
		display:block;
		width:100%;
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
	}

	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-table{
		width:100%;
		min-width:-webkit-max-content;
		min-width:-moz-max-content;
		min-width:max-content;
		table-layout:fixed;
	}

	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableCell,
	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableHeader{
		min-width:72px;
		padding:0.4375rem 0.5rem;
		white-space:normal;
	}
}

@media print{
	._0ae3412f8b839fbf-markup{
		color:#000;
	}

	._0ae3412f8b839fbf-markup a{
		color:#0077cc;
		text-decoration:underline;
	}

	._0ae3412f8b839fbf-markup code{
		background-color:#f5f5f5;
		border:1px solid #ddd;
	}

	._0ae3412f8b839fbf-markup pre{
		background-color:#f5f5f5;
		border:1px solid #ddd;
	}

	._0ae3412f8b839fbf-markup pre code{
		background-color:#f5f5f5;
		border:none;
	}

	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableContainer{
		border:1px solid #ddd;
	}

	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-tableHeader{
		background-color:#f0f0f0;
	}

	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-alert{
		border:1px solid #ddd;
		padding:0.5em;
	}

	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-spoiler[data-revealed='true'] ._0ae3412f8b839fbf-spoilerContent{
		opacity:1;
		-webkit-filter:none;
		        filter:none;
	}

	._0ae3412f8b839fbf-markup ._0ae3412f8b839fbf-spoiler:not([data-revealed='true']){
		background-color:#eee;
		color:#666;
	}
}

._663dd919d28ff40f-icon{
	height:1rem;
	width:1rem;
}

._3c71b2654df4a8e7-container{
	display:flex;
	flex-direction:column;
	width:100vw;
	height:100dvh;
	margin-left:0;
	overflow:hidden;
	color:var(--text-primary);
	background:transparent;
	box-shadow:none;
	pointer-events:none;
}

._3c71b2654df4a8e7-backdrop{
	will-change:opacity, backdrop-filter;
	transition:opacity var(--motion-dur-medium) var(--motion-ease-snap);
}

._3c71b2654df4a8e7-surfacePrimary{
	--sheet-surface:var(--background-primary);
	--sheet-surface-elevated:var(--background-secondary);
}

._3c71b2654df4a8e7-surfaceSecondary{
	--sheet-surface:var(--background-secondary);
	--sheet-surface-elevated:var(--background-secondary);
}

._3c71b2654df4a8e7-surfaceTertiary{
	--sheet-surface:var(--background-tertiary);
	--sheet-surface-elevated:var(--background-tertiary);
}

._3c71b2654df4a8e7-root{
	display:flex;
	flex-direction:column;
	height:calc(100dvh * 1);
	height:calc(100dvh * var(--sheet-open-snap, 1));
	max-height:100dvh;
	margin-top:auto;
	min-height:0;
	background-color:var(--sheet-surface, var(--background-secondary));
	border-top-left-radius:18px;
	border-top-right-radius:18px;
	overflow:hidden;
	box-shadow:0 -12px 32px rgba(0, 0, 0, 0.24);
	pointer-events:auto;
}

._3c71b2654df4a8e7-handle{
	display:flex;
	width:100%;
	justify-content:center;
	align-items:center;
	padding:calc(14px + max(0px, 6px)) 0 10px;
	padding:calc(14px + max(var(--safe-area-top, 0px), 6px)) 0 10px;
	background:transparent;
	cursor:-webkit-grab;
	cursor:grab;
	touch-action:pan-y;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:transparent;
}

._3c71b2654df4a8e7-handle:active{
	cursor:-webkit-grabbing;
	cursor:grabbing;
}

._3c71b2654df4a8e7-handleBar{
	height:5px;
	width:54px;
	border-radius:9999px;
	background-color:var(--text-primary-muted);
	opacity:0.58;
}

._3c71b2654df4a8e7-header{
	background-color:var(--sheet-surface, var(--background-secondary));
	padding:16px 20px;
}

._3c71b2654df4a8e7-headerBorder{
	border-bottom:1px solid var(--background-modifier-accent);
}

._3c71b2654df4a8e7-headerSafeArea{
	padding-top:calc(16px + max(0px, 10px));
	padding-top:calc(16px + max(var(--safe-area-top, 0px), 10px));
	padding-right:calc(20px + max(0px, 4px));
	padding-right:calc(20px + max(var(--safe-area-right, 0px), 4px));
	padding-left:calc(20px + max(0px, 4px));
	padding-left:calc(20px + max(var(--safe-area-left, 0px), 4px));
}

._3c71b2654df4a8e7-headerPaddingSm{
	padding-top:12px;
	padding-bottom:12px;
}

._3c71b2654df4a8e7-headerPaddingMd{
	padding-top:16px;
	padding-bottom:16px;
}

._3c71b2654df4a8e7-headerPaddingLg{
	padding-top:20px;
	padding-bottom:20px;
}

._3c71b2654df4a8e7-headerGrid{
	display:grid;
	grid-template-columns:minmax(48px, auto) minmax(0, 1fr) minmax(48px, auto);
	align-items:center;
	grid-gap:12px;
	gap:12px;
}

._3c71b2654df4a8e7-headerSlot{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	color:inherit;
}

._3c71b2654df4a8e7-headerSlotLeading{
	justify-content:flex-start;
}

._3c71b2654df4a8e7-headerSlotTrailing{
	justify-content:flex-end;
}

._3c71b2654df4a8e7-headerCenter{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
	min-width:0;
	gap:4px;
}

._3c71b2654df4a8e7-headerAlignStart ._3c71b2654df4a8e7-headerCenter{
	align-items:flex-start;
	text-align:left;
}

._3c71b2654df4a8e7-headerAlignEnd ._3c71b2654df4a8e7-headerCenter{
	align-items:flex-end;
	text-align:right;
}

._3c71b2654df4a8e7-headerContent{
	min-width:0;
}

._3c71b2654df4a8e7-headerAfter{
	margin-top:14px;
	width:100%;
}

._3c71b2654df4a8e7-title{
	margin:0;
	font-weight:600;
	font-size:18px;
	line-height:1.25;
	color:var(--text-primary);
}

._3c71b2654df4a8e7-subtitle{
	margin:0;
	font-size:13px;
	line-height:1.35;
	color:var(--text-secondary);
}

._3c71b2654df4a8e7-content{
	flex:1;
	display:flex;
	flex-direction:column;
	min-height:0;
	background-color:var(--sheet-surface, var(--background-secondary));
	padding:0 20px;
}

._3c71b2654df4a8e7-contentNoPadding{
	padding:0;
}

._3c71b2654df4a8e7-contentInner{
	flex:1;
	overflow-y:auto;
	overflow-x:hidden;
	-ms-scroll-chaining:none;
	    overscroll-behavior:contain;
	padding-bottom:calc(24px + 0px);
	padding-bottom:calc(24px + var(--safe-area-bottom, 0px));
}

._3c71b2654df4a8e7-contentNoPadding ._3c71b2654df4a8e7-contentInner{
	padding-bottom:0;
}

._3c71b2654df4a8e7-contentStatic{
	overflow:visible;
}

._3c71b2654df4a8e7-section{
	padding:20px;
	background-color:var(--sheet-surface, var(--background-secondary));
}

._3c71b2654df4a8e7-footer{
	padding:18px 20px;
	padding-bottom:calc(20px + 0px);
	padding-bottom:calc(20px + var(--safe-area-bottom, 0px));
	background-color:var(--sheet-surface, var(--background-secondary));
	border-top:1px solid var(--background-modifier-accent);
}

._3c71b2654df4a8e7-footerNoBorder{
	border-top:none;
}

._3c71b2654df4a8e7-actions{
	display:flex;
	align-items:center;
	gap:10px;
	justify-content:flex-end;
}

._3c71b2654df4a8e7-divider{
	height:1px;
	width:100%;
	background-color:var(--background-header-secondary);
	opacity:0.55;
}

._3c71b2654df4a8e7-closeButton{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:40px;
	min-height:40px;
	padding:8px;
	color:var(--text-primary);
	border-radius:9999px;
	background-color:transparent;
	border:0;
	transition:background-color 0.15s, transform 0.15s;
	cursor:pointer;
}

._3c71b2654df4a8e7-closeButton:hover{
	background-color:var(--background-modifier-hover);
}

._3c71b2654df4a8e7-closeButton:active{
	background-color:var(--background-modifier-selected);
	transform:translateY(1px);
}

._3c71b2654df4a8e7-closeButton svg{
	width:1.2rem;
	height:1.2rem;
}

@media (min-width: 900px){
	._3c71b2654df4a8e7-container{
		width:100vw;
		height:100dvh;
	}

	._3c71b2654df4a8e7-headerSafeArea{
		padding-top:16px;
	}
}

@media (prefers-reduced-motion: reduce){
	._3c71b2654df4a8e7-backdrop{
		backdrop-filter:none !important;
		-webkit-backdrop-filter:none !important;
	}
}

.de0924cb5a434c53-content{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
	padding:1rem 1rem 2rem;
}

.de0924cb5a434c53-emojiContainer{
	display:flex;
	align-items:center;
	justify-content:center;
}

.de0924cb5a434c53-emoji{
	width:80px;
	height:80px;
	object-fit:contain;
}

.de0924cb5a434c53-nativeEmoji{
	font-size:80px;
	line-height:1;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

.de0924cb5a434c53-infoContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.25rem;
}

.de0924cb5a434c53-emojiName{
	font-size:1.125rem;
	font-weight:600;
	color:var(--text-primary);
}

.de0924cb5a434c53-subtext{
	font-size:0.875rem;
	color:var(--text-secondary);
}

.ca9b46cca98e9757-container{
	width:2.75rem;
	width:var(--guild-icon-size, 2.75rem);
	height:2.75rem;
	height:var(--guild-icon-size, 2.75rem);
	display:flex;
	flex:0 0 auto;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:9999px;
	font-weight:600;
	color:var(--text-tertiary);
	background-color:var(--background-tertiary);
	background-image:none;
	background-image:var(--guild-icon-image, none);
	background-position:center;
	background-size:cover;
	transition:background-image 0.3s ease-in-out;
	container-type:inline-size;
}

.ca9b46cca98e9757-containerNoIcon{
	background-image:none;
	background-color:var(--background-tertiary);
}

.ca9b46cca98e9757-initials{
	align-self:center;
	line-height:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	width:100%;
	text-align:center;
	font-size:clamp(0.85rem, 45cqi, 1.35rem);
	letter-spacing:0.06em;
}

.ca9b46cca98e9757-container[data-initials-length='medium'] .ca9b46cca98e9757-initials{
	font-size:clamp(0.85rem, 38cqi, 1.11rem);
	letter-spacing:0.02em;
}

.ca9b46cca98e9757-container[data-initials-length='long'] .ca9b46cca98e9757-initials{
	font-size:clamp(0.85rem, 32cqi, 0.87rem);
	letter-spacing:-0.02em;
}

@media (prefers-reduced-motion: reduce){
	.ca9b46cca98e9757-container{
		transition:none;
	}
}

.c2420018d307fb93-tooltip{
	position:relative;
	z-index:var(--z-index-tooltip);
	pointer-events:none;
	will-change:opacity, transform;
	box-sizing:border-box;
	max-width:190px;
	border:1px solid var(--background-header-secondary);
	border-radius:8px;
	color:var(--text-primary);
	font-size:14px;
	font-weight:600;
	line-height:16px;
	word-wrap:break-word;
}

.c2420018d307fb93-tooltipPointer{
	width:0;
	height:0;
	border:0 solid transparent;
	border-width:5px;
	pointer-events:none;
	border-top-color:var(--tooltip-pointer-bg);
}

.c2420018d307fb93-tooltipContent{
	padding:8px 12px;
	overflow:hidden;
	white-space:normal;
	word-break:break-word;
	text-align:center;
}

.c2420018d307fb93-tooltipContentLarge{
	
	padding:12px 16px;
	font-size:1rem;
}

.c2420018d307fb93-tooltipTop{
	transform-origin:50% 100%;
}

.c2420018d307fb93-tooltipTop .c2420018d307fb93-tooltipPointer{
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-5px;
}

.c2420018d307fb93-tooltipCenter,
.c2420018d307fb93-tooltipBottom{
	transform-origin:50% 0%;
}

.c2420018d307fb93-tooltipCenter .c2420018d307fb93-tooltipPointer,
.c2420018d307fb93-tooltipBottom .c2420018d307fb93-tooltipPointer{
	position:absolute;
	bottom:100%;
	left:50%;
	margin-left:-5px;
	border-top-width:5px;
	transform:rotate(180deg);
}

.c2420018d307fb93-tooltipLeft{
	transform-origin:100% 50%;
}

.c2420018d307fb93-tooltipLeft .c2420018d307fb93-tooltipPointer{
	position:absolute;
	left:100%;
	top:50%;
	margin-top:-5px;
	border-right-width:5px;
	transform:rotate(270deg);
}

.c2420018d307fb93-tooltipRight{
	transform-origin:0% 50%;
}

.c2420018d307fb93-tooltipRight .c2420018d307fb93-tooltipPointer{
	position:absolute;
	right:100%;
	top:50%;
	margin-top:-5px;
	border-left-width:5px;
	transform:rotate(90deg);
}

.c2420018d307fb93-tooltipPrimary{
	--tooltip-pointer-bg:var(--background-primary);
	background-color:var(--background-primary);
}

.c2420018d307fb93-tooltipPrimary .c2420018d307fb93-tooltipPointer{
	border-top-color:var(--background-primary);
}

.c2420018d307fb93-tooltipPointer:not(.c2420018d307fb93-tooltipPointerBg){
	z-index:1;
}

.c2420018d307fb93-tooltipPointer.c2420018d307fb93-tooltipPointerBg{
	--border-width:5px;
}

.c2420018d307fb93-tooltipPrimary .c2420018d307fb93-tooltipPointer.c2420018d307fb93-tooltipPointerBg{
	--tooltip-pointer-bg:var(--background-header-secondary);
	border-top-color:var(--background-header-secondary);
}

.c2420018d307fb93-tooltipPrimary .c2420018d307fb93-tooltipPointer:not(.c2420018d307fb93-tooltipPointerBg){
	border-top-color:var(--background-primary);
	z-index:1;
}

.c2420018d307fb93-tooltipRed{
	--tooltip-pointer-bg:var(--status-danger);
	background-color:var(--status-danger);
}

.c2420018d307fb93-tooltipRed .c2420018d307fb93-tooltipPointer{
	border-top-color:var(--status-danger);
}

.c2420018d307fb93-tooltipTop .c2420018d307fb93-tooltipPointer:not(.c2420018d307fb93-tooltipPointerBg){
	margin-top:-1.5px;
}

.c2420018d307fb93-tooltipLeft .c2420018d307fb93-tooltipPointer:not(.c2420018d307fb93-tooltipPointerBg){
	margin-left:-1.5px;
}

.c2420018d307fb93-tooltipRight .c2420018d307fb93-tooltipPointer:not(.c2420018d307fb93-tooltipPointerBg){
	margin-right:-1.5px;
}

.c2420018d307fb93-tooltipBottom .c2420018d307fb93-tooltipPointer:not(.c2420018d307fb93-tooltipPointerBg),
.c2420018d307fb93-tooltipCenter .c2420018d307fb93-tooltipPointer:not(.c2420018d307fb93-tooltipPointerBg){
	margin-bottom:-1.5px;
}

.c2420018d307fb93-tooltipPointer.c2420018d307fb93-tooltipPointerBg:before,
.c2420018d307fb93-tooltipPointer.c2420018d307fb93-tooltipPointerBg:after{
	content:'';
	position:absolute;
	border-left:var(--border-width) solid transparent;
	border-right:var(--border-width) solid transparent;
	top:100%;
	left:50%;
	margin-left:calc(-1 * var(--border-width));
}

.c2420018d307fb93-tooltipPointer.c2420018d307fb93-tooltipPointerBg:before{
	border-top:var(--border-width) solid var(--tooltip-pointer-bg);
	margin-top:-5px;
}

.c2420018d307fb93-tooltipPointer.c2420018d307fb93-tooltipPointerBg:after{
	border-top:var(--border-width) solid var(--background-header-secondary);
	margin-top:-5px;
	z-index:1;
}

.c2420018d307fb93-tooltips{
	background:none;
	inset:0;
	pointer-events:none;
	position:fixed;
	z-index:var(--z-index-tooltip);
}

.c2420018d307fb93-triggerWrapper{
	display:inline-flex;
}

.a229ea2b934be85d-container{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.a229ea2b934be85d-text{
	color:var(--text-secondary);
	font-size:0.875rem;
	line-height:1.4;
}

.a229ea2b934be85d-guildRow{
	display:flex;
	align-items:center;
	gap:0;
}

.a229ea2b934be85d-guildIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	margin-right:0.25rem;
	--guild-icon-size:1.25rem;
}

.a229ea2b934be85d-guildName{
	color:var(--text-primary);
	font-size:0.875rem;
	font-weight:500;
	line-height:1.25;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-right:0.125rem;
}

.a229ea2b934be85d-verifiedIcon{
	width:1rem;
	height:1rem;
	flex-shrink:0;
	color:var(--text-primary);
	margin-left:0.125rem;
}

.aba4f61993662a34-container{
	max-width:288px;
	padding:16px;
	overflow:hidden;
	background:var(--background-secondary);
	font-weight:600;
	color:var(--text-primary);
	border-radius:0.75rem;
	border:1px solid var(--background-modifier-accent);
	box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);
}

.aba4f61993662a34-emoji{
	width:32px;
	height:32px;
}

.aba4f61993662a34-textContainer{
	margin-left:12px;
	font-size:14px;
	line-height:1.28571;
	color:var(--text-primary);
	display:flex;
	flex-direction:column;
	gap:4px;
	min-height:56px;
	min-width:160px;
	justify-content:center;
}

.aba4f61993662a34-loading{
	align-items:center;
}

.aba4f61993662a34-subtext{
	font-size:12px;
	font-weight:400;
	color:var(--text-secondary);
	opacity:0.8;
}

.aba4f61993662a34-inner{
	pointer-events:all;
	display:flex;
	align-items:center;
	word-break:break-word;
	-webkit-hyphens:auto;
	    -ms-hyphens:auto;
	        hyphens:auto;
}

button.aba4f61993662a34-inner{
	cursor:pointer;
}

button.aba4f61993662a34-inner:hover a{
	text-decoration:underline;
}

.c2f1be511f5350ed-actionBarContainer{
	position:absolute;
	top:-16px;
	right:0;
	z-index:var(--z-index-elevated-1);
	padding:0 14px 0 32px;
}

.c2f1be511f5350ed-actionBar{
	display:grid;
	position:relative;
	box-sizing:border-box;
	align-items:center;
	justify-content:flex-start;
	grid-auto-flow:column;
	padding:2px;
	background-color:var(--background-primary);
	border:1px solid var(--background-header-secondary);
	border-radius:0.7rem;
	box-shadow:0 8px 22px rgb(0 0 0 / 0.18);
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

.c2f1be511f5350ed-button{
	display:flex;
	position:relative;
	align-items:center;
	justify-content:center;
	padding:4px;
	height:30px;
	min-width:30px;
	border-radius:0.48rem;
	color:var(--text-tertiary);
	cursor:pointer;
}
@media (pointer: coarse){
	.c2f1be511f5350ed-button{
		height:44px;
		min-width:44px;
		padding:8px;
	}
}

.c2f1be511f5350ed-button:hover,
.c2f1be511f5350ed-button.c2f1be511f5350ed-active{
	color:var(--text-primary);
	background-color:var(--background-modifier-hover);
	transform:translateY(-1px);
}

.c2f1be511f5350ed-button.c2f1be511f5350ed-danger{
	color:var(--status-danger);
}

.c2f1be511f5350ed-actionBarIcon{
	width:20px;
	height:20px;
	display:block;
	object-fit:contain;
}

.c2f1be511f5350ed-tooltipContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.25rem;
}

.c2f1be511f5350ed-tooltipHint{
	color:var(--text-primary-muted);
	font-size:0.75rem;
}

.c2f1be511f5350ed-emojiImage{
	height:1.25rem;
	width:1.25rem;
}

span.c2f1be511f5350ed-emojiImage{
	font-size:1.25rem;
	line-height:1;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

._17364c109129fed7-row{
	display:flex;
	min-height:0;
	align-items:center;
	gap:1rem;
	border-bottom:none;
	padding:0.75rem 1rem;
}

._17364c109129fed7-feature{
	min-width:0;
	flex:1 1 0%;
}

._17364c109129fed7-featureText{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:rgb(235 229 250);
}

@media (min-width: 768px){
	._17364c109129fed7-featureText{
		font-size:1rem;
		line-height:1.5rem;
	}
}

._17364c109129fed7-valuesContainer{
	display:flex;
	min-width:0;
	flex-shrink:0;
	align-items:center;
	gap:1rem;
}

._17364c109129fed7-valueCell{
	display:flex;
	width:5rem;
	justify-content:center;
}

@media (min-width: 768px){
	._17364c109129fed7-valueCell{
		width:6rem;
	}
}

._17364c109129fed7-checkIcon{
	height:1.25rem;
	width:1.25rem;
	color:rgb(199 166 255);
}

._17364c109129fed7-dash{
	font-size:0.875rem;
	line-height:1.25rem;
	color:rgb(183 173 214);
}

._10e9db312adb75df-row{
	display:flex;
	min-height:0;
	align-items:center;
	gap:1rem;
	border-bottom:none;
	padding:0.75rem 1rem;
}

._10e9db312adb75df-feature{
	min-width:0;
	flex:1 1 0%;
}

._10e9db312adb75df-featureText{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:rgb(235 229 250);
}

@media (min-width: 768px){
	._10e9db312adb75df-featureText{
		font-size:1rem;
		line-height:1.5rem;
	}
}

._10e9db312adb75df-valuesContainer{
	display:flex;
	min-width:0;
	flex-shrink:0;
	align-items:center;
	gap:1rem;
}

._10e9db312adb75df-freeValue{
	width:5rem;
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:rgb(183 173 214);
}

@media (min-width: 768px){
	._10e9db312adb75df-freeValue{
		width:6rem;
	}
}

._10e9db312adb75df-plutoniumValue{
	width:5rem;
	text-align:center;
	font-weight:700;
	font-size:0.875rem;
	line-height:1.25rem;
	color:rgb(199 166 255);
}

@media (min-width: 768px){
	._10e9db312adb75df-plutoniumValue{
		width:6rem;
	}
}

._4da2b6c0c574ca45-table{
	overflow:hidden;
	border-radius:0.85rem;
	border:none;
	background:radial-gradient(circle at 88% -16%, rgb(166 131 255 / 0.2), transparent 42%), rgb(17 14 34 / 0.76);
}

._4da2b6c0c574ca45-header{
	display:flex;
	min-height:0;
	align-items:center;
	gap:1rem;
	border-bottom:none;
	background:linear-gradient(180deg, rgb(48 34 96 / 0.68), rgb(33 24 68 / 0.62));
	padding:0.75rem 1rem;
}

._4da2b6c0c574ca45-headerFeature{
	min-width:0;
	flex:1 1 0%;
}

._4da2b6c0c574ca45-headerFeatureText{
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
	color:rgb(245 240 255);
}

@media (min-width: 768px){
	._4da2b6c0c574ca45-headerFeatureText{
		font-size:1rem;
		line-height:1.5rem;
	}
}

._4da2b6c0c574ca45-headerValues{
	display:flex;
	min-width:0;
	flex-shrink:0;
	align-items:center;
	gap:1rem;
}

._4da2b6c0c574ca45-headerFree{
	width:5rem;
	text-align:center;
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
	color:rgb(206 194 236);
}

@media (min-width: 768px){
	._4da2b6c0c574ca45-headerFree{
		width:6rem;
		font-size:1rem;
		line-height:1.5rem;
	}
}

._4da2b6c0c574ca45-headerPlutonium{
	width:5rem;
	text-align:center;
	font-weight:700;
	font-size:0.875rem;
	line-height:1.25rem;
	color:rgb(196 161 255);
	text-shadow:0 0 12px rgb(131 96 228 / 0.28);
}

@media (min-width: 768px){
	._4da2b6c0c574ca45-headerPlutonium{
		width:6rem;
		font-size:1rem;
		line-height:1.5rem;
	}
}

._4da2b6c0c574ca45-rows{
	display:flex;
	flex-direction:column;
}

._6c8cd05c47934390-giftModeContainer,
._6c8cd05c47934390-mainContainer{
	--plutonium-surface:linear-gradient(165deg, rgb(29 25 54 / 0.86), rgb(17 14 35 / 0.9));
	--plutonium-border:rgb(148 112 255 / 0.28);
	--plutonium-text:rgb(238 234 255);
	--plutonium-muted:rgb(188 180 222 / 0.88);
	display:flex;
	min-height:0;
	flex-direction:column;
	gap:2rem;
	padding-bottom:1.75rem;
	color:rgb(238 234 255);
	color:var(--plutonium-text);
}

._6c8cd05c47934390-mainContainer{
	gap:2.35rem;
}

._6c8cd05c47934390-header{
	position:relative;
	text-align:center;
	padding:1.15rem 0.85rem 1rem;
	border-radius:1.05rem;
	border:none;
	background:radial-gradient(circle at 20% -12%, rgb(154 124 255 / 0.35), transparent 44%), radial-gradient(circle at 80% 112%, rgb(95 168 255 / 0.2), transparent 46%), var(--plutonium-surface);
	box-shadow:0 12px 20px rgb(8 6 20 / 0.24), inset 0 1px 0 rgb(255 255 255 / 0.09);
	overflow:hidden;
	isolation:isolate;
}

._6c8cd05c47934390-header::before,
._6c8cd05c47934390-header::after{
	content:'';
	position:absolute;
	pointer-events:none;
}

._6c8cd05c47934390-header::before{
	inset:0;
	background-image:radial-gradient(circle at 14% 28%, rgb(255 255 255 / 0.36) 0 1px, transparent 1.2px), radial-gradient(circle at 38% 64%, rgb(205 188 255 / 0.32) 0 1px, transparent 1.2px), radial-gradient(circle at 77% 24%, rgb(255 255 255 / 0.32) 0 0.9px, transparent 1.2px), radial-gradient(circle at 88% 74%, rgb(188 225 255 / 0.3) 0 1px, transparent 1.2px);
	opacity:0.32;
}

._6c8cd05c47934390-header::after{
	content:none;
}

._6c8cd05c47934390-iconContainer{
	margin-bottom:0.92rem;
	display:flex;
	justify-content:center;
}

._6c8cd05c47934390-titlePlanet{
	position:relative;
	display:block;
	width:4rem;
	height:4rem;
	animation:_6c8cd05c47934390-planetFloat 7.2s ease-in-out infinite;
}

._6c8cd05c47934390-titlePlanet::before,
._6c8cd05c47934390-titlePlanet::after{
	content:'';
	position:absolute;
	pointer-events:none;
}

._6c8cd05c47934390-titlePlanet::before{
	top:0.22rem;
	left:-0.38rem;
	width:0.22rem;
	height:0.22rem;
	border-radius:999px;
	background:rgb(239 229 255 / 0.92);
	box-shadow:2.6rem -0.2rem 0 rgb(213 194 255 / 0.72), 1.4rem 3.15rem 0 rgb(193 224 255 / 0.68);
	animation:_6c8cd05c47934390-planetStarsTwinkle 3.1s ease-in-out infinite;
}

._6c8cd05c47934390-titlePlanet::after{
	top:-0.24rem;
	left:-0.74rem;
	width:1.4rem;
	height:2px;
	background:linear-gradient(90deg, transparent, rgb(220 238 255 / 0.9), transparent);
	transform:rotate(-34deg) translateX(0);
	opacity:0;
	animation:_6c8cd05c47934390-planetFallingStar 5.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

._6c8cd05c47934390-titlePlanetCore,
._6c8cd05c47934390-titlePlanetRing,
._6c8cd05c47934390-titlePlanetMoon{
	position:absolute;
	pointer-events:none;
}

._6c8cd05c47934390-titlePlanetCore{
	inset:0.68rem;
	border-radius:999px;
	background:radial-gradient(circle at 33% 24%, rgb(255 255 255 / 0.98), transparent 50%), linear-gradient(150deg, #e6d9ff 0%, #aa89ff 46%, #6f43de 100%);
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.76), 0 0 0 1px rgb(103 72 194 / 0.55);
}

._6c8cd05c47934390-titlePlanetRing{
	left:50%;
	top:50%;
	width:3.65rem;
	height:1.2rem;
	border:2px solid rgb(233 220 255 / 0.86);
	border-radius:999px;
	transform:translate(-50%, -50%) rotate(16deg);
	box-shadow:0 0 0 1px rgb(110 76 205 / 0.42), 0 0 18px rgb(168 124 255 / 0.34);
	animation:_6c8cd05c47934390-planetRingDrift 5.8s ease-in-out infinite;
}

._6c8cd05c47934390-titlePlanetMoon{
	top:0.72rem;
	right:0.52rem;
	width:0.6rem;
	height:0.6rem;
	border-radius:999px;
	background:rgb(233 225 255);
	box-shadow:0 0 0 1px rgb(93 61 183 / 0.46), 0 0 6px rgb(201 168 255 / 0.5);
}

._6c8cd05c47934390-title{
	margin-bottom:0.62rem;
	font-weight:750;
	font-size:1.66rem;
	letter-spacing:0.01em;
	line-height:1.1;
	font-family:'Space Grotesk', 'Avenir Next', 'Segoe UI', sans-serif;
	color:rgb(247 244 255);
	text-shadow:0 2px 16px rgb(118 86 255 / 0.32);
}

@media (min-width: 768px){
	._6c8cd05c47934390-title{
		font-size:2rem;
	}
}

._6c8cd05c47934390-description{
	margin-left:auto;
	margin-right:auto;
	max-width:44rem;
	font-size:1rem;
	line-height:1.7;
	color:var(--plutonium-muted);
}

@media (min-width: 768px){
	._6c8cd05c47934390-description{
		font-size:1.06rem;
	}
}

._6c8cd05c47934390-subscriptionSection{
	display:flex;
	min-height:0;
	width:100%;
	flex-direction:column;
	gap:0.92rem;
}

._6c8cd05c47934390-disclaimerContainer{
	display:flex;
	justify-content:center;
}

._6c8cd05c47934390-spinnerContainer{
	display:flex;
	justify-content:center;
	padding-top:2rem;
	padding-bottom:2rem;
}

._6c8cd05c47934390-perksSection{
	display:flex;
	flex-direction:column;
	gap:1rem;
	padding:1rem;
	border-radius:1rem;
	border:none;
	background:radial-gradient(circle at 10% -8%, rgb(154 124 255 / 0.2), transparent 42%), var(--plutonium-surface);
	box-shadow:0 10px 20px rgb(8 7 20 / 0.2), inset 0 1px 0 rgb(255 255 255 / 0.08);
}

._6c8cd05c47934390-comparisonTableContainer{
	margin-top:0.25rem;
	padding:0.65rem;
	border-radius:0.9rem;
	border:none;
	background:rgb(14 12 30 / 0.58);
}

._6c8cd05c47934390-previewContainer{
	border-bottom:none;
	padding-bottom:2rem;
}

@media (prefers-reduced-motion: reduce){
	._6c8cd05c47934390-titlePlanet,
	._6c8cd05c47934390-titlePlanet::before,
	._6c8cd05c47934390-titlePlanet::after,
	._6c8cd05c47934390-titlePlanetRing{
		animation:none;
	}
}

@keyframes _6c8cd05c47934390-planetFloat{
	0%,
	100%{
		transform:translate3d(0, 0, 0);
	}
	50%{
		transform:translate3d(0, -4px, 0);
	}
}

@keyframes _6c8cd05c47934390-planetRingDrift{
	0%,
	100%{
		transform:translate(-50%, -50%) rotate(16deg);
	}
	50%{
		transform:translate(-50%, -50%) rotate(21deg);
	}
}

@keyframes _6c8cd05c47934390-planetStarsTwinkle{
	0%,
	100%{
		opacity:0.46;
	}
	50%{
		opacity:0.88;
	}
}

@keyframes _6c8cd05c47934390-planetFallingStar{
	0%,
	68%,
	100%{
		opacity:0;
		transform:rotate(-34deg) translateX(0);
	}
	80%{
		opacity:0.66;
		transform:rotate(-34deg) translateX(80px);
	}
	88%{
		opacity:0;
		transform:rotate(-34deg) translateX(112px);
	}
}

@media (max-width: 560px){
	._6c8cd05c47934390-giftModeContainer,
	._6c8cd05c47934390-mainContainer{
		gap:1rem;
		padding-bottom:1rem;
		overflow-x:hidden;
	}

	._6c8cd05c47934390-header{
		padding:0.9rem 0.7rem;
		border-radius:0.85rem;
	}

	._6c8cd05c47934390-iconContainer{
		margin-bottom:0.55rem;
	}

	._6c8cd05c47934390-titlePlanet{
		width:3.25rem;
		height:3.25rem;
	}

	._6c8cd05c47934390-title{
		font-size:1.35rem;
		line-height:1.15;
		overflow-wrap:anywhere;
	}

	._6c8cd05c47934390-description{
		font-size:0.875rem;
		line-height:1.45;
		overflow-wrap:anywhere;
	}

	._6c8cd05c47934390-perksSection,
	._6c8cd05c47934390-comparisonTableContainer{
		padding:0.65rem;
		border-radius:0.8rem;
		overflow-x:auto;
	}
}

.dd7c623649f6a838-container{
	position:relative;
	border-radius:1rem;
	border:1px solid rgb(151 117 255 / 0.34);
	padding:1.28rem 1rem;
	background:radial-gradient(circle at 86% 14%, rgb(164 129 255 / 0.24), transparent 42%), linear-gradient(160deg, rgb(29 25 55 / 0.86), rgb(17 14 35 / 0.92));
	box-shadow:0 20px 32px rgb(8 7 18 / 0.34), inset 0 1px 0 rgb(255 255 255 / 0.09);
	overflow:hidden;
}

.dd7c623649f6a838-container::after{
	content:'';
	position:absolute;
	inset:-40% -20%;
	pointer-events:none;
	background:radial-gradient(circle at center, rgb(124 86 228 / 0.18), transparent 60%);
}

.dd7c623649f6a838-title{
	margin-bottom:0.95rem;
	text-align:center;
	font-weight:730;
	font-size:1.3rem;
	line-height:1.3;
	letter-spacing:0.01em;
	font-family:'Space Grotesk', 'Avenir Next', 'Segoe UI', sans-serif;
	color:rgb(244 240 255);
}

.dd7c623649f6a838-buttonContainer{
	margin-bottom:1rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0.72rem;
}

@media (min-width: 640px){
	.dd7c623649f6a838-buttonContainer{
		flex-direction:row;
		flex-wrap:wrap;
	}
}

.dd7c623649f6a838-button{
	width:100%;
	justify-content:center;
	transition:transform 170ms ease, box-shadow 170ms ease;
}

@media (hover: hover) and (pointer: fine){
	.dd7c623649f6a838-button:hover{
		transform:translateY(-1px);
		box-shadow:0 10px 18px rgb(68 43 150 / 0.34);
	}
}

@media (min-width: 640px){
	.dd7c623649f6a838-button{
		width:auto;
		min-width:160px;
	}
}

.a50244bb67ae5255-banner{
	margin-bottom:0.2rem;
	border-radius:1rem;
	border:1px solid rgb(155 121 255 / 0.38);
	background:radial-gradient(circle at 88% 18%, rgb(188 151 255 / 0.26), transparent 44%), linear-gradient(160deg, rgb(44 35 82 / 0.92), rgb(25 20 49 / 0.95));
	padding:1rem;
	color:rgb(246 242 255);
	box-shadow:0 16px 28px rgb(8 6 20 / 0.28), inset 0 1px 0 rgb(255 255 255 / 0.1);
}

.a50244bb67ae5255-content{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

.a50244bb67ae5255-icon{
	height:2rem;
	width:2rem;
	color:rgb(219 203 255);
	-webkit-filter:drop-shadow(0 0 12px rgb(141 104 234 / 0.62));
	        filter:drop-shadow(0 0 12px rgb(141 104 234 / 0.62));
}

.a50244bb67ae5255-textContainer{
	flex:1;
}

.a50244bb67ae5255-title{
	font-weight:600;
}

.bba8844f490d27c5-card{
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
	border-radius:1rem;
	padding:1.45rem 1.2rem 1.2rem;
	text-align:center;
	overflow:visible;
	isolation:isolate;
	transform-style:preserve-3d;
	transition:transform 220ms cubic-bezier(0.22, 1, 0.36, 1), border-color 180ms ease, opacity 150ms ease, -webkit-filter 150ms ease;
	transition:transform 220ms cubic-bezier(0.22, 1, 0.36, 1), border-color 180ms ease, opacity 150ms ease, filter 150ms ease;
	transition:transform 220ms cubic-bezier(0.22, 1, 0.36, 1), border-color 180ms ease, opacity 150ms ease, filter 150ms ease, -webkit-filter 150ms ease;
}

.bba8844f490d27c5-card::before{
	content:'';
	position:absolute;
	inset:0;
	pointer-events:none;
	background:radial-gradient(circle at 16% -8%, rgb(172 132 255 / 0.24), transparent 42%);
	z-index:-1;
}

.bba8844f490d27c5-cardDefault{
	
	border:1px solid rgb(134 102 225 / 0.36);
	background:linear-gradient(160deg, rgb(34 29 63 / 0.86), rgb(17 14 35 / 0.92)), rgb(17 14 35 / 0.92);
	box-shadow:0 10px 18px rgb(8 6 20 / 0.22), inset 0 1px 0 rgb(255 255 255 / 0.08);
}

.bba8844f490d27c5-cardPopular{
	
	border:1px solid rgb(177 145 255 / 0.74);
	background:radial-gradient(circle at 82% -12%, rgb(214 177 255 / 0.3), transparent 44%), linear-gradient(160deg, rgb(122 88 245 / 0.96), rgb(86 50 191 / 0.96)), rgb(99 63 206 / 0.96);
	box-shadow:0 14px 24px rgb(92 59 191 / 0.34), inset 0 1px 0 rgb(255 255 255 / 0.2);
}

@media (hover: hover) and (pointer: fine){
	.bba8844f490d27c5-card:hover:not(.bba8844f490d27c5-disabled){
		transform:perspective(760px) rotateX(3.5deg) scale(1.012);
	}

	.bba8844f490d27c5-cardDefault:hover:not(.bba8844f490d27c5-disabled){
		border-color:rgb(168 132 255 / 0.62);
		box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.12);
	}

	.bba8844f490d27c5-cardPopular:hover:not(.bba8844f490d27c5-disabled){
		box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.24);
	}
}

.bba8844f490d27c5-badgeSpace{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:32px;
	margin-bottom:1rem;
	flex-shrink:0;
}

.bba8844f490d27c5-badge{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
	border-radius:9999px;
	padding:0.28rem 0.85rem;
	font-weight:700;
	font-size:0.73rem;
	letter-spacing:0.05em;
	text-transform:uppercase;
	border:1px solid rgb(223 207 255 / 0.56);
	background-color:rgb(164 124 255 / 0.16);
	color:rgb(237 229 255);
}

.bba8844f490d27c5-badgeOnBrand{
	border-color:rgb(255 255 255 / 0.54);
	background-color:rgb(255 255 255 / 0.12);
	color:white;
}

.bba8844f490d27c5-badgePlaceholder{
	display:inline-block;
	visibility:hidden;
}

.bba8844f490d27c5-popularBadge{
	position:absolute;
	top:-0.72rem;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	white-space:nowrap;
	border-radius:9999px;
	background:linear-gradient(140deg, rgb(255 246 214), rgb(255 229 160));
	padding:0.4rem 0.95rem;
	font-weight:700;
	font-size:0.68rem;
	line-height:1rem;
	text-transform:uppercase;
	letter-spacing:0.08em;
	color:rgb(92 53 4);
	box-shadow:0 10px 18px rgb(0 0 0 / 0.2), inset 0 1px 0 rgb(255 255 255 / 0.72);
	z-index:4;
}

.bba8844f490d27c5-popularBadgeSpace{
	margin-bottom:0.7rem;
	height:0;
}

.bba8844f490d27c5-disabled{
	opacity:0.58;
	-webkit-filter:grayscale(14%);
	        filter:grayscale(14%);
	pointer-events:none;
}

.bba8844f490d27c5-selectButton{
	margin-top:auto;
	width:100%;
	flex-shrink:0;
	font-weight:700;
	letter-spacing:0.01em;
	transition:-webkit-filter 180ms ease;
	transition:filter 180ms ease;
	transition:filter 180ms ease, -webkit-filter 180ms ease;
}

.bba8844f490d27c5-soldOutBadge{
	position:absolute;
	top:0.76rem;
	right:0.76rem;
	border-radius:0.32rem;
	background:linear-gradient(140deg, rgb(255 99 132), rgb(232 59 94));
	padding:0.2rem 0.5rem;
	font-weight:700;
	font-size:0.62rem;
	line-height:1rem;
	text-transform:uppercase;
	letter-spacing:0.06em;
	color:white;
	z-index:4;
}

.bba8844f490d27c5-contentContainer{
	display:flex;
	min-height:0;
	flex:1;
	flex-direction:column;
}

.bba8844f490d27c5-cardTitle{
	margin-bottom:0.68rem;
	flex-shrink:0;
	font-weight:700;
	font-size:1.2rem;
	line-height:1.35;
	font-family:-apple-system, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;
}

.bba8844f490d27c5-cardTitleDefault{
	
	color:rgb(243 239 255);
}

.bba8844f490d27c5-cardTitlePopular{
	
	color:white;
}

.bba8844f490d27c5-cardPrice{
	margin-bottom:0.22rem;
	flex-shrink:0;
	font-weight:860;
	font-size:1.86rem;
	line-height:1.1;
	font-family:-apple-system, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;
	letter-spacing:-0.01em;
}

@media (min-width: 768px){
	.bba8844f490d27c5-cardPrice{
		font-size:2.22rem;
	}
}

@media (max-width: 560px){
	.bba8844f490d27c5-card{
		overflow:hidden;
		border-radius:1rem;
		padding-top:2rem;
	}

	.bba8844f490d27c5-popularBadge{
		top:0.45rem;
		box-shadow:none;
	}

	.bba8844f490d27c5-soldOutBadge{
		top:0.5rem;
	}
}

.bba8844f490d27c5-cardPriceDefault{
	
	color:rgb(248 245 255);
}

.bba8844f490d27c5-cardPricePopular{
	
	color:white;
	text-shadow:0 2px 12px rgb(66 31 158 / 0.45);
}

.bba8844f490d27c5-cardPeriod{
	margin-bottom:1rem;
	flex-shrink:0;
	font-size:0.84rem;
	line-height:1.3;
}

.bba8844f490d27c5-cardPeriodDefault{
	
	color:rgb(196 187 228);
}

.bba8844f490d27c5-cardPeriodPopular{
	
	color:rgb(241 235 255 / 0.86);
}

._93c40961bebd416b-gridWrapper{
	margin-top:1.35rem;
}

._93c40961bebd416b-grid{
	display:grid;
	grid-template-columns:repeat(1, minmax(0, 1fr));
	grid-gap:1.08rem;
	gap:1.08rem;
	grid-auto-rows:-webkit-min-content;
	grid-auto-rows:min-content;
}

._93c40961bebd416b-gridTwoColumns{
	
}

._93c40961bebd416b-gridThreeColumns{
	
}

@media (min-width: 768px){
	._93c40961bebd416b-gridTwoColumns{
		grid-template-columns:repeat(2, minmax(0, 1fr));
		grid-template-rows:1fr;
		gap:1.12rem;
	}

	._93c40961bebd416b-gridThreeColumns{
		grid-template-columns:repeat(3, minmax(0, 1fr));
		grid-template-rows:1fr;
		gap:1.12rem;
	}
}

._5128587f2b1e9c01-section{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
	padding:1rem;
	border:none;
	border-radius:1rem;
	background:radial-gradient(circle at 84% -14%, rgb(109 185 255 / 0.22), transparent 42%), linear-gradient(160deg, rgb(27 23 52 / 0.84), rgb(16 14 33 / 0.9));
	box-shadow:0 18px 34px rgb(9 7 20 / 0.28), inset 0 1px 0 rgb(255 255 255 / 0.08);
}

._5128587f2b1e9c01-footerContainer{
	margin-top:0.82rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.75rem;
}

._5128587f2b1e9c01-scrollPromptContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.45rem;
}

._5128587f2b1e9c01-scrollPromptText{
	text-align:center;
	font-size:0.83rem;
	line-height:1.3;
	color:rgb(183 174 219);
}

._5128587f2b1e9c01-scrollPromptIcon{
	height:1.15rem;
	width:1.15rem;
	color:rgb(203 191 247);
	-webkit-filter:drop-shadow(0 0 10px rgb(141 111 235 / 0.35));
	        filter:drop-shadow(0 0 10px rgb(141 111 235 / 0.35));
	animation:_5128587f2b1e9c01-plutoniumArrowPulse 1.9s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce){
	._5128587f2b1e9c01-scrollPromptIcon{
		animation:none;
	}
}

@keyframes _5128587f2b1e9c01-plutoniumArrowPulse{
	0%,
	100%{
		transform:translateY(0);
		opacity:0.72;
	}
	50%{
		transform:translateY(4px);
		opacity:1;
	}
}

._329799285bbac06a-header{
	display:flex;
	flex-direction:column;
	gap:0.42rem;
}

._329799285bbac06a-headerCenter{
	align-items:center;
	text-align:center;
}

._329799285bbac06a-title{
	font-weight:730;
	font-size:1.2rem;
	line-height:1.3;
	letter-spacing:0.01em;
	font-family:'Space Grotesk', 'Avenir Next', 'Segoe UI', sans-serif;
	color:rgb(244 240 255);
}

._329799285bbac06a-description{
	font-size:0.88rem;
	line-height:1.5;
	color:rgb(188 180 222);
}

@media (min-width: 768px){
	._329799285bbac06a-description{
		font-size:0.96rem;
	}
}

.caad3eeb3711915d-contextMenuOverlay{
	position:fixed;
	inset:0;
	z-index:var(--z-index-contextmenu);
	background:transparent;
	pointer-events:none;
}

.caad3eeb3711915d-backdrop{
	position:absolute;
	inset:0;
	background:transparent;
	pointer-events:auto;
	z-index:-1;
}

.caad3eeb3711915d-contextMenu{
	pointer-events:auto;
	min-width:220px;
	max-width:360px;
	width:-webkit-max-content;
	width:-moz-max-content;
	width:max-content;
	padding:8px;
	background:color-mix(in srgb, var(--background-floating) 92%, var(--background-primary) 8%);
	border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
	border-radius:0.75rem;
	box-shadow:0 20px 48px rgb(0 0 0 / 0.32), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 5%, transparent);
	outline:none;
	box-sizing:border-box;
	overflow-x:hidden;
	scrollbar-width:thin;
	scrollbar-color:var(--background-modifier-accent) transparent;
	-webkit-app-region:no-drag;
}

.caad3eeb3711915d-contextMenu::-webkit-scrollbar{
	width:8px;
}

.caad3eeb3711915d-contextMenu::-webkit-scrollbar-track{
	background:transparent;
}

.caad3eeb3711915d-contextMenu::-webkit-scrollbar-thumb{
	background-color:var(--background-modifier-accent);
	border-radius:4px;
	border:2px solid transparent;
	background-clip:padding-box;
}

.caad3eeb3711915d-contextMenu::-webkit-scrollbar-thumb:hover{
	background-color:var(--background-modifier-hover);
}

.caad3eeb3711915d-item{
	all:unset;
	display:grid;
	grid-template-columns:20px 1fr auto;
	align-items:center;
	grid-gap:12px;
	gap:12px;
	padding:6px 8px;
	margin:1px 0;
	border-radius:0.48rem;
	font-size:14px;
	font-weight:500;
	line-height:18px;
	color:var(--text-secondary);
	cursor:pointer;
	box-sizing:border-box;
	min-height:36px;
	width:100%;
	transition:background-color var(--motion-dur-short) var(--motion-ease-snap), color var(--motion-dur-short) var(--motion-ease-snap);
}

.caad3eeb3711915d-item:has(.caad3eeb3711915d-itemShortcut){
	padding-right:0;
}

.caad3eeb3711915d-item:hover:not(.caad3eeb3711915d-disabled){
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.caad3eeb3711915d-item:focus-visible:not(.caad3eeb3711915d-disabled){
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.caad3eeb3711915d-item.caad3eeb3711915d-disabled{
	color:var(--interactive-muted);
	cursor:not-allowed;
	opacity:0.5;
}

.caad3eeb3711915d-item.caad3eeb3711915d-danger{
	color:var(--status-danger);
}

.caad3eeb3711915d-item.caad3eeb3711915d-danger:hover:not(.caad3eeb3711915d-disabled){
	background-color:var(--button-danger-fill);
	color:var(--button-danger-text);
}

.caad3eeb3711915d-item.caad3eeb3711915d-danger:focus-visible:not(.caad3eeb3711915d-disabled){
	background-color:var(--button-danger-fill);
	color:var(--button-danger-text);
}

.caad3eeb3711915d-item.caad3eeb3711915d-danger:is([data-highlighted], [data-hovered], [data-focused], [data-focus-visible], [data-selected]):not(
		.caad3eeb3711915d-disabled
	):not([data-disabled]){
	background-color:var(--button-danger-fill);
	color:var(--button-danger-text);
}

.caad3eeb3711915d-itemIcon{
	width:20px;
	height:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	grid-column:1;
}

.caad3eeb3711915d-itemIcon > svg{
	width:18px;
	height:18px;
	display:block;
	flex-shrink:0;
}

.caad3eeb3711915d-itemLabel{
	grid-column:2;
	display:flex;
	align-items:center;
	min-height:18px;
	min-width:0;
	overflow:hidden;
}

.caad3eeb3711915d-itemShortcut{
	grid-column:3;
	color:var(--text-muted);
	font-size:12px;
	font-family:var(--font-mono);
	white-space:nowrap;
	margin-left:auto;
	padding-left:24px;
}

.caad3eeb3711915d-item.caad3eeb3711915d-danger:is(
		:hover,
		:focus-visible,
		[data-highlighted],
		[data-hovered],
		[data-focused],
		[data-focus-visible],
		[data-selected],
		[data-open]
	):not(.caad3eeb3711915d-disabled):not([data-disabled])
	.caad3eeb3711915d-itemShortcut{
	color:var(--button-danger-text);
}

.caad3eeb3711915d-itemLabelContainer{
	grid-column:2;
	display:flex;
	flex-direction:column;
	min-width:0;
}

.caad3eeb3711915d-itemLabelText{
	display:flex;
	align-items:center;
	min-height:18px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.caad3eeb3711915d-itemHint{
	color:var(--text-tertiary-muted);
	font-size:12px;
	line-height:16px;
	margin-top:2px;
	white-space:nowrap;
}

.caad3eeb3711915d-submenuCaret{
	width:16px;
	height:16px;
	flex-shrink:0;
	color:var(--text-secondary);
	grid-column:3;
	display:flex;
	align-items:center;
	justify-content:center;
}

.caad3eeb3711915d-item[data-open]{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.caad3eeb3711915d-item.caad3eeb3711915d-danger[data-open]{
	background-color:var(--button-danger-fill);
	color:var(--button-danger-text);
}

.caad3eeb3711915d-item:not(:has(.caad3eeb3711915d-itemIcon)){
	grid-template-columns:18px 1fr auto;
}

.caad3eeb3711915d-item:not(:has(.caad3eeb3711915d-itemIcon)) .caad3eeb3711915d-itemLabel{
	grid-column:1 / 3;
}

.caad3eeb3711915d-item:not(:has(.caad3eeb3711915d-itemIcon)) .caad3eeb3711915d-submenuCaret{
	grid-column:3;
}

.caad3eeb3711915d-separator{
	height:1px;
	margin:6px 0;
	background-color:var(--background-modifier-accent);
	opacity:0.3;
}

.caad3eeb3711915d-separator:last-child{
	display:none;
}

.caad3eeb3711915d-checkboxItem{
	display:grid !important;
	grid-template-columns:18px 1fr auto !important;
	align-items:center;
	grid-gap:12px;
	gap:12px;
}

.caad3eeb3711915d-checkboxItem .caad3eeb3711915d-itemLabel{
	grid-column:2;
}

.caad3eeb3711915d-menuItemCheckboxLabel{
	display:flex;
	flex-direction:column;
	gap:0.125rem;
	min-width:0;
	overflow:hidden;
}

.caad3eeb3711915d-menuItemCheckboxLabelPrimary{
	line-height:1.2;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.caad3eeb3711915d-menuItemCheckboxDescription{
	font-size:0.75rem;
	color:var(--text-tertiary);
}

.caad3eeb3711915d-checkboxIndicator{
	width:20px;
	height:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	grid-column:3;
}

.caad3eeb3711915d-checkbox{
	width:20px;
	height:20px;
	border:2px solid var(--background-header-secondary);
	border-radius:3px;
	background-color:transparent;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}

.caad3eeb3711915d-checkboxChecked{
	background-color:var(--brand-primary);
	border-color:var(--brand-primary);
}

.caad3eeb3711915d-checkboxChecked::after{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:5px;
	height:10px;
	border:solid white;
	border-width:0 2.5px 2.5px 0;
	transform:translate(-50%, -60%) rotate(45deg);
}

.caad3eeb3711915d-item.caad3eeb3711915d-danger:hover .caad3eeb3711915d-checkbox{
	border-color:#ffffff;
	background-color:transparent;
}

.caad3eeb3711915d-item.caad3eeb3711915d-danger:hover .caad3eeb3711915d-checkboxChecked{
	background-color:#ffffff;
	border-color:#ffffff;
}

.caad3eeb3711915d-item.caad3eeb3711915d-danger:hover .caad3eeb3711915d-checkboxChecked::after{
	border-color:var(--status-danger);
}

.caad3eeb3711915d-group{
	display:flex;
	flex-direction:column;
}

.caad3eeb3711915d-groupLabel{
	padding:6px 8px 2px;
	margin-top:2px;
	font-size:11px;
	font-weight:600;
	line-height:16px;
	text-transform:uppercase;
	letter-spacing:0.02em;
	color:var(--text-secondary);
}

.caad3eeb3711915d-ariaMenu{
	outline:none;
}

.caad3eeb3711915d-submenuPopover{
	pointer-events:auto !important;
	z-index:2147483647 !important;
	min-width:220px;
	max-width:360px;
	width:-webkit-max-content;
	width:-moz-max-content;
	width:max-content;
	padding:8px;
	background:color-mix(in srgb, var(--background-floating) 92%, var(--background-primary) 8%);
	border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
	border-radius:0.75rem;
	box-shadow:0 20px 48px rgb(0 0 0 / 0.32), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 5%, transparent);
	outline:none;
	box-sizing:border-box;
	overflow-x:hidden;
	scrollbar-width:thin;
	scrollbar-color:var(--background-modifier-accent) transparent;
	-webkit-app-region:no-drag;
}

.caad3eeb3711915d-submenuPopover::-webkit-scrollbar{
	width:8px;
}

.caad3eeb3711915d-submenuPopover::-webkit-scrollbar-track{
	background:transparent;
}

.caad3eeb3711915d-submenuPopover::-webkit-scrollbar-thumb{
	background-color:var(--background-modifier-accent);
	border-radius:4px;
	border:2px solid transparent;
	background-clip:padding-box;
}

.caad3eeb3711915d-submenuPopover::-webkit-scrollbar-thumb:hover{
	background-color:var(--background-modifier-hover);
}

._4316499a58911426-menuItem{
	display:grid;
	grid-template-columns:18px 1fr auto;
	align-items:center;
	grid-gap:12px;
	gap:12px;
	padding:6px 8px;
	margin:0;
	border-radius:0.48rem;
	color:var(--text-primary);
	font-size:14px;
	font-weight:500;
	line-height:18px;
	cursor:pointer;
	outline:none;
	transition:background-color var(--motion-dur-short) var(--motion-ease-snap), color var(--motion-dur-short) var(--motion-ease-snap);
	box-sizing:border-box;
	min-height:32px;
}

._4316499a58911426-menuItem:has(._4316499a58911426-shortcut){
	padding-right:0;
}

._4316499a58911426-menuItem[data-highlighted]:not([data-disabled]),
._4316499a58911426-menuItem:hover:not([data-disabled]):not(._4316499a58911426-disabled){
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._4316499a58911426-menuItem._4316499a58911426-danger{
	color:var(--status-danger);
}

._4316499a58911426-menuItem._4316499a58911426-danger:is(
		:hover,
		:focus-visible,
		[data-highlighted],
		[data-hovered],
		[data-focused],
		[data-focus-visible],
		[data-selected],
		[data-open]
	):not([data-disabled]):not(._4316499a58911426-disabled){
	background-color:var(--button-danger-fill);
	color:var(--button-danger-text);
}

._4316499a58911426-menuItem[data-disabled],
._4316499a58911426-menuItem._4316499a58911426-disabled{
	color:var(--interactive-muted);
	cursor:not-allowed;
}

._4316499a58911426-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:18px;
	height:18px;
	flex-shrink:0;
	grid-column:1;
}

._4316499a58911426-icon > svg{
	width:16px;
	height:16px;
	display:block;
	flex-shrink:0;
}

._4316499a58911426-labelContainer{
	display:flex;
	min-width:0;
	flex:1;
	flex-direction:column;
}

._4316499a58911426-label{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	grid-column:2;
	display:flex;
	align-items:center;
	min-height:18px;
}

._4316499a58911426-hint{
	margin-left:8px;
	color:var(--text-tertiary-muted);
	font-size:12px;
	font-weight:400;
	flex-shrink:0;
}

._4316499a58911426-subtext{
	color:var(--text-tertiary-muted);
	font-size:12px;
	font-weight:400;
	line-height:16px;
	margin-top:2px;
}

._4316499a58911426-shortcut{
	color:var(--text-tertiary-muted);
	font-size:12px;
	font-weight:500;
	font-family:var(--font-mono);
	justify-self:end;
	white-space:nowrap;
	margin-left:auto;
	padding-left:24px;
}

._4316499a58911426-menuItem._4316499a58911426-danger:is(
		:hover,
		:focus-visible,
		[data-highlighted],
		[data-hovered],
		[data-focused],
		[data-focus-visible],
		[data-selected],
		[data-open]
	):not([data-disabled]):not(._4316499a58911426-disabled)
	._4316499a58911426-shortcut{
	color:var(--button-danger-text);
}

._4316499a58911426-sliderItem{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:6px;
	padding:8px 8px;
	margin:0;
	border-radius:0.48rem;
	color:var(--text-primary);
	font-size:14px;
	font-weight:500;
	line-height:18px;
	cursor:default;
	outline:none;
	box-sizing:border-box;
}

._4316499a58911426-sliderItem._4316499a58911426-disabled{
	color:var(--interactive-muted);
	cursor:not-allowed;
	opacity:0.5;
}

._4316499a58911426-sliderHeader{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

._4316499a58911426-sliderLabel{
	font-size:14px;
	font-weight:500;
	color:currentColor;
}

._4316499a58911426-sliderValue{
	font-size:12px;
	font-weight:400;
	color:var(--text-tertiary-muted);
}

._4316499a58911426-sliderContainer{
	width:100%;
}

._6dc61ef9ae45e92c-card{
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius:1rem;
	padding:1.25rem;
	color:white;
	border:none;
	box-shadow:0 20px 34px rgb(10 7 23 / 0.38), inset 0 1px 0 rgb(255 255 255 / 0.1);
}

._6dc61ef9ae45e92c-card::before{
	content:'';
	position:absolute;
	inset:0;
	pointer-events:none;
	background:radial-gradient(circle at 18% -8%, rgb(188 148 255 / 0.3), transparent 44%), radial-gradient(circle at 84% 108%, rgb(106 178 255 / 0.22), transparent 44%);
}

._6dc61ef9ae45e92c-card::after{
	content:'';
	position:absolute;
	top:-120%;
	left:-52%;
	width:44%;
	height:320%;
	pointer-events:none;
	opacity:0;
	transform:rotate(16deg) translateX(0);
	background:linear-gradient(180deg, transparent, rgb(255 255 255 / 0.2), transparent);
}

._6dc61ef9ae45e92c-grid{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:1rem;
	gap:1rem;
	position:relative;
	z-index:1;
}

@media (min-width: 1024px){
	._6dc61ef9ae45e92c-grid{
		grid-template-columns:1fr auto;
		align-items:start;
	}
}

._6dc61ef9ae45e92c-content{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:0.72rem;
}

._6dc61ef9ae45e92c-header{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.45rem;
}

._6dc61ef9ae45e92c-title{
	font-weight:750;
	font-size:1rem;
	line-height:1.35;
	text-transform:uppercase;
	letter-spacing:0.06em;
	font-family:'Space Grotesk', 'Avenir Next', 'Segoe UI', sans-serif;
}

._6dc61ef9ae45e92c-badge{
	border-radius:999px;
	background-color:rgb(255 255 255 / 0.12);
	border:none;
	padding:0.18rem 0.5rem;
	font-weight:700;
	font-size:0.63rem;
	text-transform:uppercase;
	letter-spacing:0.08em;
	line-height:1;
}

._6dc61ef9ae45e92c-badgeGift{
	background:rgb(122 77 244 / 0.3);
	color:rgb(199 166 255);
}

._6dc61ef9ae45e92c-description{
	font-size:0.875rem;
	line-height:1.45;
	color:rgb(244 238 255 / 0.9);
}

._6dc61ef9ae45e92c-renewalInfo{
	font-size:0.86rem;
	color:rgb(244 238 255 / 0.88);
}

._6dc61ef9ae45e92c-upgradeNote{
	font-size:0.77rem;
	line-height:1.3;
	color:rgb(228 220 255 / 0.86);
}

._6dc61ef9ae45e92c-actions{
	display:flex;
	width:100%;
	flex-direction:column;
	gap:0.56rem;
}

@media (min-width: 768px){
	._6dc61ef9ae45e92c-actions{
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		grid-gap:0.68rem;
		gap:0.68rem;
	}
}

@media (min-width: 1024px){
	._6dc61ef9ae45e92c-actions{
		display:flex;
		min-width:240px;
		flex-direction:column;
		align-items:flex-end;
		justify-content:flex-start;
		gap:0.68rem;
	}
}

._6dc61ef9ae45e92c-actionButton{
	width:100%;
	transition:transform 170ms ease, box-shadow 170ms ease;
}

@media (hover: hover) and (pointer: fine){
	._6dc61ef9ae45e92c-actionButton:hover{
		transform:translateY(-1px);
		box-shadow:0 10px 16px rgb(44 25 102 / 0.32);
	}
}

@media (min-width: 768px){
	._6dc61ef9ae45e92c-actionButton{
		width:100%;
	}
}

@media (min-width: 1024px){
	._6dc61ef9ae45e92c-actionButton{
		width:auto;
	}
}

._6dc61ef9ae45e92c-communityButtonActive{
	background-color:rgb(255 255 255 / 0.22);
}

._6dc61ef9ae45e92c-iconSmall{
	height:1rem;
	width:1rem;
}

._6dc61ef9ae45e92c-cardExpired{
	background:linear-gradient(150deg, rgb(159 45 76 / 0.96), rgb(112 24 48 / 0.96));
}

._6dc61ef9ae45e92c-cardGracePeriod{
	background:linear-gradient(150deg, rgb(195 105 42 / 0.95), rgb(139 67 22 / 0.96));
}

._6dc61ef9ae45e92c-cardVisionary{
	background:linear-gradient(150deg, rgb(128 89 247 / 0.95), rgb(84 49 195 / 0.96));
}

._6dc61ef9ae45e92c-cardGift{
	background:linear-gradient(150deg, rgb(118 79 238 / 0.95), rgb(74 42 184 / 0.96));
}

._6dc61ef9ae45e92c-cardActive{
	background:linear-gradient(150deg, rgb(123 84 243 / 0.95), rgb(80 45 193 / 0.96));
}

._6dc61ef9ae45e92c-cardVisionary::after,
._6dc61ef9ae45e92c-cardGift::after,
._6dc61ef9ae45e92c-cardActive::after{
	animation:_6dc61ef9ae45e92c-subscriptionSheen 9.2s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

@media (prefers-reduced-motion: reduce){
	._6dc61ef9ae45e92c-cardVisionary::after,
	._6dc61ef9ae45e92c-cardGift::after,
	._6dc61ef9ae45e92c-cardActive::after{
		animation:none;
	}
}

@keyframes _6dc61ef9ae45e92c-subscriptionSheen{
	0%,
	72%,
	100%{
		opacity:0;
		transform:rotate(16deg) translateX(0);
	}
	80%{
		opacity:0.3;
		transform:rotate(16deg) translateX(240%);
	}
	88%{
		opacity:0;
		transform:rotate(16deg) translateX(340%);
	}
}

::highlight(settings-search-highlight){
	background-color:rgba(255, 230, 0, 0.4);
	color:inherit;
	border-radius:2px;
}

._255cd6ef86c1e6fa-section{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-5);
	padding-top:var(--spacing-8);
	padding-bottom:var(--spacing-8);
	border-top:1px solid var(--background-modifier-accent);
}

._255cd6ef86c1e6fa-section:first-child{
	padding-top:0;
	border-top:none;
}

._255cd6ef86c1e6fa-sectionHeader{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
}

._255cd6ef86c1e6fa-sectionTitle{
	font-size:1.25rem;
	font-weight:600;
	line-height:1.3;
	color:var(--text-primary);
}

._255cd6ef86c1e6fa-sectionDescription{
	font-size:0.875rem;
	line-height:1.4;
	color:var(--text-secondary);
}

._255cd6ef86c1e6fa-sectionContent{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-8);
}

._255cd6ef86c1e6fa-subsectionHeader{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
}

._255cd6ef86c1e6fa-subsectionTitle{
	font-size:1rem;
	font-weight:600;
	line-height:1.3;
	color:var(--text-primary);
}

._255cd6ef86c1e6fa-subsectionDescription{
	font-size:0.8125rem;
	line-height:1.4;
	color:var(--text-tertiary);
}

._255cd6ef86c1e6fa-subsectionContent{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

@media (max-width: 380px){
	._255cd6ef86c1e6fa-section{
		gap:var(--spacing-4);
		padding-block:var(--spacing-5);
	}

	._255cd6ef86c1e6fa-sectionTitle{
		font-size:1rem;
	}

	._255cd6ef86c1e6fa-sectionDescription{
		font-size:0.78rem;
		line-height:1.35;
	}

	._255cd6ef86c1e6fa-sectionContent{
		gap:var(--spacing-5);
	}

	._255cd6ef86c1e6fa-subsectionTitle{
		font-size:0.9rem;
	}

	._255cd6ef86c1e6fa-subsectionDescription{
		font-size:0.75rem;
	}

	._255cd6ef86c1e6fa-sectionHeader,
	._255cd6ef86c1e6fa-sectionContent,
	._255cd6ef86c1e6fa-subsectionHeader,
	._255cd6ef86c1e6fa-subsectionContent{
		min-width:0;
	}

	._255cd6ef86c1e6fa-sectionTitle,
	._255cd6ef86c1e6fa-sectionDescription,
	._255cd6ef86c1e6fa-subsectionTitle,
	._255cd6ef86c1e6fa-subsectionDescription{
		overflow-wrap:anywhere;
	}
}

.fd9e4d8c361f5a1c-accordion{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
	padding-top:var(--spacing-6);
	padding-bottom:var(--spacing-6);
	border-top:1px solid var(--background-modifier-accent);
}

.fd9e4d8c361f5a1c-accordion:first-child{
	padding-top:0;
	border-top:none;
}

.fd9e4d8c361f5a1c-header{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	width:100%;
	padding:0;
	border:none;
	background:transparent;
	cursor:pointer;
	text-align:left;
	gap:12px;
}

.fd9e4d8c361f5a1c-headerContent{
	display:flex;
	flex-direction:column;
	gap:2px;
	flex:1;
	min-width:0;
}

.fd9e4d8c361f5a1c-caret{
	flex-shrink:0;
	color:var(--text-secondary);
	transition:transform 0.2s ease;
	margin-top:4px;
}

.fd9e4d8c361f5a1c-caretExpanded{
	transform:rotate(180deg);
}

.fd9e4d8c361f5a1c-contentWrapper{
	overflow:hidden;
}

.fd9e4d8c361f5a1c-content{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
}

._69cb17cd56929991-container{
	display:flex;
	min-height:44px;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
	padding:0.25rem 0;
}

._69cb17cd56929991-container._69cb17cd56929991-compact{
	min-height:unset;
	gap:0.75rem;
	padding:0;
}

._69cb17cd56929991-labelContainer{
	display:flex;
	min-width:0;
	flex:1 1 0%;
	flex-direction:column;
	align-items:flex-start;
	gap:0.25rem;
}

._69cb17cd56929991-label{
	display:flex;
	min-width:0;
	max-width:100%;
	align-items:center;
	gap:0.5rem;
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._69cb17cd56929991-label._69cb17cd56929991-disabled{
	cursor:not-allowed;
}

._69cb17cd56929991-labelContainer._69cb17cd56929991-clickable{
	cursor:pointer;
}

._69cb17cd56929991-description{
	padding-right:1rem;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._69cb17cd56929991-switchRoot{
	display:inline-flex;
	align-items:center;
	position:relative;
	height:1.62rem;
	width:2.95rem;
	border-radius:9999px;
	border:1px solid color-mix(in srgb, var(--text-primary) 13%, transparent);
	background:color-mix(in srgb, var(--background-tertiary) 88%, var(--background-primary) 12%);
	transition:background-color 260ms cubic-bezier(0.22, 1, 0.36, 1), border-color 260ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 180ms cubic-bezier(0.22, 1, 0.36, 1);
	cursor:pointer;
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 5%, transparent);
}

._69cb17cd56929991-switchRoot::before{
	display:none;
}

._69cb17cd56929991-switchRoot._69cb17cd56929991-disabled{
	cursor:not-allowed;
	opacity:0.5;
}

._69cb17cd56929991-switchRoot[data-state='checked']{
	border-color:color-mix(in srgb, var(--brand-primary) 58%, transparent);
	background:color-mix(in srgb, var(--brand-primary) 82%, var(--background-tertiary) 18%);
	box-shadow:inset 0 1px 0 color-mix(in srgb, white 12%, transparent);
}

._69cb17cd56929991-switchRoot[data-state='checked']::before{
	opacity:0;
}

._69cb17cd56929991-switchThumb{
	position:relative;
	display:flex;
	height:1.2rem;
	width:1.2rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background:color-mix(in srgb, white 94%, var(--text-secondary) 6%);
	box-shadow:0 2px 6px rgb(0 0 0 / 0.28);
	transition:transform 220ms cubic-bezier(0.22, 1, 0.36, 1), background-color 220ms ease;
	will-change:transform;
	transform:translateX(3px);
}

._69cb17cd56929991-switchThumb[data-state='checked']{
	transform:translateX(25px);
}

._69cb17cd56929991-iconChecked{
	color:var(--brand-primary);
	transform:scale(0.95);
}

._69cb17cd56929991-iconUnchecked{
	color:var(--text-tertiary);
	transform:scale(0.9);
}

@media (prefers-reduced-motion: reduce){
	._69cb17cd56929991-switchRoot,
	._69cb17cd56929991-switchThumb{
		transition:none;
	}
}

@media (max-width: 560px){
	._69cb17cd56929991-container{
		align-items:flex-start;
		gap:0.75rem;
	}

	._69cb17cd56929991-labelContainer,
	._69cb17cd56929991-label,
	._69cb17cd56929991-description{
		min-width:0;
		overflow-wrap:anywhere;
	}

	._69cb17cd56929991-description{
		padding-right:0;
		font-size:0.8125rem;
		line-height:1.2rem;
	}

	._69cb17cd56929991-switchRoot{
		flex:0 0 auto;
		margin-top:0.1rem;
	}
}

@media (max-width: 380px){
	._69cb17cd56929991-container{
		gap:0.55rem;
	}

	._69cb17cd56929991-label{
		gap:0.3rem;
		font-size:0.8rem;
		line-height:1.12rem;
	}

	._69cb17cd56929991-description{
		font-size:0.73rem;
		line-height:1.05rem;
	}
}

._9d20ba0965bba38e-group{
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1-5);
	--radio-indicator-size:18px;
	--radio-indicator-border:color-mix(in srgb, var(--border-color) 70%, #fff 30%);
	--radio-indicator-border-selected:var(--brand-primary);
	--radio-dot-bg:var(--brand-primary);
	--radio-dot-fill:#fff;
	--radio-transition:var(--transition-normal, 150ms ease);
}

.theme-light ._9d20ba0965bba38e-group{
	--radio-indicator-border:color-mix(in srgb, var(--text-secondary) 70%, #000 30%);
	--radio-indicator-border-selected:color-mix(in srgb, var(--brand-primary) 85%, var(--text-primary) 15%);
	--radio-dot-bg:var(--brand-primary);
	--radio-dot-fill:#fff;
}

._9d20ba0965bba38e-radioGroupOption{
	align-items:flex-start;
	color:var(--text-secondary);
	cursor:pointer;
	display:flex;
	gap:var(--spacing-2);
	line-height:1.3;
	padding:0.5rem 0.55rem;
	border-radius:0.58rem;
	width:100%;
	transition:background-color var(--motion-dur-short) var(--motion-ease-snap), color var(--motion-dur-short) var(--motion-ease-snap);
}

._9d20ba0965bba38e-label{
	align-items:flex-start;
	display:flex;
	gap:var(--spacing-1);
	width:100%;
}

._9d20ba0965bba38e-labelText{
	color:var(--text-primary);
	font-size:0.9375rem;
	font-weight:500;
	line-height:1.4;
}

._9d20ba0965bba38e-description{
	color:var(--text-secondary);
	font-size:0.875rem;
	line-height:1.4;
}

._9d20ba0965bba38e-stack{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
	width:100%;
	align-items:flex-start;
	text-align:left;
}

._9d20ba0965bba38e-customContent{
	color:var(--text-secondary);
	width:100%;
}

._9d20ba0965bba38e-radioGroupOption[data-state='checked'] ._9d20ba0965bba38e-labelText,
._9d20ba0965bba38e-radioGroupOption[data-state='checked'] ._9d20ba0965bba38e-customContent{
	color:var(--text-primary);
}

._9d20ba0965bba38e-radioGroupOption[data-state='checked'] ._9d20ba0965bba38e-description{
	color:var(--text-secondary);
}

._9d20ba0965bba38e-radioGroupOption[data-state='checked']{
	background:color-mix(in srgb, var(--brand-primary) 8%, transparent);
}

._9d20ba0965bba38e-radioGroupOption[data-disabled]{
	cursor:not-allowed;
	opacity:0.55;
}

._9d20ba0965bba38e-radioGroupOption[data-disabled] ._9d20ba0965bba38e-labelText,
._9d20ba0965bba38e-radioGroupOption[data-disabled] ._9d20ba0965bba38e-description,
._9d20ba0965bba38e-radioGroupOption[data-disabled] ._9d20ba0965bba38e-customContent{
	color:var(--text-secondary);
}

._9d20ba0965bba38e-radioGroupOption:not([data-disabled]):hover ._9d20ba0965bba38e-labelText,
._9d20ba0965bba38e-radioGroupOption:not([data-disabled]):hover ._9d20ba0965bba38e-description,
._9d20ba0965bba38e-radioGroupOption:not([data-disabled]):hover ._9d20ba0965bba38e-customContent{
	color:var(--text-primary);
}

._9d20ba0965bba38e-radioGroupOption:not([data-disabled]):hover{
	background:color-mix(in srgb, var(--background-modifier-hover) 76%, transparent);
}

._9d20ba0965bba38e-radioIndicator{
	border-radius:50%;
	box-sizing:border-box;
	display:block;
	flex-shrink:0;
	height:var(--radio-indicator-size);
	image-rendering:crisp-edges;
	margin-top:2px;
	overflow:visible;
	width:var(--radio-indicator-size);
}

._9d20ba0965bba38e-innerDotRadio,
._9d20ba0965bba38e-outerRadioBase,
._9d20ba0965bba38e-outerRadioFill,
._9d20ba0965bba38e-radioIndicator{
	transform-box:fill-box;
	transform-origin:center;
	fill:none;
	overflow:visible;
}

._9d20ba0965bba38e-outerRadioBase{
	fill:color-mix(in srgb, var(--background-primary) 55%, var(--radio-indicator-border) 45%);
	stroke:var(--radio-indicator-border);
	stroke-width:2;
	transition:stroke var(--radio-transition), fill var(--radio-transition);
}

._9d20ba0965bba38e-outerRadioFill{
	fill:none;
	stroke:none;
}

._9d20ba0965bba38e-innerDotRadio{
	fill:var(--radio-dot-fill);
	opacity:0;
	transform:scale(0.6);
	transition:opacity var(--radio-transition), transform var(--radio-transition);
}

._9d20ba0965bba38e-radioGroupOption[data-state='checked'] ._9d20ba0965bba38e-outerRadioBase{
	fill:var(--radio-dot-bg);
	stroke:var(--radio-indicator-border-selected);
}

._9d20ba0965bba38e-radioGroupOption[data-state='checked'] ._9d20ba0965bba38e-innerDotRadio{
	opacity:1;
	transform:scale(1);
}

._9d20ba0965bba38e-focusRing{
	border-radius:var(--radius-sm);
}

._9d20ba0965bba38e-enable-forced-colors ._9d20ba0965bba38e-outerRadioBase{
	fill:Canvas;
}

._9d20ba0965bba38e-enable-forced-colors ._9d20ba0965bba38e-innerDotRadio{
	fill:HighlightText;
}

._9d20ba0965bba38e-enable-forced-colors ._9d20ba0965bba38e-radioGroupOption[data-disabled]{
	opacity:1;
}

._9d20ba0965bba38e-enable-forced-colors ._9d20ba0965bba38e-radioGroupOption[data-disabled],
._9d20ba0965bba38e-enable-forced-colors ._9d20ba0965bba38e-radioGroupOption[data-disabled]:hover{
	color:GrayText;
}

._9d20ba0965bba38e-enable-forced-colors ._9d20ba0965bba38e-radioGroupOption[data-state='checked'] ._9d20ba0965bba38e-outerRadioBase{
	fill:Highlight;
}

._9d20ba0965bba38e-enable-forced-colors ._9d20ba0965bba38e-radioGroupOption[data-disabled] ._9d20ba0965bba38e-outerRadioBase{
	fill:Canvas;
}

._9d20ba0965bba38e-enable-forced-colors ._9d20ba0965bba38e-radioGroupOption[data-disabled] ._9d20ba0965bba38e-innerDotRadio{
	fill:GrayText;
}

@media (max-width: 560px){
	._9d20ba0965bba38e-group{
		gap:0.45rem;
	}

	._9d20ba0965bba38e-radioGroupOption{
		box-sizing:border-box;
		gap:0.65rem;
		padding:0.72rem;
		border-radius:0.75rem;
		background:color-mix(in srgb, var(--background-secondary) 72%, transparent);
	}

	._9d20ba0965bba38e-radioGroupOption[data-state='checked']{
		background:color-mix(in srgb, var(--brand-primary) 12%, var(--background-secondary));
	}

	._9d20ba0965bba38e-label,
	._9d20ba0965bba38e-stack,
	._9d20ba0965bba38e-customContent{
		min-width:0;
	}

	._9d20ba0965bba38e-labelText,
	._9d20ba0965bba38e-description,
	._9d20ba0965bba38e-customContent{
		overflow-wrap:anywhere;
	}

	._9d20ba0965bba38e-description{
		font-size:0.8125rem;
		line-height:1.25rem;
	}
}

@media (max-width: 380px){
	._9d20ba0965bba38e-radioGroupOption{
		gap:0.5rem;
		padding:0.58rem;
	}

	._9d20ba0965bba38e-labelText{
		font-size:0.8rem;
		line-height:1.15rem;
	}

	._9d20ba0965bba38e-description,
	._9d20ba0965bba38e-customContent{
		font-size:0.73rem;
		line-height:1.05rem;
	}
}

._7d7764d6cb2affec-radioSection{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._7d7764d6cb2affec-radioHeader{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._7d7764d6cb2affec-radioLabel{
	display:block;
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
}

._7d7764d6cb2affec-radioDescription{
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

.b04f1b1b428e2b96-container{
	display:flex;
	flex-direction:column;
}

._8dbe95708fc6ed8e-container{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-6);
}

._8dbe95708fc6ed8e-header{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._8dbe95708fc6ed8e-title{
	font-size:1.25rem;
	font-weight:600;
	color:var(--text-primary);
}

._8dbe95708fc6ed8e-description{
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

._8dbe95708fc6ed8e-content{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-6);
}

._8dbe95708fc6ed8e-subsection{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
}

@media (max-width: 380px){
	._8dbe95708fc6ed8e-container,
	._8dbe95708fc6ed8e-content{
		gap:var(--spacing-4);
		min-width:0;
	}

	._8dbe95708fc6ed8e-header,
	._8dbe95708fc6ed8e-subsection{
		min-width:0;
	}

	._8dbe95708fc6ed8e-title{
		font-size:1rem;
		overflow-wrap:anywhere;
	}

	._8dbe95708fc6ed8e-description{
		font-size:0.78rem;
		line-height:1.35;
		overflow-wrap:anywhere;
	}
}

.e29094c4839e5d98-control{
	display:flex;
	flex-direction:column;
	flex-grow:1;
}

.e29094c4839e5d98-slider{
	height:calc(24px + 0px);
	height:calc(24px + var(--bar-offset));
	position:relative;
	width:100%;
	--grabber-size:16px;
	--bar-size:4px;
	--bar-offset:0px;
}

.e29094c4839e5d98-slider.e29094c4839e5d98-hasMarks{
	--bar-offset:24px;
}

.e29094c4839e5d98-mini{
	height:calc(24px + var(--bar-offset));
}

.e29094c4839e5d98-mini.e29094c4839e5d98-hasMarks{
	--bar-offset:24px;
}

.e29094c4839e5d98-disabled{
	opacity:0.6;
}

.e29094c4839e5d98-bar{
	background-color:color-mix(in srgb, var(--text-primary) 13%, var(--background-tertiary) 87%);
	border-radius:999px;
	display:block;
	height:var(--bar-size);
	overflow:hidden;
	position:relative;
	top:calc((24px - var(--bar-size)) / 2 + var(--bar-offset));
}

.e29094c4839e5d98-hasMarks .e29094c4839e5d98-bar{
	top:34px;
}

.e29094c4839e5d98-mini .e29094c4839e5d98-bar{
	height:6px;
	top:17px;
}

.e29094c4839e5d98-barFill{
	background-color:var(--bg-brand, var(--brand-primary));
	border:0;
	height:100%;
}

.e29094c4839e5d98-track{
	bottom:0;
	left:5px;
	position:absolute;
	right:5px;
	top:0;
}

.e29094c4839e5d98-grabber{
	background-color:color-mix(in srgb, #fff 10%, #fff 90%);
	border:1px solid color-mix(in srgb, #dcddde 60%, #fff 40%);
	border-radius:50%;
	box-shadow:0 3px 9px rgb(0 0 0 / 0.24), 0 0 0 1px color-mix(in srgb, var(--brand-primary) 12%, transparent);
	box-sizing:border-box;
	cursor:ew-resize;
	height:var(--grabber-size);
	width:var(--grabber-size);
	margin-left:calc(var(--grabber-size) / -2);
	margin-top:calc(var(--grabber-size) / -2 + var(--bar-offset) / 2);
	position:absolute;
	left:0;
	top:50%;
	transition:transform var(--motion-dur-short) var(--motion-ease-smooth), box-shadow var(--motion-dur-short) var(--motion-ease-snap);
}

@supports (color: color-mix(in lch, red, blue)){
.e29094c4839e5d98-grabber{
	background-color:color-mix(in srgb, var(--background-primary, #fff) 10%, #fff 90%);
	border:1px solid color-mix(in srgb, var(--border-normal, #dcddde) 60%, #fff 40%);
}
}

.e29094c4839e5d98-slider:hover .e29094c4839e5d98-grabber{
	transform:scale(1.08);
	box-shadow:0 5px 12px rgb(0 0 0 / 0.28), 0 0 0 3px color-mix(in srgb, var(--brand-primary) 12%, transparent);
}

.e29094c4839e5d98-disabled .e29094c4839e5d98-grabber{
	cursor:not-allowed;
}

.e29094c4839e5d98-hasMarks .e29094c4839e5d98-grabber{
	margin-top:calc(var(--grabber-size) / -2 + 12px);
}

.e29094c4839e5d98-mini .e29094c4839e5d98-grabber{
	border-radius:50%;
	height:12px;
	margin-left:-7px;
	margin-top:3px;
	width:12px;
}

.e29094c4839e5d98-mark{
	align-items:center;
	display:flex;
	flex-direction:column;
	height:48px;
	justify-content:space-between;
	left:0;
	margin-left:-12px;
	position:absolute;
	top:0;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	width:24px;
}

.e29094c4839e5d98-markAbove{
	top:-6px;
}

.e29094c4839e5d98-markBelow{
	bottom:-12px;
}

.e29094c4839e5d98-markValue{
	color:#b9bbbe;
	color:var(--text-secondary, #b9bbbe);
	font-size:12px;
	font-weight:500;
	line-height:16px;
	min-height:10px;
	padding-left:1px;
	white-space:nowrap;
}

.e29094c4839e5d98-defaultValue .e29094c4839e5d98-markValue{
	color:#3ba55d;
	color:var(--text-feedback-positive, #3ba55d);
}

.e29094c4839e5d98-markDash{
	background-color:#dcddde;
	background-color:var(--interactive-muted, #dcddde);
	border-radius:12px;
	height:24px;
	width:2px;
}

.e29094c4839e5d98-markDashSimple{
	margin-top:10px;
}

.f779407ae20042aa-tooltip{
	position:relative;
	z-index:var(--z-index-tooltip);
	pointer-events:none;
	will-change:opacity, transform;
	box-sizing:border-box;
	max-width:190px;
	border:1px solid var(--background-header-secondary);
	border-radius:8px;
	color:var(--text-primary);
	font-size:14px;
	font-weight:600;
	line-height:16px;
	word-wrap:break-word;
	transform-origin:50% 100%;
	--tooltip-pointer-bg:var(--background-primary);
	background-color:var(--background-primary);
}

.f779407ae20042aa-tooltipPointer{
	width:0;
	height:0;
	border:0 solid transparent;
	border-width:5px;
	pointer-events:none;
	border-top-color:var(--tooltip-pointer-bg);
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-5px;
}

.f779407ae20042aa-tooltipPointer:not(.f779407ae20042aa-tooltipPointerBg){
	z-index:1;
	border-top-color:var(--background-primary);
	margin-top:-1.5px;
}

.f779407ae20042aa-tooltipPointer.f779407ae20042aa-tooltipPointerBg{
	--border-width:5px;
	--tooltip-pointer-bg:var(--background-header-secondary);
	border-top-color:var(--background-header-secondary);
}

.f779407ae20042aa-tooltipPointer.f779407ae20042aa-tooltipPointerBg:before,
.f779407ae20042aa-tooltipPointer.f779407ae20042aa-tooltipPointerBg:after{
	content:'';
	position:absolute;
	border-left:var(--border-width) solid transparent;
	border-right:var(--border-width) solid transparent;
	top:100%;
	left:50%;
	margin-left:calc(-1 * var(--border-width));
}

.f779407ae20042aa-tooltipPointer.f779407ae20042aa-tooltipPointerBg:before{
	border-top:var(--border-width) solid var(--tooltip-pointer-bg);
	margin-top:-5px;
}

.f779407ae20042aa-tooltipPointer.f779407ae20042aa-tooltipPointerBg:after{
	border-top:var(--border-width) solid var(--background-header-secondary);
	margin-top:-5px;
	z-index:1;
}

.f779407ae20042aa-tooltipContent{
	padding:8px 12px;
	overflow:hidden;
	white-space:normal;
	word-break:break-word;
	text-align:center;
}

.c2e4c010e52389c8-sliderSection{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.c2e4c010e52389c8-sliderHeader{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

.c2e4c010e52389c8-sliderLabel{
	display:block;
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
}

.c2e4c010e52389c8-sliderDescription{
	margin-bottom:0.5rem;
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

._6cc0a0894e73f174-footer{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:8px;
}

._6cc0a0894e73f174-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._6cc0a0894e73f174-messagePreview{
	pointer-events:none;
	position:relative;
	overflow:hidden;
	border-radius:6px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:8px 0;
}

._6cc0a0894e73f174-content{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding-bottom:16px;
}

._6cc0a0894e73f174-descriptionText{
	display:block;
	margin-bottom:var(--spacing-4);
}

._6cc0a0894e73f174-inputContainer{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
}

.b531fb511cd25cfe-inputContainer{
	display:flex;
	flex-direction:column;
}

.b531fb511cd25cfe-footer{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:8px;
}

.b531fb511cd25cfe-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

.b531fb511cd25cfe-error{
	color:#f36;
	color:var(--warn-text, #f36);
	margin-top:8px;
}

.edaec00a6de1a36a-alert{
	position:relative;
	display:flex;
	align-items:flex-start;
	gap:0.5rem;
	padding:0.375rem 0.75rem 0.375rem 1rem;
	border-radius:var(--radius-md);
	background:transparent;
	color:var(--alert-warning-color);
}

.edaec00a6de1a36a-alert::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:4px;
	border-radius:4px;
	background-color:currentColor;
}

.edaec00a6de1a36a-icon{
	flex-shrink:0;
	margin-top:0.125rem;
}

.edaec00a6de1a36a-content{
	display:flex;
	flex-direction:column;
	gap:0.125rem;
}

.edaec00a6de1a36a-title{
	margin:0;
	font-weight:600;
	font-size:0.8125rem;
	line-height:1.4;
	color:var(--text-primary);
}

.edaec00a6de1a36a-text{
	font-size:0.8125rem;
	color:var(--text-primary);
	margin:0;
	line-height:1.4;
}

.edaec00a6de1a36a-link{
	font-size:0.8125rem;
	color:var(--alert-warning-color);
	cursor:pointer;
	text-decoration:none;
	text-align:left;
	background:none;
	border:none;
	padding:0;
}

.edaec00a6de1a36a-link:hover{
	text-decoration:underline;
}

.edaec00a6de1a36a-actions{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
	margin-top:0.25rem;
}

.cdc154905cd67a68-row{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

@media (min-width: 640px){
	.cdc154905cd67a68-row{
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
		gap:1.5rem;
	}
}

.cdc154905cd67a68-rowContent{
	flex:1;
}

.cdc154905cd67a68-label{
	display:block;
	margin-bottom:0.25rem;
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
}

.cdc154905cd67a68-description{
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

.cdc154905cd67a68-emailRow{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

@media (min-width: 640px){
	.cdc154905cd67a68-emailRow{
		flex-direction:row;
		align-items:center;
		gap:0.5rem;
	}
}

.cdc154905cd67a68-emailText{
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

.cdc154905cd67a68-emailTextSelectable{
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
}

.cdc154905cd67a68-toggleButton{
	margin-top:0.1em;
	text-align:left;
	color:var(--text-link);
	font-size:0.875rem;
	cursor:pointer;
}

.cdc154905cd67a68-toggleButton:hover{
	text-decoration:underline;
}

@media (min-width: 640px){
	.cdc154905cd67a68-toggleButton{
		text-align:center;
	}
}

@media (hover: none), (max-width: 639px){
	.cdc154905cd67a68-toggleButton:hover{
		text-decoration:none;
	}
}

.cdc154905cd67a68-warningText{
	color:var(--alert-warning-color);
	font-size:0.875rem;
}

.cdc154905cd67a68-divider{
	border-top:1px solid var(--background-header-secondary);
	padding-top:1rem;
}

.cdc154905cd67a68-claimButton{
	align-self:flex-start;
}

.ff6128de5919f697-content{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding-bottom:16px;
}

.ff6128de5919f697-footer{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:8px;
}

.ff6128de5919f697-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

.ff6128de5919f697-infoSection{
	display:flex;
	flex-direction:column;
	gap:12px;
	color:var(--text-primary);
}

.ff6128de5919f697-infoBox{
	border-radius:6px;
	border:1px solid var(--background-header-secondary);
	background:var(--background-secondary);
	padding:12px;
}

.ff6128de5919f697-infoBoxTitle{
	margin-bottom:8px;
	font-weight:600;
	color:var(--text-primary);
}

.ff6128de5919f697-infoList{
	list-style-position:inside;
	list-style-type:disc;
	display:flex;
	flex-direction:column;
	gap:4px;
	color:var(--text-primary-muted);
	font-size:14px;
}

.ff6128de5919f697-disclaimer{
	color:var(--text-primary-muted);
}

._553df5925215af24-content{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding-bottom:16px;
}

._553df5925215af24-footer{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:8px;
}

._553df5925215af24-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._553df5925215af24-description{
	color:var(--text-primary);
}

._1c8dd3503d0efb67-content{
	display:flex;
	flex-direction:column;
	gap:16px;
	color:var(--text-primary);
}

._1c8dd3503d0efb67-guildList{
	display:flex;
	flex-direction:column;
	gap:8px;
}

._1c8dd3503d0efb67-guildItem{
	display:flex;
	align-items:center;
	gap:12px;
	border-radius:6px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:12px;
}

._1c8dd3503d0efb67-guildIcon{
	font-size:16px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	--guild-icon-size:40px;
}

._1c8dd3503d0efb67-guildInfo{
	flex:1;
}

._1c8dd3503d0efb67-guildName{
	font-weight:500;
	color:var(--text-primary);
}

._1c8dd3503d0efb67-remainingCount{
	text-align:center;
	font-size:14px;
	color:var(--text-primary-muted);
}

._1c8dd3503d0efb67-helpText{
	color:var(--text-primary-muted);
}

._1c8dd3503d0efb67-footer{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	width:100%;
	gap:8px;
}

._1c8dd3503d0efb67-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

.daab75576e2ca70d-container{
	display:flex;
	flex-direction:column;
}

._214d8f950dfdd263-content{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding-bottom:16px;
}

._214d8f950dfdd263-description{
	font-size:14px;
	color:var(--text-primary-muted);
}

._214d8f950dfdd263-codesGrid{
	margin-top:16px;
	margin-bottom:16px;
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:8px;
	gap:8px;
}

@media (min-width: 640px){
	._214d8f950dfdd263-codesGrid{
		grid-template-columns:repeat(2, 1fr);
		gap:12px;
	}
}

._214d8f950dfdd263-codeItem{
	display:flex;
	align-items:center;
	gap:10px;
	border-radius:6px;
	border:1px solid var(--background-modifier-accent);
	padding:8px 12px;
}

._214d8f950dfdd263-codeItemConsumed{
	opacity:0.5;
}

._214d8f950dfdd263-checkbox{
	display:flex;
	height:16px;
	width:16px;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:4px;
}

._214d8f950dfdd263-checkboxUnchecked{
	border:1px solid var(--background-modifier-accent);
}

._214d8f950dfdd263-checkboxChecked{
	background:var(--brand-primary);
}

._214d8f950dfdd263-checkIcon{
	height:10px;
	width:10px;
	color:white;
}

._214d8f950dfdd263-code{
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	font-family:monospace;
	font-size:14px;
	color:var(--text-primary);
	letter-spacing:0.05em;
}

._214d8f950dfdd263-codeConsumed{
	text-decoration:line-through;
}

._214d8f950dfdd263-buttonRow{
	display:flex;
	flex-direction:column;
	gap:8px;
}

@media (min-width: 640px){
	._214d8f950dfdd263-buttonRow{
		flex-direction:row;
	}
}

._214d8f950dfdd263-footer{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:8px;
}

._214d8f950dfdd263-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._214d8f950dfdd263-buttonIcon{
	height:1.25rem;
	width:1.25rem;
}

.a1b8bdb8f13bbe90-footer{
	flex-wrap:wrap;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

.a1b8bdb8f13bbe90-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._38d1fdfac11fdcb9-qrContainer{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:1.25rem;
	margin-bottom:var(--spacing-4);
}

._38d1fdfac11fdcb9-instructionsContainer{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._38d1fdfac11fdcb9-secretText{
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	font-size:0.875rem;
	color:var(--text-primary-muted);
	font-family:var(--font-mono);
}

._38d1fdfac11fdcb9-footer{
	flex-wrap:wrap;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._38d1fdfac11fdcb9-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._2a4e15028438e7cb-container{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._2a4e15028438e7cb-label{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._2a4e15028438e7cb-label._2a4e15028438e7cb-disabled{
	cursor:not-allowed;
}

._2a4e15028438e7cb-description{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._2a4e15028438e7cb-description._2a4e15028438e7cb-disabled{
	opacity:0.5;
}

._2a4e15028438e7cb-errorText{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--status-danger);
}

._9aa9f59c22a099c8-container{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._9aa9f59c22a099c8-label{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._9aa9f59c22a099c8-label._9aa9f59c22a099c8-disabled{
	cursor:not-allowed;
}

._9aa9f59c22a099c8-description{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._9aa9f59c22a099c8-description._9aa9f59c22a099c8-disabled{
	opacity:0.5;
}

._9aa9f59c22a099c8-errorText{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--status-danger);
}

._9aa9f59c22a099c8-trigger{
	display:flex;
	width:100%;
	min-height:44px;
	align-items:center;
	justify-content:space-between;
	gap:0.5rem;
	padding:0.625rem 0.75rem;
	background-color:var(--form-surface-background);
	border:1px solid transparent;
	border:1px solid var(--form-border-color, transparent);
	border-radius:0.375rem;
	cursor:pointer;
	transition:border-color 0.15s ease, background-color 0.15s ease;
	touch-action:manipulation;
}

._9aa9f59c22a099c8-triggerDisabled{
	opacity:0.5;
	cursor:not-allowed;
}

._9aa9f59c22a099c8-triggerError{
	border-color:var(--status-danger);
}

._9aa9f59c22a099c8-triggerValue{
	flex:1;
	min-width:0;
	display:flex;
	align-items:center;
	text-align:left;
	font-size:0.875rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._9aa9f59c22a099c8-triggerPlaceholder{
	color:var(--text-tertiary);
}

._9aa9f59c22a099c8-triggerIcon{
	flex-shrink:0;
	width:1rem;
	height:1rem;
	color:var(--text-tertiary);
}

._9aa9f59c22a099c8-scrollContainer{
	display:flex;
	flex-direction:column;
	padding-top:4px;
}

._9aa9f59c22a099c8-bottomSpacer{
	flex-shrink:0;
	height:40px;
}

._9aa9f59c22a099c8-optionsContainer{
	overflow:hidden;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
}

._9aa9f59c22a099c8-optionButton{
	display:flex;
	width:100%;
	min-height:48px;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	padding:1rem;
	text-align:left;
	transition:background-color 0.15s ease;
	cursor:pointer;
}

._9aa9f59c22a099c8-optionButton:active:not(:disabled){
	background-color:var(--background-modifier-hover);
}

._9aa9f59c22a099c8-optionButton:disabled{
	cursor:not-allowed;
}

._9aa9f59c22a099c8-optionButtonSelected{
	background-color:color-mix(in srgb, var(--brand-primary-light) 10%, transparent);
}

.theme-light ._9aa9f59c22a099c8-optionButtonSelected{
	background-color:color-mix(in srgb, var(--brand-primary) 10%, transparent);
}

@media (hover: hover) and (pointer: fine){
	._9aa9f59c22a099c8-optionButtonSelected:hover{
		background-color:color-mix(in srgb, var(--brand-primary-light) 15%, transparent);
	}

	.theme-light ._9aa9f59c22a099c8-optionButtonSelected:hover{
		background-color:color-mix(in srgb, var(--brand-primary) 15%, transparent);
	}
}

._9aa9f59c22a099c8-optionLabel{
	font-weight:500;
	font-size:0.875rem;
	color:var(--text-primary);
}

._9aa9f59c22a099c8-optionDisabled{
	opacity:0.5;
}

._9aa9f59c22a099c8-checkIconContainer{
	display:flex;
	height:1.25rem;
	width:1.25rem;
	align-items:center;
	justify-content:center;
}

._9aa9f59c22a099c8-checkIcon{
	height:1.25rem;
	width:1.25rem;
	color:var(--brand-primary-light);
}

.theme-light ._9aa9f59c22a099c8-checkIcon{
	color:var(--brand-primary);
}

._9aa9f59c22a099c8-divider{
	margin-left:1rem;
	margin-right:1rem;
	height:1px;
	background-color:var(--background-header-secondary);
	opacity:0.3;
}

._0bb5948a8d48182c-content{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding-bottom:16px;
}

._0bb5948a8d48182c-formContent{
	display:flex;
	flex-direction:column;
	gap:16px;
}

._0bb5948a8d48182c-selectWrapper{
	display:flex;
	flex-direction:column;
	gap:4px;
}

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

._0bb5948a8d48182c-flagImage{
	height:20px;
	width:20px;
}

._0bb5948a8d48182c-dialCodeText{
	color:var(--text-tertiary);
}

._0bb5948a8d48182c-footerText{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._0bb5948a8d48182c-selectLabel{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._5846062bdc53f97f-row{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

@media (min-width: 640px){
	._5846062bdc53f97f-row{
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
		gap:1.5rem;
	}
}

._5846062bdc53f97f-rowContent{
	flex:1;
}

._5846062bdc53f97f-label{
	display:block;
	margin-bottom:0.25rem;
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
}

._5846062bdc53f97f-description{
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

._5846062bdc53f97f-divider{
	border-top:1px solid var(--background-modifier-accent);
	padding-top:1rem;
}

._5846062bdc53f97f-passkeyList{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._5846062bdc53f97f-passkeyItem{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

@media (min-width: 640px){
	._5846062bdc53f97f-passkeyItem{
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
		gap:1.5rem;
	}
}

._5846062bdc53f97f-passkeyInfo{
	flex:1;
}

._5846062bdc53f97f-passkeyName{
	display:block;
	margin-bottom:0.25rem;
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
}

._5846062bdc53f97f-passkeyDetails{
	color:var(--text-primary-muted);
	font-size:0.75rem;
}

._5846062bdc53f97f-passkeyActions{
	display:flex;
	gap:0.5rem;
}

._5846062bdc53f97f-claimButton{
	align-self:flex-start;
}

._5faa706976700d0f-storageGrid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(13rem, 1fr));
	grid-gap:0.75rem;
	gap:0.75rem;
}

._5faa706976700d0f-storageCard{
	display:flex;
	flex-direction:column;
	gap:0.38rem;
	padding:1rem;
	border-radius:0.95rem;
	border:1px solid color-mix(in srgb, var(--border-muted) 86%, transparent);
	background:linear-gradient(
			180deg,
			color-mix(in srgb, var(--surface-secondary) 92%, var(--background-floating) 8%),
			color-mix(in srgb, var(--surface-secondary) 98%, var(--background-primary) 2%)
		);
}

._5faa706976700d0f-storageLabel{
	font-size:0.78rem;
	font-weight:700;
	letter-spacing:0.02em;
	text-transform:uppercase;
	color:var(--text-secondary);
}

._5faa706976700d0f-storageValue{
	font-size:1.08rem;
	font-weight:800;
	line-height:1.1;
	color:var(--text-primary);
}

._5faa706976700d0f-storageHint{
	font-size:0.84rem;
	line-height:1.4;
	color:var(--text-secondary);
}

._5faa706976700d0f-storageActions{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
	margin-top:0.9rem;
}

._5faa706976700d0f-storageHintBlock{
	margin-top:0.75rem;
	font-size:0.83rem;
	line-height:1.45;
	color:var(--text-secondary);
}

._5faa706976700d0f-storageStatus{
	margin-top:0.75rem;
	font-size:0.82rem;
	font-weight:600;
	color:var(--text-primary);
}

._5ad51270e9338443-hero{
	display:flex;
	align-items:flex-start;
	gap:1rem;
	padding:1.15rem;
	border:1px solid color-mix(in srgb, #6e6af6 18%, rgb(255 255 255 / 8%));
	border-radius:8px;
	background:radial-gradient(circle at top right, rgb(80 210 190 / 14%), transparent 34%), linear-gradient(145deg, color-mix(in srgb, #141722 94%, transparent), color-mix(in srgb, #0f111a 96%, transparent));
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 5%);
}

@supports (color: color-mix(in lch, red, blue)) and (color: rgb(0 0 0 / 0)){
._5ad51270e9338443-hero{
	border:1px solid color-mix(in srgb, var(--brand-primary, #6e6af6) 18%, var(--border-subtle, rgb(255 255 255 / 8%)));
	background:radial-gradient(circle at top right, rgb(80 210 190 / 14%), transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--background-secondary, #141722) 94%, transparent), color-mix(in srgb, var(--background-tertiary, #0f111a) 96%, transparent));
}
}

._5ad51270e9338443-heroIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:3rem;
	height:3rem;
	flex-shrink:0;
	border-radius:8px;
	color:rgb(196 247 238);
	background:linear-gradient(145deg, rgb(80 210 190 / 20%), transparent), color-mix(in srgb, #191d2a 92%, transparent);
	border:1px solid rgb(80 210 190 / 24%);
}

@supports (color: color-mix(in lch, red, blue)) and (color: rgb(0 0 0 / 0)){
._5ad51270e9338443-heroIcon{
	background:linear-gradient(145deg, rgb(80 210 190 / 20%), transparent), color-mix(in srgb, var(--background-secondary-alt, #191d2a) 92%, transparent);
}
}

._5ad51270e9338443-heroCopy{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:0.38rem;
}

._5ad51270e9338443-heroEyebrow{
	font-size:0.72rem;
	font-weight:800;
	letter-spacing:0.05em;
	text-transform:uppercase;
	color:rgb(170 220 212);
}

._5ad51270e9338443-heroTitle{
	font-size:1.24rem;
	line-height:1.2;
	font-weight:800;
	color:var(--text-primary);
}

._5ad51270e9338443-heroDescription{
	max-width:45rem;
	font-size:0.9rem;
	line-height:1.55;
	color:var(--text-primary-muted);
}

._5ad51270e9338443-errorBanner{
	padding:0.8rem 0.9rem;
	border:1px solid color-mix(in srgb, #ed4245 30%, transparent);
	border-radius:8px;
	color:color-mix(in srgb, #ed4245 72%, white);
	background:color-mix(in srgb, #ed4245 10%, transparent);
	font-size:0.88rem;
	font-weight:700;
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-errorBanner{
	border:1px solid color-mix(in srgb, var(--status-danger, #ed4245) 30%, transparent);
	color:color-mix(in srgb, var(--status-danger, #ed4245) 72%, white);
	background:color-mix(in srgb, var(--status-danger, #ed4245) 10%, transparent);
}
}

._5ad51270e9338443-audienceSwitch{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:0.4rem;
	gap:0.4rem;
	padding:0.35rem;
	border:1px solid color-mix(in srgb, rgb(255 255 255 / 8%) 92%, transparent);
	border-radius:8px;
	background:color-mix(in srgb, #0f111a 88%, transparent);
}

@supports (color: color-mix(in lch, red, blue)) and (color: rgb(0 0 0 / 0)){
._5ad51270e9338443-audienceSwitch{
	border:1px solid color-mix(in srgb, var(--border-subtle, rgb(255 255 255 / 8%)) 92%, transparent);
}
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-audienceSwitch{
	background:color-mix(in srgb, var(--background-tertiary, #0f111a) 88%, transparent);
}
}

._5ad51270e9338443-audienceButton{
	display:inline-flex;
	min-height:2.55rem;
	align-items:center;
	justify-content:center;
	gap:0.45rem;
	border:0;
	border-radius:7px;
	color:var(--text-primary-muted);
	background:transparent;
	font:inherit;
	font-size:0.88rem;
	font-weight:850;
	cursor:pointer;
	transition:background 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

._5ad51270e9338443-audienceButton:hover{
	color:var(--text-primary);
	background:rgb(255 255 255 / 4%);
}

._5ad51270e9338443-audienceButtonActive{
	color:var(--text-primary);
	background:linear-gradient(145deg, color-mix(in srgb, #6e6af6 28%, transparent), rgb(80 210 190 / 10%)), color-mix(in srgb, #141722 96%, transparent);
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 6%);
}

@supports (color: color-mix(in lch, red, blue)) and (color: rgb(0 0 0 / 0)){
._5ad51270e9338443-audienceButtonActive{
	background:linear-gradient(145deg, color-mix(in srgb, var(--brand-primary, #6e6af6) 28%, transparent), rgb(80 210 190 / 10%)), color-mix(in srgb, var(--background-secondary, #141722) 96%, transparent);
}
}

._5ad51270e9338443-connectionCard{
	display:grid;
	grid-template-columns:minmax(0, 1.1fr) minmax(12rem, 0.9fr) auto;
	align-items:center;
	grid-gap:1rem;
	gap:1rem;
	padding:1rem;
	border:1px solid color-mix(in srgb, rgb(255 255 255 / 8%) 92%, transparent);
	border-radius:8px;
	background:color-mix(in srgb, #141722 92%, transparent);
}

@supports (color: color-mix(in lch, red, blue)) and (color: rgb(0 0 0 / 0)){
._5ad51270e9338443-connectionCard{
	border:1px solid color-mix(in srgb, var(--border-subtle, rgb(255 255 255 / 8%)) 92%, transparent);
}
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-connectionCard{
	background:color-mix(in srgb, var(--background-secondary, #141722) 92%, transparent);
}
}

._5ad51270e9338443-connectionIdentity{
	display:flex;
	min-width:0;
	align-items:center;
	gap:0.85rem;
}

._5ad51270e9338443-avatar{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:3.25rem;
	height:3.25rem;
	flex-shrink:0;
	overflow:hidden;
	border-radius:8px;
	color:color-mix(in srgb, #6e6af6 80%, white);
	background:color-mix(in srgb, #191d2a 92%, transparent);
	border:1px solid color-mix(in srgb, #6e6af6 22%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-avatar{
	color:color-mix(in srgb, var(--brand-primary, #6e6af6) 80%, white);
	background:color-mix(in srgb, var(--background-secondary-alt, #191d2a) 92%, transparent);
	border:1px solid color-mix(in srgb, var(--brand-primary, #6e6af6) 22%, transparent);
}
}

._5ad51270e9338443-avatarEmpty{
	background:linear-gradient(145deg, color-mix(in srgb, #6e6af6 16%, transparent), transparent), color-mix(in srgb, #191d2a 92%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-avatarEmpty{
	background:linear-gradient(145deg, color-mix(in srgb, var(--brand-primary, #6e6af6) 16%, transparent), transparent), color-mix(in srgb, var(--background-secondary-alt, #191d2a) 92%, transparent);
}
}

._5ad51270e9338443-avatarImage{
	width:100%;
	height:100%;
	object-fit:cover;
}

._5ad51270e9338443-connectionCopy{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:0.22rem;
}

._5ad51270e9338443-connectionTitle{
	overflow:hidden;
	font-size:1rem;
	font-weight:800;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--text-primary);
}

._5ad51270e9338443-connectionMeta{
	overflow:hidden;
	font-size:0.84rem;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--text-primary-muted);
}

._5ad51270e9338443-connectionStatus{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:0.38rem;
}

._5ad51270e9338443-statusPill{
	display:inline-flex;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	align-items:center;
	gap:0.38rem;
	padding:0.28rem 0.55rem;
	border:1px solid color-mix(in srgb, #6e6af6 24%, transparent);
	border-radius:999px;
	color:var(--text-primary);
	background:color-mix(in srgb, #6e6af6 12%, transparent);
	font-size:0.75rem;
	font-weight:800;
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-statusPill{
	border:1px solid color-mix(in srgb, var(--brand-primary, #6e6af6) 24%, transparent);
	background:color-mix(in srgb, var(--brand-primary, #6e6af6) 12%, transparent);
}
}

._5ad51270e9338443-statusPillConnected{
	color:rgb(204 255 236);
	background:rgb(52 211 153 / 14%);
	border-color:rgb(52 211 153 / 28%);
}

._5ad51270e9338443-statusText{
	font-size:0.82rem;
	line-height:1.45;
	color:var(--text-primary-muted);
}

._5ad51270e9338443-actions{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:0.55rem;
}

._5ad51270e9338443-switchStack{
	display:flex;
	flex-direction:column;
	gap:0.85rem;
}

._5ad51270e9338443-creatorGrid{
	display:grid;
	grid-gap:1rem;
	gap:1rem;
}

._5ad51270e9338443-scopePanel{
	display:grid;
	grid-template-columns:auto minmax(0, 1fr) auto auto;
	align-items:center;
	grid-gap:0.8rem;
	gap:0.8rem;
	padding:0.95rem;
	border:1px solid color-mix(in srgb, #6e6af6 20%, transparent);
	border-radius:8px;
	background:linear-gradient(145deg, color-mix(in srgb, #6e6af6 9%, transparent), transparent), color-mix(in srgb, #141722 90%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-scopePanel{
	border:1px solid color-mix(in srgb, var(--brand-primary, #6e6af6) 20%, transparent);
	background:linear-gradient(145deg, color-mix(in srgb, var(--brand-primary, #6e6af6) 9%, transparent), transparent), color-mix(in srgb, var(--background-secondary, #141722) 90%, transparent);
}
}

._5ad51270e9338443-scopeIcon,
._5ad51270e9338443-resultIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2.35rem;
	height:2.35rem;
	flex-shrink:0;
	border-radius:8px;
	color:rgb(196 247 238);
	background:rgb(80 210 190 / 14%);
	border:1px solid rgb(80 210 190 / 24%);
}

._5ad51270e9338443-scopeCopy{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:0.22rem;
}

._5ad51270e9338443-scopeTitle,
._5ad51270e9338443-resultTitle{
	font-size:0.9rem;
	font-weight:800;
	color:var(--text-primary);
}

._5ad51270e9338443-scopeText,
._5ad51270e9338443-resultText{
	font-size:0.82rem;
	line-height:1.45;
	color:var(--text-primary-muted);
}

._5ad51270e9338443-formGrid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:0.85rem;
	gap:0.85rem;
}

._5ad51270e9338443-checkCard{
	display:grid;
	grid-gap:0.85rem;
	gap:0.85rem;
}

._5ad51270e9338443-checkRow{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	align-items:end;
	grid-gap:0.75rem;
	gap:0.75rem;
}

._5ad51270e9338443-resultCard{
	display:flex;
	align-items:flex-start;
	gap:0.75rem;
	padding:0.9rem;
	border:1px solid color-mix(in srgb, rgb(255 255 255 / 8%) 92%, transparent);
	border-radius:8px;
	background:color-mix(in srgb, #141722 90%, transparent);
}

@supports (color: color-mix(in lch, red, blue)) and (color: rgb(0 0 0 / 0)){
._5ad51270e9338443-resultCard{
	border:1px solid color-mix(in srgb, var(--border-subtle, rgb(255 255 255 / 8%)) 92%, transparent);
}
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-resultCard{
	background:color-mix(in srgb, var(--background-secondary, #141722) 90%, transparent);
}
}

._5ad51270e9338443-resultCardEligible{
	border-color:rgb(52 211 153 / 30%);
	background:rgb(52 211 153 / 9%);
}

._5ad51270e9338443-resultCardEligible ._5ad51270e9338443-resultIcon{
	color:rgb(204 255 236);
	background:rgb(52 211 153 / 16%);
	border-color:rgb(52 211 153 / 30%);
}

._5ad51270e9338443-grantsSummary{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr)) auto;
	align-items:center;
	grid-gap:0.75rem;
	gap:0.75rem;
	padding:0.85rem;
	border:1px solid color-mix(in srgb, rgb(255 255 255 / 8%) 92%, transparent);
	border-radius:8px;
	background:color-mix(in srgb, #141722 82%, transparent);
}

@supports (color: color-mix(in lch, red, blue)) and (color: rgb(0 0 0 / 0)){
._5ad51270e9338443-grantsSummary{
	border:1px solid color-mix(in srgb, var(--border-subtle, rgb(255 255 255 / 8%)) 92%, transparent);
}
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-grantsSummary{
	background:color-mix(in srgb, var(--background-secondary, #141722) 82%, transparent);
}
}

._5ad51270e9338443-summaryValue{
	font-size:1.15rem;
	font-weight:850;
	line-height:1;
	color:var(--text-primary);
}

._5ad51270e9338443-summaryLabel{
	margin-top:0.22rem;
	font-size:0.78rem;
	line-height:1.35;
	color:var(--text-primary-muted);
}

._5ad51270e9338443-eventSubPanel{
	display:grid;
	grid-gap:0.85rem;
	gap:0.85rem;
	padding:0.95rem;
	border:1px solid color-mix(in srgb, #6e6af6 20%, transparent);
	border-radius:8px;
	background:radial-gradient(circle at top right, rgb(80 210 190 / 10%), transparent 34%), color-mix(in srgb, #141722 90%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-eventSubPanel{
	border:1px solid color-mix(in srgb, var(--brand-primary, #6e6af6) 20%, transparent);
}
}

@supports (color: color-mix(in lch, red, blue)) and (color: rgb(0 0 0 / 0)){
._5ad51270e9338443-eventSubPanel{
	background:radial-gradient(circle at top right, rgb(80 210 190 / 10%), transparent 34%), color-mix(in srgb, var(--background-secondary, #141722) 90%, transparent);
}
}

._5ad51270e9338443-eventSubHeader{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:0.85rem;
}

._5ad51270e9338443-eventSubTitle{
	font-size:0.92rem;
	font-weight:850;
	color:var(--text-primary);
}

._5ad51270e9338443-eventSubText,
._5ad51270e9338443-eventSubMeta{
	margin-top:0.22rem;
	font-size:0.82rem;
	line-height:1.45;
	color:var(--text-primary-muted);
}

._5ad51270e9338443-eventSubList{
	display:grid;
	grid-gap:0.45rem;
	gap:0.45rem;
}

._5ad51270e9338443-eventSubRow{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	align-items:center;
	grid-gap:0.7rem;
	gap:0.7rem;
	padding:0.58rem 0.65rem;
	border:1px solid color-mix(in srgb, rgb(255 255 255 / 8%) 90%, transparent);
	border-radius:8px;
	background:color-mix(in srgb, #0f111a 78%, transparent);
}

@supports (color: color-mix(in lch, red, blue)) and (color: rgb(0 0 0 / 0)){
._5ad51270e9338443-eventSubRow{
	border:1px solid color-mix(in srgb, var(--border-subtle, rgb(255 255 255 / 8%)) 90%, transparent);
}
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-eventSubRow{
	background:color-mix(in srgb, var(--background-tertiary, #0f111a) 78%, transparent);
}
}

._5ad51270e9338443-eventSubType{
	overflow:hidden;
	font-size:0.82rem;
	font-weight:780;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--text-primary);
}

._5ad51270e9338443-eventSubStatus{
	padding:0.18rem 0.45rem;
	border-radius:999px;
	color:var(--text-primary-muted);
	background:rgb(255 255 255 / 6%);
	font-size:0.72rem;
	font-weight:800;
}

._5ad51270e9338443-eventSubStatusEnabled{
	color:rgb(204 255 236);
	background:rgb(52 211 153 / 15%);
}

._5ad51270e9338443-liveStateCard{
	display:flex;
	align-items:flex-start;
	gap:0.75rem;
	padding:0.9rem;
	border:1px solid color-mix(in srgb, rgb(255 255 255 / 8%) 92%, transparent);
	border-radius:8px;
	background:color-mix(in srgb, #141722 88%, transparent);
}

@supports (color: color-mix(in lch, red, blue)) and (color: rgb(0 0 0 / 0)){
._5ad51270e9338443-liveStateCard{
	border:1px solid color-mix(in srgb, var(--border-subtle, rgb(255 255 255 / 8%)) 92%, transparent);
}
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-liveStateCard{
	background:color-mix(in srgb, var(--background-secondary, #141722) 88%, transparent);
}
}

._5ad51270e9338443-liveDot{
	width:0.7rem;
	height:0.7rem;
	flex-shrink:0;
	margin-top:0.28rem;
	border-radius:999px;
	background:rgb(148 163 184);
	box-shadow:0 0 0 0.28rem rgb(148 163 184 / 12%);
}

._5ad51270e9338443-liveStateLive{
	border-color:rgb(239 68 68 / 30%);
	background:rgb(239 68 68 / 8%);
}

._5ad51270e9338443-liveStateLive ._5ad51270e9338443-liveDot{
	background:rgb(239 68 68);
	box-shadow:0 0 0 0.28rem rgb(239 68 68 / 14%);
}

._5ad51270e9338443-liveStateTitle{
	font-size:0.9rem;
	font-weight:850;
	color:var(--text-primary);
}

._5ad51270e9338443-liveStateText{
	margin-top:0.2rem;
	font-size:0.82rem;
	line-height:1.45;
	color:var(--text-primary-muted);
}

._5ad51270e9338443-noteGrid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));
	grid-gap:0.85rem;
	gap:0.85rem;
}

._5ad51270e9338443-noteItem{
	display:flex;
	align-items:flex-start;
	gap:0.75rem;
	padding:0.95rem;
	border:1px solid color-mix(in srgb, rgb(255 255 255 / 8%) 92%, transparent);
	border-radius:8px;
	color:var(--text-primary);
	background:color-mix(in srgb, #141722 88%, transparent);
}

@supports (color: color-mix(in lch, red, blue)) and (color: rgb(0 0 0 / 0)){
._5ad51270e9338443-noteItem{
	border:1px solid color-mix(in srgb, var(--border-subtle, rgb(255 255 255 / 8%)) 92%, transparent);
}
}

@supports (color: color-mix(in lch, red, blue)){
._5ad51270e9338443-noteItem{
	background:color-mix(in srgb, var(--background-secondary, #141722) 88%, transparent);
}
}

._5ad51270e9338443-noteItem > svg{
	flex-shrink:0;
	color:rgb(80 210 190);
}

._5ad51270e9338443-noteTitle{
	margin-bottom:0.22rem;
	font-size:0.88rem;
	font-weight:800;
	color:var(--text-primary);
}

._5ad51270e9338443-noteText{
	font-size:0.82rem;
	line-height:1.45;
	color:var(--text-primary-muted);
}

@media (max-width: 720px){
	._5ad51270e9338443-hero{
		flex-direction:column;
	}

	._5ad51270e9338443-connectionCard{
		grid-template-columns:1fr;
		align-items:stretch;
	}

	._5ad51270e9338443-actions{
		justify-content:flex-start;
	}

	._5ad51270e9338443-scopePanel,
	._5ad51270e9338443-checkRow,
	._5ad51270e9338443-formGrid,
	._5ad51270e9338443-audienceSwitch,
	._5ad51270e9338443-grantsSummary{
		grid-template-columns:1fr;
		align-items:stretch;
	}

	._5ad51270e9338443-eventSubHeader{
		flex-direction:column;
	}
}
._5ad51270e9338443-hero,
._5ad51270e9338443-connectionCard,
._5ad51270e9338443-scopePanel,
._5ad51270e9338443-eventSubPanel,
._5ad51270e9338443-resultCard,
._5ad51270e9338443-grantsSummary,
._5ad51270e9338443-liveStateCard,
._5ad51270e9338443-noteItem,
._5ad51270e9338443-eventSubRow{
	border-radius:12px;
	background:color-mix(in srgb, var(--background-secondary) 92%, var(--background-primary) 8%);
	box-shadow:none;
}

._5ad51270e9338443-hero,
._5ad51270e9338443-scopePanel,
._5ad51270e9338443-eventSubPanel{
	background-image:none;
}

._5ad51270e9338443-hero{
	padding:1rem;
	border-color:color-mix(in srgb, var(--text-primary) 10%, transparent);
}

._5ad51270e9338443-heroIcon,
._5ad51270e9338443-scopeIcon,
._5ad51270e9338443-resultIcon{
	border-radius:10px;
	background:color-mix(in srgb, var(--background-modifier-hover) 62%, var(--background-secondary));
	border-color:color-mix(in srgb, var(--text-primary) 10%, transparent);
	color:var(--text-primary);
}

._5ad51270e9338443-heroTitle{
	font-size:1.08rem;
}

._5ad51270e9338443-heroDescription,
._5ad51270e9338443-statusText,
._5ad51270e9338443-scopeText,
._5ad51270e9338443-resultText,
._5ad51270e9338443-eventSubText,
._5ad51270e9338443-eventSubMeta,
._5ad51270e9338443-liveStateText,
._5ad51270e9338443-noteText,
._5ad51270e9338443-summaryLabel{
	color:var(--text-secondary);
}

._5ad51270e9338443-audienceSwitch{
	padding:0.3rem;
	border-radius:12px;
	background:color-mix(in srgb, var(--background-tertiary) 90%, var(--background-primary) 10%);
}

._5ad51270e9338443-audienceButton{
	min-height:2.45rem;
	border-radius:10px;
	font-size:0.84rem;
}

._5ad51270e9338443-audienceButtonActive{
	background:color-mix(in srgb, var(--background-modifier-hover) 68%, var(--background-secondary));
	box-shadow:none;
}

._5ad51270e9338443-connectionCard,
._5ad51270e9338443-eventSubPanel,
._5ad51270e9338443-scopePanel,
._5ad51270e9338443-grantsSummary,
._5ad51270e9338443-resultCard,
._5ad51270e9338443-liveStateCard,
._5ad51270e9338443-noteItem,
._5ad51270e9338443-eventSubRow{
	border-color:color-mix(in srgb, var(--text-primary) 9%, transparent);
}

._5ad51270e9338443-actions{
	gap:0.5rem;
}

._5ad51270e9338443-embeddedContainer{
	gap:0;
}

._5ad51270e9338443-embeddedContent{
	gap:1rem;
	padding-top:0.15rem;
}

._518b005bb0b6297c-modalRoot{
	width:min(1080px, 94vw);
	max-width:1080px;
	border-radius:24px;
}

._518b005bb0b6297c-content{
	display:flex;
	flex-direction:column;
	min-height:0;
	padding:1rem 1.35rem 1.2rem;
}

@media (max-width: 740px){
	._518b005bb0b6297c-modalRoot{
		width:min(100vw - 18px, 1080px);
		border-radius:18px;
	}

	._518b005bb0b6297c-content{
		padding-left:0.92rem;
		padding-right:0.92rem;
	}
}

.e75555d3cc5ee2d3-container{
	display:flex;
	flex-direction:column;
	margin:-1rem 0;
}

.e75555d3cc5ee2d3-item{
	display:flex;
	height:68px;
	align-items:center;
	border-bottom:1px solid var(--background-modifier-accent);
}

.e75555d3cc5ee2d3-container > .e75555d3cc5ee2d3-item:last-child{
	border-bottom:0;
}

.e75555d3cc5ee2d3-itemContent{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
}

.e75555d3cc5ee2d3-itemLabel{
	display:flex;
	flex:1;
	align-items:center;
	gap:0.5rem;
	border:none;
	background:transparent;
	padding:0;
	cursor:pointer;
	font-size:0.875rem;
	color:var(--text-primary);
	text-align:left;
}

.e75555d3cc5ee2d3-itemLabel.e75555d3cc5ee2d3-disabled{
	cursor:not-allowed;
}

.e75555d3cc5ee2d3-labelText{
	display:flex;
	align-items:center;
	gap:0.5rem;
	font-size:0.875rem;
}

.e75555d3cc5ee2d3-shortcut{
	display:flex;
	align-items:center;
	gap:0.25rem;
}

.e75555d3cc5ee2d3-extraContent{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.fecc9c98a502f163-integrationGrid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:0.8rem;
	gap:0.8rem;
}

@media (max-width: 760px){
	.fecc9c98a502f163-integrationGrid{
		grid-template-columns:1fr;
	}
}

.fecc9c98a502f163-integrationCard{
	display:flex;
	flex-direction:column;
	gap:0.8rem;
	padding:0.92rem;
	border-radius:0.75rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%);
}

.fecc9c98a502f163-integrationCardMuted{
	opacity:0.72;
}

.fecc9c98a502f163-cardHeader{
	display:flex;
	gap:0.7rem;
	align-items:flex-start;
	justify-content:space-between;
}

.fecc9c98a502f163-integrationIdentity{
	display:flex;
	min-width:0;
	gap:0.62rem;
	align-items:center;
}

.fecc9c98a502f163-integrationMark{
	height:2rem;
	width:2rem;
	border-radius:0.55rem;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--text-primary);
	background:color-mix(in srgb, var(--background-modifier-hover) 55%, var(--background-primary));
	border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
}

.fecc9c98a502f163-integrationLogo{
	height:1.1rem;
	width:1.1rem;
	display:block;
}

.fecc9c98a502f163-integrationText{
	display:flex;
	flex-direction:column;
	gap:0.24rem;
	min-width:0;
}

.fecc9c98a502f163-integrationNameRow{
	display:flex;
	align-items:center;
	gap:0.42rem;
	min-width:0;
}

.fecc9c98a502f163-integrationName{
	font-size:0.91rem;
	line-height:1.25;
	font-weight:700;
	color:var(--text-primary);
}

.fecc9c98a502f163-integrationDescription{
	font-size:0.76rem;
	line-height:1.35;
	color:var(--text-secondary);
	overflow-wrap:anywhere;
}

.fecc9c98a502f163-integrationDescriptionRevealOnHover{
	max-height:0;
	opacity:0;
	transform:translateY(-2px);
	overflow:hidden;
	pointer-events:none;
	transition:max-height 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.fecc9c98a502f163-integrationIdentity:hover .fecc9c98a502f163-integrationDescriptionRevealOnHover,
.fecc9c98a502f163-integrationIdentity:focus-within .fecc9c98a502f163-integrationDescriptionRevealOnHover,
.fecc9c98a502f163-integrationCard:focus-within .fecc9c98a502f163-integrationDescriptionRevealOnHover,
.fecc9c98a502f163-integrationCard:active .fecc9c98a502f163-integrationDescriptionRevealOnHover{
	max-height:3.2em;
	opacity:1;
	transform:translateY(0);
	pointer-events:auto;
}

.fecc9c98a502f163-statusAvailable,
.fecc9c98a502f163-statusSoon{
	font-size:0.65rem;
	line-height:1;
	font-weight:700;
	letter-spacing:0.05em;
	text-transform:uppercase;
	border-radius:999px;
	padding:0.28rem 0.5rem;
	white-space:nowrap;
}

.fecc9c98a502f163-statusAvailable{
	background:color-mix(in srgb, var(--brand-primary) 20%, transparent);
	color:color-mix(in srgb, var(--brand-primary) 76%, var(--text-primary));
}

.fecc9c98a502f163-statusConnected{
	background:color-mix(in srgb, var(--status-positive) 20%, transparent);
	color:color-mix(in srgb, var(--status-positive) 75%, var(--text-primary));
}

.fecc9c98a502f163-statusSoon{
	background:color-mix(in srgb, var(--text-tertiary) 16%, transparent);
	color:var(--text-secondary);
}

.fecc9c98a502f163-cardFooter{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.58rem;
}

.fecc9c98a502f163-connectedState{
	margin-left:auto;
	display:inline-flex;
	align-items:center;
	gap:0.3rem;
	font-size:0.75rem;
	color:var(--text-secondary);
}

.fecc9c98a502f163-errorBanner{
	display:inline-flex;
	align-items:center;
	gap:0.4rem;
	font-size:0.78rem;
	line-height:1.35;
	color:color-mix(in srgb, var(--status-danger) 76%, var(--text-primary));
	background:color-mix(in srgb, var(--status-danger) 10%, transparent);
	border:1px solid color-mix(in srgb, var(--status-danger) 28%, transparent);
	padding:0.48rem 0.58rem;
	border-radius:0.55rem;
}

.fecc9c98a502f163-newBadge{
	position:relative;
	overflow:hidden;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:1.72rem;
	flex-shrink:0;
	padding:0.16rem 0.4rem;
	border-radius:999px;
	font-size:0.53rem;
	line-height:1;
	font-weight:800;
	letter-spacing:0.07em;
	text-transform:uppercase;
	white-space:nowrap;
	color:color-mix(in srgb, var(--brand-primary) 85%, white);
	background:linear-gradient(
		120deg,
		color-mix(in srgb, var(--brand-primary) 20%, transparent) 0%,
		color-mix(in srgb, var(--brand-primary) 34%, transparent) 50%,
		color-mix(in srgb, var(--brand-primary) 20%, transparent) 100%
	);
	border:1px solid color-mix(in srgb, var(--brand-primary) 34%, transparent);
	pointer-events:none;
}

.fecc9c98a502f163-newBadge::after{
	content:'';
	position:absolute;
	inset:0;
	transform:translateX(-130%);
	background:linear-gradient(100deg, transparent 12%, rgb(255 255 255 / 48%) 48%, transparent 86%);
	animation:fecc9c98a502f163-new-shimmer 2.2s linear infinite;
	opacity:0.72;
	pointer-events:none;
}

@keyframes fecc9c98a502f163-new-shimmer{
	100%{
		transform:translateX(130%);
	}
}

._66f86ad020a7c770-container{
	display:flex;
	flex-direction:column;
}

@keyframes _1c30a6c705c2a4f0-typingWave{
	0%,
	60%,
	100%{
		transform:translateY(0) scale(1);
		opacity:0.55;
	}
	30%{
		transform:translateY(-1.5px) scale(1.18);
		opacity:1;
	}
}

._1c30a6c705c2a4f0-dot{
	animation:1.2s _1c30a6c705c2a4f0-typingWave infinite cubic-bezier(0.4, 0, 0.2, 1);
	color:var(--text-chat);
	transform-origin:center;
	transform-box:fill-box;
}

._1c30a6c705c2a4f0-dot:nth-child(2){
	animation-delay:180ms;
}

._1c30a6c705c2a4f0-dot:nth-child(3){
	animation-delay:360ms;
}

html:not(.window-focused) ._1c30a6c705c2a4f0-dot{
	animation-play-state:paused;
	opacity:1;
}

@media (prefers-reduced-motion: reduce){
	._1c30a6c705c2a4f0-dot{
		animation:none;
		opacity:0.7;
	}
}

.f260ee552a6832b9-iconSection{
	display:flex;
	flex-direction:column;
	margin-bottom:24px;
}

.f260ee552a6832b9-iconLabel{
	margin-bottom:8px;
	font-size:14px;
	font-weight:500;
	color:var(--text-primary);
}

.f260ee552a6832b9-iconContainer{
	display:flex;
	align-items:center;
	gap:16px;
}

.f260ee552a6832b9-iconPreview{
	width:80px;
	height:80px;
	flex-shrink:0;
	border-radius:50%;
	background-size:cover;
	background-position:center;
}

.f260ee552a6832b9-iconPlaceholder{
	display:flex;
	width:80px;
	height:80px;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	border:4px dashed var(--text-tertiary);
}

.f260ee552a6832b9-iconPlaceholderIcon{
	width:32px;
	height:32px;
	color:var(--text-tertiary);
}

.f260ee552a6832b9-iconActions{
	display:flex;
	flex:1;
	flex-direction:column;
	gap:8px;
}

.f260ee552a6832b9-iconButtonGroup{
	display:flex;
	flex-direction:column;
	gap:8px;
}

@media (min-width: 640px){
	.f260ee552a6832b9-iconButtonGroup{
		flex-direction:row;
	}
}

.f260ee552a6832b9-iconHint{
	font-size:14px;
	color:var(--text-primary-muted);
}

.f260ee552a6832b9-iconError{
	margin-top:8px;
	font-size:14px;
	color:var(--status-danger);
}

.f260ee552a6832b9-hiddenInput{
	display:none;
}

.c1a1ab098838b244-content{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding-bottom:16px;
}

.c1a1ab098838b244-description{
	color:var(--text-primary-muted);
	font-size:14px;
	margin-bottom:4px;
}

.c1a1ab098838b244-cropperContainer{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:350px;
	width:100%;
	overflow:hidden;
	border-radius:var(--radius-sm);
	background-color:var(--background-primary);
}

@media screen and (max-height: 800px){
	.c1a1ab098838b244-cropperContainer{
		height:200px;
	}
}

.c1a1ab098838b244-image{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate3d(0, 0, 0) rotate(0deg);
	transform-origin:center center;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	cursor:pointer;
}

.c1a1ab098838b244-image:active{
	cursor:-webkit-grabbing;
	cursor:grabbing;
}

.c1a1ab098838b244-overlayRect{
	pointer-events:none;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border-radius:4px;
	border:5px solid hsl(0, 0%, 100%);
	box-sizing:border-box;
	box-shadow:0 0 0 9999px rgba(47, 49, 54, 0.6);
}

.c1a1ab098838b244-roundOverlay{
	pointer-events:none;
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.c1a1ab098838b244-roundMask{
	border-radius:50%;
	width:min(100%, 100%);
	aspect-ratio:1 / 1;
	border:5px solid hsl(0, 0%, 100%);
	box-sizing:border-box;
	box-shadow:0 0 0 9999px rgba(47, 49, 54, 0.6);
}

.c1a1ab098838b244-controlsContainer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:nowrap;
	gap:24px;
	padding:16px 24px;
}

.c1a1ab098838b244-sliderGroup{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	gap:16px;
	flex:1;
	flex-wrap:wrap;
	min-width:0;
}

.c1a1ab098838b244-sliderContainer{
	display:flex;
	flex-direction:column;
	gap:4px;
	min-width:0;
	flex:1;
}

.c1a1ab098838b244-sliderLabel{
	font-size:12px;
	font-weight:500;
	color:var(--text-secondary);
}

.c1a1ab098838b244-sliderWrapper{
	flex:1;
	min-width:120px;
}

.c1a1ab098838b244-zoomSliderContainer,
.c1a1ab098838b244-heightSliderContainer{
	display:flex;
	align-items:center;
	flex-direction:row;
	justify-content:center;
	gap:10px;
	min-width:0;
	flex:1;
}

.c1a1ab098838b244-zoomIconSmall,
.c1a1ab098838b244-zoomIconLarge,
.c1a1ab098838b244-heightIconShort,
.c1a1ab098838b244-heightIconTall{
	color:var(--text-tertiary);
}

.c1a1ab098838b244-heightIconShort,
.c1a1ab098838b244-heightIconTall{
	display:flex;
	align-items:center;
	justify-content:center;
	width:12px;
	border-radius:2px;
	background-color:var(--text-tertiary);
}

.c1a1ab098838b244-heightIconShort{
	height:6px;
	opacity:0.6;
}

.c1a1ab098838b244-heightIconTall{
	height:16px;
	opacity:0.9;
}

.c1a1ab098838b244-rotateButton{
	box-sizing:content-box;
	color:var(--text-tertiary);
	cursor:pointer;
	height:32px;
	width:32px;
	padding:6px;
	margin-left:8px;
	transition:color 150ms ease, transform 150ms ease;
}

.c1a1ab098838b244-rotateButton:hover{
	color:var(--text-primary);
	transform:rotate(10deg);
}

.c1a1ab098838b244-rotateButton:disabled{
	color:var(--text-tertiary-muted);
	cursor:default;
	transform:none;
}

.c1a1ab098838b244-rotateIcon{
	color:inherit;
}

.c1a1ab098838b244-footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
}

.c1a1ab098838b244-footerActions{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

@media screen and (max-width: 640px){
	.c1a1ab098838b244-controlsContainer{
		flex-direction:column;
		align-items:stretch;
		gap:16px;
	}

	.c1a1ab098838b244-rotateButton{
		align-self:center;
		margin-left:0;
	}
}

._1acbb039df768747-checkboxWrapper{
	display:flex;
	align-items:center;
	position:relative;
	height:24px;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	flex:0 0 auto;
	cursor:pointer;
}

._1acbb039df768747-disabled{
	opacity:0.6;
}

._1acbb039df768747-menuDisabled{
	opacity:0.4;
	cursor:not-allowed;
	pointer-events:none;
}

._1acbb039df768747-checkbox{
	display:flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	border:1px solid var(--background-header-secondary);
	box-sizing:border-box;
	cursor:pointer;
	background:color-mix(in srgb, var(--background-tertiary) 80%, transparent);
	transition:background-color var(--motion-dur-short) var(--motion-ease-snap), border-color var(--motion-dur-short) var(--motion-ease-snap), transform var(--motion-dur-instant) var(--motion-ease-smooth);
}

._1acbb039df768747-box{
	border-radius:0.34rem;
}

._1acbb039df768747-round{
	border-radius:50%;
}

._1acbb039df768747-checked{
	background-color:color-mix(in srgb, var(--brand-primary) 88%, var(--background-tertiary) 12%);
	border:1px solid color-mix(in srgb, var(--brand-primary) 74%, white 26%);
}

._1acbb039df768747-checkedInverted{
	background-color:var(--text-on-brand-primary);
	border-color:var(--brand-primary);
}

._1acbb039df768747-inverted{
	border-color:white;
}

._1acbb039df768747-focused{
	box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 16%, transparent);
}

._1acbb039df768747-checkIcon{
	color:white;
}

._1acbb039df768747-invertedIcon{
	color:var(--brand-primary);
}

._1acbb039df768747-label{
	padding-left:8px;
	color:var(--text-primary);
	display:inline-flex;
	flex-direction:column;
	align-items:flex-start;
	gap:4px;
	margin-top:-2px;
}

._1acbb039df768747-labelInteractive{
	cursor:pointer;
}

._1acbb039df768747-labelText{
	line-height:1.25rem;
}

._1acbb039df768747-keyboardShortcutHints{
	margin-left:8px;
	display:flex;
	flex-wrap:wrap;
	gap:4px;
	align-items:flex-start;
	font-size:0.75rem;
	color:var(--text-tertiary);
}

._1acbb039df768747-keyboardShortcut{
	display:inline-flex;
	align-items:center;
	gap:4px;
	padding:1px 0;
}

._1acbb039df768747-keyboardShortcutKey{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:3px 8px;
	border-radius:6px;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary-alt);
	color:var(--text-primary);
	font-size:0.75rem;
	font-weight:600;
	line-height:1;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1) inset, inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

._1acbb039df768747-keyboardShortcutLabel{
	font-size:0.75rem;
	color:var(--text-tertiary);
}

._1acbb039df768747-keyboardShortcutHint{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border:0;
}

._1acbb039df768747-keyboardShortcutPortal{
	position:absolute;
	left:0;
	top:calc(100% + 4px);
	display:flex;
	flex-wrap:wrap;
	gap:3px;
	align-items:flex-start;
	font-size:0.75rem;
	color:var(--text-tertiary);
	line-height:1;
}

._1acbb039df768747-labelFocusRing{
	border-radius:var(--radius-sm);
}

._1acbb039df768747-noOutline{
	outline:none !important;
}

._1acbb039df768747-menuChecked{
	background-color:var(--brand-primary);
	border-color:var(--brand-primary);
}

._1acbb039df768747-menuChecked:hover{
	background-color:var(--brand-primary);
	border-color:var(--brand-primary);
}

._1acbb039df768747-checkboxIndicator{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	cursor:inherit;
}

.a36d448d7086a3a6-container{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.a36d448d7086a3a6-label{
	font-size:0.875rem;
	line-height:1.25rem;
}

._6ddbc80026496067-header{
	display:none;
	grid-template-columns:170px 130px minmax(140px, 1fr) 90px 140px;
	gap:8px;
	padding:0 12px 8px 12px;
}

._6ddbc80026496067-headerWithoutChannel{
	display:none;
	grid-template-columns:190px minmax(140px, 1fr) 90px 140px;
	gap:12px;
	padding:0 12px 8px 12px;
}

._6ddbc80026496067-headerColumn{
	font-weight:600;
	font-size:12px;
	text-transform:uppercase;
	color:var(--text-primary-muted);
}

._6ddbc80026496067-item{
	display:flex;
	flex-direction:column;
	gap:8px;
	border-radius:6px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:12px;
	position:relative;
}

._6ddbc80026496067-itemWithChannel{
	
	display:grid;
	grid-template-columns:170px 130px minmax(140px, 1fr) 90px 140px;
	grid-gap:8px;
	gap:8px;
	align-items:center;
}

._6ddbc80026496067-itemWithoutChannel{
	
	display:grid;
	grid-template-columns:190px minmax(140px, 1fr) 90px 140px;
	grid-gap:12px;
	gap:12px;
	align-items:center;
}

._6ddbc80026496067-mobileItem{
	
	cursor:pointer;
}

._6ddbc80026496067-mobileItem:active{
	opacity:0.8;
}

._6ddbc80026496067-row{
	display:flex;
	align-items:center;
	gap:8px;
	overflow:hidden;
}

._6ddbc80026496067-label{
	font-weight:600;
	font-size:12px;
	text-transform:uppercase;
	color:var(--text-primary-muted);
}

._6ddbc80026496067-inviter{
	
}

._6ddbc80026496067-channel{
	
}

._6ddbc80026496067-code{
	
	position:relative;
}

._6ddbc80026496067-uses{
	
}

._6ddbc80026496067-date{
	
}

._6ddbc80026496067-copyButton{
	flex-shrink:0;
	border-radius:4px;
	padding:4px;
	color:var(--text-primary-muted);
	transition:background-color 0.2s, color 0.2s;
	cursor:pointer;
}

._6ddbc80026496067-copyButton:hover{
	background-color:var(--background-header-secondary);
	color:var(--text-primary);
}

._6ddbc80026496067-copyButtonHidden{
	
	opacity:0;
	pointer-events:none;
}

._6ddbc80026496067-revokeButton{
	position:absolute;
	top:-8px;
	right:-8px;
	border-radius:50%;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-primary);
	padding:8px;
	color:var(--text-primary-muted);
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	transition:border-color 0.2s, background-color 0.2s, color 0.2s;
	cursor:pointer;
}

._6ddbc80026496067-revokeButton:hover{
	border-color:var(--status-danger);
	background-color:var(--status-danger);
	color:white;
}

._6ddbc80026496067-revokeButtonHidden{
	
	opacity:0;
	pointer-events:none;
}

@media (hover: hover) and (pointer: fine){
	._6ddbc80026496067-itemWithChannel:hover ._6ddbc80026496067-copyButtonHidden,
	._6ddbc80026496067-itemWithoutChannel:hover ._6ddbc80026496067-copyButtonHidden{
		opacity:1;
		pointer-events:auto;
	}

	._6ddbc80026496067-itemWithChannel:hover ._6ddbc80026496067-revokeButtonHidden,
	._6ddbc80026496067-itemWithoutChannel:hover ._6ddbc80026496067-revokeButtonHidden{
		opacity:1;
		pointer-events:auto;
	}
}

@media (hover: none){
	._6ddbc80026496067-revokeButton,
	._6ddbc80026496067-revokeButtonHidden{
		display:none;
	}
}

._6ddbc80026496067-avatar{
	height:2rem;
	width:2rem;
	flex-shrink:0;
	border-radius:50%;
}

._6ddbc80026496067-username{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
}

._6ddbc80026496067-usernameUnknown{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._6ddbc80026496067-channelIcon{
	color:var(--text-tertiary);
	flex-shrink:0;
}

._6ddbc80026496067-channelInfo{
	display:flex;
	min-width:0;
	flex:1;
	flex-direction:column;
	justify-content:center;
	overflow:hidden;
}

._6ddbc80026496067-channelName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:500;
	font-size:0.875rem;
	color:var(--text-primary);
}

._6ddbc80026496067-categoryName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--text-tertiary);
	font-size:0.75rem;
}

._6ddbc80026496067-inviteCode{
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-family:ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
	font-size:0.875rem;
}

._6ddbc80026496067-copyIcon{
	height:1rem;
	width:1rem;
}

._6ddbc80026496067-usesText{
	font-family:ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
	font-size:0.875rem;
	-webkit-font-feature-settings:"tnum";
	        font-feature-settings:"tnum";
	font-variant-numeric:tabular-nums;
}

._6ddbc80026496067-dateText{
	font-size:0.875rem;
}

._6ddbc80026496067-dateTextMonospace{
	font-family:ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
	font-size:0.875rem;
	-webkit-font-feature-settings:"tnum";
	        font-feature-settings:"tnum";
	font-variant-numeric:tabular-nums;
}

._6ddbc80026496067-revokeIcon{
	height:0.75rem;
	width:0.75rem;
}

@media (min-width: 768px){
	._6ddbc80026496067-header{
		display:grid;
	}

	._6ddbc80026496067-headerWithoutChannel{
		display:grid;
	}

	._6ddbc80026496067-label{
		display:none;
	}
}

.cd4770faa212ebac-container{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.cd4770faa212ebac-modalRoot{
	
	width:720px;
	max-width:720px;
	overflow:visible;
}

@media screen and (max-width: 639px){
	.cd4770faa212ebac-modalRoot{
		width:100%;
		max-width:100%;
	}
}

.cd4770faa212ebac-spinnerContainer{
	display:flex;
	justify-content:center;
	padding:1.5rem 0;
}

.cd4770faa212ebac-errorBox{
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background:var(--background-tertiary);
	padding:1rem;
}

.cd4770faa212ebac-errorText{
	margin:0;
	text-align:center;
	color:var(--text-primary-muted);
}

.cd4770faa212ebac-stateBox{
	display:flex;
	justify-content:center;
	padding:1.5rem 0;
}

.cd4770faa212ebac-stateText{
	margin:0;
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

.cd4770faa212ebac-invitesWrapper{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.cd4770faa212ebac-invitesList{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.cd4770faa212ebac-scroller{
	max-height:384px;
}

.cd4770faa212ebac-inviteItems{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	padding:0 12px 12px 12px;
}

._7ced20628a376420-container{
	display:flex;
	flex-direction:column;
	gap:24px;
}

._7ced20628a376420-section{
	display:flex;
	flex-direction:column;
	gap:16px;
}

._7ced20628a376420-sectionTitle{
	font-size:14px;
	font-weight:600;
	line-height:1.4;
	max-height:2.8em;
	color:var(--text-primary);
}

._7ced20628a376420-notificationSection{
	display:flex;
	flex-direction:column;
	gap:12px;
}

._7ced20628a376420-suppressSection{
	display:flex;
	flex-direction:column;
	gap:16px;
}

._7ced20628a376420-mobilePushSection{
	display:flex;
	flex-direction:column;
	gap:16px;
}

._7ced20628a376420-overridesSection{
	display:flex;
	flex-direction:column;
	gap:12px;
}

._7ced20628a376420-overridesHeader{
	margin-top:8px;
	display:none;
	grid-template-columns:2fr 1fr 1fr 1fr 1fr;
	gap:8px;
	padding:8px 12px;
	font-size:12px;
	font-weight:600;
	color:var(--text-tertiary);
	text-transform:uppercase;
}

@media (min-width: 1024px){
	._7ced20628a376420-overridesHeader{
		display:grid;
	}
}

._7ced20628a376420-overridesHeaderCell{
	text-align:center;
}

._7ced20628a376420-overridesHeaderCellLeft{
	text-align:left;
}

._7ced20628a376420-overridesHeaderCellMute{
	padding-left:8px;
	text-align:center;
}

._7ced20628a376420-overrideItem{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:12px;
	border-radius:8px;
	border:1px solid var(--background-header-secondary);
	padding:12px;
	transition:background-color 0.2s;
}

._7ced20628a376420-overrideItem:hover{
	background-color:var(--background-secondary);
}

@media (min-width: 1024px){
	._7ced20628a376420-overrideItem{
		display:grid;
		grid-template-columns:2fr 1fr 1fr 1fr 1fr;
		align-items:center;
		grid-gap:8px;
		gap:8px;
		min-height:64px;
		cursor:pointer;
	}
}

._7ced20628a376420-overrideHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
}

@media (min-width: 1024px){
	._7ced20628a376420-overrideHeader{
		display:contents;
	}
}

._7ced20628a376420-channelInfo{
	display:flex;
	align-items:center;
	gap:8px;
	min-width:0;
	flex:1;
}

._7ced20628a376420-channelIcon{
	flex-shrink:0;
	color:var(--text-tertiary);
}

._7ced20628a376420-channelDetails{
	display:flex;
	min-width:0;
	flex-direction:column;
	justify-content:center;
}

._7ced20628a376420-channelName{
	font-size:14px;
	font-weight:500;
	line-height:1.4;
	max-height:2.8em;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
}

._7ced20628a376420-categoryName{
	font-size:12px;
	line-height:1.4;
	max-height:2.8em;
	color:var(--text-tertiary);
}

._7ced20628a376420-mobileOverrideOptions{
	display:flex;
	flex-direction:column;
	gap:12px;
	padding-top:8px;
	border-top:1px solid var(--background-header-secondary);
}

@media (min-width: 1024px){
	._7ced20628a376420-mobileOverrideOptions{
		display:none;
	}
}

._7ced20628a376420-desktopNotificationOptions{
	display:none;
}

@media (min-width: 1024px){
	._7ced20628a376420-desktopNotificationOptions{
		display:contents;
	}
}

._7ced20628a376420-checkboxCell{
	display:flex;
	justify-content:center;
	align-items:center;
}

._7ced20628a376420-removeButton{
	display:flex;
	height:24px;
	width:24px;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	border-radius:9999px;
	background-color:var(--background-tertiary);
	color:var(--text-tertiary);
	transition:background-color 0.2s, color 0.2s;
	cursor:pointer;
}

._7ced20628a376420-removeButton:hover{
	background-color:var(--status-danger);
	color:white;
}

@media (min-width: 1024px){
	._7ced20628a376420-removeButton{
		position:absolute;
		top:50%;
		right:-12px;
		transform:translateY(-50%);
		background-color:var(--status-danger);
		color:white;
		opacity:0;
		transition:opacity 0.2s;
	}

	._7ced20628a376420-overrideItem:hover ._7ced20628a376420-removeButton{
		opacity:1;
	}

	._7ced20628a376420-removeButton:hover{
		opacity:0.8;
	}
}

._7ced20628a376420-removeIcon{
	font-size:14px;
	font-weight:bold;
}

._7ced20628a376420-optionContainer{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

._7ced20628a376420-optionContent{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._7ced20628a376420-optionCategory{
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-tertiary);
	text-transform:uppercase;
}

._7ced20628a376420-singleValueContainer{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._7ced20628a376420-iconTertiary{
	color:var(--text-tertiary);
}

.fa6338863dd429bd-content{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	padding-top:var(--spacing-4);
	padding-bottom:var(--spacing-8);
}

.fa6338863dd429bd-headerSearch{
	margin-top:var(--spacing-3);
	width:100%;
}

.fa6338863dd429bd-headerSearchInput{
	width:100%;
}

.fa6338863dd429bd-loadingContainer{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:var(--spacing-8) 0;
}

.fa6338863dd429bd-subtitle{
	display:flex;
	align-items:center;
	gap:var(--spacing-1-5);
	margin:-10px 0 0;
	font-size:0.75rem;
	color:var(--text-secondary);
	line-height:1.4;
}

.fa6338863dd429bd-channelSubtitle{
	min-width:0;
	white-space:nowrap;
}

.fa6338863dd429bd-channelName{
	flex:1 1 0;
	min-width:0;
	display:inline-flex;
	align-items:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.fa6338863dd429bd-channelIcon{
	flex-shrink:0;
	color:var(--text-secondary);
}

.fa6338863dd429bd-inviteButton{
	flex-shrink:0;
}

.fa6338863dd429bd-warningContainer{
	display:flex;
	align-items:flex-start;
	gap:var(--spacing-2);
	border-radius:var(--radius-md);
	background-color:color-mix(in srgb, var(--status-idle) 10%, transparent);
	border:1px solid color-mix(in srgb, var(--status-idle) 30%, transparent);
	padding:var(--spacing-3);
}

.fa6338863dd429bd-warningIcon{
	margin-top:2px;
	height:20px;
	width:20px;
	flex-shrink:0;
	color:var(--status-idle);
}

.fa6338863dd429bd-warningText{
	font-size:0.875rem;
	color:var(--text-primary);
	line-height:1.4;
	margin:0;
}

.fa6338863dd429bd-linkFooter{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	flex-shrink:0;
	width:100%;
}

.fa6338863dd429bd-linkSectionLabel{
	font-size:0.875rem;
	font-weight:500;
	color:var(--text-primary);
	margin:0;
}

.fa6338863dd429bd-expirationText{
	font-size:0.75rem;
	color:var(--text-tertiary);
	margin:0;
	line-height:1.4;
}

.fa6338863dd429bd-editLink{
	color:var(--text-link);
	background:none;
	border:none;
	padding:0;
	cursor:pointer;
	font-size:0.75rem;
	text-decoration:none;
	transition:opacity 0.15s ease;
}

.fa6338863dd429bd-editLink:hover{
	opacity:0.8;
	text-decoration:underline;
}

.fa6338863dd429bd-editLink:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:2px;
	border-radius:2px;
}

.fa6338863dd429bd-advancedView{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
	padding:var(--spacing-4) var(--spacing-5) var(--spacing-5);
}

.fa6338863dd429bd-noChannelContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:var(--spacing-3);
	padding:var(--spacing-8) var(--spacing-4);
	text-align:center;
}

.fa6338863dd429bd-noChannelIcon{
	color:var(--text-tertiary);
}

.fa6338863dd429bd-noChannelText{
	font-size:0.875rem;
	color:var(--text-secondary);
	margin:0;
	line-height:1.4;
}

._43a0206f39ed13f1-linkFooter{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	flex-shrink:0;
	width:100%;
}

._43a0206f39ed13f1-linkSectionLabel{
	font-size:0.875rem;
	font-weight:500;
	color:var(--text-primary);
	margin:0;
}

._6d5729425f7d70e6-container{
	position:relative;
	overflow:visible;
}

._6d5729425f7d70e6-clickable{
	cursor:pointer;
}

._6d5729425f7d70e6-clickable:hover{
	opacity:0.9;
}

._6d5729425f7d70e6-overlay{
	position:absolute;
	inset:0;
}

._6d5729425f7d70e6-hoverOverlay{
	position:absolute;
	inset:0;
	border-radius:inherit;
	background:radial-gradient(circle at 30% 22%, rgb(255 255 255 / 12%), rgb(0 0 0 / 34%));
	opacity:0;
	transition:opacity 0.16s ease;
	pointer-events:none;
}

._6d5729425f7d70e6-clickable:hover ._6d5729425f7d70e6-hoverOverlay,
._6d5729425f7d70e6-clickable:has(:focus-visible) ._6d5729425f7d70e6-hoverOverlay{
	opacity:0.28;
}

._6d5729425f7d70e6-statusContainer{
	pointer-events:auto;
	position:absolute;
	border:2px solid color-mix(in srgb, var(--background-primary) 86%, transparent);
	box-shadow:0 0 0 1px color-mix(in srgb, var(--background-primary) 30%, transparent), 0 4px 10px rgb(0 0 0 / 0.34);
	-webkit-backdrop-filter:blur(8px) saturate(125%);
	        backdrop-filter:blur(8px) saturate(125%);
	transition:transform 0.16s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.16s ease;
}

._6d5729425f7d70e6-statusContainer::before{
	content:'';
	position:absolute;
	inset:0;
	border-radius:inherit;
	pointer-events:none;
	background:linear-gradient(180deg, rgb(255 255 255 / 0.25) 0%, rgb(255 255 255 / 0) 66%);
	opacity:0.5;
}

._6d5729425f7d70e6-statusContainer::after{
	content:'';
	position:absolute;
	inset:1px;
	border-radius:inherit;
	border:1px solid rgb(255 255 255 / 0.16);
	pointer-events:none;
	opacity:0.78;
}

._6d5729425f7d70e6-container:hover ._6d5729425f7d70e6-statusContainer,
._6d5729425f7d70e6-container:has(:focus-visible) ._6d5729425f7d70e6-statusContainer{
	transform:scale(1.045);
	box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-primary) 28%, transparent), 0 6px 14px rgb(0 0 0 / 0.38);
}

._6d5729425f7d70e6-statusOnline{
	--status-cosmic-core:color-mix(in srgb, var(--status-online) 84%, #ffffff 16%);
}

._6d5729425f7d70e6-statusIdle{
	--status-cosmic-core:color-mix(in srgb, var(--status-idle) 82%, #ffffff 18%);
}

._6d5729425f7d70e6-statusDnd{
	--status-cosmic-core:color-mix(in srgb, var(--status-dnd) 82%, #ffffff 18%);
}

._6d5729425f7d70e6-statusOffline{
	--status-cosmic-core:color-mix(in srgb, var(--status-offline) 82%, #ffffff 18%);
}

._6d5729425f7d70e6-statusMobileOnline{
	--status-cosmic-core:color-mix(in srgb, var(--status-online) 84%, #ffffff 16%);
}

._6d5729425f7d70e6-statusTyping{
	--status-cosmic-core:color-mix(in srgb, var(--status-online) 80%, #ffffff 20%);
}

._6d5729425f7d70e6-statusInCall{
	--status-cosmic-core:color-mix(in srgb, var(--brand-primary) 82%, #ffffff 18%);
}

._6d5729425f7d70e6-statusStreaming{
	--status-cosmic-core:color-mix(in srgb, var(--status-streaming, #9147ff) 84%, #ffffff 16%);
}

._6d5729425f7d70e6-inCallIndicator{
	width:100%;
	height:100%;
	background:var(--status-cosmic-core);
	border-radius:inherit;
	display:flex;
	align-items:center;
	justify-content:center;
}

._6d5729425f7d70e6-inCallIcon{
	width:62%;
	height:62%;
	color:var(--text-on-brand-primary);
}

._6d5729425f7d70e6-typingDots{
	display:flex;
	gap:2px;
	align-items:center;
	justify-content:center;
}

._6d5729425f7d70e6-typingDot{
	background-color:white;
	border-radius:50%;
	animation:_6d5729425f7d70e6-typingDotPulse 1.05s ease-in-out infinite;
}

@keyframes _6d5729425f7d70e6-typingDotPulse{
	0%,
	60%,
	100%{
		opacity:0.95;
		transform:translateY(0);
	}
	30%{
		opacity:0.55;
		transform:translateY(-1px);
	}
}

html:not(.window-focused) ._6d5729425f7d70e6-typingDot{
	animation-play-state:paused;
	opacity:1;
}

.aff359cae53f1f64-container{
	position:relative;
	flex-shrink:0;
}

.aff359cae53f1f64-statusDot{
	pointer-events:auto;
	position:absolute;
}

.aff359cae53f1f64-iconImageContainer{
	position:absolute;
	inset:0;
	border-radius:9999px;
	background-color:var(--background-secondary);
	background-position:center;
	background-size:cover;
}

.aff359cae53f1f64-defaultIconContainer{
	display:flex;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-secondary);
}

.aff359cae53f1f64-defaultIcon{
	color:white;
}

.aff359cae53f1f64-avatarPosition{
	position:absolute;
	border-radius:9999px;
}

.aff359cae53f1f64-avatarWrapper{
	position:absolute;
	border-radius:9999px;
}

.aff359cae53f1f64-multiAvatarContainer{
	position:relative;
	flex-shrink:0;
	border-radius:9999px;
}

.f2a99fdf2535d5e1-content{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

.f2a99fdf2535d5e1-searchInput{
	flex-shrink:0;
}

.f2a99fdf2535d5e1-searchIcon{
	color:var(--text-secondary);
}

.f2a99fdf2535d5e1-listContainer{
	position:relative;
	flex:1;
	min-height:0;
}

.f2a99fdf2535d5e1-scroller{
	--scrollbar-track-bg:var(--background-secondary);
	height:100%;
}

.f2a99fdf2535d5e1-noResults{
	display:flex;
	height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:var(--text-secondary);
	font-size:1rem;
	font-weight:500;
}

.f2a99fdf2535d5e1-friendList{
	display:flex;
	flex-direction:column;
	gap:1px;
	padding:var(--spacing-2) 0;
}

.f2a99fdf2535d5e1-friendItem{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:var(--spacing-3);
	padding:var(--spacing-2) 16px;
}

.f2a99fdf2535d5e1-friendItem::before{
	content:'';
	position:absolute;
	inset:0 var(--spacing-2);
	border-radius:var(--radius-md);
	transition:background-color 0.15s ease;
	pointer-events:none;
}

@media (hover: hover) and (pointer: fine){
	.f2a99fdf2535d5e1-friendItem:hover::before{
		background-color:var(--background-modifier-hover);
	}
}

.f2a99fdf2535d5e1-friendItemLeft{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	gap:var(--spacing-3);
	flex:1;
	min-width:0;
}

.f2a99fdf2535d5e1-friendInfo{
	display:flex;
	flex-direction:column;
	min-width:0;
	flex:1;
}

.f2a99fdf2535d5e1-friendName{
	font-size:0.875rem;
	font-weight:500;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.f2a99fdf2535d5e1-friendSecondary{
	font-size:0.75rem;
	color:var(--text-tertiary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.f2a99fdf2535d5e1-actionButton{
	position:relative;
	z-index:1;
	flex-shrink:0;
}

.c18010c06f8be9a1-headerSearch{
	margin-top:var(--spacing-3);
	width:100%;
}

.c18010c06f8be9a1-headerSearchInput{
	width:100%;
	height:44px;
	background-color:var(--background-textarea);
}

.c18010c06f8be9a1-searchIcon{
	height:1.25rem;
	width:1.25rem;
	color:var(--text-secondary);
}

.c18010c06f8be9a1-selectorContent{
	--selector-modal-content-height:clamp(320px, 48vh, 380px);
	display:flex;
	flex-direction:column;
	height:clamp(320px, 48vh, 380px);
	height:var(--selector-modal-content-height);
	min-height:clamp(320px, 48vh, 380px);
	min-height:var(--selector-modal-content-height);
	max-height:clamp(320px, 48vh, 380px);
	max-height:var(--selector-modal-content-height);
	padding:0;
}

.c18010c06f8be9a1-listContainer{
	position:relative;
	flex:1;
	min-height:0;
}

.c18010c06f8be9a1-scroller{
	--scrollbar-track-bg:var(--background-secondary);
	height:100%;
}

.c18010c06f8be9a1-emptyState{
	display:flex;
	height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:var(--text-secondary);
	font-size:1rem;
	font-weight:500;
}

.c18010c06f8be9a1-itemList{
	display:flex;
	flex-direction:column;
	gap:1px;
	padding:var(--spacing-2) 0;
}

.c18010c06f8be9a1-itemButton{
	position:relative;
	display:flex;
	width:100%;
	min-width:0;
	min-height:48px;
	align-items:center;
	justify-content:space-between;
	gap:var(--spacing-3);

	padding:var(--spacing-2) 16px;
	text-align:left;
	cursor:pointer;
}

.c18010c06f8be9a1-itemButton::before{
	content:'';
	position:absolute;
	inset:0 var(--spacing-2);
	border-radius:var(--radius-md);
	transition:background-color 0.15s ease;
	pointer-events:none;
}

.c18010c06f8be9a1-itemButton:hover:not(:disabled)::before{
	background-color:var(--background-modifier-hover);
}

.c18010c06f8be9a1-itemButtonSelected::before{
	background-color:var(--background-modifier-hover);
}

.c18010c06f8be9a1-itemButtonDisabled{
	cursor:not-allowed;
	opacity:0.5;
}

.c18010c06f8be9a1-itemButtonDisabled:hover::before{
	background-color:transparent;
}

.c18010c06f8be9a1-itemContent{
	position:relative;
	z-index:1;
	display:flex;
	min-width:0;
	flex:1;
	align-items:center;
	gap:var(--spacing-3);
}

.c18010c06f8be9a1-itemInfo{
	display:flex;
	min-width:0;
	flex:1;
	flex-direction:column;
	justify-content:center;
}

.c18010c06f8be9a1-itemName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:500;
	font-size:0.875rem;
	color:var(--text-primary);
}

.c18010c06f8be9a1-itemSecondary{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--text-tertiary);
	font-size:0.75rem;
}

.c18010c06f8be9a1-itemAction{
	position:relative;
	z-index:1;
	flex-shrink:0;
	pointer-events:none;
}

.c18010c06f8be9a1-subtitle{
	display:flex;
	align-items:center;
	gap:var(--spacing-1-5);
	margin:-10px 0 0;
	font-size:0.75rem;
	color:var(--text-secondary);
	line-height:1.4;
}

.c18010c06f8be9a1-footer{
	padding:var(--spacing-4);
}

.c18010c06f8be9a1-footerContent{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
	width:100%;
}

.c18010c06f8be9a1-actionRow{
	display:flex;
	gap:var(--spacing-2);
	flex-wrap:wrap;
	flex-direction:row;
}

.c18010c06f8be9a1-actionButton{
	flex:1;
}

.c18010c06f8be9a1-itemIcon{
	width:32px;
	height:32px;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

.c18010c06f8be9a1-avatar{
	width:32px;
	height:32px;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	overflow:visible;
}

._197cdfb20c105e49-menuItem{
	display:flex;
	width:100%;
	align-items:center;
	gap:1.05rem;
	min-height:3.5rem;
	padding:1.05rem 1rem;
	text-align:left;
	transition:background-color 0.15s;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	-webkit-tap-highlight-color:transparent;
}

@media (hover: hover) and (pointer: fine){
	._197cdfb20c105e49-menuItem:hover{
		background-color:var(--background-modifier-hover);
	}

	._197cdfb20c105e49-menuItem:not(._197cdfb20c105e49-disabled):not(._197cdfb20c105e49-danger):active{
		background-color:var(--background-modifier-hover);
	}

	._197cdfb20c105e49-menuItem._197cdfb20c105e49-danger:not(._197cdfb20c105e49-disabled):active{
		background-color:color-mix(in srgb, var(--status-danger) 8%, transparent);
	}
}

._197cdfb20c105e49-menuItem:not(._197cdfb20c105e49-disabled):not(._197cdfb20c105e49-danger){
	color:var(--text-primary);
}

._197cdfb20c105e49-menuItem._197cdfb20c105e49-danger:not(._197cdfb20c105e49-disabled){
	color:var(--status-danger);
}

._197cdfb20c105e49-menuItem._197cdfb20c105e49-disabled{
	cursor:not-allowed;
	opacity:0.5;
}

._197cdfb20c105e49-menuItem._197cdfb20c105e49-pressed{
	background-color:var(--background-modifier-hover);
}

._197cdfb20c105e49-menuItem._197cdfb20c105e49-pressedDanger{
	background-color:color-mix(in srgb, var(--status-danger) 8%, transparent);
}

._197cdfb20c105e49-iconContainer{
	display:flex;
	height:1.5rem;
	width:1.5rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
}

._197cdfb20c105e49-label{
	flex:1;
	font-weight:500;
	font-size:0.98rem;
	line-height:1.35rem;
}

._197cdfb20c105e49-checkboxContainer{
	display:flex;
	height:1.25rem;
	width:1.25rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
}

._197cdfb20c105e49-checkbox{
	display:flex;
	height:1.25rem;
	width:1.25rem;
	align-items:center;
	justify-content:center;
	border-radius:0.25rem;
	border:2px solid var(--background-header-secondary);
	transition:border-color 0.15s, background-color 0.15s;
}

._197cdfb20c105e49-checkbox._197cdfb20c105e49-checked{
	border-color:var(--brand-primary);
	background-color:var(--brand-primary);
}

._197cdfb20c105e49-checkIcon{
	height:0.75rem;
	width:0.75rem;
	color:white;
}

._197cdfb20c105e49-radioContainer{
	display:flex;
	height:1.25rem;
	width:1.25rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
}

._197cdfb20c105e49-radio{
	display:flex;
	height:1.25rem;
	width:1.25rem;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	border:2px solid var(--background-header-secondary);
	transition:border-color 0.15s, background-color 0.15s;
}

._197cdfb20c105e49-radio._197cdfb20c105e49-radioSelected{
	border-color:var(--brand-primary);
}

._197cdfb20c105e49-radioInner{
	height:0.625rem;
	width:0.625rem;
	border-radius:50%;
	background-color:var(--brand-primary);
}

._197cdfb20c105e49-labelColumn{
	display:flex;
	flex-direction:column;
	flex:1;
	gap:0.125rem;
}

._197cdfb20c105e49-subtext{
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-muted);
}

._197cdfb20c105e49-divider{
	margin-left:1.05rem;
	margin-right:1.05rem;
	height:1px;
	background-color:var(--background-header-secondary);
	opacity:0.3;
}

._197cdfb20c105e49-sliderContainer{
	display:flex;
	flex-direction:column;
	gap:0.85rem;
	min-height:4.35rem;
	padding:1.1rem 1rem;
}

._197cdfb20c105e49-sliderLabel{
	font-weight:500;
	font-size:0.98rem;
	line-height:1.35rem;
	color:var(--text-primary);
}

._197cdfb20c105e49-groupContainer{
	overflow:hidden;
	border-radius:0.95rem;
	background-color:var(--background-secondary-alt);
}

._197cdfb20c105e49-groupSpacer{
	height:0.85rem;
}

._197cdfb20c105e49-bottomSheetContent{
	display:flex;
	flex-direction:column;
	gap:0;
}

._197cdfb20c105e49-headerSlot{
	padding-bottom:0.5rem;
}

._197cdfb20c105e49-groupStack{
	display:flex;
	flex-direction:column;
}

._197cdfb20c105e49-groupStackWithHeader{
	padding-top:0.5rem;
}

@media (pointer: coarse){
	._197cdfb20c105e49-menuItem{
		gap:1.1rem;
		min-height:3.75rem;
		padding:1.12rem 1rem;
	}

	._197cdfb20c105e49-iconContainer,
	._197cdfb20c105e49-radioContainer,
	._197cdfb20c105e49-checkboxContainer,
	._197cdfb20c105e49-radio,
	._197cdfb20c105e49-checkbox{
		height:1.55rem;
		width:1.55rem;
	}

	._197cdfb20c105e49-label,
	._197cdfb20c105e49-sliderLabel{
		font-size:1rem;
		line-height:1.38rem;
	}

	._197cdfb20c105e49-sliderContainer{
		gap:0.95rem;
		min-height:4.6rem;
		padding:1.15rem 1rem;
	}
}

@media (max-width: 380px){
	._197cdfb20c105e49-menuItem{
		gap:0.7rem;
		padding-inline:0.72rem;
	}

	._197cdfb20c105e49-labelColumn,
	._197cdfb20c105e49-label{
		min-width:0;
	}

	._197cdfb20c105e49-label,
	._197cdfb20c105e49-sliderLabel{
		font-size:0.84rem;
		line-height:1.18rem;
		overflow-wrap:anywhere;
	}

	._197cdfb20c105e49-subtext{
		font-size:0.7rem;
		line-height:0.95rem;
		overflow-wrap:anywhere;
	}

	._197cdfb20c105e49-sliderContainer{
		padding-inline:0.72rem;
	}
}

._4668b8185fbfd2fb-roleIcon{
	height:12px;
	width:12px;
	flex-shrink:0;
	border-radius:50%;
}

._4668b8185fbfd2fb-roleContainer{
	display:flex;
	align-items:center;
	gap:8px;
	min-width:0;
	overflow:hidden;
}

._4668b8185fbfd2fb-roleName{
	flex:1;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:1.2;
	max-height:1.2em;
}

._4668b8185fbfd2fb-roleDisabled{
	opacity:0.5;
}

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

._4668b8185fbfd2fb-flexColumn{
	display:flex;
	min-width:0;
	flex:1;
	flex-direction:column;
}

._4668b8185fbfd2fb-icon{
	height:1rem;
	width:1rem;
}

._4668b8185fbfd2fb-submenuContainer{
	position:relative;
}

._4668b8185fbfd2fb-submenuIcon{
	height:16px;
	width:16px;
}

._4668b8185fbfd2fb-submenuPopup{
	position:absolute;
	top:0;
	left:100%;
	z-index:50;
	margin-left:4px;
	min-width:-webkit-max-content;
	min-width:-moz-max-content;
	min-width:max-content;
	border-radius:6px;
	border:1px solid var(--background-secondary);
	background-color:var(--background-primary);
	padding-top:4px;
	padding-bottom:4px;
	box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

._4668b8185fbfd2fb-submenuItem{
	cursor:pointer;
	padding:4px 8px;
	font-size:14px;
	color:var(--text-primary);
}

._4668b8185fbfd2fb-submenuItem:hover{
	background-color:var(--background-modifier-hover);
}

._90288dec3a2fc8e8-container{
	display:flex;
	flex-wrap:nowrap;
	min-width:-webkit-max-content;
	min-width:-moz-max-content;
	min-width:max-content;
	border-bottom:1px solid var(--background-modifier-accent);
	width:100%;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

._90288dec3a2fc8e8-tab{
	padding:0.5rem 1rem 0.5rem;
	margin-bottom:-1px;
	font-size:0.875rem;
	font-weight:500;
	border-bottom:2px solid transparent;
	color:var(--text-primary-muted);
	background:none;
	border-top:none;
	border-left:none;
	border-right:none;
	cursor:pointer;
	border-radius:4px 4px 0 0;
	outline:none;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

._90288dec3a2fc8e8-tab._90288dec3a2fc8e8-selected{
	color:var(--brand-primary-light);
	border-bottom-color:var(--brand-primary-light);
}

.theme-light ._90288dec3a2fc8e8-tab._90288dec3a2fc8e8-selected{
	color:var(--brand-primary);
	border-bottom-color:var(--brand-primary);
}

.d143c41e3d31e9ab-content{
	min-height:0;
	padding:0;
	display:flex;
	flex-direction:column;
}

.d143c41e3d31e9ab-container{
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
}

.d143c41e3d31e9ab-tabsSection{
	padding:0 1.5rem;
	border-bottom:1px solid var(--background-modifier-accent);
}

.d143c41e3d31e9ab-tabs{
	padding-bottom:0;
}

.d143c41e3d31e9ab-scrollArea{
	flex:1;
	min-height:0;
	overflow:auto;
	padding:1.25rem 1.5rem 1.5rem;
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.d143c41e3d31e9ab-summary{
	background:var(--background-secondary);
	border:1px solid var(--border-color);
	border-radius:var(--radius-md);
	padding:1rem;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.12);
}

.d143c41e3d31e9ab-summaryTitle{
	margin:0 0 0.5rem;
	font-size:0.875rem;
	font-weight:600;
	color:var(--text-secondary);
	letter-spacing:0.02em;
	text-transform:uppercase;
}

.d143c41e3d31e9ab-summaryBody{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

.d143c41e3d31e9ab-summaryItem{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:0.75rem;
	font-size:0.875rem;
	line-height:1.25rem;
}

.d143c41e3d31e9ab-summaryLabel{
	font-weight:500;
	color:var(--text-secondary);
}

.d143c41e3d31e9ab-summaryValue{
	font-family:var(--font-mono);
	color:var(--text-primary);
	text-align:right;
	word-break:break-word;
}

.d143c41e3d31e9ab-codeSection{
	flex:1;
	min-height:0;
	display:flex;
}

.d143c41e3d31e9ab-codeSurface{
	width:100%;
	min-height:18rem;
	display:flex;
	flex:1;
}
.d143c41e3d31e9ab-codeSurface pre{
	width:100%;
	max-width:100%;
	min-height:inherit;
	height:100%;
}
.d143c41e3d31e9ab-codeSurface pre > div{
	min-height:inherit;
	height:100%;
}

.d143c41e3d31e9ab-codeSurface div[class*='codeContainer']{
	max-width:unset !important;
	width:100% !important;
}

.d143c41e3d31e9ab-codeSurface pre[class*='hljs']{
	max-width:unset !important;
	width:100% !important;
}

.d143c41e3d31e9ab-codeSurface pre{
	max-width:unset !important;
	width:100% !important;
}

.d143c41e3d31e9ab-codeSurface [class*='codeContainer']{
	max-width:unset !important;
	width:100% !important;
}

._470ff009eda3d377-content{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._470ff009eda3d377-video{
	width:100%;
	max-width:400px;
	margin-bottom:1rem;
}

._470ff009eda3d377-sectionTitle{
	font-weight:600;
	margin-bottom:0.5rem;
}

.ce658ab06b4a4337-clearButton{
	position:absolute;
	top:50%;
	right:0.5rem;
	transform:translateY(-50%);
	padding:0.25rem;
	color:var(--text-tertiary);
	transition:color 0.2s ease;
	cursor:pointer;
}

.ce658ab06b4a4337-clearButton:hover{
	color:var(--text-primary);
}

.ce658ab06b4a4337-helperText{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

.a3f1ff2fce6bd5de-content{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.a3f1ff2fce6bd5de-warningBox{
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	padding:1rem;
}

.a3f1ff2fce6bd5de-warningText{
	font-size:0.875rem;
	color:var(--text-primary);
}

.a3f1ff2fce6bd5de-footer{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
}

.a3f1ff2fce6bd5de-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._36fcc8f240059174-tag{
	position:relative;
	display:inline-flex;
	align-items:center;
	background-color:var(--brand-primary);
	text-indent:0;
	vertical-align:middle;
	text-transform:uppercase;
	color:var(--brand-primary-fill);
	padding-left:0.275rem;
	padding-right:0.275rem;
}

._36fcc8f240059174-tagSm{
	margin-left:0.25rem;
	height:0.9375rem;
	border-radius:4px;
	font-size:0.625rem;
}

._36fcc8f240059174-tagLg{
	height:1.5rem;
	border-radius:6px;
	font-size:0.75rem;
}

._36fcc8f240059174-text{
	position:relative;
	vertical-align:top;
	font-weight:600;
	pointer-events:none;
}

._36fcc8f240059174-textSm{
	font-size:0.75rem;
	line-height:0.9375rem;
}

._36fcc8f240059174-textLg{
	font-size:0.875rem;
	line-height:1.5rem;
	letter-spacing:0.025em;
}

.f7f119c8c2627cc1-content{
	word-break:break-word;
	overflow-wrap:anywhere;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
}

.f7f119c8c2627cc1-content.f7f119c8c2627cc1-singleLine{
	word-break:normal;
	overflow-wrap:normal;
}

.f7f119c8c2627cc1-constrained{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	min-width:0;
	width:100%;
	word-break:normal;
	overflow-wrap:normal;
}

.f7f119c8c2627cc1-truncatedText{
	vertical-align:middle;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
}

.f7f119c8c2627cc1-clamped{
	display:block;
	overflow:hidden;
	white-space:normal;
	max-height:calc(2 * 1lh);
	max-height:calc(var(--max-lines, 2) * 1lh);
	max-block-size:calc(2 * 1lh);
	max-block-size:calc(var(--max-lines, 2) * 1lh);
}

@supports not (max-height: 1lh){
	.f7f119c8c2627cc1-clamped{
		max-height:calc(2 * 1.25em);
		max-height:calc(var(--max-lines, 2) * 1.25em);
		max-block-size:calc(2 * 1.25em);
		max-block-size:calc(var(--max-lines, 2) * 1.25em);
	}
}

.f7f119c8c2627cc1-statusEmoji{
	display:inline;
	height:1.125em;
	width:1.125em;
	object-fit:contain;
	-webkit-margin-end:0.25em;
	        margin-inline-end:0.25em;
	vertical-align:-0.25em;
}

.f7f119c8c2627cc1-statusEmojiWrapper{
	display:inline-block;
	position:relative;
	height:1.125em;
	width:1.125em;
	-webkit-margin-end:0.25em;
	        margin-inline-end:0.25em;
	vertical-align:-0.25em;
}

.f7f119c8c2627cc1-statusEmojiWrapper .f7f119c8c2627cc1-statusEmoji{
	margin:0;
	position:absolute;
	inset:0;
	vertical-align:baseline;
}

.f7f119c8c2627cc1-statusEmojiWrapper .f7f119c8c2627cc1-staticEmoji{
	opacity:calc(1 - 0);
	opacity:calc(1 - var(--emoji-show-animated, 0));
}

.f7f119c8c2627cc1-statusEmojiWrapper .f7f119c8c2627cc1-animatedEmoji{
	opacity:0;
	opacity:var(--emoji-show-animated, 0);
}

img.f7f119c8c2627cc1-statusEmoji{
	text-indent:-9999px;
}

.f7f119c8c2627cc1-nativeEmoji{
	display:inline;
	font-size:1.125em;
	line-height:1;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
	-webkit-margin-end:0.25em;
	        margin-inline-end:0.25em;
	vertical-align:-0.15em;
}

.f7f119c8c2627cc1-hiddenVisually{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border:0;
}

.f7f119c8c2627cc1-jumbo .f7f119c8c2627cc1-statusEmoji{
	height:1.75rem;
	width:1.75rem;
	-webkit-margin-end:0;
	        margin-inline-end:0;
	vertical-align:baseline;
}

.f7f119c8c2627cc1-jumbo .f7f119c8c2627cc1-statusEmojiWrapper{
	height:1.75rem;
	width:1.75rem;
	-webkit-margin-end:0;
	        margin-inline-end:0;
	vertical-align:baseline;
}

.f7f119c8c2627cc1-jumbo .f7f119c8c2627cc1-nativeEmoji{
	font-size:1.75rem;
	-webkit-margin-end:0;
	        margin-inline-end:0;
	vertical-align:baseline;
}

.f7f119c8c2627cc1-editableWrapper{
	display:inline-flex;
	align-items:center;
	gap:0.25em;
	padding:0;
	padding-bottom:2px;
	border:none;
	background:transparent;
	cursor:pointer;
	text-align:left;
}

.f7f119c8c2627cc1-editableWrapper .f7f119c8c2627cc1-content{
	display:block;
}

.f7f119c8c2627cc1-editableWrapper,
.f7f119c8c2627cc1-editableWrapper *{
	cursor:pointer;
}

.f7f119c8c2627cc1-editableTextHover .f7f119c8c2627cc1-truncatedText{
	text-decoration:none;
	text-decoration-thickness:1px;
	text-underline-offset:2px;
}

.f7f119c8c2627cc1-editableTextHover:hover .f7f119c8c2627cc1-truncatedText{
	text-decoration:underline;
}

.f7f119c8c2627cc1-editPencilIcon{
	color:var(--text-tertiary);
	opacity:0;
	flex-shrink:0;
	transition:opacity 0.15s ease;
}

.f7f119c8c2627cc1-editableEmojiOnly:hover .f7f119c8c2627cc1-editPencilIcon{
	opacity:1;
}

.f7f119c8c2627cc1-placeholder{
	display:inline-flex;
	align-items:center;
	gap:0.25em;
	padding:0;
	border:none;
	background:transparent;
	cursor:pointer;
	font-size:0.75rem;
	line-height:1rem;
}

.f7f119c8c2627cc1-placeholderIcon{
	color:var(--text-tertiary);
	flex-shrink:0;
}

.f7f119c8c2627cc1-placeholderText{
	color:var(--text-tertiary);
}

.f7f119c8c2627cc1-emojiPressable{
	display:inline;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	cursor:pointer;
}

.f7f119c8c2627cc1-emojiTooltipTrigger{
	display:inline;
}

.f7f119c8c2627cc1-emojiTooltipSubtext{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.f7f119c8c2627cc1-emojiTooltipGuildRow{
	display:flex;
	align-items:center;
	gap:6px;
}

.f7f119c8c2627cc1-emojiTooltipGuildIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	--guild-icon-size:1.25rem;
}

.f7f119c8c2627cc1-emojiTooltipGuildName{
	color:var(--text-primary);
	font-size:0.875rem;
	font-weight:500;
	line-height:1.25;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.f7f119c8c2627cc1-emojiTooltipVerifiedIcon{
	width:1rem;
	height:1rem;
	flex-shrink:0;
	color:var(--text-primary);
}

.e27b236a644ae2b4-card{
	display:grid;
	grid-template-columns:3rem minmax(0, 1fr) auto;
	align-items:center;
	grid-gap:0.75rem;
	gap:0.75rem;
	width:100%;
	min-width:0;
	padding:0.65rem;
	border-radius:0.7rem;
	background:color-mix(in srgb, #0f1320 58%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
	box-shadow:none;
}

@supports (color: color-mix(in lch, red, blue)){
.e27b236a644ae2b4-card{
	background:color-mix(in srgb, var(--background-tertiary, #0f1320) 58%, transparent);
}
}

.e27b236a644ae2b4-compact{
	grid-template-columns:2.5rem minmax(0, 1fr) auto;
	padding:0.625rem;
	gap:0.625rem;
}

.e27b236a644ae2b4-artwork{
	position:relative;
	overflow:hidden;
	width:3rem;
	height:3rem;
	border-radius:0.55rem;
	background:color-mix(in srgb, #6e6af6 12%, #171b2b);
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:none;
}

@supports (color: color-mix(in lch, red, blue)){
.e27b236a644ae2b4-artwork{
	background:color-mix(in srgb, var(--brand-primary, #6e6af6) 12%, var(--background-secondary-alt, #171b2b));
}
}

.e27b236a644ae2b4-artworkImage{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center;
	background:color-mix(in srgb, #090b12 58%, black 42%);
}

@supports (color: color-mix(in lch, red, blue)){
.e27b236a644ae2b4-artworkImage{
	background:color-mix(in srgb, var(--background-primary, #090b12) 58%, black 42%);
}
}

.e27b236a644ae2b4-artworkShade{
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, transparent 48%, rgb(9 11 20 / 28%));
}

.e27b236a644ae2b4-compact .e27b236a644ae2b4-artwork{
	width:2.5rem;
	height:2.5rem;
	border-radius:0.5rem;
}

.e27b236a644ae2b4-compact .e27b236a644ae2b4-topRow{
	gap:0.35rem;
	align-items:flex-start;
	flex-wrap:wrap;
}

.e27b236a644ae2b4-compact .e27b236a644ae2b4-stateText{
	font-size:0.62rem;
}

.e27b236a644ae2b4-compact .e27b236a644ae2b4-providerBadge{
	padding:0.12rem 0.42rem;
	font-size:0.62rem;
	max-width:100%;
}

.e27b236a644ae2b4-compact .e27b236a644ae2b4-title{
	font-size:0.84rem;
}

.e27b236a644ae2b4-compact .e27b236a644ae2b4-artists{
	font-size:0.75rem;
}

.e27b236a644ae2b4-compact .e27b236a644ae2b4-album{
	display:none;
}

.e27b236a644ae2b4-compact .e27b236a644ae2b4-linkButton{
	width:1.85rem;
	height:1.85rem;
	border-radius:0.5rem;
	align-self:center;
}

.e27b236a644ae2b4-artworkIcon{
	color:color-mix(in srgb, #6e6af6 80%, white);
}

@supports (color: color-mix(in lch, red, blue)){
.e27b236a644ae2b4-artworkIcon{
	color:color-mix(in srgb, var(--brand-primary, #6e6af6) 80%, white);
}
}

.e27b236a644ae2b4-meta{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:0.15rem;
}

.e27b236a644ae2b4-topRow{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.5rem;
}

.e27b236a644ae2b4-stateRow{
	display:inline-flex;
	align-items:center;
	gap:0.35rem;
	min-width:0;
}

.e27b236a644ae2b4-stateIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:1.1rem;
	height:1.1rem;
	border-radius:0.35rem;
	background:color-mix(in srgb, #27c26c 14%, transparent);
	color:color-mix(in srgb, #27c26c 75%, white);
}

@supports (color: color-mix(in lch, red, blue)){
.e27b236a644ae2b4-stateIcon{
	background:color-mix(in srgb, var(--green, #27c26c) 14%, transparent);
	color:color-mix(in srgb, var(--green, #27c26c) 75%, white);
}
}

.e27b236a644ae2b4-stateText{
	font-size:0.675rem;
	font-weight:700;
	letter-spacing:0;
	text-transform:uppercase;
	color:var(--text-primary-muted);
}

.e27b236a644ae2b4-providerBadge{
	flex-shrink:0;
	padding:0;
	border-radius:0;
	font-size:0.68rem;
	font-weight:700;
	color:var(--text-secondary);
	background:transparent;
	border:0;
	max-width:9.75rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.e27b236a644ae2b4-title,
.e27b236a644ae2b4-artists,
.e27b236a644ae2b4-album{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.e27b236a644ae2b4-title{
	font-size:0.92rem;
	font-weight:700;
	color:var(--text-primary);
}

.e27b236a644ae2b4-artists{
	font-size:0.82rem;
	color:var(--text-primary-muted);
}

.e27b236a644ae2b4-album{
	font-size:0.75rem;
	color:var(--text-secondary);
}

.e27b236a644ae2b4-linkButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2rem;
	height:2rem;
	border-radius:0.5rem;
	color:var(--text-primary);
	background:transparent;
	border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
	text-decoration:none;
	transition:transform 140ms ease, background-color 140ms ease, border-color 140ms ease;
}

.e27b236a644ae2b4-linkButton:hover{
	transform:translateY(-1px);
	background:color-mix(in srgb, #6e6af6 10%, transparent);
	border-color:color-mix(in srgb, #6e6af6 18%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
.e27b236a644ae2b4-linkButton:hover{
	background:color-mix(in srgb, var(--brand-primary, #6e6af6) 10%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary, #6e6af6) 18%, transparent);
}
}

.e27b236a644ae2b4-emptyState{
	display:grid;
	grid-template-columns:3.25rem minmax(0, 1fr);
	align-items:center;
	grid-gap:0.9rem;
	gap:0.9rem;
	padding:0.8rem;
	border-radius:0.7rem;
	background:color-mix(in srgb, #171b2b 58%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
.e27b236a644ae2b4-emptyState{
	background:color-mix(in srgb, var(--background-secondary-alt, #171b2b) 58%, transparent);
}
}

.e27b236a644ae2b4-emptyIcon{
	width:1.55rem;
	height:1.55rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
	place-self:center;
	padding:0.75rem;
	border-radius:0.55rem;
	background:color-mix(in srgb, #6e6af6 10%, transparent);
	border:0;
}

@supports (color: color-mix(in lch, red, blue)){
.e27b236a644ae2b4-emptyIcon{
	background:color-mix(in srgb, var(--brand-primary, #6e6af6) 10%, transparent);
}
}

.e27b236a644ae2b4-emptyText{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:0.2rem;
}

.e27b236a644ae2b4-emptyTitle{
	font-size:0.85rem;
	font-weight:700;
	color:var(--text-primary);
}

.e27b236a644ae2b4-emptyDescription{
	font-size:0.78rem;
	line-height:1.45;
	color:var(--text-primary-muted);
}

@media (max-width: 640px){
	.e27b236a644ae2b4-card{
		grid-template-columns:2.75rem minmax(0, 1fr) auto;
		padding:0.7rem;
		gap:0.65rem;
	}

	.e27b236a644ae2b4-artwork{
		width:2.75rem;
		height:2.75rem;
		border-radius:0.55rem;
	}

	.e27b236a644ae2b4-title{
		font-size:0.86rem;
	}

	.e27b236a644ae2b4-artists{
		font-size:0.78rem;
	}

	.e27b236a644ae2b4-album{
		display:none;
	}

	.e27b236a644ae2b4-providerBadge{
		padding:0.12rem 0.42rem;
		font-size:0.62rem;
	}

	.e27b236a644ae2b4-emptyState{
		grid-template-columns:1fr;
		justify-items:start;
	}

	.e27b236a644ae2b4-emptyIcon{
		place-self:start;
	}
}

@media (max-width: 380px){
	.e27b236a644ae2b4-card,
	.e27b236a644ae2b4-compact{
		grid-template-columns:2.35rem minmax(0, 1fr);
		gap:0.55rem;
		padding:0.6rem;
		border-radius:0.65rem;
		box-shadow:none;
	}

	.e27b236a644ae2b4-artwork,
	.e27b236a644ae2b4-compact .e27b236a644ae2b4-artwork{
		width:2.35rem;
		height:2.35rem;
		border-radius:0.7rem;
	}

	.e27b236a644ae2b4-topRow,
	.e27b236a644ae2b4-compact .e27b236a644ae2b4-topRow{
		align-items:center;
		flex-wrap:nowrap;
	}

	.e27b236a644ae2b4-stateText{
		display:none;
	}

	.e27b236a644ae2b4-providerBadge{
		max-width:7rem;
	}

	.e27b236a644ae2b4-linkButton,
	.e27b236a644ae2b4-compact .e27b236a644ae2b4-linkButton{
		display:none;
	}
}

.f0f935dcb495bdc9-root{
	display:grid;
	grid-template-columns:2.2rem minmax(0, 1fr);
	grid-gap:0.62rem;
	gap:0.62rem;
	align-items:center;
	width:100%;
	min-width:0;
	padding:0.62rem 0.68rem;
	border-radius:0.88rem;
	border:1px solid color-mix(in srgb, var(--brand-primary) 24%, transparent);
	background:linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 12%, transparent), transparent 64%), color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%);
	text-decoration:none;
	color:inherit;
}

.f0f935dcb495bdc9-compact{
	grid-template-columns:1.95rem minmax(0, 1fr);
	gap:0.54rem;
	padding:0.56rem 0.6rem;
	border-radius:0.8rem;
}

.f0f935dcb495bdc9-iconWrap{
	width:2.2rem;
	height:2.2rem;
	border-radius:0.68rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:color-mix(in srgb, var(--brand-primary) 18%, transparent);
	color:color-mix(in srgb, var(--brand-primary) 86%, var(--text-primary));
}

.f0f935dcb495bdc9-compact .f0f935dcb495bdc9-iconWrap{
	width:1.95rem;
	height:1.95rem;
	border-radius:0.58rem;
}

.f0f935dcb495bdc9-labels{
	display:flex;
	flex-direction:column;
	min-width:0;
	gap:0.08rem;
}

.f0f935dcb495bdc9-kicker{
	font-size:0.64rem;
	font-weight:800;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color:var(--text-secondary);
}

.f0f935dcb495bdc9-gameName{
	font-size:0.86rem;
	font-weight:700;
	line-height:1.22;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.f0f935dcb495bdc9-subtitle{
	font-size:0.74rem;
	line-height:1.18;
	color:var(--text-secondary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._9c581ee6c404657b-container{
	position:relative;
	height:100%;
}

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

._9c581ee6c404657b-skinTonePickerButton{
	width:24px;
	height:24px;
	cursor:pointer;
}

._9c581ee6c404657b-cursorPointer{
	cursor:pointer;
}

._9c581ee6c404657b-cursorText{
	cursor:text;
}

._9c581ee6c404657b-skinTonePickerOptions{
	position:absolute;
	top:-4px;
	right:-4px;
	display:flex;
	flex-direction:column;
	width:auto;
	height:192px;
	background-color:var(--background-secondary);
	border:1px solid var(--background-modifier-accent);
	border-radius:4px;
	z-index:10;
}

._9c581ee6c404657b-skinTonePickerItem{
	width:32px;
	height:32px;
	padding:4px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	cursor:pointer;
	transition:background-color 0.1s ease-in-out;
}

._9c581ee6c404657b-skinTonePickerItemImage{
	width:24px;
	height:24px;
}

._9c581ee6c404657b-skinToneNativeEmoji{
	font-size:24px;
	line-height:1;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

._9c581ee6c404657b-emojiPicker{
	position:relative;
	display:grid;
	grid-template-columns:46px auto;
	grid-template-rows:1fr auto;
	width:auto;
	height:100%;
	overflow:hidden;
}

._9c581ee6c404657b-bodyWrapper{
	display:grid;
	position:relative;
	grid-column:2 / 3;
	grid-row:1 / 2;
	grid-template-rows:1fr;
}

._9c581ee6c404657b-emojiPickerListWrapper{
	position:relative;
	grid-row:1 / 2;
	overflow:visible;
	display:flex;
	flex-direction:column;
	min-height:0;
	background-color:var(--background-tertiary);
	contain:layout paint;
}

._9c581ee6c404657b-listWrapper{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

._9c581ee6c404657b-list{
	height:100%;
	padding:var(--spacing-3) var(--spacing-2) 0;
}

._9c581ee6c404657b-emptyState{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:none;
}

._9c581ee6c404657b-emptyStateInner{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
	color:var(--text-primary-muted);
	opacity:0.7;
}

._9c581ee6c404657b-emptyIcon{
	font-size:42px;
	line-height:1;
}

._9c581ee6c404657b-emptyLabel{
	font-size:0.875rem;
}

._9c581ee6c404657b-header{
	display:flex;
	align-items:center;
	position:relative;
	grid-column:1 / 3;
	padding:var(--spacing-3);
	z-index:100;
}

._9c581ee6c404657b-headerMobile{
	grid-column:1;
}

._9c581ee6c404657b-searchBar{
	display:flex;
	flex:1;
	margin-right:var(--spacing-3);
	box-sizing:border-box;
	border-radius:var(--radius-md);
	overflow:hidden;
	background-color:var(--background-primary);
}

.theme-light ._9c581ee6c404657b-searchBar{
	background-color:var(--background-secondary);
	box-shadow:inset 0 0 0 1px var(--background-modifier-accent);
}

._9c581ee6c404657b-searchBarInner{
	display:flex;
	position:relative;
	flex:1 1 auto;
	flex-direction:row;
	flex-wrap:wrap;
	padding:1px;
	box-sizing:border-box;
}

._9c581ee6c404657b-searchBarInput{
	flex:1;
	min-width:48px;
	height:30px;
	margin:1px;
	padding:0 8px;
	box-sizing:border-box;
	font-size:1rem;
	line-height:32px;
	background:transparent;
	border:none;
	resize:none;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	color:var(--text-tertiary);
}

._9c581ee6c404657b-searchBarInput::-webkit-input-placeholder{
	color:var(--text-primary-muted);
}

._9c581ee6c404657b-searchBarInput::-moz-placeholder{
	color:var(--text-primary-muted);
}

._9c581ee6c404657b-searchBarInput::-ms-input-placeholder{
	color:var(--text-primary-muted);
}

._9c581ee6c404657b-searchBarInput:-ms-input-placeholder{
	color:var(--text-primary-muted);
}

._9c581ee6c404657b-searchBarInput::placeholder{
	color:var(--text-primary-muted);
}

._9c581ee6c404657b-iconLayout{
	display:flex;
	justify-content:center;
	align-items:center;
	width:32px;
	height:32px;
	box-sizing:border-box;
	cursor:text;
}

._9c581ee6c404657b-iconContainer{
	position:relative;
	width:20px;
	height:20px;
	box-sizing:border-box;
}

._9c581ee6c404657b-icon{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	transform:rotate(90deg);
	z-index:2;
	transition:transform 0.1s ease-out, opacity 0.1s ease-out;
	color:var(--text-tertiary-muted);
}

._9c581ee6c404657b-icon._9c581ee6c404657b-visible{
	transform:rotate(0);
	opacity:1;
}

._9c581ee6c404657b-iconSize{
	width:24px;
	height:24px;
}

._9c581ee6c404657b-categoryIcon{
	width:20px;
	height:20px;
	flex-shrink:0;
}

._9c581ee6c404657b-headerIcon{
	height:1rem;
	width:1rem;
}

._9c581ee6c404657b-caretIcon{
	height:0.75rem;
	width:0.75rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
	transition:transform 0.2s;
}

._9c581ee6c404657b-inspector{
	display:flex;
	align-items:center;
	position:relative;
	grid-column:2 / 3;
	grid-row:3 / 4;
	height:48px;
	padding:0 var(--spacing-4);
	box-sizing:border-box;
	background-color:var(--background-primary);
	overflow:hidden;
	border-top:1px solid var(--background-modifier-accent);
}

._9c581ee6c404657b-inspectorEmoji{
	width:32px;
	height:32px;
}

._9c581ee6c404657b-inspectorEmojiSprite{
	width:32px;
	height:32px;
	background-repeat:no-repeat;
}

._9c581ee6c404657b-inspectorNativeEmoji{
	font-size:32px;
	line-height:1;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

._9c581ee6c404657b-inspectorText{
	margin-left:8px;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	flex:1 1 auto;
	line-height:1.2;
	max-height:1.2em;
}

._9c581ee6c404657b-categoryList{
	display:flex;
	flex-direction:column;
	align-items:center;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:46px;
	padding:var(--spacing-2) 0;
	box-sizing:border-box;
	overflow:hidden;
	background:var(--background-primary);
	border-radius:0 0 0 8px;
	box-shadow:inset -1px 0 0 var(--background-modifier-accent);
}

._9c581ee6c404657b-categoryListScroll{
	flex:1 1 auto;
	width:100%;
	min-height:0;
	overflow-y:auto;
	padding:0 var(--spacing-2);
	-ms-overflow-style:none;
	scrollbar-width:none;
}
._9c581ee6c404657b-categoryListScroll::-webkit-scrollbar{
	width:0;
	height:0;
}

._9c581ee6c404657b-listItems{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	width:100%;
	gap:var(--spacing-2);
	contain:layout;
}

._9c581ee6c404657b-categoryListIcon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:26px;
	height:26px;
	margin-bottom:0;
	cursor:pointer;
	border-radius:0.375rem;
	transition:background-color 0.2s, color 0.2s;
}

._9c581ee6c404657b-categoryListIcon:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._9c581ee6c404657b-categoryListIconActive{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._9c581ee6c404657b-textPrimaryMuted{
	color:var(--text-primary-muted);
}

._9c581ee6c404657b-emojiRowContainer{
	height:48px;
	display:flex;
	align-items:center;
	padding:0 var(--spacing-3);
}

._9c581ee6c404657b-emojiGrid{
	display:grid;
	grid-template-columns:repeat(9, minmax(0, 1fr));
	justify-items:center;
	width:100%;
	contain:layout paint;
}

._9c581ee6c404657b-emojiGridCategory{
	margin-bottom:16px;
}

._9c581ee6c404657b-categoryTitle{
	margin:0;
	font-size:0.875rem;
	font-weight:bold;
	color:var(--text-primary-muted);
	line-height:1.2;
	max-height:1.05rem;
}

._9c581ee6c404657b-emojiRenderer{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	aspect-ratio:1;
	max-width:48px;
	border-radius:0.375rem;
	cursor:pointer;
	transition:background-color 100ms ease, color 100ms ease;
	background:none;
	border:none;
	padding:0;
	outline:none;
	contain:layout paint;
}

._9c581ee6c404657b-emojiRenderer:hover,
._9c581ee6c404657b-emojiRenderer._9c581ee6c404657b-selectedEmojiRenderer{
	background-color:var(--background-modifier-selected) !important;
}

._9c581ee6c404657b-emojiRenderer:active{
	background-color:var(--background-modifier-hover);
}

._9c581ee6c404657b-emojiRenderer:focus{
	outline:none;
}

._9c581ee6c404657b-emojiRenderer:focus-visible{
	outline:2px solid var(--brand-primary-light);
	outline-offset:-2px;
}

._9c581ee6c404657b-focusedEmojiRenderer{
	background-color:var(--background-modifier-hover);
	outline:2px solid var(--brand-primary-light);
	outline-offset:-2px;
}

._9c581ee6c404657b-emojiImage{
	width:83.33%;
	height:83.33%;
	max-width:40px;
	max-height:40px;
	object-fit:contain;
}

._9c581ee6c404657b-spriteEmoji{
	width:32px;
	height:32px;
	min-width:32px;
	min-height:32px;
	background-repeat:no-repeat;
	flex-shrink:0;
}

._9c581ee6c404657b-nativeEmoji{
	font-size:32px;
	line-height:1;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

._9c581ee6c404657b-emojiLocked{
	opacity:0.35;
	-webkit-filter:none;
	        filter:none;
}

._9c581ee6c404657b-iconSmall{
	height:1rem;
	width:1rem;
}

._9c581ee6c404657b-horizontalCategories{
	display:flex;
	width:100%;
	min-width:0;
	max-width:100%;
	align-items:center;
	justify-content:flex-start;
	gap:0.42rem;
	overflow-x:auto;
	overflow-y:hidden;
	padding:0 0.25rem;
	scrollbar-width:none;
}

._9c581ee6c404657b-horizontalCategories::-webkit-scrollbar{
	display:none;
}

._9c581ee6c404657b-categoryChip{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:0.28rem;
	height:2rem;
	padding:0 0.58rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--background-modifier-hover) 74%, transparent);
	cursor:pointer;
	transition:background-color 0.18s ease, color 0.18s ease, transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

._9c581ee6c404657b-categoryChipGuild{
	padding:0;
	width:2rem;
}

._9c581ee6c404657b-categoryChipIcon{
	width:1rem;
	height:1rem;
	flex-shrink:0;
}

._9c581ee6c404657b-categoryChipLabel{
	font-size:0.73rem;
	font-weight:500;
	line-height:1;
	white-space:nowrap;
}

._9c581ee6c404657b-horizontalCategories ._9c581ee6c404657b-categoryChip{
	flex:0 0 auto;
}

._9c581ee6c404657b-horizontalCategories ._9c581ee6c404657b-categoryChip:hover,
._9c581ee6c404657b-horizontalCategories ._9c581ee6c404657b-categoryChip:focus-visible{
	background:color-mix(in srgb, var(--background-modifier-selected) 76%, transparent);
	transform:translateY(-1px);
}

._9c581ee6c404657b-container{
	position:relative;
	height:100%;
}

@media (max-width: 380px){
	._9c581ee6c404657b-horizontalCategories{
		gap:0.25rem;
		padding-inline:0.125rem;
	}

	._9c581ee6c404657b-horizontalCategories ._9c581ee6c404657b-categoryListIcon{
		width:24px;
		height:24px;
		flex:0 0 24px;
	}

	._9c581ee6c404657b-categoryChip{
		height:1.8rem;
		padding-inline:0.45rem;
	}

	._9c581ee6c404657b-categoryChipGuild{
		width:1.8rem;
		padding:0;
	}

	._9c581ee6c404657b-categoryChipLabel{
		font-size:0.68rem;
	}
}

._0096613cbc707d89-searchInputContainer{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	flex:1;
	min-width:0;
}

._0096613cbc707d89-backButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	border-radius:var(--radius-md);
	color:var(--text-primary);
	cursor:pointer;
	transition:background-color 0.1s ease-out;
	flex-shrink:0;
}

._0096613cbc707d89-backButton:hover{
	background-color:var(--background-modifier-hover);
}

._0096613cbc707d89-searchInput{
	min-height:36px;
	padding:0.5rem 2.5rem 0.5rem 2.25rem;
	font-size:1rem;
	border-radius:var(--radius-md);
	background-color:color-mix(in srgb, var(--form-surface-background) 85%, black);
	flex:1;
	transition:background-color 160ms ease, box-shadow 180ms ease, transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

._0096613cbc707d89-searchInputContainer:focus-within ._0096613cbc707d89-searchInput{
	background-color:color-mix(in srgb, var(--form-surface-background) 94%, black);
	box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-primary) 34%, transparent);
	transform:translateY(-1px);
}

._0096613cbc707d89-clearButton{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.25rem;
	border-radius:var(--radius-sm);
	color:var(--text-primary-muted);
	cursor:pointer;
	transition:color 0.1s ease-out;
}

._0096613cbc707d89-clearButton:hover{
	color:var(--text-primary);
}

@media (max-width: 767px){
	._0096613cbc707d89-searchInputContainer{
		gap:0.4rem;
	}

	._0096613cbc707d89-searchInput{
		min-height:34px;
		padding:0.44rem 2.3rem 0.44rem 2.1rem;
		font-size:0.9375rem;
		border-radius:0.75rem;
	}

	._0096613cbc707d89-backButton{
		width:34px;
		height:34px;
	}
}

@media (prefers-reduced-motion: reduce){
	._0096613cbc707d89-searchInput{
		transition:background-color 0.01s linear, box-shadow 0.01s linear;
	}

	._0096613cbc707d89-searchInputContainer:focus-within ._0096613cbc707d89-searchInput{
		transform:none;
	}
}

._8e73411d0031e81d-container{
	display:flex;
	align-items:center;
	gap:var(--spacing-3);
	min-width:0;
	width:100%;
}

._8e73411d0031e81d-containerCompact{
	gap:var(--spacing-2);
}

._7153ccbebcb5d27f-upsell{
	display:flex;
	align-items:flex-start;
	gap:0.56rem;
	padding:0.78rem;
	border-radius:0.9rem;
	border:1px solid rgb(151 117 255 / 0.42);
	background:radial-gradient(circle at 86% 12%, rgb(172 140 255 / 0.26), transparent 40%), linear-gradient(160deg, rgb(54 40 102 / 0.94), rgb(34 25 67 / 0.96));
	box-shadow:0 10px 18px rgb(13 8 30 / 0.3), inset 0 1px 0 rgb(255 255 255 / 0.12);
}

._7153ccbebcb5d27f-icon{
	flex-shrink:0;
	margin-top:0.125rem;
	color:rgb(234 222 255);
}

._7153ccbebcb5d27f-content{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	flex:1;
	min-width:0;
}

._7153ccbebcb5d27f-text{
	font-size:0.8125rem;
	color:rgb(235 228 255);
	margin:0;
	line-height:1.4;
}

._7153ccbebcb5d27f-actions{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.75rem;
	margin-top:0.25rem;
}

._7153ccbebcb5d27f-dismissLink{
	font-size:0.75rem;
	color:rgb(197 184 234 / 0.85);
	background:none;
	border:none;
	padding:0;
	cursor:pointer;
	text-decoration:none;
}

._7153ccbebcb5d27f-dismissLink:hover{
	color:rgb(248 244 255);
	text-decoration:underline;
}

.d2ef0aa38082df20-banner{
	margin:0 var(--spacing-2) var(--spacing-3);
}

@media (max-width: 767px){
	.d2ef0aa38082df20-banner{
		width:auto;
		max-width:calc(100% - (var(--spacing-2) * 2));
		margin:var(--spacing-1) var(--spacing-2) var(--spacing-2);
		box-sizing:border-box;
	}
}

._9dc432fa20268382-gifPickerContainer{
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
	min-width:0;
	overflow:hidden;
	background-color:var(--background-primary);
	--gif-picker-overlay-bg:oklab(0 0 0 / 0.75);
	--gif-picker-overlay-hover-bg:oklab(0 0 0 / 0.8);
	touch-action:pan-y;
}

._9dc432fa20268382-gifPickerMain{
	position:relative;
	display:flex;
	flex:1 1 auto;
	min-width:0;
	min-height:0;
	overflow:hidden;
	background-color:var(--background-primary);
}

._9dc432fa20268382-autoSizerWrapper{
	flex:1 1 auto;
	height:100%;
	width:100%;
	min-height:0;
}

._9dc432fa20268382-autoSizerWrapper > div{
	height:100% !important;
	width:100% !important;
}

._9dc432fa20268382-virtualList{
	scrollbar-color:var(--scrollbar-thumb-bg) transparent;
	scrollbar-width:thin;
	overflow-anchor:none;
	overscroll-behavior-y:contain;
	-webkit-overflow-scrolling:touch;
	background-color:var(--background-primary);
}

@media (max-width: 768px){
	._9dc432fa20268382-gifPickerContainer{
		padding-left:max(6px, 0px);
		padding-left:max(6px, var(--safe-area-left, 0px));
		padding-right:max(6px, 0px);
		padding-right:max(6px, var(--safe-area-right, 0px));
	}

	._9dc432fa20268382-gifPickerMain{
		border-radius:16px 16px 0 0;
		background:color-mix(in srgb, var(--background-secondary) 92%, var(--background-primary) 8%);
		box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 -6px 20px rgba(0, 0, 0, 0.08);
	}

	._9dc432fa20268382-virtualList{
		scrollbar-width:none;
	}

	._9dc432fa20268382-virtualList::-webkit-scrollbar{
		display:none;
	}
}

._9dc432fa20268382-virtualList::-webkit-scrollbar{
	width:8px;
}

._9dc432fa20268382-virtualList::-webkit-scrollbar-thumb{
	background-color:var(--scrollbar-thumb-bg);
	background-clip:padding-box;
	border:2px solid transparent;
	border-radius:4px;
	min-height:48px;
}

._9dc432fa20268382-virtualList::-webkit-scrollbar-thumb:hover{
	background-color:var(--scrollbar-thumb-bg-hover);
}

._9dc432fa20268382-virtualList::-webkit-scrollbar-track{
	background-color:transparent;
}

._9dc432fa20268382-virtualRow{
	display:flex;
	gap:var(--spacing-3);
}

@media (max-width: 768px){
	._9dc432fa20268382-virtualRow{
		gap:var(--spacing-2);
	}
}

._9dc432fa20268382-searchBarContainer{
	display:flex;
	align-items:center;
	gap:var(--spacing-3);
}

._9dc432fa20268382-mobileHeaderWrapper{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	padding-block:var(--spacing-2);
	padding-left:max(var(--spacing-4), 0px);
	padding-left:max(var(--spacing-4), var(--safe-area-left, 0px));
	padding-right:max(var(--spacing-4), 0px);
	padding-right:max(var(--spacing-4), var(--safe-area-right, 0px));
}

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

._9dc432fa20268382-searchBarBackButton{
	cursor:pointer;
	width:24px;
	height:24px;
	color:var(--text-primary-muted);
	transition:color 0.1s ease-out;
}

._9dc432fa20268382-searchBarBackButton:hover{
	color:var(--text-primary);
}

._9dc432fa20268382-searchBarTitle{
	font-size:1rem;
	font-weight:600;
	color:var(--text-tertiary);
}

._9dc432fa20268382-grid{
	display:flex;
	flex-wrap:nowrap;
	gap:var(--spacing-3);
	padding:0 10px calc(10px + 0px) 10px;
	padding:0 10px calc(10px + var(--safe-area-bottom, 0px)) 10px;
	justify-content:flex-start;
}

._9dc432fa20268382-column{
	display:flex;
	flex-direction:column;
	flex:1;
	gap:var(--spacing-3);
	min-width:227px;
}

@media (max-width: 768px){
	._9dc432fa20268382-grid{
		gap:var(--spacing-2);
		padding:0 8px calc(12px + 0px) 8px;
		padding:0 8px calc(12px + var(--safe-area-bottom, 0px)) 8px;
	}

	._9dc432fa20268382-column{
		gap:var(--spacing-2);
		min-width:calc(50svw - 20px);
	}

	._9dc432fa20268382-gridItem{
		border-radius:var(--radius-sm);
	}
}

._9dc432fa20268382-gridItem{
	position:relative;
	border-radius:0.375rem;
	background-color:var(--background-secondary);
	cursor:pointer;
	width:100%;
	box-sizing:border-box;
	border:1px solid transparent;
	transition:border-color 0.1s ease-out;
	outline:none;
}

._9dc432fa20268382-gridItemFocused{
	border-color:var(--brand-primary-light);
	box-shadow:inset 0 0 0 2px var(--brand-primary-light);
}

._9dc432fa20268382-gridItemBackdrop{
	position:absolute;
	inset:1px;
	transition:background-color 0.1s ease-out, -webkit-backdrop-filter 0.1s ease-out;
	transition:background-color 0.1s ease-out, backdrop-filter 0.1s ease-out;
	transition:background-color 0.1s ease-out, backdrop-filter 0.1s ease-out, -webkit-backdrop-filter 0.1s ease-out;
	z-index:2;
	background-color:var(--gif-picker-overlay-bg);
	border-radius:calc(0.375rem - 1px);
}

._9dc432fa20268382-gridItemCategory:hover{
	border-color:var(--brand-primary-light);
	box-shadow:inset 0 0 0 1px var(--brand-primary-light);
}

._9dc432fa20268382-gridItemCategory:hover ._9dc432fa20268382-gridItemBackdrop{
	-webkit-backdrop-filter:blur(2px);
	        backdrop-filter:blur(2px);
	background-color:var(--gif-picker-overlay-hover-bg);
}

._9dc432fa20268382-gridItemGif ._9dc432fa20268382-gridItemBackdrop{
	display:none;
}

._9dc432fa20268382-gifMediaContainer{
	position:absolute;
	inset:1px;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:calc(0.375rem - 1px);
	transition:-webkit-filter 0.1s ease-out;
	transition:filter 0.1s ease-out;
	transition:filter 0.1s ease-out, -webkit-filter 0.1s ease-out;
}

._9dc432fa20268382-gridItemGif:hover{
	border-color:var(--brand-primary-light);
	box-shadow:inset 0 0 0 1px var(--brand-primary-light);
}

._9dc432fa20268382-gridItemGif:hover ._9dc432fa20268382-gifMediaContainer{
	-webkit-filter:brightness(1.2);
	        filter:brightness(1.2);
}

._9dc432fa20268382-gridItemFavorites ._9dc432fa20268382-gridItemBackdrop{
	background-color:hsla(242, 67%, 55%, 0.6);
}

._9dc432fa20268382-gridItemFavorites:hover ._9dc432fa20268382-gridItemBackdrop{
	background-color:hsla(242, 67%, 55%, 0.8);
}

._9dc432fa20268382-gridItemCategoryTitle{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:3;
	pointer-events:none;
	gap:4px;
}

._9dc432fa20268382-gridItemIcon{
	width:20px;
	height:20px;
	color:white;
}

._9dc432fa20268382-gridItemCategoryTitleText{
	font-size:1rem;
	line-height:16px;
	font-weight:600;
	color:white;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.6);
}

._9dc432fa20268382-gif{
	width:100%;
	height:100%;
	object-fit:cover;
	background-color:transparent;
}

._9dc432fa20268382-gifVideoContainer{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
}

._9dc432fa20268382-header{
	display:flex;
	align-items:center;
	padding:16px;
	background-color:var(--background-primary);
}

._9dc432fa20268382-backButton{
	margin-right:16px;
	cursor:pointer;
	width:24px;
	height:24px;
	color:var(--text-primary-muted);
	transition:color 0.1s ease-out;
}

._9dc432fa20268382-backButton:hover{
	color:var(--text-primary);
}

._9dc432fa20268382-header h2{
	flex:1;
	margin:0;
	font-size:1.25rem;
	font-weight:600;
	color:var(--text-primary);
}

._9dc432fa20268382-skeletonContainer{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	padding:0 16px;
}

._9dc432fa20268382-skeletonItem{
	background:linear-gradient(
		90deg,
		var(--background-secondary) 0%,
		var(--background-tertiary) 50%,
		var(--background-secondary) 100%
	);
	background-size:200% 100%;
	border-radius:0.375rem;
	animation:_9dc432fa20268382-shimmer 2s ease-in-out infinite;
	will-change:background-position;
}

@keyframes _9dc432fa20268382-shimmer{
	0%{
		background-position:-200% center;
	}
	100%{
		background-position:200% center;
	}
}

@media (max-width: 768px){
	._9dc432fa20268382-skeletonItem{
		border-radius:0.25rem;
	}
}

._9dc432fa20268382-suggestionsContainer{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding:16px 16px 0;
	justify-content:center;
}

._9dc432fa20268382-suggestionTag{
	padding:8px 16px;
	border:none;
	border-radius:16px;
	background-color:var(--background-tertiary);
	color:var(--text-primary);
	font-size:14px;
	cursor:pointer;
	transition:background-color 0.2s ease;
}

._9dc432fa20268382-suggestionTag:hover{
	background-color:var(--background-modifier-hover);
}

._9dc432fa20268382-suggestionTag:active{
	background-color:var(--background-modifier-selected);
}

._9dc432fa20268382-hoverActionButtons{
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	z-index:10;
	display:flex;
	gap:0.25rem;
	opacity:0;
	pointer-events:none;
	transform:translateY(-4px);
}

._9dc432fa20268382-favoriteButton{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:0.375rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-primary);
	box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	transition:transform 0.15s, border-color 0.15s, background-color 0.15s;
	cursor:pointer;
}

._9dc432fa20268382-favoriteButton:hover{
	transform:scale(1.05);
}

._9dc432fa20268382-favoriteButton:hover:has([style*='status-danger']){
	background-color:var(--status-danger-hover);
}

._9dc432fa20268382-favoriteButton:active{
	transform:scale(0.95);
}

._9dc432fa20268382-favoriteButtonActive{
	border-color:var(--brand-primary);
	background-color:var(--brand-primary);
}

._9dc432fa20268382-favoriteButtonIcon{
	color:var(--text-primary);
	height:1rem;
	width:1rem;
}

._9dc432fa20268382-favoriteButtonActiveIcon{
	color:white;
}

._9dc432fa20268382-centeredContent{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding-bottom:64px;
}

._9dc432fa20268382-slate{
	display:flex;
	flex-direction:column;
	width:100%;
	align-items:center;
	justify-content:center;
	padding:0 1rem;
	gap:0.5rem;
}

._9dc432fa20268382-slateContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
}

._9dc432fa20268382-slateIcon{
	height:3.5rem;
	width:3.5rem;
	color:var(--text-primary-muted);
}

._9dc432fa20268382-slateTextContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
	text-align:center;
}

._9dc432fa20268382-slateTitle{
	font-size:1.25rem;
	font-weight:600;
	color:var(--text-primary);
}

._9dc432fa20268382-slateDescription{
	font-size:1rem;
	color:var(--text-primary-muted);
}

.theme-light ._9dc432fa20268382-gifPickerContainer{
	background-color:var(--background-primary);
	--gif-picker-overlay-bg:color-mix(in srgb, var(--background-primary) 80%, transparent);
	--gif-picker-overlay-hover-bg:color-mix(in srgb, var(--background-primary) 90%, transparent);
}

.theme-light ._9dc432fa20268382-gifPickerMain,
.theme-light ._9dc432fa20268382-scrollArea{
	background-color:var(--background-primary);
}

.theme-light ._9dc432fa20268382-gridItem{
	background-color:color-mix(in srgb, var(--background-primary) 90%, var(--background-secondary) 10%);
	border-color:color-mix(in srgb, var(--background-modifier-accent) 60%, transparent);
}

.theme-light ._9dc432fa20268382-gridItemCategoryTitleText{
	color:var(--text-primary);
	text-shadow:none;
}

.theme-light ._9dc432fa20268382-gridItemIcon{
	color:var(--text-primary);
}

.theme-light ._9dc432fa20268382-gridItemFavorites ._9dc432fa20268382-gridItemCategoryTitleText,
.theme-light ._9dc432fa20268382-gridItemFavorites ._9dc432fa20268382-gridItemIcon{
	color:var(--text-on-brand-primary);
}

.theme-light ._9dc432fa20268382-gridItemFavorites ._9dc432fa20268382-gridItemCategoryTitleText{
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.35);
}

.theme-light ._9dc432fa20268382-suggestionTag{
	background-color:var(--background-secondary);
}

.theme-light ._9dc432fa20268382-gridItemFocused{
	border-color:var(--brand-primary);
	box-shadow:inset 0 0 0 2px var(--brand-primary);
}

._9dc432fa20268382-searchBarContent{
	display:flex;
	width:100%;
	flex-direction:column;
	gap:var(--spacing-3);
}

._9dc432fa20268382-favoriteButtonSpinner{
	width:18px;
	height:18px;
	border-radius:999px;
	box-sizing:border-box;

	border:2px solid color-mix(in srgb, var(--brand-primary-light) 20%, transparent);
	border-top-color:var(--brand-primary-light);
	border-right-color:var(--brand-primary-light);

	animation:_9dc432fa20268382-gifFavoriteSpinner 600ms linear infinite;
}

@keyframes _9dc432fa20268382-gifFavoriteSpinner{
	to{
		transform:rotate(360deg);
	}
}

._9dc432fa20268382-gridItemGif:hover ._9dc432fa20268382-hoverActionButtons,
._9dc432fa20268382-gridItemGif:focus-visible ._9dc432fa20268382-hoverActionButtons,
._9dc432fa20268382-gridItemGif:focus-within ._9dc432fa20268382-hoverActionButtons,
._9dc432fa20268382-gridItemFavoritePending ._9dc432fa20268382-hoverActionButtons,
._9dc432fa20268382-gridItemFocused ._9dc432fa20268382-hoverActionButtons{
	opacity:1;
	transform:translateY(0);
	pointer-events:auto;
}

._068aee084036af2f-container{
	position:relative;
	height:100%;
	min-height:0;
	min-width:0;
	width:100%;
	overflow:hidden;
	padding-bottom:0;
	box-sizing:border-box;
	touch-action:pan-y;
}

._068aee084036af2f-searchBarWrapper{
	position:relative;
	width:100%;
	min-width:0;
	transition:transform 220ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms ease;
}

._068aee084036af2f-searchBarWrapperFocused{
	transform:translateY(-2px);
}

._068aee084036af2f-mobileEmojiPicker{
	position:relative;
	display:grid;
	grid-template-rows:auto 1fr auto;
	width:100%;
	min-width:0;
	height:100%;
	overflow:hidden;
	box-sizing:border-box;
	padding-left:max(8px, 0px);
	padding-left:max(8px, var(--safe-area-left, 0px));
	padding-right:max(8px, 0px);
	padding-right:max(8px, var(--safe-area-right, 0px));
	border-radius:16px 16px 0 0;
	background:color-mix(in srgb, var(--background-secondary) 92%, var(--background-primary) 8%);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 -6px 20px rgba(0, 0, 0, 0.08);
	transition:transform 220ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 220ms ease;
}

._068aee084036af2f-mobileEmojiPickerSearchActive{
	transform:translateY(-8px);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 -10px 24px rgba(0, 0, 0, 0.1);
}

._068aee084036af2f-bodyWrapper{
	display:grid;
	position:relative;
	grid-row:2 / 3;
	grid-template-rows:1fr;
	min-height:0;
	min-width:0;
	overflow:hidden;
	padding-top:2px;
}

._068aee084036af2f-fastScrollControls{
	position:absolute;
	right:max(6px, 0px);
	right:max(6px, var(--safe-area-right, 0px));
	bottom:calc(12px + 0px);
	bottom:calc(12px + var(--safe-area-bottom, 0px));
	z-index:6;
	display:flex;
	flex-direction:column;
	gap:0.38rem;
	pointer-events:none;
	opacity:0.88;
	transform:translateY(0);
	transition:opacity 180ms var(--motion-ease-snap), transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

._068aee084036af2f-mobileEmojiPickerSearchActive ._068aee084036af2f-fastScrollControls{
	opacity:0.95;
	transform:translateY(-2px);
}

._068aee084036af2f-fastScrollButton{
	pointer-events:auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2rem;
	height:2rem;
	border:none;
	border-radius:999px;
	cursor:pointer;
	background:color-mix(in srgb, var(--background-secondary) 82%, var(--background-primary) 18%);
	color:var(--text-primary);
	-webkit-backdrop-filter:blur(6px) saturate(108%);
	        backdrop-filter:blur(6px) saturate(108%);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 4px 12px rgba(0, 0, 0, 0.18);
	transition:transform 180ms cubic-bezier(0.22, 1, 0.36, 1), background-color 180ms ease, box-shadow 180ms ease, color 160ms ease;
	touch-action:none;
}

._068aee084036af2f-fastScrollButtonActive{
	transform:scale(0.94);
	background:color-mix(in srgb, var(--brand-primary) 28%, var(--background-secondary) 72%);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 5px 14px rgba(0, 0, 0, 0.22);
	color:color-mix(in srgb, var(--text-primary) 92%, white);
}

._068aee084036af2f-fastScrollIcon{
	width:1rem;
	height:1rem;
}

._068aee084036af2f-emojiPickerListWrapper{
	position:relative;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	min-height:0;
	min-width:0;
	overscroll-behavior-y:contain;
	padding-bottom:2px;
}

._068aee084036af2f-listWrapper{
	position:absolute;
	inset:0;
	min-width:0;
}

._068aee084036af2f-list{
	padding:0 4px 10px;
}

@media (max-width: 768px){
	._068aee084036af2f-list{
		scrollbar-width:none;
	}

	._068aee084036af2f-list::-webkit-scrollbar{
		display:none;
	}
}

._068aee084036af2f-categoryListBottom{
	position:relative;
	bottom:0;
	z-index:4;
	grid-row:3 / 4;
	width:100%;
	min-width:0;
	background:linear-gradient(
			to top,
			color-mix(in srgb, var(--background-secondary) 96%, var(--background-primary) 4%),
			color-mix(in srgb, var(--background-secondary) 86%, transparent)
		);
	border-top:1px solid color-mix(in srgb, var(--background-header-secondary) 82%, transparent);
	overflow-x:auto;
	overflow-y:hidden;
	padding-top:6px;
	padding-right:max(4px, 0px);
	padding-right:max(4px, var(--safe-area-right, 0px));
	padding-bottom:calc(10px + 0px);
	padding-bottom:calc(10px + var(--safe-area-bottom, 0px));
	padding-left:max(4px, 0px);
	padding-left:max(4px, var(--safe-area-left, 0px));
	display:flex;
	align-items:center;
	justify-content:flex-start;
	min-height:54px;
	-webkit-backdrop-filter:saturate(108%);
	        backdrop-filter:saturate(108%);
	transition:padding-bottom 160ms var(--motion-ease-snap), transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

._068aee084036af2f-categoryListBottomSearchActive{
	transform:translateY(-1px);
}

._068aee084036af2f-categoryListBottom > *{
	width:100%;
	min-width:0;
	max-width:100%;
}

._068aee084036af2f-categoryListBottom::-webkit-scrollbar{
	height:0;
}

._068aee084036af2f-categoryListBottom::-webkit-scrollbar-track{
	background:transparent;
}

@media (max-width: 767px){
	._068aee084036af2f-mobileEmojiPicker{
		padding-left:max(6px, 0px);
		padding-left:max(6px, var(--safe-area-left, 0px));
		padding-right:max(6px, 0px);
		padding-right:max(6px, var(--safe-area-right, 0px));
	}

	._068aee084036af2f-mobileEmojiPickerSearchActive{
		transform:translateY(-6px);
	}

	._068aee084036af2f-list{
		padding-bottom:6px;
	}

	._068aee084036af2f-categoryListBottom{
		min-height:46px;
		padding-top:3px;
		padding-bottom:calc(5px + 0px);
		padding-bottom:calc(5px + var(--safe-area-bottom, 0px));
	}

	._068aee084036af2f-fastScrollControls{
		right:max(5px, 0px);
		right:max(5px, var(--safe-area-right, 0px));
		bottom:calc(10px + 0px);
		bottom:calc(10px + var(--safe-area-bottom, 0px));
	}

	._068aee084036af2f-fastScrollButton{
		width:1.92rem;
		height:1.92rem;
	}
}

@media (max-width: 380px){
	._068aee084036af2f-mobileEmojiPicker{
		padding-left:max(3px, 0px);
		padding-left:max(3px, var(--safe-area-left, 0px));
		padding-right:max(3px, 0px);
		padding-right:max(3px, var(--safe-area-right, 0px));
		border-radius:12px 12px 0 0;
	}

	._068aee084036af2f-list{
		padding-right:2px;
		padding-left:2px;
	}

	._068aee084036af2f-categoryListBottom{
		min-height:42px;
		padding-top:2px;
		padding-right:max(2px, 0px);
		padding-right:max(2px, var(--safe-area-right, 0px));
		padding-bottom:calc(3px + 0px);
		padding-bottom:calc(3px + var(--safe-area-bottom, 0px));
		padding-left:max(2px, 0px);
		padding-left:max(2px, var(--safe-area-left, 0px));
	}

	._068aee084036af2f-fastScrollControls{
		right:max(3px, 0px);
		right:max(3px, var(--safe-area-right, 0px));
	}
}

@media (prefers-reduced-motion: reduce){
	._068aee084036af2f-searchBarWrapper,
	._068aee084036af2f-mobileEmojiPicker,
	._068aee084036af2f-categoryListBottom,
	._068aee084036af2f-fastScrollControls,
	._068aee084036af2f-fastScrollButton{
		transition:none;
	}

	._068aee084036af2f-mobileEmojiPickerSearchActive{
		transform:none;
	}
}

._94dd8f15d432fcf7-emptyState{
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:var(--spacing-3);
	padding:var(--spacing-6);
	text-align:center;
	height:100%;
}

._94dd8f15d432fcf7-emptyStateContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--spacing-2);
}

._94dd8f15d432fcf7-emptyStateIcon{
	height:3.5rem;
	width:3.5rem;
	color:var(--text-primary-muted);
}

._94dd8f15d432fcf7-emptyStateTextContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--spacing-2);
}

._94dd8f15d432fcf7-emptyStateTitle{
	font-size:1.25rem;
	font-weight:600;
	color:var(--text-primary);
	margin:0;
}

._94dd8f15d432fcf7-emptyStateDescription{
	font-size:1rem;
	color:var(--text-primary-muted);
	max-width:280px;
	margin:0;
}

._94dd8f15d432fcf7-pickerHeader{
	position:relative;
	z-index:10;
	display:flex;
	flex-direction:column;
	padding:var(--spacing-3);
	gap:var(--spacing-3);
	background-color:var(--background-tertiary);
	border-bottom:1px solid var(--background-modifier-accent);
}

._94dd8f15d432fcf7-searchBarWrapper{
	display:flex;
	flex:1;
	overflow:hidden;
	border-radius:var(--radius-md);
	background-color:var(--background-primary);
}

.theme-light ._94dd8f15d432fcf7-searchBarWrapper{
	background-color:var(--background-secondary);
	box-shadow:inset 0 0 0 1px var(--background-modifier-accent);
}

._94dd8f15d432fcf7-pickerContent{
	display:flex;
	flex-direction:column;
	flex:1;
	min-height:0;
	overflow:hidden;
	background-color:var(--background-primary);
}

._94dd8f15d432fcf7-pickerGrid{
	display:flex;
	flex-wrap:nowrap;
	gap:var(--spacing-3);
	padding:0 var(--spacing-4);
	justify-content:flex-start;
}

._94dd8f15d432fcf7-pickerColumn{
	display:flex;
	flex-direction:column;
	flex:1;
	gap:var(--spacing-3);
	min-width:227px;
}

@media (max-width: 768px){
	._94dd8f15d432fcf7-pickerGrid{
		gap:var(--spacing-2);
		padding:0 var(--spacing-3);
	}

	._94dd8f15d432fcf7-pickerColumn{
		gap:var(--spacing-2);
		min-width:calc(50svw - 20px);
	}

	._94dd8f15d432fcf7-pickerHeader{
		padding:var(--spacing-3);
	}
}

:root{
	--message-avatar-size:40px;
	--message-avatar-size-compact:16px;
	--message-gutter:16px;
	--message-spacing-y:0.125rem;
	--message-line-height:1.375rem;
	--message-timestamp-color:var(--text-tertiary);
	--message-timestamp-font-size:0.75rem;
	--message-timestamp-compact-font-size:0.6875rem;
	--message-timestamp-compact-height:1.25rem;
	--message-compact-timestamp-width:3.5rem;
	--message-compact-gap:0.25rem;
	--message-compact-indent:calc(var(--message-compact-timestamp-width) + var(--message-compact-gap));
	--message-compact-username-gap:0.45rem;
	--message-compact-container-margin:16px;
	--system-message-icon-size:18px;
	--system-message-icon-opacity:0.6;

	--message-highlight-bar-width:2px;
	--message-mention-color:rgb(234 197 50);
	--message-mention-bg:rgb(234 197 50 / 0.1);
	--message-mention-bg-hover:rgb(234 197 50 / 0.14);
	--message-reply-color:rgb(59 130 246);
	--message-reply-bg:rgb(59 130 246 / 0.1);

	--message-sending-opacity:0.88;
	--message-sending-link-opacity:0.96;
	--message-failed-opacity:0.5;
	--message-replied-username-opacity:0.64;

	--message-reply-spacing:4px;
	--message-reply-height:1.125rem;
	--message-reply-font-size:0.875rem;
	--message-reply-spine-width:2px;
	--message-reply-spine-radius:6px;

	--message-container-gap:0.25rem;
	--message-container-padding-y:0.125rem;

	--message-edited-font-size:0.75rem;
	--message-edited-label-font-size:0.625rem;

	--message-mobile-margin:0.75rem;
	--message-action-bar-offset:3rem;

	--message-icon-size-sm:14px;
	--message-icon-size-md:16px;
	--message-icon-size-lg:1.25rem;

	--message-failed-indicator-gap:6px;
	--message-failed-indicator-font-size:12px;

	--message-typing-gap:0.35rem;
	--message-typing-pill-gap:0.2rem;
	--message-typing-pill-padding:0.45rem;
	--message-typing-avatar-margin:0.2rem;
	--message-typing-text-font-size:0.6875rem;

	--message-unknown-warning-color:#ff9933;
	--message-bubble-radius:0.75rem;
	--message-bubble-padding-y:0.42rem;
	--message-bubble-padding-x:0.7rem;
	--message-bubble-fill:color-mix(in srgb, var(--background-secondary) 70%, var(--background-primary) 30%);
	--message-bubble-border:color-mix(in srgb, var(--text-primary) 8%, transparent);
	--message-bubble-hover-fill:color-mix(in srgb, var(--background-floating) 62%, var(--background-primary) 38%);
	--message-self-bubble-fill:color-mix(in srgb, var(--brand-primary) 18%, var(--background-tertiary));
	--message-self-bubble-border:color-mix(in srgb, var(--brand-primary) 28%, transparent);
	--message-self-bubble-hover-fill:color-mix(in srgb, var(--brand-primary) 24%, var(--background-tertiary));
	--message-bubble-tail-size:10px;
	--message-avatar-offset-y:-4px;
	--message-avatar-bubble-offset-y:-1px;

	--message-transition-highlight:200ms ease-in-out;
}

._45f1566142610334-message{
	text-align:left;
	display:grid;
	grid-template-columns:16px 40px 16px minmax(0, 1fr);
	grid-template-columns:var(--chat-horizontal-padding, var(--message-gutter)) var(--message-avatar-size) var(
			--message-gutter
		) minmax(0, 1fr);
	grid-template-rows:auto auto auto;
	grid-template-areas:'. . . reply' 'gutter-left avatar gutter-right content' '. . . container';
	padding-top:0.125rem;
	padding-top:var(--message-spacing-y);
	padding-bottom:0.125rem;
	padding-bottom:var(--message-spacing-y);
	padding-right:16px;
	padding-right:var(--chat-horizontal-padding, var(--message-gutter));
	padding-left:0;
	position:relative;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	touch-action:pan-y;
	word-break:break-word;
	-webkit-tap-highlight-color:transparent;
	margin-left:calc(-1 * 0.75rem);
	margin-left:calc(-1 * var(--message-mobile-margin));
	margin-right:calc(-1 * 0.75rem);
	margin-right:calc(-1 * var(--message-mobile-margin));
}

._45f1566142610334-messagePreviewSpacing{
	margin-top:0;
	margin-top:var(--message-group-spacing, 0);
}

@media (min-width: 768px){
	._45f1566142610334-message{
		margin-left:calc(-1 * 16px);
		margin-left:calc(-1 * var(--chat-horizontal-padding, var(--message-gutter)));
		margin-right:calc(-1 * 16px);
		margin-right:calc(-1 * var(--chat-horizontal-padding, var(--message-gutter)));
		padding-right:calc(16px + 3rem);
		padding-right:calc(var(--chat-horizontal-padding, var(--message-gutter)) + var(--message-action-bar-offset));
	}

	._45f1566142610334-messagePreview{
		margin-left:0;
		margin-right:0;
		padding-right:16px;
		padding-right:var(--chat-horizontal-padding, var(--message-gutter));
	}
}

._45f1566142610334-message:hover,
._45f1566142610334-messageCompact:hover{
	background-color:transparent;
}

._45f1566142610334-message._45f1566142610334-messagePreview:hover{
	background-color:transparent;
}

._45f1566142610334-message._45f1566142610334-messageMentioned:hover,
._45f1566142610334-messageCompact._45f1566142610334-messageMentioned:hover{
	background-color:rgb(234 197 50 / 0.1);
	background-color:var(--message-mention-bg);
}

html.reduced-motion ._45f1566142610334-message._45f1566142610334-messageMentioned:hover,
html.reduced-motion ._45f1566142610334-messageCompact._45f1566142610334-messageMentioned:hover{
	background-color:rgb(234 197 50 / 0.1);
	background-color:var(--message-mention-bg);
}

._45f1566142610334-message._45f1566142610334-messageReplying:hover,
._45f1566142610334-message._45f1566142610334-messageHighlight:hover,
._45f1566142610334-messageCompact._45f1566142610334-messageReplying:hover,
._45f1566142610334-messageCompact._45f1566142610334-messageHighlight:hover{
	background-color:rgb(59 130 246 / 0.1);
	background-color:var(--message-reply-bg);
}

._45f1566142610334-messageNoHover:hover,
._45f1566142610334-messageNoHover._45f1566142610334-messageCompact:hover{
	background-color:transparent;
}

[data-blocked-messages] ._45f1566142610334-message:hover,
[data-blocked-messages] ._45f1566142610334-messageCompact:hover,
[data-blocked-messages] ._45f1566142610334-message._45f1566142610334-contextMenuActive,
[data-blocked-messages] ._45f1566142610334-messageCompact._45f1566142610334-contextMenuActive{
	background-color:transparent !important;
}

@media (pointer: coarse){
	._45f1566142610334-message:hover,
	._45f1566142610334-messageCompact:hover{
		background-color:transparent;
	}
}

._45f1566142610334-message._45f1566142610334-mobileLayout:hover,
._45f1566142610334-messageCompact._45f1566142610334-mobileLayout:hover{
	background-color:transparent;
}

._45f1566142610334-message._45f1566142610334-mobileLayout._45f1566142610334-messageLongPress,
._45f1566142610334-messageCompact._45f1566142610334-mobileLayout._45f1566142610334-messageLongPress{
	background-color:transparent;
	transform:none;
	transition:none;
	box-shadow:none;
	z-index:auto;
}

@media (prefers-reduced-motion: reduce){
	._45f1566142610334-message._45f1566142610334-mobileLayout._45f1566142610334-messageLongPress,
	._45f1566142610334-messageCompact._45f1566142610334-mobileLayout._45f1566142610334-messageLongPress{
		transform:none;
		box-shadow:none;
		transition:background-color 180ms ease;
	}
}

._45f1566142610334-messageGrouped{
	grid-template-areas:'. . . reply' 'gutter-left timestamp gutter-right content' '. . . container';
}

._45f1566142610334-messageCompact{
	display:block;
	position:relative;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	word-break:break-word;
	text-align:left;
	-webkit-tap-highlight-color:transparent;
	padding-top:0.125rem;
	padding-top:var(--message-spacing-y);
	padding-bottom:0.125rem;
	padding-bottom:var(--message-spacing-y);
	padding-left:calc(16px + calc(3.5rem + 0.25rem));
	padding-left:calc(var(--chat-horizontal-padding, var(--message-gutter)) + var(--message-compact-indent));
	padding-right:16px;
	padding-right:var(--chat-horizontal-padding, var(--message-gutter));
	text-indent:calc(-1 * calc(3.5rem + 0.25rem));
	text-indent:calc(-1 * var(--message-compact-indent));
	margin-left:calc(-1 * 16px);
	margin-left:calc(-1 * var(--chat-horizontal-padding, var(--message-gutter)));
	margin-right:calc(-1 * 16px);
	margin-right:calc(-1 * var(--chat-horizontal-padding, var(--message-gutter)));
}

@media (min-width: 768px){
	._45f1566142610334-messageCompact{
		padding-right:calc(16px + 3rem);
		padding-right:calc(var(--chat-horizontal-padding, var(--message-gutter)) + var(--message-action-bar-offset));
	}
}

._45f1566142610334-messageLongPress{
	background-color:var(--background-modifier-hover);
}

._45f1566142610334-messageSwiping{
	z-index:1;
}

._45f1566142610334-message._45f1566142610334-mobileLayout ._45f1566142610334-messageContent,
._45f1566142610334-message._45f1566142610334-mobileLayout ._45f1566142610334-container,
._45f1566142610334-message._45f1566142610334-mobileLayout ._45f1566142610334-repliedMessage,
._45f1566142610334-message._45f1566142610334-mobileLayout ._45f1566142610334-messageAvatar{
	transform:translateX(0px);
	transform:translateX(var(--message-swipe-offset, 0px));
	transition:transform 170ms cubic-bezier(0.22, 1, 0.36, 1);
}

._45f1566142610334-message._45f1566142610334-mobileLayout._45f1566142610334-messageSwiping ._45f1566142610334-messageContent,
._45f1566142610334-message._45f1566142610334-mobileLayout._45f1566142610334-messageSwiping ._45f1566142610334-container,
._45f1566142610334-message._45f1566142610334-mobileLayout._45f1566142610334-messageSwiping ._45f1566142610334-repliedMessage,
._45f1566142610334-message._45f1566142610334-mobileLayout._45f1566142610334-messageSwiping ._45f1566142610334-messageAvatar{
	will-change:transform;
	transition:none;
}

._45f1566142610334-messageCompact._45f1566142610334-mobileLayout ._45f1566142610334-compactContentWrapper,
._45f1566142610334-messageCompact._45f1566142610334-mobileLayout ._45f1566142610334-container,
._45f1566142610334-messageCompact._45f1566142610334-mobileLayout ._45f1566142610334-repliedMessageCompact{
	transform:translateX(0px);
	transform:translateX(var(--message-swipe-offset, 0px));
	transition:transform 170ms cubic-bezier(0.22, 1, 0.36, 1);
}

._45f1566142610334-messageCompact._45f1566142610334-mobileLayout._45f1566142610334-messageSwiping ._45f1566142610334-compactContentWrapper,
._45f1566142610334-messageCompact._45f1566142610334-mobileLayout._45f1566142610334-messageSwiping ._45f1566142610334-container,
._45f1566142610334-messageCompact._45f1566142610334-mobileLayout._45f1566142610334-messageSwiping ._45f1566142610334-repliedMessageCompact{
	will-change:transform;
	transition:none;
}

._45f1566142610334-messageSwipeReplyReady{
	background-color:color-mix(in srgb, var(--brand-primary) 10%, transparent);
}

._45f1566142610334-messageEditing{
	background-color:var(--background-modifier-hover);
}

._45f1566142610334-messageSent{
	color:var(--text-chat);
	transition:background-color 70ms ease;
	transition:background-color 70ms var(--motion-ease-snap, ease);
}

@keyframes _45f1566142610334-messageSendingEnter{
	from{
		opacity:0.72;
		transform:translate3d(0, 2px, 0);
	}
	to{
		opacity:0.88;
		opacity:var(--message-sending-opacity);
		transform:translate3d(0, 0, 0);
	}
}

._45f1566142610334-messageSending{
	color:var(--text-chat);
	opacity:0.88;
	opacity:var(--message-sending-opacity);
	will-change:opacity;
	transition:opacity 70ms linear;
	animation:_45f1566142610334-messageSendingEnter 55ms cubic-bezier(0.22, 1, 0.36, 1);
}

._45f1566142610334-messageSending a{
	opacity:0.96;
	opacity:var(--message-sending-link-opacity);
}

._45f1566142610334-messageFailed,
._45f1566142610334-messageFailed *{
	opacity:0.5;
	opacity:var(--message-failed-opacity);
}

@media (prefers-reduced-motion: reduce){
	._45f1566142610334-messageSending{
		animation:none;
		transition:opacity 40ms linear;
	}
}

._45f1566142610334-mobileFailedIndicator{
	display:flex;
	align-items:center;
	gap:6px;
	gap:var(--message-failed-indicator-gap);
	margin-top:4px;
	margin-top:var(--message-reply-spacing);
	color:var(--status-danger);
	font-size:12px;
	font-size:var(--message-failed-indicator-font-size);
	font-weight:500;
}

._45f1566142610334-mobileFailedIcon{
	width:16px;
	width:var(--message-icon-size-md);
	height:16px;
	height:var(--message-icon-size-md);
	color:var(--status-danger);
}

._45f1566142610334-message::before,
._45f1566142610334-messageCompact::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:2px;
	width:var(--message-highlight-bar-width);
	background-color:transparent;
	pointer-events:none;
}

._45f1566142610334-messageSwipeReplyAffordance{
	position:absolute;
	right:calc(16px + 0.125rem);
	right:calc(var(--chat-horizontal-padding, var(--message-gutter)) + 0.125rem);
	top:50%;
	transform:translateY(-50%);
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:none;
	opacity:0;
	transition:opacity 120ms ease, transform 120ms ease;
}

._45f1566142610334-messageSwiping ._45f1566142610334-messageSwipeReplyAffordance,
._45f1566142610334-messageSwipeReplyReady ._45f1566142610334-messageSwipeReplyAffordance{
	opacity:1;
	transform:translateY(-50%) scale(1);
}

._45f1566142610334-messageSwipeReplyBadge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2.125rem;
	height:2.125rem;
	border-radius:999px;
	background-color:color-mix(in srgb, var(--brand-primary) 24%, var(--background-tertiary));
	color:var(--brand-primary);
	box-shadow:0 10px 24px rgb(0 0 0 / 0.18);
}

._45f1566142610334-messageSwipeReplyReady ._45f1566142610334-messageSwipeReplyBadge{
	background-color:var(--brand-primary);
	color:var(--white);
}

._45f1566142610334-messageSwipeReplyIcon{
	width:1rem;
	height:1rem;
}

._45f1566142610334-messageMentioned::before{
	background-color:rgb(234 197 50);
	background-color:var(--message-mention-color);
}

._45f1566142610334-messageMentioned{
	background-color:rgb(234 197 50 / 0.1);
	background-color:var(--message-mention-bg);
}

._45f1566142610334-messageReplying::before,
._45f1566142610334-messageHighlight::before{
	background-color:var(--brand-primary-light);
}

._45f1566142610334-messageReplying,
._45f1566142610334-messageHighlight{
	background-color:rgb(59 130 246 / 0.1);
	background-color:var(--message-reply-bg);
	transition:background-color 200ms ease-in-out;
	transition:background-color var(--message-transition-highlight);
}

._45f1566142610334-messageGutterLeft{
	grid-area:gutter-left;
}

._45f1566142610334-messageGutterRight{
	grid-area:gutter-right;
}

._45f1566142610334-messageAvatar{
	grid-area:avatar;
	display:block;
	cursor:pointer;
	position:relative;
	z-index:1;
	margin-top:calc(2px + -4px);
	margin-top:calc(var(--message-highlight-bar-width) + var(--message-avatar-offset-y));
	justify-self:center;
	align-self:start;
	transition:transform 140ms ease;
	transition:transform 140ms var(--motion-ease-snap, ease);
}

._45f1566142610334-messageAvatar:active{
	transform:translateY(1px);
}

._45f1566142610334-messageContent{
	grid-area:content;
	min-width:0;
	overflow-wrap:break-word;
}

._45f1566142610334-messageAuthorInfo{
	margin-top:0;
	margin-bottom:0;
	min-height:1.375rem;
	min-height:var(--message-line-height);
	overflow:hidden;
	white-space:break-spaces;
	color:var(--text-chat-muted);
	line-height:1.375rem;
	line-height:var(--message-line-height);
}

._45f1566142610334-messageAuthorInfoInBubble{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.45rem;
	min-height:0;
	margin:0 0 0.22rem;
	line-height:1.05rem;
	overflow:visible;
	white-space:nowrap;
}

._45f1566142610334-messageAuthorInfoInBubble ._45f1566142610334-authorContainer{
	min-width:0;
	margin-right:0;
}

._45f1566142610334-messageAuthorInfoInBubble ._45f1566142610334-messageUsername{
	font-size:0.825rem;
	font-weight:700;
	max-height:none;
}

._45f1566142610334-messageAuthorInfoInBubble ._45f1566142610334-messageTimestamp{
	margin-left:0;
	top:0;
	font-size:0.6875rem;
	line-height:1;
	color:color-mix(in srgb, var(--text-secondary) 82%, transparent);
}

._45f1566142610334-messageBubbleMeta{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
	flex-shrink:0;
}

._45f1566142610334-messageNoText{
	grid-template-areas:'. . . reply' '. . . .' 'gutter-left avatar gutter-right container';
}

._45f1566142610334-messageNoText._45f1566142610334-messageGrouped{
	grid-template-areas:'. . . reply' '. . . .' 'gutter-left timestamp gutter-right container';
}

._45f1566142610334-messageUsername{
	display:inline;
	position:relative;
	cursor:pointer;
	font-weight:500;
	color:var(--text-primary);
	line-height:1.375rem;
	line-height:var(--message-line-height);
	max-height:1.375rem;
	max-height:var(--message-line-height);
	overflow:hidden;
	vertical-align:bottom;
}

._45f1566142610334-messageTimeoutIndicator{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
	margin-right:0.35rem;
	vertical-align:middle;
	color:var(--text-danger);
}

@media (hover: hover){
	._45f1566142610334-messageUsername:hover{
		text-decoration:underline;
	}
}

._45f1566142610334-messageTimestamp,
._45f1566142610334-messageTimestampCompact{
	display:inline-block;
	cursor:default;
	vertical-align:baseline;
	font-weight:400;
	color:var(--message-timestamp-color);
	line-height:1.375rem;
	line-height:var(--message-line-height);
}

._45f1566142610334-messageTimestamp{
	margin-left:0;
	font-size:0.75rem;
	font-size:var(--message-timestamp-font-size);
	position:relative;
	top:-0.05em;
}

._45f1566142610334-messageTimestampHover,
._45f1566142610334-messageTimestampCompactHover{
	color:var(--message-timestamp-color);
	font-size:0.6875rem;
	font-size:var(--message-timestamp-compact-font-size);
	font-weight:500;
	line-height:1.375rem;
	line-height:var(--message-line-height);
}

._45f1566142610334-messageTimestampHover{
	grid-area:timestamp;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	width:40px;
	width:var(--message-avatar-size);
	height:1.375rem;
	height:var(--message-line-height);
	text-align:right;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	white-space:nowrap;
	opacity:0;
	pointer-events:none;
}

._45f1566142610334-message:hover ._45f1566142610334-messageTimestampHover{
	opacity:1;
	pointer-events:auto;
}

@media (pointer: coarse){
	._45f1566142610334-message:hover ._45f1566142610334-messageTimestampHover{
		opacity:0;
		pointer-events:none;
	}
}

._45f1566142610334-messageAuthorInfoCompact{
	position:relative;
	display:inline-flex;
	align-items:baseline;
	min-height:1.375rem;
	min-height:var(--message-line-height);
	min-width:0;
	max-width:100%;
	overflow:hidden;
	color:var(--text-chat-muted);
	line-height:1.375rem;
	line-height:var(--message-line-height);
	white-space:nowrap;
	text-indent:0;
	vertical-align:baseline;
	margin-right:0.45rem;
	margin-right:var(--message-compact-username-gap);
}

._45f1566142610334-messageTimestampCompact{
	margin-right:0.25rem;
	margin-right:var(--message-compact-gap);
	width:3.5rem;
	width:var(--message-compact-timestamp-width);
	height:1.25rem;
	height:var(--message-timestamp-compact-height);
	font-size:0.6875rem;
	font-size:var(--message-timestamp-compact-font-size);
	text-align:right;
	flex-shrink:0;
}

._45f1566142610334-messageAvatarCompact{
	margin-right:0.25rem;
	margin-right:var(--message-compact-gap);
	display:inline-flex;
	align-self:flex-start;
	margin-top:-1px;
	cursor:pointer;
	flex-shrink:0;
}

._45f1566142610334-messageAvatarCompact:active{
	transform:translateY(1px);
}

._45f1566142610334-messageTimestampCompactHover{
	margin-right:0.25rem;
	margin-right:var(--message-compact-gap);
	display:inline-block;
	width:3.5rem;
	width:var(--message-compact-timestamp-width);
	height:1.25rem;
	height:var(--message-timestamp-compact-height);
	cursor:default;
	vertical-align:baseline;
	text-align:right;
	flex-shrink:0;
	opacity:0;
	pointer-events:none;
}

._45f1566142610334-messageCompact:hover ._45f1566142610334-messageTimestampCompactHover{
	opacity:1;
	pointer-events:auto;
}

@media (pointer: coarse){
	._45f1566142610334-messageCompact:hover ._45f1566142610334-messageTimestampCompactHover{
		opacity:0;
		pointer-events:none;
	}
}

._45f1566142610334-messageText{
	position:relative;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	min-width:0;
	overflow:visible;
	overflow-wrap:anywhere;
	line-height:1.375rem;
	line-height:var(--message-line-height);
	white-space:break-spaces;
	word-break:break-word;
}

._45f1566142610334-message[data-message-bubble='true'] ._45f1566142610334-messageText{
	--message-current-bubble-fill:var(--message-bubble-fill);
	--message-current-bubble-border:var(--message-bubble-border);
	display:inline-block;
	max-width:min(100%, 72ch);
	box-sizing:border-box;
	padding:0.42rem 0.7rem;
	padding:var(--message-bubble-padding-y) var(--message-bubble-padding-x);
	border-radius:0.75rem;
	border-radius:var(--message-bubble-radius);
	background:var(--message-current-bubble-fill);
	border:1px solid var(--message-current-bubble-border);
	box-shadow:0 1px 0 color-mix(in srgb, var(--text-primary) 6%, transparent), 0 2px 8px rgb(0 0 0 / 0.07);
	transition:background-color var(--motion-dur-short) var(--motion-ease-snap), border-color var(--motion-dur-short) var(--motion-ease-snap);
}

._45f1566142610334-message[data-message-bubble='true'] ._45f1566142610334-messageAvatar{
	margin-top:-1px;
	margin-top:var(--message-avatar-bubble-offset-y);
	align-self:start;
}

._45f1566142610334-message[data-message-bubble='true'] ._45f1566142610334-messageContent{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

._45f1566142610334-message[data-message-bubble='true'] ._45f1566142610334-messageText::before{
	content:'';
	position:absolute;
	top:0.82rem;
	left:calc(-1 * 10px);
	left:calc(-1 * var(--message-bubble-tail-size));
	width:10px;
	width:var(--message-bubble-tail-size);
	height:calc(10px + 2px);
	height:calc(var(--message-bubble-tail-size) + 2px);
	background:var(--message-current-bubble-fill);
	-webkit-clip-path:polygon(100% 0, 0 50%, 100% 100%);
	        clip-path:polygon(100% 0, 0 50%, 100% 100%);
	-webkit-filter:drop-shadow(-1px 0 0 var(--message-current-bubble-border));
	        filter:drop-shadow(-1px 0 0 var(--message-current-bubble-border));
}

._45f1566142610334-message[data-message-bubble='true']._45f1566142610334-messageGrouped ._45f1566142610334-messageText::before{
	display:none;
}

._45f1566142610334-message[data-message-bubble='true']:hover ._45f1566142610334-messageText{
	--message-current-bubble-fill:var(--message-bubble-hover-fill);
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true'] ._45f1566142610334-messageContent{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true']:not(._45f1566142610334-messageGrouped){
	grid-template-columns:16px 40px 16px minmax(0, 1fr);
	grid-template-columns:var(--chat-horizontal-padding, var(--message-gutter)) var(--message-avatar-size) var(--message-gutter) minmax(0, 1fr);
	grid-template-areas:'. . . reply' 'gutter-left avatar gutter-right content' '. . . container';
	align-items:start;
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true']:not(._45f1566142610334-messageGrouped)._45f1566142610334-messageNoText{
	grid-template-areas:'. . . reply' '. . . .' 'gutter-left avatar gutter-right container';
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true']._45f1566142610334-messageGrouped{
	grid-template-columns:16px 40px 16px minmax(0, 1fr);
	grid-template-columns:var(--chat-horizontal-padding, var(--message-gutter)) var(--message-avatar-size) var(--message-gutter) minmax(0, 1fr);
	grid-template-areas:'. . . reply' 'gutter-left timestamp gutter-right content' '. . . container';
	align-items:start;
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true']._45f1566142610334-messageGrouped._45f1566142610334-messageNoText{
	grid-template-areas:'. . . reply' '. . . .' 'gutter-left timestamp gutter-right container';
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true']:not(._45f1566142610334-messageGrouped) ._45f1566142610334-messageAvatar{
	justify-self:center;
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true']:not(._45f1566142610334-messageGrouped) ._45f1566142610334-messageAuthorInfo{
	text-align:left;
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true']._45f1566142610334-messageGrouped ._45f1566142610334-messageAuthorInfo{
	text-align:left;
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true']:not(._45f1566142610334-messageGrouped) ._45f1566142610334-repliedMessage{
	justify-self:start;
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true']._45f1566142610334-messageGrouped ._45f1566142610334-repliedMessage{
	justify-self:start;
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true'] ._45f1566142610334-container{
	grid-template-columns:auto;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	max-width:min(100%, 550px);
	justify-self:start;
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true'] ._45f1566142610334-container > *{
	justify-self:stretch;
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'] ._45f1566142610334-messageText{
	--message-current-bubble-fill:var(--message-self-bubble-fill);
	--message-current-bubble-border:var(--message-self-bubble-border);
	box-shadow:0 1px 0 color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true'][data-channel-private='true'] ._45f1566142610334-messageText{
	margin-left:0;
}

._45f1566142610334-message[data-message-bubble='true'][data-author-self='true']:hover ._45f1566142610334-messageText{
	--message-current-bubble-fill:var(--message-self-bubble-hover-fill);
}

._45f1566142610334-messageCompact[data-message-bubble='true'] ._45f1566142610334-compactInlineContent{
	display:inline-block;
	max-width:min(100%, 72ch);
	box-sizing:border-box;
	overflow-wrap:anywhere;
	padding:0.26rem 0.52rem;
	border-radius:0.78rem;
	background:var(--message-bubble-fill);
	border:1px solid var(--message-bubble-border);
}

._45f1566142610334-messageCompact[data-message-bubble='true'][data-author-self='true'] ._45f1566142610334-compactInlineContent{
	background:var(--message-self-bubble-fill);
	border:1px solid var(--message-self-bubble-border);
}

._45f1566142610334-messageCompact[data-message-bubble='true'][data-author-self='true'][data-channel-private='true'] ._45f1566142610334-compactInlineContent{
	margin-left:0;
}

._45f1566142610334-messageCompact[data-message-bubble='true'][data-author-self='true'][data-channel-private='true']{
	text-align:left;
}

@media (max-width: 767px), (pointer: coarse){
	._45f1566142610334-message[data-message-bubble='true'] ._45f1566142610334-messageText,
	._45f1566142610334-messageCompact[data-message-bubble='true'] ._45f1566142610334-compactInlineContent,
	._45f1566142610334-messageCompact[data-message-bubble='true'][data-author-self='true'] ._45f1566142610334-compactInlineContent{
		border-color:transparent;
		box-shadow:none;
	}

	._45f1566142610334-message[data-message-bubble='true'] ._45f1566142610334-messageText::before{
		-webkit-filter:none;
		        filter:none;
	}
}

._45f1566142610334-message ._45f1566142610334-buttons,
._45f1566142610334-messageCompact ._45f1566142610334-buttons{
	opacity:0;
	pointer-events:none;
	transform:translateY(4px);
	transition:opacity 0.14s ease, transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}

.window-focused ._45f1566142610334-message:hover ._45f1566142610334-buttons,
.window-focused ._45f1566142610334-message._45f1566142610334-selected ._45f1566142610334-buttons,
.window-focused ._45f1566142610334-message ._45f1566142610334-buttons._45f1566142610334-emojiPickerOpen,
.window-focused ._45f1566142610334-messageCompact:hover ._45f1566142610334-buttons,
.window-focused ._45f1566142610334-messageCompact._45f1566142610334-selected ._45f1566142610334-buttons,
.window-focused ._45f1566142610334-messageCompact ._45f1566142610334-buttons._45f1566142610334-emojiPickerOpen{
	opacity:1;
	pointer-events:auto;
	transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
	._45f1566142610334-message ._45f1566142610334-buttons,
	._45f1566142610334-messageCompact ._45f1566142610334-buttons{
		transition:opacity 0.05s linear !important;
		transform:none !important;
	}
}

@media (pointer: coarse){
	.window-focused ._45f1566142610334-message:hover ._45f1566142610334-buttons,
	.window-focused ._45f1566142610334-messageCompact:hover ._45f1566142610334-buttons{
		opacity:0;
		pointer-events:none;
	}
}

._45f1566142610334-message ._45f1566142610334-hoverAction,
._45f1566142610334-messageCompact ._45f1566142610334-hoverAction{
	opacity:0;
	pointer-events:none;
}

.window-focused ._45f1566142610334-message:hover ._45f1566142610334-hoverAction,
.window-focused ._45f1566142610334-message._45f1566142610334-contextMenuActive ._45f1566142610334-hoverAction,
.window-focused ._45f1566142610334-messageCompact:hover ._45f1566142610334-hoverAction,
.window-focused ._45f1566142610334-messageCompact._45f1566142610334-contextMenuActive ._45f1566142610334-hoverAction{
	opacity:1;
	pointer-events:auto;
}

@media (pointer: coarse){
	.window-focused ._45f1566142610334-message:hover ._45f1566142610334-hoverAction,
	.window-focused ._45f1566142610334-messageCompact:hover ._45f1566142610334-hoverAction{
		opacity:0;
		pointer-events:none;
	}
}

._45f1566142610334-container{
	grid-area:container;
	display:grid;
	height:-webkit-fit-content;
	height:-moz-fit-content;
	height:fit-content;
	grid-auto-flow:row;
	grid-row-gap:0.25rem;
	grid-row-gap:var(--message-container-gap);
	row-gap:0.25rem;
	row-gap:var(--message-container-gap);
	grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));
	text-indent:0;
	min-height:0;
	min-width:0;
	max-width:100%;
	padding-top:0.125rem;
	padding-top:var(--message-container-padding-y);
	padding-bottom:0.125rem;
	padding-bottom:var(--message-container-padding-y);
	position:relative;
}

._45f1566142610334-container:empty{
	display:none;
}

._45f1566142610334-container > *{
	justify-self:start;
	align-self:start;
}

._45f1566142610334-messageNoText ._45f1566142610334-container{
	padding-top:0;
	display:flex;
	flex-direction:column;
	gap:0.125rem;
	gap:var(--message-container-padding-y);
}

._45f1566142610334-repliedMessage{
	--reply-spacing:var(--message-reply-spacing);
	--reply-height:var(--message-reply-height);
	grid-area:reply;
	margin-bottom:4px;
	margin-bottom:var(--reply-spacing);
	position:relative;
	display:flex;
	align-items:center;
	min-width:0;
	max-width:100%;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	font-size:0.875rem;
	font-size:var(--message-reply-font-size);
	color:var(--text-primary-muted);
	line-height:1.125rem;
	line-height:var(--reply-height);
}

._45f1566142610334-repliedMessage:before{
	--avatar-size:var(--message-avatar-size);
	--gutter:var(--message-gutter);
	--spine-width:var(--message-reply-spine-width);
	--spine-gap:0px;
	content:'';
	display:block;
	position:absolute;
	box-sizing:border-box;
	top:50%;
	bottom:0px;
	bottom:var(--spine-gap);
	right:100%;
	left:calc(-1 * (0.5 * 40px + 16px));
	left:calc(-1 * (0.5 * var(--avatar-size) + var(--gutter)));
	margin-right:var(--reply-spacing);
	margin-top:calc(-0.5 * 2px);
	margin-top:calc(-0.5 * var(--spine-width));
	margin-left:calc(-0.5 * 2px);
	margin-left:calc(-0.5 * var(--spine-width));
	border-color:var(--text-chat-muted);
	border-width:2px 0 0 2px;
	border-width:var(--spine-width) 0 0 var(--spine-width);
	border-style:solid;
	border-top-left-radius:6px;
	border-top-left-radius:var(--message-reply-spine-radius);
}

._45f1566142610334-repliedMessageCompact{
	text-indent:0;
	padding-left:0;
	margin-left:0;
	position:relative;
}

._45f1566142610334-repliedMessageCompact:before{
	--avatar-size:var(--message-avatar-size-compact);
	--spine-width:var(--message-reply-spine-width);
	--spine-gap:var(--message-reply-spacing);
	content:'';
	display:block;
	position:absolute;
	box-sizing:border-box;
	top:50%;
	bottom:calc(-1 * (var(--reply-spacing) + 1.375rem * 0.25));
	bottom:calc(-1 * (var(--reply-spacing) + var(--message-line-height) * 0.25));
	left:-1.5rem;
	right:calc(100% - 16px / 2 + 4px + 2px);
	right:calc(100% - var(--avatar-size) / 2 + var(--spine-gap) + var(--message-reply-spine-width));
	margin-top:calc(-0.5 * 2px);
	margin-top:calc(-0.5 * var(--spine-width));
	margin-left:calc(-0.5 * 2px);
	margin-left:calc(-0.5 * var(--spine-width));
	border-color:var(--text-chat-muted);
	border-width:2px 0 0 2px;
	border-width:var(--spine-width) 0 0 var(--spine-width);
	border-style:solid;
	border-top-left-radius:6px;
	border-top-left-radius:var(--message-reply-spine-radius);
}

._45f1566142610334-repliedTextPreview{
	display:block;
	flex:1 1 0;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	box-sizing:border-box;
	line-height:1.5;
	min-height:1.5rem;
	padding-top:0.125rem;
	padding-bottom:0.125rem;
	overflow-x:hidden;
	overflow-y:visible;
}

._45f1566142610334-repliedTextPreview:hover{
	color:var(--text-chat);
}

@media (pointer: coarse){
	._45f1566142610334-repliedTextPreview:hover{
		color:inherit;
	}
}

._45f1566142610334-repliedAvatar{
	margin-right:0.25rem;
	margin-right:var(--message-container-gap);
	flex-shrink:0;
	cursor:pointer;
}

._45f1566142610334-repliedAvatar:active{
	transform:translateY(1px);
}

._45f1566142610334-repliedIconContainer{
	margin-right:0.25rem;
	margin-right:var(--message-container-gap);
	display:flex;
	height:16px;
	height:var(--message-icon-size-md);
	width:16px;
	width:var(--message-icon-size-md);
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	border-radius:50%;
	background-color:var(--background-primary);
	color:var(--text-primary);
}

._45f1566142610334-repliedIcon{
	height:7.2px;
	width:10.8px;
}

._45f1566142610334-repliedUsername{
	position:relative;
	margin-right:calc(0.45rem - 2px);
	margin-right:calc(var(--message-compact-username-gap) - 2px);
	display:inline;
	flex-shrink:0;
	cursor:pointer;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:30%;
	vertical-align:baseline;
	font-weight:500;
	color:var(--text-primary);
	line-height:inherit;
	opacity:0.64;
	opacity:var(--message-replied-username-opacity);
}

@media (hover: hover){
	._45f1566142610334-repliedUsername:hover{
		text-decoration:underline;
	}
}

._45f1566142610334-repliedItalic{
	padding-right:2px;
	padding-right:var(--message-reply-spine-width);
	font-style:italic;
}

._45f1566142610334-unstyled{
	all:unset;
	display:block;
	flex:1 1 0;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._45f1566142610334-unstyled:not(:disabled){
	cursor:pointer;
}

._45f1566142610334-repliedTextContent{
	display:inline;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._45f1566142610334-repliedMessage ._45f1566142610334-repliedTextPreview ._45f1566142610334-repliedTextContent{
	color:inherit;
	font-size:inherit;
	line-height:1.5;
	pointer-events:none;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

._45f1566142610334-repliedTextContent pre,
._45f1566142610334-repliedTextContent code,
._45f1566142610334-repliedTextContent h1,
._45f1566142610334-repliedTextContent h2,
._45f1566142610334-repliedTextContent h3,
._45f1566142610334-repliedTextContent h4,
._45f1566142610334-repliedTextContent h5,
._45f1566142610334-repliedTextContent h6,
._45f1566142610334-repliedTextContent p,
._45f1566142610334-repliedTextContent div:not([data-jump-link-guild-icon]),
._45f1566142610334-repliedTextContent ul,
._45f1566142610334-repliedTextContent ol,
._45f1566142610334-repliedTextContent li,
._45f1566142610334-repliedTextContent blockquote,
._45f1566142610334-repliedTextContent table{
	display:inline !important;
	margin:0 !important;
	padding:0 !important;
	border:none !important;
	background:none !important;
	font-size:inherit !important;
	font-weight:inherit !important;
	line-height:inherit !important;
	white-space:nowrap !important;
	overflow:visible !important;
}

._45f1566142610334-repliedTextContent pre::before,
._45f1566142610334-repliedTextContent pre::after{
	content:none !important;
	display:none !important;
}

._45f1566142610334-systemMessageIconWrapper{
	grid-area:avatar;
	display:flex;
	align-self:flex-start;
	align-items:flex-start;
	justify-content:center;
	padding-top:0.15em;
	padding-left:max(
		0px,
		calc(
			(
				1rem +
				0.34375rem +
				(32px / 2) -
				16px -
				(40px / 2)
			) *
			2
		)
	);
	padding-left:max(
		0px,
		calc(
			(
				var(--textarea-horizontal-padding, 1rem) +
				var(--textarea-side-button-padding, 0.34375rem) +
				(var(--textarea-button-height, 32px) / 2) -
				var(--chat-horizontal-padding, 16px) -
				(var(--message-avatar-size) / 2)
			) *
			2
		)
	);
}

._45f1566142610334-systemMessageIconCompact{
	margin-right:0.25rem;
	margin-right:var(--message-container-gap);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:18px;
	height:var(--system-message-icon-size);
	width:18px;
	width:var(--system-message-icon-size);
	flex-shrink:0;
	vertical-align:text-bottom;
}

._45f1566142610334-systemMessageContent{
	min-width:0;
	position:relative;
	display:inline-flex;
	align-items:center;
	gap:0.32rem;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	white-space:nowrap;
	overflow-wrap:anywhere;
	color:var(--text-tertiary);
	line-height:1.16;
	font-size:0.745rem;
	font-weight:500;
	letter-spacing:0.01em;
}

._45f1566142610334-systemMessageBubble{
	grid-area:content;
	display:inline-flex;
	align-items:center;
	justify-self:center;
	align-self:start;
	max-width:min(100%, 48rem);
	padding:0.33rem 0.68rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--background-secondary) 72%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	box-shadow:0 8px 22px rgb(0 0 0 / 0.09);
	animation:_45f1566142610334-systemMessageBubbleEnter 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes _45f1566142610334-systemMessageBubbleEnter{
	from{
		opacity:0;
		transform:translateY(6px) scale(0.985);
	}
	to{
		opacity:1;
		transform:translateY(0) scale(1);
	}
}

._45f1566142610334-systemMessageTimestamp{
	margin-left:0.15rem;
	font-size:0.66rem;
	line-height:1;
	color:color-mix(in srgb, var(--text-tertiary) 88%, transparent);
}

._45f1566142610334-systemMessageContentWrapper{
	display:inline-flex;
	align-items:center;
	vertical-align:middle;
	min-width:0;
}

._45f1566142610334-systemMessageCompactContent ._45f1566142610334-systemMessageContent{
	display:inline-flex;
	text-indent:0;
}

._45f1566142610334-systemMessageCompactContent{
	display:block;
	padding-left:0;
	margin-left:0;
	text-indent:0;
	color:var(--text-tertiary);
	line-height:1.375rem;
	line-height:var(--message-line-height);
	text-align:center;
}

._45f1566142610334-systemMessageCompactContent ._45f1566142610334-messageTimestampCompact{
	margin-right:0;
	display:inline-flex;
	align-items:center;
	width:auto;
	vertical-align:baseline;
	text-align:left;
}

._45f1566142610334-systemMessageContent ._45f1566142610334-container{
	margin-left:0;
}

._45f1566142610334-systemMessageCompactContent ._45f1566142610334-container{
	text-indent:0;
}

._45f1566142610334-systemMessageIconSvg{
	height:18px;
	height:var(--system-message-icon-size);
	width:18px;
	width:var(--system-message-icon-size);
	opacity:0.6;
	opacity:var(--system-message-icon-opacity);
}

._45f1566142610334-systemMessageIconCompact ._45f1566142610334-systemMessageIconSvg{
	height:18px;
	height:var(--system-message-icon-size);
	width:18px;
	width:var(--system-message-icon-size);
	opacity:1;
}

@media (prefers-reduced-motion: reduce){
	._45f1566142610334-systemMessageBubble{
		animation:none;
	}
}

._45f1566142610334-systemMessageLink{
	position:relative;
	display:inline;
	cursor:pointer;
	border:none;
	background-color:transparent;
	padding:0;
	overflow:hidden;
	vertical-align:baseline;
	font-weight:500;
	color:var(--text-primary);
	line-height:1.375rem;
	line-height:var(--message-line-height);
}

@media (hover: hover){
	._45f1566142610334-systemMessageLink:hover{
		text-decoration:underline;
	}
}

._45f1566142610334-messageAssistiveText{
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
	white-space:nowrap;
}

._45f1566142610334-authorContainer{
	display:inline-flex;
	align-items:center;
	gap:0.15rem;
	margin-right:0.4rem;
}

._45f1566142610334-messageAuthorInfoCompact ._45f1566142610334-authorContainer{
	min-width:0;
	max-width:100%;
	align-items:baseline;
	flex:1 1 auto;
	margin-right:0;
}

._45f1566142610334-messageAuthorInfoCompact ._45f1566142610334-messageUsername{
	display:inline-block;
	min-width:0;
	max-width:100%;
	max-height:none;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:baseline;
	margin-right:0;
}

._45f1566142610334-messageAuthorInfoCompact ._45f1566142610334-messageTimestampCompact,
._45f1566142610334-messageAuthorInfoCompact ._45f1566142610334-messageTimestampCompactHover{
	display:inline-flex;
	align-items:center;
	justify-content:flex-end;
	vertical-align:middle;
	flex:0 0 auto;
}

._45f1566142610334-userTagOffset{
	position:relative;
	margin-left:0.25rem;
}

._45f1566142610334-userTagCompact{
	margin-right:0.25rem;
	margin-right:var(--message-compact-gap);
	flex-shrink:0;
}

._45f1566142610334-editedTimestamp{
	margin-left:1px;
	display:inline-block;
	height:1.25rem;
	height:var(--message-timestamp-compact-height);
	cursor:default;
	vertical-align:baseline;
	font-weight:600;
	color:var(--text-chat-muted);
	font-size:0.75rem;
	font-size:var(--message-edited-font-size);
	line-height:1.375rem;
	line-height:var(--message-line-height);
}

._45f1566142610334-editedLabel{
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	font-weight:normal;
	font-size:0.625rem;
	font-size:var(--message-edited-label-font-size);
	line-height:normal;
}

._45f1566142610334-typingContainer{
	display:flex;
	align-items:center;
	overflow:visible;
	gap:0.35rem;
	gap:var(--message-typing-gap);
	max-height:none;
}

._45f1566142610334-typingCluster{
	display:grid;
	grid-template-columns:var(--typing-upload-column-width) minmax(0, 1fr);
	grid-column-gap:0.75rem;
	grid-column-gap:var(--textarea-upload-gap, 0.75rem);
	-moz-column-gap:0.75rem;
	     -webkit-column-gap:0.75rem;
	     column-gap:0.75rem;
	-moz-column-gap:var(--textarea-upload-gap, 0.75rem);
	     -webkit-column-gap:var(--textarea-upload-gap, 0.75rem);
	     column-gap:var(--textarea-upload-gap, 0.75rem);
	align-items:center;
	pointer-events:none;
	flex:1 1 auto;
	min-width:0;
	width:100%;
}

._45f1566142610334-typingPill{
	position:relative;
	display:inline-flex;
	align-items:center;
	gap:0.2rem;
	gap:var(--message-typing-pill-gap);
	min-height:var(--typing-pill-height);
	padding:0 0.45rem;
	padding:0 var(--message-typing-pill-padding);
	border-radius:var(--radius-2xl);
	background-color:var(--background-tertiary);
	border:1px solid color-mix(in srgb, var(--background-modifier-accent) 80%, transparent);
	pointer-events:auto;
	grid-column:1 / -1;
	justify-self:flex-start;
	margin-left:0;
	transform:translateY(calc(50% + 0px));
	transform:translateY(calc(50% + var(--typing-floating-offset, 0px)));
}

.theme-light ._45f1566142610334-typingPill{
	background-color:var(--brand-primary);
	border:none;
	color:var(--text-on-brand-primary);
	--typing-indicator-color:var(--text-on-brand-primary);
}

._45f1566142610334-typingIndicator{
	display:flex;
	align-items:center;
	justify-content:center;
	height:var(--typing-pill-height);
}

._45f1566142610334-typingAvatarContainer{
	display:flex;
	align-items:center;
	margin-right:0.2rem;
	margin-right:var(--message-typing-avatar-margin);
}

._45f1566142610334-typingText{
	margin-left:0.2rem;
	margin-left:var(--message-typing-avatar-margin);
	min-width:0;
	flex:0 1 auto;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.6875rem;
	font-size:var(--message-typing-text-font-size);
}

._45f1566142610334-compactContentWrapper{
	line-height:1.375rem;
	line-height:var(--message-line-height);
}

._45f1566142610334-compactInlineContent{
	display:inline;
}

._45f1566142610334-compactInlineContent ._45f1566142610334-editedTimestamp{
	display:inline;
	vertical-align:baseline;
}

._45f1566142610334-compactInlineContent *{
	text-indent:0;
}

._45f1566142610334-compactInlineContent > div{
	display:block;
	margin-left:0;
}

._45f1566142610334-compactInlineContent ul,
._45f1566142610334-compactInlineContent ol{
	margin-left:16px;
	margin-left:var(--message-compact-container-margin);
}

._45f1566142610334-compactInlineContent li > ul,
._45f1566142610334-compactInlineContent li > ol{
	margin-left:0;
}

._45f1566142610334-compactInlineContent h1,
._45f1566142610334-compactInlineContent h2,
._45f1566142610334-compactInlineContent h3,
._45f1566142610334-compactInlineContent h4,
._45f1566142610334-compactInlineContent h5,
._45f1566142610334-compactInlineContent h6,
._45f1566142610334-compactInlineContent p,
._45f1566142610334-compactInlineContent pre,
._45f1566142610334-compactInlineContent table,
._45f1566142610334-compactInlineContent figure,
._45f1566142610334-compactInlineContent [class*='codeContainer'],
._45f1566142610334-compactInlineContent [class*='latexCodeBlock'],
._45f1566142610334-compactInlineContent [class*='tableContainer'],
._45f1566142610334-compactInlineContent
	[class*='alert']:not([class*='alertTitle']):not([class*='alertContent']):not([class*='alertIcon']),
._45f1566142610334-compactInlineContent [class*='blockSpoilerWrapper']{
	display:block;
	margin-left:16px;
	margin-left:var(--message-compact-container-margin);
	text-indent:0;
}

._45f1566142610334-compactInlineContent small:not(.inlineFormat){
	display:block;
	margin-left:16px;
	margin-left:var(--message-compact-container-margin);
	text-indent:0;
}

._45f1566142610334-compactInlineContent [class*='blockquoteContainer']{
	margin-left:16px;
	margin-left:var(--message-compact-container-margin);
	text-indent:0;
	gap:0.25rem;
}

._45f1566142610334-compactInlineContent [class*='blockquoteDivider']{
	margin-right:0.35rem;
}

._45f1566142610334-compactInlineContent
	[class*='alert']:not([class*='alertTitle']):not([class*='alertContent']):not([class*='alertIcon']){
	padding-left:0.75rem;
	padding-right:0.75rem;
	padding-top:0.35rem;
	padding-bottom:0.35rem;
}

._45f1566142610334-compactInlineContent .blockquoteContent{
	margin:0;
	padding:0;
	display:block;
	width:100%;
	word-break:break-word;
}

._45f1566142610334-compactInlineContent .blockquoteContent p{
	margin-left:0;
}

._45f1566142610334-compactInlineContent
	:is(
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			p,
			pre,
			table,
			figure,
			blockquote,
			[class*='codeContainer'],
			[class*='latexCodeBlock'],
			[class*='tableContainer'],
			[class*='alert']:not([class*='alertTitle']):not([class*='alertContent']):not([class*='alertIcon']),
			[class*='blockquoteContainer'],
			[class*='blockSpoilerWrapper'],
			small:not(.inlineFormat)
		)
	~ *{
	margin-left:16px;
	margin-left:var(--message-compact-container-margin);
}

._45f1566142610334-messageCompact ._45f1566142610334-container{
	text-indent:0;
	margin-left:16px;
	margin-left:var(--message-compact-container-margin);
}

._45f1566142610334-messageCompact ._45f1566142610334-compactContentWrapper:not(:has(._45f1566142610334-compactInlineContent)) + ._45f1566142610334-container{
	padding-top:0;
}

._45f1566142610334-messageCompact ._45f1566142610334-systemMessageCompactContent ._45f1566142610334-container{
	margin-left:calc(16px - 18px - 0.5rem);
	margin-left:calc(var(--message-compact-container-margin) - var(--system-message-icon-size) - 0.5rem);
}

._45f1566142610334-contextMenuActive{
	background-color:var(--background-modifier-hover) !important;
}

._45f1566142610334-contextMenuActive ._45f1566142610334-buttons{
	opacity:1 !important;
	pointer-events:auto !important;
}

._45f1566142610334-contextMenuActive ._45f1566142610334-messageTimestampHover{
	opacity:1 !important;
	pointer-events:auto !important;
}

._45f1566142610334-contextMenuActive ._45f1566142610334-messageTimestampCompactHover{
	opacity:1 !important;
	pointer-events:auto !important;
}

._45f1566142610334-contextMenuActive._45f1566142610334-messageMentioned{
	background-color:rgb(234 197 50 / 0.1) !important;
	background-color:var(--message-mention-bg) !important;
}

._45f1566142610334-contextMenuActive._45f1566142610334-messageReplying,
._45f1566142610334-contextMenuActive._45f1566142610334-messageHighlight{
	background-color:rgb(59 130 246 / 0.1) !important;
	background-color:var(--message-reply-bg) !important;
}

._45f1566142610334-keyboardFocused{
	background-color:var(--background-modifier-hover);
}

._45f1566142610334-keyboardFocused._45f1566142610334-messageMentioned{
	background-color:rgb(234 197 50 / 0.1);
	background-color:var(--message-mention-bg);
}

._45f1566142610334-keyboardFocused._45f1566142610334-messageReplying,
._45f1566142610334-keyboardFocused._45f1566142610334-messageHighlight{
	background-color:rgb(59 130 246 / 0.1);
	background-color:var(--message-reply-bg);
}

._45f1566142610334-keyboardFocused ._45f1566142610334-buttons{
	opacity:1;
	pointer-events:auto;
}

._45f1566142610334-keyboardFocused ._45f1566142610334-hoverAction{
	opacity:1;
	pointer-events:auto;
}

._45f1566142610334-keyboardFocused ._45f1566142610334-messageTimestampHover{
	opacity:1;
	pointer-events:auto;
}

._45f1566142610334-keyboardFocused ._45f1566142610334-messageTimestampCompactHover{
	opacity:1;
	pointer-events:auto;
}

._45f1566142610334-messageClientSystem::before{
	background-color:var(--brand-primary-light);
}

._45f1566142610334-messageClientSystem,
._45f1566142610334-messageClientSystem:hover{
	background-color:rgb(59 130 246 / 0.1) !important;
	background-color:var(--message-reply-bg) !important;
}

._45f1566142610334-unknownMessageWarning{
	display:flex;
	align-items:center;
	gap:0.25rem;
	gap:var(--message-container-gap);
	color:#ff9933;
	color:var(--message-unknown-warning-color);
}

._45f1566142610334-systemMessageContainer{
	display:flex;
	align-items:center;
	gap:0.25rem;
	gap:var(--message-container-gap);
	padding:0.25rem 0;
	padding:var(--message-container-gap) 0;
	color:var(--text-tertiary);
	font-size:0.75rem;
	font-size:var(--message-timestamp-font-size);
}

._45f1566142610334-systemMessageIcon{
	height:1.25rem;
	height:var(--message-icon-size-lg);
	width:1.25rem;
	width:var(--message-icon-size-lg);
}

._45f1566142610334-mediaFocusRing{
	z-index:20;
}

._45f1566142610334-systemMessageDismissButton{
	color:var(--text-link);
}

@media (hover: hover){
	._45f1566142610334-systemMessageDismissButton:hover{
		text-decoration:underline;
	}
}

._45f1566142610334-silentMessageIcon{
	margin-left:0.25rem;
	display:inline-block;
	vertical-align:middle;
	color:var(--text-chat-muted);
	height:14px;
	width:14px;
	position:relative;
	top:-1px;
}

@media (max-width: 767px){
	:root{
		--message-avatar-size:36px;
		--message-gutter:12px;
		--message-spacing-y:0.1875rem;
		--message-line-height:1.3125rem;
		--message-compact-timestamp-width:3rem;
		--message-compact-gap:0.2rem;
		--message-compact-container-margin:12px;
		--message-mobile-margin:0.5rem;
		--message-compact-username-gap:0.35rem;
		--message-reply-font-size:0.8125rem;
		--message-reply-height:1.0625rem;
		--message-container-padding-y:0.16rem;
		--message-bubble-radius:0.82rem;
		--message-bubble-padding-y:0.54rem;
		--message-bubble-padding-x:0.82rem;
	}

	._45f1566142610334-message,
	._45f1566142610334-messageCompact{
		margin-left:0;
		margin-right:0;
	}

	._45f1566142610334-repliedUsername{
		max-width:40%;
	}

	._45f1566142610334-messageSwipeReplyBadge{
		width:1.9rem;
		height:1.9rem;
	}

	._45f1566142610334-messageSwipeReplyIcon{
		width:0.9rem;
		height:0.9rem;
	}

	._45f1566142610334-systemMessageBubble{
		max-width:min(100%, 34rem);
		padding:0.3rem 0.56rem;
	}

	._45f1566142610334-systemMessageContent{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		text-align:center;
		white-space:normal;
		font-size:0.695rem;
		line-height:1.14;
	}

	._45f1566142610334-systemMessageTimestamp{
		margin-left:0;
		font-size:0.62rem;
	}

	._45f1566142610334-message[data-channel-private='true'][data-message-bubble='true'] ._45f1566142610334-messageText{
		max-width:min(80vw, 22rem);
	}

	._45f1566142610334-message[data-channel-private='true'] ._45f1566142610334-messageAuthorInfoInBubble{
		min-height:0;
		margin:0.18rem 0 0;
		gap:0.28rem;
		justify-content:flex-start;
	}

	._45f1566142610334-message[data-channel-private='true'][data-author-self='true'] ._45f1566142610334-messageAuthorInfoInBubble{
		justify-content:flex-start;
	}

	._45f1566142610334-message[data-channel-private='true'] ._45f1566142610334-messageAuthorInfoInBubble ._45f1566142610334-messageTimestamp{
		font-size:0.72rem;
		color:color-mix(in srgb, var(--text-secondary) 84%, var(--text-primary));
	}
}

@media (max-width: 480px){
	:root{
		--message-avatar-size:32px;
		--message-gutter:10px;
		--message-spacing-y:0.175rem;
		--message-line-height:1.25rem;
		--message-compact-timestamp-width:2.7rem;
		--message-compact-container-margin:10px;
		--message-mobile-margin:0.35rem;
		--message-compact-username-gap:0.25rem;
		--message-reply-font-size:0.75rem;
		--message-reply-height:1rem;
		--message-container-padding-y:0.15rem;
	}

	._45f1566142610334-repliedUsername{
		max-width:48%;
	}

	._45f1566142610334-systemMessageBubble{
		padding:0.28rem 0.5rem;
	}

	._45f1566142610334-systemMessageContent{
		font-size:0.665rem;
	}
}


._6d4c42a83e1b5b11-headerContainer{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

._6d4c42a83e1b5b11-scroller{
	padding-top:var(--spacing-2);
}

._6d4c42a83e1b5b11-filterList{
	display:flex;
	gap:var(--spacing-2);
	flex-wrap:nowrap;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
	padding-bottom:2px;
	overscroll-behavior-x:contain;
}

._6d4c42a83e1b5b11-filterList::-webkit-scrollbar{
	display:none;
}

._6d4c42a83e1b5b11-filterPill{
	display:flex;
	align-items:center;
	gap:4px;
	flex:none;
	border-radius:var(--radius-md);
	padding:var(--spacing-1) var(--spacing-2);
	font-weight:600;
	font-size:0.75rem;
	line-height:1.25rem;
	background-color:transparent;
	color:var(--text-primary-muted);
	cursor:pointer;
	transition-property:color, background-color;
	transition-duration:200ms;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}

._6d4c42a83e1b5b11-filterPill:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._6d4c42a83e1b5b11-filterPillActive{
	background-color:var(--background-modifier-selected);
	color:var(--text-primary);
}

._6d4c42a83e1b5b11-filterPillIcon{
	width:14px;
	height:14px;
}

._6d4c42a83e1b5b11-mobileHeaderContainer{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

._6d4c42a83e1b5b11-mobileHeaderContainerStandalone{
	
	padding-block:var(--spacing-2);
	padding-inline:var(--spacing-4);
}

._6d4c42a83e1b5b11-columnContainerOverflow ._6d4c42a83e1b5b11-grid{
	padding:0;
}

._6d4c42a83e1b5b11-fullHeightRelative{
	position:relative;
	height:100%;
	min-height:0;
	min-width:0;
	touch-action:pan-y;
}

._6d4c42a83e1b5b11-columnContainer{
	display:flex;
	height:100%;
	flex-direction:column;
	min-height:0;
	min-width:0;
}

._6d4c42a83e1b5b11-columnContainerOverflow{
	
	overflow:hidden;
}

._6d4c42a83e1b5b11-bodyWrapper{
	position:relative;
	flex:1;
	min-height:0;
	overflow:hidden;
}

._6d4c42a83e1b5b11-scrollerFull{
	height:100%;
	width:100%;
	overscroll-behavior-y:contain;
	-webkit-overflow-scrolling:touch;
}

@media (max-width: 768px){
	._6d4c42a83e1b5b11-mobileHeaderContainerStandalone{
		padding-left:max(var(--spacing-4), 0px);
		padding-left:max(var(--spacing-4), var(--safe-area-left, 0px));
		padding-right:max(var(--spacing-4), 0px);
		padding-right:max(var(--spacing-4), var(--safe-area-right, 0px));
	}

	._6d4c42a83e1b5b11-filterList{
		gap:6px;
	}

	._6d4c42a83e1b5b11-scrollerFull{
		scrollbar-width:none;
	}

	._6d4c42a83e1b5b11-scrollerFull::-webkit-scrollbar{
		display:none;
	}
}

._6d4c42a83e1b5b11-centeredContent{
	display:flex;
	flex:1;
	align-items:center;
	justify-content:center;
	padding:2rem 1rem;
}

._6d4c42a83e1b5b11-slate{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
	text-align:center;
}

._6d4c42a83e1b5b11-slateIcon{
	height:3.5rem;
	width:3.5rem;
	color:var(--text-primary-muted);
}

._6d4c42a83e1b5b11-slateTitle{
	font-size:1.25rem;
	font-weight:600;
	color:var(--text-primary);
}

._6d4c42a83e1b5b11-slateDescription{
	font-size:1rem;
	color:var(--text-primary-muted);
}

._6d4c42a83e1b5b11-gifBadge{
	position:absolute;
	top:0.5rem;
	left:0.5rem;
	z-index:10;
	padding:0.125rem 0.25rem;
	border-radius:0.375rem;
	background-color:rgba(0, 0, 0, 0.6);
	font-size:0.875rem;
	font-weight:600;
	line-height:1;
	color:white;
}

._6d4c42a83e1b5b11-fullSize{
	height:100%;
	width:100%;
}

._6d4c42a83e1b5b11-audioCard{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0.75rem;
	height:100%;
	width:100%;
	padding:1rem;
	border-radius:0.5rem;
	background-color:var(--brand-primary);
}

._6d4c42a83e1b5b11-audioIcon{
	height:3rem;
	width:3rem;
	color:white;
	flex-shrink:0;
}

._6d4c42a83e1b5b11-audioMeta{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
	width:100%;
}

._6d4c42a83e1b5b11-audioDuration{
	font-family:var(--font-mono);
	font-size:1.125rem;
	color:white;
}

._6d4c42a83e1b5b11-audioFilename{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:center;
	font-weight:600;
	font-size:0.875rem;
	color:rgba(255, 255, 255, 0.9);
}

._6d4c42a83e1b5b11-audioBadge{
	padding:0.125rem 0.5rem;
	border-radius:0.375rem;
	background-color:rgba(0, 0, 0, 0.2);
	font-weight:700;
	font-size:0.75rem;
	color:white;
}

._6d4c42a83e1b5b11-actionBar{
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	display:flex;
	gap:0.5rem;
	z-index:10;
	opacity:0;
	transform:translateY(-0.25rem);
	pointer-events:none;
}

._6d4c42a83e1b5b11-actionButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:2.25rem;
	width:2.25rem;
	border:none;
	border-radius:9999px;
	background-color:var(--background-primary);
	color:var(--text-primary);
	-webkit-backdrop-filter:blur(6px);
	        backdrop-filter:blur(6px);
	opacity:0.8;
	transition:opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease;
	cursor:pointer;
}

._6d4c42a83e1b5b11-actionButton:hover{
	opacity:1;
}

._6d4c42a83e1b5b11-actionButtonDanger{
	
}

._6d4c42a83e1b5b11-actionButtonDanger:hover{
	background-color:var(--status-danger);
	color:white;
}

._6d4c42a83e1b5b11-actionButtonIcon{
	height:1rem;
	width:1rem;
}

._50436c50286b5de0-formContainer{
	display:flex;
	flex-direction:column;
	gap:16px;
}

._43e686ff24482ed5-tagsContainer{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._43e686ff24482ed5-tagsHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

._43e686ff24482ed5-tagsHeaderLabel{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._43e686ff24482ed5-tagsInputRow{
	display:flex;
	gap:0.5rem;
}

._43e686ff24482ed5-tagsList{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
}

._43e686ff24482ed5-tagChip{
	display:flex;
	align-items:center;
	gap:0.375rem;
	border-radius:9999px;
	background-color:var(--brand-primary);
	padding-left:0.75rem;
	padding-right:0.75rem;
	padding-top:0.375rem;
	padding-bottom:0.375rem;
	font-size:0.875rem;
	line-height:1.25rem;
	color:white;
}

._43e686ff24482ed5-tagRemoveButton{
	display:flex;
	height:1rem;
	width:1rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	transition-property:opacity;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

._43e686ff24482ed5-tagRemoveButton:hover{
	opacity:0.7;
}

.d2f2b76a7efd18d0-headerIcon{
	height:1rem;
	width:1rem;
	color:var(--text-primary-muted);
}

.d2f2b76a7efd18d0-caretIcon{
	height:0.75rem;
	width:0.75rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
	transition:transform 0.2s;
}

.d2f2b76a7efd18d0-stickerGrid{
	display:grid;
	grid-gap:var(--spacing-2);
	gap:var(--spacing-2);
	padding:0 0 0.5rem;
}

.d2f2b76a7efd18d0-stickerButton{
	position:relative;
	display:flex;
	aspect-ratio:1;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	transition:border-radius 0.2s, background-color 0.2s, box-shadow 0.2s, opacity 0.2s;
	cursor:pointer;
	border:none;
	background:transparent;
	padding:0;
	border-radius:0.5rem;
	touch-action:pan-y;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

.d2f2b76a7efd18d0-stickerButton:hover,
.d2f2b76a7efd18d0-stickerButton.d2f2b76a7efd18d0-selected{
	border-radius:1rem;
	background-color:var(--background-header-secondary);
	box-shadow:0 0 0 1px var(--background-modifier-hover);
}

.d2f2b76a7efd18d0-stickerButton:focus-visible{
	outline:2px solid var(--brand-primary-light);
	outline-offset:2px;
}

.d2f2b76a7efd18d0-stickerButton.d2f2b76a7efd18d0-locked{
	cursor:not-allowed;
	opacity:0.5;
}

.d2f2b76a7efd18d0-stickerImage{
	height:100%;
	width:100%;
	border-radius:0.25rem;
	object-fit:contain;
}

.d2f2b76a7efd18d0-gifBadge{
	position:absolute;
	top:0.25rem;
	left:0.25rem;
	border-radius:0.25rem;
	background-color:rgba(0, 0, 0, 0.6);
	padding:0.25rem 0.125rem;
	font-weight:600;
	color:white;
	font-size:0.75rem;
	line-height:1;
}

.d2f2b76a7efd18d0-premiumBadge{
	position:absolute;
	top:0.25rem;
	left:0.25rem;
	border-radius:9999px;
	background-color:rgba(234, 179, 8, 0.9);
	padding:0.25rem;
}

.d2f2b76a7efd18d0-premiumIcon{
	height:0.75rem;
	width:0.75rem;
	color:white;
}

.d2f2b76a7efd18d0-starIconFilled{
	height:1rem;
	width:1rem;
}

.d2f2b76a7efd18d0-starIcon{
	height:1rem;
	width:1rem;
}

.d2f2b76a7efd18d0-clipboardIcon{
	height:1rem;
	width:1rem;
}

.d2f2b76a7efd18d0-guildIconSmall{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	--guild-icon-size:1rem;
}

.d2f2b76a7efd18d0-categoryTitle{
	font-size:0.875rem;
	font-weight:bold;
	color:var(--text-primary-muted);
	line-height:1.2;
	max-height:1.05rem;
}

.a1345751b3fda8fd-container{
	position:relative;
	display:grid;
	height:498px;
	width:498px;
	overflow:hidden;
	border-radius:0.78rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	background:color-mix(in srgb, var(--background-floating) 94%, var(--background-primary) 6%);
	box-shadow:0 20px 48px rgb(0 0 0 / 0.28), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 4%, transparent);
}

.a1345751b3fda8fd-containerWithTabs{
	grid-template-rows:auto 1fr;
}

.a1345751b3fda8fd-containerNoTabs{
	grid-template-rows:auto 1fr;
}

.a1345751b3fda8fd-header{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	border-bottom:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 74%, transparent);
}

.theme-light .a1345751b3fda8fd-header{
	background-color:var(--background-primary);
}

.a1345751b3fda8fd-header:has(.a1345751b3fda8fd-nav),
.a1345751b3fda8fd-header:has(.a1345751b3fda8fd-headerPortal:not(:empty)){
	padding:var(--spacing-3);
}

.a1345751b3fda8fd-headerPortal:empty{
	display:none;
}

.a1345751b3fda8fd-nav{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
}

.a1345751b3fda8fd-tabList{
	display:flex;
	gap:var(--spacing-2);
}

.a1345751b3fda8fd-tab{
	flex:none;
	border-radius:0.5rem;
	padding:var(--spacing-1) var(--spacing-2);
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-duration:200ms;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	cursor:pointer;
}

.a1345751b3fda8fd-tabActive{
	background-color:color-mix(in srgb, var(--brand-primary) 12%, var(--background-modifier-selected) 88%);
	color:var(--text-primary);
}

.a1345751b3fda8fd-tabInactive{
	background-color:transparent;
	color:var(--text-primary-muted);
}

.a1345751b3fda8fd-tabInactive:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.a1345751b3fda8fd-content{
	position:relative;
	display:grid;
	grid-template-rows:1fr auto;
	overflow:hidden;
	background:color-mix(in srgb, var(--background-primary) 96%, var(--background-secondary) 4%);
}

.f0c9be9d76f7208e-containerModal{
	display:flex;
	align-items:center;
}

.f0c9be9d76f7208e-containerModalMobile{
	gap:6px;
}

.f0c9be9d76f7208e-containerModalDesktop{
	gap:4px;
}

.f0c9be9d76f7208e-containerPopout{
	position:absolute;
	top:115px;
	right:10px;
	z-index:10;
	display:flex;
	gap:6px;
	border-radius:999px;
	padding:6px 8px;
	background:color-mix(in srgb, var(--background-floating) 94%, var(--background-primary) 6%);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	-webkit-backdrop-filter:blur(6px);
	        backdrop-filter:blur(6px);
	box-shadow:0 2px 10px rgb(0 0 0 / 0.22);
}

.f0c9be9d76f7208e-containerInline{
	display:flex;
	align-items:center;
	gap:6px;
}

.f0c9be9d76f7208e-badgeMobile{
	height:28px;
	width:28px;
}

.f0c9be9d76f7208e-badgeDesktop{
	height:20px;
	width:20px;
}

.f0c9be9d76f7208e-badgeCoin{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	border:1px solid var(--badge-tone-border, color-mix(in srgb, var(--text-primary) 20%, transparent));
	background:var(--badge-tone-bg, color-mix(in srgb, var(--background-secondary) 88%, var(--background-primary) 12%));
	box-shadow:none;
	overflow:hidden;
	transition:background-color 140ms ease, border-color 140ms ease;
}

.f0c9be9d76f7208e-badgeCoinShine{
	position:absolute;
	inset:-30%;
	z-index:0;
	pointer-events:none;
	opacity:0;
	transform:translateX(-155%) rotate(16deg);
	background:linear-gradient(
		120deg,
		transparent 36%,
		color-mix(in srgb, #fff 70%, transparent) 49%,
		color-mix(in srgb, #fff 58%, transparent) 52%,
		transparent 64%
	);
}

.f0c9be9d76f7208e-badgeGlyph{
	position:relative;
	z-index:1;
	width:58%;
	height:58%;
	color:var(--badge-tone-fg, color-mix(in srgb, var(--text-primary) 92%, white 8%));
	-webkit-filter:none;
	        filter:none;
	transform-origin:center;
	animation:f0c9be9d76f7208e-badgeGlyphPulse 2.8s ease-in-out infinite;
}

.f0c9be9d76f7208e-badgeGlyphDeveloper{
	width:78%;
	height:78%;
}

.f0c9be9d76f7208e-badgeCoinPremium{
	isolation:isolate;
}

.f0c9be9d76f7208e-badgeToneGold{
	--badge-tone-bg:color-mix(in srgb, #5f4b20 82%, var(--background-secondary) 18%);
	--badge-tone-border:color-mix(in srgb, #826331 88%, var(--background-primary) 12%);
	--badge-tone-fg:#f4d99f;
}

.f0c9be9d76f7208e-badgeToneTeal{
	--badge-tone-bg:color-mix(in srgb, #214b50 84%, var(--background-secondary) 16%);
	--badge-tone-border:color-mix(in srgb, #2f6970 86%, var(--background-primary) 14%);
	--badge-tone-fg:#b5e8ec;
}

.f0c9be9d76f7208e-badgeToneRose{
	--badge-tone-bg:color-mix(in srgb, #563047 84%, var(--background-secondary) 16%);
	--badge-tone-border:color-mix(in srgb, #78405f 86%, var(--background-primary) 14%);
	--badge-tone-fg:#e9bfd8;
}

.f0c9be9d76f7208e-badgeToneAmber{
	--badge-tone-bg:color-mix(in srgb, #5a3f1f 84%, var(--background-secondary) 16%);
	--badge-tone-border:color-mix(in srgb, #7b572d 86%, var(--background-primary) 14%);
	--badge-tone-fg:#f1cda0;
}

.f0c9be9d76f7208e-badgeToneViolet{
	--badge-tone-bg:color-mix(in srgb, #3d3561 84%, var(--background-secondary) 16%);
	--badge-tone-border:color-mix(in srgb, #5a4f86 86%, var(--background-primary) 14%);
	--badge-tone-fg:#d3cbf6;
}

.f0c9be9d76f7208e-badgeToneBlue{
	--badge-tone-bg:color-mix(in srgb, #1f4f8a 84%, var(--background-secondary) 16%);
	--badge-tone-border:color-mix(in srgb, #2f6bb3 86%, var(--background-primary) 14%);
	--badge-tone-fg:#cfe6ff;
}

.f0c9be9d76f7208e-virtualBadge{
	display:flex;
	align-items:center;
	justify-content:center;
	padding-top:0;
	font-weight:800;
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
	color:white;
	line-height:1;
	letter-spacing:0.05em;
	text-decoration:none;
	touch-action:manipulation;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	cursor:pointer;
	border-radius:999px;
	border:1px solid color-mix(in srgb, #5a4f86 86%, var(--background-primary) 14%);
	background:color-mix(in srgb, #3d3561 84%, var(--background-secondary) 16%);
	box-shadow:none;
	transition:background-color 140ms ease, border-color 140ms ease;
}

.f0c9be9d76f7208e-virtualBadgeMobile{
	height:28px;
	width:28px;
	font-size:12px;
	line-height:24px;
}

.f0c9be9d76f7208e-virtualBadgeDesktop{
	height:20px;
	width:20px;
	font-size:10px;
	line-height:20px;
}

.f0c9be9d76f7208e-virtualBadge:hover,
.f0c9be9d76f7208e-virtualBadge:focus,
.f0c9be9d76f7208e-virtualBadge:active{
	text-decoration:none;
}

.f0c9be9d76f7208e-link{
	cursor:pointer;
	touch-action:manipulation;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.f0c9be9d76f7208e-link:hover,
.f0c9be9d76f7208e-link:focus,
.f0c9be9d76f7208e-link:active{
	text-decoration:none;
}

@keyframes f0c9be9d76f7208e-badgeGlyphPulse{
	0%,
	100%{
		transform:scale(1) translateY(0);
	}
	40%{
		transform:scale(1.06) translateY(-0.28px);
	}
	72%{
		transform:scale(0.98) translateY(0.2px);
	}
}

@keyframes f0c9be9d76f7208e-badgeShineSweep{
	0%{
		opacity:0;
		transform:translateX(-155%) rotate(16deg);
	}
	12%{
		opacity:0.18;
	}
	42%{
		opacity:0.4;
	}
	100%{
		opacity:0;
		transform:translateX(155%) rotate(16deg);
	}
}

@media (hover: hover) and (pointer: fine){
	.f0c9be9d76f7208e-link:hover .f0c9be9d76f7208e-badgeCoin,
	.f0c9be9d76f7208e-link:focus-visible .f0c9be9d76f7208e-badgeCoin,
	.f0c9be9d76f7208e-link:hover .f0c9be9d76f7208e-virtualBadge,
	.f0c9be9d76f7208e-link:focus-visible .f0c9be9d76f7208e-virtualBadge{
		-webkit-filter:brightness(1.08);
		        filter:brightness(1.08);
	}

	.f0c9be9d76f7208e-link:hover .f0c9be9d76f7208e-badgeCoinPremium .f0c9be9d76f7208e-badgeCoinShine,
	.f0c9be9d76f7208e-link:focus-visible .f0c9be9d76f7208e-badgeCoinPremium .f0c9be9d76f7208e-badgeCoinShine{
		animation:f0c9be9d76f7208e-badgeShineSweep 780ms cubic-bezier(0.16, 0.86, 0.32, 1) 1;
	}
}

@media (prefers-reduced-motion: reduce){
	.f0c9be9d76f7208e-badgeGlyph{
		animation:none;
	}

	.f0c9be9d76f7208e-badgeCoinShine{
		animation:none !f0c9be9d76f7208e-important;
	}
}



.b4cbbbb7d1db3de7-nativeDragRegion{
	-webkit-app-region:none;
}

html.platform-native.platform-macos .b4cbbbb7d1db3de7-nativeDragRegion{
	-webkit-app-region:drag;
}

._57f3b3476f6d99f1-container{
	--settings-shell-top:color-mix(in srgb, var(--app-surface-background) 90%, var(--background-primary) 10%);
	--settings-shell-bottom:color-mix(in srgb, var(--background-primary) 94%, var(--background-secondary) 6%);
	--settings-shell-surface-top:color-mix(in srgb, var(--background-floating) 82%, var(--background-primary) 18%);
	--settings-shell-surface-bottom:color-mix(in srgb, var(--background-secondary) 26%, var(--background-primary) 74%);
	--settings-shell-surface-hover-top:color-mix(in srgb, var(--background-floating) 88%, var(--background-primary) 12%);
	--settings-shell-surface-hover-bottom:color-mix(in srgb, var(--background-secondary) 30%, var(--background-primary) 70%);
	--settings-shell-stroke:color-mix(in srgb, var(--text-primary) 4%, transparent);
	--settings-shell-highlight:color-mix(in srgb, var(--text-primary) 3%, transparent);
	display:flex;
	flex:1 1 auto;
	min-height:0;
	min-width:0;
	height:100%;
	max-height:100%;
	width:100%;
	position:relative;
	overflow:hidden;
	--settings-edge-gutter:clamp(16px, 3vw, 24px);
	isolation:isolate;
	background:var(--settings-shell-bottom);
}

._57f3b3476f6d99f1-settingsTrafficLightsBackdrop{
	position:absolute !important;
	top:0;
	left:0;
	width:100%;
	--traffic-lights-backdrop-width:100%;
	background:var(--background-primary);
	box-shadow:none;
	z-index:0;
	pointer-events:none;
	display:none;
}

html.platform-native.platform-macos ._57f3b3476f6d99f1-settingsTrafficLightsBackdrop{
	display:block;
}

._57f3b3476f6d99f1-containerFullscreen{
	--settings-edge-gutter:clamp(16px, 3vw, 24px);
	max-width:1400px;
	width:100%;
	margin:0 auto;
}

@media screen and (min-width: 768px){
	._57f3b3476f6d99f1-container{
		--settings-edge-gutter:clamp(20px, 4vw, 32px);
	}
}

@media screen and (min-width: 1024px){
	._57f3b3476f6d99f1-container{
		--settings-edge-gutter:clamp(24px, 5vw, 48px);
	}
}

@media screen and (min-width: 1440px){
	._57f3b3476f6d99f1-container{
		--settings-edge-gutter:clamp(32px, 6vw, 64px);
	}
}

@media screen and (min-width: 1920px){
	._57f3b3476f6d99f1-container{
		--settings-edge-gutter:clamp(40px, 7vw, 80px);
	}
}

@media screen and (min-width: 2560px){
	._57f3b3476f6d99f1-container{
		--settings-edge-gutter:clamp(48px, 8vw, 96px);
	}
}

._57f3b3476f6d99f1-mobileWrapper{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	background:var(--background-secondary);
	display:flex;
	flex-direction:column;
}

._57f3b3476f6d99f1-mobileHeaderContainer{
	position:relative;
	flex-shrink:0;
	z-index:10;
	background:var(--background-primary);
}

._57f3b3476f6d99f1-mobileHeaderContent{
	width:100%;
}

._57f3b3476f6d99f1-mobileContentContainer{
	position:relative;
	flex:1 1 auto;
	overflow:hidden;
}

._57f3b3476f6d99f1-mobileContentPane{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	background:var(--background-secondary);
	contain:layout style paint;
}

._57f3b3476f6d99f1-mobileSlideContainer{
	display:flex;
	height:100%;
	width:200%;
	will-change:transform;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

._57f3b3476f6d99f1-mobilePane{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	background:var(--background-secondary);
	will-change:transform;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior-y:contain;
	contain:layout style paint;
}

._57f3b3476f6d99f1-mobilePaneActive{
	z-index:2;
}

._57f3b3476f6d99f1-mobilePaneInactive{
	z-index:1;
	pointer-events:none;
}

._57f3b3476f6d99f1-desktopSidebar{
	flex:0 0 clamp(260px, 24svw, 332px);
	display:flex;
	border-right:none;
	background:color-mix(in srgb, var(--background-primary) 96%, var(--background-secondary) 4%);
	overflow:hidden;
	position:relative;
	box-shadow:none;
	contain:layout paint;
}

._57f3b3476f6d99f1-desktopSidebarInner{
	display:flex;
	flex-direction:column;
	padding:20px 14px 12px;
	gap:0;
	height:100%;
	flex:1 1 auto;
	min-width:0;
}

._57f3b3476f6d99f1-desktopSidebar,
._57f3b3476f6d99f1-desktopSidebarInner,
._57f3b3476f6d99f1-sidebarNavWrapper,
._57f3b3476f6d99f1-sidebarNav,
._57f3b3476f6d99f1-sidebarNavList,
._57f3b3476f6d99f1-sidebarFooter,
._57f3b3476f6d99f1-desktopScroll,
._57f3b3476f6d99f1-desktopScrollInner{
	-webkit-app-region:no-drag;
}
._57f3b3476f6d99f1-desktopContent{
	flex:1;
	display:flex;
	flex-direction:column;
	background:transparent;
	min-width:0;
	min-height:0;
	overflow:hidden;
}

._57f3b3476f6d99f1-desktopContentPad{
	display:flex;
	flex-direction:column;
	gap:0;
	padding:10px 10px 10px 0;
	box-sizing:border-box;
	flex:1;
	min-height:0;
}

._57f3b3476f6d99f1-desktopContentCard{
	flex:1 1 auto;
	min-height:0;
	display:flex;
	flex-direction:column;
	border-radius:0.9rem;
	overflow:hidden;
	background:color-mix(in srgb, var(--background-primary) 96%, var(--app-surface-background) 4%);
	border:none;
	box-shadow:none;
}

._57f3b3476f6d99f1-desktopHeader{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	z-index:10;
	height:68px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 24px;
	flex-shrink:0;
	background:color-mix(in srgb, var(--background-primary) 98%, var(--app-surface-background) 2%);
	border-bottom:1px solid color-mix(in srgb, var(--text-primary) 3%, transparent);
	contain:layout style paint;
	-webkit-app-region:drag;
}

._57f3b3476f6d99f1-desktopScroll{
	flex:1 1 auto;
	min-height:0;
	overflow-anchor:none;
	scroll-padding-top:0;
}

._57f3b3476f6d99f1-desktopScrollInner{
	width:100%;
	margin:0 auto;
	padding:0 var(--settings-edge-gutter);
	max-width:clamp(640px, 90%, 800px);
}

@media screen and (min-width: 1024px){
	._57f3b3476f6d99f1-desktopScrollInner{
		max-width:clamp(740px, 85%, 960px);
	}
}

@media screen and (min-width: 1440px){
	._57f3b3476f6d99f1-desktopScrollInner{
		max-width:clamp(820px, 80%, 1040px);
	}
}

@media screen and (min-width: 1920px){
	._57f3b3476f6d99f1-desktopScrollInner{
		max-width:clamp(900px, 75%, 1120px);
	}
}

@media screen and (min-width: 2560px){
	._57f3b3476f6d99f1-desktopScrollInner{
		max-width:clamp(1000px, 70%, 1200px);
	}
}

@media screen and (min-width: 2000px){
	._57f3b3476f6d99f1-containerFullscreen{
		background:var(--background-primary);
	}
	._57f3b3476f6d99f1-containerFullscreen ._57f3b3476f6d99f1-desktopSidebar{
		border-right:none;
		padding:20px 16px 0 16px;
	}
	._57f3b3476f6d99f1-containerFullscreen ._57f3b3476f6d99f1-settingsTrafficLightsBackdrop{
		display:block;
	}
	._57f3b3476f6d99f1-containerFullscreen ._57f3b3476f6d99f1-desktopContent{
		background:transparent;
	}
	._57f3b3476f6d99f1-containerFullscreen ._57f3b3476f6d99f1-desktopContentPad{
		padding:16px 16px 16px 0;
	}
	._57f3b3476f6d99f1-containerFullscreen ._57f3b3476f6d99f1-desktopContentCard{
		border-radius:12px;
		overflow:hidden;
		background:color-mix(in srgb, var(--background-primary) 94%, var(--app-surface-background) 6%);
		border:none;
		isolation:isolate;
	}
	._57f3b3476f6d99f1-containerFullscreen ._57f3b3476f6d99f1-desktopHeader{
		background:color-mix(in srgb, var(--background-primary) 96%, var(--app-surface-background) 4%);
	}
}

.theme-light ._57f3b3476f6d99f1-desktopContent,
.theme-light ._57f3b3476f6d99f1-desktopHeader{
	background:var(--background-primary);
}

.theme-light ._57f3b3476f6d99f1-containerFullscreen ._57f3b3476f6d99f1-desktopHeader,
.theme-light ._57f3b3476f6d99f1-containerFullscreen ._57f3b3476f6d99f1-desktopContentCard{
	background:var(--background-primary);
}

._57f3b3476f6d99f1-sidebarHeader{
	flex-shrink:0;
}

._57f3b3476f6d99f1-sidebarNavWrapper{
	flex:1;
	display:flex;
	flex-direction:column;
	min-height:0;
}

._57f3b3476f6d99f1-sidebarNavWrapper > div{
	-webkit-padding-end:0;
	        padding-inline-end:0;
}

._57f3b3476f6d99f1-sidebarNav{
	flex:1;
	-webkit-margin-end:-8px;
	        margin-inline-end:-8px;
}

._57f3b3476f6d99f1-sidebarNavContent{
	display:flex;
	flex-direction:column;
	min-height:100%;
}

._57f3b3476f6d99f1-sidebarNavList{
	display:flex;
	flex-direction:column;
}

._57f3b3476f6d99f1-sidebarCategory{
	margin-bottom:10px;
	padding:6px 4px 5px;
	border-radius:0.75rem;
	background:transparent;
	border:none;
	box-shadow:none;
}

._57f3b3476f6d99f1-sidebarCategoryTitle{
	padding:0.15rem 0.72rem 0.42rem;
	font-size:0.66rem;
	font-weight:700;
	color:var(--text-tertiary);
	text-transform:uppercase;
	letter-spacing:0.11em;
}

._57f3b3476f6d99f1-sidebarItem{
	background:transparent;
	border:none;
	margin-bottom:3px;
	padding:0.68rem 0.8rem;
	border-radius:0.68rem;
	color:var(--text-primary-muted);
	font-size:0.9rem;
	line-height:1.35rem;
	font-weight:500;
	display:flex;
	align-items:center;
	gap:0.625rem;
	cursor:pointer;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:transparent;
	width:100%;
	text-align:left;
	transition:color 130ms ease, background-color 130ms ease, opacity 130ms ease;
}

._57f3b3476f6d99f1-sidebarItemSelected{
	background:color-mix(in srgb, var(--brand-primary) 13%, var(--background-primary));
	color:color-mix(in srgb, var(--brand-primary) 72%, var(--text-primary));
	box-shadow:none;
}

._57f3b3476f6d99f1-sidebarItemIcon{
	flex-shrink:0;
	font-size:1.15rem;
	color:var(--text-tertiary);
}

._57f3b3476f6d99f1-sidebarItemLabel{
	flex:1;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._57f3b3476f6d99f1-sidebarItemSelected ._57f3b3476f6d99f1-sidebarItemIcon{
	color:var(--surface-interactive-selected-color);
}

._57f3b3476f6d99f1-sidebarItemDanger{
	color:var(--status-danger);
}

._57f3b3476f6d99f1-sidebarItemDanger ._57f3b3476f6d99f1-sidebarItemIcon{
	color:var(--status-danger);
}

@media (hover: hover) and (pointer: fine){
	._57f3b3476f6d99f1-sidebarItem:hover:not(._57f3b3476f6d99f1-sidebarItemSelected):not(._57f3b3476f6d99f1-sidebarItemDanger){
		background:color-mix(in srgb, var(--background-floating) 16%, var(--background-primary));
		color:var(--text-primary);
	}

	._57f3b3476f6d99f1-sidebarItem:hover:not(._57f3b3476f6d99f1-sidebarItemSelected):not(._57f3b3476f6d99f1-sidebarItemDanger) ._57f3b3476f6d99f1-sidebarItemIcon{
		color:var(--text-primary);
	}

	._57f3b3476f6d99f1-sidebarItemDanger:hover{
		background:color-mix(in srgb, var(--status-danger) 15%, transparent);
		color:var(--status-danger);
	}

	._57f3b3476f6d99f1-sidebarItemDanger:hover ._57f3b3476f6d99f1-sidebarItemIcon{
		color:var(--status-danger);
	}

	._57f3b3476f6d99f1-closeButton:hover{
		background:var(--background-modifier-selected);
		color:var(--text-primary);
	}
}

@media (hover: none){
	._57f3b3476f6d99f1-sidebarItem:hover:not(._57f3b3476f6d99f1-sidebarItemDanger),
	._57f3b3476f6d99f1-sidebarItem:active:not(._57f3b3476f6d99f1-sidebarItemDanger){
		background:transparent;
		color:var(--text-primary-muted);
	}

	._57f3b3476f6d99f1-sidebarItem:hover:not(._57f3b3476f6d99f1-sidebarItemDanger) ._57f3b3476f6d99f1-sidebarItemIcon,
	._57f3b3476f6d99f1-sidebarItem:active:not(._57f3b3476f6d99f1-sidebarItemDanger) ._57f3b3476f6d99f1-sidebarItemIcon{
		color:var(--text-primary-muted);
	}

	._57f3b3476f6d99f1-sidebarItemDanger:hover,
	._57f3b3476f6d99f1-sidebarItemDanger:active{
		background:transparent;
		color:var(--status-danger);
	}

	._57f3b3476f6d99f1-sidebarItemDanger:hover ._57f3b3476f6d99f1-sidebarItemIcon,
	._57f3b3476f6d99f1-sidebarItemDanger:active ._57f3b3476f6d99f1-sidebarItemIcon{
		color:var(--status-danger);
	}

	._57f3b3476f6d99f1-closeButton:hover,
	._57f3b3476f6d99f1-closeButton:active{
		background:transparent;
		color:var(--text-primary-muted);
	}
}

._57f3b3476f6d99f1-sidebarFooter{
	margin-top:auto;
	padding:16px 6px 6px;
	text-align:center;
}

._57f3b3476f6d99f1-sidebarNavFooter{
	margin-top:auto;
}

._57f3b3476f6d99f1-closeButton{
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:0.95rem;
	color:var(--text-primary-muted);
	cursor:pointer;
	border:none;
	background:color-mix(in srgb, var(--background-floating) 88%, var(--background-primary) 12%);
	-webkit-app-region:no-drag;
	box-shadow:none;
}

._57f3b3476f6d99f1-closeButton:hover{
	background:color-mix(in srgb, var(--background-floating) 94%, var(--background-primary) 6%);
	color:var(--text-primary);
}

._57f3b3476f6d99f1-preloadContent{
	position:absolute;
	opacity:0;
	pointer-events:none;
	visibility:hidden;
}

._57f3b3476f6d99f1-previewContainer{
	width:100%;
	max-width:clamp(740px, 80svw, 815px);
	margin:0 auto;
	padding:28px var(--settings-edge-gutter) 0;
}

._57f3b3476f6d99f1-desktopScrollSpacerTop{
	height:20px;
	flex-shrink:0;
}

._57f3b3476f6d99f1-desktopScrollSpacerBottom{
	height:32px;
	flex-shrink:0;
}

._57f3b3476f6d99f1-sidebarSubItems{
	display:flex;
	flex-direction:column;
	margin-left:14px;
	padding-left:10px;
	border-left:none;
	margin-bottom:4px;
}

._57f3b3476f6d99f1-sidebarSubItem{
	background:transparent;
	border:none;
	padding:0.38rem 0.62rem;
	border-radius:0.56rem;
	color:var(--text-secondary);
	font-size:0.79rem;
	line-height:1.15rem;
	font-weight:500;
	display:flex;
	align-items:center;
	gap:8px;
	cursor:pointer;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:transparent;
	width:100%;
	text-align:left;
	transition:color 130ms ease, background-color 130ms ease, opacity 130ms ease;
}

._57f3b3476f6d99f1-sidebarSubItemIndicator{
	width:6px;
	height:6px;
	border-radius:50%;
	background:transparent;
	flex-shrink:0;
}

._57f3b3476f6d99f1-sidebarSubItemLabel{
	flex:1;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._57f3b3476f6d99f1-sidebarSubItemActive{
	color:var(--text-primary);
}

._57f3b3476f6d99f1-sidebarSubItemActive ._57f3b3476f6d99f1-sidebarSubItemIndicator{
	background:var(--brand-primary-light);
}

.theme-light ._57f3b3476f6d99f1-sidebarSubItemActive ._57f3b3476f6d99f1-sidebarSubItemIndicator{
	background:var(--brand-primary);
}

@media (hover: hover) and (pointer: fine){
	._57f3b3476f6d99f1-sidebarSubItem:hover:not(._57f3b3476f6d99f1-sidebarSubItemActive){
		background:color-mix(in srgb, var(--background-floating) 14%, var(--background-primary));
		color:var(--text-primary);
	}
}

@media (hover: none){
	._57f3b3476f6d99f1-sidebarSubItem:hover:not(._57f3b3476f6d99f1-sidebarSubItemActive),
	._57f3b3476f6d99f1-sidebarSubItem:active:not(._57f3b3476f6d99f1-sidebarSubItemActive){
		background:transparent;
		color:var(--text-secondary);
	}
}

._8e09dbddc031a7ea-bannerContent{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

._8e09dbddc031a7ea-bannerTextContainer{
	display:flex;
	align-items:center;
	gap:1rem;
}

._8e09dbddc031a7ea-bannerText{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
}

._8e09dbddc031a7ea-bannerTextFlash{
	color:white;
}

._8e09dbddc031a7ea-bannerTextNormal{
	color:var(--text-primary);
}

._8e09dbddc031a7ea-bannerActions{
	display:flex;
	align-items:center;
	gap:0.75rem;
	-webkit-app-region:no-drag;
}

._8e09dbddc031a7ea-titleContent{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

._8e09dbddc031a7ea-title{
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
	color:var(--text-primary);
	flex:1 1 0;
	min-width:0;
	margin-right:1rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._8e09dbddc031a7ea-icon{
	height:1.5rem;
	width:1.5rem;
}

._8e09dbddc031a7ea-headerTransition{
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-duration:200ms;
}

.c8470d13f56a0192-sidebarHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-top:6px;
	padding-right:4px;
	padding-bottom:6px;
	padding-left:10px;
	border-radius:8px;
	margin-bottom:24px;
	min-width:0;
}

.c8470d13f56a0192-guildName{
	font-weight:500;
	font-size:1.067rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	flex:1 1 0;
	min-width:0;
	margin-right:0.75rem;
}

.c8470d13f56a0192-sidebarButtonWrapper{
	padding:0 0.5rem 0.5rem;
}

.c8470d13f56a0192-sidebarButtonIcon{
	height:1rem;
	width:1rem;
}

.c8470d13f56a0192-deleteGuildButton{
	width:100%;
}

.c23416b44ee72026-header{
	display:flex;
	height:3.5rem;
	flex-shrink:0;
	align-items:center;
	background-color:var(--background-primary);
	padding-left:1rem;
	padding-right:1rem;
}

.c23416b44ee72026-headerContent{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

.c23416b44ee72026-backButton{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:0.375rem;
	color:var(--text-primary-muted);
	transition-property:transform, background-color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
}

.c23416b44ee72026-backButton:active{
	transform:scale(0.95);
	background-color:var(--background-modifier-hover);
}

.c23416b44ee72026-backButtonIcon{
	height:1.25rem;
	width:1.25rem;
}

.c23416b44ee72026-headerTitle{
	flex:1;
	min-width:0;
	font-weight:600;
	font-size:1rem;
	line-height:1.5rem;
	color:var(--text-primary);
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.c23416b44ee72026-headerSpacer{
	width:2rem;
}

.c23416b44ee72026-settingsList{
	min-height:0;
	flex:1 1 0%;
	padding-left:1rem;
	padding-right:1rem;
	padding-top:1rem;
	padding-bottom:1rem;
}

.c23416b44ee72026-categoryContainer{
	margin-bottom:1.5rem;
}

.c23416b44ee72026-categoryContainer:last-child{
	margin-bottom:0;
}

.c23416b44ee72026-categoryHeader{
	margin-bottom:0.5rem;
	padding-left:0.75rem;
	padding-right:0.75rem;
	font-weight:600;
	color:var(--text-tertiary);
	font-size:0.75rem;
	line-height:1rem;
	text-transform:uppercase;
	letter-spacing:0.05em;
}

.c23416b44ee72026-categoryTabs{
	overflow:hidden;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
}

.c23416b44ee72026-dangerButton{
	display:flex;
	width:100%;
	align-items:center;
	gap:1rem;
	background-color:transparent;
	padding:1rem;
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
}

@media (hover: hover) and (pointer: fine){
	.c23416b44ee72026-dangerButton:hover{
		background-color:color-mix(in srgb, var(--status-danger) 8%, transparent);
	}

	.c23416b44ee72026-dangerButton:active{
		background-color:color-mix(in srgb, var(--status-danger) 12%, transparent);
	}
}

.c23416b44ee72026-dangerButtonPressed{
	background-color:color-mix(in srgb, var(--status-danger) 8%, transparent);
}

.c23416b44ee72026-dangerIcon{
	height:1.25rem;
	width:1.25rem;
	color:var(--status-danger);
}

.c23416b44ee72026-dangerContent{
	flex:1;
	text-align:left;
}

.c23416b44ee72026-dangerLabel{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--status-danger);
}

.c23416b44ee72026-tabButton{
	display:flex;
	width:100%;
	align-items:center;
	gap:1rem;
	background-color:transparent;
	padding:1rem;
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
}

@media (hover: hover) and (pointer: fine){
	.c23416b44ee72026-tabButton:hover{
		background-color:var(--background-modifier-hover);
	}

	.c23416b44ee72026-tabButton:active{
		background-color:var(--background-modifier-hover);
	}
}

.c23416b44ee72026-tabButtonPressed{
	background-color:var(--background-modifier-hover);
}

.theme-light .c23416b44ee72026-tabButton{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.theme-light .c23416b44ee72026-tabButton:hover,
.theme-light .c23416b44ee72026-tabButton:active,
.theme-light .c23416b44ee72026-tabButtonPressed{
	background-color:color-mix(in srgb, var(--background-modifier-hover) 40%, transparent);
}

.c23416b44ee72026-tabIcon{
	height:1.25rem;
	width:1.25rem;
	color:var(--text-secondary);
}

.c23416b44ee72026-tabContent{
	flex:1 1 0%;
	text-align:left;
}

.c23416b44ee72026-tabLabel{
	font-weight:500;
	color:var(--text-secondary);
	font-size:0.875rem;
	line-height:1.25rem;
}

.c23416b44ee72026-tabArrow{
	height:1rem;
	width:1rem;
	transform:rotate(180deg);
	color:var(--text-tertiary);
}

.c23416b44ee72026-tabDivider{
	margin-left:1rem;
	margin-right:1rem;
	height:1px;
	background-color:var(--background-header-secondary);
}

.c23416b44ee72026-additionalContent{
	margin-top:2rem;
}

.c23416b44ee72026-footer{
	margin-top:1rem;
	padding-bottom:1.25rem;
}

.c23416b44ee72026-sectionNavContainer{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	z-index:5;
	background:var(--background-secondary);
	border-bottom:1px solid var(--background-header-secondary);
}

.c23416b44ee72026-sectionNavScroller{
	padding:0.5rem 1rem;
}

.c23416b44ee72026-sectionNavContent{
	display:flex;
	gap:0.5rem;
}

.c23416b44ee72026-sectionNavItem{
	flex-shrink:0;
	padding:0.5rem 0.875rem;
	border-radius:1rem;
	font-size:0.8125rem;
	font-weight:500;
	color:var(--text-secondary);
	background:var(--background-modifier-accent);
	border:none;
	cursor:pointer;
	white-space:nowrap;
	transition:background-color 0.15s ease, color 0.15s ease;
	-webkit-tap-highlight-color:transparent;
}

.c23416b44ee72026-sectionNavItemActive{
	color:var(--text-primary);
	background:var(--brand-primary);
}

@media (hover: hover) and (pointer: fine){
	.c23416b44ee72026-sectionNavItem:hover:not(.c23416b44ee72026-sectionNavItemActive){
		background:var(--background-modifier-hover);
		color:var(--text-primary);
	}
}

@media (max-width: 380px){
	.c23416b44ee72026-header{
		height:3.25rem;
		padding-inline:0.65rem;
	}

	.c23416b44ee72026-headerTitle{
		font-size:0.9rem;
		line-height:1.25rem;
	}

	.c23416b44ee72026-settingsList{
		padding:0.7rem 0.62rem;
	}

	.c23416b44ee72026-categoryContainer{
		margin-bottom:1rem;
	}

	.c23416b44ee72026-categoryHeader{
		padding-inline:0.5rem;
		font-size:0.65rem;
	}

	.c23416b44ee72026-tabButton,
	.c23416b44ee72026-dangerButton{
		gap:0.65rem;
		padding:0.75rem;
	}

	.c23416b44ee72026-tabContent,
	.c23416b44ee72026-dangerContent{
		min-width:0;
	}

	.c23416b44ee72026-tabLabel,
	.c23416b44ee72026-dangerLabel{
		font-size:0.8rem;
		line-height:1.15rem;
		overflow-wrap:anywhere;
	}

	.c23416b44ee72026-sectionNavScroller{
		padding:0.4rem 0.62rem;
	}

	.c23416b44ee72026-sectionNavItem{
		padding:0.42rem 0.65rem;
		font-size:0.72rem;
	}
}

.d9edefcd23127aa8-header{
	display:flex;
	min-height:3.625rem;
	flex-shrink:0;
	align-items:center;
	padding-left:1rem;
	padding-right:1rem;
	background:var(--background-primary);
	-webkit-backdrop-filter:none;
	        backdrop-filter:none;
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-duration:140ms;
	border-bottom:none;
}

.d9edefcd23127aa8-headerContent{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}

.d9edefcd23127aa8-headerContentRelative{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

.d9edefcd23127aa8-bannerTextContainer{
	display:flex;
	flex:1;
	min-width:0;
	align-items:center;
	gap:0.75rem;
}

.d9edefcd23127aa8-bannerText{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	text-wrap:balance;
}

.d9edefcd23127aa8-bannerTextWhite{
	color:white;
}

.d9edefcd23127aa8-bannerTextPrimary{
	color:var(--text-primary);
}

.d9edefcd23127aa8-bannerActions{
	display:flex;
	align-items:center;
	gap:0.5rem;
	flex-shrink:0;
}

.d9edefcd23127aa8-backButton{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:0.375rem;
	color:var(--text-primary-muted);
	transition-property:transform, background-color;
	cursor:pointer;
}

.d9edefcd23127aa8-backButton:active{
	transform:scale(0.95);
	background-color:var(--background-modifier-hover);
}

.d9edefcd23127aa8-headerTitle{
	flex:1;
	min-width:0;
	font-weight:650;
	font-size:1.02rem;
	line-height:1.45rem;
	color:var(--text-primary);
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.d9edefcd23127aa8-headerSpacer{
	width:2rem;
}

.d9edefcd23127aa8-icon5{
	height:1.25rem;
	width:1.25rem;
}

.d9edefcd23127aa8-scrollerContainer{
	min-height:0;
	flex:1;
	padding:0.95rem;
	padding-bottom:calc(0.95rem + var(--mobile-bottom-nav-height) + 20px);
	padding-bottom:calc(0.95rem + var(--mobile-bottom-nav-height) + var(--safe-area-bottom, 20px));
}

.d9edefcd23127aa8-quickAccessSection{
	display:flex;
	flex-direction:column;
	gap:0.78rem;
	margin-bottom:1.1rem;
}

.d9edefcd23127aa8-quickAccessHero{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
	padding:0.92rem;
	border-radius:0.82rem;
	background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand-primary) 7%, transparent), transparent 42%), color-mix(in srgb, var(--background-primary) 94%, var(--background-secondary) 6%);
	border:none;
	box-shadow:none;
}

.d9edefcd23127aa8-quickAccessEyebrow{
	font-size:0.72rem;
	font-weight:700;
	letter-spacing:0.08em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--brand-primary) 72%, var(--text-secondary));
}

.d9edefcd23127aa8-quickAccessTitle{
	font-size:1rem;
	line-height:1.35;
	font-weight:700;
	color:var(--text-primary);
}

.d9edefcd23127aa8-quickAccessDescription{
	font-size:0.83rem;
	line-height:1.45;
	color:var(--text-secondary);
}

.d9edefcd23127aa8-quickAccessGrid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:0.62rem;
	gap:0.62rem;
}

.d9edefcd23127aa8-quickAccessCard{
	display:flex;
	min-height:6.4rem;
	flex-direction:column;
	gap:0.52rem;
	padding:0.78rem;
	border-radius:0.74rem;
	border:none;
	background:color-mix(in srgb, var(--background-primary) 90%, var(--background-secondary) 10%);
	box-shadow:none;
	transition:transform 120ms ease, background-color 120ms ease;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
}

.d9edefcd23127aa8-quickAccessCardPressed{
	transform:scale(0.985);
	background-color:color-mix(in srgb, var(--background-modifier-hover) 48%, var(--background-primary));
	box-shadow:none;
}

.d9edefcd23127aa8-quickAccessIconWrap{
	display:flex;
	height:2.1rem;
	width:2.1rem;
	align-items:center;
	justify-content:center;
	border-radius:0.72rem;
	background:color-mix(in srgb, var(--brand-primary) 16%, var(--background-floating));
	color:color-mix(in srgb, var(--brand-primary) 70%, var(--text-primary));
}

.d9edefcd23127aa8-quickAccessIcon{
	height:1.15rem;
	width:1.15rem;
}

.d9edefcd23127aa8-quickAccessLabel{
	font-size:0.88rem;
	line-height:1.3;
	font-weight:600;
	color:var(--text-primary);
}

.d9edefcd23127aa8-quickAccessSummary{
	font-size:0.74rem;
	line-height:1.35;
	color:var(--text-secondary);
	text-wrap:balance;
}

.d9edefcd23127aa8-categorySection{
	margin-bottom:0.95rem;
}

.d9edefcd23127aa8-categorySection:last-child{
	margin-bottom:0;
}

.d9edefcd23127aa8-categoryTitle{
	margin-bottom:0.38rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	font-weight:600;
	font-size:0.69rem;
	line-height:1rem;
	color:var(--text-tertiary);
	text-transform:uppercase;
	letter-spacing:0.08em;
}

.d9edefcd23127aa8-categoryList{
	overflow:hidden;
	border-radius:0.78rem;
	background:color-mix(in srgb, var(--background-primary) 92%, var(--background-secondary) 8%);
	border:none;
	box-shadow:none;
}

.d9edefcd23127aa8-settingsItem{
	display:flex;
	width:100%;
	min-height:3.35rem;
	align-items:center;
	gap:0.74rem;
	background-color:transparent;
	padding:0.82rem;
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
}

@media (hover: hover) and (pointer: fine){
	.d9edefcd23127aa8-settingsItem:hover{
		background-color:var(--background-modifier-hover);
	}

	.d9edefcd23127aa8-settingsItem:active{
		background-color:var(--background-modifier-hover);
	}
}

.d9edefcd23127aa8-settingsItemPressed{
	background-color:var(--background-modifier-hover);
}

.theme-light .d9edefcd23127aa8-settingsItem{
	background-color:transparent;
	color:var(--text-primary);
}

.theme-light .d9edefcd23127aa8-settingsItem:hover,
.theme-light .d9edefcd23127aa8-settingsItem:active,
.theme-light .d9edefcd23127aa8-settingsItemPressed{
	background-color:color-mix(in srgb, var(--background-modifier-hover) 64%, transparent);
}

.d9edefcd23127aa8-settingsItemIcon{
	height:1.25rem;
	width:1.25rem;
	color:var(--text-secondary);
}

.d9edefcd23127aa8-settingsItemContent{
	flex:1;
	text-align:left;
}

.d9edefcd23127aa8-settingsItemLabelContainer{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.d9edefcd23127aa8-settingsItemSpinner{
	margin-left:0.25rem;
}

.d9edefcd23127aa8-settingsItemLabel{
	font-weight:550;
	font-size:0.84rem;
	line-height:1.22rem;
	color:var(--text-primary);
}

.d9edefcd23127aa8-newBadge{
	position:relative;
	overflow:hidden;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	font-size:0.52rem;
	line-height:1;
	font-weight:800;
	letter-spacing:0.07em;
	text-transform:uppercase;
	padding:0.16rem 0.36rem;
	border-radius:999px;
	white-space:nowrap;
	color:color-mix(in srgb, var(--brand-primary) 82%, white);
	background:linear-gradient(
		120deg,
		color-mix(in srgb, var(--brand-primary) 18%, transparent) 0%,
		color-mix(in srgb, var(--brand-primary) 32%, transparent) 50%,
		color-mix(in srgb, var(--brand-primary) 18%, transparent) 100%
	);
	border:1px solid color-mix(in srgb, var(--brand-primary) 32%, transparent);
	pointer-events:none;
	opacity:1;
}

.d9edefcd23127aa8-newBadge::after{
	content:'';
	position:absolute;
	inset:0;
	transform:translateX(-130%);
	background:linear-gradient(95deg, transparent 15%, rgb(255 255 255 / 46%) 50%, transparent 85%);
	animation:d9edefcd23127aa8-settings-new-shimmer 2.2s linear infinite;
	opacity:0.72;
	pointer-events:none;
}

@keyframes d9edefcd23127aa8-settings-new-shimmer{
	100%{
		transform:translateX(130%);
	}
}

.d9edefcd23127aa8-settingsItemArrow{
	height:1rem;
	width:1rem;
	transform:rotate(180deg);
	color:var(--text-tertiary);
}

.d9edefcd23127aa8-divider{
	height:1px;
	margin-left:0.9rem;
	margin-right:0.9rem;
	background-color:color-mix(in srgb, var(--text-primary) 9%, transparent);
}

.d9edefcd23127aa8-clientInfoContainer{
	padding-bottom:1.25rem;
}

.d9edefcd23127aa8-contentContainer{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:696px;
	padding-left:1rem;
	padding-right:1rem;
	padding-top:1.125rem;
	padding-bottom:calc(16px + var(--mobile-bottom-nav-height) + 20px);
	padding-bottom:calc(16px + var(--mobile-bottom-nav-height) + var(--safe-area-bottom, 20px));
}

.d9edefcd23127aa8-contentContainerWithBottomActions{
	padding-bottom:calc(112px + var(--mobile-bottom-nav-height) + 20px);
	padding-bottom:calc(112px + var(--mobile-bottom-nav-height) + var(--safe-area-bottom, 20px));
}

.d9edefcd23127aa8-scrollerFlex{
	min-height:0;
	flex:1;
}

.d9edefcd23127aa8-bottomActionBar{
	position:absolute;
	right:0;
	bottom:var(--mobile-bottom-nav-height);
	left:0;
	z-index:12;
	pointer-events:auto;
	padding:0.875rem 1rem 0.875rem;
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-secondary) 0%, transparent) 0%, color-mix(in srgb, var(--background-secondary) 76%, var(--background-primary) 24%) 36%, color-mix(in srgb, var(--background-primary) 92%, transparent) 100%);
	-webkit-backdrop-filter:none;
	        backdrop-filter:none;
}

.d9edefcd23127aa8-bottomActionBarInner{
	display:flex;
	gap:0.75rem;
	width:100%;
	max-width:696px;
	margin:0 auto;
	padding:0.68rem;
	border:none;
	border-radius:0.78rem;
	background:color-mix(in srgb, var(--background-primary) 95%, var(--background-secondary) 5%);
	-webkit-backdrop-filter:none;
	        backdrop-filter:none;
	box-shadow:none;
}

@media (max-width: 560px){
	.d9edefcd23127aa8-headerContent{
		flex-wrap:wrap;
		align-items:flex-start;
	}

	.d9edefcd23127aa8-quickAccessGrid{
		grid-template-columns:1fr;
	}

	.d9edefcd23127aa8-bannerActions{
		width:100%;
	}

	.d9edefcd23127aa8-bannerActions > *{
		flex:1 1 0;
	}

	.d9edefcd23127aa8-bottomActionBarInner{
		flex-direction:column;
	}
}

@media (max-width: 380px){
	.d9edefcd23127aa8-header{
		min-height:3.25rem;
		padding-inline:0.65rem;
	}

	.d9edefcd23127aa8-headerContent{
		gap:0.45rem;
		padding-block:0.35rem;
	}

	.d9edefcd23127aa8-headerTitle{
		font-size:0.9rem;
		line-height:1.25rem;
	}

	.d9edefcd23127aa8-scrollerContainer{
		padding:0.62rem;
		padding-bottom:calc(0.62rem + var(--mobile-bottom-nav-height) + 20px);
		padding-bottom:calc(0.62rem + var(--mobile-bottom-nav-height) + var(--safe-area-bottom, 20px));
	}

	.d9edefcd23127aa8-quickAccessSection{
		gap:0.55rem;
		margin-bottom:0.8rem;
	}

	.d9edefcd23127aa8-quickAccessHero,
	.d9edefcd23127aa8-quickAccessCard{
		padding:0.62rem;
	}

	.d9edefcd23127aa8-quickAccessCard{
		min-height:0;
		gap:0.35rem;
	}

	.d9edefcd23127aa8-quickAccessTitle{
		font-size:0.9rem;
	}

	.d9edefcd23127aa8-quickAccessDescription,
	.d9edefcd23127aa8-quickAccessSummary{
		font-size:0.72rem;
		line-height:1.35;
	}

	.d9edefcd23127aa8-quickAccessLabel,
	.d9edefcd23127aa8-settingsItemLabel{
		font-size:0.78rem;
		line-height:1.12rem;
		overflow-wrap:anywhere;
	}

	.d9edefcd23127aa8-settingsItem{
		min-height:3rem;
		gap:0.55rem;
		padding:0.68rem;
	}

	.d9edefcd23127aa8-settingsItemContent,
	.d9edefcd23127aa8-settingsItemLabelContainer{
		min-width:0;
	}

	.d9edefcd23127aa8-categoryTitle{
		padding-inline:0.35rem;
		font-size:0.63rem;
	}

	.d9edefcd23127aa8-contentContainer{
		padding:0.75rem 0.65rem calc(12px + var(--mobile-bottom-nav-height) + 20px);
		padding:0.75rem 0.65rem calc(12px + var(--mobile-bottom-nav-height) + var(--safe-area-bottom, 20px));
	}

	.d9edefcd23127aa8-bottomActionBar{
		padding-inline:0.65rem;
	}

	.d9edefcd23127aa8-bottomActionBarInner{
		gap:0.5rem;
		padding:0.5rem;
	}
}

@media (min-width: 760px){
	.d9edefcd23127aa8-quickAccessGrid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}

._92d69f39f9e01c68-userProfile{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0.7rem 0.75rem;
	border-radius:0.875rem;
	margin-bottom:20px;
	min-width:0;
	background:color-mix(in srgb, var(--background-floating) 14%, var(--background-primary) 86%);
	border:none;
	box-shadow:none;
}

._92d69f39f9e01c68-userProfileInfo{
	display:flex;
	align-items:center;
	gap:12px;
	min-width:0;
	flex:1;
}

._92d69f39f9e01c68-userProfileName{
	font-weight:500;
	font-size:1.067rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	flex:1 1 0;
	min-width:0;
	margin-right:0.75rem;
}

._92d69f39f9e01c68-mobileWrapper{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	background:var(--background-secondary);
	display:flex;
	flex-direction:column;
}

._92d69f39f9e01c68-mobileHeaderContainer{
	position:relative;
	flex-shrink:0;
	z-index:10;
	background:var(--background-primary);
	-webkit-backdrop-filter:none;
	        backdrop-filter:none;
}

._92d69f39f9e01c68-mobileHeaderContent{
	width:100%;
}

._92d69f39f9e01c68-mobileContentContainer{
	position:relative;
	flex:1 1 auto;
	overflow:hidden;
}

._92d69f39f9e01c68-mobileContentPane{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	background:var(--background-secondary);
	contain:layout style paint;
}

._92d69f39f9e01c68-mobileContentScroller{
	flex:1;
	min-height:0;
}

._92d69f39f9e01c68-mobileContentInner{
	width:100%;
	max-width:696px;
	margin:0 auto;
	padding:1rem;
	padding-bottom:calc(16px + 20px);
	padding-bottom:calc(16px + var(--safe-area-bottom, 20px));
}

._92d69f39f9e01c68-fullWidth{
	width:100%;
}

._1ab3c008ea154751-scrollerFlex{
	min-height:0;
	flex:1;
}

._1ab3c008ea154751-contentContainer{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:696px;
	padding-left:1rem;
	padding-right:1rem;
	padding-top:1rem;
	padding-bottom:calc(16px + 20px);
	padding-bottom:calc(16px + var(--safe-area-bottom, 20px));
}

._98a2823285d88bc6-container{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:2rem;
	text-align:center;
}

._98a2823285d88bc6-containerFullHeight{
	height:100%;
}

._98a2823285d88bc6-icon{
	margin-bottom:1rem;
	height:4rem;
	width:4rem;
	color:var(--text-tertiary);
}

._98a2823285d88bc6-title{
	margin-bottom:0.5rem;
	font-weight:600;
	color:var(--text-primary);
	font-size:1.25rem;
	line-height:1.75rem;
}

._98a2823285d88bc6-description{
	color:var(--text-secondary);
}

.df7a57a30bc53d7c-container{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
}

.df7a57a30bc53d7c-headerTop{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
}

.df7a57a30bc53d7c-pageTitle{
	font-size:1.125rem;
	font-weight:650;
	color:var(--text-primary);
	margin:0;
}

.df7a57a30bc53d7c-pageSubtitle{
	font-size:0.9rem;
	color:var(--text-primary-muted);
	margin:0;
}

.df7a57a30bc53d7c-filterRow{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
	grid-gap:var(--spacing-3);
	gap:var(--spacing-3);
}

.df7a57a30bc53d7c-userSelectRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
	min-height:32px;
}

.df7a57a30bc53d7c-userSelectAvatarWrapper{
	flex:0 0 auto;
	width:28px;
	height:28px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.df7a57a30bc53d7c-userSelectRowGlobal{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
	min-height:32px;
}

.df7a57a30bc53d7c-userSelectLabel{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	flex:1;
	font-size:0.9rem;
	line-height:1.2;
}

.df7a57a30bc53d7c-actionSelectRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	min-height:32px;
}

.df7a57a30bc53d7c-actionSelectIcon{
	width:26px;
	height:26px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background:var(--background-modifier-hover);
	color:var(--text-primary-muted);
	transition:background-color var(--transition-fast), color var(--transition-fast);
}

.df7a57a30bc53d7c-actionSelectIconNeutral{
	background:var(--background-modifier-hover);
	color:var(--text-primary-muted);
}

.df7a57a30bc53d7c-actionSelectIcon_create{
	background:color-mix(in srgb, var(--status-online) 8%, var(--background-modifier-hover));
	color:color-mix(in srgb, var(--status-online) 70%, var(--text-primary-muted));
}

.df7a57a30bc53d7c-actionSelectIcon_update{
	background:color-mix(in srgb, var(--status-warning) 8%, var(--background-modifier-hover));
	color:color-mix(in srgb, var(--status-warning) 70%, var(--text-primary-muted));
}

.df7a57a30bc53d7c-actionSelectIcon_delete{
	background:color-mix(in srgb, var(--status-danger) 8%, var(--background-modifier-hover));
	color:color-mix(in srgb, var(--status-danger) 70%, var(--text-primary-muted));
}

.df7a57a30bc53d7c-actionSelectLabel{
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.9rem;
}

.df7a57a30bc53d7c-entries{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

.df7a57a30bc53d7c-spinnerRow{
	display:flex;
	justify-content:center;
	padding:var(--spacing-4);
}

.df7a57a30bc53d7c-emptyState{
	padding:var(--spacing-4) 0;
	border:none;
	background:transparent;
	display:flex;
	justify-content:center;
	align-items:center;
}

.df7a57a30bc53d7c-errorState{
	padding:var(--spacing-3) 0;
	border:none;
	background:transparent;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--spacing-3);
	text-align:center;
}

.df7a57a30bc53d7c-statusActions{
	display:flex;
	justify-content:center;
	width:100%;
}

.df7a57a30bc53d7c-loadMore{
	display:flex;
	justify-content:center;
	padding-bottom:var(--spacing-2);
}

.df7a57a30bc53d7c-entryList{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

.df7a57a30bc53d7c-auditLog{
	border-radius:var(--radius-xl);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-textarea);
	overflow:hidden;
}

.df7a57a30bc53d7c-auditLog strong{
	font-weight:600;
	color:var(--text-primary);
}

.df7a57a30bc53d7c-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	min-height:var(--input-container-min-height);
	padding:0 var(--input-container-padding);
	background:transparent;
	border:none;
	text-align:left;
	cursor:pointer;
	transition:background-color var(--transition-fast);
	gap:var(--spacing-2);
}

.df7a57a30bc53d7c-header:hover,
.df7a57a30bc53d7c-headerClickable:hover{
	background-color:var(--background-modifier-hover);
}

.df7a57a30bc53d7c-header:focus-visible{
	background-color:var(--background-modifier-hover);
	outline:2px solid var(--brand-primary);
	outline-offset:-2px;
}

.df7a57a30bc53d7c-headerExpanded{
	background-color:var(--background-modifier-hover);
}

.df7a57a30bc53d7c-headerDefault{
	background:transparent;
}

.df7a57a30bc53d7c-headerStatic{
	cursor:default;
}

.df7a57a30bc53d7c-headerStatic:hover{
	background:transparent;
}

.df7a57a30bc53d7c-icon{
	width:32px;
	height:32px;
	min-width:32px;
	border-radius:9999px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:var(--background-modifier-hover);
	color:var(--text-primary-muted);
	transition:background-color var(--transition-fast), color var(--transition-fast);
}

.df7a57a30bc53d7c-iconGlyph{
	color:inherit;
}

.df7a57a30bc53d7c-type_create .df7a57a30bc53d7c-icon{
	background:color-mix(in srgb, var(--status-online) 8%, var(--background-modifier-hover));
	color:color-mix(in srgb, var(--status-online) 70%, var(--text-primary-muted));
}

.df7a57a30bc53d7c-type_update .df7a57a30bc53d7c-icon{
	background:color-mix(in srgb, var(--status-warning) 8%, var(--background-modifier-hover));
	color:color-mix(in srgb, var(--status-warning) 70%, var(--text-primary-muted));
}

.df7a57a30bc53d7c-type_delete .df7a57a30bc53d7c-icon{
	background:color-mix(in srgb, var(--status-danger) 8%, var(--background-modifier-hover));
	color:color-mix(in srgb, var(--status-danger) 70%, var(--text-primary-muted));
}

.df7a57a30bc53d7c-avatar{
	flex:0 0 auto;
}

.df7a57a30bc53d7c-textBlock{
	display:flex;
	flex-direction:column;
	gap:2px;
	min-width:0;
	flex:1;
}

.df7a57a30bc53d7c-titleRow{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:var(--spacing-1);
}

.df7a57a30bc53d7c-summary{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
	overflow-wrap:anywhere;
}

.df7a57a30bc53d7c-metaRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:0.875rem;
	min-width:0;
}

.df7a57a30bc53d7c-timestamp{
	white-space:nowrap;
}

.df7a57a30bc53d7c-channelPlain{
	color:var(--text-primary);
	font-weight:600;
}

.df7a57a30bc53d7c-chevron{
	height:20px;
	width:20px;
	flex-shrink:0;
	color:var(--text-tertiary);
	transition:transform var(--transition-fast);
}

.df7a57a30bc53d7c-chevronExpanded{
	transform:rotate(180deg);
}

.df7a57a30bc53d7c-details{
	border-top:1px solid var(--background-modifier-accent);
	padding:var(--spacing-3) var(--input-container-padding);
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

.df7a57a30bc53d7c-reasonRow{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
}

.df7a57a30bc53d7c-reasonLabel{
	font-weight:600;
	color:var(--text-primary-muted);
	font-size:0.6875rem;
	letter-spacing:0.04em;
	text-transform:uppercase;
}

.df7a57a30bc53d7c-reasonValue{
	color:var(--text-primary);
	font-size:0.875rem;
	line-height:1.25rem;
}

.df7a57a30bc53d7c-changeList{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

.df7a57a30bc53d7c-changeItem{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	min-height:28px;
	color:var(--text-primary-muted);
	font-size:0.875rem;
	line-height:1.25rem;
}

.df7a57a30bc53d7c-changeText{
	display:block;
	min-width:0;
	flex:1;
	overflow-wrap:anywhere;
}

.df7a57a30bc53d7c-changeBullet{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:20px;
	height:20px;
	border-radius:9999px;
	border:1px solid var(--background-modifier-accent);
	background:var(--background-modifier-hover);
	color:var(--text-primary);
	flex:0 0 20px;
}

.df7a57a30bc53d7c-changeBulletIcon{
	display:block;
}

.df7a57a30bc53d7c-changeBullet_add{
	background:color-mix(in srgb, var(--status-online) 18%, var(--background-modifier-hover));
	border-color:color-mix(in srgb, var(--status-online) 55%, var(--background-modifier-accent));
	color:var(--status-online);
}

.df7a57a30bc53d7c-changeBullet_remove{
	background:color-mix(in srgb, var(--status-danger) 16%, var(--background-modifier-hover));
	border-color:color-mix(in srgb, var(--status-danger) 55%, var(--background-modifier-accent));
	color:var(--status-danger);
}

.df7a57a30bc53d7c-inlineCode{
	font-family:var(--font-mono);
}

.df7a57a30bc53d7c-userHook{
	font-weight:600;
	color:var(--text-primary);
}

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

.df7a57a30bc53d7c-targetHook{
	font-weight:600;
	color:var(--text-primary);
}

.df7a57a30bc53d7c-discrim{
	font-size:0.75rem;
	line-height:1rem;
	opacity:0.6;
	margin-left:2px;
}

.df7a57a30bc53d7c-colorHook{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:9999px;
	position:relative;
	top:1px;
	margin-left:4px;
}

.df7a57a30bc53d7c-clickableUser{
	display:inline-flex;
	align-items:center;
	gap:var(--spacing-1);
	cursor:pointer;
	border-radius:var(--radius-sm);
	padding:1px 2px;
	margin:-1px -2px;
	transition:opacity var(--transition-fast);
	vertical-align:baseline;
	line-height:1.25rem;
}

.df7a57a30bc53d7c-clickableUser:hover{
	opacity:0.8;
}

.df7a57a30bc53d7c-clickableUser:hover .df7a57a30bc53d7c-clickableUserName{
	text-decoration:underline;
}

.df7a57a30bc53d7c-clickableUser:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:1px;
}

.df7a57a30bc53d7c-clickableUserName{
	font-weight:600;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._0b2e19cd7584e99c-container{
	display:flex;
	flex-direction:column;
	gap:1.25rem;
}

._0b2e19cd7584e99c-userSection{
	display:flex;
	align-items:center;
	gap:0.75rem;
	padding:0.5rem 0 0.25rem;
}

._0b2e19cd7584e99c-avatar{
	width:3rem;
	height:3rem;
	border-radius:9999px;
	object-fit:cover;
	flex-shrink:0;
}

._0b2e19cd7584e99c-avatarPlaceholder{
	display:flex;
	width:3rem;
	height:3rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-header-secondary);
	font-weight:600;
	font-size:1rem;
	color:var(--text-primary);
	flex-shrink:0;
}

._0b2e19cd7584e99c-userInfo{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	min-width:0;
}

._0b2e19cd7584e99c-username{
	font-weight:600;
	font-size:1rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._0b2e19cd7584e99c-tag{
	font-size:0.8125rem;
	color:var(--text-tertiary);
	display:block;
}

._0b2e19cd7584e99c-details{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._0b2e19cd7584e99c-detailRow{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._0b2e19cd7584e99c-detailLabel{
	font-size:0.6875rem;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.02em;
	color:var(--text-tertiary);
}

._0b2e19cd7584e99c-detailValue{
	font-size:0.9375rem;
	color:var(--text-primary);
	word-break:break-word;
}

._0b2e19cd7584e99c-noReason{
	font-style:italic;
	color:var(--text-tertiary);
}

._0b2e19cd7584e99c-moderator{
	display:inline-flex;
	align-items:center;
	gap:0.5rem;
}

._0b2e19cd7584e99c-unknownModerator{
	font-style:italic;
	color:var(--text-tertiary);
}

._55245f806804081a-icon{
	width:1.25rem;
	height:1.25rem;
	flex-shrink:0;
}

._55245f806804081a-header{
	display:flex;
	align-items:center;
	gap:0.75rem;
	padding:0.5rem 0;
}

._55245f806804081a-headerInfo{
	display:flex;
	flex-direction:column;
	gap:0.125rem;
	min-width:0;
}

._55245f806804081a-headerName{
	font-weight:600;
	font-size:1rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._55245f806804081a-headerTag{
	font-size:0.8125rem;
	color:var(--text-tertiary);
}

._55245f806804081a-headerAvatarImg{
	width:48px;
	height:48px;
	border-radius:50%;
	flex-shrink:0;
}

.e5255df9d4910042-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
	height:100%;
	min-height:0;
}

.e5255df9d4910042-header{
	display:flex;
	flex-direction:column;
	flex-shrink:0;
}

.e5255df9d4910042-title{
	margin:0 0 0.5rem;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

.e5255df9d4910042-subtitle{
	margin:0;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.e5255df9d4910042-searchContainer{
	flex-shrink:0;
}

.e5255df9d4910042-searchInput{
	width:100%;
}

.e5255df9d4910042-controls{
	flex-shrink:0;
}

.e5255df9d4910042-scrollContainer{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	overflow:hidden;
	min-height:0;
}

.e5255df9d4910042-memberList{
	display:flex;
	flex-direction:column;
	padding-bottom:1rem;
}

.e5255df9d4910042-memberGroup{
	overflow:hidden;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
}

.e5255df9d4910042-memberTable{
	display:flex;
	flex-direction:column;
	padding-bottom:1rem;
}

.e5255df9d4910042-memberRow{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	padding:0.875rem 1rem;
	border-radius:0.5rem;
	background-color:var(--background-secondary-alt);
	margin-bottom:0.5rem;
	cursor:pointer;
	transition:background-color 0.15s;
	-webkit-tap-highlight-color:transparent;
	border:none;
	text-align:left;
}

.e5255df9d4910042-memberRow:last-child{
	margin-bottom:0;
}

@media (hover: hover) and (pointer: fine){
	.e5255df9d4910042-memberRow:hover{
		background-color:var(--background-modifier-hover);
	}

	.e5255df9d4910042-memberRow:active{
		background-color:var(--background-modifier-active);
	}
}

.e5255df9d4910042-memberItemWrapper{
	display:contents;
}

.e5255df9d4910042-memberItem{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	padding:0.875rem 1rem;
	text-align:left;
	transition:background-color 0.15s;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;

	border:none;
	background:transparent;
	font:inherit;
	color:inherit;
}

.e5255df9d4910042-memberItemInteractive{
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	.e5255df9d4910042-memberItemInteractive:hover{
		background-color:var(--background-modifier-hover);
	}

	.e5255df9d4910042-memberItemInteractive:active{
		background-color:var(--background-modifier-active);
	}
}

.e5255df9d4910042-memberItemPressed{
	background-color:var(--background-modifier-hover);
}

.e5255df9d4910042-memberContent,
.e5255df9d4910042-memberMain{
	display:flex;
	align-items:center;
	gap:0.75rem;
	min-width:0;
	flex:1;
}

.e5255df9d4910042-avatarWrapper{
	flex-shrink:0;
}

.e5255df9d4910042-avatar{
	height:2.5rem;
	width:2.5rem;
	border-radius:9999px;
	object-fit:cover;
	flex-shrink:0;
}

.e5255df9d4910042-avatarPlaceholder{
	display:flex;
	height:2.5rem;
	width:2.5rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-header-secondary);
	font-weight:600;
	font-size:0.9375rem;
	line-height:1;
	color:var(--text-primary);
	flex-shrink:0;
}

.e5255df9d4910042-memberInfo{
	display:flex;
	flex-direction:column;
	gap:0.125rem;
	min-width:0;
	flex:1;
}

.e5255df9d4910042-nameRow{
	display:flex;
	align-items:center;
	gap:0.375rem;
	min-width:0;
}

.e5255df9d4910042-displayName{
	font-weight:600;
	font-size:0.9375rem;
	line-height:1.3;
	color:var(--text-primary);
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.e5255df9d4910042-ownerIcon{
	height:1rem;
	width:1rem;
	flex-shrink:0;
	color:var(--status-idle);
}

.e5255df9d4910042-tag{
	font-size:0.8125rem;
	color:var(--text-tertiary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.e5255df9d4910042-memberRoles{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.375rem;
	flex-shrink:0;
	max-width:50%;
}

.e5255df9d4910042-memberActions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex-shrink:0;
	gap:0.5rem;
}

.e5255df9d4910042-moreButton{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.375rem;
	border:none;
	border-radius:0.375rem;
	background:transparent;
	color:var(--text-tertiary);
	cursor:pointer;
	transition:background-color 150ms ease, color 150ms ease;
}

.e5255df9d4910042-moreButton:hover,
.e5255df9d4910042-moreButtonActive{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.e5255df9d4910042-moreButtonIcon{
	height:1.25rem;
	width:1.25rem;
}

.e5255df9d4910042-chevron{
	flex-shrink:0;
	color:var(--text-tertiary);
}

.e5255df9d4910042-divider{
	margin-left:1rem;
	margin-right:1rem;
	height:1px;
	background-color:var(--background-header-secondary);
	opacity:0.3;
}

.e5255df9d4910042-loadingContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:1rem;
	padding:3rem 0;
	flex:1;
}

.e5255df9d4910042-loadingText{
	margin:0;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.e5255df9d4910042-notice,
.e5255df9d4910042-emptyState{
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
	padding:1.5rem;
}

.e5255df9d4910042-noticeText,
.e5255df9d4910042-emptyStateText{
	margin:0;
	text-align:center;
	color:var(--text-primary-muted);
}

@media (min-width: 768px){
	.e5255df9d4910042-memberItem,
	.e5255df9d4910042-memberRow{
		padding:0.75rem 1rem;
	}

	.e5255df9d4910042-memberRoles{
		max-width:none;
	}
}

@media (max-width: 767px){
	.e5255df9d4910042-memberItem,
	.e5255df9d4910042-memberRow{
		padding:1rem;
	}

	.e5255df9d4910042-displayName{
		font-size:1rem;
	}

	.e5255df9d4910042-tag{
		font-size:0.875rem;
	}
}

._6489add4228ea8ad-container{
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	justify-content:center;
	gap:var(--spacing-3);
	padding:var(--spacing-4);
	background:var(--background-secondary);
	border-radius:var(--radius-xl);
	min-height:200px;
	box-shadow:none;
}

._6489add4228ea8ad-fullHeight{
	min-height:320px;
}

._6489add4228ea8ad-icon{
	width:60px;
	height:60px;
	color:var(--text-muted);
}

._6489add4228ea8ad-title{
	margin:0;
	font-size:1.3rem;
	font-weight:600;
	color:var(--text-primary);
}

._6489add4228ea8ad-description{
	margin:0;
	color:var(--text-primary-muted);
	max-width:32rem;
}

._6489add4228ea8ad-actions{
	display:flex;
	gap:var(--spacing-3);
	flex-wrap:wrap;
	justify-content:center;
	margin-top:var(--spacing-2);
}

._7d1bb85c79cf3a54-container{
	display:inline-flex;
	flex-direction:column;
	gap:2px;
	min-width:0;
}

._7d1bb85c79cf3a54-inlineTextBase{
	font-size:inherit;
	line-height:inherit;
	font-family:inherit;
	font-weight:inherit;
	letter-spacing:inherit;
	color:inherit;
	white-space:pre;
}

._7d1bb85c79cf3a54-idleButton{
	cursor:pointer;
	background:none;
	border:none;
	padding:0;
	margin:0;
	text-align:left;
	min-width:0;
	outline:none;
}

._7d1bb85c79cf3a54-idleButton:focus{
	outline:none;
}

._7d1bb85c79cf3a54-idleButton:active{
	background:none;
}

._7d1bb85c79cf3a54-wrapper{
	display:inline-flex;
	align-items:center;
	min-width:0;
	padding:4px 8px;
	border-radius:4px;
	box-sizing:border-box;
	border:1px solid transparent;
	background-color:transparent;
	transition:background-color 0.1s ease;
	max-width:100%;
	width:100%;
}

._7d1bb85c79cf3a54-idleButton:hover ._7d1bb85c79cf3a54-wrapper{
	background-color:var(--background-secondary);
}

._7d1bb85c79cf3a54-placeholder ._7d1bb85c79cf3a54-wrapper{
	color:var(--text-tertiary);
}

._7d1bb85c79cf3a54-container:has(._7d1bb85c79cf3a54-editable) ._7d1bb85c79cf3a54-wrapper{
	background-color:var(--background-tertiary);
}

._7d1bb85c79cf3a54-affix{
	display:inline-block;
	flex-shrink:0;
}

._7d1bb85c79cf3a54-text{
	display:inline-block;
	min-width:0;
	flex-shrink:1;
}

._7d1bb85c79cf3a54-editable{
	padding:0;
	margin:0;
	outline:none;
	border:none;
	background:none;
}

._7d1bb85c79cf3a54-editable:empty:before{
	content:attr(data-placeholder);
	color:var(--text-tertiary);
	pointer-events:none;
}

._7d1bb85c79cf3a54-error{
	font-size:12px;
	color:var(--status-danger);
}

.cb31b597994a64bb-popout{
	pointer-events:auto;
	border-radius:0.75rem;
	-webkit-filter:drop-shadow(0 18px 36px rgb(0 0 0 / 0.28));
	        filter:drop-shadow(0 18px 36px rgb(0 0 0 / 0.28));
	isolation:isolate;
	animation:cb31b597994a64bb-popoutOpen 170ms cubic-bezier(0.22, 1, 0.36, 1) both;
	animation:cb31b597994a64bb-popoutOpen var(--window-open-duration, 170ms) var(--window-open-easing, cubic-bezier(0.22, 1, 0.36, 1)) both;
	-webkit-app-region:no-drag;
}

@keyframes cb31b597994a64bb-popoutOpen{
	from{
		opacity:0;
		transform:translateY(7px) scale(0.975);
	}

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

.cb31b597994a64bb-popout > *{
	border-radius:inherit;
}

@media (prefers-reduced-motion: reduce){
	.cb31b597994a64bb-popout{
		animation:none;
	}
}

.cb31b597994a64bb-popouts{
	background:none;
	inset:0;
	pointer-events:none;
	position:fixed;
	z-index:var(--z-index-popout);
}

html.platform-native-desktop .cb31b597994a64bb-popouts{
	top:var(--native-titlebar-height);
}

.cb31b597994a64bb-backdrop{
	position:absolute;
	inset:0;
	background:transparent;
	pointer-events:auto;
	z-index:-1;
}

.cb31b597994a64bb-triggerWrapper{
	display:inline-flex;
}

._8b3eb379bbc9ba87-header{
	display:none;
	grid-template-columns:72px minmax(200px, 1fr) minmax(180px, 0.85fr);
	align-items:center;
	gap:0.75rem;
	padding:0 0.75rem 0.5rem calc(0.75rem + 1px);
}

._8b3eb379bbc9ba87-headerCell:first-child{
	text-align:center;
}

._8b3eb379bbc9ba87-headerCell:nth-child(2){
	padding-left:8px;
}

._8b3eb379bbc9ba87-headerCell{
	font-weight:600;
	color:var(--text-primary-muted);
	font-size:0.75rem;
	text-transform:uppercase;
}

@media (min-width: 640px){
	._8b3eb379bbc9ba87-header{
		display:grid;
	}
}

._8b3eb379bbc9ba87-card{
	position:relative;
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:0.75rem;
	transition:border-color 150ms ease, box-shadow 150ms ease;
}

._8b3eb379bbc9ba87-card:hover{
	border-color:var(--background-modifier-accent);
	box-shadow:0 10px 25px -18px rgb(0 0 0 / 0.4);
}

._8b3eb379bbc9ba87-cardWrapper{
	position:relative;
	overflow:visible;
}

._8b3eb379bbc9ba87-gridCardWrapper,
._8b3eb379bbc9ba87-listCardWrapper{
	position:relative;
	overflow:visible;
}

._8b3eb379bbc9ba87-deleteButton{
	position:absolute;
	top:0;
	right:0;
	transform:translate(40%, -40%);
	border-radius:9999px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-primary);
	padding:0.5rem;
	color:var(--text-primary-muted);
	opacity:0;
	z-index:2;
	box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	transition:opacity 150ms, background-color 150ms, border-color 150ms, color 150ms;
	cursor:pointer;
}

._8b3eb379bbc9ba87-card:hover ._8b3eb379bbc9ba87-deleteButton{
	opacity:1;
}

._8b3eb379bbc9ba87-cardWrapper:hover ._8b3eb379bbc9ba87-deleteButton{
	opacity:1;
}

._8b3eb379bbc9ba87-deleteButton:focus-visible{
	opacity:1;
}

._8b3eb379bbc9ba87-deleteButton:hover{
	border-color:var(--status-danger);
	background-color:var(--status-danger);
	color:white;
}

._8b3eb379bbc9ba87-deleteIcon{
	height:0.75rem;
	width:0.75rem;
}

._8b3eb379bbc9ba87-deleteButtonFloating{
	box-shadow:none;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	transform:translate(40%, -40%);
}

._8b3eb379bbc9ba87-listCard{
	display:grid;
	grid-template-columns:72px minmax(200px, 1fr) minmax(180px, 0.85fr);
	align-items:center;
	grid-gap:0.75rem;
	gap:0.75rem;
	padding:0.75rem;
}

@media (max-width: 640px){
	._8b3eb379bbc9ba87-listCard{
		grid-template-columns:1fr;
		align-items:flex-start;
		gap:0.5rem;
	}
}

._8b3eb379bbc9ba87-listEmoji{
	display:flex;
	align-items:center;
	justify-content:center;
}

._8b3eb379bbc9ba87-listEmojiImage{
	height:2.5rem;
	width:2.5rem;
	object-fit:contain;
	image-rendering:-moz-crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
	    image-rendering:pixelated;
}

._8b3eb379bbc9ba87-nameInlineEdit{
	width:100%;
	max-width:100%;
	min-width:0;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	overflow:hidden;
}

._8b3eb379bbc9ba87-nameInlineEditButton{
	max-width:100%;
	justify-content:center;
	width:100%;
}

._8b3eb379bbc9ba87-nameInlineEditInput{
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:inline-block;
}

._8b3eb379bbc9ba87-listName{
	min-width:0;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	text-align:left;
	overflow:hidden;
	overflow-wrap:anywhere;
	word-break:break-word;
}

._8b3eb379bbc9ba87-listName ._8b3eb379bbc9ba87-nameInlineEdit{
	justify-content:flex-start;
	text-align:left;
}

._8b3eb379bbc9ba87-listName ._8b3eb379bbc9ba87-nameInlineEditButton{
	justify-content:flex-start;
	text-align:left;
}

._8b3eb379bbc9ba87-listName ._8b3eb379bbc9ba87-nameInlineEditInput{
	text-align:left;
}

._8b3eb379bbc9ba87-nameInlineEdit[data-mode='idle'] ._8b3eb379bbc9ba87-nameInlineEditInput{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:100%;
}

._8b3eb379bbc9ba87-nameInlineEdit[data-mode='editing'] ._8b3eb379bbc9ba87-nameInlineEditInput,
._8b3eb379bbc9ba87-nameInlineEdit[data-mode='saving'] ._8b3eb379bbc9ba87-nameInlineEditInput{
	text-overflow:clip;
	white-space:normal;
	overflow:visible;
	word-break:break-word;
	max-width:min(22ch, 100%);
}

._8b3eb379bbc9ba87-listUploader{
	min-width:0;
	display:flex;
	align-items:center;
	gap:0.5rem;
	overflow:hidden;
}

._8b3eb379bbc9ba87-avatar{
	height:1.5rem;
	width:1.5rem;
	flex-shrink:0;
	border-radius:9999px;
}

._8b3eb379bbc9ba87-username{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
	line-height:1.25rem;
	max-height:1.25rem;
}

._8b3eb379bbc9ba87-unknownUser{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._8b3eb379bbc9ba87-gridCard{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
	padding:0.75rem;
	text-align:center;
	width:100%;
}

._8b3eb379bbc9ba87-gridEmojiWrapper{
	position:relative;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

._8b3eb379bbc9ba87-gridEmojiImage{
	height:3rem;
	width:3rem;
	object-fit:contain;
	image-rendering:-moz-crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
	    image-rendering:pixelated;
}

._8b3eb379bbc9ba87-gridAvatar{
	position:absolute;
	top:-0.35rem;
	left:-0.35rem;
	height:1.75rem;
	width:1.75rem;
	border-radius:9999px;
	border:2px solid var(--background-secondary);
	box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.15), 0 2px 4px -2px rgb(0 0 0 / 0.12);
	background-color:var(--background-secondary);
	object-fit:cover;
}

._8b3eb379bbc9ba87-gridName{
	width:100%;
	font-weight:600;
	display:grid;
	place-items:center;
	text-align:center;
	min-height:1.5rem;
	min-width:0;
}

._8b3eb379bbc9ba87-gridNameText{
	width:100%;
	max-width:16ch;
	min-width:0;
	display:block;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._8b3eb379bbc9ba87-gridNameButton{
	width:100%;
	min-width:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:0.25rem;
	padding:0.15rem 0.25rem;
	border:none;
	background:none;
	color:inherit;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
}

._8b3eb379bbc9ba87-gridNameButton:hover{
	color:var(--text-primary);
}

._8b3eb379bbc9ba87-renamePopout{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	padding:0.75rem;
	border-radius:0.5rem;
	background-color:var(--background-primary);
	border:1px solid var(--background-modifier-accent);
	box-shadow:0 20px 38px -12px rgb(0 0 0 / 0.3), 0 8px 16px -8px rgb(0 0 0 / 0.25);
	min-width:min(280px, 90vw);
}

._8b3eb379bbc9ba87-renamePopoutHeader{
	display:flex;
	flex-direction:column;
	gap:0.15rem;
}

._8b3eb379bbc9ba87-renamePopoutTitle{
	font-weight:700;
	font-size:0.95rem;
}

._8b3eb379bbc9ba87-renamePopoutHint{
	color:var(--text-primary-muted);
	font-size:0.85rem;
}

._8b3eb379bbc9ba87-renamePopoutActions{
	display:flex;
	justify-content:flex-end;
	gap:0.5rem;
}

.b479d00e33a9f0bf-dropZone{
	border-radius:0.375rem;
	border:2px dashed var(--background-header-secondary);
	background-color:var(--background-tertiary);
	padding:2rem;
	text-align:center;
	transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.b479d00e33a9f0bf-dropZoneDragging{
	border-color:var(--brand-primary);
	background-color:var(--background-header-secondary);
}

.b479d00e33a9f0bf-icon{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.5rem;
	height:3rem;
	width:3rem;
	color:var(--text-primary-muted);
}

.b479d00e33a9f0bf-description{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

@media (max-width: 480px){
	.b479d00e33a9f0bf-dropZone{
		display:none;
	}
}

.f65342fe72ee4316-container{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:1rem;
}

.f65342fe72ee4316-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.f65342fe72ee4316-title{
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
}

.f65342fe72ee4316-stats{
	margin-top:0.25rem;
	display:flex;
	gap:1rem;
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:1rem;
}

.f65342fe72ee4316-description{
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:1rem;
}

.f65342fe72ee4316-icon{
	height:1rem;
	width:1rem;
}

.f65342fe72ee4316-uploadButtonDesktop{
	display:block;
}

.f65342fe72ee4316-uploadButtonMobile{
	display:none;
}

@media (max-width: 480px){
	.f65342fe72ee4316-uploadButtonDesktop{
		display:none;
	}

	.f65342fe72ee4316-uploadButtonMobile{
		display:block;
		margin-top:0.5rem;
	}

	.f65342fe72ee4316-uploadButtonMobile button{
		width:100%;
	}
}

._40c8bd80025cd20a-container{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:16px;
	padding:32px;
}

._40c8bd80025cd20a-message{
	text-align:center;
	font-size:14px;
	color:var(--text-primary-muted);
}

._6d16776bd077fefa-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._6d16776bd077fefa-header{
	display:flex;
	flex-direction:column;
}

._6d16776bd077fefa-title{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

._6d16776bd077fefa-subtitle{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._6d16776bd077fefa-controls{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.75rem;
}

._6d16776bd077fefa-searchInput{
	flex:1 1 240px;
	min-width:0;
}

._6d16776bd077fefa-hiddenInput{
	display:none;
}

._6d16776bd077fefa-spinnerContainer{
	display:flex;
	justify-content:center;
	padding:2rem 0;
}

._6d16776bd077fefa-notice{
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-tertiary);
	padding:1.5rem;
}

._6d16776bd077fefa-noticeText{
	text-align:center;
	color:var(--text-primary-muted);
}

._6d16776bd077fefa-emojiSection{
	display:flex;
	flex-direction:column;
}

._6d16776bd077fefa-emojiSections{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

._6d16776bd077fefa-emojiSectionsGrid{
	gap:1.25rem;
}

._6d16776bd077fefa-emojiSectionTitle{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
}

._6d16776bd077fefa-emojiItemsList{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._6d16776bd077fefa-emojiGrid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
	grid-gap:0.75rem;
	gap:0.75rem;
}

._6d16776bd077fefa-errorContainer{
	display:flex;
	max-height:24rem;
	flex-direction:column;
	gap:0.5rem;
	overflow-y:auto;
}

._6d16776bd077fefa-errorIntro{
	margin-bottom:0.5rem;
	font-size:0.875rem;
	line-height:1.25rem;
}

._6d16776bd077fefa-errorItem{
	display:flex;
	align-items:center;
	gap:0.75rem;
	border-radius:0.375rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-modifier-accent);
	padding:0.75rem;
}

._6d16776bd077fefa-errorImage{
	height:3rem;
	width:3rem;
	border-radius:0.25rem;
	object-fit:contain;
}

._6d16776bd077fefa-errorDetails{
	flex:1;
}

._6d16776bd077fefa-errorName{
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
}

._6d16776bd077fefa-errorMessage{
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-primary-muted);
}

._6d16776bd077fefa-modalErrorContainer{
	display:flex;
	max-height:24rem;
	flex-direction:column;
	gap:0.5rem;
	overflow-y:auto;
	margin-top:1rem;
}

._6d16776bd077fefa-modalErrorIntro{
	margin-bottom:0.5rem;
	font-size:0.875rem;
	line-height:1.25rem;
}

._6d16776bd077fefa-modalErrorItem{
	display:flex;
	align-items:center;
	gap:0.75rem;
	border-radius:0.375rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-modifier-accent);
	padding:0.75rem;
}

._6d16776bd077fefa-modalErrorImage{
	height:3rem;
	width:3rem;
	border-radius:0.25rem;
	object-fit:contain;
}

._6d16776bd077fefa-modalErrorDetails{
	flex:1;
}

._6d16776bd077fefa-modalErrorName{
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
}

._6d16776bd077fefa-modalErrorMessage{
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-primary-muted);
}

._6d16776bd077fefa-layoutControls{
	display:inline-flex;
	align-items:stretch;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	border-radius:0.5rem;
	overflow:hidden;
}

._6d16776bd077fefa-layoutToggleButton{
	border:none;
	background:transparent;
	padding:0.45rem 0.75rem;
	color:var(--text-primary-muted);
	font-weight:600;
	cursor:pointer;
	transition:background-color 0.12s ease-in-out, color 0.12s ease-in-out;
}

._6d16776bd077fefa-layoutToggleButton:not(:last-child){
	border-right:1px solid var(--background-header-secondary);
}

._6d16776bd077fefa-layoutToggleButtonActive{
	background-color:var(--background-tertiary);
	color:var(--text-primary);
}

.f2e180ce620467e0-container{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.f2e180ce620467e0-message{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._44d96a42ae524652-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._44d96a42ae524652-header{
	display:flex;
	flex-direction:column;
}

._44d96a42ae524652-title{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

._44d96a42ae524652-subtitle{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._44d96a42ae524652-spinnerContainer{
	display:flex;
	justify-content:center;
	padding:2rem 0;
}

._44d96a42ae524652-notice{
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-tertiary);
	padding:1.5rem;
}

._44d96a42ae524652-noticeText{
	text-align:center;
	color:var(--text-primary-muted);
}

._44d96a42ae524652-invitesContainer{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._44d96a42ae524652-inviteList{
	display:flex;
	flex-direction:column;
}

._44d96a42ae524652-inviteItems{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._951256ebf7ff08af-header{
	display:flex;
	flex-direction:column;
	gap:0.375rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}

._951256ebf7ff08af-description{
	margin:0;
	font-size:0.875rem;
	line-height:1.5;
	color:var(--text-secondary);
}

.fac8e62a7fbbd615-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
	height:100%;
	min-height:0;
}

.fac8e62a7fbbd615-header{
	display:flex;
	flex-direction:column;
	flex-shrink:0;
}

.fac8e62a7fbbd615-title{
	margin:0 0 0.5rem;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

.fac8e62a7fbbd615-subtitle{
	margin:0;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.fac8e62a7fbbd615-searchContainer{
	flex-shrink:0;
}

.fac8e62a7fbbd615-searchInput{
	width:100%;
}

.fac8e62a7fbbd615-scrollContainer{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	overflow:hidden;
	min-height:0;
}

.fac8e62a7fbbd615-memberList{
	display:flex;
	flex-direction:column;
	padding-bottom:1rem;
}

.fac8e62a7fbbd615-memberGroup{
	overflow:hidden;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
}

.fac8e62a7fbbd615-memberItemWrapper{
	display:contents;
}

.fac8e62a7fbbd615-memberItem{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	padding:0.875rem 1rem;
	text-align:left;
	transition:background-color 0.15s;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
	border:none;
	background:transparent;
	font:inherit;
	color:inherit;
}

.fac8e62a7fbbd615-memberItem[data-non-interactive]{
	cursor:default;
}

.fac8e62a7fbbd615-memberItemInteractive{
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	.fac8e62a7fbbd615-memberItemInteractive:hover{
		background-color:var(--background-modifier-hover);
	}

	.fac8e62a7fbbd615-memberItemInteractive:active{
		background-color:var(--background-modifier-active);
	}

	.fac8e62a7fbbd615-memberItem[data-non-interactive]:hover{
		background-color:transparent;
		cursor:default;
	}
}

.fac8e62a7fbbd615-memberItemPressed{
	background-color:var(--background-modifier-hover);
}

.fac8e62a7fbbd615-memberMain{
	display:flex;
	align-items:center;
	gap:0.75rem;
	min-width:0;
	flex:1;
}

.fac8e62a7fbbd615-memberMainButton{
	display:flex;
	flex:1 1 auto;
	align-items:center;
	gap:0.75rem;
	padding:0;
	border:none;
	background:none;
	text-align:left;
	color:inherit;
	cursor:pointer;
}

.fac8e62a7fbbd615-memberMeta{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:0.5rem;
	flex:1 1 auto;
	min-width:0;
}

.fac8e62a7fbbd615-memberRolesContainer{
	display:flex;
	flex:1 1 auto;
	align-items:center;
	gap:0.375rem;
	min-width:0;
}

.fac8e62a7fbbd615-avatarWrapper{
	flex-shrink:0;
}

.fac8e62a7fbbd615-memberInfo{
	display:flex;
	flex-direction:column;
	gap:0.125rem;
	min-width:0;
	flex:1;
}

.fac8e62a7fbbd615-nameRow{
	display:flex;
	align-items:center;
	gap:0.375rem;
	min-width:0;
}

.fac8e62a7fbbd615-displayName{
	font-weight:600;
	font-size:0.9375rem;
	line-height:1.3;
	color:var(--text-primary);
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.fac8e62a7fbbd615-ownerIcon{
	height:1rem;
	width:1rem;
	flex-shrink:0;
	color:var(--status-idle);
}

.fac8e62a7fbbd615-tag{
	font-size:0.8125rem;
	color:var(--text-tertiary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.fac8e62a7fbbd615-memberRoles{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.375rem;
	min-width:0;
}

.fac8e62a7fbbd615-memberActions{
	display:flex;
	align-items:center;
	gap:0.375rem;
	flex-shrink:0;
	margin-left:auto;
}

.fac8e62a7fbbd615-moreRolesButton{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
	padding:0.25rem 0.5rem;
	border-radius:999px;
	border:1px solid var(--background-header-secondary);
	background:var(--background-primary);
	color:var(--text-primary);
	cursor:pointer;
}

.fac8e62a7fbbd615-moreRolesIcon{
	height:0.875rem;
	width:0.875rem;
}

.fac8e62a7fbbd615-moreRolesLabel{
	font-size:0.75rem;
	font-weight:600;
}

.fac8e62a7fbbd615-memberActions{
	display:flex;
	align-items:center;
	gap:0.375rem;
	flex-shrink:0;
	margin-left:auto;
}

.fac8e62a7fbbd615-moreButton{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.375rem;
	border:none;
	border-radius:0.375rem;
	background:transparent;
	color:var(--text-tertiary);
	cursor:pointer;
	transition:background-color 150ms ease, color 150ms ease;
}

.fac8e62a7fbbd615-moreButton:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.fac8e62a7fbbd615-moreButton[data-menu-active]{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.fac8e62a7fbbd615-moreButtonIcon{
	height:1.25rem;
	width:1.25rem;
}

.fac8e62a7fbbd615-chevron{
	flex-shrink:0;
	color:var(--text-tertiary);
}

.fac8e62a7fbbd615-mobileRolesPreview{
	display:flex;
	flex-wrap:wrap;
	gap:0.25rem;
	margin-top:0.35rem;
}

.fac8e62a7fbbd615-allRolesTooltip{
	display:flex;
	flex-wrap:wrap;
	gap:0.25rem;
	max-width:320px;
}

.fac8e62a7fbbd615-sheetHeader{
	display:flex;
	flex-direction:column;
	gap:0.15rem;
	padding:0.25rem 0;
}

.fac8e62a7fbbd615-sheetTitle{
	font-weight:700;
	font-size:0.95rem;
	color:var(--text-primary);
}

.fac8e62a7fbbd615-sheetSubtitle{
	font-size:0.8rem;
	color:var(--text-primary-muted);
}

.fac8e62a7fbbd615-sheetRoleDot{
	height:0.75rem;
	width:0.75rem;
	border-radius:999px;
	flex-shrink:0;
}

.fac8e62a7fbbd615-divider{
	margin-left:1rem;
	margin-right:1rem;
	height:1px;
	background-color:var(--background-header-secondary);
	opacity:0.3;
}

.fac8e62a7fbbd615-emptyState{
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
	padding:1.5rem;
}

.fac8e62a7fbbd615-emptyStateText{
	margin:0;
	text-align:center;
	color:var(--text-primary-muted);
}

@media (min-width: 768px){
	.fac8e62a7fbbd615-memberItem{
		padding:0.75rem 1rem;
	}

	.fac8e62a7fbbd615-memberMeta{
		max-width:60%;
	}
}

@media (max-width: 767px){
	.fac8e62a7fbbd615-memberItem{
		padding:1rem;
	}

	.fac8e62a7fbbd615-displayName{
		font-size:1rem;
	}

	.fac8e62a7fbbd615-tag{
		font-size:0.875rem;
	}
}

.fac8e62a7fbbd615-skeletonItem{
	display:flex;
	width:100%;
	align-items:center;
	gap:0.75rem;
	padding:0.875rem 1rem;
}

.fac8e62a7fbbd615-skeletonAvatar{
	width:40px;
	height:40px;
	border-radius:50%;
	flex-shrink:0;
}

.fac8e62a7fbbd615-skeletonInfo{
	display:flex;
	flex-direction:column;
	gap:0.375rem;
	flex:1;
	min-width:0;
}

.fac8e62a7fbbd615-skeletonName{
	height:0.9375rem;
	width:120px;
	border-radius:0.25rem;
}

.fac8e62a7fbbd615-skeletonTag{
	height:0.8125rem;
	width:80px;
	border-radius:0.25rem;
}

.fac8e62a7fbbd615-skeleton{
	background:linear-gradient(
		90deg,
		var(--background-secondary) 25%,
		var(--background-tertiary) 50%,
		var(--background-secondary) 75%
	);
	background-size:200% 100%;
	animation:fac8e62a7fbbd615-skeletonPulse 1.5s ease-in-out infinite;
}

@keyframes fac8e62a7fbbd615-skeletonPulse{
	0%{
		background-position:200% 0;
	}
	100%{
		background-position:-200% 0;
	}
}

.fac8e62a7fbbd615-loadingIndicator{
	display:flex;
	justify-content:center;
	padding:1rem;
}

.fac8e62a7fbbd615-loadingSpinner{
	width:1.5rem;
	height:1.5rem;
	color:var(--text-tertiary);
	animation:fac8e62a7fbbd615-spin 1s linear infinite;
}

@keyframes fac8e62a7fbbd615-spin{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}

@media (min-width: 768px){
	.fac8e62a7fbbd615-skeletonItem{
		padding:0.75rem 1rem;
	}
}

@media (max-width: 767px){
	.fac8e62a7fbbd615-skeletonItem{
		padding:1rem;
	}

	.fac8e62a7fbbd615-skeletonName{
		height:1rem;
	}

	.fac8e62a7fbbd615-skeletonTag{
		height:0.875rem;
	}
}

.b8a2f03aa3425276-container{
	display:flex;
	flex-direction:column;
	gap:3rem;
}

.b8a2f03aa3425276-section{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.b8a2f03aa3425276-sectionTitle{
	font-weight:600;
	font-size:1.125rem;
	line-height:1.75rem;
}

.b8a2f03aa3425276-sectionDescription{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.b8a2f03aa3425276-sectionDescriptionMultiline{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.b8a2f03aa3425276-sectionDescriptionMultiline p{
	margin-bottom:0.5rem;
}

.b8a2f03aa3425276-sectionDescriptionMultiline p:last-child{
	margin-bottom:0;
}

._7e734e9dd150c227-container{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-10);
}

._7e734e9dd150c227-section{
	border-top:1px solid var(--background-modifier-accent);
	padding:var(--spacing-6) 0 var(--spacing-5);
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
	margin:0;
}

._7e734e9dd150c227-section:first-child{
	border-top:none;
	padding-top:0;
}

._7e734e9dd150c227-sectionTitle{
	margin:0;
	font-size:16px;
	font-weight:700;
	line-height:1.2;
	color:var(--text-primary);
}

._7e734e9dd150c227-sectionDescription{
	margin:0;
	font-size:13px;
	line-height:1.35;
	color:var(--text-primary-muted);
}

._7e734e9dd150c227-sectionHeader{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._7e734e9dd150c227-brandingContent{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-5);
}

._7e734e9dd150c227-iconField{
	margin-bottom:var(--spacing-2);
	font-size:13px;
	font-weight:700;
	color:var(--text-primary);
}

._7e734e9dd150c227-iconUploadContainer{
	display:flex;
	align-items:center;
	gap:var(--spacing-4);
	min-height:84px;
}

._7e734e9dd150c227-iconPreview{
	width:80px;
	height:80px;
	border-radius:50%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.12);
	flex:0 0 auto;
}

._7e734e9dd150c227-iconUploadActions{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	min-width:0;
	flex:1 1 auto;
}

._7e734e9dd150c227-iconUploadButtons{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

._7e734e9dd150c227-iconUploadDescription{
	font-size:12px;
	line-height:1.35;
	color:var(--text-primary-muted);
}

._7e734e9dd150c227-errorMessage{
	margin:var(--spacing-3) 0 0 0;
	font-size:12px;
	line-height:1.35;
	color:var(--status-danger);
}

._7e734e9dd150c227-imagePreviewContainer{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-5);
}

._7e734e9dd150c227-imageUploadActions{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
	flex:1 1 auto;
	min-width:0;
}

._7e734e9dd150c227-imageUploadButtons{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

._7e734e9dd150c227-imageUploadDescription{
	font-size:12px;
	line-height:1.35;
	color:var(--text-primary-muted);
}

._7e734e9dd150c227-imagePreviewColumn{
	width:100%;
	display:flex;
	justify-content:flex-end;
	align-items:flex-start;
	margin-left:auto;
}

._7e734e9dd150c227-imagePreviewColumn > *{
	width:min(360px, 100%);
	margin-left:auto;
}

._7e734e9dd150c227-settingsContent{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
	grid-gap:var(--spacing-5);
	gap:var(--spacing-5);
	align-items:start;
}

._7e734e9dd150c227-notificationOptions{
	display:flex;
	flex-direction:column;
	gap:10px;
}

@media (min-width: 640px){
	._7e734e9dd150c227-iconUploadButtons{
		flex-direction:row;
		flex-wrap:wrap;
	}

	._7e734e9dd150c227-imagePreviewContainer{
		flex-direction:row;
		align-items:flex-start;
	}

	._7e734e9dd150c227-imageUploadButtons{
		flex-direction:row;
		flex-wrap:wrap;
	}

	._7e734e9dd150c227-imagePreviewColumn{
		width:360px;
		max-width:360px;
		flex:0 0 360px;
	}

	._7e734e9dd150c227-imagePreviewColumn > *{
		width:360px;
	}
}

@media (max-width: 520px){
	._7e734e9dd150c227-iconUploadContainer{
		align-items:flex-start;
	}

	._7e734e9dd150c227-iconPreview{
		width:72px;
		height:72px;
		border-radius:50%;
	}
}

._7e734e9dd150c227-previewButtonContainer{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._7e734e9dd150c227-previewButtonRow{
	display:flex;
	align-items:center;
	gap:12px;
}

._7e734e9dd150c227-previewButtonDescription{
	font-size:12px;
	line-height:1.35;
	color:var(--text-primary-muted);
}

._7e734e9dd150c227-alignmentSection{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	margin-top:var(--spacing-2);
}

._7e734e9dd150c227-alignmentLabel{
	font-size:13px;
	font-weight:700;
	color:var(--text-primary);
}

._7e734e9dd150c227-alignmentControlsRow{
	display:flex;
	justify-content:flex-start;
	width:100%;
}

._7e734e9dd150c227-cardAlignmentControls{
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
}

._7e734e9dd150c227-splashSettingsContainer{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
}

._7e734e9dd150c227-splashSettingsRow{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-5);
	align-items:flex-start;
}

._7e734e9dd150c227-splashSettingsColumnRight{
	width:100%;
}

._7e734e9dd150c227-splashSettingsColumn{
	display:grid;
	grid-template-rows:auto auto auto;
	grid-gap:var(--spacing-2);
	gap:var(--spacing-2);
}

._7e734e9dd150c227-splashSettingsButtons{
	display:flex;
	flex-wrap:wrap;
	gap:var(--spacing-2);
	align-items:center;
}

._7e734e9dd150c227-splashSettingsHelper{
	margin:0;
	font-size:12px;
	line-height:1.35;
	color:var(--text-primary-muted);
}

._7e734e9dd150c227-invitePageButton{
	display:none;
}

@media (min-width: 640px){
	._7e734e9dd150c227-invitePageButton{
		display:flex;
	}

	._7e734e9dd150c227-splashSettingsRow{
		flex-direction:row;
	}

	._7e734e9dd150c227-splashSettingsColumn{
		flex:1 1 auto;
		min-width:0;
	}

	._7e734e9dd150c227-splashSettingsColumnRight{
		width:360px;
		max-width:360px;
		flex:0 0 360px;
	}
}

.b865c46e257289ac-loadingContainer{
	display:flex;
	min-height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:1rem;
}

.b865c46e257289ac-loadingCard{
	display:flex;
	width:min(100%, 26rem);
	flex-direction:column;
	gap:0.95rem;
	padding:1rem;
	border-radius:1.35rem;
	border:1px solid rgb(255 255 255 / 0.06);
	background:radial-gradient(100% 120% at 0% 0%, rgb(99 102 241 / 0.14) 0%, transparent 58%), linear-gradient(180deg, rgb(17 22 38 / 0.96) 0%, rgb(11 15 28 / 0.98) 100%);
	box-shadow:0 18px 38px rgb(0 0 0 / 0.24), inset 0 1px 0 rgb(255 255 255 / 0.04);
}

.b865c46e257289ac-loadingBadge{
	display:inline-flex;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	align-items:center;
	padding:0.42rem 0.72rem;
	border-radius:999px;
	background:rgb(255 255 255 / 0.05);
	border:1px solid rgb(255 255 255 / 0.06);
	font-size:0.72rem;
	font-weight:700;
	letter-spacing:0.08em;
	text-transform:uppercase;
	color:rgb(225 229 248 / 0.88);
}

.b865c46e257289ac-loadingHeader{
	display:flex;
	align-items:center;
	gap:0.9rem;
}

.b865c46e257289ac-loadingSpinnerWrap{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:3.1rem;
	height:3.1rem;
	flex-shrink:0;
	border-radius:1rem;
	background:rgb(102 108 255 / 0.14);
	color:rgb(230 233 255);
}

.b865c46e257289ac-loadingBody{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:0.2rem;
}

.b865c46e257289ac-loadingTitle{
	font-size:1rem;
	font-weight:700;
	line-height:1.2;
	color:rgb(248 249 255 / 0.98);
}

.b865c46e257289ac-loadingText{
	font-size:0.83rem;
	line-height:1.45;
	color:rgb(190 196 220 / 0.82);
}

.b865c46e257289ac-loadingStatusRow{
	display:inline-flex;
	align-items:center;
	gap:0.5rem;
	font-size:0.78rem;
	font-weight:600;
	color:rgb(218 222 242 / 0.84);
}

.b865c46e257289ac-loadingStatusDot{
	width:0.5rem;
	height:0.5rem;
	flex-shrink:0;
	border-radius:999px;
	background:linear-gradient(180deg, rgb(110 118 255) 0%, rgb(71 82 212) 100%);
	box-shadow:0 0 0 4px rgb(99 102 241 / 0.12);
}

.b865c46e257289ac-loadingStatusLabel{
	min-width:0;
}

.b865c46e257289ac-errorContainer{
	display:flex;
	min-height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:1rem;
}

.b865c46e257289ac-errorIcon{
	display:flex;
	height:5rem;
	width:5rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-tertiary);
}

.b865c46e257289ac-errorIconSvg{
	height:2.5rem;
	width:2.5rem;
	color:var(--text-tertiary);
}

.b865c46e257289ac-errorTitle{
	text-align:center;
	font-weight:600;
	font-size:1.25rem;
	color:var(--text-primary);
}

.b865c46e257289ac-errorText{
	text-align:center;
	font-size:0.875rem;
	color:var(--text-tertiary);
}

.b865c46e257289ac-container{
	display:flex;
	min-height:0;
	flex:1 1 0%;
	flex-direction:column;
}

.b865c46e257289ac-entityHeader{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.75rem;
	text-align:center;
}

.b865c46e257289ac-entityDetails{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

.b865c46e257289ac-entityText{
	font-size:0.875rem;
	color:var(--text-secondary);
}

.b865c46e257289ac-entityTitleWrapper{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
}

.b865c46e257289ac-packBadge{
	background:var(--background-modifier-accent);
	border-radius:999px;
	padding:0.15rem 0.6rem;
	font-size:0.75rem;
	color:var(--text-primary);
	font-weight:600;
}

.b865c46e257289ac-entityTitle{
	font-weight:700;
	font-size:1.25rem;
	color:var(--text-primary);
}

.b865c46e257289ac-verifiedIcon{
	height:1.5rem;
	width:1.5rem;
	color:var(--text-primary);
}

.b865c46e257289ac-entityStats{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:1rem;
}

.b865c46e257289ac-packDescription{
	font-size:0.95rem;
	color:var(--text-secondary);
	line-height:1.4;
	margin:0.25rem 0;
}

.b865c46e257289ac-packMeta{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

.b865c46e257289ac-packMetaText{
	font-size:0.78rem;
	color:var(--text-tertiary);
}

.b865c46e257289ac-entityStat{
	display:flex;
	align-items:center;
}

.b865c46e257289ac-onlineDot{
	margin-right:0.375rem;
	height:0.625rem;
	width:0.625rem;
	border-radius:9999px;
	background-color:var(--status-online);
}

.b865c46e257289ac-offlineDot{
	margin-right:0.375rem;
	height:0.625rem;
	width:0.625rem;
	border-radius:9999px;
	background-color:var(--text-tertiary-secondary);
}

.b865c46e257289ac-statText{
	font-size:0.875rem;
	color:var(--text-tertiary);
}

.b865c46e257289ac-entityIconWrapper{
	width:5rem;
	height:5rem;
	min-width:5rem;
	min-height:5rem;
	border-radius:9999px;
	overflow:hidden;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
}

.b865c46e257289ac-entityIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-primary);
	object-fit:cover;
}

.b865c46e257289ac-themeIconSpot{
	display:flex;
	height:5rem;
	width:5rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background:linear-gradient(135deg, var(--brand-primary) 0%, #4752c4 100%);
	background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark, #4752c4) 100%);
}

.b865c46e257289ac-themeIcon{
	height:2.5rem;
	width:2.5rem;
	color:white;
}

.b865c46e257289ac-form{
	margin-top:0.4rem;
	flex:1 1 0%;
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.b865c46e257289ac-loginForm{
	margin-top:0.5rem;
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.b865c46e257289ac-bottomLink{
	margin-top:1rem;
	text-align:center;
}

.b865c46e257289ac-bottomLinks{
	margin-top:0.9rem;
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	text-align:center;
}

.b865c46e257289ac-bottomLinkText{
	font-size:0.8rem;
	font-weight:450;
	color:#b4b4c4;
}

.b865c46e257289ac-bottomLinkAnchor{
	font-size:0.8rem;
	font-weight:600;
	color:var(--text-link);
	border-bottom:1px dotted #6a6a82;
	text-decoration:none;
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

.b865c46e257289ac-bottomLinkAnchor:hover{
	color:#fff;
	border-bottom-color:#b0b0d0;
	text-decoration:none;
}

.b865c46e257289ac-divider{
	margin-top:0.75rem;
	margin-bottom:1rem;
	display:flex;
	align-items:center;
	gap:1rem;
}

@media (max-width: 480px){
	.b865c46e257289ac-loadingCard{
		padding:0.9rem;
		border-radius:1.2rem;
	}

	.b865c46e257289ac-loadingHeader{
		align-items:flex-start;
	}
}

.b865c46e257289ac-dividerLine{
	flex:1 1 0%;
	border-top:1px solid #2e2e36;
}

.b865c46e257289ac-dividerText{
	font-size:0.7rem;
	font-weight:500;
	color:#8e8e9e;
	letter-spacing:0.04em;
}

.b865c46e257289ac-forgotPasswordLink{
	text-align:right;
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.b865c46e257289ac-forgotPasswordLinkText{
	font-size:0.75rem;
	font-weight:500;
	color:#9e9eb0;
	border-bottom:1px dotted #555566;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	margin-left:auto;
	text-decoration:none;
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

.b865c46e257289ac-forgotPasswordLinkText:hover{
	color:#ddddf0;
	border-bottom-color:#aaaacc;
	text-decoration:none;
}

.b865c46e257289ac-usernameHint{
	margin-top:0.25rem;
	display:block;
	font-size:0.75rem;
	color:#9e9eb0;
}

.b865c46e257289ac-consentRow{
	display:flex;
	align-items:flex-start;
	gap:0.5rem;
}

.b865c46e257289ac-consentLabel{
	padding-top:2px;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-secondary);
}

.b865c46e257289ac-policyLink{
	color:var(--text-link);
	border-bottom:1px dotted #6a6a82;
	text-decoration:none;
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
}

.b865c46e257289ac-policyLink:hover{
	color:#fff;
	border-bottom-color:#b0b0d0;
	text-decoration:none;
}

.b865c46e257289ac-submitSpacer{
	height:4px;
}

.b865c46e257289ac-disabledContainer{
	margin-top:1.5rem;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	text-align:center;
}

.b865c46e257289ac-disabledText{
	font-size:1rem;
	font-weight:600;
	color:var(--text-primary);
}

.b865c46e257289ac-disabledSubtext{
	font-size:0.875rem;
	color:var(--text-tertiary);
	line-height:1.5;
}

.b865c46e257289ac-disabledActions{
	margin-top:1.5rem;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.b865c46e257289ac-disabledActionLink{
	display:block;
	text-decoration:none;
}

.b865c46e257289ac-title{
	margin-bottom:1.4rem;
	text-align:center;
	font-family:var(--auth-font-display, 'Unbounded', var(--font-sans));
	font-size:clamp(1.4rem, 3vw, 1.65rem);
	line-height:1.18;
	font-weight:500;
	letter-spacing:-0.018em;
	color:rgb(235 235 245 / 75%);
}

.b865c46e257289ac-betaCodeHint{
	margin-top:-0.75rem;
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-tertiary);
}

.b865c46e257289ac-usernameValidation{
	margin-bottom:1rem;
	border-radius:0.375rem;
	border-width:1px;
	border-color:var(--background-modifier-accent);
	background-color:var(--background-secondary);
	padding:0.75rem;
}

.b865c46e257289ac-giftIconContainer{
	display:flex;
	height:5rem;
	width:5rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background:linear-gradient(to bottom right, rgb(168, 85, 247), rgb(236, 72, 153));
}

.b865c46e257289ac-giftIcon{
	height:2.5rem;
	width:2.5rem;
	color:white;
}

.b865c46e257289ac-entitySubtext{
	font-size:0.75rem;
	color:var(--text-tertiary);
}

.b865c46e257289ac-subtext{
	margin-top:0.75rem;
	text-align:center;
	font-size:0.875rem;
	line-height:1.5;
	color:var(--text-tertiary);
}

.b865c46e257289ac-secondaryInlineAction{
	padding:0;
	background:none;
	border:none;
	text-align:left;
	font-size:0.875rem;
	color:var(--text-link);
	cursor:pointer;
}

.b865c46e257289ac-secondaryInlineAction:hover{
	text-decoration:underline;
}

.b865c46e257289ac-phoneVerificationSection{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	padding:0.9rem;
	border-radius:1rem;
	border:1px solid rgb(255 255 255 / 0.1);
	background:rgb(10 10 12 / 0.55);
}

.b865c46e257289ac-phoneVerificationActions{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

.b865c46e257289ac-phoneVerificationBadge{
	font-size:0.75rem;
	font-weight:600;
	color:#c4f0d7;
	padding:0.15rem 0.5rem;
	border-radius:999px;
	background:rgb(136 216 170 / 0.16);
	border:1px solid rgb(136 216 170 / 0.3);
}

.b865c46e257289ac-phoneVerificationCodeRow{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	grid-gap:0.75rem;
	gap:0.75rem;
	align-items:end;
}

@media (max-width: 520px){
	.b865c46e257289ac-phoneVerificationCodeRow{
		grid-template-columns:minmax(0, 1fr);
	}
}

._7f4b320e3c1d95b9-root{
	position:relative;
	width:min(1040px, calc(100vw - 48px));
	height:min(780px, calc(100svh - 48px));
	max-height:calc(100svh - 48px);
	display:flex;
	flex-direction:column;
	border-radius:clamp(12px, 1.1vw, 16px);
	border:1px solid var(--background-header-secondary);
	background:var(--background-secondary);
	box-shadow:0 0 0 1px hsla(223, 7%, 20%, 0.08), 0 16px 40px hsla(0, 0%, 0%, 0.16);
	overflow:hidden;
	pointer-events:all;
}

._7f4b320e3c1d95b9-background{
	position:absolute;
	inset:0;
	pointer-events:none;
	background-color:var(--brand-primary);
}

._7f4b320e3c1d95b9-splashImage{
	position:absolute;
	inset:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center bottom;
	pointer-events:none;
}

._7f4b320e3c1d95b9-patternImage{
	position:absolute;
	inset:0;
	background-size:260px 260px;
	background-repeat:repeat;
	opacity:0.06;
	-webkit-filter:invert(1);
	        filter:invert(1);
	background-color:transparent;
	pointer-events:none;
}

._7f4b320e3c1d95b9-cardHost{
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
	pointer-events:all;
}

._7f4b320e3c1d95b9-card{
	width:min(560px, calc(100% - 48px));
	max-height:calc(100% - 24px);
	display:flex;
	flex-direction:column;
	border-radius:18px;
	border:1px solid color-mix(in srgb, var(--background-modifier-accent) 70%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 86%, transparent);
	-webkit-backdrop-filter:blur(18px);
	        backdrop-filter:blur(18px);
	box-shadow:0 24px 60px rgba(0, 0, 0, 0.28);
	overflow:auto;
	pointer-events:all;
}

._7f4b320e3c1d95b9-cardInner{
	display:flex;
	flex-direction:column;
	gap:1rem;
	padding:clamp(20px, 2.6vw, 30px);
	min-height:0;
}

._7f4b320e3c1d95b9-stateHost{
	min-height:360px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:clamp(20px, 2.6vw, 30px);
}

._7f4b320e3c1d95b9-actions{
	display:flex;
	justify-content:center;
	align-items:center;
}

._7f4b320e3c1d95b9-disabledText{
	margin:0;
	text-align:center;
	font-size:0.875rem;
	line-height:1.5;
	color:var(--text-tertiary);
}

._7f4b320e3c1d95b9-packDescriptionText{
	margin:0;
	font-size:0.9rem;
	color:var(--text-secondary);
	line-height:1.4;
}

._7f4b320e3c1d95b9-packMetaRow{
	display:flex;
	flex-direction:column;
	gap:0.2rem;
	margin:0.5rem 0;
}

._7f4b320e3c1d95b9-packMetaText{
	font-size:0.78rem;
	color:var(--text-tertiary);
}

._7f4b320e3c1d95b9-packNote{
	margin:0;
	font-size:0.8rem;
	color:var(--text-tertiary-secondary);
}

@media screen and (max-width: 480px){
	._7f4b320e3c1d95b9-root{
		width:calc(100vw - 24px);
		height:min(780px, calc(100svh - 24px));
		max-height:calc(100svh - 24px);
	}

	._7f4b320e3c1d95b9-cardHost{
		padding:12px;
	}

	._7f4b320e3c1d95b9-card{
		width:calc(100% - 16px);
		max-height:calc(100% - 12px);
	}
}

._3b4735aa01198fc4-topDragRegion{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:calc(var(--layout-header-height) + 0px);
	height:calc(var(--layout-header-height) + var(--safe-area-top, 0px));
	padding-top:0px;
	padding-top:var(--safe-area-top, 0px);
	z-index:var(--z-index-titlebar);
	pointer-events:none;
}

html.platform-native.platform-macos ._3b4735aa01198fc4-topDragRegion{
	pointer-events:auto;
}

._3b4735aa01198fc4-scrollerWrapper{
	position:fixed;
	inset:0;
	display:flex;
	overflow:hidden;
	background-color:#020205;
	background:radial-gradient(120% 100% at 12% -8%, rgb(22 24 38 / 0.72) 0%, transparent 58%), radial-gradient(100% 84% at 88% 12%, rgb(34 34 52 / 0.52) 0%, transparent 62%), radial-gradient(140% 120% at 50% 100%, rgb(8 8 14 / 0.88) 0%, #020205 72%);
}

._3b4735aa01198fc4-scrollerWrapper::before{
	content:'';
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 74% 16%, rgb(54 54 80 / 0.34) 0%, transparent 54%), radial-gradient(circle at 16% 84%, rgb(38 38 62 / 0.28) 0%, transparent 62%), radial-gradient(circle at 50% 44%, rgb(86 86 120 / 0.14) 0%, transparent 50%);
	-webkit-filter:blur(38px);
	        filter:blur(38px);
	pointer-events:none;
	z-index:0;
	animation:_3b4735aa01198fc4-authNebulaDrift 24s ease-in-out infinite alternate;
}

._3b4735aa01198fc4-scrollerWrapper::after{
	content:'';
	position:absolute;
	inset:0;
	pointer-events:none;
	z-index:0;
	background:radial-gradient(120% 80% at 50% -18%, rgb(255 255 255 / 0.045) 0%, transparent 68%), radial-gradient(100% 70% at 50% 120%, rgb(0 0 0 / 0.46) 0%, transparent 66%);
	opacity:0.92;
}

._3b4735aa01198fc4-scrollerWrapper > *{
	position:relative;
	z-index:1;
}

@keyframes _3b4735aa01198fc4-authNebulaDrift{
	0%{
		transform:translate3d(0, 0, 0) scale(1);
		opacity:0.74;
	}
	100%{
		transform:translate3d(-1.6%, 1.2%, 0) scale(1.04);
		opacity:1;
	}
}

._3b4735aa01198fc4-bootstrapShell{
	position:fixed;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:calc(1.25rem + 0px) 1rem calc(1.25rem + 0px);
	padding:calc(1.25rem + var(--safe-area-top, 0px)) 1rem calc(1.25rem + var(--safe-area-bottom, 0px));
	background:radial-gradient(100% 90% at 0% 0%, rgb(95 102 255 / 0.16) 0%, transparent 60%), radial-gradient(90% 90% at 100% 100%, rgb(34 197 94 / 0.08) 0%, transparent 58%), linear-gradient(180deg, rgb(7 10 20) 0%, var(--background-secondary) 55%);
}

._3b4735aa01198fc4-bootstrapBackdrop{
	position:absolute;
	inset:0;
	background:radial-gradient(60% 50% at 50% 18%, rgb(255 255 255 / 0.04) 0%, transparent 72%);
	pointer-events:none;
}

._3b4735aa01198fc4-bootstrapPanel{
	position:relative;
	z-index:1;
	width:min(100%, 28rem);
}

._3b4735aa01198fc4-container{
	position:relative;
	height:100dvh;
	min-height:100svh;
	width:100%;
	background:transparent;
	overflow:hidden;
}

.auth-page,
.auth-page *{
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}

._3b4735aa01198fc4-characterBackground{
	height:100dvh;
	min-height:100svh;
	overflow:hidden;
	position:relative;
	width:100%;
	isolation:isolate;
}

._3b4735aa01198fc4-characterBackground::before,
._3b4735aa01198fc4-characterBackground::after{
	content:'';
	position:fixed;
	inset:0;
	pointer-events:none;
	z-index:0;
}

._3b4735aa01198fc4-characterBackground::before{
	opacity:0.62;
	background-image:radial-gradient(1.1px 1.1px at 18px 28px, rgb(255 255 255 / 0.88), transparent 70%), radial-gradient(1px 1px at 72px 118px, rgb(255 255 255 / 0.72), transparent 72%), radial-gradient(1.2px 1.2px at 136px 54px, rgb(255 255 255 / 0.82), transparent 70%), radial-gradient(1px 1px at 188px 172px, rgb(255 255 255 / 0.7), transparent 74%), radial-gradient(1.3px 1.3px at 94px 188px, rgb(255 255 255 / 0.76), transparent 70%), radial-gradient(1px 1px at 212px 22px, rgb(255 255 255 / 0.84), transparent 72%), radial-gradient(1px 1px at 44px 206px, rgb(255 255 255 / 0.78), transparent 74%);
	background-size:240px 240px;
	background-repeat:repeat;
	animation:_3b4735aa01198fc4-authStarFieldDriftFar 52s linear infinite, _3b4735aa01198fc4-authStarFieldPulse 7.4s ease-in-out infinite alternate;
}

._3b4735aa01198fc4-characterBackground::after{
	opacity:0.54;
	background-image:radial-gradient(1.4px 1.4px at 42px 34px, rgb(255 255 255 / 0.92), transparent 70%), radial-gradient(1.1px 1.1px at 116px 146px, rgb(255 255 255 / 0.8), transparent 72%), radial-gradient(1.5px 1.5px at 184px 76px, rgb(255 255 255 / 0.86), transparent 70%), radial-gradient(1.2px 1.2px at 238px 176px, rgb(255 255 255 / 0.78), transparent 72%), radial-gradient(1.1px 1.1px at 302px 124px, rgb(255 255 255 / 0.88), transparent 70%), radial-gradient(1.3px 1.3px at 346px 222px, rgb(255 255 255 / 0.76), transparent 72%);
	background-size:380px 380px;
	background-repeat:repeat;
	animation:_3b4735aa01198fc4-authStarFieldDriftNear 34s linear infinite reverse, _3b4735aa01198fc4-authStarFieldPulse 5.8s ease-in-out infinite alternate-reverse;
}

._3b4735aa01198fc4-rightSplit{
	bottom:0;
	inset-inline-end:0;
	opacity:1;
	pointer-events:none;
	position:fixed;
	transition:opacity 0.4s ease;
	width:auto;
	z-index:1;
}

._3b4735aa01198fc4-leftSplit{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height:100dvh;
	min-height:100svh;
	position:relative;
	width:100%;
	z-index:1;
}

._3b4735aa01198fc4-leftSplitWrapper{
	align-items:center;
	display:flex;
	justify-content:center;
	position:relative;
	width:100%;
	flex:1;
}

._3b4735aa01198fc4-leftSplitAnimated{
	width:100%;
	display:flex;
	justify-content:center;
}

._3b4735aa01198fc4-splashImage{
	position:fixed;
	right:0px;
	right:var(--safe-area-right, 0px);
	bottom:0px;
	bottom:var(--safe-area-bottom, 0px);
	pointer-events:none;
	overflow:hidden;
	z-index:0;
}

._3b4735aa01198fc4-splashOverlay{
	pointer-events:none;
	position:absolute;
	inset:0;
}

._3b4735aa01198fc4-patternHost{
	position:absolute;
	inset:0;
	opacity:0.06;
	pointer-events:none;
	z-index:0;
	background-repeat:repeat;
	background-size:260px 260px;
	-webkit-filter:invert(1);
	        filter:invert(1);
}

._3b4735aa01198fc4-cardContainer{
	position:relative;
	z-index:10;
	display:flex;
	flex:1;
	height:100dvh;
	min-height:100svh;
	width:100%;
	align-items:center;
	justify-content:center;
	padding:clamp(2rem, 6vw, 4rem);
	box-sizing:border-box;
}

._3b4735aa01198fc4-card{
	margin:0;
	display:flex;
	height:min(780px, calc(100dvh - clamp(2rem, 8vh, 6rem)));
	min-height:500px;
	max-height:calc(100dvh - 1.5rem);
	width:100%;
	max-width:56rem;
	overflow:hidden;
	border-radius:2rem;
	border:1px solid rgb(255 255 255 / 0.08);
	background:rgb(20 20 25 / 0.85);
	backdrop-filter:blur(20px);
	-webkit-backdrop-filter:blur(20px);
	box-shadow:0 20px 40px -12px rgb(0 0 0 / 0.62), 0 0 0 0.5px rgb(255 255 255 / 0.08);
}

._3b4735aa01198fc4-cardSingle{
	max-width:42rem;
}

._3b4735aa01198fc4-logoSide{
	position:relative;
	overflow:hidden;
	display:flex;
	width:33.333333%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:3rem 2rem;
	border-right:1px solid rgb(255 255 255 / 0.08);
	background:radial-gradient(circle at 10% 10%, rgb(255 255 255 / 0.08) 0%, transparent 45%), rgb(15 15 20 / 0.42);
}

._3b4735aa01198fc4-logoSide::before,
._3b4735aa01198fc4-logoSide::after{
	content:'';
	position:absolute;
	pointer-events:none;
	z-index:0;
}

._3b4735aa01198fc4-logoSide::before{
	width:240px;
	height:4px;
	left:-42%;
	top:60%;
	border-radius:999px;
	background:linear-gradient(90deg, transparent 0%, rgb(208 214 255 / 0.72) 42%, transparent 100%);
	-webkit-filter:blur(1.5px);
	        filter:blur(1.5px);
	opacity:0;
	transform:rotate(-19deg);
	animation:_3b4735aa01198fc4-authRocketTrail 7.2s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

._3b4735aa01198fc4-logoSide::after{
	width:19px;
	height:9px;
	left:-10%;
	top:59%;
	border-radius:999px 999px 999px 999px;
	background:radial-gradient(circle at 68% 44%, rgb(32 32 46 / 0.78) 0%, rgb(32 32 46 / 0) 25%), linear-gradient(90deg, #d7daef 0%, #b6bad8 52%, #8f94bb 100%);
	box-shadow:-8px 0 10px rgb(255 180 120 / 0.56), 0 0 12px rgb(175 190 255 / 0.34);
	opacity:0;
	transform:rotate(-19deg);
	animation:_3b4735aa01198fc4-authRocketFlight 7.2s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

._3b4735aa01198fc4-logo{
	margin-bottom:1.5rem;
	height:8rem;
	width:8rem;
}

._3b4735aa01198fc4-wordmark{
	height:2rem;
}

._3b4735aa01198fc4-wordmarkText{
	position:relative;
	z-index:1;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-family:'Unbounded', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-size:clamp(2.05rem, 2.6vw, 2.45rem);
	font-weight:700;
	line-height:1;
	letter-spacing:0.14em;
	text-transform:uppercase;
	background:linear-gradient(135deg, #f3f4fb 4%, #c5c9e2 44%, #9097c2 96%);
	background-size:220% 220%;
	background-clip:text;
	-webkit-background-clip:text;
	color:transparent;
	text-shadow:0 0 18px rgb(255 255 255 / 0.08), 0 0 28px rgb(174 187 255 / 0.08);
	animation:_3b4735aa01198fc4-authWordmarkFloat 4.8s ease-in-out infinite alternate, _3b4735aa01198fc4-authWordmarkShimmer 8s ease-in-out infinite;
}

._3b4735aa01198fc4-formSide{
	display:flex;
	width:66.666667%;
	flex-direction:column;
	justify-content:center;
	min-height:0;
	padding:3rem;
	background:rgb(16 16 21 / 0.26);
	font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	overflow:auto;
	-ms-scroll-chaining:none;
	    overscroll-behavior:contain;
}

._3b4735aa01198fc4-formSideSingle{
	width:100%;
}

._3b4735aa01198fc4-mobileContainer{
	min-height:100dvh;
	background:radial-gradient(ellipse at 30% 40%, #111116 0%, #050508 56%, #020205 100%);
	padding:calc(2rem + 0px) 1.5rem calc(2.5rem + 0px);
	padding:calc(2rem + var(--safe-area-top, 0px)) 1.5rem calc(2.5rem + var(--safe-area-bottom, 0px));
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
}

._3b4735aa01198fc4-mobileContent{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:28rem;
}

._3b4735aa01198fc4-mobileLogoContainer{
	margin-bottom:2rem;
	text-align:center;
}

._3b4735aa01198fc4-mobileWordmark{
	margin-left:auto;
	margin-right:auto;
	height:2rem;
	color:var(--text-primary);
}

._3b4735aa01198fc4-mobileWordmarkText{
	font-family:'Unbounded', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-size:1.75rem;
	font-weight:500;
	line-height:1;
	letter-spacing:-0.01em;
	color:var(--text-primary);
}

html.platform-native-mobile ._3b4735aa01198fc4-mobileContainer{
	background:radial-gradient(88% 72% at 0% 0%, rgb(92 102 255 / 0.16) 0%, transparent 56%), radial-gradient(76% 64% at 100% 10%, rgb(34 197 94 / 0.06) 0%, transparent 54%), linear-gradient(180deg, rgb(7 10 20) 0%, rgb(8 12 22) 40%, var(--background-secondary) 100%);
	padding-top:calc(1.2rem + 0px);
	padding-top:calc(1.2rem + var(--safe-area-top, 0px));
	padding-bottom:calc(1.75rem + 0px);
	padding-bottom:calc(1.75rem + var(--safe-area-bottom, 0px));
}

html.platform-native-mobile ._3b4735aa01198fc4-mobileContent{
	display:flex;
	flex-direction:column;
	gap:1.05rem;
	max-width:30.5rem;
}

html.platform-native-mobile ._3b4735aa01198fc4-mobileLogoContainer{
	margin-bottom:0.2rem;
	text-align:left;
}

html.platform-native-mobile ._3b4735aa01198fc4-mobileWordmarkText{
	font-size:1.5rem;
	letter-spacing:0.01em;
	color:rgb(243 245 255 / 0.96);
}

@media (min-width: 1600px){
	._3b4735aa01198fc4-leftSplit._3b4735aa01198fc4-alignLeft{
		align-items:flex-start;
		padding-left:clamp(10rem, 18vw, 22rem);
	}

	._3b4735aa01198fc4-alignLeft ._3b4735aa01198fc4-leftSplitWrapper,
	._3b4735aa01198fc4-alignLeft ._3b4735aa01198fc4-leftSplitAnimated,
	._3b4735aa01198fc4-alignLeft ._3b4735aa01198fc4-cardContainer{
		justify-content:flex-start;
	}

	._3b4735aa01198fc4-leftSplit._3b4735aa01198fc4-alignRight{
		align-items:flex-end;
		padding-right:clamp(10rem, 18vw, 22rem);
	}

	._3b4735aa01198fc4-alignRight ._3b4735aa01198fc4-leftSplitWrapper,
	._3b4735aa01198fc4-alignRight ._3b4735aa01198fc4-leftSplitAnimated,
	._3b4735aa01198fc4-alignRight ._3b4735aa01198fc4-cardContainer{
		justify-content:flex-end;
	}
}

html:not(.auth-page) body,
html.auth-page body{
	overflow:hidden;
}

html.auth-page,
html.auth-page body{
	height:100%;
	background:radial-gradient(120% 100% at 10% -10%, rgb(22 24 38 / 0.68) 0%, transparent 58%), radial-gradient(100% 86% at 90% 14%, rgb(34 34 52 / 0.52) 0%, transparent 62%), #020205;
}

@keyframes _3b4735aa01198fc4-authStarFieldDriftFar{
	from{
		background-position:0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
	}
	to{
		background-position:-220px 300px, -180px 260px, -240px 330px, -200px 280px, -230px 320px, -170px 250px, -210px 295px;
	}
}

@keyframes _3b4735aa01198fc4-authStarFieldDriftNear{
	from{
		background-position:0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
	}
	to{
		background-position:260px -220px, 230px -180px, 290px -250px, 210px -170px, 270px -210px, 250px -190px;
	}
}

@keyframes _3b4735aa01198fc4-authStarFieldPulse{
	0%{
		opacity:0.42;
	}
	100%{
		opacity:0.72;
	}
}

@keyframes _3b4735aa01198fc4-authWordmarkFloat{
	0%{
		transform:translate3d(0, 0, 0) scale(1);
	}
	100%{
		transform:translate3d(0, -4px, 0) scale(1.015);
	}
}

@keyframes _3b4735aa01198fc4-authWordmarkShimmer{
	0%{
		background-position:0% 50%;
	}
	100%{
		background-position:100% 50%;
	}
}

@keyframes _3b4735aa01198fc4-authRocketFlight{
	0%{
		opacity:0;
		transform:translate3d(0, 0, 0) rotate(-19deg) scale(0.88);
	}
	12%{
		opacity:0.95;
	}
	55%{
		opacity:0.95;
		transform:translate3d(175px, -72px, 0) rotate(-19deg) scale(1);
	}
	100%{
		opacity:0;
		transform:translate3d(286px, -118px, 0) rotate(-19deg) scale(1.02);
	}
}

@keyframes _3b4735aa01198fc4-authRocketTrail{
	0%{
		opacity:0;
		transform:translate3d(0, 0, 0) rotate(-19deg) scaleX(0.56);
	}
	14%{
		opacity:0.66;
	}
	58%{
		opacity:0.56;
		transform:translate3d(146px, -60px, 0) rotate(-19deg) scaleX(1);
	}
	100%{
		opacity:0;
		transform:translate3d(250px, -104px, 0) rotate(-19deg) scaleX(0.68);
	}
}

@media (max-width: 860px){
	._3b4735aa01198fc4-characterBackground::before,
	._3b4735aa01198fc4-characterBackground::after{
		display:none;
	}
}

@media (max-height: 900px){
	._3b4735aa01198fc4-cardContainer{
		padding:clamp(1rem, 3vh, 2.2rem) clamp(1rem, 4vw, 2.4rem);
	}

	._3b4735aa01198fc4-card{
		height:calc(100dvh - clamp(1.25rem, 4vh, 3.5rem));
		min-height:420px;
	}

	._3b4735aa01198fc4-logoSide,
	._3b4735aa01198fc4-formSide{
		padding:2rem 1.8rem;
	}

	._3b4735aa01198fc4-wordmarkText{
		font-size:clamp(1.7rem, 2.2vw, 2.1rem);
		letter-spacing:0.11em;
	}
}

@media (max-height: 760px){
	._3b4735aa01198fc4-cardContainer{
		padding:0.75rem 0.9rem;
	}

	._3b4735aa01198fc4-card{
		height:calc(100dvh - 1rem);
		min-height:0;
		border-radius:1.35rem;
	}

	._3b4735aa01198fc4-logoSide,
	._3b4735aa01198fc4-formSide{
		padding:1.1rem 1rem;
	}

	._3b4735aa01198fc4-wordmarkText{
		font-size:clamp(1.45rem, 2vw, 1.8rem);
		letter-spacing:0.1em;
	}
}

html.auth-lite-effects ._3b4735aa01198fc4-scrollerWrapper{
	background:radial-gradient(100% 80% at 18% 0%, rgb(20 22 34 / 0.5) 0%, transparent 56%), #020205;
}

html.auth-lite-effects ._3b4735aa01198fc4-scrollerWrapper::before{
	-webkit-filter:blur(18px);
	        filter:blur(18px);
	opacity:0.66;
	animation:none;
}

html.auth-lite-effects ._3b4735aa01198fc4-scrollerWrapper::after{
	opacity:0.5;
}

html.auth-lite-effects ._3b4735aa01198fc4-characterBackground::before,
html.auth-lite-effects ._3b4735aa01198fc4-characterBackground::after{
	display:none;
	animation:none;
}

html.auth-lite-effects ._3b4735aa01198fc4-logoSide::before,
html.auth-lite-effects ._3b4735aa01198fc4-logoSide::after,
html.auth-lite-effects ._3b4735aa01198fc4-wordmarkText{
	animation:none;
}

html.auth-lite-effects ._3b4735aa01198fc4-card{
	background:rgb(20 20 25 / 0.94);
	backdrop-filter:none;
	-webkit-backdrop-filter:none;
	box-shadow:0 10px 22px -10px rgb(0 0 0 / 0.56), 0 0 0 1px rgb(255 255 255 / 0.06);
}

html.auth-lite-effects ._3b4735aa01198fc4-logoSide{
	background:rgb(15 15 20 / 0.72);
}

html.auth-lite-effects ._3b4735aa01198fc4-formSide{
	background:rgb(16 16 21 / 0.64);
}

@media (prefers-reduced-motion: reduce){
	._3b4735aa01198fc4-scrollerWrapper::before,
	._3b4735aa01198fc4-characterBackground::before,
	._3b4735aa01198fc4-characterBackground::after{
		animation:none;
	}

	._3b4735aa01198fc4-logoSide::before,
	._3b4735aa01198fc4-logoSide::after,
	._3b4735aa01198fc4-wordmarkText{
		animation:none;
	}
}

.auth-page body.is-standalone{
	padding-top:0px;
	padding-top:var(--safe-area-top, 0px);
	padding-right:0px;
	padding-right:var(--safe-area-right, 0px);
	padding-bottom:0px;
	padding-bottom:var(--safe-area-bottom, 0px);
	padding-left:0px;
	padding-left:var(--safe-area-left, 0px);
}

._9ef69f9d03fb36bb-inertOverlay{
	pointer-events:none;
}

._9ef69f9d03fb36bb-inertOverlay *{
	pointer-events:none !important;
	cursor:default !important;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}

._9ef69f9d03fb36bb-inertOverlay input,
._9ef69f9d03fb36bb-inertOverlay button,
._9ef69f9d03fb36bb-inertOverlay select,
._9ef69f9d03fb36bb-inertOverlay textarea,
._9ef69f9d03fb36bb-inertOverlay a{
	opacity:0.75;
}

._50433b36589d7b48-externalLink{
	border-radius:2px;
	transition:-webkit-text-decoration 0.2s ease-in-out;
	transition:text-decoration 0.2s ease-in-out;
	transition:text-decoration 0.2s ease-in-out, -webkit-text-decoration 0.2s ease-in-out;
	cursor:pointer;
}

._50433b36589d7b48-externalLink:hover{
	text-decoration:underline;
}

._3869cdcb778b34d1-fieldset{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._3869cdcb778b34d1-labelContainer{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

._3869cdcb778b34d1-legend{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._3869cdcb778b34d1-inputsContainer{
	display:flex;
	flex-direction:column;
	gap:0.375rem;
}

._3869cdcb778b34d1-fieldsRow{
	display:flex;
	gap:0.5rem;
}

._3869cdcb778b34d1-monthField{
	flex:2 1 0%;
}

._3869cdcb778b34d1-dayField{
	flex:1.5 1 0%;
}

._3869cdcb778b34d1-yearField{
	flex:1.5 1 0%;
}

._3869cdcb778b34d1-errorText{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--status-danger);
}

@media (max-width: 720px){
	._3869cdcb778b34d1-fieldsRow{
		flex-wrap:wrap;
	}

	._3869cdcb778b34d1-monthField,
	._3869cdcb778b34d1-dayField,
	._3869cdcb778b34d1-yearField{
		flex:1 1 calc(50% - 0.5rem);
		min-width:10rem;
	}

	._3869cdcb778b34d1-yearField{
		flex-basis:100%;
	}
}

@media (max-width: 520px){
	._3869cdcb778b34d1-monthField,
	._3869cdcb778b34d1-dayField,
	._3869cdcb778b34d1-yearField{
		flex:1 1 100%;
		min-width:0;
	}
}

._3869cdcb778b34d1-nativeDateInput{
	width:100%;
	-moz-appearance:none;
	     appearance:none;
	-webkit-appearance:none;
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	padding:0.625rem 1rem;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
	background-color:var(--form-surface-background);
	min-height:44px;
	transition-property:color, background-color, border-color;
	transition-duration:150ms;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}

.theme-light ._3869cdcb778b34d1-nativeDateInput{
	background-color:var(--background-modifier-hover);
}

._3869cdcb778b34d1-nativeDateInput:focus{
	outline:none;
	border-color:var(--background-modifier-accent-focus);
}

._3869cdcb778b34d1-nativeDateInput[aria-invalid='true']{
	border-color:var(--status-danger);
}

._3869cdcb778b34d1-nativeDateInput::-webkit-date-and-time-value{
	text-align:left;
}

._3869cdcb778b34d1-nativeDateInput::-webkit-calendar-picker-indicator{
	opacity:0.6;
	cursor:pointer;
	-webkit-filter:none;
	        filter:none;
	-webkit-filter:var(--calendar-picker-filter, none);
	        filter:var(--calendar-picker-filter, none);
}

@media (prefers-color-scheme: dark){
	._3869cdcb778b34d1-nativeDateInput::-webkit-calendar-picker-indicator{
		-webkit-filter:invert(1);
		        filter:invert(1);
	}
}

[data-auth-cosmic] ._3869cdcb778b34d1-legend{
	font-family:var(--auth-font-body, var(--font-sans));
	font-size:0.75rem;
	font-weight:600;
	letter-spacing:0.04em;
	text-transform:uppercase;
	color:#b4b4c4;
}

[data-auth-cosmic] ._3869cdcb778b34d1-nativeDateInput{
	border-radius:1rem;
	border-color:rgb(255 255 255 / 0.1);
	background-color:rgb(10 10 12 / 0.6);
	color:#efeff4;
	font-family:var(--auth-font-body, var(--font-sans));
	font-size:0.95rem;
}

[data-auth-cosmic] ._3869cdcb778b34d1-nativeDateInput:focus{
	border-color:rgb(200 200 220 / 0.5);
	background-color:rgb(20 20 28 / 0.7);
	box-shadow:0 0 0 2px rgb(180 180 200 / 0.1);
}

[data-auth-cosmic] ._3869cdcb778b34d1-errorText{
	font-size:0.78rem;
	color:#f6a9b2;
}

._1e0dbdcff53140fa-controls{
	display:flex;
	align-items:center;
	gap:4px;
	padding:6px;
	border-radius:12px;
	border:1px solid color-mix(in srgb, var(--background-modifier-accent) 70%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 85%, transparent);
	-webkit-backdrop-filter:blur(12px);
	        backdrop-filter:blur(12px);
	box-shadow:0 12px 36px rgba(0, 0, 0, 0.35);
}

._1e0dbdcff53140fa-controlsDisabled{
	opacity:0.5;
	cursor:not-allowed;
}

._1e0dbdcff53140fa-button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border-radius:8px;
	border:none;
	background:transparent;
	color:var(--text-primary-muted);
	cursor:pointer;
	transition:background-color 0.15s ease, color 0.15s ease;
}

._1e0dbdcff53140fa-button:hover{
	background:var(--background-modifier-hover);
	color:var(--text-primary);
}

._1e0dbdcff53140fa-buttonActive{
	background:var(--background-modifier-accent);
	color:var(--text-primary);
}

._1e0dbdcff53140fa-buttonActive:hover{
	background:var(--background-modifier-accent);
}

._1e0dbdcff53140fa-buttonDisabled{
	cursor:not-allowed;
	pointer-events:none;
}

.f4bffa970b9138dc-previewModal{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100% !important;
	height:100% !important;
	max-width:100% !important;
	max-height:100% !important;
	margin:0;
	padding:0;
	border:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
	background:var(--brand-primary);
	display:flex;
	flex-direction:column;
	overflow:hidden;
	pointer-events:auto;
}

html.platform-native-desktop .f4bffa970b9138dc-previewModal{
	top:var(--native-titlebar-height);
}

.f4bffa970b9138dc-previewPillContainer{
	position:absolute;
	top:calc(16px + 0px);
	top:calc(16px + var(--safe-area-top, 0px));
	left:50%;
	transform:translateX(-50%);
	z-index:20;
	pointer-events:auto;
}

.f4bffa970b9138dc-previewPill{
	display:flex;
	align-items:center;
	gap:12px;
	padding:10px 18px;
	border-radius:12px;
	border:1px solid color-mix(in srgb, var(--background-modifier-accent) 70%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 85%, transparent);
	-webkit-backdrop-filter:blur(12px);
	        backdrop-filter:blur(12px);
	box-shadow:0 12px 36px rgba(0, 0, 0, 0.35);
	-webkit-app-region:no-drag;
}

.f4bffa970b9138dc-previewPillText{
	color:var(--text-primary);
	font-size:13px;
	font-weight:600;
	white-space:nowrap;
}

.f4bffa970b9138dc-exitButton{
	flex-shrink:0;
}

.f4bffa970b9138dc-previewContent{
	position:relative;
	flex:1 1 auto;
	display:flex;
	overflow:hidden;
	background-color:var(--brand-primary);
	min-height:0;
}

.f4bffa970b9138dc-background{
	position:absolute;
	inset:0;
	z-index:0;
	overflow:hidden;
}

.f4bffa970b9138dc-foreground{
	position:relative;
	z-index:1;
	flex:1 1 auto;
	display:flex;
	align-items:stretch;
	justify-content:center;
	width:100%;
	min-height:100%;
}

.f4bffa970b9138dc-cardContainer{
	width:100%;
}

.f4bffa970b9138dc-alignmentControlsContainer{
	position:absolute;
	bottom:calc(24px + 0px);
	bottom:calc(24px + var(--safe-area-bottom, 0px));
	left:50%;
	transform:translateX(-50%);
	z-index:20;
	pointer-events:auto;
}

@media (max-width: 768px){
	.f4bffa970b9138dc-foreground{
		padding:60px 16px 16px;
	}
}

._3bf2372986d7f128-preview{
	width:100%;
	border-radius:var(--radius-lg);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	overflow:hidden;
}

._3bf2372986d7f128-image{
	object-fit:cover;
	object-position:center;
	display:block;
}

._3bf2372986d7f128-placeholder{
	width:100%;
	border-radius:var(--radius-lg);
	border:1px dashed var(--background-modifier-accent);
	background-color:var(--background-tertiary);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:1rem;
	font-size:0.875rem;
	color:var(--text-primary-muted);
	text-align:center;
	min-height:80px;
}

._5a33f2aa2eef87a0-wrapper{
	--embed-splash-height:60px;
	--embed-radius:0.75rem;

	width:100%;
	max-width:360px;
	overflow:clip;
	border-radius:0.75rem;
	border-radius:var(--embed-radius);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	box-shadow:0 6px 12px -6px rgb(0 0 0 / 0.22), 0 2px 6px -3px rgb(0 0 0 / 0.16);
	isolation:isolate;
}

._5a33f2aa2eef87a0-wrapper,
._5a33f2aa2eef87a0-wrapper *,
._5a33f2aa2eef87a0-wrapper *::before,
._5a33f2aa2eef87a0-wrapper *::after{
	box-sizing:border-box;
}

._5a33f2aa2eef87a0-splashWrapper{
	flex-shrink:0;
	min-height:var(--embed-splash-height);
	position:relative;
}

._5a33f2aa2eef87a0-splash{
	min-height:var(--embed-splash-height);
	width:100%;
	background-color:var(--background-tertiary);
	background-image:var(--embed-splash-url);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

:where(._5a33f2aa2eef87a0-splash):before{
	border-bottom:1px solid var(--background-modifier-accent);
	bottom:0;
	content:'';
	left:0;
	position:absolute;
	width:100%;
}

._5a33f2aa2eef87a0-grid{
	display:grid;
	grid-template-columns:auto minmax(0, 1fr);
	grid-gap:0.75rem;
	gap:0.75rem;
	padding:0.75rem;
	align-items:center;
}

@media (min-width: 640px){
	._5a33f2aa2eef87a0-grid{
		gap:0.9rem;
		padding:0.85rem;
	}
}

._5a33f2aa2eef87a0-iconSlot{
	display:grid;
	place-items:center;
	width:3rem;
}

@media (min-width: 640px){
	._5a33f2aa2eef87a0-iconSlot{
		width:3.5rem;
	}
}

._5a33f2aa2eef87a0-content{
	min-width:0;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	gap:0.15rem;
}

._5a33f2aa2eef87a0-header{
	min-height:0;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	gap:0.15rem;
}

._5a33f2aa2eef87a0-titleRow{
	min-width:0;
}

._5a33f2aa2eef87a0-subtitle{
	min-width:0;
}

._5a33f2aa2eef87a0-body{
	min-width:0;
	margin-top:0.2rem;
}

._5a33f2aa2eef87a0-divider{
	border-top:1px solid var(--background-modifier-accent);
	padding:0.75rem;
}

@media (min-width: 640px){
	._5a33f2aa2eef87a0-divider{
		padding:0.85rem;
	}
}

._5a33f2aa2eef87a0-title{
	margin:0;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:600;
	font-size:clamp(0.95rem, 2vw, 1.05rem);
	line-height:1.25;
	letter-spacing:-0.01em;
}

._5a33f2aa2eef87a0-titleButton{
	background:none;
	border:none;
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
	font:inherit;
	color:inherit;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
}

._5a33f2aa2eef87a0-titleButton:hover,
._5a33f2aa2eef87a0-titleButton:focus-visible{
	text-decoration:underline;
}

._5a33f2aa2eef87a0-titleButton:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:2px;
}

._5a33f2aa2eef87a0-titlePrimary{
	color:var(--text-primary);
}

._5a33f2aa2eef87a0-titleDanger{
	color:var(--status-danger);
}

._5a33f2aa2eef87a0-helpText{
	color:var(--text-tertiary);
	font-size:clamp(0.7rem, 1.6vw, 0.8rem);
	line-height:1.2;
}

._5a33f2aa2eef87a0-iconCircleDisabled{
	display:grid;
	place-items:center;
	height:2.75rem;
	width:2.75rem;
	border-radius:9999px;
	background-color:var(--background-tertiary);
}

@media (min-width: 640px){
	._5a33f2aa2eef87a0-iconCircleDisabled{
		height:3rem;
		width:3rem;
	}
}

._5a33f2aa2eef87a0-iconError{
	height:1.5rem;
	width:1.5rem;
	color:var(--text-tertiary);
}

@media (min-width: 640px){
	._5a33f2aa2eef87a0-iconError{
		height:1.75rem;
		width:1.75rem;
	}
}

._5a33f2aa2eef87a0-skeleton{
	animation:_5a33f2aa2eef87a0-pulse 1.8s ease-in-out infinite;
	background-color:rgb(75 85 99);
}

.theme-light ._5a33f2aa2eef87a0-skeleton{
	background-color:rgb(209 213 219);
}

html.reduced-motion ._5a33f2aa2eef87a0-skeleton{
	animation:none;
	opacity:0.8;
}

._5a33f2aa2eef87a0-skeletonCircle{
	height:2.75rem;
	width:2.75rem;
	border-radius:9999px;
}

@media (min-width: 640px){
	._5a33f2aa2eef87a0-skeletonCircle{
		height:3rem;
		width:3rem;
	}
}

._5a33f2aa2eef87a0-skeletonTitle{
	height:1.1rem;
	width:7.5rem;
	border-radius:5px;
}

@media (min-width: 640px){
	._5a33f2aa2eef87a0-skeletonTitle{
		height:1.25rem;
		width:8rem;
	}
}

._5a33f2aa2eef87a0-skeletonSubtitle{
	height:0.7rem;
	width:11rem;
	border-radius:5px;
}

@media (min-width: 640px){
	._5a33f2aa2eef87a0-skeletonSubtitle{
		height:0.9rem;
		width:12rem;
	}
}

._5a33f2aa2eef87a0-skeletonIcon{
	height:1rem;
	width:1rem;
	border-radius:4px;
}

._5a33f2aa2eef87a0-skeletonDot{
	margin-right:0.3125rem;
	height:0.55rem;
	width:0.55rem;
	border-radius:9999px;
}

._5a33f2aa2eef87a0-skeletonStat{
	height:0.75rem;
	border-radius:5px;
}

@media (min-width: 640px){
	._5a33f2aa2eef87a0-skeletonStat{
		height:0.85rem;
	}
}

._5a33f2aa2eef87a0-skeletonStatShort{
	width:3.25rem;
}

._5a33f2aa2eef87a0-skeletonStatLong{
	width:4.5rem;
}

._5a33f2aa2eef87a0-skeletonButton{
	height:36px;
	width:100%;
	border-radius:0.375rem;
}

@keyframes _5a33f2aa2eef87a0-pulse{
	0%,
	100%{
		opacity:1;
	}
	50%{
		opacity:0.5;
	}
}

._5dd6fd362bf73a09-icon{
	--guild-icon-size:2.75rem;
	height:2.75rem;
	height:var(--guild-icon-size);
	width:2.75rem;
	width:var(--guild-icon-size);
	border-radius:9999px;
	flex:0 0 auto;
}

@media (min-width: 640px){
	._5dd6fd362bf73a09-icon{
		--guild-icon-size:3rem;
	}
}

._5dd6fd362bf73a09-iconFallback{
	--guild-icon-size:2.75rem;
	height:2.75rem;
	height:var(--guild-icon-size);
	width:2.75rem;
	width:var(--guild-icon-size);
	border-radius:9999px;
	background-color:var(--background-tertiary);
}

@media (min-width: 640px){
	._5dd6fd362bf73a09-iconFallback{
		--guild-icon-size:3rem;
	}
}

._5dd6fd362bf73a09-titleRowWithIcon{
	display:inline-flex;
	align-items:center;
	gap:0.375rem;
	min-width:0;
	max-width:100%;
}

._5dd6fd362bf73a09-titleContainer{
	display:grid;
	align-items:center;
	width:100%;
}

._5dd6fd362bf73a09-titleText{
	font-size:1rem;
	line-height:1.25;
	min-width:0;
}

._5dd6fd362bf73a09-headerInvite{
	display:grid;
	grid-auto-flow:row;
	justify-content:flex-start;
	align-items:flex-start;
	grid-gap:0.25rem;
	gap:0.25rem;
	min-height:unset;
	width:100%;
	text-align:start;
}

._5dd6fd362bf73a09-inviteWrapper{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	width:100%;
	max-width:100%;
}

._5dd6fd362bf73a09-verifiedIcon{
	height:1.15rem;
	width:1.15rem;
	flex:0 0 auto;
	color:var(--text-primary);
}

._5dd6fd362bf73a09-stats{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(0, -webkit-max-content));
	grid-template-columns:repeat(auto-fit, minmax(0, max-content));
	grid-gap:0.5rem 0.6rem;
	gap:0.5rem 0.6rem;
	align-items:center;
	min-height:1rem;
}

._5dd6fd362bf73a09-stat{
	display:inline-flex;
	align-items:center;
	min-width:0;
}

._5dd6fd362bf73a09-statDot{
	margin-right:0.3rem;
	height:0.5rem;
	width:0.5rem;
	border-radius:9999px;
	flex:0 0 auto;
}

._5dd6fd362bf73a09-statDotOnline{
	background-color:var(--status-online);
}

._5dd6fd362bf73a09-statDotMembers{
	background-color:var(--text-tertiary-secondary);
}

._5dd6fd362bf73a09-statText{
	color:var(--text-tertiary);
	font-size:clamp(0.68rem, 1.6vw, 0.82rem);
	line-height:1.2;
	white-space:nowrap;
}

._5dd6fd362bf73a09-packTitleRow{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.5rem;
	min-width:0;
}

._5dd6fd362bf73a09-packBadge{
	background:var(--background-modifier-accent);
	color:var(--text-primary);
	font-size:0.75rem;
	line-height:1.25;
	padding:0.15rem 0.5rem;
	border-radius:0.75rem;
	flex-shrink:0;
}

._5dd6fd362bf73a09-packBody{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._5dd6fd362bf73a09-packDescription{
	color:var(--text-secondary);
	font-size:0.875rem;
	line-height:1.4;
	margin:0;
}

._5dd6fd362bf73a09-packMeta{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	font-size:0.78rem;
	color:var(--text-tertiary);
}

._5dd6fd362bf73a09-packNote{
	margin:0;
	font-size:0.75rem;
	color:var(--text-tertiary-secondary);
}

._65bf369ef6261e34-container{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
}

._65bf369ef6261e34-loadingText{
	margin:0;
	font-size:13px;
	color:var(--text-primary-muted);
}

._65bf369ef6261e34-statusBlock{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	padding:var(--spacing-4);
	border-radius:8px;
	border-radius:var(--radius-md, 8px);
	background:var(--background-modifier-accent);
	border-left:4px solid var(--background-modifier-active);
}

._65bf369ef6261e34-statusBlock[data-status='approved']{
	border-left-color:#3ba55d;
	border-left-color:var(--status-positive, #3ba55d);
}

._65bf369ef6261e34-statusBlock[data-status='pending']{
	border-left-color:#faa61a;
	border-left-color:var(--status-warning, #faa61a);
}

._65bf369ef6261e34-statusBlock[data-status='rejected']{
	border-left-color:#ed4245;
	border-left-color:var(--status-danger, #ed4245);
}

._65bf369ef6261e34-statusBlock[data-status='withdrawn']{
	border-left-color:var(--text-primary-muted);
}

._65bf369ef6261e34-statusBadge{
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.04em;
	color:var(--text-primary);
}

._65bf369ef6261e34-reviewNote{
	margin:0;
	font-size:13px;
	line-height:1.4;
	color:var(--text-primary);
}

._65bf369ef6261e34-metaLine{
	margin:0;
	font-size:12px;
	color:var(--text-primary-muted);
}

._65bf369ef6261e34-formContainer{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
}

._65bf369ef6261e34-actionsRow{
	display:flex;
	gap:var(--spacing-3);
	flex-wrap:wrap;
}

._65bf369ef6261e34-errorText{
	margin:0;
	font-size:12px;
	color:#ed4245;
	color:var(--status-danger, #ed4245);
}

._8cefbc903c1cf575-container{
	width:260px;
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-primary);
	padding:1rem;
}

._8cefbc903c1cf575-pickerContainer{
	margin-bottom:0;
}

._8cefbc903c1cf575-pickerContainerWithMargin{
	margin-bottom:0.5rem;
}

._8cefbc903c1cf575-pickerWrapper{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	overflow:visible;
	padding:0.25rem;
}

._8cefbc903c1cf575-colorArea{
	width:100%;
	height:160px;
	border-radius:0.25rem;
	flex-shrink:0;
}

._8cefbc903c1cf575-colorSlider{
	width:100%;
}

._8cefbc903c1cf575-sliderTrack{
	width:100%;
	height:16px;
	border-radius:0.25rem;
}

._8cefbc903c1cf575-colorThumb{
	width:18px;
	height:18px;
	border:2px solid white;
	border-radius:50%;
	box-shadow:0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
}

._8cefbc903c1cf575-colorThumb[data-focus-visible]{
	width:20px;
	height:20px;
}

._8cefbc903c1cf575-colorThumb[data-dragging]{
	width:20px;
	height:20px;
}

._8cefbc903c1cf575-resetButton{
	background:transparent;
	border:none;
	padding:0;
	margin-top:0.5rem;
	color:var(--text-primary);
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5;
	text-transform:none;
	letter-spacing:normal;
	cursor:pointer;
	transition:opacity 0.2s ease, -webkit-text-decoration 0.15s ease;
	transition:opacity 0.2s ease, text-decoration 0.15s ease;
	transition:opacity 0.2s ease, text-decoration 0.15s ease, -webkit-text-decoration 0.15s ease;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	text-align:center;
	gap:0.25rem;
	min-height:24px;
}

._8cefbc903c1cf575-resetButton:disabled{
	cursor:default;
	opacity:0.6;
}

._8cefbc903c1cf575-resetButtonText{
	text-decoration:none;
}

._8cefbc903c1cf575-resetButton:not(:disabled):hover ._8cefbc903c1cf575-resetButtonText,
._8cefbc903c1cf575-resetButton:not(:disabled):focus-visible ._8cefbc903c1cf575-resetButtonText{
	text-decoration:underline;
}

._02845b260a7c5b20-fieldset{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._02845b260a7c5b20-labelContainer{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

._02845b260a7c5b20-label{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._02845b260a7c5b20-inputContainer{
	display:flex;
	flex-direction:column;
	gap:0.375rem;
}

._02845b260a7c5b20-inputWrapper{
	display:flex;
	height:2.75rem;
	width:100%;
	overflow:hidden;
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	transition-property:color, background-color, border-color;
	transition-duration:150ms;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}

._02845b260a7c5b20-inputWrapper:focus-within{
	border-color:var(--background-modifier-accent-focus);
}

._02845b260a7c5b20-input{
	height:100%;
	width:100%;
	min-width:0;
	flex:1 1 0%;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	border:none;
	background-color:transparent;
	padding:0.625rem 1rem;
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
	font-size:0.875rem;
	line-height:1.25rem;
	outline:none;
	color:var(--text-primary);
}

._02845b260a7c5b20-input::-webkit-input-placeholder{
	color:var(--text-primary-muted);
}

._02845b260a7c5b20-input::-moz-placeholder{
	color:var(--text-primary-muted);
}

._02845b260a7c5b20-input::-ms-input-placeholder{
	color:var(--text-primary-muted);
}

._02845b260a7c5b20-input:-ms-input-placeholder{
	color:var(--text-primary-muted);
}

._02845b260a7c5b20-input::placeholder{
	color:var(--text-primary-muted);
}

._02845b260a7c5b20-input:disabled{
	cursor:not-allowed;
	opacity:0.5;
}

._02845b260a7c5b20-inputError{
	color:var(--status-danger);
}

._02845b260a7c5b20-divider{
	height:auto;
	width:1px;
	background-color:var(--background-modifier-accent);
}

._02845b260a7c5b20-swatchButton{
	position:relative;
	display:flex;
	height:100%;
	width:3rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
}

._02845b260a7c5b20-swatchButton:enabled{
	cursor:pointer;
}

._02845b260a7c5b20-swatchButton:disabled{
	cursor:not-allowed;
	opacity:0.5;
}

._02845b260a7c5b20-swatchIcon{
	-webkit-filter:drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
	        filter:drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}

._02845b260a7c5b20-description{
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:1rem;
}

._02845b260a7c5b20-errorText{
	color:var(--status-danger);
	font-size:0.75rem;
	line-height:1rem;
}

._02845b260a7c5b20-popover{
	z-index:20000;
	outline:none;
}

._02845b260a7c5b20-popover[data-entering]{
	animation:_02845b260a7c5b20-popover-enter 150ms ease-out;
}

._02845b260a7c5b20-popover[data-exiting]{
	animation:_02845b260a7c5b20-popover-exit 100ms ease-in;
}

@keyframes _02845b260a7c5b20-popover-enter{
	from{
		opacity:0;
		transform:scale(0.95);
	}
	to{
		opacity:1;
		transform:scale(1);
	}
}

@keyframes _02845b260a7c5b20-popover-exit{
	from{
		opacity:1;
		transform:scale(1);
	}
	to{
		opacity:0;
		transform:scale(0.95);
	}
}

._02845b260a7c5b20-dialog{
	outline:none;
}

._3c38af770ddac67f-dropIndicator{
	position:absolute;
	right:0;
	left:0;
	height:0.125rem;
	border-radius:9999px;
	transition:background-color 150ms;
}

._3c38af770ddac67f-dropIndicatorTop{
	top:-0.125rem;
}

._3c38af770ddac67f-dropIndicatorBottom{
	bottom:-0.125rem;
}

._3c38af770ddac67f-dropIndicatorValid{
	background-color:var(--brand-primary);
}

._3c38af770ddac67f-dropIndicatorInvalid{
	background-color:var(--text-primary-muted);
	opacity:0.6;
}

._8979fe1aed875598-stateButtonsContainer{
	display:flex;
	flex-shrink:0;
	overflow:hidden;
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
}

._8979fe1aed875598-stateButton{
	display:flex;
	height:1.625rem;
	width:1.875rem;
	align-items:center;
	justify-content:center;
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
}

._8979fe1aed875598-stateButtonDisabled{
	cursor:not-allowed;
	opacity:0.5;
}

._8979fe1aed875598-stateButtonEnabled{
	cursor:pointer;
}

._8979fe1aed875598-stateButtonDeny{
	background-color:var(--status-danger);
	color:white;
}

._8979fe1aed875598-stateButtonNeutral{
	background-color:var(--background-modifier-selected);
	color:var(--text-primary);
}

._8979fe1aed875598-stateButtonAllow{
	background-color:var(--status-online);
	color:white;
}

._8979fe1aed875598-stateButtonInactive{
	background-color:var(--background-secondary);
	color:var(--text-primary);
	cursor:pointer;
}

._8979fe1aed875598-stateButtonInactive:hover{
	background-color:var(--background-modifier-hover);
}

._8979fe1aed875598-stateDivider{
	width:1px;
	background-color:var(--background-header-secondary);
}

._8979fe1aed875598-overwriteToggle{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	padding-top:0.375rem;
	padding-bottom:0.375rem;
}

._8979fe1aed875598-overwriteToggleDense{
	padding-top:0.125rem;
	padding-bottom:0.125rem;
	gap:0.5rem;
}

._8979fe1aed875598-overwriteToggleContent{
	display:flex;
	flex:1 1 0%;
	flex-direction:column;
	gap:0.125rem;
}

._8979fe1aed875598-overwriteToggleTitle{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25;
}

._8979fe1aed875598-overwriteToggleTitleEnabled{
	color:var(--text-primary);
}

._8979fe1aed875598-overwriteToggleTitleDisabled{
	color:var(--text-primary-muted);
}

._8979fe1aed875598-overwriteToggleDescription{
	font-size:0.75rem;
	line-height:1.3;
	color:var(--text-primary-muted);
}

._8979fe1aed875598-overwriteToggleActions{
	flex-shrink:0;
}

._8979fe1aed875598-categoryContainer{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._8979fe1aed875598-categoryDivider{
	height:1px;
	background-color:var(--background-modifier-accent);
}

._8979fe1aed875598-categoryTitle{
	margin-top:0.125rem;
	margin-bottom:0.125rem;
	font-weight:600;
	font-size:0.6875rem;
	color:var(--text-tertiary);
	text-transform:uppercase;
	letter-spacing:0.03em;
}

._8979fe1aed875598-categoryPermissions{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._8979fe1aed875598-categoryPermissionsDense{
	gap:0;
}

._8979fe1aed875598-categoryPermissionsGrid{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:0.25rem 0.75rem;
	gap:0.25rem 0.75rem;
}

._8979fe1aed875598-roleToggle{
	padding-top:0.25rem;
	padding-bottom:0.25rem;
}

._8979fe1aed875598-roleToggleDense{
	padding-top:0;
	padding-bottom:0;
}

._8979fe1aed875598-roleCategoryContainer{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._8979fe1aed875598-roleCategoryDivider{
	height:1px;
	background-color:var(--background-modifier-accent);
}

._8979fe1aed875598-roleCategoryTitle{
	margin-top:0.25rem;
	margin-bottom:0.125rem;
	font-weight:600;
	font-size:0.6875rem;
	color:var(--text-tertiary);
	text-transform:uppercase;
	letter-spacing:0.03em;
}

._8979fe1aed875598-roleCategoryPermissions{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._8979fe1aed875598-roleCategoryPermissionsDense{
	gap:0;
}

._8979fe1aed875598-roleCategoryPermissionsGrid{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:0 0.75rem;
	gap:0 0.75rem;
}

._8979fe1aed875598-permissionWarning{
	margin-top:0.25rem;
}

._85be6b72cf06b951-container{
	display:flex;
	flex-direction:column;
	gap:16px;
	max-width:100%;
	font-size:14px;
}

._85be6b72cf06b951-grid{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:16px;
	gap:16px;
	min-height:0;
	align-items:start;
}

._85be6b72cf06b951-right{
	display:flex;
	flex:1 1 auto;
	min-height:0;
	min-width:0;
	flex-direction:column;
	overflow:hidden;
}

._85be6b72cf06b951-rightScroller{
	display:flex;
	flex:1 1 auto;
	min-height:0;
	flex-direction:column;
	gap:16px;
	padding-top:16px;
	padding-bottom:24px;
}

@media (min-width: 640px){
	._85be6b72cf06b951-rightScroller{
		padding-top:20px;
	}
}

._85be6b72cf06b951-sectionRow{
	display:flex;
	flex-direction:column;
	gap:12px;
}

@media (min-width: 640px){
	._85be6b72cf06b951-sectionRow{
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
	}

	._85be6b72cf06b951-sectionRow > button,
	._85be6b72cf06b951-sectionRow > :last-child:not(._85be6b72cf06b951-sectionHeader){
		flex-shrink:0;
	}
}

._85be6b72cf06b951-sectionTitle{
	font-weight:600;
	font-size:1.125rem;
	letter-spacing:-0.01em;
	margin-bottom:4px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._85be6b72cf06b951-subtleText{
	color:var(--text-primary-muted);
	font-size:0.8125rem;
}

._85be6b72cf06b951-sectionHeader{
	display:flex;
	flex-direction:column;
	gap:8px;
	min-width:0;
}

._85be6b72cf06b951-sectionDescription{
	color:var(--text-primary-muted);
	font-size:0.8125rem;
	line-height:1.4;
}

._85be6b72cf06b951-sectionHeaderRow{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	width:100%;
	gap:12px;
}

._85be6b72cf06b951-sectionHelp{
	color:var(--text-primary-muted);
	font-size:0.8125rem;
	flex:1;
}

._85be6b72cf06b951-sectionSubtitle{
	font-weight:600;
	font-size:0.75rem;
	text-transform:uppercase;
	letter-spacing:0.02em;
	margin:16px 0 10px 0;
	color:var(--text-tertiary);
}

._85be6b72cf06b951-displayRow{
	display:flex;
	flex-direction:column;
	gap:16px;
}

@media (min-width: 640px){
	._85be6b72cf06b951-displayRow{
		flex-direction:row;
		align-items:flex-start;
	}
}

._85be6b72cf06b951-nameField{
	flex:1;
	min-width:0;
}

._85be6b72cf06b951-colorField{
	flex:0 0 auto;
	min-width:200px;
}

._85be6b72cf06b951-settingsGroup{
	display:flex;
	flex-direction:column;
	gap:12px;
	margin:12px 0;
}

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

._85be6b72cf06b951-permSearchInput{
	flex:1;
	min-width:0;
}

._85be6b72cf06b951-layoutButtons{
	display:flex;
	align-items:center;
	gap:4px;
	flex-shrink:0;
}

._85be6b72cf06b951-layoutButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	border-radius:6px;
	background:var(--background-secondary);
	color:var(--text-primary-muted);
	cursor:pointer;
	transition:background-color 150ms ease, color 150ms ease;
}

._85be6b72cf06b951-layoutButton:hover{
	background:var(--background-modifier-hover);
	color:var(--text-primary);
}

._85be6b72cf06b951-permCategories{
	display:flex;
	flex-direction:column;
	gap:18px;
	margin-top:16px;
}

._85be6b72cf06b951-permHeaderRow{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	width:100%;
}

._85be6b72cf06b951-permHelp{
	color:var(--text-primary-muted);
	font-size:0.8125rem;
	flex:1;
}

._85be6b72cf06b951-icon{
	width:16px;
	height:16px;
	margin-right:6px;
	display:inline-flex;
	align-items:center;
}

._85be6b72cf06b951-emptyState{
	padding:16px 0;
	text-align:center;
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

._85be6b72cf06b951-itemWrap{
	position:relative;
}

._85be6b72cf06b951-roleButton{
	min-height:2rem;
}

._85be6b72cf06b951-dragging{
	opacity:0.5;
}

._85be6b72cf06b951-noDrag{
	cursor:default;
}

._85be6b72cf06b951-lockIcon{
	width:16px;
	height:16px;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

._85be6b72cf06b951-dropZone{
	position:relative;
	margin-left:8px;
	margin-right:8px;
	height:10px;
}

._85be6b72cf06b951-dropZoneTrack{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
}

._85be6b72cf06b951-dropZoneBar{
	height:2px;
	width:100%;
	border-radius:9999px;
	transform-origin:center;
	transform:scaleY(0);
	transition:transform 150ms ease-in-out, opacity 150ms ease-in-out, background-color var(--transition-fast);
}

._85be6b72cf06b951-visible{
	transform:scaleY(1);
}

._85be6b72cf06b951-valid{
	background:var(--brand-primary);
	opacity:1;
}

._85be6b72cf06b951-invalid{
	background:var(--text-primary-muted);
	opacity:0.6;
}

._85be6b72cf06b951-sectionPad{
	padding-top:16px;
}

._85be6b72cf06b951-leftTitle{
	margin-bottom:4px;
	font-weight:600;
	font-size:0.75rem;
	text-transform:uppercase;
	letter-spacing:0.02em;
	color:var(--text-tertiary);
}

._85be6b72cf06b951-overwriteItem{
	position:relative;
	display:flex;
	width:100%;
	align-items:center;
	gap:8px;
	border-radius:4px;
	padding:6px 8px;
	text-align:left;
	cursor:pointer;
	background:transparent;
}

._85be6b72cf06b951-overwriteItem:not(._85be6b72cf06b951-overwriteItemSelected):hover{
	background:var(--background-modifier-hover);
}

._85be6b72cf06b951-overwriteItemSelected{
	background:var(--brand-primary);
	color:var(--brand-primary-fill);
}

._85be6b72cf06b951-roleDot{
	width:12px;
	height:12px;
	border-radius:9999px;
	flex-shrink:0;
}

._85be6b72cf06b951-overwriteName{
	flex:0 1 auto;
	max-width:180px;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
	line-height:1.2;
	max-height:1.2em;
}

._85be6b72cf06b951-mobileRoleList{
	display:flex;
	flex-direction:column;
	gap:12px;
}

._85be6b72cf06b951-mobileListHeader{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	gap:8px;
}

._85be6b72cf06b951-mobileListTitle{
	font-weight:600;
	font-size:1rem;
	color:var(--text-primary);
}

._85be6b72cf06b951-mobileRoles{
	display:flex;
	flex-direction:column;
	gap:4px;
}

._85be6b72cf06b951-mobileRoleItem{
	display:flex;
	width:100%;
	align-items:center;
	gap:10px;
	padding:10px 12px;
	border-radius:6px;
	background:var(--background-secondary);
	cursor:pointer;
	transition:background-color 150ms ease;
}

._85be6b72cf06b951-mobileRoleItem:hover{
	background:var(--background-modifier-hover);
}

._85be6b72cf06b951-mobileRoleName{
	flex:1;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
	text-align:left;
	line-height:1.2;
	max-height:1.2em;
}

._85be6b72cf06b951-mobileRoleChevron{
	flex-shrink:0;
	color:var(--text-primary-muted);
}

._85be6b72cf06b951-mobileBackRow{
	margin-bottom:8px;
}

.e7f78fa9adedab72-formContainer{
	display:flex;
	flex-direction:column;
	gap:16px;
}

.fa0215a9bbcc620a-tagsContainer{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.fa0215a9bbcc620a-tagsHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.fa0215a9bbcc620a-tagsLabel{
	font-size:0.875rem;
	font-weight:500;
	color:var(--text-primary);
}

.fa0215a9bbcc620a-tagInputRow{
	display:flex;
	gap:0.5rem;
}

.fa0215a9bbcc620a-tagsList{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
}

.fa0215a9bbcc620a-tag{
	display:flex;
	align-items:center;
	gap:0.375rem;
	padding:0.375rem 0.75rem;
	border-radius:9999px;
	background-color:var(--brand-primary);
	color:white;
	font-size:0.875rem;
}

.fa0215a9bbcc620a-tagRemoveButton{
	display:flex;
	width:1rem;
	height:1rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	transition:opacity 0.2s ease;
	cursor:pointer;
}

.fa0215a9bbcc620a-tagRemoveButton:hover{
	opacity:0.7;
}

.c3cbd50fc9edbca3-container{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.c3cbd50fc9edbca3-title{
	font-size:0.875rem;
	font-weight:600;
	color:var(--text-tertiary);
}

.c3cbd50fc9edbca3-previewContainer{
	display:flex;
	justify-content:center;
	gap:0.75rem;
}

.c3cbd50fc9edbca3-previewItem{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
}

.c3cbd50fc9edbca3-previewBox{
	display:flex;
	aspect-ratio:1;
	width:8rem;
	align-items:center;
	justify-content:center;
	border-radius:0.375rem;
	border:1px solid var(--background-modifier-accent);
}

.c3cbd50fc9edbca3-darkBackground{
	background:hsl(220, calc(13% * 1), 8%);
	background:hsl(220, calc(13% * var(--saturation-factor, 1)), 8%);
}

.c3cbd50fc9edbca3-lightBackground{
	background:hsl(210, calc(20% * 1), 98%);
	background:hsl(210, calc(20% * var(--saturation-factor, 1)), 98%);
}

.c3cbd50fc9edbca3-previewImage{
	width:100%;
	height:100%;
	padding:0.5rem;
	border-radius:0.25rem;
	object-fit:cover;
}

.c3cbd50fc9edbca3-label{
	font-size:0.75rem;
	color:var(--text-primary-muted);
}

.f911e9703c2ebfa6-content{
	display:flex;
	flex-direction:column;
	gap:16px;
}

._8665e386e2530eb3-container{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	gap:var(--sticker-card-gap, 0.75rem);
	height:100%;
	min-height:0;
	border-radius:0.5rem;
	border:1px solid var(--background-header-secondary);
	padding:0.75rem;
	padding:var(--sticker-card-padding, 0.75rem);
	transition:box-shadow 0.15s ease-in-out;
	cursor:pointer;
}

._8665e386e2530eb3-container:hover{
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

._8665e386e2530eb3-stickerWrapper{
	display:flex;
	flex:1 1 auto;
	width:100%;
	max-height:100%;
	max-width:100%;
	min-height:0;
	aspect-ratio:1 / 1;
	align-items:center;
	justify-content:center;
}

._8665e386e2530eb3-stickerImage{
	height:100%;
	width:100%;
	object-fit:contain;
}

._8665e386e2530eb3-content{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	min-height:0;
}

._8665e386e2530eb3-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.5rem;
	min-width:0;
}

._8665e386e2530eb3-stickerName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	min-width:0;
	font-weight:600;
	font-size:0.875rem;
}

._8665e386e2530eb3-gifBadge{
	flex-shrink:0;
	border-radius:0.25rem;
	background-color:var(--brand-primary);
	padding:0.125rem 0.375rem;
	color:white;
	font-size:0.75rem;
}

._8665e386e2530eb3-authorInfo{
	margin-top:0.25rem;
	display:flex;
	align-items:center;
	gap:0.375rem;
}

._8665e386e2530eb3-authorAvatar{
	height:1rem;
	width:1rem;
	border-radius:50%;
}

._8665e386e2530eb3-authorName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:1rem;
	max-height:1rem;
}

._8665e386e2530eb3-actions{
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	display:flex;
	gap:0.25rem;
	opacity:0;
	transition:opacity 0.15s ease-in-out;
}

._8665e386e2530eb3-container:hover ._8665e386e2530eb3-actions{
	opacity:1;
}

._8665e386e2530eb3-actionButton{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-primary);
	padding:0.5rem;
	color:var(--text-primary-muted);
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	transition:all 0.15s ease-in-out;
	cursor:pointer;
}

._8665e386e2530eb3-actionButton:hover{
	border-color:var(--brand-primary);
	background-color:var(--brand-primary);
	color:white;
}

._8665e386e2530eb3-deleteButton:hover{
	border-color:var(--status-danger);
	background-color:var(--status-danger);
	color:white;
}

._8665e386e2530eb3-icon{
	height:0.75rem;
	width:0.75rem;
}

.ed69efd17e2c56ea-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.ed69efd17e2c56ea-header{
	display:flex;
	flex-direction:column;
}

.ed69efd17e2c56ea-title{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

.ed69efd17e2c56ea-subtitle{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.ed69efd17e2c56ea-controls{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:0.75rem;
}

.ed69efd17e2c56ea-searchInput{
	flex:1 1 240px;
}

.ed69efd17e2c56ea-viewToggle{
	display:inline-flex;
	align-items:stretch;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	border-radius:0.5rem;
	overflow:hidden;
}

.ed69efd17e2c56ea-viewToggleButton{
	border:none;
	background:transparent;
	padding:0.45rem 0.75rem;
	color:var(--text-primary-muted);
	font-weight:600;
	cursor:pointer;
	transition:background-color 0.12s ease-in-out, color 0.12s ease-in-out;
}

.ed69efd17e2c56ea-viewToggleButton:not(:last-child){
	border-right:1px solid var(--background-header-secondary);
}

.ed69efd17e2c56ea-viewToggleButtonActive{
	background-color:var(--background-tertiary);
	color:var(--text-primary);
}

.ed69efd17e2c56ea-hiddenInput{
	display:none;
}

.ed69efd17e2c56ea-spinnerContainer{
	display:flex;
	justify-content:center;
	padding:2rem 0;
}

.ed69efd17e2c56ea-notice{
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-tertiary);
	padding:1.5rem;
}

.ed69efd17e2c56ea-noticeText{
	text-align:center;
	color:var(--text-primary-muted);
}

.ed69efd17e2c56ea-stickerGrid{
	--sticker-grid-gap:1rem;
	display:grid;
	grid-gap:1rem;
	grid-gap:var(--sticker-grid-gap);
	gap:1rem;
	gap:var(--sticker-grid-gap);
	grid-template-columns:repeat(auto-fill, minmax(190px, 1fr));
	grid-template-columns:repeat(auto-fill, minmax(var(--sticker-card-min-width, 190px), 1fr));
	grid-auto-rows:260px;
	grid-auto-rows:var(--sticker-card-height, 260px);
	align-items:stretch;
}

.ed69efd17e2c56ea-compactGrid{
	--sticker-card-min-width:150px;
	--sticker-card-height:220px;
	--sticker-card-padding:0.5rem;
	--sticker-card-gap:0.5rem;
}

.ed69efd17e2c56ea-cozyGrid{
	--sticker-card-min-width:190px;
	--sticker-card-height:260px;
	--sticker-card-padding:0.75rem;
	--sticker-card-gap:0.75rem;
}

.f1887d45690f892a-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.f1887d45690f892a-header{
	display:flex;
	flex-direction:column;
}

.f1887d45690f892a-title{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

.f1887d45690f892a-subtitle{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.f1887d45690f892a-spinnerContainer{
	display:flex;
	justify-content:center;
	padding:2rem 0;
}

.f1887d45690f892a-warning{
	border-radius:0.375rem;
	border:1px solid rgba(234, 179, 8, 0.5);
	background-color:rgba(234, 179, 8, 0.1);
	padding:1rem;
}

.f1887d45690f892a-warningContent{
	display:flex;
	align-items:flex-start;
	gap:0.75rem;
}

.f1887d45690f892a-warningIcon{
	margin-top:0.125rem;
	color:rgb(234, 179, 8);
}

.f1887d45690f892a-warningBody{
	flex:1;
}

.f1887d45690f892a-warningTitle{
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
	color:rgb(234, 179, 8);
}

.f1887d45690f892a-warningText{
	margin-top:0.25rem;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.f1887d45690f892a-formCard{
	display:flex;
	flex-direction:column;
	gap:1rem;
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:1rem;
}

.f1887d45690f892a-fieldLabel{
	margin-bottom:0.5rem;
	display:block;
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
}

.f1887d45690f892a-inputRow{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.f1887d45690f892a-inputPrefix{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.f1887d45690f892a-inputWrapper{
	flex:1;
}

.f1887d45690f892a-helpText{
	margin-top:0.5rem;
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-primary-muted);
}

.f1887d45690f892a-usage{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.f1887d45690f892a-usageValue{
	font-weight:600;
	color:var(--text-primary);
}

.f1887d45690f892a-actions{
	display:flex;
	justify-content:flex-end;
}

.f1887d45690f892a-actions > *{
	flex:none;
}

.f561c9aef7962c87-container{
	border-radius:var(--radius-xl);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-textarea);
	overflow:hidden;
}

.f561c9aef7962c87-headerButton{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	min-height:var(--input-container-min-height);
	padding:0 var(--input-container-padding);
	background:transparent;
	border:none;
	text-align:left;
	cursor:pointer;
	transition:background-color var(--transition-fast);
}

.f561c9aef7962c87-headerButton:hover{
	background-color:var(--background-modifier-hover);
}

.f561c9aef7962c87-headerButton:focus-visible{
	background-color:var(--background-modifier-hover);
	outline:2px solid var(--brand-primary);
	outline-offset:-2px;
}

.f561c9aef7962c87-left{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	min-width:0;
	flex:1;
}

.f561c9aef7962c87-avatarLarge{
	height:32px;
	width:32px;
	flex-shrink:0;
	border-radius:9999px;
	background-position:center;
	background-size:cover;
}

.f561c9aef7962c87-textBlock{
	display:flex;
	flex-direction:column;
	gap:2px;
	min-width:0;
	flex:1;
}

.f561c9aef7962c87-titleRow{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:var(--spacing-1);
}

.f561c9aef7962c87-name{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.125rem;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.f561c9aef7962c87-channelTag{
	background-color:var(--background-modifier-hover);
	border-radius:9999px;
	color:var(--text-primary-muted);
	display:none;
	font-size:0.75rem;
	padding:2px 10px;
}

@media (min-width: 768px){
	.f561c9aef7962c87-channelTag{
		display:inline-block;
	}
}

.f561c9aef7962c87-metaRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:0.8125rem;
	min-width:0;
}

.f561c9aef7962c87-channelTagMobile{
	display:inline-block;
	border-radius:9999px;
	background-color:var(--background-modifier-hover);
	color:var(--text-primary-muted);
	padding:2px 10px;
	font-size:0.75rem;
}

@media (min-width: 768px){
	.f561c9aef7962c87-channelTagMobile{
		display:none;
	}
}

.f561c9aef7962c87-chevron{
	height:20px;
	width:20px;
	flex-shrink:0;
	color:var(--text-tertiary);
	transition:transform var(--transition-fast);
}

@media (min-width: 768px){
	.f561c9aef7962c87-chevron{
		height:24px;
		width:24px;
	}
}

.f561c9aef7962c87-chevronExpanded{
	transform:rotate(180deg);
}

.f561c9aef7962c87-details{
	border-top:1px solid var(--background-modifier-accent);
	padding:var(--spacing-3) var(--input-container-padding);
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

.f561c9aef7962c87-detailsRow{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

@media (min-width: 768px){
	.f561c9aef7962c87-detailsRow{
		flex-direction:row;
		align-items:flex-start;
		gap:var(--spacing-4);
	}
}

.f561c9aef7962c87-avatarColumn{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--spacing-2);
}

@media (min-width: 768px){
	.f561c9aef7962c87-avatarColumn{
		width:128px;
	}
}

.f561c9aef7962c87-label{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
	font-weight:600;
	color:var(--text-primary-muted);
	font-size:12px;
	letter-spacing:0.04em;
	text-transform:uppercase;
}

.f561c9aef7962c87-avatarPreview{
	height:80px;
	width:80px;
	border-radius:9999px;
	background-position:center;
	background-size:cover;
}

.f561c9aef7962c87-fields{
	display:flex;
	flex:1;
	flex-direction:column;
	gap:var(--spacing-3);
}

.f561c9aef7962c87-fieldsRow{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

@media (min-width: 768px){
	.f561c9aef7962c87-fieldsRow{
		flex-direction:row;
		align-items:flex-start;
		gap:var(--spacing-4);
	}
}

.f561c9aef7962c87-fieldGrow{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	flex:1;
}

.f561c9aef7962c87-actions{
	display:flex;
	justify-content:flex-end;
	gap:var(--spacing-2);
}

.f561c9aef7962c87-avatarActions{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

.f561c9aef7962c87-fileInput{
	display:none;
}

.f561c9aef7962c87-urlWrapper{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

.f561c9aef7962c87-monoInput{
	font-family:var(--font-mono);
}

.f561c9aef7962c87-iconSmall{
	height:1rem;
	width:1rem;
}

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

.c476dcf1ff9edb9c-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.c476dcf1ff9edb9c-header{
	display:flex;
	flex-direction:column;
}

.c476dcf1ff9edb9c-title{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

.c476dcf1ff9edb9c-subtitle{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.c476dcf1ff9edb9c-notice{
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	padding:1.5rem;
	text-align:center;
	color:var(--text-primary-muted);
}

.c476dcf1ff9edb9c-infoBox{
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	padding:1rem;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.c476dcf1ff9edb9c-infoBox strong{
	font-weight:700;
}

.c476dcf1ff9edb9c-spinnerContainer{
	display:flex;
	justify-content:center;
	padding:2rem 0;
}

.c476dcf1ff9edb9c-webhookList{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.bc3d792abc35a14c-role > :first-child{
	margin-right:4px;
	margin-left:1px;
}

.bc3d792abc35a14c-role:hover .bc3d792abc35a14c-roleRemoveIcon{
	opacity:1;
}

.bc3d792abc35a14c-iconSmall{
	height:16px;
	width:16px;
}

.bc3d792abc35a14c-iconMedium{
	height:20px;
	width:20px;
}

.bc3d792abc35a14c-loadingContainer{
	display:flex;
	height:100px;
	width:300px;
	align-items:center;
	justify-content:center;
	border-radius:0.375rem;
	border:2px solid var(--brand-primary);
	background-color:var(--background-primary);
}

.bc3d792abc35a14c-memberListProfileCard{
	--profile-card-width:min(18.25rem, calc(100vw - 2rem));
	--profile-card-radius:1rem;
	--profile-card-border-width:1px;
	--profile-card-padding-bottom:0.65rem;
	--profile-card-background:linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-floating) 92%, var(--background-primary) 8%),
			color-mix(in srgb, var(--background-primary) 94%, var(--background-secondary) 6%)
		);
	--profile-card-shadow:0 16px 40px rgb(5 9 18 / 36%), 0 0 0 1px color-mix(in srgb, var(--background-modifier-accent) 75%, transparent);
}

.bc3d792abc35a14c-profileCustomStatus{
	display:flex;
	align-items:center;
	gap:0.35rem;
}

.bc3d792abc35a14c-profileCustomStatusText{
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-primary-muted);
}

.bc3d792abc35a14c-profileCustomStatus:hover .bc3d792abc35a14c-profileCustomStatusText{
	--emoji-show-animated:1;
}

.bc3d792abc35a14c-profileMusicActivity{
	margin-top:0.15rem;
	width:100%;
	min-width:0;
}

.bc3d792abc35a14c-profileSteamNowPlaying{
	margin-top:0.28rem;
	width:100%;
	min-width:0;
}

.aa13f11336df9564-roleIndicator{
	display:flex;
	height:12px;
	width:12px;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	padding:0;
}

.aa13f11336df9564-roleBadge{
	display:flex;
	height:1.5rem;
	min-width:0;
	max-width:268px;
	align-items:center;
	border-radius:4px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-primary);
	padding:0.25rem;
	font-weight:600;
	font-size:0.75rem;
	line-height:1rem;
}

.aa13f11336df9564-roleRemoveButtonContainer{
	position:relative;
	flex-shrink:0;
}

.aa13f11336df9564-roleRemoveButton{
	position:relative;
	flex-shrink:0;
	cursor:pointer;
}

.aa13f11336df9564-roleRemoveIconContainer{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	height:10px;
	width:10px;
	opacity:0;
}

.aa13f11336df9564-roleName{
	margin-right:0.125rem;
	min-width:0;
	max-width:200px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:600;
	font-size:12px;
	line-height:1.33;
	max-height:1.33em;
	color:var(--text-primary);
}

.aa13f11336df9564-roleListContainer{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	gap:0.25rem;
}

.aa13f11336df9564-addRoleButton{
	cursor:pointer;
	transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.aa13f11336df9564-addRoleButtonPill{
	display:flex;
	height:1.5rem;
	align-items:center;
	gap:0.25rem;
	border-radius:4px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-primary);
	padding:0.25rem 0.5rem 0.25rem 0.25rem;
	color:var(--text-tertiary);
	cursor:pointer;
}

.aa13f11336df9564-addRoleButtonPill:hover,
.aa13f11336df9564-addRoleButtonPill.aa13f11336df9564-addRoleButtonActive{
	color:var(--text-primary);
}

.aa13f11336df9564-addRoleButtonActive{
	color:var(--text-primary);
}

.aa13f11336df9564-addRoleLabel{
	font-size:0.75rem;
	font-weight:600;
	white-space:nowrap;
}

.aa13f11336df9564-addRoleButtonIcon{
	display:flex;
	height:1rem;
	width:1rem;
	align-items:center;
	justify-content:center;
	color:var(--text-tertiary);
	cursor:pointer;
}

.aa13f11336df9564-addRoleButtonIcon:hover{
	color:var(--text-primary);
}

.aa13f11336df9564-iconSize{
	height:1rem;
	width:1rem;
}

.aa13f11336df9564-addRoleButtonMobile{
	display:flex;
	align-items:center;
	gap:0.5rem;
	padding:0.625rem 1rem;
	border-radius:0.5rem;
	background-color:var(--background-secondary-alt);
	color:var(--text-primary);
	font-weight:500;
	font-size:0.875rem;
	cursor:pointer;
	width:100%;
	margin-top:0.5rem;
}

.aa13f11336df9564-addRoleButtonMobile:active{
	background-color:var(--background-tertiary);
}

.aa13f11336df9564-iconSizeMobile{
	height:1.25rem;
	width:1.25rem;
	color:var(--text-secondary);
}

.aa13f11336df9564-addRoleLabelMobile{
	color:var(--text-primary);
}

.aa13f11336df9564-roleColorIndicator{
	height:12px;
	width:12px;
	border-radius:9999px;
	flex-shrink:0;
}

.c48574c8174267ca-bioContainer{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.c48574c8174267ca-viewFullButton{
	text-align:left;
	color:var(--text-link);
	font-size:12px;
	line-height:16px;
	cursor:pointer;
}

.c48574c8174267ca-viewFullButton:hover{
	text-decoration:underline;
}

.c48574c8174267ca-membershipContainer{
	display:flex;
	flex-direction:column;
	gap:4px;
}

.c48574c8174267ca-membershipTitle{
	font-weight:600;
	font-size:14px;
	line-height:20px;
	color:var(--text-primary);
}

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

.c48574c8174267ca-membershipDate{
	display:flex;
	align-items:center;
	gap:4px;
}

.c48574c8174267ca-membershipIcon{
	display:flex;
	cursor:pointer;
}

.c48574c8174267ca-membershipDateText{
	font-size:14px;
	line-height:20px;
	color:var(--text-chat);
}

.c48574c8174267ca-rolesContainer{
	display:flex;
	flex-direction:column;
	gap:4px;
}

.c48574c8174267ca-rolesHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.c48574c8174267ca-rolesTitle{
	font-weight:600;
	font-size:14px;
	line-height:20px;
	color:var(--text-primary);
}

.c48574c8174267ca-iconSmall{
	height:16px;
	width:16px;
}

.c48574c8174267ca-membershipGuildIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	--guild-icon-size:16px;
}

.c48574c8174267ca-textChat{
	color:var(--text-chat);
}

.c48574c8174267ca-textXs{
	font-size:8px;
}

._96dc5ce382c4d0b3-headerSection{
	height:140px;
	position:relative;
	overflow:visible;
}

._96dc5ce382c4d0b3-bannerWrapper{
	flex-shrink:0;
	min-height:105px;
	position:relative;
	overflow:hidden;
	border-radius:0.75rem 0.75rem 0 0;
	border-radius:var(--profile-card-radius, 0.75rem) var(--profile-card-radius, 0.75rem) 0 0;
	isolation:isolate;
	transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	        backface-visibility:hidden;
}

._96dc5ce382c4d0b3-banner{
	position:absolute;
	inset:0;
	width:100%;
	height:105px;
	height:var(--profile-banner-height, 105px);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	will-change:transform;
}

:where(._96dc5ce382c4d0b3-banner)::before{
	border-bottom:1px solid var(--background-modifier-accent);
	bottom:0;
	content:'';
	left:0;
	position:absolute;
	width:100%;
}

._96dc5ce382c4d0b3-bannerCutout{
	position:absolute;
	left:10px;
	bottom:-42px;
	width:92px;
	height:92px;
	border-radius:999px;
	background:var(--background-primary);
	border:1px solid color-mix(in srgb, var(--background-modifier-accent) 70%, transparent);
	pointer-events:none;
	z-index:1;
}

._96dc5ce382c4d0b3-avatarButton{
	position:absolute;
	left:10px;
	border:6px solid var(--background-primary);
	border-radius:9999px;
	background-color:var(--background-primary);
	padding:0;
	outline:none;
	z-index:2;
}

._96dc5ce382c4d0b3-avatarButton:focus{
	outline:none;
}

._3d2cc671b7e5efe8-contentSection{
	display:flex;
	flex-direction:column;
	gap:0.42rem;
	padding-top:0.4rem;
	padding-left:0.72rem;
	padding-right:0.72rem;
}

._3d2cc671b7e5efe8-contentSectionWebhook{
	padding-bottom:1rem;
}

.c76a6e6b8f0fff19-footerSection{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	padding-top:1rem;
	padding-left:1rem;
	padding-right:1rem;
}

._2ff08aaf7ca3f424-previewLabel{
	margin-bottom:1rem;
	text-align:center;
	font-weight:500;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._2ff08aaf7ca3f424-profileCard{
	--profile-accent-base:var(--brand-primary);
	position:relative;
	display:flex;
	width:300px;
	width:var(--profile-card-width, 300px);
	flex-direction:column;
	gap:4px;
	overflow:hidden;
	border-radius:0.5rem;
	border-radius:var(--profile-card-radius, 0.5rem);
	border-width:1px;
	border-width:var(--profile-card-border-width, 1px);
	background:var(--profile-card-background, var(--background-primary));
	padding-bottom:0.6rem;
	padding-bottom:var(--profile-card-padding-bottom, 0.6rem);
	box-shadow:none;
	box-shadow:var(--profile-card-shadow, none);
	isolation:isolate;
	transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	        backface-visibility:hidden;
}

._2ff08aaf7ca3f424-profileCard::before{
	content:'';
	position:absolute;
	inset:0;
	padding:2px;
	padding:var(--profile-card-border-width, 2px);
	border-radius:inherit;
	opacity:0;
	pointer-events:none;
	-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite:xor;
	mask-composite:exclude;
	z-index:3;
	will-change:background-position, filter;
	transform:translateZ(0);
}

._2ff08aaf7ca3f424-profileCard[data-accent-effect='rgb-neon']{
	border-color:transparent !important;
}

._2ff08aaf7ca3f424-profileCard[data-accent-effect='rgb-neon']::before{
	opacity:1;
	background:linear-gradient(
		128deg,
		var(--profile-accent-base) 0%,
		#ff4f73 14%,
		#ffe16c 31%,
		#59ffaa 47%,
		#43c6ff 64%,
		#7d93ff 81%,
		#d27dff 93%,
		var(--profile-accent-base) 100%
	);
	background-size:300% 300%;
	animation:_2ff08aaf7ca3f424-profileAccentRgbShift 9.4s linear infinite, _2ff08aaf7ca3f424-profileAccentShade 4.6s ease-in-out infinite;
}

._2ff08aaf7ca3f424-profileCard[data-accent-effect='nebula']{
	border-color:transparent !important;
}

._2ff08aaf7ca3f424-profileCard[data-accent-effect='nebula']::before{
	opacity:1;
	background:linear-gradient(
		145deg,
		#1f296f 0%,
		#4a53db 18%,
		var(--profile-accent-base) 38%,
		#69b8ff 61%,
		#977bff 82%,
		#1f296f 100%
	);
	background-size:285% 285%;
	animation:_2ff08aaf7ca3f424-profileAccentDrift 11.8s linear infinite, _2ff08aaf7ca3f424-profileAccentShadeSoft 6.4s ease-in-out infinite;
}

._2ff08aaf7ca3f424-profileCard[data-accent-effect='stellar']{
	border-color:transparent !important;
}

._2ff08aaf7ca3f424-profileCard[data-accent-effect='stellar']::before{
	opacity:1;
	background:radial-gradient(circle at 18% 20%, rgb(255 255 255 / 0.9) 0 1.2px, transparent 1.9px), radial-gradient(circle at 79% 28%, rgb(255 255 255 / 0.88) 0 1.1px, transparent 1.8px), radial-gradient(circle at 64% 74%, rgb(255 255 255 / 0.86) 0 1.4px, transparent 2px), linear-gradient(132deg, #22366f 0%, var(--profile-accent-base) 42%, #8fcbff 78%, #22366f 100%);
	background-size:240% 240%, 265% 265%, 285% 285%, 300% 300%;
	animation:_2ff08aaf7ca3f424-profileAccentStellar 14.6s linear infinite, _2ff08aaf7ca3f424-profileAccentShadeSoft 7s ease-in-out infinite;
}

._2ff08aaf7ca3f424-profileCard[data-accent-effect='solar']{
	border-color:transparent !important;
}

._2ff08aaf7ca3f424-profileCard[data-accent-effect='solar']::before{
	opacity:1;
	background:linear-gradient(
		132deg,
		#ff7a39 0%,
		#ffd95e 24%,
		var(--profile-accent-base) 52%,
		#ff50b6 78%,
		#ff7a39 100%
	);
	background-size:275% 275%;
	animation:_2ff08aaf7ca3f424-profileAccentPulse 8.8s linear infinite, _2ff08aaf7ca3f424-profileAccentShade 5.2s ease-in-out infinite;
}

@keyframes _2ff08aaf7ca3f424-profileAccentRgbShift{
	0%{
		background-position:0% 52%;
	}
	100%{
		background-position:300% 52%;
	}
}

@keyframes _2ff08aaf7ca3f424-profileAccentDrift{
	0%{
		background-position:0% 48%;
	}
	100%{
		background-position:285% 52%;
	}
}

@keyframes _2ff08aaf7ca3f424-profileAccentStellar{
	0%{
		background-position:0% 0%, 100% 0%, 40% 100%, 0% 50%;
	}
	100%{
		background-position:240% 170%, -160% 210%, 180% -120%, 300% 50%;
	}
}

@keyframes _2ff08aaf7ca3f424-profileAccentPulse{
	0%{
		background-position:0% 50%;
	}
	100%{
		background-position:275% 50%;
	}
}

@keyframes _2ff08aaf7ca3f424-profileAccentShade{
	0%,
	100%{
		-webkit-filter:saturate(1.04) brightness(1);
		        filter:saturate(1.04) brightness(1);
	}
	50%{
		-webkit-filter:saturate(1.22) brightness(1.08);
		        filter:saturate(1.22) brightness(1.08);
	}
}

@keyframes _2ff08aaf7ca3f424-profileAccentShadeSoft{
	0%,
	100%{
		-webkit-filter:saturate(1.02) brightness(1);
		        filter:saturate(1.02) brightness(1);
	}
	50%{
		-webkit-filter:saturate(1.14) brightness(1.06);
		        filter:saturate(1.14) brightness(1.06);
	}
}

@media (prefers-reduced-motion: reduce){
	._2ff08aaf7ca3f424-profileCard[data-accent-effect='rgb-neon']::before,
	._2ff08aaf7ca3f424-profileCard[data-accent-effect='nebula']::before,
	._2ff08aaf7ca3f424-profileCard[data-accent-effect='stellar']::before,
	._2ff08aaf7ca3f424-profileCard[data-accent-effect='solar']::before{
		animation:none;
	}
}

.f3deb09eb9d485ea-userInfoContainer{
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
}

.f3deb09eb9d485ea-nameRow{
	display:flex;
	align-items:center;
	gap:0.125rem;
}

.f3deb09eb9d485ea-nameButton{
	display:inline;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	border:none;
	background:transparent;
	padding:0;
	text-align:left;
	vertical-align:middle;
	font-weight:500;
	color:var(--text-primary);
	font-size:1.25rem;
	line-height:1.5rem;
	max-height:1.5rem;
}

.f3deb09eb9d485ea-nameButtonClickable{
	cursor:pointer;
}

.f3deb09eb9d485ea-nameButtonClickable:hover{
	text-decoration:underline;
}

.f3deb09eb9d485ea-badgeContainer{
	display:inline;
}

.f3deb09eb9d485ea-userTagWrapper{
	margin-left:0.25rem;
}

.f3deb09eb9d485ea-actionsContainer{
	margin-top:0.25rem;
	display:flex;
}

.f3deb09eb9d485ea-usernameRow{
	display:flex;
	align-items:center;
	gap:0.25rem;
	overflow:hidden;
	font-size:14px;
	color:var(--text-tertiary);
	line-height:18px;
}

.f3deb09eb9d485ea-usernameButton{
	display:inline;
	cursor:pointer;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	border:none;
	background:transparent;
	padding:0;
	text-align:left;
	font:inherit;
	color:inherit;
	line-height:18px;
	max-height:18px;
}

.f3deb09eb9d485ea-usernameButton:hover{
	text-decoration:underline;
}

.f3deb09eb9d485ea-pronouns{
	margin-top:0.25rem;
	font-size:13px;
	color:var(--text-tertiary);
}

@media (max-width: 767px){
	.f3deb09eb9d485ea-nameRow{
		flex-wrap:wrap;
		min-width:0;
	}

	.f3deb09eb9d485ea-nameButton{
		max-width:100%;
		font-size:1.1rem;
	}

	.f3deb09eb9d485ea-badgeContainer{
		display:inline-flex;
		max-width:100%;
		overflow-x:auto;
	}

	.f3deb09eb9d485ea-usernameRow{
		flex-wrap:wrap;
		overflow:visible;
	}
}

._727509ef507cee01-messageIcon{
	height:1rem;
	width:1rem;
}

._727509ef507cee01-previewInteractive{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	outline:none;
}

._727509ef507cee01-messageButtonWrapper{
	width:100%;
}

._727509ef507cee01-profileCustomStatus{
	display:flex;
	align-items:center;
	gap:0.35rem;
}

._727509ef507cee01-profileCustomStatusText{
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-primary-muted);
}

._727509ef507cee01-profileCustomStatus:hover ._727509ef507cee01-profileCustomStatusText{
	--emoji-show-animated:1;
}

._727509ef507cee01-profileMusicActivity{
	margin-top:0.35rem;
}

._727509ef507cee01-profileSteamNowPlaying{
	margin-top:0.35rem;
}

._7b69cff8904064a0-modalRoot{
	width:min(520px, 90vw);
	max-width:520px;
}

._7b69cff8904064a0-previewSection{
	width:100%;
	display:flex;
	justify-content:center;
	margin-bottom:1rem;
}

._7b69cff8904064a0-previewStatus{
	word-break:break-word;
}

._7b69cff8904064a0-previewStatusPlaceholder{
	min-height:1rem;
}

._7b69cff8904064a0-modeGrid{
	width:100%;
	max-width:520px;
	margin-inline:auto;
	margin-bottom:0.75rem;
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	grid-gap:0.5rem;
	gap:0.5rem;
}

._7b69cff8904064a0-modeButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:0.4rem;
	min-height:38px;
	padding:0.5rem 0.6rem;
	border-radius:12px;
	border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 84%, var(--background-primary) 16%);
	color:var(--text-secondary);
	font-size:0.78rem;
	font-weight:800;
	cursor:pointer;
	transition:border-color var(--transition-normal), background-color var(--transition-normal), color var(--transition-normal);
}

._7b69cff8904064a0-modeButton:hover{
	color:var(--text-primary);
	border-color:color-mix(in srgb, var(--brand-primary) 34%, transparent);
}

._7b69cff8904064a0-modeButton:disabled{
	opacity:0.5;
	cursor:default;
}

._7b69cff8904064a0-modeButtonActive{
	color:white;
	border-color:color-mix(in srgb, var(--brand-primary) 52%, transparent);
	background:radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--brand-primary) 30%, transparent), transparent 58%), color-mix(in srgb, var(--brand-primary) 56%, var(--background-secondary) 44%);
	box-shadow:0 8px 18px color-mix(in srgb, var(--brand-primary) 16%, transparent);
}

._7b69cff8904064a0-modeEmoji{
	font-size:1rem;
	line-height:1;
}

._7b69cff8904064a0-statusInputWrapper{
	width:100%;
	max-width:520px;
	margin-inline:auto;
	display:flex;
	flex-direction:column;
	gap:0.35rem;
}

._7b69cff8904064a0-characterCount{
	font-size:0.75rem;
	color:var(--text-tertiary);
	text-align:right;
}

._7b69cff8904064a0-giftPresetCard{
	width:100%;
	max-width:520px;
	margin-inline:auto;
	display:flex;
	align-items:center;
	gap:0.75rem;
	padding:0.85rem;
	border-radius:14px;
	border:1px solid color-mix(in srgb, #f5c451 24%, var(--text-primary) 8%, transparent);
	background:radial-gradient(circle at 10% 0%, rgb(245 196 81 / 0.22), transparent 46%), color-mix(in srgb, var(--background-secondary) 84%, var(--background-primary) 16%);
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.08);
}

._7b69cff8904064a0-giftPresetIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	border-radius:14px;
	flex-shrink:0;
	font-size:1.45rem;
	background:linear-gradient(135deg, #ffe08a, #f5a942);
	box-shadow:0 8px 18px rgb(245 169 66 / 0.18);
}

._7b69cff8904064a0-giftPresetTitle{
	font-size:0.88rem;
	font-weight:800;
	color:var(--text-primary);
}

._7b69cff8904064a0-giftPresetDescription{
	margin:0.1rem 0 0;
	font-size:0.75rem;
	line-height:1.3;
	color:var(--text-tertiary);
}

._7b69cff8904064a0-inputRight{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
}

._7b69cff8904064a0-emojiTriggerButton{
	width:32px;
	height:32px;
	border-radius:999px;
	border:none;
	background:transparent;
	color:var(--text-primary-muted);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transition:background-color var(--transition-normal), color var(--transition-normal);
}

._7b69cff8904064a0-emojiPreviewImage{
	width:22px;
	height:22px;
	object-fit:contain;
}

._7b69cff8904064a0-emojiPreviewNative{
	font-size:22px;
	line-height:1;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

._7b69cff8904064a0-emojiTriggerButton:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._7b69cff8904064a0-emojiTriggerButtonActive{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._7b69cff8904064a0-clearButtonIcon{
	border:none;
	background:transparent;
	color:var(--text-primary-muted);
	padding:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border-radius:999px;
}

._7b69cff8904064a0-clearButtonIcon:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._7b69cff8904064a0-clearButtonIcon:disabled{
	opacity:0.4;
}

._7b69cff8904064a0-footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

._7b69cff8904064a0-footer > button{
	flex:0 0 auto !important;
}

._7b69cff8904064a0-expirationSelectWrapper{
	position:relative;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._7b69cff8904064a0-expirationLabel{
	position:absolute;
	top:-1.25rem;
	left:0;
	font-size:0.75rem;
	color:var(--text-tertiary);
	pointer-events:none;
}

._7b69cff8904064a0-expirationSelect{
	width:100%;
}

._000518915ea67344-container{
	display:flex;
	flex-direction:column;
	gap:16px;
}

._000518915ea67344-description{
	font-size:14px;
	color:var(--text-tertiary);
}

._000518915ea67344-preview{
	pointer-events:none;
	position:relative;
	overflow:hidden;
	border-radius:6px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:8px 0;
	margin-bottom:16px;
}

._000518915ea67344-userPreview{
	border-radius:6px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:12px;
	margin-bottom:16px;
}

._000518915ea67344-userInfo{
	display:flex;
	align-items:baseline;
	gap:4px;
}

._000518915ea67344-username{
	font-weight:600;
	color:var(--text-primary);
}

._000518915ea67344-discriminator{
	color:var(--text-tertiary);
}

._000518915ea67344-guildPreview{
	border-radius:6px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:12px;
	margin-bottom:16px;
}

._000518915ea67344-guildName{
	font-weight:600;
	color:var(--text-primary);
}

._000518915ea67344-categorySection{
	margin-bottom:16px;
}

._000518915ea67344-categoryLabel{
	margin-bottom:8px;
	font-size:14px;
	font-weight:600;
	color:var(--text-tertiary);
}

._4487f6404d4c1b79-content{
	display:flex;
	flex-direction:column;
}

._4487f6404d4c1b79-loadingContent{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:2rem;
}

._4487f6404d4c1b79-card{
	padding:1rem;
	padding-top:0;
}

._4487f6404d4c1b79-cardGrid{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

._4487f6404d4c1b79-iconCircle{
	display:flex;
	flex-shrink:0;
	height:3rem;
	width:3rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
}

._4487f6404d4c1b79-iconCircleActive{
	background:linear-gradient(to bottom right, rgb(168 85 247 / 1), rgb(236 72 153 / 1));
}

._4487f6404d4c1b79-iconCircleInactive{
	background:linear-gradient(to bottom right, rgb(168 85 247 / 0.5), rgb(236 72 153 / 0.5));
}

._4487f6404d4c1b79-iconCircleDisabled{
	background-color:var(--background-tertiary);
}

._4487f6404d4c1b79-icon{
	height:1.5rem;
	width:1.5rem;
	color:white;
}

._4487f6404d4c1b79-iconError{
	color:var(--text-tertiary);
}

._4487f6404d4c1b79-cardContent{
	display:flex;
	flex-direction:column;
	min-width:0;
}

._4487f6404d4c1b79-title{
	margin:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:600;
	font-size:1rem;
}

._4487f6404d4c1b79-titlePrimary{
	color:var(--text-primary);
}

._4487f6404d4c1b79-titleTertiary{
	color:var(--text-tertiary);
}

._4487f6404d4c1b79-titleDanger{
	color:var(--status-danger);
}

._4487f6404d4c1b79-subtitle{
	color:var(--text-secondary);
	font-size:0.8rem;
	line-height:1.25;
}

._4487f6404d4c1b79-helpText{
	color:var(--text-tertiary);
	font-size:0.8rem;
	margin-top:0.125rem;
}

._4487f6404d4c1b79-footer{
	display:flex;
	justify-content:flex-end;
	gap:0.5rem;
	padding:0.75rem 1rem;
	border-top:1px solid var(--border-color);
}

._8b1dcc4eec4d9a95-modalRoot{
	width:min(420px, 92vw);
}

._8b1dcc4eec4d9a95-content{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:14px;
	text-align:center;
}

._8b1dcc4eec4d9a95-identity{
	display:grid;
	grid-gap:2px;
	gap:2px;
	min-width:0;
}

._8b1dcc4eec4d9a95-name{
	font-size:1.1rem;
	font-weight:800;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:280px;
}

._8b1dcc4eec4d9a95-tag{
	font-size:0.82rem;
	color:var(--text-tertiary);
}

._8b1dcc4eec4d9a95-qrShell{
	padding:12px;
	border-radius:26px;
	background:radial-gradient(circle at 25% 0%, color-mix(in srgb, var(--brand-primary) 30%, transparent), transparent 48%), color-mix(in srgb, var(--background-secondary) 78%, var(--background-primary) 22%);
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	box-shadow:0 18px 32px rgb(0 0 0 / 0.24), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._8b1dcc4eec4d9a95-qrCanvas{
	display:block;
	border-radius:18px !important;
}

._8b1dcc4eec4d9a95-qrFallback{
	width:224px;
	height:224px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:18px;
	background:color-mix(in srgb, white 94%, var(--brand-primary) 6%);
	color:var(--brand-primary);
}

._8b1dcc4eec4d9a95-description{
	margin:0;
	max-width:300px;
	font-size:0.86rem;
	line-height:1.35;
	color:var(--text-secondary);
}

._8b1dcc4eec4d9a95-linkText{
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	width:100%;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	border-radius:12px;
	padding:9px 10px;
	background:color-mix(in srgb, var(--background-primary) 78%, var(--background-secondary) 22%);
	color:var(--text-primary-muted);
	font-family:var(--font-mono);
	font-size:0.76rem;
	line-height:1.35;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	cursor:copy;
}

._8b1dcc4eec4d9a95-linkText:hover{
	color:var(--text-primary);
	border-color:color-mix(in srgb, var(--brand-primary) 34%, transparent);
}

._55f168546fb2ed9d-card{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	grid-gap:0.6rem 0.75rem;
	gap:0.6rem 0.75rem;
	padding:0.72rem 0.78rem;
	border-radius:0.5rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 68%, transparent);
	box-shadow:none;
}

._55f168546fb2ed9d-compact{
	padding:0.62rem 0.68rem;
}

._55f168546fb2ed9d-header{
	display:flex;
	gap:10px;
	align-items:flex-start;
	min-width:0;
}

._55f168546fb2ed9d-iconShell{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	border-radius:0.4rem;
	flex-shrink:0;
	color:white;
	background:color-mix(in srgb, var(--brand-primary) 82%, var(--background-primary) 18%);
	box-shadow:none;
}

._55f168546fb2ed9d-titleWrap{
	display:grid;
	grid-gap:2px;
	gap:2px;
	min-width:0;
}

._55f168546fb2ed9d-title{
	margin:0;
	font-size:0.86rem;
	font-weight:800;
	color:var(--text-primary);
}

._55f168546fb2ed9d-subtitle{
	margin:0;
	font-size:0.75rem;
	line-height:1.25;
	color:var(--text-tertiary);
}

._55f168546fb2ed9d-linkBox{
	display:flex;
	align-items:center;
	min-height:34px;
	padding:7px 9px;
	grid-column:1 / -1;
	border-radius:0.4rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
	background:color-mix(in srgb, var(--background-primary) 58%, transparent);
	min-width:0;
}

._55f168546fb2ed9d-linkText{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:color-mix(in srgb, var(--brand-primary) 78%, var(--text-primary) 22%);
	font-size:0.76rem;
	font-weight:700;
	text-decoration:none;
}

._55f168546fb2ed9d-linkText:hover{
	text-decoration:underline;
}

._55f168546fb2ed9d-loadingText,
._55f168546fb2ed9d-errorText{
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-width:0;
	color:var(--text-tertiary);
	font-size:0.76rem;
}

._55f168546fb2ed9d-errorText{
	color:#f87171;
	color:var(--text-danger, #f87171);
}

._55f168546fb2ed9d-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
	flex-wrap:wrap;
	grid-column:2;
	grid-row:1;
}

@media (max-width: 767px){
	._55f168546fb2ed9d-card,
	._55f168546fb2ed9d-compact{
		grid-template-columns:minmax(0, 1fr) auto;
		padding:0.65rem;
		border-radius:0.5rem;
	}

	._55f168546fb2ed9d-subtitle{
		display:none;
	}

	._55f168546fb2ed9d-actions{
		justify-content:flex-end;
	}

	._55f168546fb2ed9d-actions > *{
		flex:0 0 auto;
	}
}

._2ae00a70527115ab-root{
	display:grid;
	grid-gap:7px;
	gap:7px;
	padding:0.58rem 0;
	border-radius:0;
	border:0;
	border-top:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
	background:transparent;
}

._2ae00a70527115ab-rootCompact{
	padding:0.58rem 0;
}

._2ae00a70527115ab-rootTransparent{
	padding:0;
	border:none;
	background:transparent;
	border-radius:0;
	max-width:100%;
}

._2ae00a70527115ab-rootIconRow{
	gap:6px;
}

._2ae00a70527115ab-titleRow{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
}

._2ae00a70527115ab-title{
	font-size:0.78rem;
	font-weight:800;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--text-tertiary) 94%, var(--text-secondary));
}

._2ae00a70527115ab-linkedPill{
	display:inline-flex;
	align-items:center;
	gap:4px;
	padding:3px 8px;
	border-radius:0.4rem;
	border:1px solid color-mix(in srgb, var(--brand-primary) 30%, transparent);
	background:color-mix(in srgb, var(--brand-primary) 12%, transparent);
	font-size:0.64rem;
	font-weight:700;
	color:color-mix(in srgb, var(--brand-primary) 78%, var(--text-primary));
}

._2ae00a70527115ab-integrationStack{
	display:grid;
	grid-gap:8px;
	gap:8px;
}

._2ae00a70527115ab-integrationIconRow{
	display:flex;
	align-items:center;
	gap:5px;
	flex-wrap:nowrap;
	max-width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none;
	-ms-overflow-style:none;
}

._2ae00a70527115ab-integrationIconRow::-webkit-scrollbar{
	display:none;
}

._2ae00a70527115ab-integrationIconPill{
	height:30px;
	width:30px;
	border-radius:0.4rem;
	border:1px solid color-mix(in srgb, var(--brand-primary) 26%, transparent);
	background:color-mix(in srgb, var(--brand-primary) 14%, var(--background-primary) 86%);
	color:var(--text-primary);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transition:transform 0.15s ease, -webkit-filter 0.15s ease;
	transition:filter 0.15s ease, transform 0.15s ease;
	transition:filter 0.15s ease, transform 0.15s ease, -webkit-filter 0.15s ease;
}

._2ae00a70527115ab-integrationIconPill:hover,
._2ae00a70527115ab-integrationIconPill:focus-visible{
	-webkit-filter:brightness(1.08);
	        filter:brightness(1.08);
	transform:translateY(-1px);
}

._2ae00a70527115ab-integrationIconPillMuted{
	opacity:0.52;
	border-color:color-mix(in srgb, var(--text-tertiary) 22%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 70%, var(--background-primary) 30%);
}

._2ae00a70527115ab-integrationCard{
	display:grid;
	grid-gap:6px;
	gap:6px;
	padding:6px 8px;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	border-radius:0.45rem;
	background:color-mix(in srgb, var(--background-primary) 40%, transparent);
}

._2ae00a70527115ab-integrationHead{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
}

._2ae00a70527115ab-integrationIdentity{
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:var(--text-primary);
}

._2ae00a70527115ab-integrationName{
	font-size:0.88rem;
	font-weight:700;
}

._2ae00a70527115ab-integrationDetails{
	display:grid;
	grid-gap:4px;
	gap:4px;
	max-height:0;
	opacity:0;
	transform:translateY(-2px);
	overflow:hidden;
	pointer-events:none;
	transition:max-height 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

._2ae00a70527115ab-integrationCard:hover ._2ae00a70527115ab-integrationDetails,
._2ae00a70527115ab-integrationCard:focus-within ._2ae00a70527115ab-integrationDetails,
._2ae00a70527115ab-integrationCard:active ._2ae00a70527115ab-integrationDetails{
	max-height:72px;
	opacity:1;
	transform:translateY(0);
	pointer-events:auto;
}

._2ae00a70527115ab-integrationLogin{
	font-size:0.78rem;
	color:var(--text-secondary);
}

._2ae00a70527115ab-verifiedRow{
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:0.74rem;
	color:color-mix(in srgb, var(--status-positive) 82%, var(--text-primary));
}

._2ae00a70527115ab-disconnectedRow{
	font-size:0.78rem;
	color:var(--text-secondary);
}

@media (max-width: 767px), (hover: none) and (pointer: coarse){
	._2ae00a70527115ab-root,
	._2ae00a70527115ab-rootCompact{
		padding:0.75rem;
		min-width:0;
	}

	._2ae00a70527115ab-integrationDetails{
		max-height:none;
		opacity:1;
		transform:none;
		overflow:visible;
		pointer-events:auto;
	}
}

._5be3fb9eb6e14919-root{
	display:grid;
	grid-gap:0.5rem;
	gap:0.5rem;
	padding:0.7rem 0.75rem;
	border-radius:0.75rem;
	border:1px solid color-mix(in srgb, #9657ff 34%, transparent);
	background:radial-gradient(circle at 100% 0%, color-mix(in srgb, #8f4bff 20%, transparent), transparent 45%), color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%);
}

._5be3fb9eb6e14919-rootCompact{
	padding:0.62rem 0.66rem;
	gap:0.45rem;
}

._5be3fb9eb6e14919-headerRow{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.45rem;
	flex-wrap:wrap;
}

._5be3fb9eb6e14919-streamingBadge{
	display:inline-flex;
	align-items:center;
	gap:0.33rem;
	padding:0.16rem 0.5rem 0.16rem 0.32rem;
	border-radius:999px;
	font-size:0.68rem;
	font-weight:700;
	letter-spacing:0.02em;
	color:rgb(245 236 255);
	background:color-mix(in srgb, #8a42ff 56%, var(--background-floating) 44%);
}

._5be3fb9eb6e14919-streamingBadgeIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:0.9rem;
	height:0.9rem;
	border-radius:999px;
	background:color-mix(in srgb, #ba8dff 58%, #6c2edc 42%);
	color:white;
}

._5be3fb9eb6e14919-channelLink{
	display:inline-flex;
	align-items:center;
	gap:0.22rem;
	font-size:0.69rem;
	font-weight:600;
	text-decoration:none;
	color:color-mix(in srgb, var(--text-secondary) 84%, #c8adff 16%);
}

._5be3fb9eb6e14919-channelLink:hover{
	color:var(--text-primary);
	text-decoration:underline;
}

._5be3fb9eb6e14919-title{
	font-size:0.8rem;
	font-weight:700;
	color:var(--text-primary);
	line-height:1.2;
}

._5be3fb9eb6e14919-metaText{
	font-size:0.69rem;
	color:var(--text-secondary);
	line-height:1.15;
}

._5be3fb9eb6e14919-previewLink{
	display:block;
	border-radius:0.58rem;
	overflow:hidden;
	border:1px solid color-mix(in srgb, #8b4fff 26%, transparent);
	text-decoration:none;
}

._5be3fb9eb6e14919-previewImage{
	display:block;
	width:100%;
	max-height:130px;
	object-fit:cover;
	background:color-mix(in srgb, var(--background-floating) 70%, black 30%);
}

._5be3fb9eb6e14919-rootCompact ._5be3fb9eb6e14919-previewImage{
	max-height:112px;
}

.b68d6f678e77075d-radioButton{
	display:flex;
	height:20px;
	width:20px;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	border:2px solid;
	cursor:pointer;
}

.b68d6f678e77075d-radioButtonSelected{
	border-color:var(--brand-primary);
	background-color:var(--brand-primary);
}

.b68d6f678e77075d-radioButtonUnselected{
	border-color:var(--interactive-muted);
	background-color:transparent;
}

.b68d6f678e77075d-radioIndicator{
	height:8px;
	width:8px;
	border-radius:50%;
	background-color:white;
}

.b19d3a90fc10c78a-content{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-5);
	padding-bottom:var(--spacing-4);
}

.b19d3a90fc10c78a-channelTypeSection{
	display:block;
	margin-bottom:var(--spacing-4);
}

.b19d3a90fc10c78a-channelTypeLabel{
	margin-bottom:8px;
	font-weight:600;
	font-size:14px;
	color:var(--text-primary);
}

.b19d3a90fc10c78a-footer{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:8px;
}

.b19d3a90fc10c78a-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._610698ab243c557f-container{
	display:flex;
	flex-direction:column;
	gap:24px;
}

._56f27604b54c27d4-noteTextarea{
    scrollbar-width:none;
}

._56f27604b54c27d4-noteTextarea::-webkit-scrollbar{
    display:none;
}

._56f27604b54c27d4-modalRoot{
    border:none;
}

._56f27604b54c27d4-userInfo{
    -moz-user-select:text;
     -ms-user-select:text;
         user-select:text;
    -webkit-user-select:text;
    padding-left:12px;
    flex-shrink:0;
}

._56f27604b54c27d4-userInfoHeader{
    gap:8px;
    position:relative;
}

._56f27604b54c27d4-userInfoHeaderMobile{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

._56f27604b54c27d4-userInfoHeaderDesktop{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:flex-start;
}

._56f27604b54c27d4-userInfoHeader[data-accent-effect]{
    border:1px solid transparent;
    border-radius:0.75rem;
    background:transparent;
}

._56f27604b54c27d4-userInfoHeader[data-accent-effect]::before{
    content:'';
    position:absolute;
    inset:0;
    padding:1px;
    border-radius:inherit;
    opacity:0;
    pointer-events:none;
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    z-index:5;
}

._56f27604b54c27d4-userInfoHeader[data-accent-effect='rgb-neon']::before{
    opacity:1;
    background:linear-gradient( 132deg, #ff0000 0%, #00ff00 33%, #0000ff 66%, #ff0000 100%);
    background-size:300% 300%;
    animation:_56f27604b54c27d4-modalAccentRgbShift 2.4s linear infinite;
}

._56f27604b54c27d4-userInfoHeader[data-accent-effect='nebula']::before{
    opacity:1;
    background:linear-gradient( 132deg, #1f296f 0%, var(--profile-accent-base) 42%, #8fcbff 78%, #1f296f 100%);
    background-size:285% 285%;
    animation:_56f27604b54c27d4-modalAccentDrift 11.8s linear infinite, _56f27604b54c27d4-modalAccentShadeSoft 6.4s ease-in-out infinite;
}

._56f27604b54c27d4-userInfoHeader[data-accent-effect='stellar']::before{
    opacity:1;
    background:radial-gradient(circle at 18% 20%, rgb(255 255 255 / 0.9) 0 1.2px, transparent 1.9px), radial-gradient(circle at 79% 28%, rgb(255 255 255 / 0.88) 0 1.1px, transparent 1.8px), radial-gradient(circle at 64% 74%, rgb(255 255 255 / 0.86) 0 1.4px, transparent 2px), linear-gradient(132deg, #22366f 0%, var(--profile-accent-base) 42%, #8fcbff 78%, #22366f 100%);
    background-size:240% 240%, 265% 265%, 285% 285%, 300% 300%;
    animation:_56f27604b54c27d4-modalAccentStellar 14.6s linear infinite, _56f27604b54c27d4-modalAccentShadeSoft 7s ease-in-out infinite;
}

._56f27604b54c27d4-userInfoHeader[data-accent-effect='solar']::before{
    opacity:1;
    background:linear-gradient( 132deg, #ff7a39 0%, #ffd95e 24%, var(--profile-accent-base) 52%, #ff50b6 78%, #ff7a39 100%);
    background-size:275% 275%;
    animation:_56f27604b54c27d4-modalAccentPulse 8.8s linear infinite, _56f27604b54c27d4-modalAccentShade 5.2s ease-in-out infinite;
}

._56f27604b54c27d4-userInfoContent{
    display:flex;
    flex-direction:column;
    gap:4px;
    flex:1;
    min-width:0;
}

._56f27604b54c27d4-nameRow{
    display:flex;
    align-items:center;
    gap:0.35rem;
}

._56f27604b54c27d4-userName{
    display:inline;
    white-space:normal;
    word-break:break-all;
    vertical-align:middle;
    font-weight:600;
    font-size:24px;
    color:var(--text-primary);
    line-height:1.25;
}

._56f27604b54c27d4-userTag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

._56f27604b54c27d4-usernameRow{
    display:flex;
    align-items:center;
    font-size:14px;
    color:var(--text-tertiary);
    line-height:18px;
}

._56f27604b54c27d4-pronouns{
    margin:0;
    font-size:14px;
    color:var(--text-tertiary);
    line-height:18px;
}

._56f27604b54c27d4-customStatusText{
    font-size:0.75rem;
    color:var(--text-primary-muted);
    line-height:1rem;
}

._56f27604b54c27d4-customStatusRow{
    display:flex;
    align-items:center;
    gap:0.35rem;
}

._56f27604b54c27d4-customStatusRow:hover ._56f27604b54c27d4-customStatusText{
    --emoji-show-animated:1;
}

._56f27604b54c27d4-musicActivityRow{
    margin-top:0.45rem;
    max-width:min(100%, 28rem);
}

._56f27604b54c27d4-steamNowPlayingRow{
	margin-top:0.45rem;
	max-width:min(100%, 28rem);
}

._56f27604b54c27d4-tagBadgeRow{
    display:flex;
    align-items:center;
    gap:0.35rem;
    flex-wrap:wrap;
}

._56f27604b54c27d4-badgesWrapper{
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

._56f27604b54c27d4-userNoteEditor{
    display:flex;
    flex-direction:column;
    gap:4px;
}

._56f27604b54c27d4-noteLabel{
    font-weight:600;
    font-size:14px;
    color:var(--text-primary);
}

._56f27604b54c27d4-noteTextareaBase{
    position:relative;
    display:flex;
    max-height:88px;
    min-height:44px;
    width:100%;
    resize:none;
    overflow-x:hidden;
    overflow-y:scroll;
    white-space:pre-wrap;
    word-break:break-word;
    border-radius:10px;
    padding:4px;
    font-size:14px;
    line-height:16px;
}

._56f27604b54c27d4-noteTextareaEditing{
    border:1px solid var(--background-header-secondary);
    background-color:var(--background-secondary);
}

._56f27604b54c27d4-noteTextareaNotEditing{
    border:1px solid transparent;
    background-color:transparent;
}

._56f27604b54c27d4-profileContent{
    display:flex;
    height:100%;
    flex-direction:column;
    gap:20px;
    padding:16px;
    padding-top:0;
}

._56f27604b54c27d4-profileContentHeader{
    display:flex;
    flex-shrink:0;
    flex-direction:column;
    gap:12px;
}

._56f27604b54c27d4-mediaPreviewSection{
	display:grid;
	grid-gap:8px;
	gap:8px;
}

._56f27604b54c27d4-mediaPreviewTitle{
	margin:0;
	font-size:0.78rem;
	font-weight:800;
	letter-spacing:0.07em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--text-tertiary) 94%, var(--text-secondary));
}

._56f27604b54c27d4-mediaPreviewList{
	display:grid;
	grid-gap:6px;
	gap:6px;
}

._56f27604b54c27d4-mediaPreviewItem{
	display:flex;
	align-items:center;
	gap:10px;
	padding:8px 10px;
	border-radius:0.6rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 52%, transparent);
}

._56f27604b54c27d4-mediaPreviewThumb{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	border-radius:0.5rem;
	background:color-mix(in srgb, var(--brand-primary) 18%, var(--background-tertiary) 82%);
	color:white;
	flex-shrink:0;
}

._56f27604b54c27d4-mediaPreviewIcon{
	width:16px;
	height:16px;
}

._56f27604b54c27d4-mediaPreviewMeta{
	display:flex;
	flex-direction:column;
	min-width:0;
}

._56f27604b54c27d4-mediaPreviewName{
	font-size:0.82rem;
	font-weight:700;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._56f27604b54c27d4-mediaPreviewInfo{
	font-size:0.73rem;
	color:var(--text-secondary);
}

._56f27604b54c27d4-mediaPreviewEmpty{
	font-size:0.76rem;
	color:var(--text-secondary);
	padding:8px 2px;
}

._56f27604b54c27d4-giftShowcaseCard{
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px;
	border-radius:0.65rem;
	border:1px solid color-mix(in srgb, #f5c451 14%, var(--text-primary) 6%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 62%, transparent);
	box-shadow:none;
}

._56f27604b54c27d4-giftShowcaseIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border-radius:0.55rem;
	flex-shrink:0;
	color:#241806;
	background:color-mix(in srgb, #f5c451 72%, var(--background-tertiary) 28%);
	box-shadow:none;
}

._56f27604b54c27d4-giftShowcaseText{
	display:grid;
	grid-gap:2px;
	gap:2px;
	min-width:0;
	flex:1;
}

._56f27604b54c27d4-giftShowcaseTitle{
	font-size:0.86rem;
	font-weight:800;
	color:var(--text-primary);
}

._56f27604b54c27d4-giftShowcaseDescription{
	margin:0;
	font-size:0.75rem;
	line-height:1.3;
	color:var(--text-tertiary);
}

._56f27604b54c27d4-bannerContainer{
    height:210px;
    width:100%;
    overflow:hidden;
    position:relative;
}

._56f27604b54c27d4-bannerMask{
    contain:layout paint;
    z-index:0;
    display:block;
    width:100%;
    height:100%;
}

._56f27604b54c27d4-bannerImage{
    height:100%;
    width:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

._56f27604b54c27d4-bannerColor{
    height:100%;
    width:100%;
}

._56f27604b54c27d4-headerContainer{
    position:relative;
    min-height:38px;
    padding:0 16px;
    padding-top:16px;
}

._56f27604b54c27d4-avatarContainer{
    position:absolute;
    top:-66px;
    left:16px;
    z-index:0;
    border:6px solid var(--background-primary);
    background-color:var(--background-primary);
}

._56f27604b54c27d4-actionButtonsContainer{
    display:flex;
    height:38px;
    min-height:38px;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
}

._56f27604b54c27d4-contentContainer{
    z-index:1;
    margin:16px;
    display:flex;
    height:100%;
    flex-direction:column;
    gap:12px;
    overflow:hidden;
}

._56f27604b54c27d4-profileContentWrapper{
    flex:1;
    min-height:0;
    overflow:auto;
    border-radius:0.7rem;
    background:color-mix(in srgb, var(--background-primary) 96%, var(--background-secondary) 4%);
    box-shadow:none;
}

._56f27604b54c27d4-scrollerFullHeight{
    height:100%;
}

._56f27604b54c27d4-modalContainer{
    --profile-accent-base:var(--brand-primary);
    display:flex;
    height:780px;
    width:600px;
    flex-direction:column;
    overflow:hidden;
    border-radius:0.85rem;
    border-width:1px;
    border-style:solid;
    background:color-mix(in srgb, var(--background-secondary) 94%, var(--background-primary) 6%);
    position:relative;
    isolation:isolate;
    box-shadow:0 22px 52px rgb(0 0 0 / 0.3);
}

._56f27604b54c27d4-modalContainer::before{
    content:'';
    position:absolute;
    inset:0;
    padding:1px;
    border-radius:inherit;
    opacity:0;
    pointer-events:none;
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    z-index:5;
}

._56f27604b54c27d4-modalContainer[data-accent-effect='rgb-neon']{
    border-color:transparent !important;
}

._56f27604b54c27d4-modalContainer[data-accent-effect='rgb-neon']::before{
    opacity:1;
    background:linear-gradient( 120deg, var(--profile-accent-base) 0%, #ff5875 18%, #ffd25d 36%, #61ff9f 54%, #4cc9ff 72%, #ae7eff 88%, var(--profile-accent-base) 100%);
    background-size:260% 260%;
    animation:_56f27604b54c27d4-modalAccentRgbShift 11s cubic-bezier(0.45, 0.05, 0.25, 0.98) infinite;
}

._56f27604b54c27d4-modalContainer[data-accent-effect='nebula']{
    border-color:transparent !important;
}

._56f27604b54c27d4-modalContainer[data-accent-effect='nebula']::before{
    opacity:1;
    background:linear-gradient(140deg, #281e63 0%, var(--profile-accent-base) 28%, #5f87ff 64%, #9b7cff 100%);
    background-size:220% 220%;
    animation:_56f27604b54c27d4-modalAccentDrift 12s cubic-bezier(0.42, 0, 0.24, 1) infinite;
}

._56f27604b54c27d4-modalContainer[data-accent-effect='stellar']{
    border-color:transparent !important;
}

._56f27604b54c27d4-modalContainer[data-accent-effect='stellar']::before{
    opacity:1;
    background:radial-gradient(circle at 18% 20%, rgb(255 255 255 / 0.9) 0 1.2px, transparent 1.9px), radial-gradient(circle at 79% 28%, rgb(255 255 255 / 0.88) 0 1.1px, transparent 1.8px), radial-gradient(circle at 64% 74%, rgb(255 255 255 / 0.86) 0 1.4px, transparent 2px), linear-gradient(132deg, #24356c 0%, var(--profile-accent-base) 44%, #8bc4ff 100%);
    background-size:160% 160%, 180% 180%, 200% 200%, 220% 220%;
    animation:_56f27604b54c27d4-modalAccentStellar 13.8s cubic-bezier(0.4, 0.04, 0.2, 0.99) infinite;
}

._56f27604b54c27d4-modalContainer[data-accent-effect='solar']{
    border-color:transparent !important;
}

._56f27604b54c27d4-modalContainer[data-accent-effect='solar']::before{
    opacity:1;
    background:linear-gradient(132deg, #ff7a39 0%, #ffd95e 28%, var(--profile-accent-base) 58%, #ff52ba 100%);
    background-size:230% 230%;
    animation:_56f27604b54c27d4-modalAccentPulse 8.2s cubic-bezier(0.44, 0.06, 0.26, 0.98) infinite;
}

._56f27604b54c27d4-actionButtons{
    display:flex;
    gap:8px;
    width:100%;
    justify-content:flex-end;
}

._56f27604b54c27d4-moreMenuButtonActive{
    background-color:var(--background-modifier-hover);
}

._56f27604b54c27d4-buttonIcon{
    height:1rem;
    width:1rem;
}

._56f27604b54c27d4-menuIcon{
    height:1rem;
    width:1rem;
}

._56f27604b54c27d4-avatarContainer{
    border-radius:9999px;
}

._56f27604b54c27d4-tabsWrapper{
    margin-bottom:8px;
    flex-shrink:0;
}

._56f27604b54c27d4-tabsRow{
    display:flex;
    align-items:center;
    gap:6px;
}

._56f27604b54c27d4-mutualTabLabel{
    display:flex;
    align-items:center;
    gap:6px;
}

._56f27604b54c27d4-mutualMenuButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border:none;
    background:transparent;
    padding:0;
    border-radius:9999px;
    color:var(--text-primary-muted);
    line-height:1;
    flex-shrink:0;
    cursor:pointer;
}

._56f27604b54c27d4-mutualMenuButton:hover{
    background-color:transparent;
    color:var(--text-primary);
}

._56f27604b54c27d4-mutualMenuButtonActive{
    background-color:transparent;
    color:var(--text-primary);
}

._56f27604b54c27d4-mutualMenuIcon{
    width:16px;
    height:16px;
    transition:transform 150ms ease, color 150ms ease;
}

._56f27604b54c27d4-mutualMenuIconOpen{
    transform:rotate(180deg);
}

._56f27604b54c27d4-mutualMenuButton:hover ._56f27604b54c27d4-mutualMenuIcon,
._56f27604b54c27d4-mutualMenuButton:focus-visible ._56f27604b54c27d4-mutualMenuIcon,
._56f27604b54c27d4-mutualMenuButtonActive ._56f27604b54c27d4-mutualMenuIcon{
    color:var(--text-primary);
}

._56f27604b54c27d4-mutualFriendsList{
    display:flex;
    flex-direction:column;
    gap:2px;
}

._56f27604b54c27d4-mutualFriendItem{
    display:flex;
    align-items:center;
    gap:12px;
    padding:6px 8px;
    border-radius:10px;
    cursor:pointer;
}

._56f27604b54c27d4-mutualFriendItem:hover,
._56f27604b54c27d4-mutualFriendItem._56f27604b54c27d4-active{
    background-color:var(--background-modifier-hover);
}

._56f27604b54c27d4-mutualFriendInfo{
    display:flex;
    flex-direction:column;
}

._56f27604b54c27d4-mutualFriendName{
    font-weight:600;
    font-size:14px;
    color:var(--text-primary);
}

._56f27604b54c27d4-mutualFriendUsername{
    font-size:12px;
    color:var(--text-tertiary);
}

._56f27604b54c27d4-emptyState{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:32px;
    color:var(--text-tertiary);
    font-size:14px;
    gap:8px;
}

._56f27604b54c27d4-mutualGuildIcon{
    border-radius:50%;
}

._56f27604b54c27d4-separator{
    margin-bottom:8px;
    width:100%;
    border-bottom:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
    flex-shrink:0;
}

._56f27604b54c27d4-emptyStateIcon{
    width:48px;
    height:48px;
    color:var(--text-tertiary);
    opacity:0.5;
}

._56f27604b54c27d4-loadingScreen{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:0;
}

@keyframes _56f27604b54c27d4-modalAccentRgbShift{
    0%{
        background-position:0% 50%;
    }
    50%{
        background-position:110% 50%;
    }
    100%{
        background-position:220% 50%;
    }
}

@keyframes _56f27604b54c27d4-modalAccentDrift{
    0%,
    100%{
        background-position:0% 50%;
    }
    50%{
        background-position:100% 50%;
    }
}

@keyframes _56f27604b54c27d4-modalAccentStellar{
    0%,
    100%{
        background-position:0% 0%, 100% 0%, 40% 100%, 0% 50%;
    }
    50%{
        background-position:100% 100%, 0% 100%, 80% 0%, 100% 50%;
    }
}

@keyframes _56f27604b54c27d4-modalAccentPulse{
    0%,
    100%{
        background-position:0% 50%;
        -webkit-filter:saturate(1);
                filter:saturate(1);
    }
    50%{
        background-position:100% 50%;
        -webkit-filter:saturate(1.1);
                filter:saturate(1.1);
    }
}

@keyframes _56f27604b54c27d4-modalAccentShade{
    0%,
    100%{
        -webkit-filter:saturate(1.04) brightness(1);
                filter:saturate(1.04) brightness(1);
    }
    50%{
        -webkit-filter:saturate(1.22) brightness(1.08);
                filter:saturate(1.22) brightness(1.08);
    }
}

@keyframes _56f27604b54c27d4-modalAccentShadeSoft{
    0%,
    100%{
        -webkit-filter:saturate(1.02) brightness(1);
                filter:saturate(1.02) brightness(1);
    }
    50%{
        -webkit-filter:saturate(1.14) brightness(1.06);
                filter:saturate(1.14) brightness(1.06);
    }
}

@media (prefers-reduced-motion: reduce){
    ._56f27604b54c27d4-modalContainer[data-accent-effect='rgb-neon']::before,
    ._56f27604b54c27d4-modalContainer[data-accent-effect='nebula']::before,
    ._56f27604b54c27d4-modalContainer[data-accent-effect='stellar']::before,
    ._56f27604b54c27d4-modalContainer[data-accent-effect='solar']::before,
    ._56f27604b54c27d4-userInfoHeader[data-accent-effect='rgb-neon']::before,
    ._56f27604b54c27d4-userInfoHeader[data-accent-effect='nebula']::before,
    ._56f27604b54c27d4-userInfoHeader[data-accent-effect='stellar']::before,
    ._56f27604b54c27d4-userInfoHeader[data-accent-effect='solar']::before{
        animation:none;
    }
}

._7d4f7c6fca04b417-memberListItem{
	display:flex;
	align-items:center;
	gap:0.75rem;
	padding:0.75rem 1rem;
	text-align:left;
	transition:background-color 0.15s;
	cursor:pointer;
	background-color:var(--background-secondary-alt);
	border-radius:0;
}

._7d4f7c6fca04b417-memberListItem:active{
	background-color:var(--background-modifier-hover);
}

._7d4f7c6fca04b417-memberListItemOffline{
	opacity:0.3;
}

._7d4f7c6fca04b417-memberContent{
	display:flex;
	flex-direction:column;
	min-width:0;
	flex:1;
	align-items:flex-start;
	justify-content:center;
}

._7d4f7c6fca04b417-memberNameRow{
	display:flex;
	min-width:0;
	width:100%;
	align-items:center;
}

._7d4f7c6fca04b417-memberName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:500;
	font-size:1rem;
	line-height:1.5rem;
}

._7d4f7c6fca04b417-memberCustomStatus{
	font-size:0.75rem;
	color:var(--text-secondary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:100%;
}

._7d4f7c6fca04b417-memberListItem:hover ._7d4f7c6fca04b417-memberCustomStatus,
._7d4f7c6fca04b417-memberListItem:active ._7d4f7c6fca04b417-memberCustomStatus{
	--emoji-show-animated:1;
}

._7d4f7c6fca04b417-crownContainer{
	margin-top:0.2em;
	margin-left:0.25rem;
}

._7d4f7c6fca04b417-crownIcon{
	height:14px;
	width:14px;
	color:hsl(39, 57%, 64%);
}

._7d4f7c6fca04b417-memberTag{
	margin-left:0.25rem;
}

._7d4f7c6fca04b417-memberGroupContainer{
	display:flex;
	flex-direction:column;
}

._7d4f7c6fca04b417-memberGroupHeader{
	margin-bottom:0.5rem;
	padding-left:1rem;
	padding-right:1rem;
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._7d4f7c6fca04b417-memberGroupList{
	overflow:hidden;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
}

._7d4f7c6fca04b417-memberDivider{
	margin-left:1rem;
	margin-right:1rem;
	height:1px;
	background-color:var(--background-header-secondary);
	opacity:0.3;
}

._7d4f7c6fca04b417-memberListContent{
	display:flex;
	flex-direction:column;
	gap:1rem;
	padding:1rem;
}

._7d4f7c6fca04b417-mainScroller{
	flex:1;
	min-height:0;
}

._7d4f7c6fca04b417-headerActions{
	display:flex;
	gap:0.5rem;
}

._7d4f7c6fca04b417-actionButton{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-tertiary);
	color:var(--text-primary);
	transition:background-color 0.15s;
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	._7d4f7c6fca04b417-actionButton:hover{
		background-color:var(--background-modifier-hover);
	}
}

._7d4f7c6fca04b417-actionIcon{
	height:1.25rem;
	width:1.25rem;
}

._7d4f7c6fca04b417-channelInfo{
	padding:0 1rem 1rem 1rem;
}

._7d4f7c6fca04b417-channelHeader{
	display:flex;
	align-items:center;
	gap:0.5rem;
	margin-bottom:0.5rem;
}

._7d4f7c6fca04b417-channelIcon{
	height:1.5rem;
	width:1.5rem;
	color:var(--text-primary-muted);
}

._7d4f7c6fca04b417-channelName{
	flex:1;
	font-weight:600;
	font-size:1.125rem;
	line-height:1.75rem;
	color:var(--text-primary);
}

._7d4f7c6fca04b417-channelType{
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-tertiary);
	text-transform:uppercase;
	letter-spacing:0.05em;
}

._7d4f7c6fca04b417-topicSection{
	margin-top:0.5rem;
}

._7d4f7c6fca04b417-topicLabel{
	margin-bottom:0.25rem;
	font-weight:600;
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-primary-muted);
	text-transform:uppercase;
}

._7d4f7c6fca04b417-topicContent{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-secondary);
}

._7d4f7c6fca04b417-topicContentCollapsed{
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

._7d4f7c6fca04b417-topicToggle{
	margin-top:0.25rem;
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-link);
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	._7d4f7c6fca04b417-topicToggle:hover{
		text-decoration:underline;
	}
}

._7d4f7c6fca04b417-tabBar{
	display:flex;
	gap:0.5rem;
	padding:0 1rem 0.75rem 1rem;
}

._7d4f7c6fca04b417-tab{
	flex:1;
	padding:0.5rem 1rem;
	border-radius:0.5rem;
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
	text-align:center;
	transition:all 0.15s;
	cursor:pointer;
}

._7d4f7c6fca04b417-tabActive{
	background-color:var(--background-modifier-selected);
	color:var(--text-primary);
}

._7d4f7c6fca04b417-tabContent{
	flex:1;
	min-height:0;
}

._7d4f7c6fca04b417-recipientInfo{
	padding:0 1rem 1rem 1rem;
}

._7d4f7c6fca04b417-recipientAvatarContainer{
	display:flex;
	justify-content:center;
	margin-bottom:1rem;
}

._7d4f7c6fca04b417-recipientDetails{
	text-align:center;
}

._7d4f7c6fca04b417-recipientName{
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
	color:var(--text-primary);
}

._7d4f7c6fca04b417-recipientDiscriminator{
	font-weight:500;
	font-size:1.25rem;
	line-height:1.75rem;
	color:var(--text-tertiary);
}

._7d4f7c6fca04b417-recipientStatus{
	margin-top:0.25rem;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-secondary);
}

._7d4f7c6fca04b417-muteOption{
	padding:0.75rem 1rem;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
	text-align:left;
	transition:background-color 0.15s;
	cursor:pointer;
}

._7d4f7c6fca04b417-muteOption:active{
	background-color:var(--background-modifier-hover);
}

._7d4f7c6fca04b417-muteOptionSelected{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

._7d4f7c6fca04b417-muteCheckIcon{
	height:1.25rem;
	width:1.25rem;
	color:var(--brand-primary);
}

._7d4f7c6fca04b417-topicMarkup{
	min-width:0;
	flex:1;
	cursor:pointer;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-secondary);
	transition:opacity 0.15s;
}

._7d4f7c6fca04b417-topicMarkup:active{
	opacity:0.7;
}

._7d4f7c6fca04b417-topicMarkupCollapsed{
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

._7d4f7c6fca04b417-tabBarContainer{
	display:flex;
}

._7d4f7c6fca04b417-tabButton{
	display:flex;
	flex:1;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	border-bottom:2px solid transparent;
	padding:0.75rem 1rem;
	font-weight:500;
	font-size:1rem;
	line-height:1.5rem;
	transition:color 0.15s;
}

._7d4f7c6fca04b417-tabButtonActive{
	color:var(--brand-primary-light);
}

.theme-light ._7d4f7c6fca04b417-tabButtonActive{
	color:var(--brand-primary);
}

._7d4f7c6fca04b417-tabButtonInactive{
	color:var(--text-tertiary);
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	._7d4f7c6fca04b417-tabButtonInactive:hover{
		color:var(--text-primary);
	}
}

._7d4f7c6fca04b417-tabIcon{
	height:1.25rem;
	width:1.25rem;
}

._7d4f7c6fca04b417-dmMemberList{
	display:flex;
	width:100%;
	align-items:center;
	gap:0.75rem;
	padding:1rem;
	text-align:left;
	transition:background-color 0.15s;
	cursor:pointer;
}

._7d4f7c6fca04b417-dmMemberList:active{
	background-color:var(--background-modifier-hover);
}

._7d4f7c6fca04b417-dmMemberName{
	flex:1;
	font-weight:500;
	font-size:1rem;
	line-height:1.5rem;
	color:var(--text-primary);
}

._7d4f7c6fca04b417-iconSmall{
	height:16px;
	width:16px;
}

._7d4f7c6fca04b417-iconMedium{
	height:20px;
	width:20px;
}

._7d4f7c6fca04b417-iconLarge{
	height:24px;
	width:24px;
}

._7d4f7c6fca04b417-channelInfoSection{
	position:relative;
	padding:1rem;
}

._7d4f7c6fca04b417-closeButton{
	position:absolute;
	top:0.75rem;
	right:0.75rem;
}

._7d4f7c6fca04b417-channelInfoContainer{
	display:flex;
	align-items:center;
	gap:0.75rem;
	padding-right:2.5rem;
}

._7d4f7c6fca04b417-channelAvatar{
	display:flex;
	height:3rem;
	width:3rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-tertiary);
	flex-shrink:0;
}

._7d4f7c6fca04b417-channelInfoContent{
	flex:1;
	min-width:0;
}

._7d4f7c6fca04b417-channelInfoUserContainer{
	display:flex;
	align-items:center;
	min-width:0;
	overflow:hidden;
}

._7d4f7c6fca04b417-channelInfoUsername{
	font-weight:600;
	font-size:1.125rem;
	line-height:1.75rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._7d4f7c6fca04b417-channelInfoDiscriminator{
	font-weight:600;
	font-size:1.125rem;
	line-height:1.75rem;
	color:var(--text-tertiary);
	flex-shrink:0;
}

._7d4f7c6fca04b417-channelInfoTitle{
	font-weight:600;
	font-size:1.125rem;
	line-height:1.75rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._7d4f7c6fca04b417-channelInfoSubtitle{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-secondary);
}

._7d4f7c6fca04b417-channelInfoTag{
	margin-left:0.25rem;
}

._7d4f7c6fca04b417-channelNameWithIcon{
	display:flex;
	align-items:center;
	gap:0.375rem;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
}

._7d4f7c6fca04b417-channelNameIcon{
	height:1.125rem;
	width:1.125rem;
	color:var(--text-tertiary);
	flex-shrink:0;
}

._7d4f7c6fca04b417-topicSectionContainer{
	margin-top:0.75rem;
}

._7d4f7c6fca04b417-topicWrapper{
	display:flex;
	align-items:flex-start;
	gap:0.5rem;
}

._7d4f7c6fca04b417-topicExpandButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2rem;
	height:2rem;
	margin-top:-0.25rem;
	flex-shrink:0;
	border-radius:999px;
	background:var(--background-secondary-alt);
	color:var(--text-primary);
	transition:opacity 0.15s;
	cursor:pointer;
}

._7d4f7c6fca04b417-topicExpandButton:active{
	opacity:0.7;
}

._7d4f7c6fca04b417-contentArea{
	display:flex;
	flex-direction:column;
}

._7d4f7c6fca04b417-membersTabContent{
	display:flex;
	flex-direction:column;
}

._7d4f7c6fca04b417-pinsTabContent{
	display:flex;
	flex-direction:column;
}

._7d4f7c6fca04b417-dmMembersContainer{
	padding:1rem;
}

._7d4f7c6fca04b417-newGroupButton{
	margin-top:0.5rem;
	margin-bottom:1.5rem;
	display:flex;
	width:100%;
	align-items:center;
	gap:0.75rem;
	border-radius:0.5rem;
	background-color:var(--background-secondary-alt);
	padding:0.75rem;
	cursor:pointer;
}

._7d4f7c6fca04b417-newGroupIconContainer{
	display:flex;
	height:2.5rem;
	width:2.5rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--brand-primary);
}

._7d4f7c6fca04b417-newGroupIconWhite{
	color:white;
}

._7d4f7c6fca04b417-newGroupContent{
	flex:1;
	text-align:left;
}

._7d4f7c6fca04b417-newGroupTitle{
	font-weight:500;
	color:var(--text-primary);
}

._7d4f7c6fca04b417-newGroupSubtitle{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
}

._7d4f7c6fca04b417-membersHeader{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._7d4f7c6fca04b417-membersListContainer{
	overflow:hidden;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
}

._7d4f7c6fca04b417-memberItemButton{
	display:flex;
	width:100%;
	align-items:center;
	gap:0.75rem;
	padding:1rem;
	text-align:left;
	transition:background-color 0.15s;
	cursor:pointer;
}

._7d4f7c6fca04b417-memberItemButton:active{
	background-color:var(--background-modifier-hover);
}

.theme-light ._7d4f7c6fca04b417-memberListItem,
.theme-light ._7d4f7c6fca04b417-memberItemButton{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._7d4f7c6fca04b417-memberItemContent{
	display:flex;
	flex-direction:column;
	flex:1;
	min-width:0;
}

._7d4f7c6fca04b417-memberItemName{
	flex:1;
	font-weight:500;
	font-size:1rem;
	line-height:1.5rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._7d4f7c6fca04b417-memberItemYou{
	color:var(--text-tertiary);
	font-weight:400;
}

._7d4f7c6fca04b417-memberItemTags{
	display:flex;
	align-items:center;
	gap:0.375rem;
	margin-top:0.125rem;
}

._7d4f7c6fca04b417-ownerCrown{
	height:14px;
	width:14px;
	color:hsl(39, 57%, 64%);
}

._7d4f7c6fca04b417-memberItemDivider{
	margin-left:1rem;
	margin-right:1rem;
	height:1px;
	background-color:var(--background-header-secondary);
	opacity:0.3;
}

._7d4f7c6fca04b417-muteSheetContainer{
	display:flex;
	height:100%;
	flex-direction:column;
	overflow:hidden;
}

._7d4f7c6fca04b417-muteSheetContent{
	flex:1;
	padding:1rem;
	padding-top:1rem;
}

._7d4f7c6fca04b417-muteStatusBanner{
	margin-bottom:1rem;
	border-radius:0.5rem;
	background-color:var(--background-secondary-alt);
	padding:0.75rem;
}

._7d4f7c6fca04b417-muteStatusText{
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-secondary);
}

._7d4f7c6fca04b417-muteOptionsContainer{
	overflow:hidden;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
}

._7d4f7c6fca04b417-muteOptionButton{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	padding:1rem;
	text-align:left;
	color:var(--text-primary);
	transition:background-color 0.15s;
	cursor:pointer;
}

._7d4f7c6fca04b417-muteOptionButton:active{
	background-color:var(--background-modifier-hover);
}

._7d4f7c6fca04b417-muteOptionLabel{
	font-weight:500;
	font-size:1rem;
	line-height:1.5rem;
}

._7d4f7c6fca04b417-muteOptionDivider{
	margin-left:1rem;
	margin-right:1rem;
	height:1px;
	background-color:var(--background-header-secondary);
	opacity:0.3;
}

._7d4f7c6fca04b417-quickActionsRow{
	padding:0 1rem 0.75rem;
}

._7d4f7c6fca04b417-quickActionsScroll{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
}

._7d4f7c6fca04b417-quickActionButton{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0.25rem;
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
	padding:0.625rem 0.5rem;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
	color:var(--text-primary);
	transition:background-color 0.15s, transform 0.1s;
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	._7d4f7c6fca04b417-quickActionButton:hover{
		background-color:var(--background-modifier-hover);
	}
}

._7d4f7c6fca04b417-quickActionButtonPressed{
	background-color:var(--background-modifier-active);
	transform:scale(0.97);
}

._7d4f7c6fca04b417-quickActionButtonActive{
	background-color:var(--brand-primary);
	color:white;
}

@media (hover: hover) and (pointer: fine){
	._7d4f7c6fca04b417-quickActionButtonActive:hover{
		background-color:var(--brand-primary-light);
	}
}

._7d4f7c6fca04b417-quickActionButtonDanger{
	color:hsl(350, calc(90% * var(--saturation-factor)), 65%);
}

._7d4f7c6fca04b417-quickActionButtonDisabled{
	opacity:0.5;
	cursor:not-allowed;
}

._7d4f7c6fca04b417-quickActionIcon{
	display:flex;
	align-items:center;
	justify-content:center;
	height:1.25rem;
	width:1.25rem;
}

._7d4f7c6fca04b417-quickActionLabel{
	font-size:0.6875rem;
	font-weight:500;
	line-height:1rem;
	text-align:center;
	white-space:nowrap;
}

.theme-light ._7d4f7c6fca04b417-quickActionButton{
	background-color:var(--background-modifier-hover);
}

@media (hover: hover) and (pointer: fine){
	.theme-light ._7d4f7c6fca04b417-quickActionButton:hover{
		background-color:var(--background-modifier-active);
	}
}

._7d4f7c6fca04b417-addFriendsContainer{
	display:flex;
	height:100%;
	flex-direction:column;
	overflow:hidden;
}

._7d4f7c6fca04b417-addFriendsDescription{
	padding:1rem;
	padding-bottom:0.5rem;
	color:var(--text-primary-muted);
	font-size:0.875rem;
	line-height:1.25rem;
}

._7d4f7c6fca04b417-addFriendsSelectorContainer{
	flex:1;
	min-height:0;
	height:400px;
	padding:0 1rem;
}

._7d4f7c6fca04b417-addFriendsFooter{
	display:flex;
	flex-shrink:0;
	align-items:center;
	justify-content:flex-end;
	gap:0.5rem;
	padding:1rem;
	padding-bottom:calc(1rem + 0px);
	padding-bottom:calc(1rem + var(--safe-area-bottom, 0px));
	border-top:1px solid var(--border-subtle);
}

._7d4f7c6fca04b417-skeletonItem{
	display:flex;
	align-items:center;
	gap:0.75rem;
	padding:0.75rem 1rem;
}

._7d4f7c6fca04b417-skeletonAvatar{
	width:40px;
	height:40px;
	border-radius:50%;
	flex-shrink:0;
}

._7d4f7c6fca04b417-skeletonInfo{
	display:flex;
	flex-direction:column;
	gap:0.375rem;
	flex:1;
	min-width:0;
}

._7d4f7c6fca04b417-skeletonName{
	height:1rem;
	width:120px;
	border-radius:4px;
}

._7d4f7c6fca04b417-skeletonStatus{
	height:0.75rem;
	width:80px;
	border-radius:4px;
}

._7d4f7c6fca04b417-skeletonHeader{
	width:100px;
	height:0.875rem;
	border-radius:4px;
}

._7d4f7c6fca04b417-skeleton{
	background:linear-gradient(
		90deg,
		var(--background-secondary) 25%,
		var(--background-tertiary) 50%,
		var(--background-secondary) 75%
	);
	background-size:200% 100%;
	animation:_7d4f7c6fca04b417-skeletonPulse 1.5s ease-in-out infinite;
}

@keyframes _7d4f7c6fca04b417-skeletonPulse{
	0%{
		background-position:200% 0;
	}
	100%{
		background-position:-200% 0;
	}
}

.f5807eb8d49359ed-icon{
	height:1.4rem;
	width:1.4rem;
}

.f5807eb8d49359ed-iconSmall{
	height:1.1rem;
	width:1.1rem;
}

.f5807eb8d49359ed-iconSpacer{
	width:1.4rem;
}

.af9ef5868be041b1-container{
	display:flex;
	flex-direction:column;
	gap:0.8rem;
	padding:0.85rem 0.95rem calc(1rem + 0px);
	padding:0.85rem 0.95rem calc(1rem + var(--safe-area-bottom, 0px));
}

.af9ef5868be041b1-heroCard{
	display:flex;
	flex-direction:column;
	gap:0.45rem;
	padding:0.8rem 0.9rem;
	border-radius:0.95rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-floating) 10%, transparent);
}

.af9ef5868be041b1-heroTopRow{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:0.6rem;
}

.af9ef5868be041b1-heroTitleWrap{
	min-width:0;
}

.af9ef5868be041b1-heroTitle{
	font-size:0.95rem;
	font-weight:700;
	line-height:1.25rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.af9ef5868be041b1-heroSubtitle{
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-primary-muted);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.af9ef5868be041b1-connectionBadge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0.24rem 0.55rem;
	border-radius:999px;
	font-size:0.68rem;
	font-weight:700;
	line-height:1;
	color:color-mix(in srgb, var(--text-primary) 85%, var(--background-floating));
	background:color-mix(in srgb, var(--background-tertiary) 88%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	flex-shrink:0;
}

.af9ef5868be041b1-connectionBadgeConnected{
	color:color-mix(in srgb, var(--status-online) 80%, var(--text-primary));
	border-color:color-mix(in srgb, var(--status-online) 30%, transparent);
	background:color-mix(in srgb, var(--status-online) 14%, transparent);
}

.af9ef5868be041b1-connectionBadgeConnecting{
	color:color-mix(in srgb, var(--status-idle) 86%, var(--text-primary));
	border-color:color-mix(in srgb, var(--status-idle) 30%, transparent);
	background:color-mix(in srgb, var(--status-idle) 14%, transparent);
}

.af9ef5868be041b1-heroHint{
	font-size:0.72rem;
	line-height:1rem;
	color:var(--text-primary-muted);
}

.af9ef5868be041b1-buttonRow{
	display:flex;
	gap:0.5rem;
}

.af9ef5868be041b1-actionButtons{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	grid-gap:0.5rem;
	gap:0.5rem;
}

.af9ef5868be041b1-actionButton{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.38rem;
	padding:0.56rem 0.45rem;
	border-radius:0.8rem;
	background:color-mix(in srgb, var(--background-floating) 10%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	transition:background-color 0.14s ease;
	cursor:pointer;
	min-height:4.4rem;
}

.af9ef5868be041b1-fullWidth{
	width:100%;
	flex:1;
}

@media (hover: hover) and (pointer: fine){
	.af9ef5868be041b1-actionButton:hover{
		background-color:var(--background-modifier-hover);
	}
}

.af9ef5868be041b1-iconContainer{
	display:flex;
	align-items:center;
	justify-content:center;
	width:2.3rem;
	height:2.3rem;
	border-radius:9999px;
}

.af9ef5868be041b1-iconContainerBrand{
	background-color:var(--brand-primary);
}

.af9ef5868be041b1-iconContainerDanger{
	background-color:var(--status-danger);
}

.af9ef5868be041b1-iconContainerTertiary{
	background-color:var(--background-tertiary);
}

.af9ef5868be041b1-iconContainerSuccess{
	background-color:#22c55e;
}

.af9ef5868be041b1-actionIcon{
	color:white;
	width:1.1rem;
	height:1.1rem;
}

.af9ef5868be041b1-actionIconSecondary{
	color:var(--text-primary);
	width:1.1rem;
	height:1.1rem;
}

.af9ef5868be041b1-actionText{
	font-weight:500;
	color:var(--text-secondary);
	font-size:0.68rem;
	line-height:0.95rem;
	text-align:center;
}

.af9ef5868be041b1-devicesSection{
	display:flex;
	flex-direction:column;
	gap:0.45rem;
	padding:0.65rem 0.7rem;
	border-radius:0.85rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	background:color-mix(in srgb, var(--background-floating) 8%, transparent);
}

.af9ef5868be041b1-devicesHeader{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:0.5rem;
}

.af9ef5868be041b1-devicesHeaderText{
	min-width:0;
}

.af9ef5868be041b1-devicesTitle{
	font-size:0.78rem;
	font-weight:700;
	line-height:1rem;
	color:var(--text-primary);
}

.af9ef5868be041b1-devicesDescription{
	font-size:0.68rem;
	line-height:0.95rem;
	color:var(--text-primary-muted);
}

.af9ef5868be041b1-refreshButton{
	display:inline-flex;
	align-items:center;
	gap:0.22rem;
	padding:0.25rem 0.45rem;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-tertiary) 88%, transparent);
	color:var(--text-primary);
	font-size:0.66rem;
	font-weight:600;
	cursor:pointer;
	flex-shrink:0;
}

.af9ef5868be041b1-refreshButton:disabled{
	opacity:0.6;
	cursor:not-allowed;
}

.af9ef5868be041b1-deviceList{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
}

.af9ef5868be041b1-deviceButton{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.1rem;
	width:100%;
	padding:0.45rem 0.55rem;
	border-radius:0.65rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	background:color-mix(in srgb, var(--background-tertiary) 82%, transparent);
	text-align:left;
	cursor:pointer;
}

.af9ef5868be041b1-deviceButtonSelected{
	border-color:color-mix(in srgb, var(--brand-primary) 34%, transparent);
	background:color-mix(in srgb, var(--brand-primary) 14%, transparent);
}

.af9ef5868be041b1-deviceButtonLabel{
	font-size:0.73rem;
	font-weight:600;
	line-height:1rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:100%;
}

.af9ef5868be041b1-deviceButtonMeta{
	font-size:0.64rem;
	line-height:0.9rem;
	color:var(--text-primary-muted);
}

.af9ef5868be041b1-deviceEmpty{
	font-size:0.72rem;
	line-height:1rem;
	color:var(--text-primary-muted);
	padding:0.35rem 0.1rem;
}

.af9ef5868be041b1-connectionInfo{
	border-radius:0.85rem;
	background:color-mix(in srgb, var(--background-floating) 8%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	padding:0.75rem;
}

.af9ef5868be041b1-connectionHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.5rem;
	margin-bottom:0.45rem;
}

.af9ef5868be041b1-connectionStatusInfo{
	flex:1;
}

.af9ef5868be041b1-connectionTitle{
	font-weight:700;
	color:var(--text-primary);
	font-size:0.78rem;
}

.af9ef5868be041b1-connectionSubtitle{
	font-size:0.68rem;
	line-height:0.95rem;
	color:var(--text-primary-muted);
}

.af9ef5868be041b1-connectionStatusDot{
	width:0.6rem;
	height:0.6rem;
	border-radius:9999px;
	background-color:var(--status-online);
	flex-shrink:0;
}

.af9ef5868be041b1-statsGrid{
	display:flex;
	flex-direction:column;
	gap:0.3rem;
	margin-top:0.2rem;
	color:var(--text-primary-muted);
}

.af9ef5868be041b1-statItem{
	font-size:0.68rem;
	line-height:0.95rem;
	color:var(--text-primary-muted);
	word-break:break-word;
}

.af9ef5868be041b1-statItemLabel{
	color:var(--text-secondary);
}

.af9ef5868be041b1-endpointValue{
	display:block;
	font-family:ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
	font-size:0.67rem;
	font-weight:600;
	color:#22c55e;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.af9ef5868be041b1-connectionIdValue{
	display:block;
	font-family:ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
	font-size:0.67rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

@media (max-width: 480px){
	.af9ef5868be041b1-container{
		gap:0.75rem;
		padding:0.82rem 0.82rem calc(0.92rem + 0px);
		padding:0.82rem 0.82rem calc(0.92rem + var(--safe-area-bottom, 0px));
	}

	.af9ef5868be041b1-buttonRow{
		flex-direction:column;
	}

	.af9ef5868be041b1-actionButtons{
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:0.45rem;
	}

	.af9ef5868be041b1-actionButton{
		min-height:4.2rem;
		padding:0.5rem 0.35rem;
		gap:0.33rem;
	}

	.af9ef5868be041b1-iconContainer{
		width:2.18rem;
		height:2.18rem;
	}

	.af9ef5868be041b1-actionText{
		font-size:0.64rem;
		line-height:0.9rem;
	}

	.af9ef5868be041b1-devicesSection{
		padding:0.58rem 0.62rem;
	}

	.af9ef5868be041b1-deviceButton{
		padding:0.4rem 0.48rem;
	}

	.af9ef5868be041b1-deviceButtonLabel{
		font-size:0.7rem;
	}

	.af9ef5868be041b1-deviceButtonMeta,
	.af9ef5868be041b1-devicesDescription,
	.af9ef5868be041b1-statItem,
	.af9ef5868be041b1-heroHint{
		font-size:0.63rem;
		line-height:0.88rem;
	}
}

.af5c4f1e7d71b0e5-container{
	display:grid;
	grid-auto-flow:column;
	grid-auto-columns:calc(var(--avatar-size) + var(--avatar-overlap));
	align-items:center;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	height:var(--avatar-size);
	flex-shrink:0;
	-webkit-filter:drop-shadow(0 0 0 2px var(--background-tertiary));
	        filter:drop-shadow(0 0 0 2px var(--background-tertiary));
	-webkit-filter:drop-shadow(0 0 0 var(--avatar-outline, 2px) var(--background-tertiary));
	        filter:drop-shadow(0 0 0 var(--avatar-outline, 2px) var(--background-tertiary));
}

.af5c4f1e7d71b0e5-container > *:first-child{
	grid-column:1;
}

.af5c4f1e7d71b0e5-avatar{
	width:var(--avatar-size);
	height:var(--avatar-size);
	border-radius:50%;
	position:relative;
	grid-row:1;
}

.af5c4f1e7d71b0e5-avatar.af5c4f1e7d71b0e5-withMask{
	-webkit-mask:radial-gradient(
		50% 50% at calc(150% + var(--avatar-overlap)),
		transparent calc(100% + 2px),
		black calc(100% + 2px + 1px)
	);
	        mask:radial-gradient(
		50% 50% at calc(150% + var(--avatar-overlap)),
		transparent calc(100% + 2px),
		black calc(100% + 2px + 1px)
	);
	-webkit-mask:radial-gradient(
		50% 50% at calc(150% + var(--avatar-overlap)),
		transparent calc(100% + var(--avatar-outline, 2px)),
		black calc(100% + var(--avatar-outline, 2px) + 1px)
	);
	        mask:radial-gradient(
		50% 50% at calc(150% + var(--avatar-overlap)),
		transparent calc(100% + var(--avatar-outline, 2px)),
		black calc(100% + var(--avatar-outline, 2px) + 1px)
	);
}

.af5c4f1e7d71b0e5-remainingCount{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	border:2px solid var(--background-tertiary);
	border:var(--avatar-outline, 2px) solid var(--background-tertiary);
	background:var(--background-modifier-selected);
	color:var(--text-secondary);
	font-size:var(--font-size-xs);
	font-weight:500;
	width:var(--avatar-size);
	height:var(--avatar-size);
	grid-row:1;
	position:relative;
	z-index:1;
}

._6c54afa36e930f52-typing{
	margin-right:0;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--text-primary);
}

._6c54afa36e930f52-username{
	font-weight:600;
}

._99ff235b3d16fa52-channelItemCore{
	position:relative;
	margin-left:0.5rem;
	margin-right:0;
	display:flex;
	min-width:0;
	flex:1;
	cursor:pointer;
	align-items:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	border-radius:0.4rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	gap:0.375rem;
	padding-top:0.375rem;
	padding-bottom:0.375rem;
}

._99ff235b3d16fa52-channelItemCoreNoScrollbar{
	margin-right:0.5rem;
}

._99ff235b3d16fa52-channelItemCoreSelected{
	background-color:var(--background-modifier-selected);
	color:var(--surface-interactive-selected-color);
}

._99ff235b3d16fa52-channelItemCoreUnselected{
	color:var(--text-tertiary-muted);
	cursor:pointer;
}

._99ff235b3d16fa52-channelItemCoreUnselected:hover{
	background-color:var(--background-modifier-hover);
}

._99ff235b3d16fa52-typingTooltip{
	max-width:32rem;
	white-space:break-spaces;
	word-break:break-word;
	color:var(--text-chat);
}

._99ff235b3d16fa52-channelTypingIndicator{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.25rem;
	color:var(--text-primary);
	flex-shrink:0;
	min-width:1.5rem;
	height:1.25rem;
}

._99ff235b3d16fa52-typingIndicatorIcon{
	width:1.25rem;
	height:1.25rem;
	flex-shrink:0;
}

.theme-light ._99ff235b3d16fa52-channelItemSelected ._99ff235b3d16fa52-typingIndicatorIcon{
	--typing-indicator-color:var(--surface-interactive-selected-color);
	color:var(--surface-interactive-selected-color);
}

._99ff235b3d16fa52-typingAvatars{
	display:flex;
	align-items:center;
}

._99ff235b3d16fa52-channelItemIcon{
	height:1.25rem;
	width:1.25rem;
}

._99ff235b3d16fa52-channelItemIconSelected{
	color:var(--surface-interactive-selected-color);
}

._99ff235b3d16fa52-channelItemIconUnselected{
	color:var(--text-tertiary-muted);
}

._99ff235b3d16fa52-channelItemIconHighlight{
	color:var(--text-secondary);
}

._99ff235b3d16fa52-channelItemLabel{
	flex:1 1 auto;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:500;
	font-size:1rem;
	line-height:1.25rem;
	max-height:1.25rem;
	min-width:0;
}

._99ff235b3d16fa52-channelItemActions{
	margin-left:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.25rem;
	align-self:flex-start;
	padding-top:0.05rem;
}

._99ff235b3d16fa52-container{
	position:relative;
	width:100%;
}

._99ff235b3d16fa52-unreadIndicator{
	position:absolute;
	top:50%;
	left:0.18rem;
	transform:translateY(-50%);
	height:0.42rem;
	width:0.18rem;
	border-radius:9999px;
	background-color:color-mix(in srgb, var(--brand-primary) 72%, var(--text-primary) 28%);
	box-shadow:0 0 0.45rem color-mix(in srgb, var(--brand-primary) 34%, transparent);
	animation:_99ff235b3d16fa52-unreadIndicatorSlideIn 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes _99ff235b3d16fa52-unreadIndicatorSlideIn{
	from{
		opacity:0;
		transform:translate(-6px, -50%) scaleY(0.5);
	}
	to{
		opacity:1;
		transform:translate(0, -50%) scaleY(1);
	}
}

@media (prefers-reduced-motion: reduce){
	._99ff235b3d16fa52-unreadIndicator{
		animation:none;
	}
}

._99ff235b3d16fa52-channelItem{
	position:relative;
	margin-left:0;
	margin-right:0;
	display:flex;
	min-width:0;
	flex:1;
	cursor:pointer;
	align-items:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	border-radius:0.68rem;
	padding-left:0.75rem;
	padding-right:0.75rem;
	transition:background-color var(--motion-dur-short) var(--motion-ease-snap), color var(--motion-dur-short) var(--motion-ease-snap), box-shadow var(--motion-dur-short) var(--motion-ease-smooth), border-color var(--motion-dur-short) var(--motion-ease-smooth);
	border:1px solid transparent;
}

@media (hover: hover) and (pointer: fine){
	._99ff235b3d16fa52-channelItemHoverable:hover{
		transform:none;
	}
}

@media (prefers-reduced-motion: reduce){
	._99ff235b3d16fa52-channelItem{
		transition:background-color 0.05s linear, color 0.05s linear !important;
		transform:none !important;
	}
	._99ff235b3d16fa52-channelItemHoverable:hover{
		transform:none !important;
	}
}

._99ff235b3d16fa52-channelItemNoScrollbar{
	margin-right:0.5rem;
}

._99ff235b3d16fa52-channelItemCategory{
	margin-top:0.1rem;
	margin-bottom:0;
	gap:0.35rem;
	padding-top:0.35rem;
	padding-bottom:0.35rem;
	color:color-mix(in srgb, var(--text-primary) 66%, var(--text-tertiary) 34%);
	cursor:pointer;
	border-radius:0.6rem;
}

@media (hover: hover) and (pointer: fine){
	._99ff235b3d16fa52-channelItemCategory:hover{
		color:var(--text-primary);
	}
}

._99ff235b3d16fa52-channelItemRegular{
	gap:0.65rem;
	padding-top:0.48rem;
	padding-bottom:0.48rem;
	color:var(--text-tertiary-muted);
	align-items:center;
	background:transparent;
	border-color:transparent;
	box-shadow:none;
}

._99ff235b3d16fa52-channelItemVoice{
	overflow:visible;
}

._99ff235b3d16fa52-channelItemWithPreview{
	z-index:32;
}

._99ff235b3d16fa52-channelItemHighlight{
	color:var(--text-secondary);
}

._99ff235b3d16fa52-channelItemMuted{
	color:var(--text-tertiary-muted);
}

._99ff235b3d16fa52-channelItemSelected{
	background:color-mix(in srgb, var(--brand-primary) 10%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 12%, transparent);
	color:var(--text-primary);
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 4%, transparent);
}

._99ff235b3d16fa52-channelItemSelectedWithUnread{
	color:var(--text-primary);
}

@media (hover: hover) and (pointer: fine){
	._99ff235b3d16fa52-channelItemHoverable:hover{
		background-color:color-mix(in srgb, var(--background-modifier-hover) 82%, transparent);
		border-color:color-mix(in srgb, var(--text-primary) 6%, transparent);
		color:var(--text-chat);
	}
}

._99ff235b3d16fa52-channelItemPressed{
	background-color:color-mix(in srgb, var(--background-modifier-hover) 82%, transparent);
	color:var(--text-chat);
}

._99ff235b3d16fa52-channelItemOver{
	background-color:color-mix(in srgb, var(--background-modifier-hover) 82%, transparent);
	color:var(--text-chat);
}
._99ff235b3d16fa52-channelItemVoiceDropReady{
	box-shadow:inset 0 0 0 1px rgba(88, 101, 242, 0.28);
	box-shadow:inset 0 0 0 1px var(--accent-primary, rgba(88, 101, 242, 0.28));
	background-color:rgba(88, 101, 242, 0.05);
	background-color:var(--accent-primary-background, rgba(88, 101, 242, 0.05));
	transition:box-shadow 0.12s ease, background-color 0.12s ease;
}
._99ff235b3d16fa52-channelItemVoiceDropActive{
	box-shadow:inset 0 0 0 2px #5865f2, 0 0 0 3px rgba(88, 101, 242, 0.14);
	box-shadow:inset 0 0 0 2px var(--accent-primary, #5865f2), 0 0 0 3px var(--accent-primary-background, rgba(88, 101, 242, 0.14));
	background-color:rgba(88, 101, 242, 0.12);
	background-color:var(--accent-primary-background, rgba(88, 101, 242, 0.12));
	color:var(--text-chat);
	transition:box-shadow 0.12s ease, background-color 0.12s ease;
}

@media (prefers-reduced-motion: reduce){
	._99ff235b3d16fa52-channelItemVoiceDropReady,
	._99ff235b3d16fa52-channelItemVoiceDropActive{
		transition:none;
	}
}

._99ff235b3d16fa52-channelItemContextMenu{
	background-color:color-mix(in srgb, var(--background-modifier-hover) 70%, var(--background-floating) 30%) !important;
	color:var(--text-chat) !important;
}

._99ff235b3d16fa52-channelItemCategoryContextMenu{
	color:var(--text-primary) !important;
}

._99ff235b3d16fa52-channelItemDragging{
	opacity:0.16;
	transform:scale(0.985);
	-webkit-filter:saturate(0.82);
	        filter:saturate(0.82);
	box-shadow:none;
}

._99ff235b3d16fa52-channelItemDimmed{
	opacity:0.6;
}

._99ff235b3d16fa52-channelItemMutedState{
	color:var(--text-tertiary-muted);
	opacity:0.5;
}

._99ff235b3d16fa52-channelItemDisabled{
	opacity:0.6;
	cursor:not-allowed;
}

._99ff235b3d16fa52-streamPreviewPopover{
	position:fixed;
	transform:translateY(-50%);
	width:13.5rem;
	display:grid;
	grid-gap:0.45rem;
	gap:0.45rem;
	padding:0.45rem;
	border-radius:0.7rem;
	background:color-mix(in srgb, var(--background-floating) 94%, black 6%);
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	box-shadow:0 10px 28px rgb(0 0 0 / 0.32);
	z-index:2147483000;
	pointer-events:none;
}

._99ff235b3d16fa52-streamPreviewMeta{
	display:grid;
	grid-gap:0.12rem;
	gap:0.12rem;
}

._99ff235b3d16fa52-streamPreviewTitle{
	color:var(--text-primary);
	font-size:0.76rem;
	font-weight:700;
	line-height:1.05;
}

._99ff235b3d16fa52-streamPreviewSubtitle{
	color:var(--text-tertiary-muted);
	font-size:0.68rem;
	font-weight:500;
	line-height:1.05;
}

._99ff235b3d16fa52-streamPreviewViewport{
	aspect-ratio:16 / 9;
	border-radius:0.5rem;
	overflow:hidden;
	background:color-mix(in srgb, var(--background-secondary) 88%, black 12%);
	display:flex;
	align-items:center;
	justify-content:center;
}

._99ff235b3d16fa52-streamPreviewImage{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

._99ff235b3d16fa52-streamPreviewFallback{
	color:var(--text-tertiary-muted);
	font-size:0.68rem;
}

._99ff235b3d16fa52-hoverAffordance{
	display:none;
}

._99ff235b3d16fa52-channelItemCategoryContextMenu ._99ff235b3d16fa52-hoverAffordance,
._99ff235b3d16fa52-channelItemCategory._99ff235b3d16fa52-keyboardFocus ._99ff235b3d16fa52-hoverAffordance,
._99ff235b3d16fa52-channelItemContextMenu ._99ff235b3d16fa52-hoverAffordance,
._99ff235b3d16fa52-channelItem._99ff235b3d16fa52-keyboardFocus ._99ff235b3d16fa52-hoverAffordance,
._99ff235b3d16fa52-channelItemSelected ._99ff235b3d16fa52-hoverAffordance{
	display:flex;
}

@media (hover: hover) and (pointer: fine){
	._99ff235b3d16fa52-channelItemCategory:hover ._99ff235b3d16fa52-hoverAffordance,
	._99ff235b3d16fa52-channelItemHoverable:hover ._99ff235b3d16fa52-hoverAffordance{
		display:flex;
	}
}

._99ff235b3d16fa52-channelItemAutocompleteHighlight{
	box-shadow:0 0 0 2px var(--brand-primary);
}

._99ff235b3d16fa52-categoryContent{
	display:flex;
	min-width:0;
	flex:1;
	align-items:center;
	gap:0.45rem;
}

._99ff235b3d16fa52-categoryName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:700;
	font-size:0.76rem;
	line-height:1.25rem;
	max-height:1.25rem;
	min-width:0;
	letter-spacing:0.1em;
	text-transform:uppercase;
}

._99ff235b3d16fa52-categoryIcon{
	height:0.75rem;
	width:0.75rem;
	flex-shrink:0;
	color:var(--text-tertiary-muted);
}

._99ff235b3d16fa52-channelName{
	flex:1 1 auto;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:600;
	font-size:0.92rem;
	line-height:1.18rem;
	max-height:1.18rem;
	min-width:0;
	overflow-wrap:normal;
}

._99ff235b3d16fa52-createChannelButton{
	display:flex;
	height:1rem;
	width:1rem;
	cursor:pointer;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	border:none;
	background-color:transparent;
	padding:0;
	color:var(--text-tertiary-muted);
}

._99ff235b3d16fa52-createChannelButton:hover{
	color:var(--text-primary);
}

._99ff235b3d16fa52-createChannelIcon{
	height:1rem;
	width:1rem;
}

._99ff235b3d16fa52-voiceUserCount{
	display:flex;
	flex-shrink:0;
	padding:0;
	border-radius:0;
	background:transparent;
}

._99ff235b3d16fa52-channelItemVoice:hover ._99ff235b3d16fa52-voiceUserCount,
._99ff235b3d16fa52-channelItemVoice._99ff235b3d16fa52-contextMenuOpen ._99ff235b3d16fa52-voiceUserCount{
	display:none;
}

._99ff235b3d16fa52-channelItemCompact{
	padding-left:0.65rem;
	padding-right:0.65rem;
}

._99ff235b3d16fa52-channelItemCompact._99ff235b3d16fa52-channelItemRegular{
	gap:0.55rem;
	padding-top:0.45rem;
	padding-bottom:0.45rem;
}

._99ff235b3d16fa52-channelItemCompact ._99ff235b3d16fa52-channelName{
	font-size:0.84rem;
	line-height:1.04rem;
	max-height:2.08rem;
}

._99ff235b3d16fa52-channelItemCompact ._99ff235b3d16fa52-channelItemIcon{
	height:1rem;
	width:1rem;
}

._99ff235b3d16fa52-channelItemCategoryCompact{
	padding-top:0.3rem;
	padding-bottom:0.3rem;
}

._99ff235b3d16fa52-channelItemCategoryCompact ._99ff235b3d16fa52-categoryName{
	font-size:0.7rem;
}

._99ff235b3d16fa52-channelItemSidebarCollapsed{
	justify-content:center;
	gap:0.4rem;
	padding-left:0.55rem;
	padding-right:0.55rem;
	padding-top:0.42rem;
	padding-bottom:0.42rem;
	border-radius:0.7rem;
}

._99ff235b3d16fa52-channelItemSidebarCollapsed ._99ff235b3d16fa52-channelName,
._99ff235b3d16fa52-channelItemSidebarCollapsed ._99ff235b3d16fa52-channelItemActions,
._99ff235b3d16fa52-channelItemSidebarCollapsed ._99ff235b3d16fa52-voiceUserCount{
	display:none;
}

._99ff235b3d16fa52-channelItemSidebarCollapsed ._99ff235b3d16fa52-channelItemIcon{
	width:1.1rem;
	height:1.1rem;
}

._99ff235b3d16fa52-channelItemSidebarCollapsed._99ff235b3d16fa52-channelItemRegular{
	gap:0;
}

._99ff235b3d16fa52-channelItemCategorySidebarCollapsed{
	justify-content:center;
	padding-left:0.55rem;
	padding-right:0.55rem;
}

._99ff235b3d16fa52-channelItemCategorySidebarCollapsed ._99ff235b3d16fa52-categoryName{
	display:none;
}

._99ff235b3d16fa52-channelItemCategorySidebarCollapsed ._99ff235b3d16fa52-categoryContent{
	justify-content:center;
	gap:0.2rem;
}

.theme-light ._99ff235b3d16fa52-channelItemCategory{
		color:var(--text-primary);
	}

.theme-light ._99ff235b3d16fa52-channelItemRegular{
		color:var(--text-primary);
	}

.theme-light ._99ff235b3d16fa52-channelItemMuted{
		color:var(--text-primary);
	}

.theme-light ._99ff235b3d16fa52-channelItemIconUnselected{
		color:var(--text-primary);
	}

.theme-light ._99ff235b3d16fa52-categoryIcon{
		color:var(--text-primary);
	}

.theme-light ._99ff235b3d16fa52-createChannelButton{
		color:var(--text-primary);
	}

.a7cec77d66addad7-channelItemSurface{
	--channel-item-hover-background:var(--surface-interactive-hover-bg);
	--channel-item-selected-background:var(--surface-interactive-selected-bg);
	--background-modifier-hover:var(--channel-item-hover-background);
	--background-modifier-selected:var(--channel-item-selected-background);
}

.a7cec77d66addad7-channelItemSurfaceSelected{
	color:var(--surface-interactive-selected-color);
}

.a7cec77d66addad7-channelItemFocusRing{
	border-radius:0.5rem;
}

._42c1b0d831022c4d-content{
	display:flex;
	flex-direction:column;
	gap:24px;
	padding-bottom:24px;
}

._42c1b0d831022c4d-iconContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:12px;
}

._42c1b0d831022c4d-iconCircle{
	display:flex;
	width:48px;
	height:48px;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:var(--background-modifier-accent);
}

._42c1b0d831022c4d-warningIcon{
	color:#eab308;
}

._42c1b0d831022c4d-textContainer{
	text-align:center;
}

._42c1b0d831022c4d-title{
	font-size:16px;
	font-weight:600;
	color:var(--text-primary);
}

._42c1b0d831022c4d-description{
	margin-top:4px;
	font-size:14px;
	color:var(--text-secondary);
}

._42c1b0d831022c4d-urlSection{
	display:flex;
	flex-direction:column;
	gap:8px;
}

._42c1b0d831022c4d-urlLabel{
	font-size:14px;
	font-weight:500;
	color:var(--text-secondary);
}

._42c1b0d831022c4d-urlBox{
	overflow:hidden;
	border-radius:8px;
	border:1px solid var(--background-modifier-accent);
	background:var(--background-tertiary);
	padding:12px 16px;
}

._42c1b0d831022c4d-urlText{
	word-break:break-all;
	font-family:monospace;
	font-size:14px;
	color:var(--text-primary);
}

._42c1b0d831022c4d-checkboxLabel{
	font-size:14px;
	color:var(--text-primary);
}

._42c1b0d831022c4d-button{
	width:100%;
}

@media (min-width: 640px){
	._42c1b0d831022c4d-button{
		width:auto;
	}
}

._82daf275ccb1c8a5-badge{
	display:flex;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:0.375rem;
	background-color:var(--status-danger);
	text-align:center;
	font-weight:600;
	color:white;
	box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

._82daf275ccb1c8a5-badgeSmall{
	height:1.25rem;
	min-width:1.25rem;
	padding:0.25rem 0.375rem;
	font-size:11px;
}

._82daf275ccb1c8a5-badgeMedium{
	height:1.5rem;
	min-width:1.25rem;
	padding:0.375rem 0.375rem;
	font-size:0.75rem;
	line-height:1rem;
}

@media (max-width: 767px){
	._82daf275ccb1c8a5-badge{
		background-color:color-mix(in srgb, var(--status-danger) 62%, var(--background-secondary) 38%);
		box-shadow:none;
	}
}

._2b7b35b8b1ebcae7-iconButton{
	display:flex;
	height:1rem;
	width:1rem;
	cursor:pointer;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	border:none;
	background-color:transparent;
	padding:0;
	transition:color 200ms;
}

._2b7b35b8b1ebcae7-iconButtonDefault{
	color:var(--text-primary-muted);
	cursor:pointer;
}

._2b7b35b8b1ebcae7-iconButtonDefault:hover{
	color:var(--text-primary);
}

._2b7b35b8b1ebcae7-iconButtonSelected{
	color:var(--surface-interactive-selected-color);
	cursor:pointer;
}

._2b7b35b8b1ebcae7-iconButtonSelected:hover{
	color:var(--surface-interactive-selected-color);
}

._2b7b35b8b1ebcae7-icon{
	height:1rem;
	width:1rem;
}

._2b7b35b8b1ebcae7-iconFocusRing{
	border-radius:9999px;
}

.f5ed22b5981f9d15-wrapper{
	align-items:stretch;
	background-color:var(--background-secondary);
	border:1px solid var(--theme-border);
	border-radius:4px;
	box-sizing:border-box;
	color:var(--text-tertiary);
	display:grid;
	flex:0 0 auto;
	flex-shrink:0;
	font-size:12px;
	font-weight:500;
	grid-template-columns:1fr auto;
	height:16px;
	justify-content:center;
	line-height:14px;
	margin-right:-4px;
	overflow:hidden;
}

.f5ed22b5981f9d15-users{
	align-items:center;
	background-color:var(--background-secondary);
	box-sizing:border-box;
	display:block;
	-webkit-font-feature-settings:"tnum";
	        font-feature-settings:"tnum";
	font-variant-numeric:tabular-nums;
	padding:0 6px;
	text-align:center;
	width:28px;
}

.f5ed22b5981f9d15-total{
	background-color:var(--background-modifier-selected);
	box-sizing:border-box;
	display:block;
	-webkit-font-feature-settings:"tnum";
	        font-feature-settings:"tnum";
	font-variant-numeric:tabular-nums;
	padding:0 4px 0 2px;
	position:relative;
	text-align:center;
	width:20px;
}

.f5ed22b5981f9d15-total::after{
	border-bottom:0 solid transparent;
	border-right:5px solid transparent;
	border-right-color:var(--background-modifier-selected);
	border-top:16px solid transparent;
	content:'';
	height:0;
	left:-5px;
	position:absolute;
	top:0;
	width:0;
}

._6b0d587dc8748f58-switchWrapper{
	margin-top:0.5rem;
}

._6b0d587dc8748f58-previewContainer{
	margin-bottom:1.5rem;
	display:flex;
	justify-content:center;
}

._6b0d587dc8748f58-previewContent{
	width:100%;
	max-width:16.5rem;
}

._6b0d587dc8748f58-tooltipContent{
	max-width:32rem;
	white-space:break-spaces;
	overflow-wrap:break-word;
}

._6b0d587dc8748f58-typingContainer{
	display:flex;
	align-items:center;
	gap:0.25rem;
	color:var(--surface-interactive-selected-color);
}

._6b0d587dc8748f58-typingAnimationWrapper{
	margin-right:0.25rem;
}

._6b0d587dc8748f58-typingAvatars{
	gap:0;
}

._99677ded54fd7204-previewWrapper{
	background:transparent;
}

._99677ded54fd7204-previewContainer{
	display:flex;
	flex-direction:column;
	height:176px;
	overflow:hidden;
	position:relative;
	isolation:isolate;
	padding:2px 12px 6px;
	padding-bottom:0;
	border-radius:8px;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-primary);
	background:linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-primary) 14%, transparent) 0%,
			transparent 18%,
			color-mix(in srgb, var(--background-secondary) 18%, transparent) 100%
		);
}

._99677ded54fd7204-previewContainer::before,
._99677ded54fd7204-previewContainer::after{
	content:'';
	position:absolute;
	inset:0;
	pointer-events:none;
}

._99677ded54fd7204-previewContainer::before{
	z-index:0;
	background-image:none;
	background-image:var(--chat-background-pattern-image, none);
	background-repeat:repeat;
	background-position:0 0;
	background-size:calc(360px * 1) auto;
	background-size:calc(var(--chat-background-pattern-size, 360px) * var(--chat-background-pattern-scale, 1)) auto;
	opacity:0;
	opacity:var(--chat-background-pattern-opacity, 0);
	-webkit-filter:none;
	        filter:none;
	-webkit-filter:var(--chat-background-pattern-filter, none);
	        filter:var(--chat-background-pattern-filter, none);
}

._99677ded54fd7204-previewContainer::after{
	z-index:0;
	background:linear-gradient(180deg, rgb(255 255 255 / 0.03) 0%, transparent 20%, rgb(0 0 0 / 0.08) 100%), transparent;
	opacity:calc(0.2 + (0 * 0.45));
	opacity:calc(0.2 + (var(--chat-gradient-overlay-opacity, 0) * 0.45));
	mix-blend-mode:screen;
}

@supports (color: rgb(0 0 0 / 0)){
._99677ded54fd7204-previewContainer::after{
	background:linear-gradient(180deg, rgb(255 255 255 / 0.03) 0%, transparent 20%, rgb(0 0 0 / 0.08) 100%), var(--chat-gradient-overlay-background, transparent);
}
}

._99677ded54fd7204-previewMessagesContainer{
	flex:1;
	min-height:0;
	padding:0;
	pointer-events:none;
	display:flex;
	flex-direction:column;
	--chat-horizontal-padding:16px;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
	z-index:1;
}

._99677ded54fd7204-previewContainerCompact ._99677ded54fd7204-previewMessagesContainer,
._99677ded54fd7204-previewContainerCozy ._99677ded54fd7204-previewMessagesContainer{
	justify-content:flex-start;
}

._99677ded54fd7204-previewMessagesContainer .message,
._99677ded54fd7204-previewMessagesContainer .messageCompact{
	margin-left:0 !important;
	margin-right:0 !important;
	padding-right:16px !important;
	padding-right:var(--chat-horizontal-padding, 16px) !important;
	pointer-events:none;
}

._99677ded54fd7204-previewMessagesContainer > :first-child{
	margin-top:0 !important;
}

._99677ded54fd7204-previewOverlay{
	position:absolute;
	z-index:2;
	right:0;
	bottom:0;
	left:0;
	cursor:default;
	content:'';
	pointer-events:none;
	height:32px;
	background:linear-gradient(transparent 0%, color-mix(in srgb, var(--background-primary) 78%, transparent) 100%);
}

._99677ded54fd7204-buttonRowsContainer{
	display:flex;
	flex-direction:column;
	margin:-1rem 0;
}

._99677ded54fd7204-buttonRow{
	display:flex;
	height:68px;
	align-items:center;
	border-bottom:1px solid var(--background-modifier-accent);
}

._99677ded54fd7204-buttonRowsContainer > ._99677ded54fd7204-buttonRow:last-child{
	border-bottom:0;
}

._99677ded54fd7204-buttonRowContent{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
}

._99677ded54fd7204-buttonRowLabel{
	display:flex;
	flex:1;
	align-items:center;
	gap:0.5rem;
}

._99677ded54fd7204-buttonRowShortcut{
	display:flex;
	align-items:center;
	gap:0.25rem;
}

._9b1eb829ad9dbe62-switchWrapper{
	margin-top:0.5rem;
}

.acb997e714d0ca61-content{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	padding-bottom:var(--spacing-8);
}

.acb997e714d0ca61-headerSearch{
	margin-top:var(--spacing-3);
	width:100%;
}

.acb997e714d0ca61-headerSearchInput{
	width:100%;
}

.acb997e714d0ca61-loadingContainer{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:var(--spacing-8) 0;
	flex:1;
}

.acb997e714d0ca61-sendButton{
	flex-shrink:0;
}

._276924b654a22ca1-themeButtonGroup{
	display:grid;
	grid-template-columns:repeat(1, minmax(0, 1fr));
	grid-gap:0.5rem;
	gap:0.5rem;
	padding:0.58rem;
	border-radius:0.95rem;
	background:color-mix(in srgb, var(--background-floating) 14%, var(--background-primary) 86%);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 7%, transparent);
	max-width:44rem;
}

@media (min-width: 680px){
	._276924b654a22ca1-themeButtonGroup{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1020px){
	._276924b654a22ca1-themeButtonGroup{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}

._276924b654a22ca1-themeButton{
	position:relative;
	display:grid;
	grid-template-columns:54px minmax(0, 1fr);
	align-items:center;
	grid-gap:0.56rem;
	gap:0.56rem;
	width:100%;
	min-height:4.1rem;
	padding:0.42rem 0.5rem;
	border-radius:0.82rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	outline:none;
	cursor:pointer;
	background:color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%);
	transition:border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

._276924b654a22ca1-themeButton:hover{
	background:color-mix(in srgb, var(--background-secondary) 80%, var(--brand-primary) 20%);
	border-color:color-mix(in srgb, var(--brand-primary) 26%, transparent);
	transform:translateY(-1px);
}

._276924b654a22ca1-themeButton:active{
	transform:scale(0.98);
}

._276924b654a22ca1-themeSwatch{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:54px;
	height:44px;
	border-radius:0.64rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 14%, transparent);
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.12);
	overflow:hidden;
}

._276924b654a22ca1-themeButtonContent{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.1rem;
	min-width:0;
}

._276924b654a22ca1-themeButtonLabel{
	font-size:0.79rem;
	font-weight:700;
	letter-spacing:0.01em;
	color:var(--text-primary);
	text-align:left;
	line-height:1.2;
}

._276924b654a22ca1-themeButtonDescription{
	font-size:0.68rem;
	color:var(--text-tertiary);
	text-align:left;
	line-height:1.2;
	display:none;
}

._276924b654a22ca1-themeButtonSelected{
	border-color:var(--brand-primary);
	background:color-mix(in srgb, var(--background-secondary) 76%, var(--brand-primary) 24%);
}

._276924b654a22ca1-themeButtonIcon{
	position:absolute;
	inset:0 auto auto 0;
	top:0.35rem;
	left:0.45rem;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0.92;
}

._276924b654a22ca1-themeButtonCheckmark{
	position:absolute;
	top:0.24rem;
	right:0.24rem;
	display:flex;
	height:1rem;
	width:1rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--brand-primary);
	box-shadow:0 6px 14px color-mix(in srgb, var(--brand-primary) 28%, transparent);
}

._276924b654a22ca1-themeButtonCheckmarkIcon{
	color:white;
}

._276924b654a22ca1-colorGrid{
	display:grid;
	grid-template-columns:repeat(1, minmax(0, 1fr));
	grid-gap:1rem;
	gap:1rem;
}

@media (min-width: 768px){
	._276924b654a22ca1-colorGrid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

._276924b654a22ca1-colorSection{
	border-top:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
	padding-top:1rem;
	padding-inline:1rem;
	padding-bottom:1rem;
	border-radius:1.35rem;
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 10%, transparent), transparent 68%);
}

._276924b654a22ca1-colorSectionHeading{
	margin-bottom:0.75rem;
	font-weight:600;
	font-size:1rem;
	color:var(--text-primary);
}

._276924b654a22ca1-cssSection{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	border-top:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
	padding:1rem;
	border-radius:1.35rem;
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 10%, transparent), transparent 68%);
}

._276924b654a22ca1-studioLayout{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:0.72rem;
	gap:0.72rem;
}

._276924b654a22ca1-studioTitle{
	display:inline-flex;
	align-items:center;
	gap:0.5rem;
}

._276924b654a22ca1-betaBadge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0.12rem 0.44rem;
	border-radius:9999px;
	font-size:0.64rem;
	font-weight:700;
	letter-spacing:0.03em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--text-primary) 90%, white 10%);
	background:color-mix(in srgb, var(--brand-primary) 28%, transparent);
	border:1px solid color-mix(in srgb, var(--brand-primary) 45%, transparent);
}

._276924b654a22ca1-previewCard{
	display:flex;
	flex-direction:column;
	gap:0.65rem;
	padding:0.8rem;
	border-radius:1.25rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 16%, var(--background-primary) 84%), color-mix(in srgb, var(--background-secondary) 12%, var(--background-primary) 88%));
	box-shadow:0 16px 36px rgb(6 10 21 / 0.12), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._276924b654a22ca1-previewCompactWrap{
	display:flex;
	justify-content:flex-start;
}

._276924b654a22ca1-previewCardMinimal{
	width:min(23rem, 100%);
	padding:0.62rem;
	gap:0.45rem;
}

._276924b654a22ca1-previewCardMinimal ._276924b654a22ca1-previewCanvas{
	grid-template-columns:48px 1fr;
	min-height:108px;
	padding:0.5rem;
}

._276924b654a22ca1-previewCardMinimal ._276924b654a22ca1-previewMain{
	gap:0.45rem;
	padding:0.5rem;
}

._276924b654a22ca1-previewCardMinimal ._276924b654a22ca1-previewBubblePrimary,
._276924b654a22ca1-previewCardMinimal ._276924b654a22ca1-previewBubbleSecondary,
._276924b654a22ca1-previewCardMinimal ._276924b654a22ca1-previewBubbleSecondaryShort{
	height:1.75rem;
	border-radius:0.74rem;
}

._276924b654a22ca1-previewHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.6rem;
}

._276924b654a22ca1-previewTitle{
	font-size:0.84rem;
	font-weight:700;
	letter-spacing:0.01em;
	color:var(--text-primary);
	text-transform:uppercase;
}

._276924b654a22ca1-previewBadge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0.22rem 0.6rem;
	border-radius:9999px;
	font-size:0.72rem;
	font-weight:600;
	color:var(--text-primary);
	background:color-mix(in srgb, var(--background-tertiary) 76%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
}

._276924b654a22ca1-previewCanvas{
	position:relative;
	display:grid;
	grid-template-columns:64px 1fr;
	grid-gap:0.72rem;
	gap:0.72rem;
	padding:0.74rem;
	border-radius:1rem;
	min-height:156px;
	overflow:hidden;
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 8%);
}

._276924b654a22ca1-previewSidebar{
	border-radius:0.8rem;
	background:linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 10%, transparent), transparent 60%), color-mix(in srgb, var(--background-secondary) 92%, var(--background-primary) 8%);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
}

._276924b654a22ca1-previewMain{
	display:flex;
	flex-direction:column;
	gap:0.65rem;
	padding:0.72rem;
	border-radius:0.82rem;
	background:linear-gradient(180deg, rgb(255 255 255 / 7%), transparent 65%), color-mix(in srgb, var(--background-primary) 88%, var(--background-secondary) 12%);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
}

._276924b654a22ca1-previewMainHeader{
	height:0.86rem;
	width:54%;
	border-radius:0.5rem;
	background:color-mix(in srgb, var(--text-primary) 18%, transparent);
}

._276924b654a22ca1-previewBubbleRow{
	display:flex;
	gap:0.52rem;
}

._276924b654a22ca1-previewBubblePrimary,
._276924b654a22ca1-previewBubbleSecondary,
._276924b654a22ca1-previewBubbleSecondaryShort{
	display:block;
	height:2.25rem;
	border-radius:0.9rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._276924b654a22ca1-previewBubblePrimary{
	width:58%;
	background:linear-gradient(180deg, rgb(255 255 255 / 9%), transparent 65%), color-mix(in srgb, var(--brand-primary) 26%, var(--background-secondary) 74%);
}

._276924b654a22ca1-previewBubbleSecondary{
	width:42%;
	background:linear-gradient(180deg, rgb(255 255 255 / 7%), transparent 65%), color-mix(in srgb, var(--background-secondary) 94%, var(--background-primary) 6%);
}

._276924b654a22ca1-previewBubbleSecondaryShort{
	width:34%;
	background:linear-gradient(180deg, rgb(255 255 255 / 7%), transparent 65%), color-mix(in srgb, var(--background-secondary) 94%, var(--background-primary) 6%);
}

._276924b654a22ca1-previewHint{
	margin:0;
	font-size:0.8rem;
	color:var(--text-tertiary);
	line-height:1.4;
}

._276924b654a22ca1-studioControls{
	display:flex;
	flex-direction:column;
	gap:0.85rem;
}

._276924b654a22ca1-nestedAccordion{
	margin-top:0.4rem;
}

._276924b654a22ca1-presetGrid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:0.42rem;
	gap:0.42rem;
}

@media (min-width: 640px){
	._276924b654a22ca1-presetGrid{
		grid-template-columns:repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 1100px){
	._276924b654a22ca1-presetGrid{
		grid-template-columns:repeat(6, minmax(0, 1fr));
	}
}
._276924b654a22ca1-presetCard{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.35rem;
	padding:0.5rem 0.55rem 0.45rem;
	height:5.1rem;
	border-radius:0.74rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
	background:color-mix(in srgb, var(--background-primary) 95%, var(--background-secondary) 5%);
	text-align:left;
	cursor:pointer;
	overflow:hidden;
	transition:border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
	color:inherit;
	font:inherit;
}

._276924b654a22ca1-chatBackgroundGrid{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:0.52rem;
	gap:0.52rem;
}

@media (min-width: 560px){
	._276924b654a22ca1-chatBackgroundGrid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 720px){
	._276924b654a22ca1-chatBackgroundGrid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1180px){
	._276924b654a22ca1-chatBackgroundGrid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}

._276924b654a22ca1-chatBackgroundCard{
	display:flex;
	flex-direction:column;
	gap:0.33rem;
	padding:0.45rem;
	border-radius:0.76rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
	background:color-mix(in srgb, var(--background-primary) 95%, var(--background-secondary) 5%);
	cursor:pointer;
	text-align:left;
	color:inherit;
	font:inherit;
	transition:border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

._276924b654a22ca1-chatBackgroundCard:hover{
	border-color:color-mix(in srgb, var(--brand-primary) 30%, transparent);
}

._276924b654a22ca1-chatBackgroundCard:focus-visible{
	outline:none;
	border-color:var(--brand-primary);
	box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-primary) 20%, transparent);
}

._276924b654a22ca1-chatBackgroundCard:active{
	background:color-mix(in srgb, var(--background-primary) 92%, var(--background-secondary) 8%);
}

._276924b654a22ca1-chatBackgroundCardSelected{
	border-color:color-mix(in srgb, var(--brand-primary) 74%, transparent);
	box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-primary) 28%, transparent), 0 0 0 1px color-mix(in srgb, var(--brand-primary) 18%, transparent);
	background:color-mix(in srgb, var(--background-primary) 92%, var(--background-secondary) 8%);
}

._276924b654a22ca1-chatBackgroundPreview{
	position:relative;
	display:block;
	height:102px;
	border-radius:0.62rem;
	overflow:hidden;
	border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
	background-color:color-mix(in srgb, var(--background-primary) 92%, var(--background-secondary) 8%);
	-webkit-filter:saturate(0.94) brightness(0.97);
	        filter:saturate(0.94) brightness(0.97);
}

._276924b654a22ca1-chatBackgroundPattern,
._276924b654a22ca1-chatBackgroundPreviewOverlay{
	position:absolute;
	inset:0;
}

._276924b654a22ca1-chatBackgroundPattern{
	background-image:none;
	background-image:var(--chat-preview-image, none);
	background-repeat:repeat;
	background-position:0 0;
	background-size:96px auto;
	background-size:var(--chat-preview-size, 96px) auto;
	opacity:0;
	opacity:var(--chat-preview-opacity, 0);
	-webkit-filter:none;
	        filter:none;
	-webkit-filter:var(--chat-background-pattern-filter, none);
	        filter:var(--chat-background-pattern-filter, none);
}

._276924b654a22ca1-chatBackgroundPreviewOverlay{
	background:linear-gradient(180deg, rgb(255 255 255 / 0.03) 0%, transparent 20%, rgb(0 0 0 / 0.08) 100%), transparent;
	opacity:calc(0.2 + (0 * 0.45));
	opacity:calc(0.2 + (var(--chat-gradient-overlay-opacity, 0) * 0.45));
	mix-blend-mode:screen;
}

@supports (color: rgb(0 0 0 / 0)){
._276924b654a22ca1-chatBackgroundPreviewOverlay{
	background:linear-gradient(180deg, rgb(255 255 255 / 0.03) 0%, transparent 20%, rgb(0 0 0 / 0.08) 100%), var(--chat-gradient-overlay-background, transparent);
}
}

._276924b654a22ca1-chatBackgroundPreviewIncoming,
._276924b654a22ca1-chatBackgroundPreviewOutgoing{
	position:absolute;
	height:12px;
	border-radius:0.6rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
}

._276924b654a22ca1-chatBackgroundPreviewIncoming{
	left:0.65rem;
	right:3.4rem;
	bottom:1.8rem;
	background:color-mix(in srgb, var(--background-secondary) 94%, var(--background-primary) 6%);
}

._276924b654a22ca1-chatBackgroundPreviewOutgoing{
	left:3.5rem;
	right:0.65rem;
	bottom:0.8rem;
	background:color-mix(in srgb, var(--brand-primary) 22%, var(--background-secondary) 78%);
}

._276924b654a22ca1-chatBackgroundCheck{
	position:absolute;
	top:0.55rem;
	right:0.55rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:1.5rem;
	height:1.5rem;
	border-radius:9999px;
	background:color-mix(in srgb, var(--brand-primary) 86%, white 14%);
	color:white;
	box-shadow:0 10px 20px color-mix(in srgb, var(--brand-primary) 28%, transparent);
}

._276924b654a22ca1-chatBackgroundContent{
	display:flex;
	flex-direction:column;
	gap:0.12rem;
	min-width:0;
}

._276924b654a22ca1-chatBackgroundLabel{
	font-size:0.74rem;
	font-weight:700;
	line-height:1.2;
	color:var(--text-primary);
}

._276924b654a22ca1-chatBackgroundDescription{
	font-size:0.64rem;
	line-height:1.2;
	color:var(--text-tertiary);
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

._276924b654a22ca1-presetCard:hover{
	border-color:color-mix(in srgb, var(--brand-primary) 30%, transparent);
}

._276924b654a22ca1-presetCard:active{
	background:color-mix(in srgb, var(--background-primary) 92%, var(--background-secondary) 8%);
}

._276924b654a22ca1-presetCard:focus-visible{
	outline:none;
	border-color:var(--brand-primary);
	box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-primary) 20%, transparent);
}

._276924b654a22ca1-presetCardSelected{
	border-color:var(--brand-primary);
	box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-primary) 28%, transparent), 0 0 0 1px color-mix(in srgb, var(--brand-primary) 22%, transparent);
}
._276924b654a22ca1-presetPreview{
	position:relative;
	display:block;
	flex:1 1 auto;
	width:100%;
	height:2.7rem;
	border-radius:0.58rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
	background:linear-gradient(
		135deg,
		color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%) 0%,
		color-mix(in srgb, var(--background-secondary-alt, var(--background-secondary)) 88%, var(--background-primary) 12%) 100%
	);
	overflow:hidden;
	-webkit-filter:saturate(0.92) brightness(0.96);
	        filter:saturate(0.92) brightness(0.96);
}

._276924b654a22ca1-presetPreview::after{
	position:absolute;
	content:'';
	inset:0;
	pointer-events:none;
	background:linear-gradient(180deg, rgb(255 255 255 / 0.03) 0%, transparent 20%, rgb(0 0 0 / 0.08) 100%), transparent;
	opacity:calc(0.2 + (0 * 0.45));
	opacity:calc(0.2 + (var(--preset-overlay-opacity, 0) * 0.45));
	mix-blend-mode:screen;
}

@supports (color: rgb(0 0 0 / 0)){
._276924b654a22ca1-presetPreview::after{
	background:linear-gradient(180deg, rgb(255 255 255 / 0.03) 0%, transparent 20%, rgb(0 0 0 / 0.08) 100%), var(--preset-overlay-background, transparent);
}
}

._276924b654a22ca1-presetPreviewMessageLeft,
._276924b654a22ca1-presetPreviewMessageRight{
	position:absolute;
	z-index:1;
	height:0.42rem;
	border-radius:9999px;
	border:0;
}

._276924b654a22ca1-presetPreviewMessageLeft{
	left:0.42rem;
	right:0.42rem;
	bottom:0.42rem;
	background:color-mix(in srgb, var(--background-secondary) 72%, transparent);
}

._276924b654a22ca1-presetPreviewMessageRight{
	left:0.42rem;
	right:0.42rem;
	bottom:0.42rem;
	background:var(--preset-capsule-color, color-mix(in srgb, var(--brand-primary) 78%, white 22%));
	box-shadow:0 0 12px color-mix(in srgb, var(--preset-capsule-color, var(--brand-primary)) 24%, transparent);
}

._276924b654a22ca1-presetCard[data-preset-gradient='default'] ._276924b654a22ca1-presetPreview{
	--preset-capsule-color:#202124;
}

._276924b654a22ca1-presetCard[data-preset-gradient='legacy'] ._276924b654a22ca1-presetPreview{
	--preset-capsule-color:#b43f46;
}

._276924b654a22ca1-presetCard[data-preset-gradient='aurora'] ._276924b654a22ca1-presetPreview{
	--preset-capsule-color:#23a36d;
}

._276924b654a22ca1-presetCard[data-preset-gradient='sunset'] ._276924b654a22ca1-presetPreview{
	--preset-capsule-color:#e36a3d;
}

._276924b654a22ca1-presetCard[data-preset-gradient='ocean'] ._276924b654a22ca1-presetPreview{
	--preset-capsule-color:#258bc6;
}

._276924b654a22ca1-presetCard[data-preset-gradient='midnight'] ._276924b654a22ca1-presetPreview{
	--preset-capsule-color:#28364f;
}

._276924b654a22ca1-presetCard[data-preset-gradient='forest'] ._276924b654a22ca1-presetPreview{
	--preset-capsule-color:#668847;
}

._276924b654a22ca1-presetCard[data-preset-gradient='ember'] ._276924b654a22ca1-presetPreview{
	--preset-capsule-color:#d43d36;
}

._276924b654a22ca1-presetCard[data-preset-gradient='nebula'] ._276924b654a22ca1-presetPreview{
	--preset-capsule-color:#bf4c7a;
}

._276924b654a22ca1-presetContent{
	display:flex;
	flex-direction:column;
	gap:0.1rem;
	padding:0;
	width:100%;
}

._276924b654a22ca1-presetHeader{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:0.2rem;
	position:relative;
	width:100%;
}

._276924b654a22ca1-presetSoonBadge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0.12rem 0.42rem;
	border-radius:9999px;
	font-size:0.62rem;
	font-weight:800;
	letter-spacing:0.04em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--text-primary) 92%, white 8%);
	background:color-mix(in srgb, #da373c 26%, transparent);
	border:1px solid color-mix(in srgb, #da373c 40%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
._276924b654a22ca1-presetSoonBadge{
	background:color-mix(in srgb, var(--button-danger-fill, #da373c) 26%, transparent);
	border:1px solid color-mix(in srgb, var(--button-danger-fill, #da373c) 40%, transparent);
}
}

._276924b654a22ca1-presetTitle{
	font-weight:600;
	font-size:0.78rem;
	color:var(--text-primary);
	letter-spacing:0;
	text-align:left;
	text-transform:none;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._276924b654a22ca1-presetCheck{
	position:absolute;
	right:0;
	top:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:1rem;
	width:1rem;
	border-radius:9999px;
	background:var(--brand-primary);
	color:white;
	font-size:0.62rem;
	font-weight:700;
	line-height:1;
}

._276924b654a22ca1-presetDescription{
	margin:0;
	font-size:0.72rem;
	line-height:1.28;
	color:var(--text-tertiary);
	display:none;
}

._276924b654a22ca1-optionSection{
	display:flex;
	flex-direction:column;
	gap:0.45rem;
	border-top:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
	padding:0.72rem 0.8rem 0.85rem;
	border-radius:1.35rem;
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 10%, transparent), transparent 68%);
}

._276924b654a22ca1-optionHeading{
	font-size:0.83rem;
	font-weight:600;
	color:var(--text-primary);
}

._276924b654a22ca1-optionHeadingRow{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.5rem;
}

._276924b654a22ca1-newUnlockButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0.16rem 0.46rem;
	border-radius:9999px;
	border:1px solid color-mix(in srgb, var(--brand-primary) 42%, transparent);
	background:color-mix(in srgb, var(--brand-primary) 24%, transparent);
	color:color-mix(in srgb, var(--text-primary) 92%, white 8%);
	font-size:0.64rem;
	font-weight:700;
	letter-spacing:0.03em;
	text-transform:uppercase;
	cursor:default;
}

._276924b654a22ca1-optionChipRow{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
}

._276924b654a22ca1-optionDescription{
	margin:0;
	font-size:0.74rem;
	color:var(--text-tertiary);
}

@media (max-width: 767px){
	._276924b654a22ca1-optionSection{
		gap:0.34rem;
		padding:0.58rem 0.58rem 0.66rem;
		border-radius:1rem;
	}

	._276924b654a22ca1-presetGrid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:0.42rem;
	}

	._276924b654a22ca1-presetCard{
		padding:0.3rem;
		border-radius:0.7rem;
		height:4.8rem;
	}

	._276924b654a22ca1-presetPreview{
		border-radius:0.5rem;
	}

	._276924b654a22ca1-presetPreviewMessageLeft,
	._276924b654a22ca1-presetPreviewMessageRight{
		height:0.36rem;
		border-radius:9999px;
	}

	._276924b654a22ca1-presetPreviewMessageLeft{
		left:0.36rem;
		right:0.36rem;
		bottom:0.36rem;
	}

	._276924b654a22ca1-presetPreviewMessageRight{
		left:0.36rem;
		right:0.36rem;
		bottom:0.36rem;
	}

	._276924b654a22ca1-presetContent{
		padding:0.3rem 0.08rem 0;
	}

	._276924b654a22ca1-presetTitle{
		font-size:0.66rem;
	}

	._276924b654a22ca1-chatBackgroundGrid{
		gap:0.45rem;
	}

	._276924b654a22ca1-chatBackgroundCard{
		gap:0.3rem;
		padding:0.34rem;
		border-radius:0.72rem;
	}

	._276924b654a22ca1-chatBackgroundPreview{
		height:72px;
		border-radius:0.58rem;
	}

	._276924b654a22ca1-chatBackgroundPreviewIncoming,
	._276924b654a22ca1-chatBackgroundPreviewOutgoing{
		height:10px;
	}

	._276924b654a22ca1-chatBackgroundPreviewIncoming{
		left:0.45rem;
		right:2.2rem;
		bottom:1.35rem;
	}

	._276924b654a22ca1-chatBackgroundPreviewOutgoing{
		left:2.2rem;
		right:0.45rem;
		bottom:0.58rem;
	}

	._276924b654a22ca1-chatBackgroundCheck{
		top:0.4rem;
		right:0.4rem;
		width:1.2rem;
		height:1.2rem;
	}

	._276924b654a22ca1-chatBackgroundLabel{
		font-size:0.69rem;
		line-height:1.15;
	}

	._276924b654a22ca1-chatBackgroundDescription{
		display:none;
	}

	._276924b654a22ca1-optionDescription{
		font-size:0.68rem;
	}
}

@media (max-width: 430px){
	._276924b654a22ca1-presetGrid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}


._276924b654a22ca1-gradientColorGrid{
	display:grid;
	grid-template-columns:repeat(1, minmax(0, 1fr));
	grid-gap:0.7rem;
	gap:0.7rem;
}

._276924b654a22ca1-quickTokenGrid{
	display:grid;
	grid-template-columns:repeat(1, minmax(0, 1fr));
	grid-gap:0.7rem;
	gap:0.7rem;
}

._276924b654a22ca1-quickTokenGridCompact{
	display:grid;
	grid-template-columns:repeat(1, minmax(0, 1fr));
	grid-gap:0.5rem;
	gap:0.5rem;
}

@media (min-width: 720px){
	._276924b654a22ca1-gradientColorGrid,
	._276924b654a22ca1-quickTokenGrid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}

	._276924b654a22ca1-quickTokenGridCompact{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1080px){
	._276924b654a22ca1-quickTokenGridCompact{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}

._276924b654a22ca1-compactTokenField{
	padding:0.35rem 0.45rem;
	border-radius:0.85rem;
	background:color-mix(in srgb, var(--background-floating) 12%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._276924b654a22ca1-compactTokenField legend{
	font-size:0.74rem;
	font-weight:600;
}

._276924b654a22ca1-compactTokenField input{
	min-height:2rem;
	padding-block:0.4rem;
	font-size:0.82rem;
}

._276924b654a22ca1-sliderField{
	display:flex;
	flex-direction:column;
	gap:0.65rem;
	padding:0.4rem 0.2rem 0.7rem;
}

._276924b654a22ca1-sliderHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.4rem;
	font-size:0.82rem;
	font-weight:600;
	color:var(--text-secondary);
}

._276924b654a22ca1-buttonGroup{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
	padding:0.35rem;
	border-radius:1.1rem;
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 12%, var(--background-primary) 88%), color-mix(in srgb, var(--background-secondary) 14%, var(--background-primary) 86%));
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._276924b654a22ca1-loadingContainer{
	display:flex;
	flex:1;
	align-items:center;
	justify-content:center;
	min-height:16rem;
	padding-top:2.5rem;
	padding-bottom:2.5rem;
}

._4c8ccc27a82e46a7-buttonContainer{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:var(--spacing-3);
	margin-bottom:var(--spacing-3);
	flex-wrap:wrap;
}

._4c8ccc27a82e46a7-devControls{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	flex-wrap:wrap;
	margin-bottom:var(--spacing-3);
}

._4c8ccc27a82e46a7-devControlButton{
	min-width:200px;
}

._4c8ccc27a82e46a7-devControlButton[data-active='true']{
	box-shadow:0 0 0 2px var(--border-muted, var(--background-modifier-accent));
}

._4c8ccc27a82e46a7-documentationLink{
	color:var(--text-link);
	display:inline-flex;
	align-items:center;
	gap:var(--spacing-1);
	font-weight:600;
	text-decoration:none;
	line-height:1.25;
}

._4c8ccc27a82e46a7-documentationLink:hover{
	text-decoration:underline;
}

._4c8ccc27a82e46a7-documentationIcon{
	color:var(--text-link);
	display:block;
}

._4c8ccc27a82e46a7-createForm{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

._4c8ccc27a82e46a7-modalButtons{
	display:flex;
	gap:var(--spacing-2);
	justify-content:flex-end;
	flex-wrap:wrap;
}

._4c8ccc27a82e46a7-errorCard{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	padding:1.5rem;
	border:1px solid var(--background-modifier-accent);
	border-radius:8px;
	background-color:var(--background-secondary);
	align-items:flex-start;
}

._4c8ccc27a82e46a7-errorHeader{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
}

._4c8ccc27a82e46a7-errorTitle{
	margin:0;
	font-size:1.05rem;
	font-weight:700;
	color:var(--text-primary);
}

._4c8ccc27a82e46a7-errorSubtitle{
	margin:0;
	color:var(--text-primary-muted);
}

._4c8ccc27a82e46a7-errorActions{
	display:flex;
	gap:var(--spacing-2);
	flex-wrap:wrap;
}

._4c8ccc27a82e46a7-errorState{
	padding:var(--spacing-3) 0;
	border:none;
	background:transparent;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--spacing-3);
	text-align:center;
}

._4c8ccc27a82e46a7-statusActions{
	display:flex;
	gap:var(--spacing-2);
	justify-content:center;
}

._4c8ccc27a82e46a7-listContainer{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._4c8ccc27a82e46a7-itemContainer{
	border-radius:var(--radius-xl);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-textarea);
	overflow:hidden;
}

._4c8ccc27a82e46a7-itemButton{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	min-height:var(--input-container-min-height);
	padding:0 var(--input-container-padding);
	background:transparent;
	border:none;
	text-align:left;
	cursor:pointer;
	transition:background-color var(--transition-fast);
}

._4c8ccc27a82e46a7-itemButton:hover{
	background-color:var(--background-modifier-hover);
}

._4c8ccc27a82e46a7-itemButton:focus-visible{
	background-color:var(--background-modifier-hover);
	outline:2px solid var(--brand-primary);
	outline-offset:-2px;
}

._4c8ccc27a82e46a7-itemLeft{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	min-width:0;
	flex:1;
}

._4c8ccc27a82e46a7-itemAvatar{
	height:32px;
	width:32px;
	flex-shrink:0;
	border-radius:9999px;
	background-position:center;
	background-size:cover;
}

._4c8ccc27a82e46a7-itemAvatarPlaceholder{
	height:32px;
	width:32px;
	flex-shrink:0;
	border-radius:9999px;
	background-color:var(--brand-experiment);
	display:flex;
	align-items:center;
	justify-content:center;
	color:white;
	font-weight:600;
	font-size:0.875rem;
}

._4c8ccc27a82e46a7-itemTextBlock{
	display:flex;
	flex-direction:column;
	gap:2px;
	min-width:0;
	flex:1;
}

._4c8ccc27a82e46a7-itemTitleRow{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:var(--spacing-1);
}

._4c8ccc27a82e46a7-itemName{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.125rem;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._4c8ccc27a82e46a7-itemMetaRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:0.8125rem;
	min-width:0;
}

._4c8ccc27a82e46a7-itemId{
	font-family:var(--font-mono);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._4c8ccc27a82e46a7-itemChevron{
	height:20px;
	width:20px;
	flex-shrink:0;
	color:var(--text-tertiary);
	transition:transform var(--transition-fast);
}

@media (min-width: 768px){
	._4c8ccc27a82e46a7-itemChevron{
		height:24px;
		width:24px;
	}
}

._4c8ccc27a82e46a7-emptyState{
	padding:3rem 2rem;
	text-align:center;
	color:var(--text-muted);
}

._4c8ccc27a82e46a7-emptyStateTitle{
	margin:0 0 0.5rem 0;
	font-size:1.1rem;
	font-weight:600;
}

._4c8ccc27a82e46a7-emptyStateDescription{
	margin:0;
	font-size:0.9rem;
}

._4c8ccc27a82e46a7-detailContainer{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

._4c8ccc27a82e46a7-headerRow{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:var(--spacing-2);
}

._4c8ccc27a82e46a7-headerPlaceholder{
	display:flex;
	align-items:center;
}

._4c8ccc27a82e46a7-headerPlaceholder button{
	visibility:hidden;
	pointer-events:none;
}

._4c8ccc27a82e46a7-section{
	padding:1.5rem;
	border:1px solid var(--background-modifier-accent);
	border-radius:8px;
	background-color:var(--background-secondary);
}

._4c8ccc27a82e46a7-sectionHeader{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:1rem;
	padding-bottom:0.75rem;
	border-bottom:1px solid var(--background-modifier-accent);
}

._4c8ccc27a82e46a7-sectionTitle{
	margin:0;
	font-size:1rem;
	font-weight:600;
	color:var(--text-primary);
}

._4c8ccc27a82e46a7-sectionDescription{
	margin:0.5rem 0 0 0;
	font-size:0.875rem;
	color:var(--text-muted);
}

._4c8ccc27a82e46a7-sectionContent{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._4c8ccc27a82e46a7-field{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._4c8ccc27a82e46a7-fieldLabel{
	font-weight:500;
	font-size:0.875rem;
	color:var(--text-primary);
}

._4c8ccc27a82e46a7-fieldValue{
	padding:0.75rem;
	background-color:var(--background-tertiary);
	border-radius:4px;
	font-family:monospace;
	font-size:0.875rem;
	color:var(--text-primary);
	word-break:break-all;
}

._4c8ccc27a82e46a7-fieldRow{
	display:flex;
	gap:0.5rem;
	align-items:center;
}

._4c8ccc27a82e46a7-uriList{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._4c8ccc27a82e46a7-uriItem{
	padding:0.5rem;
	background-color:var(--background-tertiary);
	border-radius:4px;
	font-size:0.875rem;
	color:var(--text-primary);
	word-break:break-all;
}

._4c8ccc27a82e46a7-scopeList{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
}

._4c8ccc27a82e46a7-scopeBadge{
	padding:0.375rem 0.75rem;
	background-color:var(--background-primary);
	border-radius:4px;
	font-size:0.875rem;
	color:var(--text-primary);
	font-family:monospace;
}

._4c8ccc27a82e46a7-checkboxGroup{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._4c8ccc27a82e46a7-tokenBanner{
	padding:1rem;
	background-color:var(--background-modifier-accent);
	border:2px solid var(--status-warning);
	border-radius:8px;
	margin-bottom:1rem;
}

._4c8ccc27a82e46a7-tokenBannerHeader{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	margin-bottom:0.75rem;
}

._4c8ccc27a82e46a7-tokenBannerTitle{
	margin:0;
	color:var(--status-warning);
	font-weight:600;
	font-size:0.95rem;
}

._4c8ccc27a82e46a7-tokenBannerClose{
	background:none;
	border:none;
	color:var(--text-muted);
	cursor:pointer;
	font-size:1.25rem;
	line-height:1;
	padding:0;
	width:20px;
	height:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:4px;
	transition:background-color 0.2s ease;
}

._4c8ccc27a82e46a7-tokenBannerClose:hover{
	background-color:var(--background-modifier-hover);
}

._4c8ccc27a82e46a7-tokenBannerText{
	margin:0 0 0.75rem 0;
	font-size:0.875rem;
	color:var(--text-primary);
}

._4c8ccc27a82e46a7-tokenDisplay{
	display:flex;
	gap:0.5rem;
	align-items:center;
}

._4c8ccc27a82e46a7-tokenInput{
	flex:1;
	padding:0.75rem;
	background-color:var(--background-tertiary);
	border:1px solid var(--background-modifier-accent);
	border-radius:4px;
	font-family:monospace;
	font-size:0.85rem;
	color:var(--text-primary);
	word-break:break-all;
}

._4c8ccc27a82e46a7-botProfileSection{
	display:flex;
	gap:1rem;
	align-items:center;
	margin-bottom:var(--spacing-3);
}

._4c8ccc27a82e46a7-avatarSection{
	display:flex;
	gap:var(--spacing-3);
	align-items:center;
	margin-bottom:var(--spacing-3);
}

._4c8ccc27a82e46a7-avatarDisplay{
	flex-shrink:0;
}

._4c8ccc27a82e46a7-avatarControls{
	flex:1;
	min-width:0;
}

._4c8ccc27a82e46a7-botAvatar{
	width:80px;
	height:80px;
	border-radius:50%;
	object-fit:cover;
	border:2px solid var(--background-modifier-accent);
	flex-shrink:0;
}

._4c8ccc27a82e46a7-botAvatarPlaceholder{
	width:80px;
	height:80px;
	border-radius:50%;
	background-color:var(--brand-experiment);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:2rem;
	font-weight:600;
	color:white;
	flex-shrink:0;
}

._4c8ccc27a82e46a7-botInfo{
	flex:1;
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._4c8ccc27a82e46a7-avatarUploadContainer{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._4c8ccc27a82e46a7-fileInput{
	padding:0.5rem;
	border:1px solid var(--background-modifier-accent);
	border-radius:4px;
	background-color:var(--background-tertiary);
	font-size:0.875rem;
	color:var(--text-primary);
	cursor:pointer;
}

._4c8ccc27a82e46a7-fileInput:hover{
	background-color:var(--background-secondary);
}

._4c8ccc27a82e46a7-dangerZone{
	border-color:var(--status-danger);
	background-color:rgba(var(--status-danger-rgb), 0.05);
}

._4c8ccc27a82e46a7-dangerZone ._4c8ccc27a82e46a7-sectionHeader{
	border-bottom-color:var(--status-danger);
}

._4c8ccc27a82e46a7-dangerZone ._4c8ccc27a82e46a7-sectionTitle{
	color:var(--status-danger);
}

._4c8ccc27a82e46a7-buttonGroup{
	display:flex;
	gap:var(--spacing-2);
	flex-wrap:wrap;
}

._4c8ccc27a82e46a7-inputFooter{
	font-size:0.75rem;
	color:var(--text-primary-muted);
	margin-top:var(--spacing-1);
}

._4c8ccc27a82e46a7-AstralTagContainer{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._4c8ccc27a82e46a7-sectionSubtitle{
	margin:0;
	color:var(--text-primary-muted);
	font-size:0.9rem;
}

._4c8ccc27a82e46a7-secretRow{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
}

._4c8ccc27a82e46a7-secretLabel{
	font-weight:600;
	color:var(--text-primary);
}

._4c8ccc27a82e46a7-secretInputRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
}

._4c8ccc27a82e46a7-secretActions{
	display:flex;
	gap:var(--spacing-2);
	align-items:center;
}

._4c8ccc27a82e46a7-redirectList{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._4c8ccc27a82e46a7-redirectRow{
	display:flex;
	gap:var(--spacing-2);
	align-items:center;
}

._4c8ccc27a82e46a7-bannerSection{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._4c8ccc27a82e46a7-bannerHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

._4c8ccc27a82e46a7-permissionsGrid{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
}

._4c8ccc27a82e46a7-permissionsList{
	display:flex;
	flex-wrap:wrap;
	gap:var(--spacing-1);
}

._4c8ccc27a82e46a7-permissionItem{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
}

._4c8ccc27a82e46a7-builderResult{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
}

._4c8ccc27a82e46a7-AstralTagLabel{
	margin:0;
	display:block;
	padding:0;
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._4c8ccc27a82e46a7-AstralTagInputRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
}

._4c8ccc27a82e46a7-usernameInput{
	flex:1;
}

._4c8ccc27a82e46a7-separator{
	display:flex;
	align-items:center;
	font-family:var(--font-mono);
	font-size:1.25rem;
	line-height:1;
	color:var(--text-primary);
	padding:0 var(--spacing-1);
}

._4c8ccc27a82e46a7-discriminatorInput{
	width:5rem;
}

._4c8ccc27a82e46a7-validationBox{
	margin-top:var(--spacing-1);
}

._4c8ccc27a82e46a7-error{
	color:var(--text-danger);
	font-size:0.875rem;
	padding:0.75rem;
	background-color:rgba(var(--status-danger-rgb), 0.1);
	border-radius:4px;
	margin-top:0.5rem;
}

._4c8ccc27a82e46a7-spinnerContainer{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:2rem;
}

._4c8ccc27a82e46a7-srOnly{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	border:0;
}

._4c8ccc27a82e46a7-scopeGrid{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._4c8ccc27a82e46a7-scopeList{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
	grid-gap:var(--spacing-2);
	gap:var(--spacing-2);
}

._4c8ccc27a82e46a7-scopeItem{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	padding:0.5rem 0.75rem;
	border:1px solid var(--background-modifier-accent);
	border-radius:var(--radius-lg);
	background-color:var(--background-secondary);
}

._7100b84f1ec0c786-page{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
	padding:var(--spacing-6) var(--spacing-5) var(--spacing-4);
	width:100%;
	max-width:1200px;
	margin:0 auto;
	min-height:100%;
	background:var(--background-secondary);
}

._7100b84f1ec0c786-pageHeader{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	padding-bottom:var(--spacing-1);
}

._7100b84f1ec0c786-breadcrumbRow{
	display:flex;
	margin-bottom:var(--spacing-4);
}

._7100b84f1ec0c786-heroCard{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	padding:0;
	border:none;
	border-radius:0;
	background:transparent;
}

._7100b84f1ec0c786-heroTop{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:var(--spacing-3);
	flex-wrap:wrap;
}

._7100b84f1ec0c786-heroTop > div{
	flex:1;
	min-width:320px;
}

._7100b84f1ec0c786-eyebrow{
	margin:0;
	text-transform:uppercase;
	letter-spacing:0.04em;
	font-size:0.78rem;
	color:var(--text-primary-muted);
	font-weight:700;
}

._7100b84f1ec0c786-heroTitle{
	margin:0 0 var(--spacing-2) 0;
	font-size:1.35rem;
	font-weight:750;
	color:var(--text-primary);
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
}

._7100b84f1ec0c786-heroMeta{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
	color:var(--text-primary-muted);
}

._7100b84f1ec0c786-metaValue{
	padding:0.55rem 0.9rem;
	border-radius:var(--radius-lg);
	background:var(--background-primary);
	border:1px solid var(--background-modifier-accent);
	color:var(--text-primary);
	font-family:var(--font-mono);
	font-size:0.9rem;
	word-break:break-all;
	min-width:240px;
}

._7100b84f1ec0c786-metaInput{
	width:100%;
	max-width:none;
	font-family:var(--font-mono);
}

._7100b84f1ec0c786-pill{
	display:inline-flex;
	align-items:center;
	gap:var(--spacing-1);
	padding:0.35rem 0.75rem;
	border-radius:999px;
	background:var(--background-tertiary);
	color:var(--text-primary);
	font-weight:700;
	font-size:0.85rem;
}

._7100b84f1ec0c786-actions{
	display:flex;
	gap:var(--spacing-2);
	flex-wrap:wrap;
}

._7100b84f1ec0c786-actions > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._7100b84f1ec0c786-detailGrid{
	display:grid;
	grid-gap:var(--spacing-6);
	gap:var(--spacing-6);
	grid-template-columns:repeat(auto-fit, minmax(420px, 1fr));
	align-items:start;
}

._7100b84f1ec0c786-columnStack{
	display:flex;
	flex-direction:column;
	align-self:stretch;
	gap:var(--spacing-5);
}

._7100b84f1ec0c786-builderSection{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
}

._7100b84f1ec0c786-sectionSpacer{
	height:var(--spacing-5);
	flex:0 0 auto;
}

._7100b84f1ec0c786-card{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	padding:0;
	border:none;
	border-radius:0;
	background:transparent;
}

._7100b84f1ec0c786-cardDanger{
	border-color:transparent;
	background:transparent;
}

._7100b84f1ec0c786-cardHeader{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:var(--spacing-2);
	flex-wrap:wrap;
	padding-bottom:var(--spacing-2);
	border-bottom:1px solid var(--background-modifier-accent);
}

._7100b84f1ec0c786-cardTitle{
	margin:0;
	font-size:1.05rem;
	font-weight:750;
	color:var(--text-primary);
}

._7100b84f1ec0c786-cardSubtitle{
	margin:0.35rem 0 0 0;
	color:var(--text-primary-muted);
	font-size:0.95rem;
	line-height:1.5;
}

._7100b84f1ec0c786-cardActions{
	display:flex;
	gap:var(--spacing-2);
	flex-wrap:wrap;
}

._7100b84f1ec0c786-cardBody{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	padding-top:var(--spacing-2);
}

._7100b84f1ec0c786-secretRow{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._7100b84f1ec0c786-secretLabel{
	font-weight:700;
	color:var(--text-primary);
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
}

._7100b84f1ec0c786-secretInputRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
}

._7100b84f1ec0c786-secretActions{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	flex-wrap:wrap;
}

._7100b84f1ec0c786-fieldStack{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

._7100b84f1ec0c786-toggleRow{
	display:flex;
	align-items:flex-start;
	gap:var(--spacing-2);
}

._7100b84f1ec0c786-toggleSwitch{
	width:100%;
}

._7100b84f1ec0c786-toggleLabel{
	display:flex;
	flex-direction:column;
	gap:2px;
}

._7100b84f1ec0c786-toggleTitle{
	font-weight:700;
	color:var(--text-primary);
}

._7100b84f1ec0c786-toggleDescription{
	font-size:0.85rem;
	color:var(--text-primary-muted);
}

._7100b84f1ec0c786-redirectList{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._7100b84f1ec0c786-redirectRow{
	display:grid;
	grid-template-columns:1fr auto;
	grid-gap:var(--spacing-2);
	gap:var(--spacing-2);
	align-items:center;
}

._7100b84f1ec0c786-redirectActions{
	display:flex;
	gap:var(--spacing-1);
	align-self:center;
	align-items:center;
	justify-content:flex-end;
}

._7100b84f1ec0c786-redirectRow[data-first='true'] ._7100b84f1ec0c786-redirectActions{
	flex-direction:column;
	justify-content:center;
}

._7100b84f1ec0c786-redirectRow[data-first='true'] ._7100b84f1ec0c786-redirectActions::before{
	content:'';
	display:block;
	height:1.25rem;
	flex:0 0 auto;
}

._7100b84f1ec0c786-redirectRemoveButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border:none;
	border-radius:var(--radius-md);
	background:transparent;
	color:var(--text-primary-muted);
	cursor:pointer;
	transition:color 0.1s ease, background-color 0.1s ease;
}

._7100b84f1ec0c786-redirectRemoveButton:hover:not(:disabled){
	color:var(--text-primary);
	background:var(--background-modifier-hover);
}

._7100b84f1ec0c786-redirectRemoveButton:disabled{
	opacity:0.4;
	cursor:not-allowed;
}

._7100b84f1ec0c786-addRedirectButton{
	align-self:flex-start;
}

._7100b84f1ec0c786-scopeGrid{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._7100b84f1ec0c786-fieldLabel{
	margin:0;
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._7100b84f1ec0c786-scopeList{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	grid-gap:var(--spacing-2);
	gap:var(--spacing-2);
}

._7100b84f1ec0c786-botPermissionList{
	grid-template-columns:repeat(3, minmax(0, 1fr));
}

@media (max-width: 1080px){
	._7100b84f1ec0c786-botPermissionList{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px){
	._7100b84f1ec0c786-botPermissionList{
		grid-template-columns:1fr;
	}
}

._7100b84f1ec0c786-scopeItem{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	padding:0.35rem 0;
	min-width:0;
}

._7100b84f1ec0c786-scopeLabel{
	display:inline-flex;
	align-items:center;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
	line-height:1.25rem;
	font-weight:500;
	color:var(--text-primary);
}

._7100b84f1ec0c786-avatarRow{
	display:flex;
	gap:var(--spacing-3);
	align-items:center;
	flex-wrap:wrap;
}

._7100b84f1ec0c786-avatarPreview{
	width:96px;
	height:96px;
	border-radius:var(--radius-full);
	object-fit:cover;
	border:1px solid var(--background-modifier-accent);
	background:var(--background-tertiary);
}

._7100b84f1ec0c786-avatarPlaceholder{
	width:96px;
	height:96px;
	border-radius:var(--radius-full);
	display:flex;
	align-items:center;
	justify-content:center;
	background:linear-gradient(
		135deg,
		rgba(var(--brand-primary-rgb), 0.9),
		rgba(95, 125, 255, 0.85)
	);
	background:linear-gradient(
		135deg,
		rgba(var(--brand-primary-rgb), 0.9),
		rgba(var(--brand-secondary-rgb, 95, 125, 255), 0.85)
	);
	color:white;
	font-weight:800;
	font-size:1.85rem;
}

._7100b84f1ec0c786-tagRow{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	grid-column-gap:var(--spacing-2);
	-moz-column-gap:var(--spacing-2);
	     -webkit-column-gap:var(--spacing-2);
	     column-gap:var(--spacing-2);
	grid-row-gap:var(--spacing-2);
	row-gap:var(--spacing-2);
	align-items:end;
	width:100%;
}

._7100b84f1ec0c786-discriminatorInput{
	width:6rem;
	display:flex;
	align-items:center;
	align-self:end;
}

._7100b84f1ec0c786-metaRow{
	display:flex;
	flex-wrap:wrap;
	gap:var(--spacing-2);
	align-items:center;
	color:var(--text-primary-muted);
}

._7100b84f1ec0c786-validationBox{
	margin-top:-0.25rem;
}

._7100b84f1ec0c786-bannerRow{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	align-items:flex-start;
}

._7100b84f1ec0c786-builderResult{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
}

._7100b84f1ec0c786-loadingState{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:320px;
	padding:var(--spacing-5);
}

._7100b84f1ec0c786-loadingCard,
._7100b84f1ec0c786-errorCard{
	padding:var(--spacing-4);
	border:1px solid var(--background-modifier-accent);
	border-radius:var(--radius-xl);
	background-color:var(--background-primary);
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	align-items:flex-start;
	justify-content:center;
	min-height:320px;
}

._7100b84f1ec0c786-errorState{
	width:100%;
	min-height:320px;
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	align-items:center;
	justify-content:center;
	text-align:center;
}

._7100b84f1ec0c786-statusActions{
	display:flex;
	gap:var(--spacing-2);
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
}

._7100b84f1ec0c786-spinnerRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
}

._7100b84f1ec0c786-errorTitle{
	margin:0;
	font-size:1.05rem;
	font-weight:700;
	color:var(--text-primary);
}

._7100b84f1ec0c786-errorSubtitle{
	margin:0;
	color:var(--text-primary-muted);
}

._7100b84f1ec0c786-errorActions{
	display:flex;
	gap:var(--spacing-2);
	flex-wrap:wrap;
}

._7100b84f1ec0c786-helperText{
	color:var(--text-primary-muted);
	font-size:0.9rem;
}

._7100b84f1ec0c786-dangerContent{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	align-items:flex-start;
	justify-content:flex-start;
}

._7100b84f1ec0c786-dangerActions{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	align-self:flex-start;
	width:100%;
}

._7100b84f1ec0c786-dangerActions > *{
	flex:0 0 auto;
}

._7100b84f1ec0c786-error{
	color:var(--text-danger);
	font-size:0.95rem;
	padding:var(--spacing-2);
	border-radius:var(--radius-lg);
	background:rgba(var(--status-danger-rgb), 0.12);
	border:1px solid rgba(var(--status-danger-rgb), 0.35);
}

._7100b84f1ec0c786-srOnly{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	border:0;
}

._59d6d18f528f1a64-container{
	display:flex;
	flex-direction:column;
	gap:0.375rem;
}

._59d6d18f528f1a64-rule{
	display:flex;
	align-items:flex-start;
	gap:0.5rem;
}

._59d6d18f528f1a64-iconContainer{
	margin-top:0.125rem;
	flex-shrink:0;
}

._59d6d18f528f1a64-iconValid{
	color:var(--status-online);
}

._59d6d18f528f1a64-iconInvalid{
	color:var(--text-tertiary);
}

._59d6d18f528f1a64-labelValid{
	font-size:0.875rem;
	line-height:1.25;
	color:var(--status-online);
}

._59d6d18f528f1a64-labelInvalid{
	font-size:0.875rem;
	line-height:1.25;
	color:var(--text-tertiary);
}

._3877d51b88bba3a3-link{
	display:inline;
	color:rgb(172 135 255);
	text-decoration:none;
	cursor:pointer;
	background:none;
	border:none;
	padding:0;
	font:inherit;
	transition:color 160ms ease, text-shadow 160ms ease;
}

._3877d51b88bba3a3-link:hover{
	color:rgb(205 181 255);
	text-decoration:underline;
	text-shadow:0 0 12px rgb(143 108 236 / 0.4);
}

._2077da6b8973860a-label{
	margin-bottom:0.5rem;
	font-weight:500;
	font-size:0.875rem;
	color:var(--text-primary);
}

._2077da6b8973860a-buttonGroup{
	margin-bottom:0.75rem;
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

@media (min-width: 640px){
	._2077da6b8973860a-buttonGroup{
		flex-direction:row;
	}
}

._2077da6b8973860a-description{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._2077da6b8973860a-helperSpacing{
	margin-top:0.75rem;
}

._2077da6b8973860a-errorMessage{
	margin-top:0.5rem;
	font-size:0.875rem;
	color:var(--status-danger);
}

._2077da6b8973860a-hiddenInput{
	display:none;
}

._2077da6b8973860a-spacedParagraph{
	margin-top:1rem;
}

.adc7fd3fc423a990-label{
	margin-bottom:0.5rem;
	font-weight:700;
	font-size:0.84rem;
	letter-spacing:0.07em;
	text-transform:uppercase;
	color:var(--text-primary);
}

.adc7fd3fc423a990-buttonGroup{
	margin-bottom:0.75rem;
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

@media (min-width: 640px){
	.adc7fd3fc423a990-buttonGroup{
		flex-direction:row;
	}
}

.adc7fd3fc423a990-description{
	font-size:0.8125rem;
	line-height:1.45;
	color:var(--text-primary-muted);
}

.adc7fd3fc423a990-helperSpacing{
	margin-top:0.75rem;
}

.adc7fd3fc423a990-errorMessage{
	margin-top:0.5rem;
	font-size:0.875rem;
	color:var(--status-danger);
}

.adc7fd3fc423a990-bannerActionButton{
	position:relative;
	overflow:hidden;
	background:linear-gradient(
			135deg,
			color-mix(in srgb, var(--brand-primary) 86%, var(--background-floating) 14%),
			color-mix(in srgb, var(--brand-primary) 68%, var(--background-primary) 32%)
		);
	border-color:color-mix(in srgb, var(--brand-primary) 44%, transparent);
	box-shadow:0 12px 26px color-mix(in srgb, var(--brand-primary) 34%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 16%, transparent);
}

.adc7fd3fc423a990-bannerActionButton::before{
	content:'';
	position:absolute;
	inset:-1px auto -1px -40%;
	width:30%;
	background:linear-gradient(
		110deg,
		transparent,
		color-mix(in srgb, var(--text-primary) 26%, transparent),
		transparent
	);
	transform:translateX(-170%);
	transition:transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
	pointer-events:none;
}

.adc7fd3fc423a990-bannerActionButton:hover::before{
	transform:translateX(370%);
}

.adc7fd3fc423a990-paintIcon,
.adc7fd3fc423a990-sparkleIcon{
	width:0.95rem;
	height:0.95rem;
}

.adc7fd3fc423a990-sparkleIcon{
	animation:adc7fd3fc423a990-bannerSparkle 2.4s ease-in-out infinite;
}

@keyframes adc7fd3fc423a990-bannerSparkle{
	0%,
	100%{
		opacity:0.85;
		transform:scale(1) rotate(0deg);
	}
	50%{
		opacity:1;
		transform:scale(1.12) rotate(8deg);
	}
}

@media (prefers-reduced-motion: reduce){
	.adc7fd3fc423a990-bannerActionButton::before,
	.adc7fd3fc423a990-sparkleIcon{
		transition:none;
		animation:none;
	}
}

._3e75d8e8c6e40af9-container{
	display:flex;
	height:100%;
	flex-direction:column;
}

._3e75d8e8c6e40af9-header{
	padding:1rem 2rem;
}

._3e75d8e8c6e40af9-title{
	font-size:1.25rem;
	font-weight:600;
	color:var(--text-primary);
}

._3e75d8e8c6e40af9-description{
	margin-top:0.5rem;
	font-size:0.875rem;
	color:var(--text-secondary);
}

._3e75d8e8c6e40af9-scrollContainer{
	flex:1;
	overflow:hidden;
}

._3e75d8e8c6e40af9-scrollerPadding{
	padding-left:2rem;
	padding-right:2rem;
}

._3e75d8e8c6e40af9-appList{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	padding-bottom:1rem;
}

._3e75d8e8c6e40af9-appCard{
	display:flex;
	flex-direction:column;
	border-radius:var(--radius-xl);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-textarea);
	overflow:hidden;
}

._3e75d8e8c6e40af9-headerButton{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	min-height:var(--input-container-min-height);
	padding:0 var(--input-container-padding);
	background:transparent;
	border:none;
	cursor:pointer;
	text-align:left;
	transition:background-color var(--transition-fast);
}

._3e75d8e8c6e40af9-headerButton:hover{
	background-color:var(--background-modifier-hover);
}

._3e75d8e8c6e40af9-headerButton:focus-visible{
	background-color:var(--background-modifier-hover);
	outline:2px solid var(--brand-primary);
	outline-offset:-2px;
}

._3e75d8e8c6e40af9-left{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	min-width:0;
	flex:1;
}

._3e75d8e8c6e40af9-appAvatar{
	height:32px;
	width:32px;
	flex-shrink:0;
	border-radius:9999px;
	background-color:var(--background-tertiary);
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

._3e75d8e8c6e40af9-appAvatarImage{
	width:100%;
	height:100%;
	object-fit:cover;
}

._3e75d8e8c6e40af9-appAvatarPlaceholder{
	width:18px;
	height:18px;
	color:var(--text-muted);
}

._3e75d8e8c6e40af9-textBlock{
	display:flex;
	flex-direction:column;
	gap:2px;
	min-width:0;
	flex:1;
}

._3e75d8e8c6e40af9-titleRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
}

._3e75d8e8c6e40af9-appName{
	font-weight:600;
	font-size:0.875rem;
	line-height:1.125rem;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._3e75d8e8c6e40af9-metaRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:0.875rem;
	min-width:0;
}

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

._3e75d8e8c6e40af9-chevron{
	width:20px;
	height:20px;
	color:var(--text-tertiary);
	flex-shrink:0;
	transition:transform var(--transition-fast);
}

._3e75d8e8c6e40af9-chevronExpanded{
	transform:rotate(180deg);
}

._3e75d8e8c6e40af9-loadingContainer{
	display:flex;
	height:100%;
	align-items:center;
	justify-content:center;
}

._3e75d8e8c6e40af9-errorContainer{
	display:flex;
	height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:1rem;
	padding:2rem;
	text-align:center;
}

._3e75d8e8c6e40af9-errorText{
	color:var(--text-secondary);
}

._3e75d8e8c6e40af9-details{
	border-top:1px solid var(--background-modifier-accent);
	padding:var(--spacing-3) var(--input-container-padding);
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

._3e75d8e8c6e40af9-detailsRow{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

@media (min-width: 768px){
	._3e75d8e8c6e40af9-detailsRow{
		flex-direction:row;
		align-items:flex-start;
		justify-content:space-between;
		gap:var(--spacing-4);
	}
}

._3e75d8e8c6e40af9-scopeColumn{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	flex:1;
}

._3e75d8e8c6e40af9-sectionLabel{
	margin:0;
	font-size:0.75rem;
	font-weight:600;
	color:var(--text-muted);
	text-transform:uppercase;
	letter-spacing:0.05em;
}

._3e75d8e8c6e40af9-scopeList{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._3e75d8e8c6e40af9-scopeTag{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	padding:var(--spacing-2);
	border-radius:var(--radius-lg);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-tertiary);
}

._3e75d8e8c6e40af9-scopeName{
	font-size:0.8rem;
	font-weight:600;
	color:var(--text-primary);
	font-family:var(--font-mono);
}

._3e75d8e8c6e40af9-scopeDescription{
	font-size:0.82rem;
	color:var(--text-secondary);
	line-height:1.4;
}

._3e75d8e8c6e40af9-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:var(--spacing-2);
	align-self:flex-end;
}

._3e75d8e8c6e40af9-actions > button{
	white-space:nowrap;
}

.ed8bd9383ca08609-spinnerContainer{
	display:flex;
	justify-content:center;
	padding:4rem 0;
}

.ed8bd9383ca08609-actionRow{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
}

.ed8bd9383ca08609-allowanceText{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

.ed8bd9383ca08609-subsection{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.ed8bd9383ca08609-subsectionTitle{
	font-weight:600;
	font-size:0.875rem;
}

.ed8bd9383ca08609-listContainer{
	display:flex;
	flex-direction:column;
}

.ed8bd9383ca08609-listItems{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.ed8bd9383ca08609-emptyState{
	padding:1.5rem 0;
	text-align:center;
	color:var(--text-primary-muted);
}

.ed8bd9383ca08609-listHeader{
	display:none;
	grid-template-columns:200px minmax(150px, 1fr) 130px;
	gap:0.75rem;
	padding:0 0.75rem 0.5rem;
}

@media (min-width: 768px){
	.ed8bd9383ca08609-listHeader{
		display:grid;
	}
}

.ed8bd9383ca08609-listHeaderColumn{
	font-weight:600;
	color:var(--text-primary-muted);
	font-size:0.75rem;
	text-transform:uppercase;
}

.ed8bd9383ca08609-listItemMobile{
	position:relative;
	display:flex;
	width:100%;
	cursor:pointer;
	flex-direction:column;
	gap:0.5rem;
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:0.75rem;
	text-align:left;
}

.ed8bd9383ca08609-listItemMobile:active{
	opacity:0.8;
}

.ed8bd9383ca08609-codeRow{
	position:relative;
	display:flex;
	align-items:center;
	gap:0.5rem;
	overflow:hidden;
}

.ed8bd9383ca08609-labelMobile{
	font-weight:600;
	color:var(--text-primary-muted);
	font-size:0.75rem;
	text-transform:uppercase;
}

@media (min-width: 768px){
	.ed8bd9383ca08609-labelMobile{
		display:none;
	}
}

.ed8bd9383ca08609-code{
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-family:monospace;
	font-size:0.875rem;
}

.ed8bd9383ca08609-redeemerRow{
	display:flex;
	align-items:center;
	gap:0.5rem;
	overflow:hidden;
}

.ed8bd9383ca08609-redeemerInfo{
	display:flex;
	min-width:0;
	flex:1;
	flex-direction:column;
	overflow:hidden;
}

.ed8bd9383ca08609-redeemerName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
}

.ed8bd9383ca08609-redeemerDate{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--text-primary-muted);
	font-size:0.75rem;
}

.ed8bd9383ca08609-unclaimedIcon{
	display:flex;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-tertiary);
	width:32px;
	height:32px;
}

.ed8bd9383ca08609-unclaimedIconSvg{
	height:1.25rem;
	width:1.25rem;
	color:var(--text-primary-muted);
}

.ed8bd9383ca08609-unclaimedText{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

.ed8bd9383ca08609-createdRow{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.ed8bd9383ca08609-createdLabel{
	flex-shrink:0;
	font-weight:600;
	color:var(--text-primary-muted);
	font-size:0.75rem;
	text-transform:uppercase;
}

@media (min-width: 768px){
	.ed8bd9383ca08609-createdLabel{
		display:none;
	}
}

.ed8bd9383ca08609-createdDate{
	font-size:0.875rem;
}

.ed8bd9383ca08609-revokeButton{
	position:absolute;
	top:-0.5rem;
	right:-0.5rem;
	border-radius:9999px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-primary);
	padding:0.5rem;
	color:var(--text-primary-muted);
	opacity:1;
	box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	transition-property:border-color, background-color, color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

.ed8bd9383ca08609-revokeButton:hover{
	border-color:var(--status-danger);
	background-color:var(--status-danger);
	color:white;
}

.ed8bd9383ca08609-revokeButtonIcon{
	height:0.75rem;
	width:0.75rem;
}

.ed8bd9383ca08609-listItemDesktop{
	position:relative;
	display:grid;
	grid-template-columns:200px minmax(150px, 1fr) 130px;
	align-items:center;
	grid-gap:0.75rem;
	gap:0.75rem;
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:0.75rem;
}

.ed8bd9383ca08609-copyButton{
	flex-shrink:0;
	border-radius:0.25rem;
	padding:0.25rem;
	color:var(--text-primary-muted);
	transition-property:background-color, color, opacity;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

.ed8bd9383ca08609-copyButton:hover{
	background-color:var(--background-header-secondary);
	color:var(--text-primary);
}

.ed8bd9383ca08609-copyButtonHidden{
	opacity:0;
}

.ed8bd9383ca08609-copyButtonVisible{
	opacity:1;
}

.ed8bd9383ca08609-copyButtonIcon{
	height:1rem;
	width:1rem;
}

.ed8bd9383ca08609-revokeButtonDesktop{
	position:absolute;
	top:-0.5rem;
	right:-0.5rem;
	border-radius:9999px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-primary);
	padding:0.5rem;
	color:var(--text-primary-muted);
	box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	transition-property:border-color, background-color, color, opacity;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

.ed8bd9383ca08609-revokeButtonDesktop:hover{
	border-color:var(--status-danger);
	background-color:var(--status-danger);
	color:white;
}

.ed8bd9383ca08609-revokeButtonDesktopHidden{
	opacity:0;
}

@media (min-width: 768px){
	.ed8bd9383ca08609-revokeButtonDesktopHidden{
		opacity:0;
	}
	.ed8bd9383ca08609-listItemDesktop:hover .ed8bd9383ca08609-revokeButtonDesktopHidden{
		opacity:1;
	}
}

.ed8bd9383ca08609-revokeButtonDesktopVisible{
	opacity:1;
}

.ed8bd9383ca08609-avatarNoShrink{
	flex-shrink:0;
}

._06c3001648a70c30-container{
	display:flex;
	height:100%;
	flex-direction:column;
}

._06c3001648a70c30-header{
	padding:1rem 2rem;
}

._06c3001648a70c30-title{
	font-size:1.25rem;
	font-weight:600;
	color:var(--text-primary);
}

._06c3001648a70c30-description{
	margin-top:0.5rem;
	font-size:0.875rem;
	color:var(--text-secondary);
}

._06c3001648a70c30-scrollContainer{
	flex:1;
	overflow:hidden;
}

._06c3001648a70c30-scrollerPadding{
	padding-left:2rem;
	padding-right:2rem;
}

._06c3001648a70c30-userList{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	padding-bottom:1rem;
}

._06c3001648a70c30-userCard{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0.75rem;
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
}

._06c3001648a70c30-userInfo{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

._06c3001648a70c30-avatarButton{
	padding:0;
	border:0;
	border-radius:9999px;
	background-color:transparent;
	cursor:pointer;
}

._06c3001648a70c30-usernameButton{
	padding:0;
	border:0;
	background-color:transparent;
	text-align:left;
	cursor:pointer;
}

._06c3001648a70c30-usernameContainer{
	display:flex;
	align-items:center;
}

._06c3001648a70c30-username{
	display:inline;
	align-items:baseline;
	white-space:normal;
	word-break:break-all;
	font-weight:600;
	color:var(--text-primary);
	line-height:1.25;
}

._06c3001648a70c30-discriminator{
	display:inline;
	align-items:baseline;
	white-space:normal;
	word-break:break-all;
	font-weight:600;
	color:var(--text-primary);
	line-height:1.25;
	opacity:0.5;
}

._06c3001648a70c30-actions{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._06c3001648a70c30-moreIcon{
	width:1.25rem;
	height:1.25rem;
}

.a3eda40a8f27ae14-sectionContent{
	margin-top:0.5rem;
}

.a3eda40a8f27ae14-radioSection{
	margin-top:0.5rem;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.a3eda40a8f27ae14-radioLabel{
	display:block;
	font-weight:500;
	font-size:0.875rem;
	color:var(--text-primary);
}

.a3eda40a8f27ae14-radioLabelContainer{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._4457c055223f927f-container{
	display:flex;
	flex-direction:column;
}

._85a5a5195b297ee8-key{
	display:inline-flex;
	height:2rem;
	min-width:2rem;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	align-items:center;
	justify-content:center;
	border-radius:0.375rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-tertiary);
	padding-left:0.75rem;
	padding-right:0.75rem;
	font-weight:500;
	font-family:ui-sans-serif, system-ui, sans-serif;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.05);
}

._85a5a5195b297ee8-keyWide{
	min-width:3rem;
}

._588fe61d66afc01e-sectionContent{
	margin-top:0.5rem;
}

._74ef5c4253c56141-sectionContent{
	margin-top:0.5rem;
}

._74ef5c4253c56141-previewContainer{
	margin-bottom:1.5rem;
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._74ef5c4253c56141-previewBox{
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary-lighter);
	padding-left:1.5rem;
	padding-right:1.5rem;
	padding-top:2rem;
	padding-bottom:2rem;
}

._74ef5c4253c56141-shiftHint{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
}

._74ef5c4253c56141-shiftHintDisabled{
	opacity:0.4;
}

._74ef5c4253c56141-shiftHintText{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._28a8294a517a1d46-footnote{
	display:inline-flex;
	align-items:center;
	margin-top:0.35rem;
	color:var(--text-tertiary);
	font-size:0.65rem;
	line-height:1.2;
	text-decoration:none;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

._28a8294a517a1d46-footnote:hover{
	text-decoration:underline;
}

._28a8294a517a1d46-inlineFootnote{
	display:inline-flex;
	align-items:center;
	color:inherit;
	font-size:inherit;
	line-height:1.2;
	vertical-align:middle;
	text-decoration:none;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

._28a8294a517a1d46-inlineFootnote:hover{
	color:var(--text-tertiary) !important;
	text-decoration:underline;
}

._2e454e6072001103-sectionContent{
	margin-top:0.5rem;
}

._2e454e6072001103-radioSections{
	margin-top:0.5rem;
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

._2e454e6072001103-radioSection{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._2e454e6072001103-radioLabelContainer{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._2e454e6072001103-radioLabel{
	display:block;
	font-weight:500;
	font-size:0.875rem;
	color:var(--text-primary);
}

._2e454e6072001103-previewContainer{
	margin-bottom:1.5rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.25rem;
}

._2e454e6072001103-previewWrapper{
	position:relative;
	display:inline-flex;
	flex-direction:column;
	align-items:stretch;
	gap:0.35rem;
	max-width:28rem;
	width:20rem;
}

._2e454e6072001103-previewBox{
	position:relative;
	display:flex;
	aspect-ratio:16 / 9;
	width:100%;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:0.25rem;
	background-color:var(--background-tertiary);
}

._2e454e6072001103-previewIcon{
	height:4rem;
	width:4rem;
	color:var(--text-tertiary);
}

._2e454e6072001103-gifIndicator{
	position:absolute;
	top:0.5rem;
	left:0.5rem;
	z-index:10;
	border-radius:0.25rem;
	background-color:rgba(0, 0, 0, 0.6);
	padding:0.125rem 0.375rem;
	font-weight:600;
	font-size:0.8125rem;
	line-height:1.1;
	color:white;
}

._2e454e6072001103-actionButtons{
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	z-index:10;
	display:flex;
	gap:0.25rem;
}

._2e454e6072001103-actionButton{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:0.25rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-primary);
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	cursor:pointer;
}

._2e454e6072001103-actionButtonIcon{
	color:var(--text-primary);
}

._2e454e6072001103-suppressButton{
	position:absolute;
	top:0.25rem;
	right:-2rem;
	display:flex;
	height:1.5rem;
	width:1.5rem;
	align-items:center;
	justify-content:center;
	border-radius:0.25rem;
	background:transparent;
	border:none;
	color:var(--text-tertiary);
	transition:background-color 0.15s, color 0.15s;
	cursor:pointer;
	padding:0;
}

._2e454e6072001103-suppressButton:hover{
	color:var(--status-danger);
}

._2e454e6072001103-expiryFootnotePreview{
	width:100%;
}

._90f4d467a07e1bef-buttonsWrapper{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.75rem;
}

._90fb8cbc8f4a01df-sectionTitle{
	font-size:1rem;
	font-weight:600;
	color:var(--text-primary);
}

._90fb8cbc8f4a01df-subsectionTitle{
	font-size:0.875rem;
	font-weight:500;
	color:var(--text-primary);
}

._65caf952e8bd5f38-itemsWrapper{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:1.5rem;
}

._65caf952e8bd5f38-itemWithLabel{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._65caf952e8bd5f38-itemText{
	font-size:0.875rem;
	color:var(--text-primary);
}

._65caf952e8bd5f38-itemTextSmall{
	font-size:0.75rem;
	color:var(--text-primary);
}

._65caf952e8bd5f38-itemTextBase{
	font-size:1rem;
	color:var(--text-primary);
}

._65caf952e8bd5f38-itemTextTertiary{
	font-size:0.75rem;
	color:var(--text-tertiary);
}

._65caf952e8bd5f38-avatarGroup{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
}

._65caf952e8bd5f38-avatarShapes{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._65caf952e8bd5f38-stacksWrapper{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._65caf952e8bd5f38-stackItem{
	display:flex;
	align-items:center;
	gap:1rem;
}

._65caf952e8bd5f38-badgesWrapper{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.75rem;
}

._50a1cc1edadeb8bc-container{
	display:flex;
	flex-direction:column;
	gap:2rem;
}

._50a1cc1edadeb8bc-section{
	border-bottom:1px solid var(--background-modifier-accent);
	padding-bottom:2rem;
}

._50a1cc1edadeb8bc-sectionTitle{
	margin-bottom:1rem;
	font-size:1.125rem;
	font-weight:600;
	color:var(--text-primary);
}

._80a25df5626a72b4-grid{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:1rem;
	gap:1rem;
}

@media (min-width: 768px){
	._80a25df5626a72b4-grid{
		grid-template-columns:repeat(2, 1fr);
	}
}

._80a25df5626a72b4-gridSingle{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:1rem;
	gap:1rem;
}

._80a25df5626a72b4-inlineEditWrapper{
	display:flex;
	align-items:center;
	gap:1rem;
}

._80a25df5626a72b4-inlineEditLabel{
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._80a25df5626a72b4-inlineEditWrapper{
	display:flex;
	align-items:center;
	gap:1rem;
}

._80a25df5626a72b4-inlineEditCaption{
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._80a25df5626a72b4-colorPickersGrid{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:1rem;
	gap:1rem;
}

@media (min-width: 768px){
	._80a25df5626a72b4-colorPickersGrid{
		grid-template-columns:repeat(2, 1fr);
	}
}

.ede79c811a5a3296-buttonsWrapper{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.75rem;
}

.ede79c811a5a3296-demoArea{
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	padding:1rem;
	font-size:0.875rem;
	color:var(--text-primary);
	cursor:pointer;
}

._2e07a50b13275426-descriptionSmall{
	font-size:0.75rem;
	color:var(--text-secondary);
}

._2e07a50b13275426-gridDouble{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:1rem;
	gap:1rem;
}

@media (min-width: 768px){
	._2e07a50b13275426-gridDouble{
		grid-template-columns:1fr 1fr;
	}
}

._2e07a50b13275426-gridSingle{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:1rem;
	gap:1rem;
}

._2e07a50b13275426-contentList{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._2e07a50b13275426-sliderRow{
	display:flex;
	align-items:center;
	gap:1rem;
}

._2e07a50b13275426-sliderContainer{
	width:100%;
}

._2e07a50b13275426-sliderValue{
	min-width:56px;
	text-align:right;
	font-family:monospace;
	font-size:0.875rem;
	color:var(--text-primary);
}

._2e07a50b13275426-sliderValueDisabled{
	min-width:56px;
	text-align:right;
	font-family:monospace;
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._03f9ae027c7011ed-sliderContainer{
	margin-left:1rem;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._03f9ae027c7011ed-sliderLabel{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._03f9ae027c7011ed-labelText{
	display:block;
	font-weight:500;
	font-size:0.875rem;
}

._03f9ae027c7011ed-labelDescription{
	margin-bottom:0.5rem;
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

._25a94928bd206a6c-toggleGroup{
	border-top:1px solid var(--background-header-secondary);
	padding-top:1rem;
}

._25a94928bd206a6c-toggleGroupFirst{
	padding-top:0;
	border-top:none;
}

._25a94928bd206a6c-groupTitle{
	margin-top:0.25rem;
	margin-bottom:0.75rem;
	font-weight:600;
	font-size:0.75rem;
	color:var(--text-tertiary-muted);
	text-transform:uppercase;
	letter-spacing:0.05em;
}

._25a94928bd206a6c-toggleList{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._25a94928bd206a6c-buttonGroup{
	display:flex;
	flex-wrap:wrap;
	gap:0.75rem;
}

._60d65a199ca8fbc3-container{
	display:flex;
	flex-direction:column;
}

.c63448eb06718112-container{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

.c63448eb06718112-header{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	text-align:center;
}

.c63448eb06718112-iconContainer{
	margin:1rem auto 0;
	display:flex;
	align-items:center;
	justify-content:center;
	height:4rem;
	width:4rem;
	border-radius:9999px;
}

.c63448eb06718112-icon{
	color:rgb(251 146 60);
}

.c63448eb06718112-title{
	font-size:1.25rem;
	line-height:1.75rem;
	font-weight:600;
	color:var(--text-primary);
}

.c63448eb06718112-description{
	font-size:0.875rem;
	line-height:1.625;
	color:var(--text-secondary);
}

.c63448eb06718112-tabContainer{
	display:flex;
	gap:0.25rem;
	padding:0.25rem;
	border-radius:0.75rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-tertiary);
}

.c63448eb06718112-tabButton{
	flex:1;
	padding:0.5rem 0.75rem;
	border-radius:0.5rem;
	border:none;
	background-color:transparent;
	font-size:0.875rem;
	line-height:1.25rem;
	font-weight:600;
	color:var(--text-secondary);
	text-align:center;
	transition:background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
	cursor:pointer;
}

.c63448eb06718112-tabInactive{
	color:var(--text-secondary);
}

.c63448eb06718112-tabButton:focus-visible{
	outline:none;
	box-shadow:0 0 0 2px var(--border-focus, var(--brand-primary));
}

.c63448eb06718112-tabActive{
	background-color:var(--background-primary);
	color:var(--text-primary);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);
}

.c63448eb06718112-tabInactive:hover,
.c63448eb06718112-tabInactive:focus-visible{
	color:var(--text-primary);
}

.c63448eb06718112-contentContainer{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.c63448eb06718112-stepsCard{
	padding:1rem;
	border-radius:0.5rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
}

.c63448eb06718112-stepsContainer{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.c63448eb06718112-stepRow{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

.c63448eb06718112-stepBadge{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	height:1.5rem;
	width:1.5rem;
	border-radius:9999px;
	background-color:var(--brand-primary);
	font-size:0.75rem;
	line-height:1rem;
	font-weight:500;
	color:white;
}

.c63448eb06718112-stepText{
	flex:1;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

.c63448eb06718112-resendSection{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	margin-top:0.5rem;
}

.c63448eb06718112-resendText{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
	text-align:center;
}

.c63448eb06718112-formContainer{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.c63448eb06718112-inputGroup{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

.c63448eb06718112-phoneInputContainer{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.c63448eb06718112-buttonGroup{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.c63448eb06718112-countryOption{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.c63448eb06718112-countryFlag{
	height:1.25rem;
	width:1.25rem;
}

.c63448eb06718112-countryDialCode{
	color:var(--text-tertiary);
}

.c63448eb06718112-countryValue{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.c63448eb06718112-footerText{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.c63448eb06718112-selectLabel{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._44c242bbcdeffa53-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

._44c242bbcdeffa53-headerTitle{
	margin-bottom:0;
	font-weight:600;
	font-size:1rem;
}

._44c242bbcdeffa53-sliderContainer{
	margin-left:1rem;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._44c242bbcdeffa53-sliderLabel{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._44c242bbcdeffa53-labelText{
	display:block;
	font-weight:500;
	font-size:0.875rem;
}

._44c242bbcdeffa53-labelDescription{
	margin-bottom:0.5rem;
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

._44c242bbcdeffa53-note{
	color:var(--text-primary-muted);
	font-size:0.75rem;
}

._44c242bbcdeffa53-buttonRow{
	display:flex;
	align-items:flex-start;
}

._0a427bd2ec06de08-nagbarList{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._0a427bd2ec06de08-nagbarItem{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

._0a427bd2ec06de08-nagbarInfo{
	display:flex;
	flex-direction:column;
}

._0a427bd2ec06de08-nagbarLabel{
	font-size:0.875rem;
}

._0a427bd2ec06de08-nagbarStatus{
	color:var(--text-tertiary);
	font-size:0.75rem;
}

._0a427bd2ec06de08-buttonGroup{
	display:flex;
	gap:0.5rem;
}

._0a427bd2ec06de08-footer{
	display:flex;
	flex-wrap:wrap;
}

._0a427bd2ec06de08-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._12767a620c575156-container{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
	color:var(--text-primary);
}

._12767a620c575156-description{
	font-size:0.875rem;
	line-height:1.25rem;
	text-align:center;
	color:var(--text-primary-muted);
}

._12767a620c575156-errorBox{
	width:100%;
	padding:0.75rem;
	border-radius:0.375rem;
	border:1px solid var(--status-danger);
	background-color:rgb(from var(--status-danger) r g b / 0.1);
}

._12767a620c575156-errorText{
	font-size:0.875rem;
	line-height:1.25rem;
	text-align:center;
	color:var(--status-danger);
}

._12767a620c575156-captchaContainer{
	display:flex;
	width:100%;
	justify-content:center;
	margin-bottom:1rem;
}

._12767a620c575156-switchContainer{
	text-align:center;
}

._12767a620c575156-switchButton{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-link);
	text-decoration:underline;
	cursor:pointer;
}

._12767a620c575156-switchButton:hover{
	color:var(--text-link);
}

._12767a620c575156-switchButton:disabled{
	cursor:not-allowed;
	opacity:0.5;
}

.d2aaf51be598ca5e-buttonGroup{
	display:flex;
	flex-wrap:wrap;
	gap:0.75rem;
}

._4c09dfa9844ca756-container{
	display:flex;
	height:100%;
	min-height:300px;
	align-items:center;
	justify-content:center;
}

._4c09dfa9844ca756-content{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
	padding-left:1rem;
	padding-right:1rem;
	text-align:center;
}

._4c09dfa9844ca756-iconTextContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.75rem;
}

._4c09dfa9844ca756-icon{
	height:3.5rem;
	width:3.5rem;
	color:var(--text-primary-muted);
}

._4c09dfa9844ca756-textContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
}

._4c09dfa9844ca756-title{
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
	color:var(--text-primary);
}

._4c09dfa9844ca756-description{
	max-width:28rem;
	font-size:1rem;
	line-height:1.5rem;
	color:var(--text-primary-muted);
}

.ffb064fcd9a4b9ff-statusDot{
	display:inline-block;
	height:0.25rem;
	width:0.25rem;
	margin-left:0.25rem;
	margin-right:0.25rem;
	border-radius:9999px;
	background-color:var(--text-primary-muted);
	vertical-align:middle;
}

.ffb064fcd9a4b9ff-checkbox{
	display:flex;
	align-items:center;
	justify-content:center;
	height:1.25rem;
	width:1.25rem;
	border-radius:0.25rem;
	border:2px solid;
}

.ffb064fcd9a4b9ff-checkboxUnchecked{
	border-color:var(--text-tertiary-muted);
}

.ffb064fcd9a4b9ff-checkboxChecked{
	border-color:var(--text-primary);
	background-color:var(--text-primary);
}

.ffb064fcd9a4b9ff-checkIcon{
	height:0.875rem;
	width:0.875rem;
	color:var(--background-primary);
}

.ffb064fcd9a4b9ff-authSession{
	display:flex;
	flex:1;
	flex-direction:column;
	gap:0.75rem;
	box-sizing:border-box;
	padding:1rem;
	border-radius:0.5rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
}

@media (min-width: 640px){
	.ffb064fcd9a4b9ff-authSession{
		flex-direction:row;
		align-items:center;
		gap:1rem;
	}
}

@media (min-width: 1024px){
	.ffb064fcd9a4b9ff-authSession{
		padding:1.25rem;
	}
}

.ffb064fcd9a4b9ff-authSessionSelectable{
	cursor:pointer;
}

.ffb064fcd9a4b9ff-authSessionContent{
	display:flex;
	flex:1;
	align-items:center;
	gap:1rem;
}

.ffb064fcd9a4b9ff-iconContainer{
	display:flex;
	align-items:center;
	justify-content:center;
	height:2.75rem;
	width:2.75rem;
	border-radius:9999px;
	background-color:var(--background-tertiary);
	color:var(--text-tertiary);
}

.ffb064fcd9a4b9ff-icon{
	height:1.5rem;
	width:1.5rem;
}

.ffb064fcd9a4b9ff-authSessionInfo{
	display:flex;
	min-width:0;
	flex:1;
	flex-direction:column;
	gap:0.25rem;
}

.ffb064fcd9a4b9ff-authSessionTitle{
	font-size:0.875rem;
	font-weight:600;
	color:var(--text-primary);
	max-width:100%;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

@media (min-width: 640px){
	.ffb064fcd9a4b9ff-authSessionTitle{
		font-size:1rem;
	}
}

.ffb064fcd9a4b9ff-authSessionLocation{
	display:flex;
	align-items:center;
	gap:0.35rem;
	font-size:0.875rem;
	color:var(--text-primary-muted);
	min-width:0;
	flex-wrap:nowrap;
}

.ffb064fcd9a4b9ff-locationText{
	flex:0 1 auto;
	min-width:0;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.ffb064fcd9a4b9ff-locationSeparator{
	background-color:var(--background-modifier-accent);
	width:0.25rem;
	height:0.25rem;
	border-radius:9999px;
	display:inline-block;
	flex-shrink:0;
	opacity:0.8;
	margin:0 0.15rem;
}

.ffb064fcd9a4b9ff-lastUsed{
	font-size:0.75rem;
	flex-shrink:0;
	white-space:nowrap;
}

.ffb064fcd9a4b9ff-authSessionActions{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
}

@media (min-width: 640px){
	.ffb064fcd9a4b9ff-authSessionActions{
		justify-content:flex-end;
	}
}

.ffb064fcd9a4b9ff-revokeButton{
	padding:0.5rem;
	border-radius:0.375rem;
	color:var(--text-tertiary);
	cursor:pointer;
}

.ffb064fcd9a4b9ff-revokeButton:hover{
	background-color:var(--background-modifier-hover);
}

.ffb064fcd9a4b9ff-revokeIcon{
	height:1rem;
	width:1rem;
}

.ffb064fcd9a4b9ff-loadingContainer{
	display:flex;
	justify-content:center;
	padding-top:4rem;
	padding-bottom:4rem;
}

.ffb064fcd9a4b9ff-sessionNotice{
	display:flex;
	align-items:flex-start;
	gap:0.875rem;
	padding:1rem;
	border:1px solid color-mix(in srgb, var(--status-warning) 45%, transparent);
	border-radius:0.5rem;
	background-color:color-mix(in srgb, var(--status-warning) 10%, var(--background-secondary));
	color:var(--text-primary);
}

.ffb064fcd9a4b9ff-sessionNoticeIcon{
	width:1.25rem;
	height:1.25rem;
	flex-shrink:0;
	color:var(--status-warning);
}

.ffb064fcd9a4b9ff-sessionNoticeBody{
	display:flex;
	min-width:0;
	flex:1;
	flex-direction:column;
	gap:0.25rem;
}

.ffb064fcd9a4b9ff-sessionNoticeTitle{
	font-size:0.875rem;
	font-weight:700;
}

.ffb064fcd9a4b9ff-sessionNoticeText{
	font-size:0.8125rem;
	line-height:1.4;
	color:var(--text-primary-muted);
}

@media (max-width: 639px){
	.ffb064fcd9a4b9ff-sessionNotice{
		flex-direction:column;
	}
}

.ffb064fcd9a4b9ff-devicesSection{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

.ffb064fcd9a4b9ff-deviceGroup{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.ffb064fcd9a4b9ff-deviceGroupHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.ffb064fcd9a4b9ff-deviceGroupTitle{
	font-size:0.875rem;
	font-weight:600;
	color:var(--text-primary);
}

@media (min-width: 640px){
	.ffb064fcd9a4b9ff-deviceGroupTitle{
		font-size:1rem;
	}
}

.ffb064fcd9a4b9ff-actionsContainer{
	display:flex;
	gap:0.5rem;
}

.ffb064fcd9a4b9ff-actionButton{
	padding:0.5rem;
	border-radius:0.375rem;
	color:var(--text-tertiary);
	cursor:pointer;
}

.ffb064fcd9a4b9ff-actionButton:hover{
	background-color:var(--background-modifier-hover);
}

.ffb064fcd9a4b9ff-actionIcon{
	height:1.25rem;
	width:1.25rem;
}

.ffb064fcd9a4b9ff-devicesGrid{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.ffb064fcd9a4b9ff-logoutSection{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.ffb064fcd9a4b9ff-logoutDescription{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._3eadd2bd1b7038b0-description{
	margin-bottom:1rem;
	color:var(--text-secondary);
}

._3eadd2bd1b7038b0-form{
	margin:0;
}

._3eadd2bd1b7038b0-formFields{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._9679515bc01da246-description{
	margin-bottom:1rem;
	color:var(--text-secondary);
}

._9679515bc01da246-fieldGroup{
	margin-bottom:1rem;
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._9679515bc01da246-fieldLabel{
	font-weight:600;
	font-size:0.9rem;
	color:var(--text-primary);
}

._9679515bc01da246-helpText{
	font-size:0.75rem;
	color:var(--text-tertiary);
	margin:0;
}

._7df72aa515839592-emptyState{
	align-items:center;
	display:flex;
	height:100%;
	justify-content:center;
	padding:var(--spacing-6) var(--spacing-4);
}

._7df72aa515839592-spinnerWrapper{
	align-items:center;
	display:flex;
	height:100%;
	justify-content:center;
}

._7df72aa515839592-section{
	background:var(--form-surface-background);
	border:1px solid var(--background-modifier-selected);
	border-radius:var(--radius-xl);
	margin-bottom:var(--spacing-6);
	padding:var(--spacing-5);
}

._7df72aa515839592-sectionHeader{
	align-items:center;
	display:flex;
	justify-content:space-between;
}

._7df72aa515839592-sectionTitle{
	font-size:1rem;
	font-weight:600;
	margin:0;
}

._7df72aa515839592-sectionSubtitle{
	color:var(--text-secondary);
	font-size:0.875rem;
	margin:0;
}

._7df72aa515839592-listWrapper{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	margin-top:var(--spacing-3);
}

._7df72aa515839592-emptyText{
	color:var(--text-tertiary);
	font-size:0.875rem;
	margin:0;
}

._7df72aa515839592-packCard{
	background:var(--background-secondary);
	border:1px solid var(--background-modifier-selected);
	border-radius:var(--radius-lg);
	padding:var(--spacing-4);
}

._7df72aa515839592-packCardHeader{
	align-items:baseline;
	display:flex;
	justify-content:space-between;
	margin-bottom:var(--spacing-2);
}

._7df72aa515839592-packName{
	font-size:1rem;
	font-weight:600;
	margin:0;
}

._7df72aa515839592-packMeta{
	color:var(--text-tertiary);
	font-size:0.75rem;
	text-transform:uppercase;
}

._7df72aa515839592-packDescription{
	color:var(--text-secondary);
	font-size:0.875rem;
	margin:0 0 var(--spacing-3);
}

._7df72aa515839592-packTimestamp{
	color:var(--text-tertiary);
	font-size:0.75rem;
	margin:0 0 var(--spacing-3);
}

._7df72aa515839592-cardActions{
	display:flex;
	flex-wrap:wrap;
	gap:var(--spacing-2);
	justify-content:flex-end;
}

._38ee40764373a4cd-intro{
	color:var(--color-neutral-600);
	font-size:0.875rem;
	margin-bottom:0;
}

._38ee40764373a4cd-flagList{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	margin-top:var(--spacing-4);
}

._38ee40764373a4cd-flagCard{
	border-radius:var(--radius-xl);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-textarea);
	padding:var(--spacing-4);
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

._38ee40764373a4cd-flagHeader{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

@media (min-width: 768px){
	._38ee40764373a4cd-flagHeader{
		flex-direction:row;
		justify-content:space-between;
		align-items:flex-start;
	}
}

._38ee40764373a4cd-textBlock{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._38ee40764373a4cd-flagTitle{
	margin:0;
	font-size:1rem;
	font-weight:600;
	color:var(--text-primary);
}

._38ee40764373a4cd-flagDescription{
	margin:0;
	font-size:0.875rem;
	color:var(--text-primary-muted);
	line-height:1.25rem;
}

._38ee40764373a4cd-statusBlock{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:0.125rem;
	text-align:right;
	min-width:160px;
}

._38ee40764373a4cd-statusLabel{
	font-size:0.75rem;
	letter-spacing:0.04em;
	text-transform:uppercase;
	font-weight:600;
}

._38ee40764373a4cd-statusForcedOn{
	color:var(--brand-success);
}

._38ee40764373a4cd-statusForcedOff{
	color:var(--brand-danger);
}

._38ee40764373a4cd-statusFollowing{
	color:var(--text-primary-muted);
}

._38ee40764373a4cd-guildCount{
	margin:0;
	font-size:0.75rem;
	color:var(--text-primary-muted);
	line-height:1rem;
}

._38ee40764373a4cd-actions{
	display:flex;
	flex-wrap:wrap;
	gap:var(--spacing-2);
	justify-content:flex-end;
}

._900f9f1c3f092222-container{
	display:flex;
	flex-direction:column;
	gap:2rem;
}

._900f9f1c3f092222-sectionHeader{
	margin-bottom:0.5rem;
	font-size:1.25rem;
	font-weight:600;
}

._900f9f1c3f092222-sectionDescription{
	margin-bottom:1rem;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._900f9f1c3f092222-sectionDescriptionNoMargin{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._900f9f1c3f092222-redeemForm{
	display:flex;
	gap:0.5rem;
}

._900f9f1c3f092222-redeemInput{
	min-width:0;
	flex:1;
}

._900f9f1c3f092222-redeemButton{
	flex-shrink:0;
}

._900f9f1c3f092222-loadingContainer{
	display:flex;
	justify-content:center;
	padding-top:2rem;
	padding-bottom:2rem;
}

._900f9f1c3f092222-errorContainer{
	padding:1.5rem;
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-tertiary);
	text-align:center;
	color:var(--text-primary-muted);
}

._900f9f1c3f092222-emptyState{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:3rem 1.5rem;
	border-radius:0.375rem;
	border:1px dashed var(--background-header-secondary);
	background-color:var(--background-tertiary);
	text-align:center;
	color:var(--text-primary-muted);
}

._900f9f1c3f092222-emptyIcon{
	margin-bottom:0.75rem;
	height:3rem;
	width:3rem;
	color:var(--text-tertiary);
}

._900f9f1c3f092222-emptyTitle{
	margin-bottom:0.5rem;
	font-weight:600;
	color:var(--text-primary);
}

._900f9f1c3f092222-emptyDescription{
	margin-bottom:1rem;
	font-size:0.875rem;
}

._900f9f1c3f092222-giftsList{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._900f9f1c3f092222-giftCard{
	overflow:hidden;
	border-radius:0.5rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
}

._900f9f1c3f092222-giftCardHeader{
	display:flex;
	width:100%;
	align-items:center;
	gap:0.75rem;
	padding:1rem;
	text-align:left;
	transition:background-color 0.15s;
	cursor:pointer;
}

._900f9f1c3f092222-giftCardHeader:hover{
	background-color:var(--background-tertiary);
}

._900f9f1c3f092222-giftIcon{
	display:flex;
	align-items:center;
	justify-content:center;
	height:2.5rem;
	width:2.5rem;
	flex-shrink:0;
	border-radius:9999px;
}

._900f9f1c3f092222-giftIconRedeemed{
	background-color:var(--background-tertiary);
}

._900f9f1c3f092222-giftIconActive{
	background:linear-gradient(to bottom right, #a855f7, #ec4899);
}

._900f9f1c3f092222-giftIconImage{
	height:1.25rem;
	width:1.25rem;
}

._900f9f1c3f092222-giftIconRedeemed ._900f9f1c3f092222-giftIconImage{
	color:var(--text-tertiary);
}

._900f9f1c3f092222-giftIconActive ._900f9f1c3f092222-giftIconImage{
	color:white;
}

._900f9f1c3f092222-giftInfo{
	min-width:0;
	flex:1;
}

._900f9f1c3f092222-giftTitle{
	font-size:0.875rem;
	font-weight:600;
	color:var(--text-primary);
}

._900f9f1c3f092222-giftDate{
	font-size:0.75rem;
	color:var(--text-primary-muted);
}

._900f9f1c3f092222-expandIcon{
	height:1.25rem;
	width:1.25rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
	transition:transform 0.15s;
}

._900f9f1c3f092222-expandIconRotated{
	transform:rotate(180deg);
}

._900f9f1c3f092222-giftCardContent{
	padding:1rem;
	border-top:1px solid var(--background-header-secondary);
}

._900f9f1c3f092222-giftCardActions{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._900f9f1c3f092222-giftUrlSection{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._900f9f1c3f092222-redeemedMessage{
	padding:0.75rem;
	border-radius:0.375rem;
	background-color:var(--background-tertiary);
}

._900f9f1c3f092222-redeemedMessageText{
	text-align:center;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._900f9f1c3f092222-redeemButtonContainer{
	display:flex;
	flex-wrap:wrap;
}

._900f9f1c3f092222-redeemButtonContainer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._900f9f1c3f092222-iconMedium{
	height:1.25rem;
	width:1.25rem;
}

.e2c3ac74b2999322-recorder{
	box-sizing:border-box;
	position:relative;
	border:1px solid var(--background-modifier-accent);
	border-radius:var(--radius-lg);
	min-height:44px;
	min-width:200px;
	width:100%;
	cursor:pointer;
	background-color:var(--background-tertiary);
	font-family:var(--font-sans);
	text-align:left;
	transition:border-color 0.15s ease, box-shadow 0.15s ease;
}

.e2c3ac74b2999322-recorder:not(.e2c3ac74b2999322-disabled):hover,
.e2c3ac74b2999322-recorder[aria-expanded='true']:not(.e2c3ac74b2999322-disabled){
	border-color:var(--background-modifier-accent-focus);
}

.e2c3ac74b2999322-recorder *{
	cursor:pointer;
}

.e2c3ac74b2999322-layout{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:flex;
	align-items:center;
}

.e2c3ac74b2999322-editIconLeft{
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	flex-shrink:0;
	color:var(--text-primary-muted);
	transition:color 0.15s ease;
}

.e2c3ac74b2999322-recorder:hover:not(.e2c3ac74b2999322-disabled) .e2c3ac74b2999322-editIconLeft,
.e2c3ac74b2999322-recorder[aria-expanded='true']:not(.e2c3ac74b2999322-disabled) .e2c3ac74b2999322-editIconLeft{
	color:var(--text-primary);
}

.e2c3ac74b2999322-inputWrapper{
	flex:1 1 auto;
	min-width:0;
	position:relative;
	z-index:1;
	font-family:var(--font-sans);
	font-weight:600;
	font-size:0.875rem;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

.e2c3ac74b2999322-input{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:0.625rem 1rem 0.625rem 0;
	font-family:inherit;
	font-weight:inherit;
	font-size:inherit;
	line-height:1.25rem;
	color:var(--text-primary);
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.e2c3ac74b2999322-hasValue .e2c3ac74b2999322-input{
	color:var(--text-primary);
}

.e2c3ac74b2999322-recorder:not(.e2c3ac74b2999322-hasValue) .e2c3ac74b2999322-input{
	color:var(--text-primary-muted);
	font-weight:400;
}

.e2c3ac74b2999322-disabled{
	opacity:0.5;
	cursor:not-allowed;
}

.e2c3ac74b2999322-disabled *{
	cursor:not-allowed;
}

.e2c3ac74b2999322-disabled .e2c3ac74b2999322-button{
	opacity:1;
}

.e2c3ac74b2999322-popout{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	padding:0.875rem;
	border-radius:var(--radius-lg);
	background-color:var(--background-primary);
	border:1px solid var(--background-modifier-accent);
	box-shadow:0 20px 38px -12px rgb(0 0 0 / 0.3), 0 8px 16px -8px rgb(0 0 0 / 0.25);
	min-width:min(320px, 90vw);
}

.e2c3ac74b2999322-popoutHeader{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

.e2c3ac74b2999322-popoutTitle{
	font-weight:700;
	font-size:0.95rem;
	color:var(--text-primary);
}

.e2c3ac74b2999322-popoutHint{
	color:var(--text-primary-muted);
	font-size:0.8125rem;
	line-height:1.4;
}

.e2c3ac74b2999322-recorderBox{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	min-height:56px;
	padding:0.75rem 1rem;
	border:2px dashed var(--background-modifier-accent);
	border-radius:var(--radius-lg);
	background-color:var(--background-tertiary);
	color:var(--text-primary);
	cursor:pointer;
	transition:border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.e2c3ac74b2999322-recorderBox:hover{
	border-color:var(--background-modifier-accent-focus);
	background-color:var(--background-secondary-alt);
}

.e2c3ac74b2999322-recorderBox:focus-visible{
	outline:none;
}

.e2c3ac74b2999322-recorderBoxRecording{
	border-style:solid;
	border-color:var(--status-danger);
	background-color:var(--control-button-danger-hover-bg);
	color:var(--status-danger);
	animation:e2c3ac74b2999322-pulse 1s ease-in-out infinite;
}

.e2c3ac74b2999322-recorderBoxRecording:hover{
	border-color:var(--status-danger);
	background-color:var(--control-button-danger-hover-bg);
}

.e2c3ac74b2999322-recorderIcon{
	flex-shrink:0;
	opacity:0.7;
}

.e2c3ac74b2999322-recorderText{
	font-weight:600;
	font-size:0.9375rem;
}

.e2c3ac74b2999322-defaultRow{
	display:flex;
	align-items:center;
	gap:0.5rem;
	padding:0.5rem 0.75rem;
	border-radius:var(--radius-md);
	background-color:var(--background-secondary);
	font-size:0.8125rem;
}

.e2c3ac74b2999322-defaultLabel{
	color:var(--text-primary-muted);
	flex-shrink:0;
}

.e2c3ac74b2999322-defaultValue{
	font-weight:600;
	color:var(--text-primary);
}

.e2c3ac74b2999322-popoutActions{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.5rem;
}

.e2c3ac74b2999322-popoutActionsLeft{
	display:flex;
	align-items:center;
	gap:0.25rem;
}

@keyframes e2c3ac74b2999322-pulse{
	0%,
	100%{
		opacity:1;
	}
	50%{
		opacity:0.7;
	}
}

._3c78f8b6ed23bd88-content{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding-bottom:16px;
}

._3c78f8b6ed23bd88-landingContainer{
	display:flex;
	flex-direction:column;
	gap:24px;
}

._3c78f8b6ed23bd88-actionButtons{
	display:flex;
	width:100%;
	flex-direction:row;
	gap:12px;
	flex-wrap:wrap;
}

._3c78f8b6ed23bd88-actionButton{
	display:flex;
	flex:1;
	min-width:150px;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:12px;
	padding:24px 16px;
	border:1px solid var(--background-modifier-accent);
	border-radius:8px;
	background:var(--background-secondary);
	color:var(--text-primary);
	cursor:pointer;
}

._3c78f8b6ed23bd88-actionButton:hover{
	background:var(--background-secondary-alt);
	border-color:var(--brand-primary-light);
}

.theme-light ._3c78f8b6ed23bd88-actionButton:hover{
	border-color:var(--brand-primary);
}

._3c78f8b6ed23bd88-actionIcon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	border-radius:50%;
	background:var(--brand-primary);
	color:var(--brand-primary-fill);
}

._3c78f8b6ed23bd88-actionIcon > svg{
	width:24px;
	height:24px;
}

._3c78f8b6ed23bd88-actionLabel{
	font-weight:600;
	font-size:14px;
	text-align:center;
}

._3c78f8b6ed23bd88-formContainer{
	display:flex;
	flex-direction:column;
	gap:12px;
}

._3c78f8b6ed23bd88-formContainer > p{
	margin:0;
}

._3c78f8b6ed23bd88-iconSection{
	display:flex;
	flex-direction:column;
	gap:16px;
}

._3c78f8b6ed23bd88-iconSectionInner{
	display:block;
}

._3c78f8b6ed23bd88-iconLabel{
	margin-bottom:8px;
	font-weight:500;
	color:var(--text-primary);
	font-size:14px;
}

._3c78f8b6ed23bd88-iconPreview{
	display:flex;
	align-items:center;
	gap:16px;
}

._3c78f8b6ed23bd88-iconImage{
	height:80px;
	width:80px;
	flex-shrink:0;
	border-radius:50%;
	background-position:center;
	background-size:cover;
}

._3c78f8b6ed23bd88-iconPlaceholder{
	display:flex;
	height:80px;
	width:80px;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:50%;
	border:1px solid var(--background-modifier-accent);
	background:var(--background-tertiary);
	container-type:size;
}

._3c78f8b6ed23bd88-iconInitials{
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	font-weight:600;
	color:var(--text-primary);
	line-height:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	width:100%;
	text-align:center;
	font-size:clamp(0.85rem, 45cqi, 1.35rem);
	letter-spacing:0.06em;
}

._3c78f8b6ed23bd88-iconPlaceholder[data-initials-length='medium'] ._3c78f8b6ed23bd88-iconInitials{
	font-size:clamp(0.85rem, 38cqi, 1.11rem);
	letter-spacing:0.02em;
}

._3c78f8b6ed23bd88-iconPlaceholder[data-initials-length='long'] ._3c78f8b6ed23bd88-iconInitials{
	font-size:clamp(0.85rem, 32cqi, 0.87rem);
	letter-spacing:-0.02em;
}

._3c78f8b6ed23bd88-iconActions{
	display:flex;
	flex:1;
	flex-direction:column;
	gap:8px;
}

._3c78f8b6ed23bd88-iconButtons{
	display:flex;
	flex-direction:column;
	gap:8px;
}

@media (min-width: 640px){
	._3c78f8b6ed23bd88-iconButtons{
		flex-direction:row;
	}
}

._3c78f8b6ed23bd88-iconHint{
	color:var(--text-primary-muted);
	font-size:14px;
}

._3c78f8b6ed23bd88-iconError{
	margin-top:8px;
	color:var(--status-danger);
	font-size:14px;
}

._3c78f8b6ed23bd88-guidelines{
	color:var(--text-primary-muted);
	font-size:12px;
}

.d7f08ce418ced784-container{
	display:flex;
	width:100%;
	height:100%;
	flex-direction:column;
}

.d7f08ce418ced784-searchField{
	display:flex;
	width:100%;
	min-height:44px;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
	padding:4px 8px;
}

.d7f08ce418ced784-searchFieldInner{
	display:flex;
	min-width:140px;
	flex:1;
	align-items:center;
	gap:8px;
}

.d7f08ce418ced784-selectedPill{
	display:flex;
	align-items:center;
	gap:4px;
	padding:4px 8px;
	background-color:var(--brand-primary);
	border-radius:9999px;
	color:white;
	font-size:14px;
	line-height:1;
}

.d7f08ce418ced784-removeButton{
	display:flex;
	align-items:center;
	justify-content:center;
	border:0;
	padding:0;
	background:transparent;
	border-radius:9999px;
	transition:background-color 0.2s ease;
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	.d7f08ce418ced784-removeButton:hover{
		background-color:rgba(255, 255, 255, 0.2);
	}
}

.d7f08ce418ced784-searchIcon{
	width:20px;
	height:20px;
	color:var(--text-primary-muted);
	transition:color 0.2s ease;
}

.d7f08ce418ced784-searchIconFocused{
	color:var(--text-primary);
}

.d7f08ce418ced784-searchInput{
	flex:1;
	min-width:0;
	height:20px;
	background-color:transparent;
	color:var(--text-primary);
	font-size:14px;
	line-height:1.25;
	border:0;
	padding:0;
	outline:none;
}

.d7f08ce418ced784-searchInput::-webkit-input-placeholder{
	color:var(--text-tertiary);
}

.d7f08ce418ced784-searchInput::-moz-placeholder{
	color:var(--text-tertiary);
}

.d7f08ce418ced784-searchInput::-ms-input-placeholder{
	color:var(--text-tertiary);
}

.d7f08ce418ced784-searchInput:-ms-input-placeholder{
	color:var(--text-tertiary);
}

.d7f08ce418ced784-searchInput::placeholder{
	color:var(--text-tertiary);
}

.d7f08ce418ced784-scroller{
	--scrollbar-track-bg:var(--background-secondary);
	margin-top:16px;
	flex:1;
	min-height:0;
}

.d7f08ce418ced784-scrollerNoSearch{
	margin-top:0;
}

.d7f08ce418ced784-emptyState{
	display:flex;
	height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.d7f08ce418ced784-emptyStateText{
	text-align:center;
	color:var(--text-primary-muted);
}

.d7f08ce418ced784-groupsContainer{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding-bottom:16px;
}

.d7f08ce418ced784-groupContainer{
	margin-bottom:8px;
}

.d7f08ce418ced784-groupLetter{
	margin-bottom:8px;
	padding:0 16px;
	font-weight:600;
	font-size:14px;
	color:var(--text-primary-muted);
}

.d7f08ce418ced784-friendsList{
	display:flex;
	flex-direction:column;
	gap:1px;
}

.d7f08ce418ced784-friendButton{
	position:relative;
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	padding:8px 16px;
	cursor:pointer;
}

.d7f08ce418ced784-friendButton::before{
	content:'';
	position:absolute;
	inset:0 var(--spacing-2);
	border-radius:var(--radius-md);
	transition:background-color 0.15s ease;
	pointer-events:none;
}

@media (hover: hover) and (pointer: fine){
	.d7f08ce418ced784-friendButton:hover::before{
		background-color:var(--background-modifier-hover);
	}
}

.d7f08ce418ced784-friendButtonSelected::before{
	background-color:var(--background-modifier-hover);
}

.d7f08ce418ced784-friendButtonDisabled{
	cursor:not-allowed;
	opacity:0.5;
}

.d7f08ce418ced784-friendButtonDisabled:hover::before{
	background-color:transparent;
}

.d7f08ce418ced784-friendInfo{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	gap:12px;
}

.d7f08ce418ced784-friendName{
	font-weight:500;
	color:var(--text-primary);
}

.d7f08ce418ced784-checkboxContainer{
	position:relative;
	z-index:1;
	pointer-events:none;
}

.d7f08ce418ced784-removeIcon{
	height:12px;
	width:12px;
}

._3de720d2f65c2826-description{
	margin:0;
	color:var(--text-secondary);
	line-height:1.5;
	font-size:0.9rem;
}

._3de720d2f65c2826-channelList{
	margin-top:var(--spacing-4);
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._3de720d2f65c2826-channelItem{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:var(--spacing-2);
	width:100%;
	background:var(--surface-primary);
	border:1px solid var(--border-secondary);
	border-radius:var(--border-radius-4);
	padding:var(--spacing-2);
	cursor:pointer;
	text-align:left;
}

._3de720d2f65c2826-channelItem:hover{
	background:var(--surface-tertiary);
}

._3de720d2f65c2826-channelItem:disabled{
	opacity:0.6;
	cursor:not-allowed;
}

._3de720d2f65c2826-avatarWrapper{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
}

._3de720d2f65c2826-channelDetails{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:var(--spacing-0-5);
	flex:1;
}

._3de720d2f65c2826-channelName{
	font-weight:600;
	color:var(--text-primary);
}

._3de720d2f65c2826-lastActive{
	font-size:0.75rem;
	color:var(--text-tertiary);
}

.fccd4e369bc97605-container{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

.fccd4e369bc97605-headerRow{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:var(--spacing-3);
}

.fccd4e369bc97605-header{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
}

.fccd4e369bc97605-title{
	margin:0;
	font-size:1rem;
	line-height:1.25rem;
	font-weight:600;
	color:var(--text-primary);
}

.fccd4e369bc97605-description{
	margin:0;
	font-size:0.8125rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.fccd4e369bc97605-headerActions{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
}

.fccd4e369bc97605-devToggleRow{
	display:flex;
	justify-content:flex-start;
	margin-bottom:var(--spacing-2);
}

.fccd4e369bc97605-devToggle{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
	font-size:0.8125rem;
	color:var(--text-primary-muted);
}

.fccd4e369bc97605-devToggleLabel{
	white-space:nowrap;
}

.fccd4e369bc97605-callout{
	background-color:var(--panel-control-bg);
	border-radius:var(--radius-lg);
	border:1px solid var(--panel-control-border);
	padding:var(--spacing-3);
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	box-shadow:var(--shadow-sm);
}

.fccd4e369bc97605-calloutTitle{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
}

.fccd4e369bc97605-calloutIcon{
	color:var(--accent-info);
}

.fccd4e369bc97605-pttHint{
	margin:0;
	margin-top:var(--spacing-1);
	font-size:0.8125rem;
	color:var(--text-chat-muted);
}

.fccd4e369bc97605-toggleRow{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	padding:var(--spacing-3);
	border-radius:var(--radius-lg);
	border:1px solid var(--panel-control-divider);
	background-color:var(--panel-control-bg);
}

@media (min-width: 768px){
	.fccd4e369bc97605-toggleRow{
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
	}
}

.fccd4e369bc97605-toggleText{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
	max-width:520px;
}

.fccd4e369bc97605-label{
	font-weight:500;
	font-size:0.875rem;
	color:var(--text-primary);
}

.fccd4e369bc97605-section{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

.fccd4e369bc97605-sectionTitle{
	font-size:0.75rem;
	line-height:1rem;
	letter-spacing:0.08em;
	text-transform:uppercase;
	font-weight:600;
	color:var(--text-primary-muted);
}

.fccd4e369bc97605-rowWrapper{
	display:flex;
	flex-direction:column;
	gap:0;
}

.fccd4e369bc97605-row{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	padding:var(--spacing-3);
	border-radius:var(--radius-xl);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-textarea);
	min-height:88px;
	box-shadow:var(--shadow-sm);
	transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}

@media (min-width: 768px){
	.fccd4e369bc97605-row{
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
	}
}

.fccd4e369bc97605-rowText{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
	min-width:0;
}

.fccd4e369bc97605-rowText .fccd4e369bc97605-label{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.fccd4e369bc97605-rowDescription{
	margin:0;
	font-size:0.8125rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
	display:-webkit-box;
	line-clamp:2;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.fccd4e369bc97605-rowControls{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	align-items:stretch;
	width:100%;
}

@media (min-width: 480px){
	.fccd4e369bc97605-rowControls{
		align-items:flex-end;
		width:auto;
	}
}

.fccd4e369bc97605-primaryControls{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:var(--spacing-2);
}

.fccd4e369bc97605-globalFooter{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:var(--spacing-1);
	padding:var(--spacing-2) var(--spacing-3);
	border-radius:0 0 var(--radius-xl) var(--radius-xl);
}

.fccd4e369bc97605-globalFooterBrand{
	border:1px solid var(--brand-primary);
	background-color:var(--brand-primary);
	color:var(--text-on-brand-primary);
}

.fccd4e369bc97605-globalFooterDesktop{
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-primary);
	color:var(--text-primary);
}

.fccd4e369bc97605-globalFooterText{
	display:flex;
	flex-direction:column;
	gap:0.2rem;
}

.fccd4e369bc97605-globalDescription{
	font-size:0.75rem;
	margin:0;
}

.fccd4e369bc97605-globalLabel{
	font-size:0.8125rem;
}

.fccd4e369bc97605-globalFooterControls{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:var(--spacing-2);
}

.fccd4e369bc97605-hasFooterWrapper .fccd4e369bc97605-row{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	margin-bottom:0;
}

.fccd4e369bc97605-globalRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	font-size:0.75rem;
	color:var(--text-primary-muted);
}

.fccd4e369bc97605-globalLabel{
	text-transform:uppercase;
	letter-spacing:0.08em;
	font-weight:600;
}

.fccd4e369bc97605-permissionCard{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	padding:var(--spacing-3);
	border-radius:var(--radius-lg);
	border:1px solid var(--panel-control-border);
	background-color:var(--panel-control-bg);
	box-shadow:var(--shadow-sm);
}

@media (min-width: 768px){
	.fccd4e369bc97605-permissionCard{
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
	}
}

.fccd4e369bc97605-permissionText{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
	flex:1;
}

.fccd4e369bc97605-permissionTitle{
	font-weight:600;
	font-size:0.875rem;
	color:var(--text-primary);
}

.fccd4e369bc97605-permissionDescription,
.fccd4e369bc97605-permissionHelp{
	margin:0;
	font-size:0.8125rem;
	color:var(--text-primary-muted);
}

.fccd4e369bc97605-permissionHelp{
	color:var(--text-warning, var(--status-warning-foreground, var(--text-primary)));
}

.fccd4e369bc97605-permissionActions{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	align-items:flex-start;
}

@media (min-width: 480px){
	.fccd4e369bc97605-permissionActions{
		align-items:flex-end;
	}
}

.fccd4e369bc97605-permissionStatus{
	font-size:0.75rem;
	letter-spacing:0.08em;
	text-transform:uppercase;
	font-weight:600;
	color:var(--text-primary-muted);
}

.fccd4e369bc97605-permissionStatus[data-status='granted']{
	color:#22c55e;
	color:var(--success-foreground, #22c55e);
}

.fccd4e369bc97605-permissionStatus[data-status='denied']{
	color:#f97316;
	color:var(--status-danger-foreground, #f97316);
}

.fccd4e369bc97605-permissionStatus[data-status='checking']{
	color:var(--text-primary-muted);
}

.c59991a7418c22cf-notice{
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	padding:1rem;
}

.c59991a7418c22cf-noticeText{
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

.c59991a7418c22cf-link{
	color:var(--text-link);
	text-decoration:underline;
}

.c59991a7418c22cf-languageOption{
	display:flex;
	flex:1;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
}

.c59991a7418c22cf-languageName{
	font-weight:500;
	color:var(--text-primary);
}

.c59991a7418c22cf-languageNameHighlighted{
	color:var(--surface-interactive-selected-color);
}

.c59991a7418c22cf-languageDetails{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.c59991a7418c22cf-languageCode{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

.c59991a7418c22cf-languageCodeHighlighted{
	color:var(--surface-interactive-selected-color);
}

.c59991a7418c22cf-flagImage{
	height:1.25rem;
	width:1.25rem;
}

.c59991a7418c22cf-flagEmoji{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:1.25rem;
	width:1.25rem;
	font-size:1.1rem;
	line-height:1;
}

.c59991a7418c22cf-tooltipContent{
	display:flex;
	align-items:center;
	gap:0.25rem;
}

.c59991a7418c22cf-tooltipText{
	font-style:italic;
}

.c59991a7418c22cf-switchWrapper{
	margin-top:0.5rem;
}

.c59991a7418c22cf-regionBadge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:2.35rem;
	height:1.35rem;
	padding-inline:0.35rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--brand-primary) 16%, var(--background-secondary));
	color:var(--text-primary);
	font-size:0.62rem;
	font-weight:800;
	letter-spacing:0.04em;
	flex-shrink:0;
}

@media (max-width: 560px){
	.c59991a7418c22cf-notice{
		padding:0.75rem;
	}

	.c59991a7418c22cf-noticeText{
		font-size:0.8125rem;
		line-height:1.35;
		overflow-wrap:anywhere;
	}

	.c59991a7418c22cf-languageOption{
		min-width:0;
		align-items:flex-start;
		gap:0.5rem;
	}

	.c59991a7418c22cf-languageName{
		min-width:0;
		flex:1;
		overflow-wrap:anywhere;
	}

	.c59991a7418c22cf-languageDetails{
		flex:0 1 44%;
		min-width:0;
		justify-content:flex-end;
		text-align:right;
	}

	.c59991a7418c22cf-languageCode{
		min-width:0;
		font-size:0.75rem;
		line-height:1.15;
		overflow-wrap:anywhere;
	}

	.c59991a7418c22cf-flagImage,
	.c59991a7418c22cf-flagEmoji{
		flex:0 0 auto;
	}
}

.c07fc8b76f4c6078-hero{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:1.15rem;
	padding:1.25rem;
	border-radius:0.75rem;
	overflow:hidden;
	background:color-mix(in srgb, #121625 86%, var(--background-primary) 14%);
	border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
	box-shadow:none;
}

@supports (color: color-mix(in lch, red, blue)){
.c07fc8b76f4c6078-hero{
	background:color-mix(in srgb, var(--background-secondary, #121625) 86%, var(--background-primary) 14%);
}
}

.c07fc8b76f4c6078-heroGlow{
	display:none;
}

.c07fc8b76f4c6078-heroHeader{
	position:relative;
	display:flex;
	align-items:flex-start;
	gap:1rem;
}

.c07fc8b76f4c6078-heroIconWrap{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:3rem;
	height:3rem;
	flex-shrink:0;
	border-radius:0.65rem;
	color:color-mix(in srgb, #6e6af6 84%, white);
	background:color-mix(in srgb, #6e6af6 12%, #171b2b 88%);
	border:1px solid color-mix(in srgb, #6e6af6 16%, transparent);
	box-shadow:none;
}

@supports (color: color-mix(in lch, red, blue)){
.c07fc8b76f4c6078-heroIconWrap{
	color:color-mix(in srgb, var(--brand-primary, #6e6af6) 84%, white);
	background:color-mix(in srgb, var(--brand-primary, #6e6af6) 12%, var(--background-secondary-alt, #171b2b) 88%);
	border:1px solid color-mix(in srgb, var(--brand-primary, #6e6af6) 16%, transparent);
}
}

.c07fc8b76f4c6078-heroCopy{
	position:relative;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:0.35rem;
}

.c07fc8b76f4c6078-heroEyebrow{
	font-size:0.76rem;
	font-weight:800;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color:var(--text-primary-muted);
}

.c07fc8b76f4c6078-heroTitle{
	font-size:1.3rem;
	line-height:1.15;
	font-weight:800;
	color:var(--text-primary);
}

.c07fc8b76f4c6078-heroDescription{
	max-width:42rem;
	font-size:0.92rem;
	line-height:1.55;
	color:var(--text-primary-muted);
}

.c07fc8b76f4c6078-summaryGrid{
	position:relative;
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(14rem, 1fr));
	grid-gap:0.85rem;
	gap:0.85rem;
}

.c07fc8b76f4c6078-summaryCard{
	display:flex;
	flex-direction:column;
	gap:0.4rem;
	padding:0.95rem 1rem;
	border-radius:0.65rem;
	background:color-mix(in srgb, #171b2b 62%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
	box-shadow:none;
}

@supports (color: color-mix(in lch, red, blue)){
.c07fc8b76f4c6078-summaryCard{
	background:color-mix(in srgb, var(--background-secondary-alt, #171b2b) 62%, transparent);
}
}

.c07fc8b76f4c6078-summaryLabel{
	font-size:0.72rem;
	font-weight:800;
	letter-spacing:0.05em;
	text-transform:uppercase;
	color:var(--text-primary-muted);
}

.c07fc8b76f4c6078-summaryValue{
	font-size:1.6rem;
	line-height:1;
	font-weight:800;
	color:var(--text-primary);
}

.c07fc8b76f4c6078-summaryValueSmall{
	font-size:1rem;
	line-height:1.3;
	font-weight:700;
	color:var(--text-primary);
}

.c07fc8b76f4c6078-summaryText{
	font-size:0.82rem;
	line-height:1.45;
	color:var(--text-primary-muted);
}

.c07fc8b76f4c6078-serviceGrid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(17rem, 1fr));
	grid-gap:1rem;
	gap:1rem;
}

.c07fc8b76f4c6078-serviceCard{
	display:flex;
	flex-direction:column;
	gap:0.9rem;
	padding:1rem;
	border-radius:0.7rem;
	background:color-mix(in srgb, #121625 86%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
	box-shadow:none;
}

@supports (color: color-mix(in lch, red, blue)){
.c07fc8b76f4c6078-serviceCard{
	background:color-mix(in srgb, var(--background-secondary, #121625) 86%, transparent);
}
}

.c07fc8b76f4c6078-serviceHeader{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:0.75rem;
}

.c07fc8b76f4c6078-serviceBadgeYandex{
	display:inline-flex;
	align-items:center;
	padding:0.28rem 0.65rem;
	border-radius:999px;
	font-size:0.72rem;
	font-weight:800;
	letter-spacing:0.04em;
	text-transform:uppercase;
}

.c07fc8b76f4c6078-serviceBadgeDesktop{
	display:inline-flex;
	align-items:center;
	gap:0.38rem;
	padding:0.28rem 0.65rem;
	border-radius:999px;
	font-size:0.72rem;
	font-weight:800;
	letter-spacing:0.04em;
	text-transform:uppercase;
	color:var(--text-primary);
	background:color-mix(in srgb, #6e6af6 16%, transparent);
	border:1px solid color-mix(in srgb, #6e6af6 24%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
.c07fc8b76f4c6078-serviceBadgeDesktop{
	background:color-mix(in srgb, var(--brand-primary, #6e6af6) 16%, transparent);
	border:1px solid color-mix(in srgb, var(--brand-primary, #6e6af6) 24%, transparent);
}
}

.c07fc8b76f4c6078-serviceBadgeYandex{
	color:#1a1200;
	background:linear-gradient(135deg, rgb(255 208 0 / 94%), rgb(255 162 0 / 88%));
}

.c07fc8b76f4c6078-serviceStatus{
	max-width:13rem;
	text-align:right;
	font-size:0.78rem;
	line-height:1.35;
	color:var(--text-primary-muted);
}

.c07fc8b76f4c6078-serviceCopy{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
}

.c07fc8b76f4c6078-serviceTitle{
	font-size:1rem;
	font-weight:800;
	color:var(--text-primary);
}

.c07fc8b76f4c6078-serviceDescription{
	font-size:0.88rem;
	line-height:1.45;
	color:var(--text-primary-muted);
}

.c07fc8b76f4c6078-serviceActions,
.c07fc8b76f4c6078-inlineActions{
	display:flex;
	flex-wrap:wrap;
	gap:0.6rem;
}

.c07fc8b76f4c6078-helperPill{
	display:inline-flex;
	align-items:center;
	gap:0.45rem;
	align-self:flex-start;
	padding:0.35rem 0.65rem;
	border-radius:999px;
	font-size:0.78rem;
	color:var(--text-primary);
	background:color-mix(in srgb, #6e6af6 14%, transparent);
	border:1px solid color-mix(in srgb, #6e6af6 24%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
.c07fc8b76f4c6078-helperPill{
	background:color-mix(in srgb, var(--brand-primary, #6e6af6) 14%, transparent);
	border:1px solid color-mix(in srgb, var(--brand-primary, #6e6af6) 24%, transparent);
}
}

.c07fc8b76f4c6078-downloadCard{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:0.85rem;
	padding:0.95rem 1rem;
	border-radius:0.65rem;
	background:color-mix(in srgb, #171b2b 68%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
.c07fc8b76f4c6078-downloadCard{
	background:color-mix(in srgb, var(--background-secondary-alt, #171b2b) 68%, transparent);
}
}

.c07fc8b76f4c6078-downloadCopy{
	min-width:0;
	display:flex;
	flex:1 1 16rem;
	flex-direction:column;
	gap:0.28rem;
}

.c07fc8b76f4c6078-downloadTitle{
	font-size:0.9rem;
	font-weight:800;
	color:var(--text-primary);
}

.c07fc8b76f4c6078-downloadText{
	font-size:0.81rem;
	line-height:1.45;
	color:var(--text-primary-muted);
}

.c07fc8b76f4c6078-switchStack{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.c07fc8b76f4c6078-editorLayout{
	display:grid;
	grid-template-columns:minmax(0, 1.6fr) minmax(16rem, 0.9fr);
	grid-gap:1rem;
	gap:1rem;
	align-items:start;
}

.c07fc8b76f4c6078-editorColumn{
	min-width:0;
}

.c07fc8b76f4c6078-editorAside{
	min-width:0;
}

.c07fc8b76f4c6078-asideCard{
	display:flex;
	flex-direction:column;
	gap:0.65rem;
	padding:1rem;
	border-radius:0.7rem;
	background:color-mix(in srgb, #171b2b 72%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
	box-shadow:none;
}

@supports (color: color-mix(in lch, red, blue)){
.c07fc8b76f4c6078-asideCard{
	background:color-mix(in srgb, var(--background-secondary-alt, #171b2b) 72%, transparent);
}
}

.c07fc8b76f4c6078-asideEyebrow{
	font-size:0.72rem;
	font-weight:800;
	letter-spacing:0.05em;
	text-transform:uppercase;
	color:var(--text-primary-muted);
}

.c07fc8b76f4c6078-asideTitle{
	font-size:1rem;
	font-weight:800;
	color:var(--text-primary);
}

.c07fc8b76f4c6078-asideDescription{
	font-size:0.84rem;
	line-height:1.5;
	color:var(--text-primary-muted);
}

.c07fc8b76f4c6078-asideList{
	display:flex;
	flex-direction:column;
	gap:0.55rem;
	margin-top:0.2rem;
}

.c07fc8b76f4c6078-asideListItem{
	position:relative;
	padding-left:1rem;
	font-size:0.8rem;
	line-height:1.45;
	color:var(--text-secondary);
}

.c07fc8b76f4c6078-asideListItem::before{
	content:'';
	position:absolute;
	left:0;
	top:0.5rem;
	width:0.35rem;
	height:0.35rem;
	border-radius:999px;
	background:color-mix(in srgb, #6e6af6 78%, white);
}

@supports (color: color-mix(in lch, red, blue)){
.c07fc8b76f4c6078-asideListItem::before{
	background:color-mix(in srgb, var(--brand-primary, #6e6af6) 78%, white);
}
}

.c07fc8b76f4c6078-inputGrid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));
	grid-gap:0.9rem;
	gap:0.9rem;
	margin-top:1rem;
}

.c07fc8b76f4c6078-previewWrap{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	padding:1rem;
	border-radius:0.7rem;
	background:color-mix(in srgb, #171b2b 72%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
.c07fc8b76f4c6078-previewWrap{
	background:color-mix(in srgb, var(--background-secondary-alt, #171b2b) 72%, transparent);
}
}

.c07fc8b76f4c6078-previewWrapEmpty{
	max-width:38rem;
}

.c07fc8b76f4c6078-previewHeader{
	display:flex;
	flex-direction:column;
	gap:0.2rem;
}

.c07fc8b76f4c6078-previewTitle{
	font-size:0.95rem;
	font-weight:800;
	color:var(--text-primary);
}

.c07fc8b76f4c6078-previewCaption{
	font-size:0.8rem;
	line-height:1.45;
	color:var(--text-primary-muted);
}

@media (max-width: 900px){
	.c07fc8b76f4c6078-editorLayout{
		grid-template-columns:1fr;
	}
}

@media (max-width: 640px){
	.c07fc8b76f4c6078-hero{
		padding:1rem;
		border-radius:1.25rem;
	}

	.c07fc8b76f4c6078-heroHeader{
		flex-direction:column;
	}

	.c07fc8b76f4c6078-heroIconWrap{
		width:2.75rem;
		height:2.75rem;
	}

	.c07fc8b76f4c6078-summaryGrid,
	.c07fc8b76f4c6078-serviceGrid,
	.c07fc8b76f4c6078-inputGrid{
		grid-template-columns:1fr;
	}

	.c07fc8b76f4c6078-serviceHeader{
		flex-direction:column;
		align-items:flex-start;
	}

	.c07fc8b76f4c6078-serviceStatus{
		max-width:none;
		text-align:left;
	}

	.c07fc8b76f4c6078-serviceActions,
	.c07fc8b76f4c6078-inlineActions{
		flex-direction:column;
	}

	.c07fc8b76f4c6078-downloadCard{
		flex-direction:column;
		align-items:stretch;
	}

	.c07fc8b76f4c6078-serviceActions > *,
	.c07fc8b76f4c6078-inlineActions > *,
	.c07fc8b76f4c6078-downloadCard > *{
		width:100%;
	}

	.c07fc8b76f4c6078-previewWrap{
		padding:0.9rem;
	}

	.c07fc8b76f4c6078-asideCard,
	.c07fc8b76f4c6078-serviceCard,
	.c07fc8b76f4c6078-summaryCard{
		border-radius:1rem;
	}
}

.b5599d21cb880f30-searchResultsContainer{
	display:flex;
	height:100%;
	flex-direction:column;
}

.b5599d21cb880f30-container{
	height:100%;
	display:flex;
	flex-direction:column;
}

.b5599d21cb880f30-emojiPicker{
	position:relative;
	display:grid;
	grid-template-columns:48px auto;
	grid-template-rows:1fr auto;
	width:100%;
	height:100%;
	overflow:hidden;
}

.b5599d21cb880f30-bodyWrapper{
	display:grid;
	position:relative;
	grid-column:2 / 3;
	grid-row:1 / 2;
	grid-template-rows:1fr;
}

.b5599d21cb880f30-emojiPickerListWrapper{
	position:relative;
	grid-row:1 / 2;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	min-height:0;
}

.b5599d21cb880f30-listWrapper{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.b5599d21cb880f30-list{
	height:100%;
}

._3758e94f38588d1c-container{
	display:flex;
	width:100%;
	height:100%;
	flex-direction:column;
	overflow:hidden;
	min-height:0;
	min-width:0;
}

._3758e94f38588d1c-contentContainer{
	position:relative;
	flex:1;
	overflow:hidden;
	height:100%;
	min-height:0;
	min-width:0;
}

._3758e94f38588d1c-contentInner{
	width:100%;
	height:100%;
	min-height:0;
	min-width:0;
}

._3758e94f38588d1c-pickerContent{
	height:100%;
	min-height:0;
	min-width:0;
	max-width:100%;
	overflow:hidden;
}

._3758e94f38588d1c-headerPortal{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	padding-block:var(--spacing-2);
	padding-inline:var(--spacing-4);
}

._3758e94f38588d1c-headerPortal:empty{
		display:none;
		padding:0;
	}

._3758e94f38588d1c-headerPortal > *{
		width:100%;
		min-width:0;
		max-width:100%;
	}

@media (max-width: 380px){
	._3758e94f38588d1c-headerPortal{
		gap:var(--spacing-2);
		padding-block:var(--spacing-1);
		padding-inline:var(--spacing-2);
	}
}

._66f0caa9b7ca96cb-container{
	padding:4px 16px 8px;
}

._66f0caa9b7ca96cb-tabList{
	position:relative;
	display:flex;
	border-radius:0.68rem;
	background:var(--background-tertiary);
	padding:3px;
}

._66f0caa9b7ca96cb-tab{
	position:relative;
	z-index:10;
	flex:1;
	border:none;
	border-radius:0.5rem;
	padding:6px 12px;
	font-size:14px;
	font-weight:600;
	line-height:18px;
	text-align:center;
	background:transparent;
	transition:color 150ms ease;
	cursor:pointer;
}

._66f0caa9b7ca96cb-tabInactive{
	color:var(--text-secondary);
}

._66f0caa9b7ca96cb-tabInactive:active{
	color:var(--text-primary);
}

._66f0caa9b7ca96cb-tabActive{
	color:var(--text-primary);
}

._66f0caa9b7ca96cb-tabBackground{
	position:absolute;
	top:3px;
	bottom:3px;
	height:calc(100% - 6px);
	border-radius:0.5rem;
	background:var(--background-secondary);
	box-shadow:0 2px 8px rgb(0 0 0 / 0.12), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 5%, transparent);
}

@media (max-width: 380px){
	._66f0caa9b7ca96cb-container{
		padding:3px 6px 6px;
	}

	._66f0caa9b7ca96cb-tab{
		min-width:0;
		padding:6px 4px;
		font-size:11px;
		line-height:16px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
}

.f041d4fcf8ff08ef-container{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background-color:var(--background-primary);
	z-index:2;
	animation:f041d4fcf8ff08ef-autocompleteFadeIn 0.12s ease-out;
}

@keyframes f041d4fcf8ff08ef-autocompleteFadeIn{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}

@media (prefers-reduced-motion: reduce){
	.f041d4fcf8ff08ef-container{
		animation:none;
	}
}

.f041d4fcf8ff08ef-containerAttached{
	border-radius:8px 8px 0 0;
}

.f041d4fcf8ff08ef-containerDetached{
	border-radius:8px;
}

.f041d4fcf8ff08ef-scroller{
	display:flex;
	max-height:490px;
	flex-direction:column;
	gap:4px;
	padding:8px 0;
}

._213190968a3e4f8e-channelIcon{
	height:16px;
	width:16px;
}

._6fd65444e22a24de-button{
	cursor:pointer;
	border:none;
	background-color:transparent;
	padding:0 6px;
	text-align:left;
	font-weight:600;
	font-size:14px;
	line-height:16px;
}

._6fd65444e22a24de-container{
	cursor:pointer;
	border-radius:8px;
	padding:8px;
}

._6fd65444e22a24de-container:hover{
	background-color:var(--background-modifier-hover);
}

._6fd65444e22a24de-selected{
	background-color:var(--background-modifier-hover);
}

._6fd65444e22a24de-content{
	display:flex;
	min-height:16px;
	align-items:center;
	color:var(--text-primary);
}

._6fd65444e22a24de-icon{
	margin-right:8px;
	flex-shrink:0;
}

._6fd65444e22a24de-nameWrapper{
	min-width:10ch;
	flex-shrink:1;
	flex-grow:0;
	overflow:hidden;
}

._6fd65444e22a24de-name{
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:400;
	font-size:16px;
	color:var(--text-primary);
	line-height:1.25;
	max-height:1.25em;
}

._6fd65444e22a24de-description{
	margin-left:16px;
	min-width:10ch;
	flex-shrink:0;
	flex-grow:1;
	flex-basis:10ch;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:right;
	font-weight:400;
	color:var(--text-primary-muted);
	font-size:12px;
	line-height:1.33;
}

._7783fdff410e396a-sectionHeading{
	padding:4px 12px;
	font-weight:600;
	color:var(--text-primary-muted);
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0.025em;
}

._7783fdff410e396a-divider{
	margin:4px 0;
	height:1px;
	background-color:var(--background-modifier-hover);
}

._7783fdff410e396a-emojiIcon{
	height:24px;
	width:24px;
}

._7783fdff410e396a-nativeEmojiIcon{
	font-size:24px;
	line-height:1;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

._7783fdff410e396a-stickerIconWrapper,
._7783fdff410e396a-memeIconWrapper{
	height:32px;
	width:32px;
	overflow:hidden;
	border-radius:4px;
}

._7783fdff410e396a-stickerIcon,
._7783fdff410e396a-memeIcon{
	height:100%;
	width:100%;
	object-fit:cover;
}

._7783fdff410e396a-memeVideo{
	height:100%;
	width:100%;
	object-fit:cover;
}

._7783fdff410e396a-audioIconWrapper{
	display:flex;
	height:100%;
	width:100%;
	align-items:center;
	justify-content:center;
	background-color:var(--brand-primary);
}

._7783fdff410e396a-audioIcon{
	height:16px;
	width:16px;
	color:white;
}

._7f53a1e3aae5214a-empty{
	display:flex;
	height:128px;
	align-items:center;
	justify-content:center;
	color:var(--text-tertiary);
}

._7f53a1e3aae5214a-container{
	display:flex;
	height:192px;
	flex-direction:column;
	gap:8px;
	padding:12px 16px;
}

._7f53a1e3aae5214a-heading{
	font-weight:500;
	font-size:14px;
	color:var(--text-primary);
}

._7f53a1e3aae5214a-scroller{
	display:flex;
	flex-direction:row;
	gap:4px;
}

._7f53a1e3aae5214a-gifButton{
	position:relative;
	display:flex;
	height:128px;
	width:192px;
	flex-shrink:0;
	cursor:pointer;
	flex-direction:column;
	overflow:hidden;
	border-radius:8px;
	border:2px solid transparent;
	background-color:var(--background-secondary);
	transition:border-color 0.15s ease;
}

._7f53a1e3aae5214a-gifButton:hover{
	border-color:var(--brand-primary);
}

._7f53a1e3aae5214a-gifButtonSelected{
	border-color:var(--brand-primary);
}

._7f53a1e3aae5214a-gifVideoWrapper{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

._7f53a1e3aae5214a-gifVideo{
	display:block;
	height:100%;
	width:100%;
	object-fit:cover;
}

._4f1d4fa5233480e9-divider{
	margin:4px 0;
	height:1px;
	background-color:var(--background-modifier-hover);
}

.eac9d2fc6555e68f-loadingContainer{
	display:flex;
	align-items:center;
	justify-content:center;
	padding-top:3rem;
	padding-bottom:3rem;
}

.eac9d2fc6555e68f-contentLayout{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

@media (min-width: 1024px){
	.eac9d2fc6555e68f-contentLayout{
		flex-direction:row;
		align-items:start;
		gap:clamp(2rem, 3vw, 3.5rem);
	}
}

.eac9d2fc6555e68f-formColumn{
	display:flex;
	flex:2;
	flex-direction:column;
	gap:1.5rem;
}

.eac9d2fc6555e68f-profileTypeShell{
	border-radius:1rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:linear-gradient(
			170deg,
			color-mix(in srgb, var(--background-floating) 14%, var(--background-secondary) 86%),
			color-mix(in srgb, var(--background-primary) 90%, var(--background-secondary) 10%)
		);
	padding:0.9rem;
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
}

.eac9d2fc6555e68f-inputFooter{
	color:var(--text-primary-muted);
	font-size:0.875rem;
	line-height:1.45;
}

.eac9d2fc6555e68f-opacityHalf{
	opacity:0.5;
}

.eac9d2fc6555e68f-profileEnhancementsRow{
	display:grid;
	grid-template-columns:minmax(0, 1fr);
	grid-gap:1.08rem;
	gap:1.08rem;
}

.eac9d2fc6555e68f-profileEnhancementItem{
	min-width:0;
	display:flex;
	flex-direction:column;
	align-self:stretch;
}

.eac9d2fc6555e68f-profileEnhancementItem > *{
	width:100%;
}

.eac9d2fc6555e68f-previewColumn{
	display:flex;
	flex:1;
	justify-content:center;
}

@media (min-width: 1024px){
	.eac9d2fc6555e68f-previewColumn{
		justify-content:flex-end;
		flex:1;
	}

	.eac9d2fc6555e68f-formColumn{
		flex:2.15;
	}

	.eac9d2fc6555e68f-profileEnhancementsRow{
		grid-template-columns:minmax(0, 1.22fr) minmax(0, 1.08fr);
		align-items:stretch;
		gap:1.08rem;
		margin-top:1.18rem;
	}
}

@media (min-width: 1360px){
	.eac9d2fc6555e68f-profileEnhancementsRow{
		grid-template-columns:minmax(0, 1.28fr) minmax(0, 1.12fr);
		gap:1.12rem;
	}

	.eac9d2fc6555e68f-formColumn{
		flex:2.22;
	}

	.eac9d2fc6555e68f-previewColumn{
		flex:1;
	}
}

.eac9d2fc6555e68f-srOnly{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border:0;
}

@media (max-width: 1023px){
	.eac9d2fc6555e68f-contentLayout{
		gap:1.1rem;
	}

	.eac9d2fc6555e68f-formColumn{
		gap:0.95rem;
	}

	.eac9d2fc6555e68f-formColumn > div{
		border-radius:1rem;
		border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
		background:linear-gradient(
				170deg,
				color-mix(in srgb, var(--background-floating) 11%, var(--background-secondary) 89%),
				color-mix(in srgb, var(--background-primary) 93%, var(--background-secondary) 7%)
			);
		padding:0.84rem 0.86rem;
		box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
		animation:eac9d2fc6555e68f-profileCardReveal 320ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	.eac9d2fc6555e68f-formColumn > div:nth-child(2){
		animation-delay:24ms;
	}

	.eac9d2fc6555e68f-formColumn > div:nth-child(3){
		animation-delay:44ms;
	}

	.eac9d2fc6555e68f-formColumn > div:nth-child(4){
		animation-delay:64ms;
	}

	.eac9d2fc6555e68f-formColumn > div:nth-child(5){
		animation-delay:84ms;
	}

	.eac9d2fc6555e68f-formColumn > div:nth-child(6){
		animation-delay:104ms;
	}

	.eac9d2fc6555e68f-formColumn > div:nth-child(7){
		animation-delay:124ms;
	}

	.eac9d2fc6555e68f-formColumn > div:nth-child(8){
		animation-delay:144ms;
	}

	.eac9d2fc6555e68f-previewColumn{
		justify-content:center;
	}
}

@media (max-width: 560px){
	.eac9d2fc6555e68f-profileTypeShell{
		padding:0.78rem;
	}

	.eac9d2fc6555e68f-formColumn > div{
		padding:0.76rem 0.78rem;
	}

	.eac9d2fc6555e68f-inputFooter{
		font-size:0.8rem;
	}
}

@keyframes eac9d2fc6555e68f-profileCardReveal{
	from{
		opacity:0;
		transform:translateY(8px) scale(0.992);
	}
	to{
		opacity:1;
		transform:translateY(0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce){
	.eac9d2fc6555e68f-formColumn > div{
		animation:none;
	}
}

._652d0732e11305ed-errorMessage{
    margin-top:0.5rem;
    color:var(--status-danger);
    font-size:0.875rem;
}

._652d0732e11305ed-plutoniumShell{
    margin-top:0.95rem;
    padding:0.86rem;
    border-radius:0.92rem;
    border:1px solid rgb(102 156 255 / 0.42);
    background:radial-gradient(circle at 14% -10%, rgb(108 184 255 / 0.24), transparent 42%), radial-gradient(circle at 84% 14%, rgb(70 129 255 / 0.24), transparent 36%), linear-gradient(156deg, rgb(11 28 62 / 0.96), rgb(8 19 43 / 0.98));
    box-shadow:0 12px 24px rgb(2 8 21 / 0.42), inset 0 1px 0 rgb(255 255 255 / 0.12);
    position:relative;
    overflow:hidden;
    width:100%;
}

._652d0732e11305ed-plutoniumShell::before{
    content:'';
    position:absolute;
    inset:-42%;
    background:radial-gradient(circle at 22% 26%, rgb(255 255 255 / 0.75) 0 0.8px, transparent 1.7px), radial-gradient(circle at 38% 72%, rgb(213 235 255 / 0.72) 0 0.85px, transparent 1.7px), radial-gradient(circle at 72% 30%, rgb(255 255 255 / 0.68) 0 0.9px, transparent 1.8px), radial-gradient(circle at 84% 64%, rgb(206 231 255 / 0.66) 0 0.9px, transparent 1.8px), radial-gradient(circle at 56% 48%, rgb(255 255 255 / 0.62) 0 0.8px, transparent 1.6px);
    background-size:220px 220px;
    opacity:0.52;
    animation:_652d0732e11305ed-cosmicStarDrift 18s linear infinite;
    pointer-events:none;
    z-index:0;
}

._652d0732e11305ed-plutoniumShell::after{
    content:'';
    position:absolute;
    top:0.5rem;
    right:-0.9rem;
    width:3.05rem;
    height:3.05rem;
    border-radius:50%;
    background:radial-gradient(circle at 32% 28%, rgb(227 242 255 / 0.95) 0%, rgb(171 213 255 / 0.92) 32%, rgb(95 154 255 / 0.92) 70%, rgb(55 102 191 / 0.9) 100%);
    box-shadow:inset -7px -8px 15px rgb(17 46 103 / 0.46), 0 0 22px rgb(117 178 255 / 0.42);
    animation:_652d0732e11305ed-cosmicPlanetFloat 10.5s ease-in-out infinite;
    pointer-events:none;
    z-index:0;
}

._652d0732e11305ed-plutoniumShell :where(._652d0732e11305ed-plutoniumHeader)::after{
    content:'';
    position:absolute;
    top:-0.12rem;
    right:0.7rem;
    width:3.5rem;
    height:3.5rem;
    border-radius:50%;
    border:1px solid rgb(157 213 255 / 0.42);
    transform:rotate(-18deg);
    opacity:0.7;
    pointer-events:none;
    animation:_652d0732e11305ed-cosmicOrbitPulse 9.2s ease-in-out infinite;
}

._652d0732e11305ed-plutoniumHeader{
    display:flex;
    flex-direction:column;
    gap:0.3rem;
    margin-bottom:0.72rem;
    position:relative;
    z-index:1;
}

._652d0732e11305ed-plutoniumTitleRow{
    display:inline-flex;
    align-items:center;
    gap:0.4rem;
}

._652d0732e11305ed-crownIcon{
    color:rgb(217 232 255);
}

._652d0732e11305ed-plutoniumTitle{
    font-weight:700;
    font-size:0.84rem;
    color:rgb(233 242 255);
}

._652d0732e11305ed-plutoniumSubtitle{
    font-size:0.76rem;
    line-height:1.34;
    color:rgb(184 205 236);
}

._652d0732e11305ed-effectGrid{
    display:grid;
    grid-gap:0.54rem;
    gap:0.54rem;
    position:relative;
    z-index:1;
}

._652d0732e11305ed-effectButton{
    display:flex;
    flex-direction:column;
    gap:0.2rem;
    align-items:flex-start;
    text-align:left;
    padding:0.62rem 0.68rem;
    border-radius:0.74rem;
    border:1px solid rgb(181 217 255 / 0.14);
    background:rgb(9 24 51 / 0.48);
    color:rgb(228 239 255);
    cursor:pointer;
    transition:border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
    width:100%;
    min-height:3.7rem;
    justify-content:center;
}

._652d0732e11305ed-effectButton:hover{
    border-color:rgb(137 189 255 / 0.52);
    background:rgb(13 32 67 / 0.72);
    transform:translateY(-1px);
}

._652d0732e11305ed-effectButtonActive{
    border-color:rgb(151 205 255 / 0.66);
    background:rgb(18 40 78 / 0.82);
    box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.14);
}

._652d0732e11305ed-effectLabel{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:0.45rem;
    font-weight:700;
    font-size:0.8rem;
    width:100%;
}

._652d0732e11305ed-effectDescription{
    font-size:0.74rem;
    color:rgb(174 203 236);
    line-height:1.32;
}

._652d0732e11305ed-lockBadge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:1.08rem;
    padding:0 0.48rem;
    border-radius:999px;
    border:1px solid rgb(167 214 255 / 0.32);
    background:rgb(143 197 255 / 0.14);
    font-size:0.64rem;
    font-weight:800;
    letter-spacing:0.03em;
    color:rgb(236 246 255);
    text-transform:uppercase;
}

._652d0732e11305ed-plutoniumFooter{
    margin-top:0.68rem;
    position:relative;
    z-index:1;
}

@media (min-width: 1024px){
    ._652d0732e11305ed-plutoniumShell{
        padding:0.98rem 1rem;
        border-radius:1rem;
    }
    ._652d0732e11305ed-plutoniumHeader{
        margin-bottom:0.8rem;
    }
    ._652d0732e11305ed-plutoniumTitle{
        font-size:0.9rem;
    }
    ._652d0732e11305ed-plutoniumSubtitle{
        max-width:62ch;
    }
    ._652d0732e11305ed-effectGrid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        -moz-column-gap:0.62rem;
             -webkit-column-gap:0.62rem;
             column-gap:0.62rem;
        row-gap:0.58rem;
    }
    ._652d0732e11305ed-effectGrid> :first-child{
        grid-column:1 / -1;
    }
    ._652d0732e11305ed-effectButton{
        padding:0.68rem 0.74rem;
        min-height:4.1rem;
    }
}

@keyframes _652d0732e11305ed-cosmicStarDrift{
    0%{
        transform:translate3d(0, 0, 0) scale(1);
    }
    100%{
        transform:translate3d(-54px, -74px, 0) scale(1.03);
    }
}

@keyframes _652d0732e11305ed-cosmicPlanetFloat{
    0%{
        transform:translateY(0) translateX(0) scale(1);
    }
    25%{
        transform:translateY(-0.12rem) translateX(-0.14rem) scale(1.015);
    }
    52%{
        transform:translateY(0.08rem) translateX(-0.22rem) scale(0.994);
    }
    76%{
        transform:translateY(-0.08rem) translateX(-0.08rem) scale(1.012);
    }
    100%{
        transform:translateY(0) translateX(0) scale(1);
    }
}

@keyframes _652d0732e11305ed-cosmicOrbitPulse{
    0%,
    100%{
        opacity:0.62;
        transform:rotate(-18deg) scale(1);
    }
    50%{
        opacity:0.82;
        transform:rotate(-13deg) scale(1.03);
    }
}

@media (prefers-reduced-motion: reduce){
    ._652d0732e11305ed-plutoniumShell::before,
    ._652d0732e11305ed-plutoniumShell::after{
        animation:none;
    }
}
._52ff9387287cae2e-counter{
	font-family:ui-monospace, monospace;
	font-size:0.75rem;
	line-height:1rem;
}

._52ff9387287cae2e-counterButton{
	
	cursor:pointer;
	transition-property:opacity;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
}

._52ff9387287cae2e-counterButton:hover{
	opacity:0.8;
}

._52ff9387287cae2e-counterSpan{
	
	cursor:default;
}

._52ff9387287cae2e-textDanger{
	color:var(--status-danger);
}

._52ff9387287cae2e-textTertiary{
	color:var(--text-tertiary);
}

._3531d21abebc6b9c-emojiButton{
	display:flex;
	height:2.08rem;
	width:2.08rem;
	align-items:center;
	justify-content:center;
	border-radius:0.72rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-floating) 72%, var(--background-secondary) 28%),
			color-mix(in srgb, var(--background-secondary) 82%, var(--background-primary) 18%)
		);
	transition:color 0.15s ease, transform 0.18s ease, border-color 0.18s ease;
	color:var(--text-tertiary);
	cursor:pointer;
}

._3531d21abebc6b9c-emojiButton:hover{
	color:var(--text-primary);
	transform:translateY(-1px);
	border-color:color-mix(in srgb, var(--brand-primary) 14%, transparent);
}

._3531d21abebc6b9c-emojiButtonActive{
	color:color-mix(in srgb, var(--brand-primary) 88%, var(--text-primary));
	border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
}

._3531d21abebc6b9c-description{
	margin-top:0.62rem;
	font-size:0.8125rem;
	line-height:1.5;
	letter-spacing:0.004em;
	color:var(--text-primary-muted);
	text-wrap:balance;
}

@media (max-width: 560px){
	._3531d21abebc6b9c-description{
		font-size:0.79rem;
	}
}

@media (prefers-reduced-motion: reduce){
	._3531d21abebc6b9c-emojiButton{
		transition:none;
	}
}

._88506da28c367a81-header{
	margin-bottom:1rem;
}

._88506da28c367a81-title{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:1.25rem;
}

._88506da28c367a81-description{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._88506da28c367a81-switches{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._7dba335fb862dbc7-container{
	margin-bottom:0.2rem;
	border-radius:0.9rem;
	padding:0.15rem;
}

._7dba335fb862dbc7-disabled{
	opacity:0.5;
}

._7dba335fb862dbc7-description{
	margin-top:0.58rem;
	font-size:0.82rem;
	line-height:1.45;
	color:var(--text-primary-muted);
	text-wrap:balance;
	animation:_7dba335fb862dbc7-profileTypeDescriptionReveal 280ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

._7dba335fb862dbc7-guildOption,
._7dba335fb862dbc7-guildValue{
	display:inline-flex;
	align-items:center;
	gap:0.48rem;
	min-height:38px;
	padding:0 0.4rem;
	width:100%;
	border-radius:0.76rem;
	transition:background-color 180ms ease, transform 180ms ease, border-color 180ms ease;
}

._7dba335fb862dbc7-guildValue{
	min-width:0;
	padding-right:0;
}

._7dba335fb862dbc7-guildOptionSelected{
	background:linear-gradient(
			170deg,
			color-mix(in srgb, var(--brand-primary) 17%, var(--background-floating) 83%),
			color-mix(in srgb, var(--brand-primary) 10%, var(--background-secondary) 90%)
		);
	border:1px solid color-mix(in srgb, var(--brand-primary) 26%, transparent);
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 14%, transparent);
	animation:_7dba335fb862dbc7-profileTypeOptionPulse 380ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

._7dba335fb862dbc7-guildOptionGlobal{
	gap:0;
	padding-left:0;
}

._7dba335fb862dbc7-guildAvatar,
._7dba335fb862dbc7-guildAvatarPlaceholder{
	height:28px;
	width:28px;
	border-radius:999px;
	flex-shrink:0;
}

._7dba335fb862dbc7-guildAvatar{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

._7dba335fb862dbc7-guildAvatarPlaceholder{
	background:color-mix(in srgb, #0f1014 80%, var(--background-header-secondary) 20%);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:white;
	font-weight:700;
	font-size:0.85rem;
	border:1px solid var(--background-modifier-accent);
}

._7dba335fb862dbc7-guildOptionLabel{
	font-size:0.88rem;
	font-weight:600;
	letter-spacing:0.005em;
	color:var(--text-primary);
	flex:1 1 auto;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._7dba335fb862dbc7-guildOptionLabelSelected{
	color:color-mix(in srgb, var(--brand-primary) 82%, var(--text-primary));
	font-weight:800;
	letter-spacing:0.01em;
}

@media (max-width: 560px){
	._7dba335fb862dbc7-guildOption,
	._7dba335fb862dbc7-guildValue{
		min-height:40px;
		padding:0 0.46rem;
	}

	._7dba335fb862dbc7-guildOptionLabel{
		font-size:0.86rem;
	}
}

@keyframes _7dba335fb862dbc7-profileTypeOptionPulse{
	from{
		transform:translateY(4px) scale(0.986);
		opacity:0.72;
	}
	to{
		transform:translateY(0) scale(1);
		opacity:1;
	}
}

@keyframes _7dba335fb862dbc7-profileTypeDescriptionReveal{
	from{
		opacity:0;
		transform:translateY(5px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

@media (prefers-reduced-motion: reduce){
	._7dba335fb862dbc7-guildOption,
	._7dba335fb862dbc7-guildValue,
	._7dba335fb862dbc7-description,
	._7dba335fb862dbc7-guildOptionSelected{
		transition:none;
		animation:none;
	}
}

._2eae811831f99cc7-confirmDescription{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	font-size:0.875rem;
}

._2eae811831f99cc7-confirmSecondary{
	color:var(--text-secondary);
}

._2eae811831f99cc7-AstralTagContainer{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._2eae811831f99cc7-description{
	margin-bottom:var(--spacing-4);
}

._2eae811831f99cc7-AstralTagLabel{
	margin-bottom:0.25rem;
	font-size:0.875rem;
	font-weight:600;
	color:var(--text-tertiary);
}

._2eae811831f99cc7-AstralTagInputRow{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._2eae811831f99cc7-usernameInput{
	flex:1;
}

._2eae811831f99cc7-separator{
	font-family:monospace;
	font-size:1.125rem;
	color:var(--text-primary);
}

._2eae811831f99cc7-discriminatorInput{
	width:5rem;
}

._2eae811831f99cc7-discriminatorInputDisabled{
	position:relative;
}

._2eae811831f99cc7-discriminatorInputDisabled input:disabled{
	cursor:pointer;
}

._2eae811831f99cc7-discriminatorOverlay{
	position:absolute;
	inset:0;
	cursor:pointer;
}

._2eae811831f99cc7-errorMessage{
	font-size:0.875rem;
	color:var(--status-danger);
}

._2eae811831f99cc7-validationBox{
	margin-top:0.5rem;
	padding:0.75rem;
	border-radius:0.375rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
}

._2eae811831f99cc7-premiumUpsell{
	margin-top:0.5rem;
}

._2eae811831f99cc7-footer{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:8px;
}

._2eae811831f99cc7-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._32d5dbef21619bab-label{
	margin-bottom:0.5rem;
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
}

._32d5dbef21619bab-actions{
	margin-bottom:0.75rem;
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

@media (min-width: 640px){
	._32d5dbef21619bab-actions{
		flex-direction:row;
		align-items:center;
	}
}

._32d5dbef21619bab-premiumButton{
	display:none;
	color:var(--text-primary);
	transition:opacity 0.15s;
	cursor:pointer;
}

@media (min-width: 640px){
	._32d5dbef21619bab-premiumButton{
		display:block;
	}
}

._32d5dbef21619bab-description{
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

.e5d2dec7f21185aa-container{
	display:flex;
	flex-direction:column;
}

.ab87bbac08315b3e-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.ab87bbac08315b3e-title{
	margin-bottom:0;
	font-size:1.25rem;
	font-weight:600;
}

.ab87bbac08315b3e-description{
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

.ab87bbac08315b3e-switchesContainer{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.ab87bbac08315b3e-pushSection{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	background:var(--surface-secondary);
	padding:1rem;
	border-radius:0.75rem;
	border:1px solid var(--border-muted);
}

.ab87bbac08315b3e-pushHeading{
	margin:0;
	font-size:1rem;
	font-weight:600;
}

.ab87bbac08315b3e-pushDescription{
	margin:0;
	color:var(--text-secondary);
	font-size:0.875rem;
}

.ab87bbac08315b3e-pushButtons{
	display:flex;
	gap:0.5rem;
	flex-wrap:wrap;
}

.ab87bbac08315b3e-pushButton{
	padding:0.35rem 0.75rem;
	font-size:0.875rem;
	border-radius:0.5rem;
	border:1px solid transparent;
	background:var(--brand-primary);
	color:var(--text-on-brand-primary);
	cursor:pointer;
}

.ab87bbac08315b3e-pushButtonSecondary{
	background:transparent;
	color:var(--text-primary);
	border-color:var(--border-muted);
}

.ab87bbac08315b3e-pushButton:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

.ab87bbac08315b3e-pushStatus{
	margin:0;
	font-size:0.8rem;
	color:var(--text-secondary);
}

.ab87bbac08315b3e-pushList{
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.ab87bbac08315b3e-pushListItem{
	display:flex;
	justify-content:space-between;
	gap:0.5rem;
	font-size:0.85rem;
	color:var(--text-primary);
}

.ab87bbac08315b3e-pushListItem span:last-child{
	color:var(--text-secondary);
	word-break:break-all;
}

.ab87bbac08315b3e-androidSection{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.ab87bbac08315b3e-androidHeader{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	gap:0.75rem;
}

.ab87bbac08315b3e-androidWarningCard{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
	padding:1rem;
	border-radius:0.75rem;
	background:color-mix(in srgb, #f59e0b 10%, var(--surface-secondary));
	border:1px solid color-mix(in srgb, #f59e0b 30%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
.ab87bbac08315b3e-androidWarningCard{
	background:color-mix(in srgb, var(--status-warning, #f59e0b) 10%, var(--surface-secondary));
	border:1px solid color-mix(in srgb, var(--status-warning, #f59e0b) 30%, transparent);
}
}

.ab87bbac08315b3e-androidFeatureCard{
	display:flex;
	flex-direction:column;
	gap:0.85rem;
	padding:1rem;
	border-radius:0.9rem;
	background:linear-gradient(180deg, color-mix(in srgb, var(--surface-secondary) 88%, var(--background-floating) 12%), color-mix(in srgb, var(--surface-secondary) 96%, var(--background-primary) 4%));
	border:1px solid var(--border-muted);
}

.ab87bbac08315b3e-androidFeatureHeader{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;
	gap:0.75rem;
}

.ab87bbac08315b3e-androidFeatureActions{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
}

.ab87bbac08315b3e-androidFeaturePill{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:1.75rem;
	padding:0.25rem 0.625rem;
	border-radius:999px;
	font-size:0.75rem;
	font-weight:700;
	line-height:1rem;
}

.ab87bbac08315b3e-androidFeaturePillActive{
	background:color-mix(in srgb, var(--brand-primary) 18%, transparent);
	color:color-mix(in srgb, var(--brand-primary) 86%, var(--text-primary));
}

.ab87bbac08315b3e-androidFeaturePillMuted{
	background:color-mix(in srgb, var(--background-primary) 24%, transparent);
	color:var(--text-secondary);
}

.ab87bbac08315b3e-androidCardTitle{
	margin:0;
	font-size:0.95rem;
	font-weight:600;
}

.ab87bbac08315b3e-androidCardDescription{
	margin:0;
	font-size:0.875rem;
	color:var(--text-secondary);
}

.ab87bbac08315b3e-androidChannelGrid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr));
	grid-gap:0.75rem;
	gap:0.75rem;
}

.ab87bbac08315b3e-androidPermissionGrid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(14rem, 1fr));
	grid-gap:0.75rem;
	gap:0.75rem;
}

.ab87bbac08315b3e-androidPermissionCard{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	gap:0.85rem;
	padding:1rem;
	border-radius:0.75rem;
	background:var(--surface-secondary);
	border:1px solid var(--border-muted);
}

.ab87bbac08315b3e-androidPermissionMeta{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
}

.ab87bbac08315b3e-androidPermissionFooter{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:0.5rem;
}

.ab87bbac08315b3e-androidPermissionStatus{
	font-size:0.8rem;
	font-weight:600;
	color:var(--text-secondary);
}

@media (max-width: 560px){
	.ab87bbac08315b3e-androidFeatureActions{
		flex-direction:column;
	}
}

.ac5ed4664aeb5d66-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.ac5ed4664aeb5d66-title{
	margin-bottom:0;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

.ac5ed4664aeb5d66-description{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._68a9747b3099e1b4-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._68a9747b3099e1b4-title{
	margin-bottom:0;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

._68a9747b3099e1b4-description{
	color:var(--text-primary-muted);
	font-size:0.875rem;
	line-height:1.25rem;
}

._68a9747b3099e1b4-content{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._68a9747b3099e1b4-premiumCard{
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	padding:1rem;
}

._68a9747b3099e1b4-premiumCardHeader{
	margin-bottom:0.5rem;
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._68a9747b3099e1b4-premiumCardIcon{
	color:var(--text-tertiary);
}

._68a9747b3099e1b4-premiumCardTitle{
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
	line-height:1.25rem;
}

._68a9747b3099e1b4-premiumCardDescription{
	margin-bottom:0.75rem;
	color:var(--text-primary-muted);
	font-size:0.875rem;
	line-height:1.25rem;
}

._68a9747b3099e1b4-hint{
	color:var(--text-primary-muted);
	font-size:0.875rem;
	line-height:1.25rem;
}

._68a9747b3099e1b4-customBadge{
	border-radius:0.25rem;
	background-color:var(--background-modifier-accent);
	padding:0.125rem 0.5rem;
	font-weight:500;
	color:var(--text-tertiary);
	font-size:0.75rem;
	line-height:1rem;
}

._68a9747b3099e1b4-previewIcon{
	color:var(--text-chat-muted);
	opacity:1;
	transition-property:opacity;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:200ms;
}

._68a9747b3099e1b4-iconButton{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:0.25rem;
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

._68a9747b3099e1b4-iconButton:enabled:hover{
	background-color:var(--background-modifier-hover);
}

._68a9747b3099e1b4-iconButton:disabled{
	cursor:not-allowed;
	opacity:0.5;
}

._68a9747b3099e1b4-uploadIcon{
	color:var(--text-primary);
}

._68a9747b3099e1b4-crownIcon{
	color:var(--text-tertiary);
}

._68a9747b3099e1b4-deleteIcon{
	color:var(--status-danger);
}

._68a9747b3099e1b4-actionsContainer{
	margin-top:0.5rem;
	display:flex;
	gap:0.75rem;
}

._68a9747b3099e1b4-actionButton{
	font-weight:500;
	color:rgb(59 130 246);
	font-size:0.875rem;
	line-height:1.25rem;
	cursor:pointer;
}

._68a9747b3099e1b4-actionButton:hover{
	-webkit-text-decoration-line:underline;
	        text-decoration-line:underline;
}

._68a9747b3099e1b4-actionButton:disabled{
	cursor:not-allowed;
	opacity:0.5;
}

._68a9747b3099e1b4-actionSeparator{
	color:var(--background-header-secondary);
	font-size:0.875rem;
	line-height:1.25rem;
}

.f266955a94d75709-subsectionHeader{
	margin-top:0.25rem;
	font-weight:600;
	color:var(--text-tertiary-muted);
	font-size:0.75rem;
	text-transform:uppercase;
	letter-spacing:0.05em;
}

.f72f73cd36b0d29f-confirmDescription{
	margin-top:0.5rem;
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

.a88587258b21e45f-container{
	display:flex;
	flex-direction:column;
}

._284008229a54ab13-selectionSection{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:16px;
}

._284008229a54ab13-dragOverlay{
	pointer-events:none;
	position:absolute;
	inset:0;
	z-index:50;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	border:2px dashed var(--brand-primary);
	background:color-mix(in srgb, var(--brand-primary) 10%, transparent);
}

._284008229a54ab13-dragContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
}

._284008229a54ab13-dragIcon{
	color:var(--brand-primary);
}

._284008229a54ab13-dragText{
	font-weight:500;
	font-size:18px;
	color:var(--brand-primary);
}

._284008229a54ab13-freeUserContainer{
	display:flex;
	flex-direction:column;
	gap:12px;
}

._284008229a54ab13-customBackgroundWrapper{
	position:relative;
}

._284008229a54ab13-actionButtons{
	position:absolute;
	top:8px;
	right:8px;
	display:flex;
	gap:8px;
	opacity:0;
	transition:opacity 0.2s;
}

._284008229a54ab13-customBackgroundWrapper:hover ._284008229a54ab13-actionButtons{
	opacity:1;
}

._284008229a54ab13-actionButton{
	border-radius:50%;
	background:rgba(0, 0, 0, 0.6);
	padding:8px;
	transition:background-color 0.2s;
	cursor:pointer;
}

._284008229a54ab13-actionButton:hover{
	background:rgba(0, 0, 0, 0.8);
}

._284008229a54ab13-actionButtonIcon{
	color:white;
}

._284008229a54ab13-builtInGrid{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:12px;
	gap:12px;
}

._284008229a54ab13-uploadPlaceholder{
	position:relative;
	aspect-ratio:16 / 9;
	cursor:pointer;
	overflow:hidden;
	border-radius:8px;
	border:2px dashed;
	border-color:var(--background-modifier-accent);
	transition:opacity 0.2s, border-color 0.2s;
}

._284008229a54ab13-uploadPlaceholder:hover{
	opacity:0.75;
}

._284008229a54ab13-uploadPlaceholderContent{
	display:flex;
	height:100%;
	width:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:12px;
	background:var(--background-secondary);
}

._284008229a54ab13-uploadIcon{
	color:var(--text-primary-muted);
}

._284008229a54ab13-uploadTextContainer{
	text-align:center;
}

._284008229a54ab13-uploadTitle{
	font-weight:500;
	font-size:14px;
	color:var(--text-primary);
}

._284008229a54ab13-uploadHint{
	font-size:12px;
	color:var(--text-primary-muted);
}

._284008229a54ab13-premiumGrid{
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:12px;
	gap:12px;
}

@media (min-width: 640px){
	._284008229a54ab13-premiumGrid{
		grid-template-columns:repeat(2, 1fr);
	}
}

@media (min-width: 1024px){
	._284008229a54ab13-premiumGrid{
		grid-template-columns:repeat(3, 1fr);
	}
}

._284008229a54ab13-backgroundItem{
	position:relative;
	aspect-ratio:16 / 9;
	cursor:pointer;
	overflow:hidden;
	border-radius:8px;
	border:2px solid;
	transition:opacity 0.2s, border-color 0.2s;
}

._284008229a54ab13-backgroundItem:hover{
	opacity:0.75;
}

._284008229a54ab13-backgroundItemContent{
	display:flex;
	height:100%;
	width:100%;
	align-items:center;
	justify-content:center;
	background:var(--background-secondary);
}

._284008229a54ab13-backgroundItemInner{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
}

._284008229a54ab13-backgroundItemIcon{
	color:var(--text-primary-muted);
}

._284008229a54ab13-backgroundItemText{
	text-align:center;
}

._284008229a54ab13-backgroundItemName{
	font-weight:500;
	font-size:14px;
	color:var(--text-primary);
}

._284008229a54ab13-backgroundItemDesc{
	font-size:12px;
	color:var(--text-primary-muted);
}

._284008229a54ab13-loadingContainer{
	display:flex;
	height:100%;
	width:100%;
	align-items:center;
	justify-content:center;
	background:var(--background-secondary);
}

._284008229a54ab13-spinner{
	height:32px;
	width:32px;
	animation:_284008229a54ab13-spin 1s linear infinite;
	border-radius:50%;
	border:2px solid var(--background-modifier-accent);
	border-top-color:var(--brand-primary);
}

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

._284008229a54ab13-errorContainer{
	display:flex;
	height:100%;
	width:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:8px;
	background:var(--background-secondary);
	padding:16px;
}

._284008229a54ab13-errorIcon{
	color:var(--status-danger);
}

._284008229a54ab13-errorText{
	text-align:center;
	font-size:12px;
	color:var(--text-primary-muted);
}

._284008229a54ab13-errorButton{
	border-radius:4px;
	background:var(--background-modifier-accent);
	padding:4px 8px;
	font-size:12px;
	color:var(--text-primary);
	cursor:pointer;
}

._284008229a54ab13-errorButton:hover{
	background:var(--background-modifier-hover);
}

._284008229a54ab13-backgroundImage{
	height:100%;
	width:100%;
	object-fit:cover;
}

._284008229a54ab13-imageOverlay{
	position:absolute;
	inset:0;
	background:rgba(0, 0, 0, 0);
	transition:background-color 0.2s;
}

._284008229a54ab13-backgroundItem:hover ._284008229a54ab13-imageOverlay{
	background:rgba(0, 0, 0, 0.2);
}

._284008229a54ab13-deleteButton{
	position:absolute;
	top:8px;
	right:8px;
	border-radius:50%;
	background:rgba(0, 0, 0, 0.6);
	padding:8px;
	opacity:0;
	transition:opacity 0.2s, background-color 0.2s;
	cursor:pointer;
}

._284008229a54ab13-backgroundItem:hover ._284008229a54ab13-deleteButton{
	opacity:1;
}

._284008229a54ab13-deleteButton:hover{
	background:rgba(0, 0, 0, 0.8);
}

._284008229a54ab13-deleteButtonIcon{
	color:white;
}

._284008229a54ab13-selectedBadge{
	position:absolute;
	top:8px;
	left:8px;
	border-radius:50%;
	background:var(--brand-primary);
	padding:6px;
}

._284008229a54ab13-selectedIcon{
	color:white;
}

._284008229a54ab13-fileInput{
	display:none;
}

._284008229a54ab13-statsText{
	text-align:center;
	font-size:14px;
	color:var(--text-primary-muted);
}

._284008229a54ab13-infoText{
	text-align:center;
	font-size:12px;
	color:var(--text-primary-muted);
}

._284008229a54ab13-premiumUpsell{
	border-radius:8px;
	border:1px solid var(--background-modifier-accent);
	background:var(--background-secondary);
	padding:16px;
}

._284008229a54ab13-premiumHeader{
	display:flex;
	align-items:center;
	gap:8px;
	margin-bottom:8px;
}

._284008229a54ab13-premiumIcon{
	flex-shrink:0;
}

._284008229a54ab13-premiumTitle{
	font-weight:500;
	font-size:14px;
	color:var(--text-primary);
}

._284008229a54ab13-premiumDesc{
	margin-bottom:12px;
	font-size:14px;
	color:var(--text-primary-muted);
}

._9a1daa2da1b896c6-content{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._9a1daa2da1b896c6-backgroundSection{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._9a1daa2da1b896c6-backgroundLabel{
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
}

._9a1daa2da1b896c6-iconMargin{
	margin-right:0.5rem;
}

._9a1daa2da1b896c6-videoContainer{
	position:relative;
	aspect-ratio:16 / 9;
	max-height:24rem;
	overflow:hidden;
	border-radius:0.5rem;
	background-color:black;
}

._9a1daa2da1b896c6-video{
	height:100%;
	width:100%;
	object-fit:contain;
}

._9a1daa2da1b896c6-overlay{
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background-color:rgba(0, 0, 0, 0.7);
}

._9a1daa2da1b896c6-overlayText{
	margin-top:0.75rem;
	text-align:center;
	color:white;
}

._9a1daa2da1b896c6-overlayTextMedium{
	font-weight:500;
	font-size:0.875rem;
}

._9a1daa2da1b896c6-errorOverlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:rgba(0, 0, 0, 0.7);
}

._9a1daa2da1b896c6-errorText{
	text-align:center;
	color:rgb(248 113 113);
}

._9a1daa2da1b896c6-errorTitle{
	font-weight:500;
	font-size:0.875rem;
}

._9a1daa2da1b896c6-errorDetail{
	font-size:0.75rem;
	opacity:0.75;
}

._9a1daa2da1b896c6-errorActions{
	display:flex;
	justify-content:center;
	margin-top:0.75rem;
}

._9a1daa2da1b896c6-liveLabel{
	position:absolute;
	top:0.5rem;
	left:0.5rem;
	border-radius:0.25rem;
	background-color:rgba(0, 0, 0, 0.7);
	padding-left:0.5rem;
	padding-right:0.5rem;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
	font-size:0.875rem;
	color:white;
}

._9a1daa2da1b896c6-resolutionInfo{
	position:absolute;
	right:0.5rem;
	bottom:0.5rem;
	border-radius:0.25rem;
	background-color:rgba(0, 0, 0, 0.7);
	padding-left:0.5rem;
	padding-right:0.5rem;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
	color:white;
	font-size:0.75rem;
}

._9a1daa2da1b896c6-resolutionDetails{
	display:flex;
	flex-direction:column;
	gap:0.125rem;
}

._9a1daa2da1b896c6-resolutionRow{
	display:flex;
	align-items:center;
	gap:0.25rem;
}

._9a1daa2da1b896c6-warningIcon{
	color:rgb(253 224 71);
}

._8cd77748dd88f70a-deviceNotice{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	padding:var(--spacing-3);
	border-radius:var(--radius-lg);
	border:1px solid var(--panel-control-border);
	background-color:var(--panel-control-bg);
}

@media (min-width: 768px){
	._8cd77748dd88f70a-deviceNotice{
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
	}
}

._8cd77748dd88f70a-deviceNoticeText{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
}

._8cd77748dd88f70a-deviceNoticeTitle{
	font-weight:600;
	color:var(--text-primary);
}

._8cd77748dd88f70a-deviceNoticeDescription{
	margin:0;
	font-size:0.8125rem;
	color:var(--text-primary-muted);
}

._8cd77748dd88f70a-sectionTitle{
	margin-bottom:0.5rem;
	font-size:0.875rem;
	font-weight:500;
	color:var(--text-primary);
}

._8cd77748dd88f70a-sectionDescription{
	margin-bottom:0.75rem;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._8cd77748dd88f70a-premiumCard{
	padding:1rem;
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
}

._8cd77748dd88f70a-premiumHeader{
	display:flex;
	align-items:center;
	gap:0.5rem;
	margin-bottom:0.5rem;
}

._8cd77748dd88f70a-premiumIcon{
	flex-shrink:0;
}

._8cd77748dd88f70a-premiumTitle{
	font-size:0.875rem;
	font-weight:500;
	color:var(--text-primary);
}

._8cd77748dd88f70a-premiumDescription{
	margin-bottom:0.75rem;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._8cd77748dd88f70a-frameRateNote{
	display:flex;
	align-items:center;
	gap:0.25rem;
	margin-top:0.5rem;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._8cd77748dd88f70a-frameRateIcon{
	color:var(--text-tertiary);
}

._8cd77748dd88f70a-actionButton{
	align-self:flex-start;
}

._7072ea18c84695c1-label{
	margin-bottom:0.5rem;
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
	line-height:1.25rem;
}

._7072ea18c84695c1-premiumCard{
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	padding:1rem;
}

._7072ea18c84695c1-premiumCardHeader{
	margin-bottom:0.5rem;
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._7072ea18c84695c1-premiumCardIcon{
	color:var(--text-tertiary);
}

._7072ea18c84695c1-premiumCardTitle{
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
	line-height:1.25rem;
}

._7072ea18c84695c1-premiumCardDescription{
	margin-bottom:0.75rem;
	color:var(--text-primary-muted);
	font-size:0.875rem;
	line-height:1.25rem;
}

._7072ea18c84695c1-content{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._7072ea18c84695c1-actionButton{
	align-self:flex-start;
}

._7072ea18c84695c1-hint{
	color:var(--text-primary-muted);
	font-size:0.875rem;
	line-height:1.25rem;
}

._7072ea18c84695c1-soundCard{
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	padding:1rem;
}

._7072ea18c84695c1-soundCardContent{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

._7072ea18c84695c1-soundCardMain{
	display:flex;
	flex:1;
	align-items:center;
	gap:0.75rem;
}

._7072ea18c84695c1-previewButton{
	display:flex;
	height:2.5rem;
	width:2.5rem;
	align-items:center;
	justify-content:center;
	border-radius:0.5rem;
	background-color:var(--background-modifier-hover);
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

._7072ea18c84695c1-previewButton:enabled:hover{
	background-color:var(--background-modifier-hover);
}

._7072ea18c84695c1-previewButton:disabled{
	cursor:not-allowed;
	opacity:0.5;
}

._7072ea18c84695c1-previewIcon{
	color:var(--text-primary);
}

._7072ea18c84695c1-soundInfo{
	display:flex;
	flex:1;
	flex-direction:column;
}

._7072ea18c84695c1-soundFileName{
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
	line-height:1.25rem;
}

._7072ea18c84695c1-soundDuration{
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:1rem;
}

._7072ea18c84695c1-deleteButton{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:0.25rem;
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

._7072ea18c84695c1-deleteButton:hover{
	background-color:var(--background-modifier-hover);
}

._7072ea18c84695c1-deleteIcon{
	color:var(--status-danger);
}

._7072ea18c84695c1-uploadButtonContent{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.fd50ecc0ac3c9560-label{
	margin-bottom:0.5rem;
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
}

.fd50ecc0ac3c9560-content{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.fd50ecc0ac3c9560-actionButton{
	align-self:flex-start;
}

.fd50ecc0ac3c9560-testInfo{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.fd50ecc0ac3c9560-levelInfo{
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:0.875rem;
}

.fd50ecc0ac3c9560-levelLabel{
	color:var(--text-primary-muted);
}

.fd50ecc0ac3c9560-levelStatus{
	font-weight:500;
}

.fd50ecc0ac3c9560-levelQuiet{
	color:rgb(107 114 128);
}

.fd50ecc0ac3c9560-levelGood{
	color:rgb(34 197 94);
}

.fd50ecc0ac3c9560-levelOptimal{
	color:rgb(234 179 8);
}

.fd50ecc0ac3c9560-levelLoud{
	color:rgb(239 68 68);
}

.fd50ecc0ac3c9560-meterContainer{
	position:relative;
	height:1.5rem;
	width:100%;
	overflow:hidden;
	border-radius:0.5rem;
	background-color:var(--background-modifier-accent);
}

.fd50ecc0ac3c9560-meterBar{
	position:absolute;
	bottom:0;
	left:0;
	height:100%;
	transition:width 75ms ease-out, background-color 75ms ease-out;
}

.fd50ecc0ac3c9560-meterPeak{
	position:absolute;
	bottom:0;
	height:100%;
	width:2px;
	background-color:white;
	opacity:0.75;
	transition:left 1500ms ease-out;
}

.fd50ecc0ac3c9560-helpText{
	color:var(--text-primary-muted);
	font-size:0.75rem;
}

.ffcd54799b1d035b-sliderLabel{
	margin-bottom:0.5rem;
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
}

.ffcd54799b1d035b-audioProcessing{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.ffcd54799b1d035b-audioProcessingLabel{
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
}

.ffcd54799b1d035b-audioProcessingCard{
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	padding:1rem;
}

.ffcd54799b1d035b-audioProcessingDescription{
	margin-bottom:0.75rem;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

.ffcd54799b1d035b-audioProcessingOptions{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.ffcd54799b1d035b-pttRow{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:1rem;
}

.ffcd54799b1d035b-pttDescription{
	margin:0;
	color:var(--text-primary-muted);
	font-size:0.875rem;
	max-width:520px;
}

.ffcd54799b1d035b-toggleRow{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	padding:var(--spacing-3);
	border-radius:var(--radius-lg);
	border:1px solid var(--panel-control-divider);
	background-color:var(--panel-control-bg);
}

@media (min-width: 768px){
	.ffcd54799b1d035b-toggleRow{
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
	}
}

.ffcd54799b1d035b-toggleText{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
	max-width:520px;
}

.ffcd54799b1d035b-label{
	font-weight:500;
	font-size:0.875rem;
	color:var(--text-primary);
}

.ffcd54799b1d035b-deviceNotice{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	padding:var(--spacing-3);
	border-radius:var(--radius-lg);
	border:1px solid var(--panel-control-border);
	background-color:var(--panel-control-bg);
}

@media (min-width: 768px){
	.ffcd54799b1d035b-deviceNotice{
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
	}
}

.ffcd54799b1d035b-deviceNoticeText{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
}

.ffcd54799b1d035b-deviceNoticeTitle{
	font-weight:600;
	color:var(--text-primary);
}

.ffcd54799b1d035b-deviceNoticeDescription{
	margin:0;
	font-size:0.8125rem;
	color:var(--text-primary-muted);
}

.ffcd54799b1d035b-inputModeSection{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.ffcd54799b1d035b-inputModeLabel{
	font-weight:500;
	color:var(--text-primary);
	font-size:0.875rem;
}

.ffcd54799b1d035b-inputModeCard{
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	padding:1rem;
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.ffcd54799b1d035b-pttSettings{
	display:flex;
	flex-direction:column;
	gap:1rem;
	padding-top:0.75rem;
	border-top:1px solid var(--background-modifier-accent);
}

.ffcd54799b1d035b-pttSettingRow{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.ffcd54799b1d035b-pttSettingLabel{
	font-weight:500;
	font-size:0.8125rem;
	color:var(--text-primary);
}

.ffcd54799b1d035b-pttSettingDescription{
	font-size:0.75rem;
	color:var(--text-primary-muted);
	margin:0;
}

.ffcd54799b1d035b-pttKeybindRow{
	display:flex;
	gap:0.5rem;
	align-items:center;
}

.ffcd54799b1d035b-pttLatchingRow{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:1rem;
}

.ffcd54799b1d035b-pttLatchingText{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

.ffcd54799b1d035b-pttDelayValue{
	font-size:0.75rem;
	color:var(--text-primary-muted);
	margin-left:0.5rem;
}

.f29e2c6d58a643d6-container{
	display:flex;
	flex-direction:column;
}

.a541a3ad89406ac9-previewWrapper{
	background:var(--background-secondary-lighter);
}

.a541a3ad89406ac9-previewContainer{
	padding:16px;
	border-radius:8px;
	border:1px solid var(--background-modifier-accent);
}

.a541a3ad89406ac9-previewActionsRow{
	position:relative;
	display:flex;
	align-items:center;
	gap:0.75rem;
}

.a541a3ad89406ac9-previewAvatarsRow{
	display:flex;
	gap:0.75rem;
}

.a541a3ad89406ac9-previewMessageContainer{
	margin-top:0.75rem;
}

._2836d0ee8e009067-deleteSection{
	display:flex;
	flex-direction:column;
	gap:16px;
}

._2836d0ee8e009067-warningText{
	color:var(--text-primary-muted);
	font-size:14px;
	line-height:1.4;
}

._2836d0ee8e009067-infoSection{
	display:flex;
	flex-direction:column;
	gap:12px;
	color:var(--text-primary);
}

._2836d0ee8e009067-infoBox{
	border-radius:6px;
	border:1px solid var(--background-header-secondary);
	background:var(--background-secondary);
	padding:12px;
}

._2836d0ee8e009067-infoBoxTitle{
	margin-bottom:8px;
	font-weight:600;
	color:var(--text-primary);
}

._2836d0ee8e009067-infoList{
	list-style-type:disc;
	display:flex;
	flex-direction:column;
	gap:4px;
	color:var(--text-primary-muted);
	font-size:14px;
	padding-left:20px;
}

._2836d0ee8e009067-deleteSection > button{
	align-self:flex-start;
}

._243a68ec81f3f3ba-container{
	display:flex;
	flex-direction:column;
	gap:2rem;
}

._243a68ec81f3f3ba-section{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._243a68ec81f3f3ba-heading{
	margin-bottom:0;
	font-weight:600;
	font-size:1.25rem;
}

._243a68ec81f3f3ba-subheading{
	margin-bottom:1rem;
	font-weight:600;
	font-size:1.125rem;
}

._243a68ec81f3f3ba-description{
	color:var(--text-secondary);
}

._243a68ec81f3f3ba-grid{
	display:grid;
	grid-gap:0.75rem;
	gap:0.75rem;
}

@media (min-width: 768px){
	._243a68ec81f3f3ba-grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px){
	._243a68ec81f3f3ba-grid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}

._243a68ec81f3f3ba-card{
	position:relative;
	overflow:hidden;
	border-radius:0.5rem;
	background-color:var(--background-secondary);
	padding:1rem;
	transition:background-color 0.15s;
}

._243a68ec81f3f3ba-card:hover{
	background-color:var(--background-tertiary);
}

._243a68ec81f3f3ba-cardHeader{
	margin-bottom:0.5rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

._243a68ec81f3f3ba-cardInfo{
	display:flex;
	flex-direction:column;
}

._243a68ec81f3f3ba-fontName{
	font-weight:500;
	font-size:0.875rem;
}

._243a68ec81f3f3ba-langCode{
	color:var(--text-tertiary);
	font-size:0.75rem;
}

._243a68ec81f3f3ba-fontFamily{
	font-family:monospace;
	color:var(--text-tertiary);
	font-size:0.75rem;
}

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

._243a68ec81f3f3ba-weightCard{
	border-radius:0.5rem;
	background-color:var(--background-secondary);
	padding:1rem;
}

._243a68ec81f3f3ba-weightHeader{
	margin-bottom:0.5rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

._243a68ec81f3f3ba-weightLabel{
	font-weight:500;
}

._243a68ec81f3f3ba-weightValue{
	font-family:monospace;
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._243a68ec81f3f3ba-weightItalic{
	margin-top:0.25rem;
	font-style:italic;
}

._243a68ec81f3f3ba-scaleList{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._243a68ec81f3f3ba-scaleItem{
	display:flex;
	align-items:center;
	gap:1rem;
	border-radius:0.5rem;
	background-color:var(--background-secondary);
	padding:0.75rem 1rem;
}

._243a68ec81f3f3ba-scaleSize{
	width:5rem;
	text-align:right;
}

._243a68ec81f3f3ba-scaleSizeText{
	font-family:monospace;
	color:var(--text-tertiary);
	font-size:0.75rem;
}

._243a68ec81f3f3ba-scaleLabel{
	width:4rem;
	text-align:right;
}

._243a68ec81f3f3ba-scaleLabelText{
	font-weight:500;
	font-size:0.75rem;
	color:var(--text-secondary);
}

._243a68ec81f3f3ba-scaleSample{
	flex:1;
}

._243a68ec81f3f3ba-styleGrid{
	display:grid;
	grid-gap:0.75rem;
	gap:0.75rem;
}

@media (min-width: 768px){
	._243a68ec81f3f3ba-styleGrid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px){
	._243a68ec81f3f3ba-styleGrid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}

._243a68ec81f3f3ba-styleCard{
	border-radius:0.5rem;
	background-color:var(--background-secondary);
	padding:1rem;
}

._243a68ec81f3f3ba-styleLabel{
	margin-bottom:0.5rem;
	color:var(--text-tertiary);
	font-size:0.75rem;
}

._243a68ec81f3f3ba-codeGrid{
	display:grid;
	grid-gap:1rem;
	gap:1rem;
}

@media (min-width: 768px){
	._243a68ec81f3f3ba-codeGrid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

._243a68ec81f3f3ba-codeCard{
	border-radius:0.5rem;
	background-color:var(--background-secondary);
	padding:1rem;
}

._243a68ec81f3f3ba-codeTitle{
	margin-bottom:0.75rem;
	font-weight:500;
}

._243a68ec81f3f3ba-codeLines{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	font-family:monospace;
	font-size:0.875rem;
}

._243a68ec81f3f3ba-multilingualCard{
	border-radius:0.5rem;
	background-color:var(--background-secondary);
	padding:1.5rem;
}

._243a68ec81f3f3ba-multilingualList{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._243a68ec81f3f3ba-multilingualItem{
	font-size:1rem;
}

._243a68ec81f3f3ba-italic{
	font-style:italic;
}

._7a128aeca7c0894b-sectionsContainer{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

._7a128aeca7c0894b-section{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._7a128aeca7c0894b-sectionHeader{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	border-top:1px solid var(--background-header-secondary);
	padding-top:1rem;
}

._7a128aeca7c0894b-item{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._7a128aeca7c0894b-itemHeader{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._7a128aeca7c0894b-itemLabel{
	display:inline-block;
	white-space:nowrap;
	font-family:monospace;
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._2737068fac1fb915-searchResultsContainer{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-4);
}

._2737068fac1fb915-resultsHeader{
	padding:var(--spacing-2) 0 var(--spacing-4);
	font-size:0.875rem;
	color:var(--text-secondary);
	border-bottom:1px solid var(--background-modifier-accent);
	margin-bottom:var(--spacing-2);
}

._2737068fac1fb915-settingsSection{
	display:flex;
	flex-direction:column;
}

._2737068fac1fb915-sectionHeader{
	display:flex;
	flex-direction:column;
	padding:var(--spacing-3) 0;
	cursor:pointer;
	width:100%;
	text-align:left;
	background:transparent;
	border:none;
	border-bottom:1px solid var(--border-color);
}

@media (hover: hover) and (pointer: fine){
	._2737068fac1fb915-sectionHeader:hover ._2737068fac1fb915-sectionTitle{
		color:var(--text-link);
	}
}

._2737068fac1fb915-sectionTitleRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-3);
}

._2737068fac1fb915-sectionIcon{
	height:1.25rem;
	width:1.25rem;
	color:var(--text-primary);
	flex-shrink:0;
}

._2737068fac1fb915-sectionTitle{
	font-weight:600;
	font-size:1rem;
	line-height:1.5rem;
	color:var(--text-primary);
	flex:1;
	margin:0;
	transition:color var(--transition-fast);
}

._2737068fac1fb915-matchCount{
	font-size:var(--font-size-xs);
	color:var(--text-secondary);
	padding:var(--spacing-1) var(--spacing-2);
	background:var(--background-modifier-accent);
	border-radius:var(--radius-full);
	margin-left:auto;
	font-weight:500;
}

._2737068fac1fb915-expandIcon{
	color:var(--text-tertiary);
	flex-shrink:0;
	transition:transform var(--transition-normal);
}

._2737068fac1fb915-expandIconExpanded{
	transform:rotate(90deg);
}

._2737068fac1fb915-matchedItemsPreview{
	display:flex;
	flex-wrap:wrap;
	gap:var(--spacing-1-5);
	margin-top:var(--spacing-3);
}

._2737068fac1fb915-matchPreviewChip{
	font-size:var(--font-size-xs);
	padding:var(--spacing-1) var(--spacing-2);
	background:var(--brand-primary);
	color:var(--text-on-brand-primary);
	border-radius:var(--radius-sm);
	white-space:nowrap;
	font-weight:500;
}

._2737068fac1fb915-matchPreviewMore{
	font-size:var(--font-size-xs);
	color:var(--text-tertiary);
	padding:var(--spacing-1) var(--spacing-1);
}

._2737068fac1fb915-sectionContent{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
	padding:var(--spacing-4) 0;
}

._2737068fac1fb915-matchedItem{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
	padding:var(--spacing-3);
	border-radius:var(--radius-md);
	cursor:pointer;
	transition:background-color var(--transition-fast);
}

@media (hover: hover) and (pointer: fine){
	._2737068fac1fb915-matchedItem:hover{
		background:var(--background-modifier-hover);
	}
}

._2737068fac1fb915-matchedItemBreadcrumb{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
	font-size:0.6875rem;
	color:var(--text-tertiary);
	text-transform:uppercase;
	letter-spacing:0.05em;
}

._2737068fac1fb915-breadcrumbSeparator{
	color:var(--text-tertiary-muted);
}

._2737068fac1fb915-breadcrumbSection{
	color:var(--text-tertiary);
}

._2737068fac1fb915-matchedItemLabel{
	font-weight:500;
	font-size:0.875rem;
	color:var(--text-primary);
	line-height:1.4;
}

._2737068fac1fb915-matchedItemDescription{
	font-size:var(--font-size-xs);
	color:var(--text-primary-muted);
	line-height:1.4;
}

._2737068fac1fb915-emptyState{
	display:flex;
	height:100%;
	min-height:200px;
	align-items:center;
	justify-content:center;
	padding:var(--spacing-8);
}

._2737068fac1fb915-emptyStateContent{
	text-align:center;
	max-width:320px;
}

._2737068fac1fb915-emptyStateTitle{
	margin-bottom:var(--spacing-2);
	font-weight:600;
	font-size:1.125rem;
	line-height:1.75rem;
	color:var(--text-primary);
}

._2737068fac1fb915-emptyStateDescription{
	font-size:0.875rem;
	color:var(--text-secondary);
	line-height:1.5;
	margin:0;
}

.aa3ca02168225b32-button{
	display:flex;
	width:auto;
	cursor:pointer;
	flex-direction:column;
	align-items:flex-start;
	gap:0.125rem;
	border:none;
	background-color:transparent;
	padding:0;
	text-align:left;
	font-size:0.6875rem;
	line-height:0.875rem;
	color:var(--text-primary-muted);
	transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1);
	max-width:100%;
	align-self:flex-start;
}

.aa3ca02168225b32-button:hover{
	color:var(--text-primary);
}

.aa3ca02168225b32-appLine{
	font-size:0.75rem;
	font-weight:600;
	color:var(--text-primary);
	line-height:1rem;
}

.aa3ca02168225b32-buildLine{
	font-size:0.6875rem;
	color:var(--text-primary-muted);
	font-family:monospace;
	font-family:var(--font-mono, monospace);
}

@media (max-width: 560px){
	.aa3ca02168225b32-button,
	.aa3ca02168225b32-appLine,
	.aa3ca02168225b32-buildLine,
	.aa3ca02168225b32-updateActions,
	.aa3ca02168225b32-updateButton,
	.aa3ca02168225b32-checkUpdateButton,
	.aa3ca02168225b32-upToDate{
		max-width:100%;
		min-width:0;
		white-space:normal;
		overflow-wrap:anywhere;
	}

	.aa3ca02168225b32-updateButton,
	.aa3ca02168225b32-checkUpdateButton{
		height:auto;
		min-height:2.25rem;
		text-align:left;
	}
}

.aa3ca02168225b32-updateActions{
	display:flex;
	align-items:center;
	gap:6px;
	margin-top:8px;
}

.aa3ca02168225b32-checkUpdateButton,
.aa3ca02168225b32-updateButton{
	display:flex;
	align-items:center;
	gap:5px;
	padding:4px 10px;
	border:none;
	border-radius:4px;
	font-size:11px;
	font-weight:600;
	cursor:pointer;
	transition:all 0.15s ease;
	line-height:1;
}

.aa3ca02168225b32-checkUpdateButton{
	background:rgba(99, 102, 241, 0.1);
	color:#818cf8;
	border:1px solid rgba(99, 102, 241, 0.2);
}

.aa3ca02168225b32-checkUpdateButton:hover{
	background:rgba(99, 102, 241, 0.2);
	border-color:rgba(99, 102, 241, 0.4);
}

.aa3ca02168225b32-checkUpdateButton:disabled{
	opacity:0.6;
	cursor:not-allowed;
}

.aa3ca02168225b32-updateButton{
	background:#6366f1;
	color:#fff;
}

.aa3ca02168225b32-updateButton:hover{
	background:#4f46e5;
}

.aa3ca02168225b32-updateVersion{
	opacity:0.7;
	font-weight:400;
}

.aa3ca02168225b32-upToDate{
	display:flex;
	align-items:center;
	gap:5px;
	font-size:11px;
	color:#4ade80;
	color:var(--status-positive, #4ade80);
	opacity:0.8;
}

.aa3ca02168225b32-spinning{
	animation:aa3ca02168225b32-spin 1s linear infinite;
}

@keyframes aa3ca02168225b32-spin{
	from{ transform:rotate(0deg); }
	to{ transform:rotate(360deg); }
}

._9f9d4254628756d0-container{
	position:relative;
	width:100%;
}

._9f9d4254628756d0-inputContainer{
	position:relative;
	width:100%;
}

._9f9d4254628756d0-clearButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:1.5rem;
	height:1.5rem;
	border-radius:0.25rem;
	color:var(--text-tertiary);
	background-color:transparent;
	transition-property:color, background-color;
	transition-duration:150ms;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	cursor:pointer;
}

._9f9d4254628756d0-clearButton:hover{
	color:var(--text-primary);
	background-color:var(--background-modifier-hover);
}

._9f9d4254628756d0-clearButton:focus-visible{
	outline:2px solid var(--focus-ring);
	outline-offset:-2px;
}

.ed1a0f8acb43e4b9-searchContainer{
	margin-bottom:0.85rem;
	-webkit-app-region:no-drag;
	padding:0;
}

.ed1a0f8acb43e4b9-backButtonContainer{
	padding:0.45rem 0.375rem 0.55rem;
}

.ed1a0f8acb43e4b9-backIcon{
	height:1rem;
	width:1rem;
}

.ed1a0f8acb43e4b9-noResults{
	padding:0.9rem 0.75rem;
	text-align:center;
	font-size:0.8125rem;
	line-height:1.2rem;
	color:var(--text-tertiary);
	border-radius:0.875rem;
	background:color-mix(in srgb, var(--background-floating) 16%, var(--background-primary) 84%);
	border:none;
}

.ed1a0f8acb43e4b9-tabLabel{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

.ed1a0f8acb43e4b9-badgeContainer{
	margin-left:auto;
}

.ed1a0f8acb43e4b9-newBadge{
	position:relative;
	margin-left:auto;
	overflow:hidden;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	font-size:0.52rem;
	line-height:1;
	font-weight:800;
	letter-spacing:0.07em;
	text-transform:uppercase;
	padding:0.18rem 0.38rem;
	border-radius:999px;
	white-space:nowrap;
	color:color-mix(in srgb, var(--brand-primary) 82%, white);
	background:linear-gradient(
		120deg,
		color-mix(in srgb, var(--brand-primary) 18%, transparent) 0%,
		color-mix(in srgb, var(--brand-primary) 32%, transparent) 50%,
		color-mix(in srgb, var(--brand-primary) 18%, transparent) 100%
	);
	border:1px solid color-mix(in srgb, var(--brand-primary) 20%, transparent);
	pointer-events:none;
	opacity:1;
}

.ed1a0f8acb43e4b9-newBadge::after{
	content:'';
	position:absolute;
	inset:0;
	transform:translateX(-130%);
	background:linear-gradient(95deg, transparent 15%, rgb(255 255 255 / 46%) 50%, transparent 85%);
	animation:ed1a0f8acb43e4b9-settings-new-shimmer 2.2s linear infinite;
	opacity:0.72;
	pointer-events:none;
}

@keyframes ed1a0f8acb43e4b9-settings-new-shimmer{
	100%{
		transform:translateX(130%);
	}
}

.ed1a0f8acb43e4b9-footerActions{
	margin-bottom:1rem;
}

.ed1a0f8acb43e4b9-legalLinks{
	margin-top:0.7rem;
	font-size:0.7rem;
	line-height:1.25;
	text-align:left;
	opacity:0.82;
}

.ed1a0f8acb43e4b9-footerContent{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	padding:0.8rem 0.85rem 0.9rem;
	width:100%;
	border-radius:0.875rem;
	background:color-mix(in srgb, var(--background-floating) 14%, var(--background-primary) 86%);
	border:none;
	box-shadow:none;
}

.ed1a0f8acb43e4b9-legalLink{
	display:block;
	color:var(--text-link);
	cursor:pointer;
	text-decoration:none;
}

.ed1a0f8acb43e4b9-legalLink:hover{
	text-decoration:underline;
}

.ed1a0f8acb43e4b9-footerSpacer{
	height:10px;
}

.ed1a0f8acb43e4b9-logoutIcon{
	height:1rem;
	width:1rem;
}

.ed1a0f8acb43e4b9-previewDivider{
	padding-bottom:1.25rem;
}

.ed1a0f8acb43e4b9-fullWidth{
	width:100%;
}

._336b64af175fa462-container{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:1100;
	display:flex;
	height:var(--mobile-bottom-nav-height);
	box-sizing:border-box;
	padding-bottom:0px;
	padding-bottom:var(--safe-area-bottom, 0px);
	align-items:center;
	justify-content:space-around;
	pointer-events:auto;
	border-top:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
}

.theme-light ._336b64af175fa462-container{
	background-color:var(--background-primary);
}
._336b64af175fa462-containerKeyboardOpen{
	transform:translateY(100%);
	pointer-events:none;
	transition:transform var(--motion-dur-short) var(--motion-ease-smooth);
}

._336b64af175fa462-container{
	transition:transform var(--motion-dur-medium) var(--motion-ease-smooth);
}

._336b64af175fa462-navButton{
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0.25rem;
	border:none;
	background:transparent;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	cursor:pointer;
	transition:color var(--motion-dur-short) var(--motion-ease-snap), transform var(--motion-dur-instant) var(--motion-ease-smooth);
}

._336b64af175fa462-navButton:active{
	transform:scale(0.92);
	transition-duration:80ms;
}

._336b64af175fa462-navButtonActive{
	color:var(--text-primary);
}

._336b64af175fa462-navButtonInactive{
	color:var(--text-primary-muted);
}

._336b64af175fa462-voiceButton{
	color:var(--status-online);
}
._336b64af175fa462-voiceButtonReconnecting{
	color:#faa61a;
	color:var(--status-warning, #faa61a);
}

._336b64af175fa462-voiceIconWrap{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

._336b64af175fa462-voiceReconnectDot{
	position:absolute;
	top:-2px;
	right:-4px;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#faa61a;
	background:var(--status-warning, #faa61a);
	box-shadow:0 0 0 2px var(--background-secondary);
	animation:_336b64af175fa462-reconnect-pulse 1.4s ease-in-out infinite;
}

@keyframes _336b64af175fa462-reconnect-pulse{
	0%, 100%{ opacity:1; transform:scale(1); }
	50%{ opacity:0.5; transform:scale(0.85); }
}

._336b64af175fa462-icon{
	height:1.5rem;
	width:1.5rem;
}

._336b64af175fa462-label{
	font-weight:600;
	font-size:10px;
}

._9c3759aaa5ca4abb-button{
	border-radius:0.65rem;
	padding:0.54rem 1.4rem;
	font-weight:650;
	font-size:0.84rem;
	line-height:1.25rem;
	border:1px solid transparent;
	outline:none;
	transition:background-color 170ms ease, border-color 170ms ease, color 170ms ease, transform 170ms ease, box-shadow 170ms ease;
	cursor:pointer;
}

._9c3759aaa5ca4abb-button:focus-visible{
	outline:2px solid rgb(165 134 255 / 0.88);
	outline-offset:2px;
}

._9c3759aaa5ca4abb-active{
	background:var(--brand-primary);
	border-color:color-mix(in srgb, var(--brand-primary) 72%, white 28%);
	color:white;
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.14);
}

._9c3759aaa5ca4abb-inactive{
	background:rgb(21 18 41 / 0.7);
	border-color:rgb(133 99 221 / 0.3);
	color:rgb(202 193 234);
}

@media (hover: hover) and (pointer: fine){
	._9c3759aaa5ca4abb-inactive:hover{
		transform:translateY(-1px);
		background:rgb(26 22 50 / 0.8);
		border-color:rgb(152 117 240 / 0.5);
		color:rgb(228 222 248);
	}

	._9c3759aaa5ca4abb-active:hover{
		transform:translateY(-1px);
		box-shadow:0 7px 16px color-mix(in srgb, var(--brand-primary) 20%, transparent), inset 0 1px 0 rgb(255 255 255 / 0.16);
	}
}

._63b5b7d444c579bc-section{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
	padding:1rem;
	border:none;
	border-radius:1rem;
	background:radial-gradient(circle at 16% -12%, rgb(159 125 255 / 0.24), transparent 44%), linear-gradient(160deg, rgb(28 24 54 / 0.82), rgb(17 14 36 / 0.86));
	box-shadow:0 18px 34px rgb(9 7 20 / 0.3), inset 0 1px 0 rgb(255 255 255 / 0.07);
}

._63b5b7d444c579bc-toggleContainer{
	margin-bottom:0.12rem;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.75rem;
}

._63b5b7d444c579bc-footerContainer{
	margin-top:0.82rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.75rem;
}

._63b5b7d444c579bc-scrollPromptContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.45rem;
}

._63b5b7d444c579bc-scrollPromptText{
	text-align:center;
	font-size:0.83rem;
	line-height:1.3;
	color:rgb(183 174 219);
}

._63b5b7d444c579bc-scrollPromptIcon{
	height:1.15rem;
	width:1.15rem;
	color:rgb(203 191 247);
	-webkit-filter:drop-shadow(0 0 10px rgb(141 111 235 / 0.35));
	        filter:drop-shadow(0 0 10px rgb(141 111 235 / 0.35));
	animation:_63b5b7d444c579bc-plutoniumArrowPulse 1.9s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce){
	._63b5b7d444c579bc-scrollPromptIcon{
		animation:none;
	}
}

@keyframes _63b5b7d444c579bc-plutoniumArrowPulse{
	0%,
	100%{
		transform:translateY(0);
		opacity:0.72;
	}
	50%{
		transform:translateY(4px);
		opacity:1;
	}
}

.b64e96bf71beb98a-section{
	display:flex;
	min-height:0;
	width:100%;
	flex-direction:column;
	gap:1rem;
}

.b64e96bf71beb98a-card{
	width:100%;
	overflow:hidden;
	border-radius:1rem;
	border:none;
	padding:1.15rem;
	background:radial-gradient(circle at 18% -10%, rgb(155 123 255 / 0.24), transparent 42%), linear-gradient(165deg, rgb(29 25 54 / 0.84), rgb(16 14 34 / 0.9));
	box-shadow:0 16px 28px rgb(8 6 20 / 0.28), inset 0 1px 0 rgb(255 255 255 / 0.08);
}

.b64e96bf71beb98a-grid{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:0.92rem;
	gap:0.92rem;
}

@media (min-width: 1024px){
	.b64e96bf71beb98a-grid{
		grid-template-columns:1fr auto;
		align-items:start;
	}
}

.b64e96bf71beb98a-content{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:0.28rem;
}

.b64e96bf71beb98a-title{
	font-weight:700;
	font-size:1rem;
	line-height:1.45;
	color:rgb(244 240 255);
}

.b64e96bf71beb98a-description{
	font-size:0.875rem;
	line-height:1.35;
	color:rgb(190 182 224);
}

.b64e96bf71beb98a-button{
	width:100%;
	transition:transform 170ms ease, box-shadow 170ms ease;
}

@media (hover: hover) and (pointer: fine){
	.b64e96bf71beb98a-button:hover{
		transform:translateY(-1px);
		box-shadow:0 9px 16px rgb(48 30 108 / 0.34);
	}
}

@media (min-width: 768px){
	.b64e96bf71beb98a-button{
		width:100%;
	}
}

@media (min-width: 1024px){
	.b64e96bf71beb98a-button{
		width:auto;
		justify-self:end;
	}
}

._8550e28228201c1f-card{
	display:flex;
	flex-direction:column;
	gap:1rem;
	padding:1.2rem;
	border:none;
	border-radius:1rem;
	background:radial-gradient(circle at 86% 8%, rgb(161 126 255 / 0.24), transparent 42%), linear-gradient(160deg, rgb(28 24 53 / 0.84), rgb(17 14 35 / 0.9));
	box-shadow:0 18px 30px rgb(8 6 20 / 0.28), inset 0 1px 0 rgb(255 255 255 / 0.08);
}

._8550e28228201c1f-header{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
}

._8550e28228201c1f-title{
	margin:0;
	font-size:1.08rem;
	font-weight:720;
	letter-spacing:0.01em;
	color:rgb(244 240 255);
	font-family:'Space Grotesk', 'Avenir Next', 'Segoe UI', sans-serif;
}

._8550e28228201c1f-description{
	margin:0;
	color:rgb(188 180 222);
	line-height:1.5;
}

._8550e28228201c1f-statsGrid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	grid-gap:0.75rem;
	gap:0.75rem;
}

._8550e28228201c1f-stat{
	padding:0.86rem;
	border-radius:0.85rem;
	background:rgb(18 15 37 / 0.72);
}

._8550e28228201c1f-statLabel{
	display:block;
	margin-bottom:0.35rem;
	font-size:0.72rem;
	text-transform:uppercase;
	letter-spacing:0.08em;
	color:rgb(176 167 212);
}

._8550e28228201c1f-statValue{
	font-size:1.15rem;
	font-weight:720;
	color:rgb(245 241 255);
}

._8550e28228201c1f-shareBox{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	padding:0.9rem;
	border-radius:0.85rem;
	background:rgb(14 12 30 / 0.74);
}

._8550e28228201c1f-shareLabel{
	font-size:0.8rem;
	color:rgb(176 167 212);
}

._8550e28228201c1f-shareRow{
	display:flex;
	gap:0.75rem;
	align-items:center;
}

._8550e28228201c1f-shareUrl{
	flex:1;
	min-width:0;
	font-size:0.9rem;
	color:rgb(242 238 255);
	word-break:break-all;
}

._8550e28228201c1f-rules{
	margin:0;
	padding-left:1rem;
	color:rgb(190 181 224);
	line-height:1.5;
}

._8550e28228201c1f-loading,
._8550e28228201c1f-error{
	color:rgb(180 171 216);
}

@media (max-width: 768px){
	._8550e28228201c1f-statsGrid{
		grid-template-columns:1fr;
	}

	._8550e28228201c1f-shareRow{
		flex-direction:column;
		align-items:stretch;
	}
}

._8e3cf29b4a5f30a9-link{
	cursor:pointer;
	font-weight:500;
	text-decoration:underline;
	-webkit-text-decoration-color:rgb(255 255 255 / 0.6);
	        text-decoration-color:rgb(255 255 255 / 0.6);
}

._2943507f7a776c9d-benefit{
	display:flex;
	min-height:0;
	flex-direction:column;
	border-radius:0.88rem;
	border:1px solid rgb(206 161 72 / 0.24);
	background:radial-gradient(circle at 50% -12%, rgb(229 186 93 / 0.2), transparent 40%), linear-gradient(160deg, rgb(20 18 14 / 0.92), rgb(12 11 10 / 0.97));
	padding:0.95rem;
	text-align:center;
	box-shadow:inset 0 1px 0 rgb(255 230 173 / 0.1), 0 10px 24px rgb(0 0 0 / 0.3);
	transition:transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

@media (hover: hover) and (pointer: fine){
	._2943507f7a776c9d-benefit:hover{
		transform:translateY(-2px);
		border-color:rgb(218 179 96 / 0.4);
		box-shadow:inset 0 1px 0 rgb(255 230 173 / 0.18), 0 14px 26px rgb(0 0 0 / 0.38);
	}
}

._2943507f7a776c9d-iconContainer{
	margin-bottom:0.75rem;
	display:flex;
	flex-shrink:0;
	justify-content:center;
}

._2943507f7a776c9d-iconWrapper{
	display:flex;
	height:2.6rem;
	width:2.6rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background:linear-gradient(145deg, rgb(52 43 29 / 0.95), rgb(124 91 38 / 0.95)), rgb(74 55 28);
	border:1px solid rgb(255 216 133 / 0.34);
	box-shadow:0 10px 16px rgb(42 30 12 / 0.48), inset 0 1px 0 rgb(255 233 182 / 0.3);
}

._2943507f7a776c9d-title{
	margin-bottom:0.5rem;
	flex-shrink:0;
	font-weight:650;
	font-size:0.875rem;
	line-height:1.25;
	color:rgb(255 240 213);
}

._2943507f7a776c9d-description{
	min-height:0;
	font-size:0.76rem;
	line-height:1.58;
	color:rgb(201 185 151);
}

.acdda4fdab996e2b-section{
	position:relative;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	gap:1.1rem;
	padding:1.1rem;
	border-radius:1.1rem;
	border:1px solid rgb(198 154 70 / 0.36);
	background:radial-gradient(circle at 88% -6%, rgb(214 173 88 / 0.22), transparent 40%), radial-gradient(circle at 10% 102%, rgb(111 80 35 / 0.2), transparent 46%), linear-gradient(158deg, rgb(16 16 18 / 0.98), rgb(7 7 8 / 0.99));
	box-shadow:0 26px 52px rgb(0 0 0 / 0.5), inset 0 1px 0 rgb(255 232 181 / 0.16), inset 0 -1px 0 rgb(255 196 104 / 0.08);
}

.acdda4fdab996e2b-section::before{
	content:'';
	position:absolute;
	inset:0;
	background:repeating-linear-gradient(
			118deg,
			transparent 0,
			transparent 12px,
			rgb(255 206 116 / 0.035) 12px,
			rgb(255 206 116 / 0.035) 13px
		);
	pointer-events:none;
	mix-blend-mode:screen;
}

.acdda4fdab996e2b-benefitsGrid{
	margin-top:0.35rem;
	display:grid;
	min-height:0;
	grid-template-columns:1fr;
	grid-gap:0.86rem;
	gap:0.86rem;
}

@media (min-width: 768px){
	.acdda4fdab996e2b-benefitsGrid{
		grid-template-columns:repeat(2, 1fr);
	}
}

@media (min-width: 1024px){
	.acdda4fdab996e2b-benefitsGrid{
		grid-template-columns:repeat(4, 1fr);
	}
}

.acdda4fdab996e2b-benefitIcon{
	height:1.25rem;
	width:1.25rem;
	color:rgb(255 233 183);
}

.acdda4fdab996e2b-ctaContainer{
	margin-top:1rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
}

.acdda4fdab996e2b-ctaButton{
	position:relative;
	overflow:hidden;
	padding-left:2rem;
	padding-right:2rem;
	padding-top:0.75rem;
	padding-bottom:0.75rem;
	font-weight:750;
	font-size:1rem;
	line-height:1.5rem;
	border:none !important;
	background:linear-gradient(142deg, rgb(34 29 20 / 0.98), rgb(86 60 24 / 0.96)) !important;
	color:rgb(255 241 216) !important;
	box-shadow:0 10px 22px rgb(72 48 20 / 0.34), inset 0 0 0 1px rgb(255 222 162 / 0.14);
	transition:transform 180ms ease, box-shadow 180ms ease, -webkit-filter 180ms ease;
	transition:transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
	transition:transform 180ms ease, box-shadow 180ms ease, filter 180ms ease, -webkit-filter 180ms ease;
	animation:acdda4fdab996e2b-ctaVisionaryGlow 3.2s ease-in-out infinite;
}

.acdda4fdab996e2b-ctaButton::after{
	content:'';
	position:absolute;
	inset:0.08rem;
	border-radius:inherit;
	border:1px solid rgb(255 219 150 / 0.22);
	pointer-events:none;
}

@media (hover: hover) and (pointer: fine){
	.acdda4fdab996e2b-ctaButton:hover{
		transform:translateY(-1px);
		box-shadow:0 14px 24px rgb(92 60 22 / 0.42), inset 0 0 0 1px rgb(255 218 145 / 0.2);
		-webkit-filter:brightness(1.06);
		        filter:brightness(1.06);
	}
}

.acdda4fdab996e2b-ctaIcon{
	margin-right:0.5rem;
	height:1.25rem;
	width:1.25rem;
}

.acdda4fdab996e2b-disclaimer{
	text-align:center;
	font-size:0.75rem;
	line-height:1rem;
	color:rgb(199 181 140);
}

@keyframes acdda4fdab996e2b-ctaVisionaryGlow{
	0%,
	100%{
		box-shadow:0 10px 22px rgb(72 48 20 / 0.34), inset 0 0 0 1px rgb(255 222 162 / 0.14);
	}
	50%{
		box-shadow:0 12px 24px rgb(88 56 22 / 0.4), inset 0 0 0 1px rgb(255 232 176 / 0.2);
	}
}

@media (prefers-reduced-motion: reduce){
	.acdda4fdab996e2b-ctaButton{
		animation:none;
	}
}

.f7659a7a55f4e032-premiumModalRoot{
	--brand-primary:#7b4df4;
	--brand-secondary:#936eff;
	--brand-primary-fill:#fff;
	--button-inverted-fill:#efe6ff;
	--button-inverted-text:#5f34d8;
	--button-secondary-text:#eadfff;
	--button-secondary-active-text:#f6efff;
	--button-secondary-active-fill:rgb(118 83 236 / 0.34);
	--background-tertiary:rgb(54 36 115 / 0.36);
	border:none !important;
	background:linear-gradient(180deg, rgb(20 16 40 / 0.96), rgb(13 11 28 / 0.98)) !important;
	box-shadow:0 14px 24px rgb(7 5 18 / 0.34), inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
}

.f7659a7a55f4e032-premiumModalRoot > div:first-child:not([aria-hidden='true']),
.f7659a7a55f4e032-premiumModalRoot > div[aria-hidden='true'] + div{
	background:radial-gradient(circle at 14% -80%, rgb(161 126 255 / 0.34), transparent 60%), linear-gradient(180deg, rgb(30 25 58 / 0.92), rgb(20 17 40 / 0.9)) !important;
	border-bottom:none;
}

.f7659a7a55f4e032-premiumModalRoot > div:first-child:not([aria-hidden='true']) h3,
.f7659a7a55f4e032-premiumModalRoot > div[aria-hidden='true'] + div h3{
	color:rgb(244 240 255);
	font-family:'Space Grotesk', 'Avenir Next', 'Segoe UI', sans-serif;
	letter-spacing:0.01em;
}

.f7659a7a55f4e032-premiumModalRoot > div[aria-hidden='true']{
	opacity:0;
}

.f7659a7a55f4e032-premiumModalRoot > div[aria-hidden='true'] > span{
	background:transparent;
}

.f7659a7a55f4e032-contentContainer{
	position:relative;
	padding:20px 20px 24px;
	border-radius:1.05rem;
	border:none;
	background:radial-gradient(circle at 18% -8%, rgb(165 126 255 / 0.26), transparent 40%), radial-gradient(circle at 88% 22%, rgb(95 183 255 / 0.14), transparent 36%), linear-gradient(180deg, rgb(22 18 42 / 0.92), rgb(15 13 31 / 0.96));
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.05), 0 10px 20px rgb(7 5 18 / 0.24);
	overflow:hidden;
	flex-shrink:0;
	isolation:isolate;
}

.f7659a7a55f4e032-contentContainer::before,
.f7659a7a55f4e032-contentContainer::after{
	content:'';
	position:absolute;
	inset:0;
	pointer-events:none;
	z-index:-1;
}

.f7659a7a55f4e032-contentContainer::before{
	background-image:radial-gradient(circle at 12% 22%, rgb(255 255 255 / 0.48) 0 1px, transparent 1.3px), radial-gradient(circle at 33% 64%, rgb(194 212 255 / 0.28) 0 1px, transparent 1.4px), radial-gradient(circle at 71% 28%, rgb(202 174 255 / 0.42) 0 1.1px, transparent 1.4px), radial-gradient(circle at 87% 76%, rgb(255 255 255 / 0.28) 0 0.9px, transparent 1.3px);
	background-size:210px 150px, 240px 180px, 230px 170px, 260px 190px;
	background-position:0 0, 60px 24px, 120px 80px, -20px 92px;
	opacity:0.36;
}

.f7659a7a55f4e032-contentContainer::after{
	content:none;
}

@media screen and (min-width: 768px){
	.f7659a7a55f4e032-contentContainer{
		padding:20px 24px 28px;
	}
}

._42605ea7294677d1-container{
	position:absolute;
	right:0.5rem;
	bottom:0.5rem;
}

._9ea94d2c540b8a52-messageInput{
	scrollbar-width:none;
}

._9ea94d2c540b8a52-messageInput::-webkit-scrollbar{
	display:none;
}

._9ea94d2c540b8a52-channelIcon{
	width:28px;
	height:28px;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

._9ea94d2c540b8a52-avatar{
	width:32px;
	height:32px;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	overflow:visible;
}

._9ea94d2c540b8a52-modalContent{
	display:flex;
	min-height:0;
	flex-direction:column;
	gap:0;
	padding:0;
}

._9ea94d2c540b8a52-headerSearch{
	margin-top:var(--spacing-3);
	width:100%;
}

._9ea94d2c540b8a52-channelListContainer{
	max-height:320px;
	flex-shrink:0;
	padding:0 var(--spacing-4);
}

._9ea94d2c540b8a52-scrollerFullHeight{
	height:100%;
	padding:0;
}

._9ea94d2c540b8a52-noChannelsContainer{
	display:flex;
	height:100%;
	align-items:center;
	justify-content:center;
	color:var(--text-secondary);
}

._9ea94d2c540b8a52-channelList{
	display:flex;
	flex-direction:column;
	gap:4px;
	padding-bottom:16px;
}

._9ea94d2c540b8a52-channelButton{
	display:flex;
	width:100%;
	min-width:0;
	height:48px;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	border-radius:var(--radius-md);
	padding:6px 10px;
	text-align:left;
	cursor:pointer;
}

._9ea94d2c540b8a52-channelButton:hover:not(:disabled){
	background-color:var(--background-modifier-accent);
}

._9ea94d2c540b8a52-channelButtonSelected{
	background-color:var(--background-modifier-accent);
}

._9ea94d2c540b8a52-channelButtonDisabled{
	cursor:not-allowed;
	opacity:0.5;
}

._9ea94d2c540b8a52-channelButtonContent{
	display:flex;
	min-width:0;
	flex:1;
	align-items:center;
	gap:12px;
}

._9ea94d2c540b8a52-channelInfo{
	display:flex;
	min-width:0;
	flex:1;
	flex-direction:column;
	justify-content:center;
}

._9ea94d2c540b8a52-channelName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:500;
	font-size:14px;
	color:var(--text-primary);
	line-height:1.4;
	max-height:1.4em;
}

._9ea94d2c540b8a52-channelDetails{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--text-tertiary);
	font-size:12px;
	line-height:1.4;
	max-height:1.4em;
}

._9ea94d2c540b8a52-checkboxContainer{
	flex-shrink:0;
	pointer-events:none;
}

._9ea94d2c540b8a52-channelButton:hover:not(:disabled) ._9ea94d2c540b8a52-checkboxContainer{
	-webkit-filter:brightness(1.3);
	        filter:brightness(1.3);
}

._9ea94d2c540b8a52-inputAreaContainer{
	position:relative;
	width:100%;
	flex-shrink:0;
	padding:12px 16px;
}

._9ea94d2c540b8a52-messageInputContainer{
	position:relative;
	width:100%;
	border-radius:6px;
	background-color:var(--background-textarea);
}

._9ea94d2c540b8a52-messageInputBase{
	position:relative;
	display:flex;
	height:100%;
	max-height:80px;
	min-height:44px;
	width:100%;
	resize:none;
	overflow-x:hidden;
	overflow-y:scroll;
	white-space:pre-wrap;
	overflow-wrap:anywhere;
	word-wrap:break-word;
	word-break:break-word;
	border-radius:6px;
	background-color:transparent;
	padding:11px 52px 11px 11px;
	color:var(--text-chat);
	line-height:1.375rem;
	caret-color:var(--text-chat);
}

._9ea94d2c540b8a52-messageInputActions{
	position:absolute;
	top:0;
	right:0;
}

._9ea94d2c540b8a52-emojiPickerButton{
	display:flex;
	height:44px;
	width:auto;
	align-items:center;
	justify-content:center;
	padding:0 12px;
	transition:color 0.2s ease;
	color:var(--text-chat-muted);
	cursor:pointer;
}

._9ea94d2c540b8a52-emojiPickerButton:hover{
	color:var(--text-chat);
}

._9ea94d2c540b8a52-emojiPickerButtonActive{
	color:var(--text-primary);
}

._9ea94d2c540b8a52-modalFooter{
	display:flex;
	flex-direction:row;
	gap:8px;
	width:100%;
}

._9ea94d2c540b8a52-footerButton{
	flex:1;
}

._9ea94d2c540b8a52-searchInput{
	height:44px;
	background-color:var(--background-textarea);
	width:100%;
}

._9ea94d2c540b8a52-headerSearchInput{
	width:100%;
}

._9ea94d2c540b8a52-searchIcon{
	height:1.25rem;
	width:1.25rem;
}

._9ea94d2c540b8a52-emojiIcon{
	height:1.5rem;
	width:1.5rem;
}

._9ea94d2c540b8a52-mobileForwardingRoot{
	position:relative;
}

._9ea94d2c540b8a52-inputAreaForwarding{
	animation:_9ea94d2c540b8a52-mobileForwardInputLift 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

._9ea94d2c540b8a52-forwardingSelectedChannel{
	animation:_9ea94d2c540b8a52-mobileForwardChannelPulse 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

._9ea94d2c540b8a52-forwardSubmitButtonBusy{
	animation:_9ea94d2c540b8a52-mobileForwardSendPulse 600ms cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

@keyframes _9ea94d2c540b8a52-mobileForwardInputLift{
	0%{
		transform:translateY(0) scale(1);
		-webkit-filter:saturate(100%);
		        filter:saturate(100%);
	}

	35%{
		transform:translateY(-2px) scale(1.01);
		-webkit-filter:saturate(118%);
		        filter:saturate(118%);
	}

	100%{
		transform:translateY(0) scale(1);
		-webkit-filter:saturate(100%);
		        filter:saturate(100%);
	}
}

@keyframes _9ea94d2c540b8a52-mobileForwardChannelPulse{
	0%{
		transform:translateX(0);
	}

	40%{
		transform:translateX(3px);
	}

	100%{
		transform:translateX(0);
	}
}

@keyframes _9ea94d2c540b8a52-mobileForwardSendPulse{
	0%{
		transform:scale(1);
	}

	50%{
		transform:scale(0.98);
	}

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

@media (prefers-reduced-motion: reduce){
	._9ea94d2c540b8a52-inputAreaForwarding,
	._9ea94d2c540b8a52-forwardingSelectedChannel,
	._9ea94d2c540b8a52-forwardSubmitButtonBusy{
		animation:none;
	}
}

._6a7dd85f204cab2e-quickReactionWrapper{
	padding:1rem;
	padding-bottom:0;
}

._6a7dd85f204cab2e-quickReactionRow{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	padding-bottom:0.75rem;
}

._6a7dd85f204cab2e-quickReactionButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:3rem;
	width:3rem;
	border-radius:9999px;
	background-color:var(--background-modifier-hover);
	transition:background-color 0.15s ease;
	cursor:pointer;
}

._6a7dd85f204cab2e-quickReactionButton:hover{
	background-color:var(--background-modifier-selected);
}

._6a7dd85f204cab2e-quickReactionEmoji{
	height:2rem;
	width:2rem;
}

span._6a7dd85f204cab2e-quickReactionEmoji{
	font-size:2rem;
	line-height:1;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

._6a7dd85f204cab2e-addReactionIcon{
	height:1.5rem;
	width:1.5rem;
}

@media (max-width: 380px){
	._6a7dd85f204cab2e-quickReactionWrapper{
		padding:0.75rem 0.5rem 0;
	}

	._6a7dd85f204cab2e-quickReactionRow{
		gap:clamp(0.25rem, 2vw, 0.4rem);
	}

	._6a7dd85f204cab2e-quickReactionButton{
		width:clamp(2.5rem, 13vw, 2.8rem);
		height:clamp(2.5rem, 13vw, 2.8rem);
	}

	._6a7dd85f204cab2e-quickReactionEmoji{
		width:1.7rem;
		height:1.7rem;
	}

	span._6a7dd85f204cab2e-quickReactionEmoji{
		font-size:1.7rem;
	}
}

._3419e6198fdb8897-reactionsGrid{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding-top:0.25rem;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

._3419e6198fdb8897-reactionContainer{
	position:relative;
	border-radius:0.5rem;
	margin-bottom:0;
	-webkit-margin-end:0.25rem;
	        margin-inline-end:0.25rem;
}

._3419e6198fdb8897-reactionButton{
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	background:var(--background-secondary);
	border:1px solid transparent;
	border-radius:0.5rem;
	cursor:pointer;
	padding:0;
	transition:background-color 0.1s ease, border-color 0.1s ease;
	color:var(--text-tertiary);
}

._3419e6198fdb8897-reactionButtonAddFeedback{
	animation:_3419e6198fdb8897-reactionAddFeedback 360ms cubic-bezier(0.2, 0.9, 0.25, 1);
}

._3419e6198fdb8897-reactionButton:hover{
	background-color:var(--background-modifier-hover);
	border-color:var(--background-modifier-accent);
}

._3419e6198fdb8897-reactionMe ._3419e6198fdb8897-reactionButton{
	background-color:color-mix(in srgb, var(--brand-primary) 36%, var(--background-secondary) 64%);
	border-color:var(--brand-primary);
	color:var(--text-on-brand-primary);
}

._3419e6198fdb8897-reactionMe ._3419e6198fdb8897-reactionButton:hover{
	background-color:color-mix(in srgb, var(--brand-primary) 48%, var(--background-secondary) 52%);
	border-color:var(--brand-primary);
}

._3419e6198fdb8897-reactionInner{
	display:flex;
	align-items:center;
	padding:0.125rem 0.375rem;
}
@media (pointer: coarse){
	._3419e6198fdb8897-reactionInner{
		padding:0.5rem 0.75rem;
		min-height:36px;
	}
	._3419e6198fdb8897-reactionButton{
		-webkit-margin-end:0.25rem;
		        margin-inline-end:0.25rem;
	}
}

._3419e6198fdb8897-emoji{
	height:1.25rem;
	width:1.25rem;
	margin:0.125rem 0;
	min-height:auto;
	min-width:auto;
	object-fit:contain;
	display:block;
	flex-shrink:0;
}

span._3419e6198fdb8897-emoji{
	font-size:1.25rem;
	line-height:1;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
	display:flex;
	align-items:center;
	justify-content:center;
}

._3419e6198fdb8897-countWrapper{
	color:var(--text-tertiary);
	font-weight:600;
	min-width:12px;
	line-height:1;
	position:relative;
	overflow:hidden;
	height:1rem;
	-webkit-margin-start:0.375rem;
	        margin-inline-start:0.375rem;
	text-align:center;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

._3419e6198fdb8897-reactionMe ._3419e6198fdb8897-countWrapper{
	color:var(--text-on-brand-primary);
}

.theme-light ._3419e6198fdb8897-reactionButton{
	background-color:color-mix(in srgb, var(--brand-primary-light) 6%, var(--background-secondary) 94%);
	border-color:color-mix(in srgb, var(--brand-primary-light) 10%, var(--background-secondary) 90%);
	color:var(--text-primary);
}

.theme-light ._3419e6198fdb8897-reactionButton:hover{
	background-color:color-mix(in srgb, var(--brand-primary-light) 8%, var(--background-secondary) 92%);
	border-color:color-mix(in srgb, var(--brand-primary) 12%, var(--background-secondary) 88%);
}

.theme-light ._3419e6198fdb8897-reactionMe ._3419e6198fdb8897-reactionButton{
	background-color:color-mix(in srgb, var(--brand-primary) 12%, var(--background-primary) 88%);
	border-color:color-mix(in srgb, var(--brand-primary) 45%, transparent 55%);
	color:var(--brand-primary);
}

.theme-light ._3419e6198fdb8897-reactionMe ._3419e6198fdb8897-reactionButton:hover{
	background-color:color-mix(in srgb, var(--brand-primary) 18%, var(--background-primary) 82%);
	border-color:var(--brand-primary);
}

.theme-light ._3419e6198fdb8897-reactionMe ._3419e6198fdb8897-countWrapper{
	color:var(--brand-primary);
}

._3419e6198fdb8897-addReactionButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:auto;
	padding:0.25rem 0.375rem;
	border-radius:0.5rem;
	background:transparent;
	border:none;
	color:var(--text-tertiary);
	cursor:pointer;
	transition:background-color 0.1s ease, color 0.1s ease;
}

._3419e6198fdb8897-addReactionButton:hover,
._3419e6198fdb8897-addReactionButtonActive{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

@keyframes _3419e6198fdb8897-reactionAddFeedback{
	0%{
		transform:translateX(0) scale(1);
	}

	20%{
		transform:translateX(-1px) rotate(-1.6deg) scale(1.04);
	}

	42%{
		transform:translateX(1.25px) rotate(1.45deg) scale(1.02);
	}

	64%{
		transform:translateX(-0.75px) rotate(-0.85deg);
	}

	100%{
		transform:translateX(0) rotate(0deg) scale(1);
	}
}

._6bb997c9021911c0-modalRoot{
	
	width:580px;
	max-width:min(580px, calc(100vw - 32px));
	min-height:420px;
	height:440px;
	max-height:min(480px, calc(100svh - 96px));
	border-radius:0.8rem;
	padding:0;
	overflow:hidden;
	background:color-mix(in srgb, var(--background-primary) 96%, var(--background-secondary) 4%);
}

@media screen and (max-width: 720px){
	._6bb997c9021911c0-modalRoot{
		width:min(100%, calc(100vw - 32px));
		min-height:360px;
		height:auto;
		max-height:calc(100svh - 48px);
	}
}

@media screen and (max-width: 480px){
	._6bb997c9021911c0-modalRoot{
		width:calc(100vw - 16px);
		max-width:calc(100vw - 16px);
		max-height:calc(100svh - 24px);
		border-radius:0.875rem;
	}

	._6bb997c9021911c0-modalLayout{
		grid-template-columns:minmax(0, 1fr);
		grid-template-rows:auto minmax(0, 1fr);
	}

	._6bb997c9021911c0-sidebar{
		width:100%;
		min-width:0;
		height:auto;
	}

	._6bb997c9021911c0-reactionFiltersPane,
	._6bb997c9021911c0-sidebarScroller{
		height:auto;
	}

	._6bb997c9021911c0-scrollerPadding{
		flex-direction:row;
		align-items:stretch;
		overflow-x:auto;
		padding:0.4rem;
	}

	._6bb997c9021911c0-reactionFilterButtonContainer{
		flex:0 0 4.5rem;
		margin:0;
	}

	._6bb997c9021911c0-reactionListContainer{
		min-height:0;
		padding:0 0.4rem 0.4rem;
	}
}

._6bb997c9021911c0-modalContent{
	height:100%;
	padding:0;
	overflow:hidden;
}

._6bb997c9021911c0-modalLayout{
	display:grid;
	grid-template-columns:96px minmax(0, 1fr);
	width:100%;
	height:100%;
	min-height:0;
	background:var(--background-primary);
}

._6bb997c9021911c0-sidebar{
	display:flex;
	flex-direction:column;
	background:color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
	border-right:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
	height:100%;
	min-height:0;
	width:96px;
	min-width:96px;
}

._6bb997c9021911c0-reactionFiltersPane{
	flex:1;
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
	padding:0;
}

._6bb997c9021911c0-scrollerPadding{
	padding:0.35rem 0.35rem 0.45rem 0.35rem;
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	align-items:center;
}

._6bb997c9021911c0-sidebarScroller{
	height:100%;
	min-height:0;
}

._6bb997c9021911c0-reactionFilterButtonContainer{
	display:flex;
	justify-content:center;
	width:100%;
	margin-bottom:0.25rem;
}

._6bb997c9021911c0-reactionFilterButton{
	width:100%;
	padding:0;
	border-radius:0.6rem;
	background:transparent;
	border:none;
	color:inherit;
	transition:color 0.15s ease, transform 0.15s ease;
}

._6bb997c9021911c0-reactionFilterButtonIdle{
	cursor:pointer;
}

._6bb997c9021911c0-reactionFilterButtonIdle:hover{
	transform:translateY(-1px);
}

._6bb997c9021911c0-reactionFilterButtonSelected{
	box-shadow:none;
	background-color:color-mix(in srgb, var(--brand-primary) 12%, var(--background-modifier-hover) 88%);
	transform:none;
}

._6bb997c9021911c0-reactionEmoji{
	width:24px;
	height:16px;
	object-fit:contain;
}

._6bb997c9021911c0-reactionCount{
	font-weight:600;
	font-size:0.75rem;
	color:inherit;
	line-height:1;
	margin-left:auto;
}

._6bb997c9021911c0-noReactionsContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:1rem;
	color:var(--text-primary-muted);
	min-height:0;
}

._6bb997c9021911c0-noReactionsText{
	font-size:0.875rem;
}

._6bb997c9021911c0-reactionListContainer{
	display:flex;
	flex-direction:column;
	flex:1;
	min-width:0;
	padding:0.45rem;
	padding-top:0;
	background:transparent;
}

._6bb997c9021911c0-reactionListPanel{
	display:flex;
	flex:1;
	flex-direction:column;
	background:color-mix(in srgb, var(--background-secondary-lighter) 68%, transparent);
	border-radius:0.65rem;
	padding:0.2rem 0;
	overflow:hidden;
	border:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
}

._6bb997c9021911c0-scrollerColumn{
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
}

._6bb997c9021911c0-reactorScroller{
	height:100%;
	min-height:0;
}

._6bb997c9021911c0-reactorItem{
	display:flex;
	align-items:center;
	gap:0.4rem;
	padding:0.55rem 0.85rem;
	min-height:44px;
}

._6bb997c9021911c0-reactorItemBorder{
	border-top:1px solid color-mix(in srgb, var(--text-primary) 5%, transparent);
}

._6bb997c9021911c0-reactorInfo{
	margin-left:0.35rem;
	display:flex;
	flex:1 1 auto;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	gap:0.4rem;
	overflow:hidden;
}

._6bb997c9021911c0-reactorName{
	font-size:0.95rem;
	color:var(--text-chat);
	font-weight:600;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:180px;
	margin-top:-2px;
}

._6bb997c9021911c0-reactorTag{
	font-size:0.75rem;
	color:var(--text-chat-muted);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:120px;
}

._6bb997c9021911c0-removeReactionButton{
	margin-left:0.5rem;
	flex:none;
	color:var(--text-chat-muted);
	cursor:pointer;
	background:transparent;
	border:none;
	padding:0;
}

._6bb997c9021911c0-removeReactionButton:hover{
	color:var(--text-chat);
}

._6bb997c9021911c0-removeReactionIcon{
	height:1rem;
	width:1rem;
}

._6bb997c9021911c0-loadingContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:100%;
	padding:1rem;
	gap:1rem;
}

._6bb997c9021911c0-srOnly{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border-width:0;
}

.c07a4287f32b6176-container{
	position:relative;
}

.c07a4287f32b6176-hiddenSpacer{
	position:absolute;
	z-index:-1;
	display:inline-block;
	font-style:normal;
	opacity:0;
}

._14a71f3ca8aed59f-iconMedium{
	height:16px;
	width:16px;
}

._14a71f3ca8aed59f-noteButtonContainer{
	transition:opacity 0.2s ease-in-out;
	opacity:0;
	pointer-events:none;
}

._14a71f3ca8aed59f-noteButtonContainerVisible{
	opacity:1;
	pointer-events:auto;
}

._14a71f3ca8aed59f-noteButton{
	color:color-mix(in srgb, var(--brand-primary) 82%, var(--text-primary));
}

._14a71f3ca8aed59f-noteTooltipContent{
	max-width:13rem;
	text-align:center;
}

._14a71f3ca8aed59f-copyIdButtonContainer{
	transition:opacity 0.2s ease-in-out;
	opacity:0;
	pointer-events:none;
}

._14a71f3ca8aed59f-copyIdButtonContainerVisible{
	opacity:1;
	pointer-events:auto;
}

._14a71f3ca8aed59f-copyIdButton{
	color:color-mix(in srgb, var(--text-secondary) 88%, var(--text-primary));
}

._14a71f3ca8aed59f-actionButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:1.95rem;
	height:1.95rem;
	border:1px solid color-mix(in srgb, var(--background-modifier-accent) 75%, transparent);
	border-radius:0.7rem;
	background:color-mix(in srgb, var(--background-floating) 78%, transparent);
	cursor:pointer;
	padding:0;
	transition:transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

._14a71f3ca8aed59f-actionButton:hover{
	transform:translateY(-1px);
	background:color-mix(in srgb, var(--background-floating) 92%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 26%, transparent);
}

._14a71f3ca8aed59f-actionButton:active{
	transform:translateY(0);
}

.fbcdcf5c2833e383-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:var(--system-message-icon-size);
	height:var(--system-message-icon-size);
}

.fbcdcf5c2833e383-iconActive{
	color:rgb(34 197 94);
}

@supports (color: rgb(0 0 0 / 0)){
.fbcdcf5c2833e383-iconActive{
	color:var(--status-online, rgb(34 197 94));
}
}

.fbcdcf5c2833e383-iconEnded{
	color:rgb(34 197 94);
}

@supports (color: rgb(0 0 0 / 0)){
.fbcdcf5c2833e383-iconEnded{
	color:var(--status-online, rgb(34 197 94));
}
}

.fbcdcf5c2833e383-iconMissed{
	color:var(--text-tertiary-muted);
	transform:scaleX(-1);
}

.fbcdcf5c2833e383-callLink{
	background:none;
	border:none;
	padding:0;
	font:inherit;
	color:var(--text-link);
	text-decoration:none;
	font-weight:500;
	cursor:pointer;
}

.fbcdcf5c2833e383-callLink:hover,
.fbcdcf5c2833e383-callLink:focus-visible{
	text-decoration:underline;
}

.fbcdcf5c2833e383-separator{
	color:var(--text-tertiary-muted);
}

._375ac316c63833b0-icon{
	color:rgb(34 197 94);
}

._8a237a97ddf2386e-icon{
	color:rgb(34 197 94);
}

.ea44565a41d507a1-icon{
	color:rgb(239 68 68);
}

._3897377b4f002b85-tooltipContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:6px;
}

._3897377b4f002b85-label{
	color:var(--text-primary);
}

._3897377b4f002b85-keybindHint{
	display:inline-flex;
	align-items:center;
	gap:2px;
}

._3897377b4f002b85-key{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:20px;
	height:20px;
	padding:0 5px;
	border-radius:4px;
	background-color:var(--background-secondary);
	color:var(--text-secondary);
	font-family:inherit;
	font-size:11px;
	font-weight:600;
	line-height:1;
	text-transform:uppercase;
}

._3897377b4f002b85-keySymbol{
	
	font-size:13px;
	min-width:22px;
}

.theme-light ._3897377b4f002b85-key,
.theme-light ._3897377b4f002b85-keySymbol{
	background-color:hsl(0, 0%, 18%);
	color:var(--text-on-brand-primary);
}

._33e92ab45610e91c-button{
	display:flex;
	align-items:center;
	justify-content:center;
	align-self:flex-start;
	min-width:var(--textarea-button-height);
	height:var(--textarea-button-height);
	padding:0;
	color:var(--text-primary-muted);
	border-radius:0.62rem;
	transition:color 160ms ease, background-color 160ms ease, transform 100ms ease;
	transition:color var(--motion-dur-short, 160ms) var(--motion-ease-snap, ease), background-color var(--motion-dur-short, 160ms) var(--motion-ease-snap, ease), transform var(--motion-dur-instant, 100ms) var(--motion-ease-snap, ease);
	cursor:pointer;
	background:transparent;
	border:none;
	outline:none;
	flex-shrink:0;
}

._33e92ab45610e91c-button:hover:not(:disabled){
	color:var(--text-primary);
	background:color-mix(in srgb, var(--background-modifier-hover) 78%, transparent);
}

._33e92ab45610e91c-button:disabled{
	cursor:not-allowed;
	opacity:0.7;
}

._33e92ab45610e91c-button._33e92ab45610e91c-selected{
	color:var(--text-primary);
	background:color-mix(in srgb, var(--brand-primary) 14%, var(--background-modifier-selected) 86%);
}

._33e92ab45610e91c-button:active:not(:disabled){
	transform:scale(0.97);
}

._33e92ab45610e91c-button:focus-visible{
	outline:none;
}

._33e92ab45610e91c-icon{
	width:var(--textarea-button-icon-size);
	height:var(--textarea-button-icon-size);
	flex-shrink:0;
}

._33e92ab45610e91c-buttonCompact{
	
	height:var(--textarea-button-compact-height);
	min-width:var(--textarea-button-compact-height);
}

._33e92ab45610e91c-buttonCompact ._33e92ab45610e91c-icon{
	width:var(--textarea-button-compact-icon-size);
	height:var(--textarea-button-compact-icon-size);
}

:root{
	--textarea-button-height:var(--user-area-content-height);
	--textarea-button-icon-size:26px;
	--textarea-button-padding-x:0;
	--textarea-button-min-width:auto;

	--textarea-button-compact-height:var(--user-area-content-height);
	--textarea-button-compact-icon-size:22px;

	--textarea-container-padding-y:0;
	--textarea-container-padding-x:0;
	--textarea-min-height:64px;
	--textarea-horizontal-padding:0.875rem;
	--textarea-content-offset:calc((var(--user-area-content-height) - var(--textarea-line-height)) / 2);
	--textarea-upload-gap:0.625rem;
	--textarea-side-button-padding:0.25rem;

	--textarea-line-height:1.375rem;
}

._27371bdb329d34ee-textareaContainer{
	position:relative;
	margin-top:0.5rem;
	background:transparent;
	border-radius:0.68rem;
}

._27371bdb329d34ee-textareaWrapper{
	display:grid;
	grid-template-columns:1fr auto;
	align-items:start;
	position:relative;
	min-height:64px;
	min-height:var(--textarea-min-height);
}

._27371bdb329d34ee-textareaContent{
	grid-column:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:16px;
	min-height:64px;
	min-height:var(--textarea-min-height);
}

._27371bdb329d34ee-editingButtonContainer{
	grid-column:2;
	display:flex;
	align-items:stretch;
	padding-right:16px;
	height:64px;
	height:var(--textarea-min-height);
}

._27371bdb329d34ee-textarea{
	width:100%;
	resize:none;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:auto;
	white-space:pre-wrap;
	overflow-wrap:anywhere;
	word-wrap:break-word;
	word-break:break-word;
	background-color:transparent;
	color:var(--text-chat);
	line-height:1.375rem;
	line-height:var(--textarea-line-height);
	caret-color:var(--text-chat);
	scrollbar-gutter:stable;
	padding:0;
	margin:0;
	border:none;
	outline:none;
	font-family:var(--font-sans), sans-serif;
	font-variant-emoji:text;
	-webkit-font-feature-settings:lining-nums tabular-nums, "kern" off, none;
	        font-feature-settings:lining-nums tabular-nums, "kern" off, none;
	font-variant-numeric:lining-nums tabular-nums;
	font-size:inherit;
	letter-spacing:0.002em;
	-webkit-font-kerning:none;
	        font-kerning:none;
	-webkit-font-variant-ligatures:none;
	        font-variant-ligatures:none;
	position:relative;
	z-index:1;
}

._27371bdb329d34ee-textareaVoiceHidden{
	opacity:0;
	pointer-events:none;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
	caret-color:transparent;
}

._27371bdb329d34ee-textareaWithVisualOverlay{
	color:transparent;
	-webkit-text-fill-color:transparent;
}

._27371bdb329d34ee-textarea._27371bdb329d34ee-textareaWithVisualOverlay::-moz-selection{
	color:transparent !important;
	-webkit-text-fill-color:transparent !important;
}

._27371bdb329d34ee-textarea._27371bdb329d34ee-textareaWithVisualOverlay::selection{
	color:transparent !important;
	-webkit-text-fill-color:transparent !important;
}

._27371bdb329d34ee-textarea._27371bdb329d34ee-textareaWithVisualOverlay::-moz-selection{
	color:transparent !important;
}

._27371bdb329d34ee-textareaVisualLayer{
	position:relative;
	width:100%;
	min-width:0;
	overflow:hidden;
}

._27371bdb329d34ee-textareaOverlay{
	position:absolute;
	inset:0;
	pointer-events:none;
	z-index:0;
	box-sizing:border-box;
	padding-right:0px;
	padding-right:var(--textarea-overlay-scrollbar, 0px);
	scrollbar-gutter:stable;
	white-space:pre-wrap;
	overflow-wrap:anywhere;
	word-wrap:break-word;
	word-break:break-word;
	color:var(--text-chat);
	line-height:1.375rem;
	line-height:var(--textarea-line-height);
	font-family:var(--font-sans), sans-serif;
	font-variant-emoji:text;
	-webkit-font-feature-settings:lining-nums tabular-nums, "kern" off, none;
	        font-feature-settings:lining-nums tabular-nums, "kern" off, none;
	font-variant-numeric:lining-nums tabular-nums;
	font-size:inherit;
	letter-spacing:0.002em;
	-webkit-font-kerning:none;
	        font-kerning:none;
	-webkit-font-variant-ligatures:none;
	        font-variant-ligatures:none;
}

._27371bdb329d34ee-voiceTypingOverlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	pointer-events:none;
	z-index:4;
	padding-right:0.25rem;
}

._27371bdb329d34ee-voiceTypingShell{
	display:grid;
	grid-template-columns:auto 1fr auto;
	align-items:center;
	grid-gap:0.65rem;
	gap:0.65rem;
	width:100%;
	min-height:2.1rem;
	border-radius:999px;
	padding:0.35rem 0.65rem;
	background:linear-gradient(
		120deg,
		color-mix(in srgb, var(--status-danger) 14%, transparent),
		color-mix(in srgb, var(--brand-primary) 16%, transparent),
		color-mix(in srgb, var(--status-online) 10%, transparent)
	);
	border:1px solid color-mix(in srgb, var(--brand-primary) 24%, transparent);
	box-shadow:inset 0 1px 0 color-mix(in srgb, #fff 20%, transparent), 0 4px 14px color-mix(in srgb, var(--brand-primary) 16%, transparent);
}

._27371bdb329d34ee-voiceTypingBadge{
	display:inline-flex;
	align-items:center;
	gap:0.4rem;
	font-size:0.68rem;
	font-weight:700;
	letter-spacing:0.08em;
	text-transform:uppercase;
	color:var(--text-primary);
	white-space:nowrap;
}

._27371bdb329d34ee-voiceTypingDot{
	width:0.5rem;
	height:0.5rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--status-danger) 82%, #fff 18%);
	box-shadow:0 0 0 4px color-mix(in srgb, var(--status-danger) 24%, transparent);
	animation:_27371bdb329d34ee-voiceTypingDotPulse 1.2s ease-in-out infinite;
}

._27371bdb329d34ee-voiceTypingWave{
	display:flex;
	align-items:center;
	gap:0.18rem;
	height:1.25rem;
	min-width:0;
}

._27371bdb329d34ee-voiceTypingWaveBar{
	width:0.2rem;
	min-height:0;
	border-radius:999px;
	background:linear-gradient(180deg, color-mix(in srgb, #fff 75%, var(--brand-primary) 25%), var(--brand-primary));
	box-shadow:0 0 12px color-mix(in srgb, var(--brand-primary) 32%, transparent);
	transition:height 90ms linear, opacity 90ms linear;
}

._27371bdb329d34ee-voiceTypingTimer{
	font-family:monospace;
	font-family:var(--font-mono, monospace);
	font-size:0.74rem;
	font-weight:700;
	letter-spacing:0.01em;
	color:var(--text-primary);
	white-space:nowrap;
}

._27371bdb329d34ee-textareaOverlayEmoji{
	position:relative;
	display:inline-block;
	line-height:1;
	vertical-align:-0.16em;
}

._27371bdb329d34ee-textareaOverlayEmojiMetrics{
	visibility:hidden;
	white-space:pre;
	pointer-events:none;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}

._27371bdb329d34ee-textareaOverlayEmojiImage{
	position:absolute;
	left:50%;
	top:50%;
	width:1.14em;
	height:1.14em;
	object-fit:contain;
	image-rendering:auto;
	transform:translate(-50%, -50%);
}

@supports (field-sizing: content){
	._27371bdb329d34ee-textarea{
		field-sizing:content;
	}
}

._27371bdb329d34ee-textarea:disabled{
	pointer-events:none;
}

._27371bdb329d34ee-textarea:focus-visible{
	outline:none;
}

._27371bdb329d34ee-textarea::-moz-selection{
	background:var(--text-selection);
	color:var(--text-chat);
}

._27371bdb329d34ee-textarea::selection{
	background:var(--text-selection);
	color:var(--text-chat);
}

._27371bdb329d34ee-textarea::-webkit-input-placeholder{
	color:var(--text-chat-muted);
	opacity:0.92;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._27371bdb329d34ee-textarea::-moz-placeholder{
	color:var(--text-chat-muted);
	opacity:0.92;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._27371bdb329d34ee-textarea::-ms-input-placeholder{
	color:var(--text-chat-muted);
	opacity:0.92;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._27371bdb329d34ee-textarea:-ms-input-placeholder{
	color:var(--text-chat-muted);
	opacity:0.92;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._27371bdb329d34ee-textarea::placeholder{
	color:var(--text-chat-muted);
	opacity:0.92;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._27371bdb329d34ee-buttonRow{
	display:flex;
	align-items:center;
	position:relative;
	border-color:var(--background-modifier-accent);
	padding:0.5rem 1rem;
	min-height:44px;
}

._27371bdb329d34ee-buttonRowTop{
	
	border-bottom-width:1px;
}

._27371bdb329d34ee-buttonRowBottom{
	
	border-top-width:1px;
}

._27371bdb329d34ee-buttonGroup{
	display:flex;
	align-items:center;
	gap:0.25rem;
}

._27371bdb329d34ee-buttonRowCompact{
	padding:0 0.75rem;
	min-height:32px;
	height:32px;
}

._27371bdb329d34ee-buttonRowCompact ._27371bdb329d34ee-buttonGroup{
	gap:0.125rem;
}

._27371bdb329d34ee-buttonGroupLeft{
	
}

._27371bdb329d34ee-buttonGroupCenter{
	
	flex:1;
	margin:0 0.5rem;
	overflow:hidden;
}

._27371bdb329d34ee-typingContainer{
	min-width:0;
	flex-shrink:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.8125rem;
	font-weight:500;
	line-height:1.25;
	color:var(--text-chat-muted);
}

._27371bdb329d34ee-buttonGroupRight{
	
}

._27371bdb329d34ee-divider{
	width:1px;
	height:1.5rem;
	background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--text-tertiary) 20%, transparent), transparent);
	margin:0 0.25rem;
	align-self:center;
}

._27371bdb329d34ee-utilityActionButton{
	background:transparent;
	border:1px solid transparent;
	border-radius:0.62rem;
	color:var(--text-secondary);
	transition:background-color 150ms ease, border-color 150ms ease, color 150ms ease, transform 100ms ease, box-shadow 150ms ease;
}

._27371bdb329d34ee-utilityActionButton:hover{
	background:color-mix(in srgb, var(--background-modifier-hover) 82%, transparent);
	border-color:transparent;
	color:var(--text-primary);
	box-shadow:none;
}

._27371bdb329d34ee-utilityActionButton:active{
	transform:scale(0.96);
}

._27371bdb329d34ee-textareaOuter{
	padding-left:0.875rem;
	padding-left:var(--textarea-horizontal-padding);
	padding-right:0.875rem;
	padding-right:var(--textarea-horizontal-padding);
	box-sizing:border-box;
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 4%, transparent);
}

._27371bdb329d34ee-mainWrapperDense{
	display:grid;
	grid-template-columns:auto 1fr auto;
	align-items:center;
	position:relative;
	min-height:64px;
	min-height:var(--textarea-min-height);
	box-sizing:border-box;
	padding:clamp(0.45rem, calc(var(--user-area-padding-y) - 0.375rem), 0.75rem) 0;
	grid-column-gap:0.625rem;
	grid-column-gap:var(--textarea-upload-gap);
	-moz-column-gap:0.625rem;
	     -webkit-column-gap:0.625rem;
	     column-gap:0.625rem;
	-moz-column-gap:var(--textarea-upload-gap);
	     -webkit-column-gap:var(--textarea-upload-gap);
	     column-gap:var(--textarea-upload-gap);
}

._27371bdb329d34ee-textareaFocusRing{
	border-radius:0.68rem;
}

._27371bdb329d34ee-mainWrapperEditing{
	display:flex;
	align-items:flex-start;
	gap:var(--spacing-3);
	padding:var(--spacing-2) var(--spacing-4);
	background:color-mix(in srgb, var(--background-textarea) 92%, var(--background-primary) 8%);
	border:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
	border-radius:0.68rem;
	transition:background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
	transition:background-color var(--motion-dur-short, 160ms) var(--motion-ease-snap, ease), border-color var(--motion-dur-short, 160ms) var(--motion-ease-snap, ease), box-shadow var(--motion-dur-short, 160ms) var(--motion-ease-snap, ease);
	--scrollbar-track-bg:transparent;
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 5%, transparent);
}

._27371bdb329d34ee-mainWrapperEditing:focus-within{
	border-color:color-mix(in srgb, var(--brand-primary) 32%, transparent);
	box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-primary) 16%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 7%, transparent);
}

._27371bdb329d34ee-mainWrapperComfy{
	display:flex;
	flex-direction:column;
	position:relative;
}

._27371bdb329d34ee-uploadButtonColumn{
	grid-column:1;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:var(--user-area-content-height);
}

._27371bdb329d34ee-sideButtonPadding{
	padding-inline:0.25rem;
	padding-inline:var(--textarea-side-button-padding);
}

._27371bdb329d34ee-contentAreaDense{
	grid-column:2;
	display:flex;
	flex-direction:column;
	min-height:var(--user-area-content-height);
	min-width:0;
	padding-top:max(0px, calc(var(--textarea-content-offset) - 1px));
}

._27371bdb329d34ee-contentAreaEditing{
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	padding-top:var(--textarea-content-offset);
}

._27371bdb329d34ee-contentAreaDense > *{
	flex:0 0 auto;
}

._27371bdb329d34ee-contentAreaComfy{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:16px;
	min-height:64px;
	min-height:var(--textarea-min-height);
}

._27371bdb329d34ee-buttonContainerDense{
	grid-column:3;
	display:flex;
	align-items:center;
	gap:0.5rem;
	min-height:var(--user-area-content-height);
}

._27371bdb329d34ee-voiceRecorderRoot{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2.5rem;
	height:2.5rem;
	z-index:5;
}

._27371bdb329d34ee-voiceLockDock{
	position:absolute;
	bottom:calc(100% + 0.6rem);
	right:-0.2rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0.42rem;
	border-radius:0.7rem;
	border:1px solid color-mix(in srgb, var(--brand-primary) 28%, transparent);
	background:color-mix(in srgb, var(--background-floating) 92%, var(--background-secondary) 8%);
	box-shadow:0 10px 24px rgba(0, 0, 0, 0.28);
	opacity:0;
	transform:translateY(10px) scale(0.96);
	pointer-events:none;
	transition:opacity 180ms ease, transform 180ms ease;
	z-index:7;
}

._27371bdb329d34ee-voiceLockDockVisible{
	opacity:1;
	transform:translateY(0) scale(1);
}

._27371bdb329d34ee-voiceLockDockLocked{
	border-color:color-mix(in srgb, var(--status-online) 42%, transparent);
}

._27371bdb329d34ee-voiceLockDockHeader{
	display:inline-flex;
	align-items:center;
	gap:0.35rem;
	color:var(--text-primary);
	font-size:0.66rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.04em;
	white-space:nowrap;
}

._27371bdb329d34ee-voiceLockDockGlyph{
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

._27371bdb329d34ee-voiceLockDockIcon{
	width:0.8rem;
	height:0.8rem;
	color:var(--status-online);
}

._27371bdb329d34ee-voiceLockDockLabel{
	white-space:nowrap;
}

._27371bdb329d34ee-voiceLockDockTimer{
	display:inline-flex;
	align-items:center;
	gap:0.3rem;
	color:var(--text-secondary);
	font-size:0.72rem;
	font-weight:700;
}

._27371bdb329d34ee-voiceLockDockTimerIcon{
	width:0.78rem;
	height:0.78rem;
}

._27371bdb329d34ee-voiceTrashHint{
	position:absolute;
	right:calc(100% + 0.55rem);
	top:50%;
	display:inline-flex;
	align-items:center;
	gap:0.35rem;
	padding:0.35rem 0.5rem;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	background:color-mix(in srgb, var(--background-floating) 90%, var(--background-secondary) 10%);
	font-size:0.66rem;
	font-weight:700;
	color:var(--text-secondary);
	white-space:nowrap;
	opacity:0;
	transform:translate(-8px, -50%) scale(0.95);
	pointer-events:none;
	transition:opacity 170ms ease, transform 170ms ease, border-color 170ms ease, color 170ms ease, background 170ms ease;
	z-index:7;
}

._27371bdb329d34ee-voiceTrashHintVisible{
	opacity:1;
	transform:translate(0, -50%) scale(1);
}

._27371bdb329d34ee-voiceTrashHintDanger{
	color:var(--status-danger);
	border-color:color-mix(in srgb, var(--status-danger) 44%, transparent);
	background:color-mix(in srgb, var(--status-danger) 12%, var(--background-floating) 88%);
}

._27371bdb329d34ee-voiceTrashHintIcon{
	width:0.82rem;
	height:0.82rem;
	transform:translateX(calc(0 * -6px));
	transform:translateX(calc(var(--voice-cancel-progress, 0) * -6px));
	transition:transform 90ms linear;
}

._27371bdb329d34ee-voiceRecorderButton{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2.2rem;
	height:2.2rem;
	border:none;
	border-radius:999px;
	background:color-mix(in srgb, var(--brand-primary) 78%, var(--background-primary) 22%);
	color:white;
	flex-shrink:0;
	overflow:visible;
	transform:translate(
			calc(0 * -30px),
			calc(0 * -18px + 0 * 18px)
		) scale(1);
	transform:translate(
			calc(var(--voice-cancel-progress, 0) * -30px),
			calc(var(--voice-lock-progress, 0) * -18px + var(--voice-locked-cancel-progress, 0) * 18px)
		) scale(1);
	transition:transform 160ms ease, background-color 160ms ease, box-shadow 160ms ease, -webkit-filter 160ms ease;
	transition:transform 160ms ease, filter 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
	transition:transform 160ms ease, filter 160ms ease, background-color 160ms ease, box-shadow 160ms ease, -webkit-filter 160ms ease;
	touch-action:none;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

._27371bdb329d34ee-voiceRecorderButton:hover{
	-webkit-filter:brightness(1.06);
	        filter:brightness(1.06);
}

._27371bdb329d34ee-voiceRecorderButtonActive{
	transform:translate(
			calc(0 * -30px),
			calc(0 * -18px + 0 * 18px)
		) scale(1.06);
	transform:translate(
			calc(var(--voice-cancel-progress, 0) * -30px),
			calc(var(--voice-lock-progress, 0) * -18px + var(--voice-locked-cancel-progress, 0) * 18px)
		) scale(1.06);
	background:color-mix(in srgb, var(--status-danger) 78%, var(--brand-primary) 22%);
	box-shadow:0 0 0 2px color-mix(in srgb, var(--status-danger) 26%, transparent), 0 8px 18px color-mix(in srgb, var(--status-danger) 30%, transparent);
}

._27371bdb329d34ee-voiceRecorderButtonDanger{
	background:color-mix(in srgb, var(--status-danger) 88%, var(--status-warning) 12%);
	box-shadow:0 0 0 2px color-mix(in srgb, var(--status-danger) 44%, transparent), 0 10px 22px color-mix(in srgb, var(--status-danger) 36%, transparent);
}

._27371bdb329d34ee-voicePulseRingOuter,
._27371bdb329d34ee-voicePulseRingInner{
	position:absolute;
	inset:50%;
	border-radius:50%;
	transform:translate(-50%, -50%) scale(1);
	pointer-events:none;
	opacity:0;
}

._27371bdb329d34ee-voiceRecorderButtonActive ._27371bdb329d34ee-voicePulseRingOuter{
	width:calc(2.2rem + 1.4rem);
	height:calc(2.2rem + 1.4rem);
	border:2px solid color-mix(in srgb, var(--status-danger) 42%, transparent);
	opacity:calc(0.25 + (0 * 0.45));
	opacity:calc(0.25 + (var(--voice-level, 0) * 0.45));
	animation:_27371bdb329d34ee-voice-pulse-outer 1.1s ease-out infinite;
}

._27371bdb329d34ee-voiceRecorderButtonActive ._27371bdb329d34ee-voicePulseRingInner{
	width:calc(2.2rem + 0.7rem);
	height:calc(2.2rem + 0.7rem);
	border:1.5px solid color-mix(in srgb, var(--status-danger) 55%, transparent);
	opacity:calc(0.35 + (0 * 0.5));
	opacity:calc(0.35 + (var(--voice-level, 0) * 0.5));
	animation:_27371bdb329d34ee-voice-pulse-inner 0.82s ease-out infinite;
}

._27371bdb329d34ee-voiceRecorderIcon{
	position:relative;
	z-index:2;
	width:1rem;
	height:1rem;
}

._27371bdb329d34ee-voiceRecorderIconSend{
	transform:translateX(1px) rotate(-8deg);
}

@keyframes _27371bdb329d34ee-voice-pulse-outer{
	0%{
		transform:translate(-50%, -50%) scale(0.92);
		opacity:calc(0.2 + (0 * 0.35));
		opacity:calc(0.2 + (var(--voice-level, 0) * 0.35));
	}
	100%{
		transform:translate(-50%, -50%) scale(calc(1.08 + (0 * 0.18)));
		transform:translate(-50%, -50%) scale(calc(1.08 + (var(--voice-level, 0) * 0.18)));
		opacity:0;
	}
}

@keyframes _27371bdb329d34ee-voice-pulse-inner{
	0%{
		transform:translate(-50%, -50%) scale(0.94);
		opacity:calc(0.26 + (0 * 0.36));
		opacity:calc(0.26 + (var(--voice-level, 0) * 0.36));
	}
	100%{
		transform:translate(-50%, -50%) scale(calc(1.05 + (0 * 0.12)));
		transform:translate(-50%, -50%) scale(calc(1.05 + (var(--voice-level, 0) * 0.12)));
		opacity:0;
	}
}

@keyframes _27371bdb329d34ee-voiceTypingDotPulse{
	0%,
	100%{
		transform:scale(1);
		opacity:0.85;
	}
	50%{
		transform:scale(1.22);
		opacity:1;
	}
}

._27371bdb329d34ee-buttonContainerEditing{
	display:flex;
	align-items:flex-start;
	justify-content:center;
}

._27371bdb329d34ee-footerArea{
	position:absolute;
	bottom:0;
	left:0.875rem;
	right:0.875rem;
	margin-left:0.25rem;
	display:flex;
	align-items:center;
	height:1.5rem;
	min-width:0;
	overflow:visible;
}

._27371bdb329d34ee-footerText{
	font-size:0.8125rem;
	font-weight:500;
	line-height:1.5rem;
	color:var(--text-chat-muted);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	min-width:0;
	flex-shrink:1;
}

._27371bdb329d34ee-footerAreaComfy{
	
	justify-content:flex-end;
}

._27371bdb329d34ee-slowmodeSpacing{
	margin:0 0.5rem;
}

._27371bdb329d34ee-layoutComfy ._27371bdb329d34ee-textareaWrapper,
._27371bdb329d34ee-layoutCompact ._27371bdb329d34ee-textareaWrapper{
	padding-left:1rem;
	padding-right:1rem;
}

@media (max-width: 767px){
	:root{
		--textarea-min-height:58px;
		--textarea-horizontal-padding:0.6875rem;
		--textarea-upload-gap:0.4375rem;
		--textarea-side-button-padding:0.1875rem;
	}

	._27371bdb329d34ee-mainWrapperDense{
		padding:0.4375rem 0;
	}

	._27371bdb329d34ee-buttonContainerDense{
		gap:0.3125rem;
	}

	._27371bdb329d34ee-textarea[data-native-mobile-textarea]{
		-webkit-touch-callout:none;
		font-size:max(1rem, 16px);
		touch-action:manipulation;
	}

	._27371bdb329d34ee-voiceLockDock{
		right:-0.25rem;
	}

	._27371bdb329d34ee-voiceTrashHint span{
		display:none;
	}

	._27371bdb329d34ee-footerArea{
		left:0.75rem;
		right:0.75rem;
	}
}

@media (max-width: 480px){
	:root{
		--textarea-min-height:56px;
		--textarea-horizontal-padding:0.625rem;
		--textarea-upload-gap:0.375rem;
		--textarea-side-button-padding:0.125rem;
	}

	._27371bdb329d34ee-mainWrapperDense{
		-moz-column-gap:0.375rem;
		     -webkit-column-gap:0.375rem;
		     column-gap:0.375rem;
		padding:0.375rem 0;
	}

	._27371bdb329d34ee-buttonContainerDense{
		gap:0.25rem;
	}

	._27371bdb329d34ee-voiceRecorderRoot{
		width:2.35rem;
		height:2.35rem;
	}

	._27371bdb329d34ee-voiceLockDock{
		padding:0.36rem;
	}

	._27371bdb329d34ee-voiceTrashHint{
		padding:0.3rem;
		right:calc(100% + 0.35rem);
	}

	._27371bdb329d34ee-contentAreaComfy,
	._27371bdb329d34ee-textareaContent{
		padding:12px;
	}

	._27371bdb329d34ee-buttonRow{
		padding-left:0.75rem;
		padding-right:0.75rem;
	}

	._27371bdb329d34ee-footerArea{
		left:0.625rem;
		right:0.625rem;
	}
}

._27371bdb329d34ee-layoutDense ._27371bdb329d34ee-textareaWrapper,
._27371bdb329d34ee-layoutDefault ._27371bdb329d34ee-textareaWrapper{
	padding-left:0;
	padding-left:var(--textarea-container-padding-x);
	padding-right:0;
	padding-right:var(--textarea-container-padding-x);
}

._27371bdb329d34ee-scroller{
	max-height:50dvh;
	width:100%;
}

.e7c6e0f1775478c3-scroller{
	max-height:50svh;
	width:100%;
}

.e7c6e0f1775478c3-footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	color:var(--text-chat);
	font-size:0.75rem;
}

.e7c6e0f1775478c3-footerLink{
	color:var(--text-link);
	cursor:pointer;
}

.e7c6e0f1775478c3-footerLink:hover{
	text-decoration:underline;
}

.e7c6e0f1775478c3-separator{
	display:inline-block;
	margin-left:0.25rem;
	margin-right:0.25rem;
	height:0.25rem;
	width:0.25rem;
	border-radius:50%;
	background-color:var(--text-chat-muted);
	vertical-align:middle;
}

.cc37827d78ae61e1-formContainer{
	display:flex;
	flex-direction:column;
	gap:16px;
}

._51b5219fc8e9f704-container{
	position:relative;
}

._51b5219fc8e9f704-deleteButton{
	display:flex;
	align-items:center;
	justify-content:center;
	right:-2rem;
	position:absolute;
	top:0.25rem;
	z-index:10;
	width:1.5rem;
	height:1.5rem;
	border-radius:4px;
	background-color:var(--background-tertiary);
	color:var(--text-tertiary);
	transition:background-color 150ms ease, color 150ms ease;
}

@media (hover: hover){
	._51b5219fc8e9f704-deleteButton:hover{
		background-color:var(--status-danger);
		color:white;
	}
}

._51b5219fc8e9f704-attachmentContainer{
	display:flex;
	width:100%;
	min-width:0;
	align-items:center;
	gap:0.75rem;
	overflow:hidden;
	border-radius:8px;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	padding:0.75rem;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
}

._51b5219fc8e9f704-iconContainer{
	display:flex;
	align-items:center;
	justify-content:center;
	width:3rem;
	height:3rem;
	flex-shrink:0;
	border-radius:8px;
	background-color:var(--background-tertiary);
	color:var(--text-tertiary);
}

._51b5219fc8e9f704-fileInfoContainer{
	min-width:0;
	flex:1;
	overflow:hidden;
}

._51b5219fc8e9f704-fileName{
	display:block;
	overflow:hidden;
	font-size:0.875rem;
	font-weight:600;
	color:var(--text-primary);
	line-height:1.25rem;
	white-space:nowrap;
	text-overflow:ellipsis;
}

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

._51b5219fc8e9f704-fileExtension{
	color:var(--text-tertiary);
}

._51b5219fc8e9f704-fileSize{
	color:var(--text-tertiary);
	font-size:0.75rem;
	line-height:1rem;
}

._51b5219fc8e9f704-downloadButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:2.5rem;
	height:2.5rem;
	flex-shrink:0;
	border-radius:8px;
	background-color:var(--brand-primary);
	color:white;
	transition:background-color 150ms ease;
	cursor:pointer;
}

@media (hover: hover){
	._51b5219fc8e9f704-downloadButton:hover{
		background-color:var(--brand-secondary);
	}
}

._51b5219fc8e9f704-downloadButtonDisabled{
	opacity:0.4;
	pointer-events:none;
}

._51b5219fc8e9f704-statusBadge{
	display:inline-flex;
	align-items:center;
	gap:0.3rem;
	padding:0.25rem 0.45rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--background-secondary) 80%, transparent);
	color:var(--text-secondary);
	border:1px solid var(--border-color);
	font-size:0.75rem;
	-webkit-backdrop-filter:blur(6px);
	        backdrop-filter:blur(6px);
	opacity:0.92;
}

._51b5219fc8e9f704-statusIcon{
	width:14px;
	height:14px;
}

@media (max-width: 640px){
	._51b5219fc8e9f704-attachmentContainer{
		gap:0.625rem;
		padding:0.625rem;
	}

	._51b5219fc8e9f704-iconContainer{
		width:2.75rem;
		height:2.75rem;
	}

	._51b5219fc8e9f704-downloadButton{
		width:2.25rem;
		height:2.25rem;
	}
}

@media (max-width: 480px){
	._51b5219fc8e9f704-attachmentContainer{
		gap:0.5rem;
		padding:0.5rem;
		border-radius:0.625rem;
	}

	._51b5219fc8e9f704-iconContainer{
		width:2.5rem;
		height:2.5rem;
		border-radius:0.625rem;
	}

	._51b5219fc8e9f704-fileName{
		font-size:0.8125rem;
	}

	._51b5219fc8e9f704-fileSize{
		font-size:0.6875rem;
	}
}

.c1dc942a5e367ea7-container{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:12px;
    box-sizing:border-box;
    background-color:var(--background-secondary);
    border:1px solid var(--background-modifier-accent);
    border-radius:8px;
    border-radius:var(--radius-lg, 8px);
    max-width:400px;
    width:100%;
}

.c1dc942a5e367ea7-voiceContainer{
    position:relative;
    overflow:visible;
    background:color-mix(in srgb, var(--background-secondary) 86%, var(--brand-primary) 14%);
    border-color:color-mix(in srgb, var(--brand-primary) 28%, transparent);
    padding:9px 10px;
    gap:6px;
    max-width:420px;
    margin-top:0.8rem;
}

.c1dc942a5e367ea7-voiceContainerMobile{
    width:100% !important;
    max-width:100% !important;
    inline-size:100% !important;
    max-inline-size:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:8px 8px !important;
    box-sizing:border-box !important;
}

.c1dc942a5e367ea7-header{
    display:flex;
    align-items:center;
    gap:12px;
}

.c1dc942a5e367ea7-iconContainer{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    flex-shrink:0;
    background-color:var(--background-tertiary);
    border-radius:6px;
    border-radius:var(--radius-md, 6px);
    color:var(--text-secondary);
}

.c1dc942a5e367ea7-audioGlyph{
    width:0.9rem;
    height:0.9rem;
    border-radius:999px;
    background:linear-gradient(180deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 62%, #fff 38%));
    box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

.c1dc942a5e367ea7-voiceIconContainer{
    background:color-mix(in srgb, var(--brand-primary) 20%, transparent);
    color:color-mix(in srgb, var(--brand-primary) 78%, white);
}

.c1dc942a5e367ea7-voiceHeader{
    display:flex;
    align-items:center;
    gap:0.4rem;
    flex:1;
    min-width:0;
    width:100%;
}

.c1dc942a5e367ea7-voiceHeaderWave{
    display:flex;
    align-items:center;
    justify-content:stretch;
    gap:1px;
    height:1.05rem;
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
    cursor:pointer;
    touch-action:none;
    padding:0;
    margin:0;
    border:none;
    background:transparent;
}

.c1dc942a5e367ea7-voiceHeaderWaveMobile{
    height:1.45rem !important;
    min-width:0 !important;
    width:100% !important;
    inline-size:100% !important;
    flex:1 1 auto !important;
    overflow:hidden !important;
    gap:1px !important;
}

.c1dc942a5e367ea7-voiceHeaderWave:focus-visible{
    outline:2px solid color-mix(in srgb, var(--brand-primary) 65%, #fff 35%);
    outline-offset:2px;
    border-radius:6px;
}

.c1dc942a5e367ea7-voiceHeaderBar{
    flex:1 1 0;
    width:auto;
    min-height:0;
    border-radius:999px;
    transform:scaleX(0.55);
    transform-origin:center;
    background:rgba(255, 255, 255, 0.42);
    opacity:0.68;
    transition:height 120ms linear, background-color 140ms ease, opacity 140ms ease;
}

@supports (color: color-mix(in lch, red, blue)){
.c1dc942a5e367ea7-voiceHeaderBar{
    background:color-mix(in srgb, var(--text-tertiary) 50%, transparent);
}
}

.c1dc942a5e367ea7-voiceHeaderBarMobile{
    flex:1 0 3px !important;
    min-height:6px !important;
    min-width:2.5px !important;
    max-width:1.4px !important;
    transform:none !important;
    opacity:0.96 !important;
}

.c1dc942a5e367ea7-voiceHeaderBarPlayed{
    background:var(--brand-primary);
    box-shadow:0 0 8px color-mix(in srgb, var(--brand-primary) 18%, transparent);
    opacity:1;
}

@supports (color: color-mix(in lch, red, blue)){
.c1dc942a5e367ea7-voiceHeaderBarPlayed{
    background:linear-gradient(180deg, color-mix(in srgb, #fff 62%, var(--brand-primary) 38%), var(--brand-primary));
}
}

.c1dc942a5e367ea7-voiceHeaderBarSilent{
    height:6px !important;
    border-radius:999px;
    background:rgba(255, 255, 255, 0.5);
    opacity:0.82;
}

@supports (color: color-mix(in lch, red, blue)){
.c1dc942a5e367ea7-voiceHeaderBarSilent{
    background:color-mix(in srgb, var(--text-tertiary) 82%, transparent);
}
}

.c1dc942a5e367ea7-voiceHeaderBarSilent.c1dc942a5e367ea7-voiceHeaderBarPlayed{
    background:var(--brand-primary);
    box-shadow:0 0 8px color-mix(in srgb, var(--brand-primary) 18%, transparent);
    opacity:1;
}

@supports (color: color-mix(in lch, red, blue)){
.c1dc942a5e367ea7-voiceHeaderBarSilent.c1dc942a5e367ea7-voiceHeaderBarPlayed{
    background:linear-gradient(180deg, color-mix(in srgb, #fff 62%, var(--brand-primary) 38%), var(--brand-primary));
}
}

.c1dc942a5e367ea7-voiceHeaderMeta{
    font-family:monospace;
    font-family:var(--font-mono, monospace);
    font-size:10px;
    font-weight:700;
    color:var(--text-secondary);
    white-space:nowrap;
    flex-shrink:0;
}

.c1dc942a5e367ea7-voiceHeaderMetaMobile{
    display:inline-flex !important;
    align-items:center;
    justify-content:flex-end;
    min-width:4.7ch;
    font-size:10px;
    -webkit-font-feature-settings:"tnum";
            font-feature-settings:"tnum";
    font-variant-numeric:tabular-nums;
    opacity:0.92;
}

.c1dc942a5e367ea7-fileInfo{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.c1dc942a5e367ea7-fileName{
    display:flex;
    align-items:baseline;
    gap:0;
    margin:0;
    font-size:14px;
    font-weight:500;
    color:var(--text-primary);
    line-height:1.3;
}

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

.c1dc942a5e367ea7-fileExtension{
    flex-shrink:0;
    color:var(--text-tertiary);
}

.c1dc942a5e367ea7-fileMeta{
    margin:0;
    font-size:12px;
    color:var(--text-tertiary);
}

.c1dc942a5e367ea7-playButton{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    flex-shrink:0;
    padding:0;
    border:none;
    background-color:var(--brand-primary);
    border-radius:50%;
    color:#fff;
    cursor:pointer;
    transition:transform 150ms ease, -webkit-filter 150ms ease;
    transition:filter 150ms ease, transform 150ms ease;
    transition:filter 150ms ease, transform 150ms ease, -webkit-filter 150ms ease;
}

.c1dc942a5e367ea7-voicePlayButton{
    background:linear-gradient(140deg, color-mix(in srgb, var(--brand-primary) 82%, #fff 18%), var(--brand-primary));
    width:32px;
    height:32px;
}

.c1dc942a5e367ea7-playButton:hover{
    -webkit-filter:brightness(1.1);
            filter:brightness(1.1);
}

.c1dc942a5e367ea7-playButton:active{
    transform:scale(0.95);
}

.c1dc942a5e367ea7-playButton:focus-visible{
    outline:2px solid var(--brand-primary);
    outline-offset:2px;
}

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

.c1dc942a5e367ea7-progressBar{
    flex:1;
}

.c1dc942a5e367ea7-time{
    font-family:monospace;
    font-family:var(--font-mono, monospace);
    font-size:11px;
    color:var(--text-tertiary);
    white-space:nowrap;
    min-width:70px;
    text-align:right;
}

.c1dc942a5e367ea7-controls{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.c1dc942a5e367ea7-controlsLeft{
    display:flex;
    align-items:center;
    gap:4px;
}

.c1dc942a5e367ea7-controlsRight{
    display:flex;
    align-items:center;
    gap:4px;
}

.c1dc942a5e367ea7-volumeControl{
    color:var(--text-secondary);
}

.c1dc942a5e367ea7-volumeControl button{
    color:var(--text-secondary);
}

.c1dc942a5e367ea7-volumeControl button:hover{
    color:var(--text-primary);
}

.c1dc942a5e367ea7-actionButton{
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    padding:0;
    border:none;
    background:transparent;
    color:var(--text-secondary);
    cursor:pointer;
    border-radius:4px;
    border-radius:var(--radius-sm, 4px);
    transition:color 150ms ease, background-color 150ms ease;
}

.c1dc942a5e367ea7-actionButton:hover{
    color:var(--text-primary);
    background-color:var(--background-tertiary);
}

.c1dc942a5e367ea7-actionButton:focus-visible{
    outline:2px solid var(--brand-primary);
    outline-offset:2px;
}

.c1dc942a5e367ea7-speedButton{
    min-width:46px;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.02em;
    color:var(--text-primary);
}

.c1dc942a5e367ea7-voiceSpeedPill{
    position:absolute;
    left:0.45rem;
    top:-0.72rem;
    z-index:3;
    min-width:3.35rem;
    height:1.35rem;
    padding:0 0.52rem;
    border:1px solid color-mix(in srgb, var(--brand-primary) 42%, transparent);
    border-radius:999px;
    background:linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 74%, #fff 26%), var(--brand-primary)), linear-gradient(90deg, transparent, color-mix(in srgb, #fff 35%, transparent), transparent);
    background-size:100% 100%, 200% 100%;
    background-position:0 0, 160% 0;
    color:#fff;
    font-size:11px;
    font-weight:800;
    -webkit-font-feature-settings:"tnum";
            font-feature-settings:"tnum";
    font-variant-numeric:tabular-nums;
    letter-spacing:0.015em;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    box-shadow:0 4px 12px color-mix(in srgb, var(--brand-primary) 34%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 35%, transparent);
    transition:transform 180ms ease, box-shadow 180ms ease, background-position 240ms ease, -webkit-filter 180ms ease;
    transition:transform 180ms ease, box-shadow 180ms ease, filter 180ms ease, background-position 240ms ease;
    transition:transform 180ms ease, box-shadow 180ms ease, filter 180ms ease, background-position 240ms ease, -webkit-filter 180ms ease;
}

.c1dc942a5e367ea7-voiceSpeedPillValue{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    min-width:3.2ch;
    transition:opacity 220ms ease;
}

.c1dc942a5e367ea7-voiceSpeedPillShade{
    -webkit-filter:brightness(1.12) saturate(1.06);
            filter:brightness(1.12) saturate(1.06);
}

.c1dc942a5e367ea7-voiceSpeedPill:hover{
    background-position:0 0, -40% 0;
    -webkit-filter:brightness(1.05);
            filter:brightness(1.05);
}

.c1dc942a5e367ea7-voiceSpeedPillActive{
    animation:c1dc942a5e367ea7-voiceSpeedPulse 1.15s ease-in-out infinite;
}

@keyframes c1dc942a5e367ea7-voiceSpeedPulse{
    0%,
    100%{
        box-shadow:0 4px 12px color-mix(in srgb, var(--brand-primary) 34%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 35%, transparent);
        -webkit-filter:brightness(1);
                filter:brightness(1);
    }
    50%{
        box-shadow:0 8px 16px color-mix(in srgb, var(--brand-primary) 44%, transparent), 0 0 0 2px color-mix(in srgb, var(--brand-primary) 22%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 45%, transparent);
        -webkit-filter:brightness(1.04);
                filter:brightness(1.04);
    }
}

.c1dc942a5e367ea7-spinner{
    animation:c1dc942a5e367ea7-spin 1s linear infinite;
}

@keyframes c1dc942a5e367ea7-spin{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

@media (max-width: 767px){
    .c1dc942a5e367ea7-voiceContainer{
        width:100%;
        max-width:32rem;
        margin:0 auto;
        padding:8px;
        box-sizing:border-box;
    }
    .c1dc942a5e367ea7-voiceContainer .c1dc942a5e367ea7-controlsRight{
        display:none;
    }
    .c1dc942a5e367ea7-voiceHeader{
        gap:0.24rem;
    }
    .c1dc942a5e367ea7-voiceHeaderMeta{
        display:inline-flex;
    }
    .c1dc942a5e367ea7-voiceHeaderWave{
        height:1.35rem;
    }
    .c1dc942a5e367ea7-voiceHeaderBar{
        transform:scaleX(0.94);
        min-height:6px;
        opacity:0.98;
    }
    .c1dc942a5e367ea7-voiceSpeedPill{
        min-width:2.9rem;
    }
}

@media (max-width: 420px){
    .c1dc942a5e367ea7-voiceContainer{
        width:100%;
        max-width:28rem;
        margin:0 auto;
        padding:7px;
        box-sizing:border-box;
    }
    .c1dc942a5e367ea7-voiceHeaderWave{
        height:1.42rem;
    }
    .c1dc942a5e367ea7-voiceHeaderBar{
        min-height:6px;
        transform:scaleX(0.97);
    }
    .c1dc942a5e367ea7-voiceHeaderMetaMobile{
        font-size:9px;
        min-width:4.3ch;
    }
}

@media (min-width: 768px) and (max-width: 1024px){
    .c1dc942a5e367ea7-voiceContainer{
        align-self:stretch;
        display:block;
        width:100%;
        max-width:100%;
        min-width:0;
    }
}
.f0c952e1b30fb19e-container{
	position:relative;
	width:100%;
	height:20px;
	display:flex;
	cursor:pointer;
	touch-action:none;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

.f0c952e1b30fb19e-track{
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:4px;
	background-color:rgba(255, 255, 255, 0.2);
	border-radius:var(--radius-full);
	overflow:hidden;
}

.f0c952e1b30fb19e-buffered{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background-color:rgba(255, 255, 255, 0.3);
	border-radius:var(--radius-full);
	transition:width 150ms ease;
}

.f0c952e1b30fb19e-fill{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background-color:#5865f2;
	background-color:var(--brand-primary-light, #5865f2);
	border-radius:var(--radius-full);
}

.f0c952e1b30fb19e-thumb{
	position:absolute;
	top:-4px;
	width:12px;
	height:12px;
	background-color:#fff;
	border-radius:50%;
	transform:translateX(-50%);
	opacity:0;
	transition:opacity 150ms ease, transform 150ms ease;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
	pointer-events:none;
}

.f0c952e1b30fb19e-container:hover .f0c952e1b30fb19e-thumb,
.f0c952e1b30fb19e-container:focus-within .f0c952e1b30fb19e-thumb,
.f0c952e1b30fb19e-isDragging .f0c952e1b30fb19e-thumb{
	opacity:1;
}

.f0c952e1b30fb19e-container:hover .f0c952e1b30fb19e-thumb:hover,
.f0c952e1b30fb19e-isDragging .f0c952e1b30fb19e-thumb{
	transform:translateX(-50%);
}

.f0c952e1b30fb19e-tooltip{
	position:fixed;
	padding:4px 8px;
	background-color:var(--background-primary);
	color:#fff;
	color:var(--text-primary, #fff);
	border-radius:4px;
	border-radius:var(--radius-sm, 4px);
	font-size:12px;
	font-family:var(--font-mono);
	white-space:nowrap;
	z-index:var(--z-index-tooltip);
	pointer-events:none;
	box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);
}

.f0c952e1b30fb19e-tooltipArrow{
	position:absolute;
	bottom:-4px;
	left:50%;
	transform:translateX(-50%);
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid var(--background-primary);
}

.f0c952e1b30fb19e-compact{
	height:8px;
}

.f0c952e1b30fb19e-compact .f0c952e1b30fb19e-track{
	height:3px;
	top:0;
	transform:none;
}

.f0c952e1b30fb19e-compact .f0c952e1b30fb19e-thumb{
	width:10px;
	height:10px;
	top:-4px;
	transform:translateX(-50%);
}

.da4503e278ea713b-container{
	position:relative;
	display:flex;
	align-items:center;
	gap:4px;
}

.da4503e278ea713b-muteButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	padding:0;
	border:none;
	background:transparent;
	color:#fff;
	cursor:pointer;
	transition:opacity 150ms ease, background-color 150ms ease;
	outline:none;
	border-radius:4px;
	border-radius:var(--radius-sm, 4px);
	flex-shrink:0;
}

.da4503e278ea713b-muteButton:hover{
	background-color:rgba(255, 255, 255, 0.1);
}

.da4503e278ea713b-muteButton:focus-visible{
	outline:2px solid #5865f2;
	outline:2px solid var(--brand-primary, #5865f2);
	outline-offset:2px;
}

.da4503e278ea713b-sliderWrapper{
	overflow:hidden;
	display:flex;
	align-items:center;
}

.da4503e278ea713b-slider{
	position:relative;
	width:60px;
	height:20px;
	display:flex;
	align-items:center;
	cursor:pointer;
	touch-action:none;
	flex-shrink:0;
	padding:0 6px;
	box-sizing:content-box;
}

.da4503e278ea713b-sliderTrack{
	position:absolute;
	left:6px;
	right:6px;
	height:4px;
	background-color:rgba(255, 255, 255, 0.2);
	border-radius:var(--radius-full);
	overflow:hidden;
}

.da4503e278ea713b-sliderFill{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background-color:#fff;
	border-radius:var(--radius-full);
}

.da4503e278ea713b-sliderThumb{
	position:absolute;
	width:12px;
	height:12px;
	background-color:#fff;
	border-radius:50%;
	transform:translateX(-50%);
	opacity:0;
	transition:opacity 150ms ease, transform 150ms ease;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
	pointer-events:none;
}

.da4503e278ea713b-container:hover .da4503e278ea713b-sliderThumb,
.da4503e278ea713b-slider:focus-within .da4503e278ea713b-sliderThumb,
.da4503e278ea713b-isDragging .da4503e278ea713b-sliderThumb{
	opacity:1;
}

.da4503e278ea713b-isDragging .da4503e278ea713b-sliderThumb{
	transform:translateX(-50%) scale(1.1);
}

.da4503e278ea713b-compact{
	gap:2px;
}

.da4503e278ea713b-compact .da4503e278ea713b-muteButton{
	width:28px;
	height:28px;
}

.da4503e278ea713b-compact .da4503e278ea713b-slider{
	width:50px;
}

.da4503e278ea713b-compact .da4503e278ea713b-sliderTrack{
	height:3px;
}

.da4503e278ea713b-compact .da4503e278ea713b-sliderThumb{
	width:10px;
	height:10px;
}

._419948f7f62e1467-container{
    position:relative;
    display:grid;
    width:100%;
    max-width:100%;
    min-width:0;
}

._419948f7f62e1467-voiceMobileContainer{
    width:min(100%, calc(100vw - 1.8rem)) !important;
    max-width:100% !important;
    min-width:min(17.5rem, 100%) !important;
    justify-self:stretch !important;
}

._419948f7f62e1467-mobilePlayButton{
    display:flex;
    width:100%;
    min-width:0;
    align-items:center;
    gap:0.75rem;
    overflow:hidden;
    border-radius:var(--radius-lg);
    border:1px solid var(--background-modifier-accent);
    background:var(--background-secondary);
    padding:0.75rem;
    text-align:left;
    box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition:background-color 150ms ease;
    cursor:pointer;
}

._419948f7f62e1467-mobilePlayButton:hover{
    background:var(--background-tertiary);
}

._419948f7f62e1467-mobileIconContainer{
    display:flex;
    height:3rem;
    width:3rem;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-lg);
    background:var(--background-tertiary);
    color:var(--text-tertiary);
}

._419948f7f62e1467-mobilePlayIconContainer{
    display:flex;
    height:2.5rem;
    width:2.5rem;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-lg);
    background:var(--brand-primary);
    color:white;
}

._419948f7f62e1467-fileInfoContainer{
    min-width:0;
    flex:1;
    overflow:hidden;
}

._419948f7f62e1467-fileName{
    display:block;
    overflow:hidden;
    font-weight:600;
    font-size:0.875rem;
    line-height:1.25rem;
    color:var(--text-primary);
    text-align:left;
    white-space:nowrap;
    text-overflow:ellipsis;
}

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

._419948f7f62e1467-fileExtension{
    color:var(--text-tertiary);
}

._419948f7f62e1467-fileSize{
    display:block;
    overflow:hidden;
    font-size:0.75rem;
    color:var(--text-tertiary);
    text-align:left;
    white-space:nowrap;
}

._419948f7f62e1467-deleteButton{
    --right-position:-2rem;
    position:absolute;
    top:0.25rem;
    right:-2rem;
    right:var(--right-position);
    z-index:10;
    display:flex;
    height:1.5rem;
    width:1.5rem;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-sm);
    background:var(--background-tertiary);
    color:var(--text-tertiary);
    transition:all 150ms ease;
    cursor:pointer;
}

._419948f7f62e1467-deleteButtonHover{
    background:var(--status-danger);
    color:white;
}

._419948f7f62e1467-audioContainer{
    display:flex;
    width:100%;
    min-width:0;
    align-items:center;
    gap:0.75rem;
    overflow:hidden;
    border-radius:var(--radius-lg);
    border:1px solid var(--background-modifier-accent);
    background:var(--background-secondary);
    padding:0.75rem;
    box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

._419948f7f62e1467-buttonContainer{
    display:flex;
    flex-shrink:0;
    align-items:center;
    gap:0.5rem;
}

._419948f7f62e1467-actionButton{
    display:flex;
    height:2.5rem;
    width:2.5rem;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-lg);
    background:var(--background-tertiary);
    color:var(--text-tertiary);
    transition:all 150ms ease;
    cursor:pointer;
}

._419948f7f62e1467-actionButtonHover{
    background:var(--brand-primary);
    color:white;
}

._419948f7f62e1467-playButton{
    display:flex;
    height:2.5rem;
    width:2.5rem;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-lg);
    background:var(--brand-primary);
    color:white;
    transition:background-color 150ms ease;
    cursor:pointer;
}

._419948f7f62e1467-playButtonHover{
    background:var(--brand-secondary);
}
._980011864c7132ae-embed{
	position:relative;
	display:grid;
	max-width:-webkit-max-content;
	max-width:-moz-max-content;
	max-width:max-content;
	box-sizing:border-box;
	border-radius:6px;
}

._980011864c7132ae-embedFull{
	background:var(--background-primary);
	border:1px solid var(--background-modifier-accent);
}

._980011864c7132ae-gridContainer{
	width:100%;
}

._980011864c7132ae-grid{
	overflow:hidden;
	padding:12px 12px 14px 12px;
	display:grid;
	grid-template-columns:auto;
	grid-template-rows:auto;
}

._980011864c7132ae-grid._980011864c7132ae-hasThumbnail{
	grid-template-columns:auto -webkit-min-content;
	grid-template-columns:auto min-content;
}

._980011864c7132ae-embedContent{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:8px;
}

._980011864c7132ae-embedContent > *:first-child{
	margin-top:4px;
}

._980011864c7132ae-embedLink{
	-webkit-text-decoration:var(--link-decoration);
	        text-decoration:var(--link-decoration);
	cursor:pointer;
	color:var(--text-link);
}

._980011864c7132ae-embedLink code{
	color:var(--text-link);
}

._980011864c7132ae-embedLink:hover{
	text-decoration:underline;
}

._980011864c7132ae-embedProvider{
	font-size:0.75rem;
	line-height:1rem;
	grid-column:1 / 1;
	font-weight:500;
	color:var(--text-tertiary);
}

._980011864c7132ae-embedProvider ._980011864c7132ae-embedLink{
	color:inherit;
}

._980011864c7132ae-embedProvider ._980011864c7132ae-embedLink:hover{
	color:inherit;
	text-decoration:underline;
}

._980011864c7132ae-embedAuthor{
	display:flex;
	align-items:center;
	grid-column:1 / 1;
	min-width:0;
}

._980011864c7132ae-embedAuthorName{
	font-size:0.875rem;
	font-weight:600;
	color:var(--text-primary);
}

._980011864c7132ae-embedAuthorNameLink{
	color:var(--text-primary);
	cursor:pointer;
}

._980011864c7132ae-embedAuthorNameLink:hover{
	color:var(--text-primary);
}

._980011864c7132ae-embedAuthorIcon{
	flex-shrink:0;
	margin-right:8px;
	width:24px;
	height:24px;
	object-fit:cover;
	border-radius:50%;
}

._980011864c7132ae-embedTitle{
	font-size:1rem;
	font-weight:600;
	display:inline-block;
	grid-column:1 / 1;
	color:var(--text-primary);
}

._980011864c7132ae-embedDescription{
	font-size:0.875rem;
	line-height:1.125rem;
	white-space:pre-line;
	grid-column:1 / 1;
	color:var(--text-primary);
}

._980011864c7132ae-embedFields{
	display:grid;
	grid-column:1 / 1;
	grid-template-columns:repeat(12, minmax(0, 1fr));
	grid-gap:8px;
	gap:8px;
	min-width:0;
	margin-top:8px;
}

._980011864c7132ae-embedField{
	font-size:0.875rem;
	line-height:1.125rem;
	min-width:0;
}

._980011864c7132ae-embedFieldName{
	font-size:0.875rem;
	line-height:1.125rem;
	font-weight:600;
	margin-bottom:2px;
	min-width:0;
	color:var(--text-primary);
}

._980011864c7132ae-embedFieldValue{
	font-size:0.875rem;
	line-height:1.125rem;
	white-space:pre-line;
	min-width:0;
}

._980011864c7132ae-embedAuthorName,
._980011864c7132ae-embedAuthorNameLink,
._980011864c7132ae-embedDescription,
._980011864c7132ae-embedFieldName,
._980011864c7132ae-embedFieldValue,
._980011864c7132ae-embedFooterText,
._980011864c7132ae-embedLink,
._980011864c7132ae-embedProvider,
._980011864c7132ae-embedTitle{
	text-align:start;
	unicode-bidi:-webkit-plaintext;
	unicode-bidi:-moz-plaintext;
	unicode-bidi:plaintext;
}

._980011864c7132ae-embedMedia{
	grid-column:1 / 1;
	border-radius:4px;
	contain:paint;
	margin-top:4px;
	overflow:hidden;
}

._980011864c7132ae-hasThumbnail ._980011864c7132ae-embedMedia{
	grid-column:1 / 3;
}

._980011864c7132ae-embedThumbnail{
	grid-row:1 / 8;
	grid-column:2 / 2;
	margin-left:16px;
	margin-top:8px;
	flex-shrink:0;
	justify-self:end;
	max-width:80px;
	height:80px;
	border-radius:4px;
	overflow:hidden;
}

._980011864c7132ae-embedFooter{
	display:flex;
	align-items:center;
	grid-column:1 / 1;
}

._980011864c7132ae-hasThumbnail ._980011864c7132ae-embedFooter{
	grid-column:1 / 3;
}

._980011864c7132ae-embedFooterText{
	font-size:0.75rem;
	line-height:1rem;
	font-weight:600;
	color:var(--text-chat);
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
}

._980011864c7132ae-embedFooterIcon{
	flex-shrink:0;
	margin-right:8px;
	width:20px;
	height:20px;
	object-fit:contain;
	border-radius:50%;
}

._980011864c7132ae-embedFooterSeparator{
	width:4px;
	height:4px;
	border-radius:50%;
	background-color:var(--text-chat);
	margin:0 4px;
	display:inline-block;
	vertical-align:middle;
}

._980011864c7132ae-embedGifvContainer{
	width:100%;
	max-width:var(--embed-width);
}

._980011864c7132ae-container{
	position:relative;
	display:inline-block;
	max-width:100%;
}

._980011864c7132ae-suppressButton{
	position:absolute;
	right:-2rem;
	top:0.25rem;
	z-index:10;
	display:flex;
	height:1.5rem;
	width:1.5rem;
	align-items:center;
	justify-content:center;
	color:var(--text-tertiary);
	transition:color 150ms ease;
	border:none;
	background:transparent;
	cursor:pointer;
	padding:0;
}

._980011864c7132ae-suppressButton:hover{
	color:var(--status-danger);
}

@media (max-width: 640px){
	._980011864c7132ae-embedGifvContainer{
		max-width:min(100%, var(--embed-width));
	}
}

._16b33e7352989db5-indicator{
	position:absolute;
	top:0.5rem;
	left:0.5rem;
	z-index:10;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-sm);
	background:rgba(0, 0, 0, 0.8);
	padding:0.25rem;
	font-weight:600;
	font-size:0.875rem;
	line-height:1;
	color:white;
}

._66ed24a165c96627-mediaContainer{
	position:relative;
	border-radius:0;
	border-radius:var(--media-border-radius, 0);
	overflow:hidden;
	-webkit-clip-path:inset(0 round 0);
	        clip-path:inset(0 round 0);
	-webkit-clip-path:inset(0 round var(--media-border-radius, 0));
	        clip-path:inset(0 round var(--media-border-radius, 0));
}

._66ed24a165c96627-mediaHoverAction{
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	z-index:10;
	display:flex;
	gap:0.25rem;
	opacity:0;
	pointer-events:none;
}

._66ed24a165c96627-mediaContainer:hover ._66ed24a165c96627-mediaHoverAction{
	opacity:1;
	pointer-events:auto;
}

@media (pointer: coarse){
	._66ed24a165c96627-mediaContainer:hover ._66ed24a165c96627-mediaHoverAction{
		opacity:0;
		pointer-events:none;
	}
}

.keyboard-focus-active ._66ed24a165c96627-mediaHoverAction{
	opacity:1;
	pointer-events:auto;
}

._66ed24a165c96627-actionButton{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-sm);
	border:1px solid var(--background-modifier-accent);
	background:var(--background-primary);
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	transition:transform 150ms ease, border-color 150ms ease, background-color 150ms ease;
	cursor:pointer;
}

._66ed24a165c96627-actionButton:hover{
	transform:scale(1.05);
}

._66ed24a165c96627-deleteButton:hover{
	border-color:var(--status-danger);
	background:var(--status-danger);
}

._66ed24a165c96627-actionIcon{
	color:var(--text-primary);
	transition:color 150ms ease;
}

._66ed24a165c96627-deleteButton:hover ._66ed24a165c96627-actionIcon{
	color:white;
}

._66ed24a165c96627-deleteButton:active{
	transform:scale(0.95);
}

._66ed24a165c96627-actionButton:active{
	transform:scale(0.95);
}

._66ed24a165c96627-favoriteButtonActive{
	border-color:var(--brand-primary);
	background:var(--brand-primary);
}

._66ed24a165c96627-favoriteButtonActive ._66ed24a165c96627-actionIcon{
	color:white;
}

._481160e461bcbca9-warningContainer{
	display:flex;
	align-items:flex-start;
	gap:0.5rem;
	margin-top:0.5rem;
}

._481160e461bcbca9-warningIcon{
	margin-top:0.125rem;
	flex-shrink:0;
}

._481160e461bcbca9-warningText{
	font-size:0.875rem;
}

._2272f38c83afc688-imagePreviewHandler{
	height:100%;
	width:100%;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	border:0;
	background:transparent;
	padding:0;
	text-align:left;
	cursor:pointer;
	border-radius:0;
	border-radius:var(--media-border-radius, 0);
	overflow:hidden;
}

._2272f38c83afc688-blurContainer{
	display:flex;
	flex-direction:column;
}

._2272f38c83afc688-blurContent{
	position:relative;
	display:flex;
	flex-direction:column;
	cursor:default;
	overflow:hidden;
	border-radius:0;
	border-radius:var(--media-border-radius, 0);
	border:none;
	background:var(--background-primary);
	padding:0;
}

._2272f38c83afc688-blurInnerContainer{
	position:relative;
	height:100%;
	width:100%;
}

._2272f38c83afc688-thumbHashPlaceholder{
	position:absolute;
	inset:0;
	height:100%;
	width:100%;
	object-fit:cover;
}

._2272f38c83afc688-mediaContainer{
	display:grid;
	cursor:pointer;
	border-radius:0;
	border-radius:var(--media-border-radius, 0);
	border:none;
	background:transparent;
	padding:0;
}

._2272f38c83afc688-videoWrapper{
	position:relative;
	height:100%;
	width:100%;
}

._2272f38c83afc688-videoElement{
	height:100%;
	width:100%;
	border-radius:0;
	border-radius:var(--media-border-radius, 0);
	transition:opacity 200ms ease;
	object-fit:contain;
	pointer-events:none;
}

._2272f38c83afc688-videoOpacityHidden{
	opacity:0;
}

._2272f38c83afc688-videoOpacityVisible{
	opacity:1;
}

._4af6f4162668ccf7-imagePreviewHandler{
	height:100%;
	width:100%;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	border:0;
	background:transparent;
	padding:0;
	text-align:left;
	cursor:pointer;
	border-radius:0;
	border-radius:var(--media-border-radius, 0);
	overflow:hidden;
}

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

._4af6f4162668ccf7-rowContainer{
	display:flex;
	height:100%;
	width:100%;
	flex-direction:row;
}

._4af6f4162668ccf7-justifyEnd{
	justify-content:flex-end;
}

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

._4af6f4162668ccf7-imageWrapper{
	position:relative;
	display:block;
	cursor:pointer;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	overflow:hidden;
	border-radius:var(--media-border-radius);
}

._4af6f4162668ccf7-imageContainer{
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
	border-radius:var(--media-border-radius);
}

._4af6f4162668ccf7-imageInnerContainer{
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
	border-radius:var(--media-border-radius);
}

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

._4af6f4162668ccf7-blurContent{
	position:relative;
	display:flex;
	flex-direction:column;
	cursor:default;
	overflow:hidden;
	border-radius:var(--media-border-radius);
	border:none;
	background:var(--background-primary);
	padding:0;
}

._4af6f4162668ccf7-blurInnerContainer{
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
	border-radius:var(--media-border-radius);
}

._4af6f4162668ccf7-thumbHashContainer{
	position:absolute;
	inset:0;
}

._4af6f4162668ccf7-thumbHashImage{
	height:100%;
	width:100%;
	object-fit:cover;
}

._4af6f4162668ccf7-mediaContainer{
	display:grid;
	cursor:pointer;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	overflow:hidden;
	border-radius:var(--media-border-radius);
}

._4af6f4162668ccf7-cursorPointer{
	cursor:pointer;
}

._4af6f4162668ccf7-imageElement{
	display:block;
	height:100%;
	width:100%;
	object-fit:cover;
	border-radius:var(--media-border-radius);
}

._4af6f4162668ccf7-opacityHidden{
	opacity:0;
}

._4af6f4162668ccf7-opacityVisible{
	opacity:1;
}

._11f1822516222b61-overlayButtonGroup{
	all:unset;
	display:flex;
}

._11f1822516222b61-overlayButton{
	display:flex;
	height:3.5rem;
	width:3.5rem;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:rgba(0, 0, 0, 0.75);
	cursor:pointer;
	transition:background 200ms ease, opacity 150ms ease;
	color:white;
}

._11f1822516222b61-overlayButton svg{
	transition:color 200ms ease;
}

._11f1822516222b61-overlayButton._11f1822516222b61-overlayButtonHover:hover{
	background:rgba(0, 0, 0, 0.85);
}

._11f1822516222b61-overlayButton._11f1822516222b61-overlayButtonHover:hover svg{
	color:rgba(255, 255, 255, 0.95);
}

._7dd588c13769f206-button{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	border:none;
	background:transparent;
	color:#fff;
	cursor:pointer;
	transition:transform 150ms ease, opacity 150ms ease;
	outline:none;
}

._7dd588c13769f206-button:hover{
	opacity:0.8;
}

._7dd588c13769f206-button:active{
	opacity:0.7;
}

._7dd588c13769f206-button:focus-visible{
	outline:2px solid #5865f2;
	outline:2px solid var(--brand-primary, #5865f2);
	outline-offset:2px;
	border-radius:4px;
	border-radius:var(--radius-sm, 4px);
}

._7dd588c13769f206-button:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

._7dd588c13769f206-small{
	width:24px;
	height:24px;
}

._7dd588c13769f206-medium{
	width:32px;
	height:32px;
}

._7dd588c13769f206-large{
	width:40px;
	height:40px;
}

._7dd588c13769f206-xlarge{
	width:48px;
	height:48px;
}

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

._7dd588c13769f206-spinner{
	animation:_7dd588c13769f206-spin 1s linear infinite;
}

@keyframes _7dd588c13769f206-spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

._7dd588c13769f206-overlay{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-color:rgba(0, 0, 0, 0.6);
	border-radius:50%;
	padding:16px;
	transition:background-color 150ms ease, transform 150ms ease;
}

._7dd588c13769f206-overlay:hover{
	background-color:rgba(0, 0, 0, 0.8);
	transform:translate(-50%, -50%);
}

._334c7fa346474ec7-button{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:4px 8px;
	border:none;
	background:transparent;
	color:#fff;
	cursor:pointer;
	transition:opacity 150ms ease, background-color 150ms ease;
	outline:none;
	border-radius:4px;
	border-radius:var(--radius-sm, 4px);
	font-size:12px;
	font-weight:600;
	font-family:monospace;
	font-family:var(--font-mono, monospace);
	min-width:40px;
}

._334c7fa346474ec7-button:hover{
	background-color:rgba(255, 255, 255, 0.1);
}

._334c7fa346474ec7-button:active{
	background-color:rgba(255, 255, 255, 0.15);
}

._334c7fa346474ec7-button:focus-visible{
	outline:2px solid #5865f2;
	outline:2px solid var(--brand-primary, #5865f2);
	outline-offset:2px;
}

._334c7fa346474ec7-small{
	padding:2px 6px;
	font-size:11px;
	min-width:32px;
}

._334c7fa346474ec7-medium{
	padding:4px 8px;
	font-size:12px;
	min-width:40px;
}

._334c7fa346474ec7-large{
	padding:6px 10px;
	font-size:14px;
	min-width:48px;
}

._334c7fa346474ec7-active{
	color:#5865f2;
	color:var(--brand-primary-light, #5865f2);
}

._3de8479eabdd38dc-container{
	display:flex;
	align-items:center;
	gap:4px;
	font-family:monospace;
	font-family:var(--font-mono, monospace);
	font-size:12px;
	color:#fff;
	white-space:nowrap;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

._3de8479eabdd38dc-time{
	min-width:32px;
	text-align:center;
}

._3de8479eabdd38dc-separator{
	opacity:0.7;
}

._3de8479eabdd38dc-small{
	font-size:11px;
}

._3de8479eabdd38dc-small ._3de8479eabdd38dc-time{
	min-width:28px;
}

._3de8479eabdd38dc-medium{
	font-size:12px;
}

._3de8479eabdd38dc-large{
	font-size:14px;
}

._3de8479eabdd38dc-large ._3de8479eabdd38dc-time{
	min-width:40px;
}

._3de8479eabdd38dc-compact ._3de8479eabdd38dc-separator,
._3de8479eabdd38dc-compact ._3de8479eabdd38dc-duration{
	display:none;
}

._2198b85d3d33e96c-container{
	position:relative;
	width:100%;
	background-color:#000;
	border-radius:6px;
	border-radius:var(--radius-md, 6px);
	overflow:hidden;
	outline:none;
}

._2198b85d3d33e96c-container:focus-visible{
	outline:2px solid #5865f2;
	outline:2px solid var(--brand-primary, #5865f2);
	outline-offset:2px;
}

._2198b85d3d33e96c-video{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
}

._2198b85d3d33e96c-videoHidden{
	visibility:hidden;
	position:absolute;
}

._2198b85d3d33e96c-posterOverlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:rgba(0, 0, 0, 0.3);
	cursor:pointer;
	transition:background-color 150ms ease;
}

._2198b85d3d33e96c-posterOverlay:hover{
	background-color:rgba(0, 0, 0, 0.4);
}

._2198b85d3d33e96c-posterImage{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

._2198b85d3d33e96c-thumbHashPlaceholder{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

._2198b85d3d33e96c-playOverlayButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	background-color:rgba(0, 0, 0, 0.6);
	border:none;
	border-radius:50%;
	color:#fff;
	cursor:pointer;
	transition:background-color 150ms ease, transform 150ms ease;
	z-index:1;
}

._2198b85d3d33e96c-playOverlayButton:hover{
	background-color:rgba(0, 0, 0, 0.8);
}

._2198b85d3d33e96c-playOverlayButton:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:4px;
}

._2198b85d3d33e96c-controlsOverlay{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:0 0 4px 0;
	background-color:var(--background-primary);
	display:flex;
	flex-direction:column;
	gap:0;
}

._2198b85d3d33e96c-progressBar{
	margin:0;
}

._2198b85d3d33e96c-controlsRow{
	display:flex;
	align-items:center;
	gap:4px;
	height:28px;
	padding:0 8px;
}

._2198b85d3d33e96c-controlsLeft{
	display:flex;
	align-items:center;
	gap:2px;
}

._2198b85d3d33e96c-controlsCenter{
	flex:1;
}

._2198b85d3d33e96c-controlsRight{
	display:flex;
	align-items:center;
	gap:2px;
}

._2198b85d3d33e96c-controlButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	padding:0;
	border:none;
	background:transparent;
	color:#fff;
	cursor:pointer;
	border-radius:4px;
	border-radius:var(--radius-sm, 4px);
	transition:opacity 150ms ease, background-color 150ms ease;
}

._2198b85d3d33e96c-controlButton:hover{
	background-color:rgba(255, 255, 255, 0.1);
}

._2198b85d3d33e96c-controlButton:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:2px;
}

._2198b85d3d33e96c-timeDisplay{
	color:#fff;
}

._2198b85d3d33e96c-playPauseIndicator{
	position:absolute;
	top:50%;
	left:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	background-color:rgba(0, 0, 0, 0.6);
	border-radius:50%;
	color:#fff;
	pointer-events:none;
}

._2198b85d3d33e96c-fillContainer{
	width:100%;
	height:100%;
	border-radius:0;
}

._2198b85d3d33e96c-fillContainer ._2198b85d3d33e96c-video{
	width:100%;
	height:100%;
}

._2198b85d3d33e96c-fullscreen{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:var(--z-index-modal);
	border-radius:0;
}

._2198b85d3d33e96c-loadingOverlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:rgba(0, 0, 0, 0.3);
	pointer-events:none;
}

._2198b85d3d33e96c-spinner{
	animation:_2198b85d3d33e96c-spin 1s linear infinite;
}

@keyframes _2198b85d3d33e96c-spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

@media (max-width: 320px){
	._2198b85d3d33e96c-controlsRow{
		gap:2px;
	}

	._2198b85d3d33e96c-timeDisplay{
		display:none;
	}
}

@media (max-width: 240px){
	._2198b85d3d33e96c-controlsLeft > *:not(:first-child){
		display:none;
	}

	._2198b85d3d33e96c-controlsRight > *:not(:last-child){
		display:none;
	}
}

._0609d23f4edd2ba6-videoOverlay{
	position:absolute;
	inset:0;
	display:flex;
	cursor:pointer;
	align-items:center;
	justify-content:center;
	border:none;
	background:transparent;
	padding:0;
	outline:none;
	width:100%;
	height:100%;
	max-width:100%;
}

._0609d23f4edd2ba6-playButtonWrapper{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:none;
	z-index:1;
}

._0609d23f4edd2ba6-thumbnailPlaceholder{
	position:absolute;
	inset:0;
	height:100%;
	width:100%;
	max-width:100%;
	object-fit:cover;
}

._0609d23f4edd2ba6-blurContainer{
	display:flex;
	flex-direction:column;
}

._0609d23f4edd2ba6-blurContent{
	display:grid;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	overflow:hidden;
	border-radius:0;
	border-radius:var(--media-border-radius, 0);
}

._0609d23f4edd2ba6-blurInner{
	position:relative;
	display:flex;
	height:100%;
	width:100%;
	align-items:center;
	justify-content:center;
	background:var(--background-primary);
}

._0609d23f4edd2ba6-blurThumbnail{
	position:absolute;
	inset:0;
	height:100%;
	width:100%;
	object-fit:cover;
}

._0609d23f4edd2ba6-mediaContainer{
	display:grid;
	margin:0;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	overflow:hidden;
	border:0;
	padding:0;
	cursor:pointer;
	border-radius:0;
	border-radius:var(--media-border-radius, 0);
}

._0609d23f4edd2ba6-mobileContainer{
	position:relative;
	height:100%;
	width:100%;
	background:var(--background-primary);
	border-radius:0;
	border-radius:var(--media-border-radius, 0);
	overflow:hidden;
}

._0609d23f4edd2ba6-videoPlayerBlock{
	display:block;
	width:100%;
	border-radius:0;
	border-radius:var(--media-border-radius, 0);
	overflow:hidden;
}

._0609d23f4edd2ba6-videoPlayerFill{
	width:100%;
	height:100%;
	border-radius:0;
}

._6f413ce82f740a85-container{
	display:flex;
	width:100%;
	min-width:0;
	align-items:center;
	gap:0.75rem;
	overflow:hidden;
	border-radius:0.5rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	padding:0.75rem;
	box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
}

._6f413ce82f740a85-iconContainer{
	display:flex;
	height:3rem;
	width:3rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:0.5rem;
	background-color:var(--background-tertiary);
	color:var(--text-tertiary);
}

._6f413ce82f740a85-content{
	min-width:0;
	flex:1;
	overflow:hidden;
}

._6f413ce82f740a85-fileName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:600;
	font-size:0.875rem;
	color:var(--text-primary);
}

._6f413ce82f740a85-fileSize{
	color:var(--text-tertiary);
	font-size:0.75rem;
}

._6f413ce82f740a85-progressContainer{
	margin-top:0.375rem;
	height:0.25rem;
	width:100%;
	overflow:hidden;
	border-radius:9999px;
	background-color:var(--background-tertiary);
}

._6f413ce82f740a85-progressBarIndeterminate{
	height:100%;
	width:100%;
	border-radius:9999px;
	background-color:var(--brand-primary);
	opacity:0.5;
	animation:_6f413ce82f740a85-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

._6f413ce82f740a85-progressBar{
	height:100%;
	border-radius:9999px;
	transition:width 150ms, background-color 150ms;
}

._6f413ce82f740a85-progressBarNormal{
	background-color:var(--brand-primary);
}

._6f413ce82f740a85-progressBarFailed{
	background-color:rgb(239 68 68);
}

._6f413ce82f740a85-cancelButton{
	display:flex;
	height:2.5rem;
	width:2.5rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:0.5rem;
	background-color:var(--background-tertiary);
	color:var(--text-tertiary);
	cursor:pointer;
}

._6f413ce82f740a85-cancelButton:hover{
	background-color:rgb(239 68 68);
	color:white;
}

@keyframes _6f413ce82f740a85-pulse{
	0%,
	100%{
		opacity:1;
	}
	50%{
		opacity:0.5;
	}
}

._8a14f92ca163005f-container{
	position:relative;
	display:block;
	width:auto;
	max-width:100%;
}

._8a14f92ca163005f-inline{
	display:inline-block;
	width:auto;
}

._8a14f92ca163005f-content{
	position:relative;
	width:100%;
	height:100%;
}

._8a14f92ca163005f-hidden ._8a14f92ca163005f-content{
	-webkit-filter:blur(10px);
	        filter:blur(10px);
	opacity:0.2;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	pointer-events:none;
	transition:opacity var(--transition-normal), -webkit-filter var(--transition-normal);
	transition:opacity var(--transition-normal), filter var(--transition-normal);
	transition:opacity var(--transition-normal), filter var(--transition-normal), -webkit-filter var(--transition-normal);
}

._8a14f92ca163005f-overlayButton{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.75rem;
	width:100%;
	height:100%;
	border:none;
	border-radius:var(--radius-md);
	background-color:var(--spoiler-overlay-color);
	color:var(--text-primary);
	cursor:pointer;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.03em;
	z-index:2;
	transition:background-color var(--transition-fast), color var(--transition-fast);
}

._8a14f92ca163005f-overlayButton:focus-visible{
	outline:2px solid var(--text-link);
	outline-offset:2px;
}

._8a14f92ca163005f-overlayButton:hover{
	background-color:var(--spoiler-overlay-hover-color);
}

._8a14f92ca163005f-overlayLabel{
	padding:0.25rem 0.5rem;
	background-color:color-mix(in srgb, var(--background-secondary) 30%, transparent);
	border-radius:var(--radius-sm);
}

._5468c0f8fdeb0eb1-attachmentWrapper{
	margin-top:0.25rem;
	position:relative;
}

._5468c0f8fdeb0eb1-attachmentWrapper:first-child{
	margin-top:0;
}

._5468c0f8fdeb0eb1-expired{
	display:grid;
	grid-gap:0.15rem;
	gap:0.15rem;
	padding:0.75rem;
	border:1px solid var(--border-color);
	border-radius:0.5rem;
	background:var(--background-secondary-alt);
	color:var(--text-primary);
	font-size:0.9rem;
}

._5468c0f8fdeb0eb1-statusBadge{
	position:absolute;
	top:6px;
	right:6px;
	display:inline-flex;
	align-items:center;
	gap:0.3rem;
	padding:0.2rem 0.45rem;
	border-radius:12px;
	background:color-mix(in srgb, var(--background-secondary) 86%, transparent);
	color:var(--text-secondary);
	border:1px solid color-mix(in srgb, var(--border-color) 80%, transparent);
	font-size:0.75rem;
	z-index:2;
	-webkit-backdrop-filter:blur(6px);
	        backdrop-filter:blur(6px);
	opacity:0;
	visibility:hidden;
}

._5468c0f8fdeb0eb1-statusIcon{
	width:14px;
	height:14px;
}

._5468c0f8fdeb0eb1-statusBadgeExpired{
	background:color-mix(in srgb, var(--background-secondary-alt) 85%, transparent);
	color:var(--text-primary);
}

._5468c0f8fdeb0eb1-attachmentWrapper:hover ._5468c0f8fdeb0eb1-statusBadge,
._5468c0f8fdeb0eb1-attachmentWrapper:focus-within ._5468c0f8fdeb0eb1-statusBadge{
	opacity:1;
	visibility:visible;
}

._5468c0f8fdeb0eb1-expiredOverlay{
	position:absolute;
	inset:0;
	background:color-mix(in srgb, var(--background-primary) 70%, transparent);
	border-radius:inherit;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	padding:0.75rem;
	color:var(--text-secondary);
	font-size:0.9rem;
	z-index:3;
}

._5468c0f8fdeb0eb1-expiredContent{
	-webkit-filter:grayscale(0.8);
	        filter:grayscale(0.8);
	opacity:0.5;
	pointer-events:none;
}

._98d47c1b485761cd-oneByTwoGrid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:4px;
	gap:4px;
	max-height:clamp(220px, 34vw, 336px);
	min-height:clamp(172px, 26vw, 228px);
}

._98d47c1b485761cd-oneByTwoGridItem{
	display:flex;
	min-width:0;
	min-height:0;
	aspect-ratio:4 / 3;
}

._98d47c1b485761cd-oneByTwoGridItem ._98d47c1b485761cd-mosaicItem{
	flex:1 1 auto;
}

._98d47c1b485761cd-oneByTwoGrid > *{
	min-height:0;
}

._98d47c1b485761cd-oneByTwoLayoutThreeGrid{
	max-height:clamp(246px, 42vw, 390px);
}

._98d47c1b485761cd-oneByTwoSoloItem{
	flex:2;
}

._98d47c1b485761cd-oneByTwoDuoItem{
	flex:1;
}

._98d47c1b485761cd-twoByOneGrid{
	display:flex;
	flex-direction:column;
	gap:4px;
	height:100%;
}

._98d47c1b485761cd-twoByOneGridItem{
	flex:1;
	min-height:0;
}

._98d47c1b485761cd-twoByTwoGrid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-template-rows:repeat(2, minmax(0, 1fr));
	grid-gap:4px;
	gap:4px;
	max-height:clamp(250px, 42vw, 396px);
}

._98d47c1b485761cd-threeByThreeGrid{
	display:grid;
	flex-direction:row;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	grid-gap:4px;
	gap:4px;
}

._98d47c1b485761cd-fiveAttachmentContainer{
	display:flex;
	flex-direction:column;
	gap:4px;
	max-height:clamp(260px, 44vw, 402px);
}

._98d47c1b485761cd-fiveAttachmentContainer ._98d47c1b485761cd-oneByTwoGrid{
	flex:2;
	margin-bottom:0;
	min-height:0;
}

._98d47c1b485761cd-mosaicItem{
	position:relative;
	background-color:var(--background-secondary);
	border:none;
	padding:0;
	margin:0;
	font:inherit;
	color:inherit;
	text-align:inherit;
	line-height:inherit;
	max-width:100%;
	width:100%;
	height:100%;
	overflow:hidden;
	border-radius:14px;
	border-radius:var(--media-border-radius, 14px);
	cursor:pointer;
}

._98d47c1b485761cd-clickableWrapper{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:inherit;
}

._98d47c1b485761cd-clickableButton{
	cursor:pointer;
}

._98d47c1b485761cd-loadingOverlay{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:inherit;
}

._98d47c1b485761cd-mediaContainer{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:inherit;
}

._98d47c1b485761cd-oneByOneGrid{
	width:100%;
	max-width:550px;
	max-height:clamp(260px, 52vw, 420px);
	overflow:visible;
	position:relative;
	display:flex;
}

._98d47c1b485761cd-oneByOneGrid ._98d47c1b485761cd-mosaicItem{
	width:100%;
	display:flex;
	flex-direction:column;
}

._98d47c1b485761cd-oneByOneGrid ._98d47c1b485761cd-mediaContainer,
._98d47c1b485761cd-oneByOneGrid ._98d47c1b485761cd-clickableWrapper{
	width:100%;
	flex:1;
	display:flex;
	flex-direction:column;
}

._98d47c1b485761cd-oneByOneGrid ._98d47c1b485761cd-loadingOverlay{
	width:100%;
	flex:1;
	position:relative;
	aspect-ratio:auto !important;
}

._98d47c1b485761cd-oneByOneGrid ._98d47c1b485761cd-mosaicItem,
._98d47c1b485761cd-oneByOneGrid ._98d47c1b485761cd-clickableWrapper{
	overflow:hidden;
	border-radius:14px;
	border-radius:var(--media-border-radius, 14px);
}

._98d47c1b485761cd-oneByOneGridMosaic{
	display:flex;
	height:clamp(214px, 34vw, 300px);
}

._98d47c1b485761cd-oneByOneGridMosaic ._98d47c1b485761cd-mosaicItem{
	flex:1;
	height:100%;
}

._98d47c1b485761cd-oneByOneGridMosaic ._98d47c1b485761cd-mediaContainer,
._98d47c1b485761cd-oneByOneGridMosaic ._98d47c1b485761cd-clickableWrapper,
._98d47c1b485761cd-oneByOneGridMosaic ._98d47c1b485761cd-loadingOverlay{
	height:100%;
}

._98d47c1b485761cd-oneByOneGridMosaic ._98d47c1b485761cd-loadingOverlay{
	aspect-ratio:unset !important;
}

._98d47c1b485761cd-mosaicContainer > ._98d47c1b485761cd-oneByOneGrid + ._98d47c1b485761cd-threeByThreeGrid,
._98d47c1b485761cd-mosaicContainer > ._98d47c1b485761cd-oneByTwoGrid + ._98d47c1b485761cd-threeByThreeGrid{
	margin-top:4px;
}

._98d47c1b485761cd-mosaicContainerWrapper{
	position:relative;
	overflow:hidden;
	display:block;
	width:100%;
	max-width:550px;
	--media-border-radius:14px;
}

._98d47c1b485761cd-singleMosaicContainerWrapper{
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	max-width:min(100%, 550px);
}

._98d47c1b485761cd-singleMosaicContainerWrapper ._98d47c1b485761cd-mosaicContainer{
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	max-width:min(100%, 550px);
}

._98d47c1b485761cd-mosaicExpiryBadge{
	position:absolute;
	bottom:6px;
	right:6px;
	display:flex;
	flex-direction:row;
	align-items:center;
	z-index:3;
	opacity:0;
	visibility:hidden;
}

._98d47c1b485761cd-mosaicExpiryBadgeContent{
	display:inline-flex;
	align-items:center;
	gap:0.35rem;
	padding:0.15rem 0.4rem;
	border-radius:12px;
	background:color-mix(in srgb, var(--background-secondary) 86%, transparent);
	color:var(--text-secondary);
	border:1px solid color-mix(in srgb, var(--border-color) 80%, transparent);
	-webkit-backdrop-filter:blur(6px);
	        backdrop-filter:blur(6px);
	font-size:0.72rem;
}

._98d47c1b485761cd-placeholderImage{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	min-width:100%;
	min-height:100%;
	max-width:100%;
}

._98d47c1b485761cd-mediaImage{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	min-width:100%;
	min-height:100%;
	max-width:100%;
	transition:opacity 0.2s;
	opacity:1;
}

._98d47c1b485761cd-oneByOneGrid ._98d47c1b485761cd-mediaImage,
._98d47c1b485761cd-oneByOneGrid ._98d47c1b485761cd-placeholderImage{
	object-fit:cover;
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
}

._98d47c1b485761cd-oneByOneGridMosaic ._98d47c1b485761cd-mediaImage,
._98d47c1b485761cd-oneByOneGridMosaic ._98d47c1b485761cd-placeholderImage{
	object-fit:cover;
}

._98d47c1b485761cd-oneByTwoGrid ._98d47c1b485761cd-mosaicItem,
._98d47c1b485761cd-oneByTwoGrid ._98d47c1b485761cd-mediaContainer,
._98d47c1b485761cd-oneByTwoGrid ._98d47c1b485761cd-clickableWrapper,
._98d47c1b485761cd-oneByTwoGrid ._98d47c1b485761cd-loadingOverlay{
	height:100%;
}

._98d47c1b485761cd-fiveAttachmentContainer ._98d47c1b485761cd-threeByThreeGrid{
	flex:1;
	margin-top:0;
}

._98d47c1b485761cd-threeByThreeGrid ._98d47c1b485761cd-loadingOverlay{
	aspect-ratio:1 / 1 !important;
}

._98d47c1b485761cd-mediaImageHidden{
	opacity:0;
}

._98d47c1b485761cd-mediaBlurred{
	-webkit-filter:blur(12px);
	        filter:blur(12px);
	opacity:0.15;
}

._98d47c1b485761cd-nsfwOverlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:var(--spoiler-overlay-color);
	-webkit-backdrop-filter:blur(12px);
	        backdrop-filter:blur(12px);
	z-index:3;
	padding:0.5rem;
	text-align:center;
}

._98d47c1b485761cd-playButtonOverlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:none;
	z-index:2;
}

._98d47c1b485761cd-playButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:56px;
	height:56px;
	border-radius:50%;
	background-color:rgba(0, 0, 0, 0.75);
}

._98d47c1b485761cd-playButton svg{
	color:white;
}

._98d47c1b485761cd-audioPlaceholder{
	width:100%;
	height:100%;
	max-width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:linear-gradient(135deg, var(--background-tertiary) 0%, var(--background-secondary-alt) 100%);
	overflow:hidden;
	position:relative;
}

._98d47c1b485761cd-audioPlaceholder svg{
	width:40%;
	height:40%;
	max-width:80px;
	max-height:80px;
	opacity:0.6;
	color:var(--text-tertiary);
	flex-shrink:0;
}

@media (max-width: 640px){
	._98d47c1b485761cd-mosaicContainer{
		max-width:100%;
	}

	._98d47c1b485761cd-oneByTwoGrid,
	._98d47c1b485761cd-oneByTwoDuoContainer,
	._98d47c1b485761cd-twoByTwoGrid{
		max-height:clamp(196px, 58vw, 268px);
		min-height:clamp(160px, 47vw, 218px);
	}

	._98d47c1b485761cd-oneByOneGrid{
		max-height:clamp(210px, 66vw, 320px);
		max-width:100%;
	}

	._98d47c1b485761cd-threeByThreeGrid ._98d47c1b485761cd-mosaicItem{
		aspect-ratio:1 / 1;
	}
}

@media (max-width: 480px){
	._98d47c1b485761cd-oneByTwoGrid,
	._98d47c1b485761cd-twoByTwoGrid,
	._98d47c1b485761cd-fiveAttachmentContainer,
	._98d47c1b485761cd-threeByThreeGrid{
		gap:3px;
	}

	._98d47c1b485761cd-oneByTwoGrid,
	._98d47c1b485761cd-oneByTwoDuoContainer,
	._98d47c1b485761cd-twoByTwoGrid{
		max-height:clamp(176px, 64vw, 230px);
		min-height:clamp(142px, 52vw, 196px);
	}

	._98d47c1b485761cd-oneByOneGrid{
		max-height:clamp(188px, 72vw, 252px);
	}

	._98d47c1b485761cd-playButton{
		width:48px;
		height:48px;
	}

	._98d47c1b485761cd-gifIndicator{
		top:6px;
		left:6px;
		padding:3px 6px;
		font-size:0.75rem;
	}

	._98d47c1b485761cd-mosaicContainerWrapper{
		--media-border-radius:12px;
	}
}

._98d47c1b485761cd-mosaicItemLoading{
	background:linear-gradient(
		90deg,
		var(--background-secondary) 0%,
		var(--background-tertiary) 50%,
		var(--background-secondary) 100%
	);
	background-size:200% 100%;
	animation:_98d47c1b485761cd-loading 1.5s ease-in-out infinite;
}

@keyframes _98d47c1b485761cd-loading{
	0%{
		background-position:200% 0;
	}
	100%{
		background-position:-200% 0;
	}
}

._98d47c1b485761cd-mosaicContainer{
	height:auto;
	max-width:550px;
	width:100%;
	min-height:0;
}

._98d47c1b485761cd-clickableButton{
	height:100%;
	width:100%;
	border:0;
	background-color:transparent;
	padding:0;
}

._98d47c1b485761cd-gifIndicator{
	position:absolute;
	top:8px;
	left:8px;
	z-index:10;
	border-radius:4px;
	background-color:rgba(0, 0, 0, 0.6);
	padding:4px 8px;
	font-size:0.875rem;
	font-weight:600;
	color:white;
	line-height:1;
}

._98d47c1b485761cd-relativeWrapper{
	position:relative;
}

.b4ced37c8b1f5fc0-thumbnail{
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
	border-radius:var(--radius-sm);
	background:var(--background-primary);
	cursor:pointer;
}

.b4ced37c8b1f5fc0-thumbnailPlaceholder{
	position:absolute;
	inset:0;
	height:100%;
	width:100%;
	object-fit:cover;
}

.b4ced37c8b1f5fc0-overlay{
	position:absolute;
	inset:0;
	background:rgba(0, 0, 0, 0.4);
}

.b4ced37c8b1f5fc0-posterImage{
	position:absolute;
	inset:0;
	height:100%;
	width:100%;
	object-fit:cover;
}

.b4ced37c8b1f5fc0-controlsContainer{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.b4ced37c8b1f5fc0-buttonGroup{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

.b4ced37c8b1f5fc0-container{
	display:grid;
	width:100%;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	overflow:hidden;
	border-radius:var(--radius-sm);
}

.b4ced37c8b1f5fc0-videoContainer{
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
	border-radius:var(--radius-sm);
	background:var(--background-primary);
}

.b4ced37c8b1f5fc0-iframe{
	position:absolute;
	inset:0;
	height:100%;
	width:100%;
	border:none;
}

.ed797aa92362960f-iconCircle{
	display:flex;
	height:2.75rem;
	width:2.75rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
}

@media (min-width: 640px){
	.ed797aa92362960f-iconCircle{
		height:3rem;
		width:3rem;
	}
}

.ed797aa92362960f-iconCircleActive{
	background:linear-gradient(to bottom right, rgb(168 85 247 / 1), rgb(236 72 153 / 1));
}

.ed797aa92362960f-iconCircleInactive{
	background:linear-gradient(to bottom right, rgb(168 85 247 / 0.5), rgb(236 72 153 / 0.5));
}

.ed797aa92362960f-iconCircleDisabled{
	background-color:var(--background-tertiary);
}

.ed797aa92362960f-icon{
	height:1.25rem;
	width:1.25rem;
	color:white;
}

@media (min-width: 640px){
	.ed797aa92362960f-icon{
		height:1.5rem;
		width:1.5rem;
	}
}

.ed797aa92362960f-iconError{
	color:var(--text-tertiary);
}

.ed797aa92362960f-title{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:600;
	font-size:0.95rem;
}

@media (min-width: 640px){
	.ed797aa92362960f-title{
		font-size:1rem;
	}
}

.ed797aa92362960f-titlePrimary{
	color:var(--text-primary);
}

.ed797aa92362960f-titleTertiary{
	color:var(--text-tertiary);
}

.ed797aa92362960f-titleDanger{
	color:var(--status-danger);
}

.ed797aa92362960f-subRow{
	margin-bottom:0.25rem;
	color:var(--text-secondary);
	font-size:0.7rem;
	line-height:1.25;
	min-height:0.9rem;
}

@media (min-width: 640px){
	.ed797aa92362960f-subRow{
		font-size:0.8rem;
		line-height:1.25;
		min-height:1rem;
	}
}

.ed797aa92362960f-helpRow{
	color:var(--text-tertiary);
	font-size:0.7rem;
	min-height:0.9rem;
}

@media (min-width: 640px){
	.ed797aa92362960f-helpRow{
		font-size:0.8rem;
		min-height:1rem;
	}
}

.ed797aa92362960f-skeleton{
	animation:ed797aa92362960f-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
	border-radius:9999px;
	background-color:var(--background-tertiary);
}

.ed797aa92362960f-skeletonCircle{
	height:2.75rem;
	width:2.75rem;
}

@media (min-width: 640px){
	.ed797aa92362960f-skeletonCircle{
		height:3rem;
		width:3rem;
	}
}

.ed797aa92362960f-skeletonTitle{
	height:1.1rem;
	width:7rem;
	border-radius:0.25rem;
}

@media (min-width: 640px){
	.ed797aa92362960f-skeletonTitle{
		height:1.25rem;
		width:7rem;
	}
}

.ed797aa92362960f-skeletonHelp{
	height:0.9rem;
	width:6.5rem;
	border-radius:0.25rem;
}

@media (min-width: 640px){
	.ed797aa92362960f-skeletonHelp{
		height:1rem;
		width:7.5rem;
	}
}

.ed797aa92362960f-skeletonButton{
	height:2.25rem;
	width:100%;
	border-radius:0.375rem;
}

@keyframes ed797aa92362960f-pulse{
	0%,
	100%{
		opacity:1;
	}
	50%{
		opacity:0.5;
	}
}

._2cd25f48be8dee46-content{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	padding:1rem 1.5rem;
}

._2cd25f48be8dee46-description{
	margin:0;
	font-size:0.875rem;
	color:var(--text-secondary);
	line-height:1.4;
}

._2cd25f48be8dee46-codeContainer{
	position:relative;
	border-radius:var(--radius-md);
	background-color:var(--bg-code-block);
	border:1px solid var(--border-color);
	overflow:hidden;
	height:320px;
	margin-top:1rem;
	display:flex;
	flex-direction:column;
}

._2cd25f48be8dee46-pre{
	font-family:var(--font-mono);
	font-size:0.75rem;
	line-height:1.4;
	white-space:pre-wrap;
	word-break:break-word;
	margin:0;
	padding:0.75rem;
	flex:1;
	overflow-y:auto;
	color:var(--text-primary);
}

._2cd25f48be8dee46-hljs{
	display:block;
	color:var(--text-code);
	background:transparent;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
}

._2cd25f48be8dee46-codeActions{
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	opacity:0;
	transition:opacity var(--transition-normal);
	z-index:10;
}

._2cd25f48be8dee46-codeContainer:hover ._2cd25f48be8dee46-codeActions,
._2cd25f48be8dee46-codeContainer:focus-within ._2cd25f48be8dee46-codeActions{
	opacity:1;
}

._2cd25f48be8dee46-codeActionsVisible{
	opacity:1;
}

._2cd25f48be8dee46-copyButton{
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:var(--bg-secondary);
	color:var(--text-secondary);
	border:none;
	border-radius:var(--radius-sm);
	padding:0.375rem;
	cursor:pointer;
	transition:background-color var(--transition-fast), color var(--transition-fast);
}

._2cd25f48be8dee46-copyButton:hover{
	background-color:var(--bg-hover);
	color:var(--text-primary);
}

._2cd25f48be8dee46-copyButton:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

._2cd25f48be8dee46-copyIcon{
	width:1rem;
	height:1rem;
}

._2cd25f48be8dee46-loadingText{
	color:var(--text-tertiary);
	font-style:italic;
}

._2cd25f48be8dee46-errorText{
	color:var(--status-danger);
}

._2cd25f48be8dee46-footer{
	display:flex;
	justify-content:flex-end;
	gap:0.75rem;
}

._0ae21cfd08e728d8-iconCircle{
	display:grid;
	place-items:center;
	height:2.75rem;
	width:2.75rem;
	border-radius:9999px;
	background-color:var(--background-tertiary);
}

@media (min-width: 640px){
	._0ae21cfd08e728d8-iconCircle{
		height:3rem;
		width:3rem;
	}
}

._0ae21cfd08e728d8-iconCircleActive{
	background-color:var(--brand-primary);
}

._0ae21cfd08e728d8-iconOnBrand{
	color:var(--text-on-brand-primary);
}

._101209ce4649dbd9-forwardedContainer{
	display:flex;
	width:100%;
}

._101209ce4649dbd9-forwardedBar{
	width:0.25rem;
	flex-shrink:0;
	border-radius:0.25rem;
	background-color:var(--interactive-muted);
	margin-right:0.75rem;
}

._101209ce4649dbd9-forwardedContent{
	flex:1;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
}

._101209ce4649dbd9-forwardedHeader{
	display:flex;
	align-items:center;
	gap:0.25rem;
	margin-bottom:0.25rem;
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-chat-muted);
}

._101209ce4649dbd9-forwardedIcon{
	height:0.75rem;
	width:0.75rem;
}

._101209ce4649dbd9-forwardedLabel{
	font-style:italic;
}

._101209ce4649dbd9-attachmentsContainer{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	align-items:flex-start;
	margin-top:0.25rem;
	margin-top:var(--message-container-gap, 0.25rem);
}

._101209ce4649dbd9-forwardedSourceButton{
	margin-top:0.5rem;
	display:flex;
	align-items:center;
	gap:0.375rem;
	padding:0.375rem 0.5rem;
	border-radius:0.375rem;
	background-color:var(--background-secondary);
	font-size:0.75rem;
	line-height:1rem;
	transition:background-color 0.15s ease;
	cursor:pointer;
	border:1px solid var(--background-modifier-accent);
	box-sizing:border-box;
	align-self:flex-start;
	justify-content:flex-start;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	max-width:100%;
}

._101209ce4649dbd9-forwardedSourceButton:hover{
	background-color:var(--background-secondary-alt);
}

._101209ce4649dbd9-forwardedSourceLabel{
	color:var(--text-chat-muted);
	flex:0 0 auto;
	white-space:nowrap;
}

._101209ce4649dbd9-forwardedSourceInfo{
	display:flex;
	align-items:center;
	gap:0.25rem;
	flex:1 1 auto;
	min-width:0;
	overflow:hidden;
	white-space:nowrap;
}

._101209ce4649dbd9-forwardedSourceIcon{
	width:1rem;
	height:1rem;
	flex-shrink:0;
	color:var(--text-secondary);
}

._101209ce4649dbd9-forwardedSourceAvatar{
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

._101209ce4649dbd9-forwardedSourceGuildIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	border-radius:0.25rem;
	--guild-icon-size:1rem;
}

._101209ce4649dbd9-forwardedSourceChevron{
	color:var(--text-muted);
	flex-shrink:0;
}

._101209ce4649dbd9-forwardedSourceName{
	color:var(--text-primary);
	font-weight:500;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow-wrap:normal;
	word-break:normal;
}

._101209ce4649dbd9-stickersContainer{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
	margin-top:0.25rem;
}

._101209ce4649dbd9-stickerWrapper{
	position:relative;
	height:10rem;
	width:10rem;
}

._101209ce4649dbd9-stickerImage{
	height:100%;
	width:100%;
	object-fit:contain;
}

._101209ce4649dbd9-stickerTooltip{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._101209ce4649dbd9-stickerName{
	font-weight:500;
}

._101209ce4649dbd9-stickerGuildInfo{
	display:flex;
	align-items:center;
	gap:0.5rem;
	color:var(--text-tertiary);
}

._101209ce4649dbd9-stickerGuildIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	--guild-icon-size:1rem;
}

._101209ce4649dbd9-stickerGuildName{
	font-size:0.75rem;
	line-height:1rem;
}

@media (max-width: 640px){
	._101209ce4649dbd9-forwardedSourceButton{
		width:100%;
	}

	._101209ce4649dbd9-forwardedSourceInfo{
		gap:0.1875rem;
	}
}

@media (max-width: 480px){
	._101209ce4649dbd9-forwardedBar{
		margin-right:0.5rem;
	}

	._101209ce4649dbd9-forwardedSourceButton{
		padding:0.3125rem 0.4375rem;
		font-size:0.6875rem;
	}

	._101209ce4649dbd9-forwardedSourceLabel{
		display:none;
	}

	._101209ce4649dbd9-stickerWrapper{
		height:8rem;
		width:8rem;
	}
}

._6c7fae68ab090c4b-componentsContainer{
	display:flex;
	flex-direction:column;
	gap:0.4rem;
	margin-top:0.4rem;
	max-width:100%;
}

._6c7fae68ab090c4b-actionRow{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:stretch;
}

._6c7fae68ab090c4b-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:0.375rem;
	padding:0.42rem 0.68rem;
	min-height:30px;
	border-radius:8px;
	border:1px solid transparent;
	font:inherit;
	font-size:13px;
	font-weight:600;
	line-height:1;
	cursor:pointer;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
	transition:background-color 0.14s ease, border-color 0.14s ease, opacity 0.14s ease, transform 0.14s ease;
	color:#ffffff;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 10%);
}
@media (pointer: coarse){
	._6c7fae68ab090c4b-button{
		min-height:44px;
		padding:10px 16px;
	}
	._6c7fae68ab090c4b-select{
		min-height:44px;
	}
}

._6c7fae68ab090c4b-button:active:not(:disabled){
	transform:scale(0.98);
}

._6c7fae68ab090c4b-button:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

._6c7fae68ab090c4b-button:focus-visible{
	outline:2px solid #5865f2;
	outline:2px solid var(--brand-experiment, #5865f2);
	outline-offset:2px;
}
._6c7fae68ab090c4b-buttonPrimary{
	background:linear-gradient(
		180deg,
		color-mix(in srgb, #5865f2 90%, white 10%),
		#5865f2
	);
	border-color:color-mix(in srgb, #5865f2 80%, transparent);
}
@supports (color: color-mix(in lch, red, blue)){
._6c7fae68ab090c4b-buttonPrimary{
	background:linear-gradient(
		180deg,
		color-mix(in srgb, var(--button-primary-fill, var(--brand-experiment, #5865f2)) 90%, white 10%),
		var(--button-primary-fill, var(--brand-experiment, #5865f2))
	);
	border-color:color-mix(in srgb, var(--button-primary-border, var(--brand-experiment, #5865f2)) 80%, transparent);
}
}
._6c7fae68ab090c4b-buttonPrimary:hover:not(:disabled){
	background:#4752c4;
	background:var(--button-primary-active-fill, var(--brand-experiment-560, #4752c4));
}
._6c7fae68ab090c4b-buttonSecondary{
	background-color:color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%);
	border-color:color-mix(in srgb, var(--text-primary) 12%, transparent);
	color:var(--text-primary);
}
._6c7fae68ab090c4b-buttonSecondary:hover:not(:disabled){
	background-color:color-mix(in srgb, var(--background-secondary) 70%, var(--background-primary) 30%);
}
._6c7fae68ab090c4b-buttonSuccess{
	background-color:color-mix(in srgb, var(--status-online) 72%, var(--background-secondary));
	border-color:color-mix(in srgb, var(--status-online) 30%, transparent);
}
._6c7fae68ab090c4b-buttonSuccess:hover:not(:disabled){
	background-color:color-mix(in srgb, var(--status-online) 84%, var(--background-secondary));
}
._6c7fae68ab090c4b-buttonDanger{
	background-color:color-mix(in srgb, #da373c 84%, var(--background-secondary));
	border-color:color-mix(in srgb, #da373c 34%, transparent);
}
@supports (color: color-mix(in lch, red, blue)){
._6c7fae68ab090c4b-buttonDanger{
	background-color:color-mix(in srgb, var(--button-danger-fill, #da373c) 84%, var(--background-secondary));
	border-color:color-mix(in srgb, var(--button-danger-fill, #da373c) 34%, transparent);
}
}
._6c7fae68ab090c4b-buttonDanger:hover:not(:disabled){
	background-color:color-mix(in srgb, #a12828 90%, var(--background-secondary));
}
@supports (color: color-mix(in lch, red, blue)){
._6c7fae68ab090c4b-buttonDanger:hover:not(:disabled){
	background-color:color-mix(in srgb, var(--button-danger-active-fill, #a12828) 90%, var(--background-secondary));
}
}
._6c7fae68ab090c4b-buttonLink{
	background-color:color-mix(in srgb, var(--background-secondary) 84%, var(--background-primary) 16%);
	border-color:color-mix(in srgb, var(--text-primary) 12%, transparent);
	text-decoration:none;
	color:var(--text-link);
}
._6c7fae68ab090c4b-buttonLink:hover:not(:disabled){
	background-color:color-mix(in srgb, var(--background-secondary) 74%, var(--background-primary) 26%);
}

._6c7fae68ab090c4b-buttonLoading{
	cursor:wait;
	opacity:0.65;
}

._6c7fae68ab090c4b-buttonEmoji{
	font-size:16px;
	line-height:1;
}

._6c7fae68ab090c4b-buttonLinkIcon{
	width:12px;
	height:12px;
	flex-shrink:0;
}
._6c7fae68ab090c4b-selectWrapper{
	flex:1 1 320px;
	min-width:0;
	max-width:400px;
}

._6c7fae68ab090c4b-select{
	width:100%;
	padding:0.5rem 0.65rem;
	border-radius:8px;
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	background-color:color-mix(in srgb, var(--background-secondary) 84%, var(--background-primary) 16%);
	color:var(--text-primary);
	font:inherit;
	font-size:13px;
	cursor:pointer;
	min-height:34px;
}

._6c7fae68ab090c4b-select:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

._6c7fae68ab090c4b-select:focus-visible{
	outline:2px solid #5865f2;
	outline:2px solid var(--brand-experiment, #5865f2);
	outline-offset:2px;
}

._550164706176f0ef-statusIcon{
	display:inline-flex;
	align-items:center;
	margin-left:4px;
	vertical-align:middle;
	flex-shrink:0;
	width:14px;
	height:14px;
	color:var(--text-primary-muted);
}

._550164706176f0ef-statusIcon svg{
	width:14px;
	height:14px;
}

._550164706176f0ef-sent{
	color:var(--text-primary-muted);
	opacity:0.6;
}

._550164706176f0ef-read{
	color:#725dff;
	opacity:0.9;
}

._550164706176f0ef-spinning{
	animation:_550164706176f0ef-spin 1s linear infinite;
}

@keyframes _550164706176f0ef-spin{
	from{ transform:rotate(0deg); }
	to{ transform:rotate(360deg); }
}

@media (max-width: 767px), (pointer: coarse){
	._550164706176f0ef-statusIcon{
		display:none;
	}
}

._859b747709517292-jumpLinkButton{
	border:1px solid var(--markup-mention-border);
	padding:0.1rem 0.35rem;
	margin:0;
	font:inherit;
	display:inline-flex;
	align-items:center;
	line-height:1;
	vertical-align:middle;
	background-color:var(--markup-jump-link-fill);
	transition:background-color var(--transition-fast), border-color var(--transition-fast);
}

._859b747709517292-jumpLinkButton:hover{
	background-color:var(--markup-jump-link-hover-fill);
}

._859b747709517292-jumpLinkInfo{
	display:inline-flex;
	align-items:center;
	gap:0.2rem;
	line-height:1;
	vertical-align:middle;
	min-height:1rem;
	padding-bottom:0.05rem;
}

._859b747709517292-jumpLinkGuild{
	display:inline-flex;
	align-items:center;
	gap:0.2rem;
	line-height:1;
	flex-shrink:0;
	transform:translateY(-0.12rem);
}

._859b747709517292-jumpLinkGuildIcon{
	width:1rem;
	height:1rem;
	--guild-icon-size:1rem;
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	vertical-align:middle;
	line-height:0;
}

._859b747709517292-jumpLinkGuildIcon > svg,
._859b747709517292-jumpLinkGuildIcon > img{
	display:block;
}

._859b747709517292-jumpLinkGuildName{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-weight:500;
	line-height:1;
	vertical-align:middle;
}

._859b747709517292-jumpLinkCaret{
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	line-height:0;
	vertical-align:middle;
}

._859b747709517292-jumpLinkLabel{
	display:inline-flex;
	align-items:center;
	font-weight:500;
	white-space:nowrap;
	line-height:1;
	transform:translateY(-0.12rem);
	color:inherit;
}

._859b747709517292-jumpLinkDM{
	display:inline-flex;
	align-items:center;
	gap:0.3rem;
	line-height:1;
	color:inherit;
}

._859b747709517292-jumpLinkDMName{
	font-weight:500;
	color:inherit;
	line-height:1;
	transform:translateY(-0.12rem);
}

._859b747709517292-jumpLinkMessage{
	display:inline-flex;
	align-items:center;
	gap:0.1rem;
	line-height:1;
	vertical-align:middle;
	flex-shrink:0;
}

._859b747709517292-jumpLinkMessageIcon{
	width:0.9rem;
	height:0.9rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	vertical-align:middle;
	line-height:0;
	padding-bottom:0.05rem;
}

._859b747709517292-jumpLinkMessageIcon > svg{
	display:block;
}

._859b747709517292-jumpLinkChannel{
	display:inline-flex;
	align-items:center;
	gap:0.2rem;
	line-height:1;
}

._859b747709517292-jumpLinkChannelIcon{
	width:0.9rem;
	height:0.9rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	line-height:0;
	flex-shrink:0;
}

._859b747709517292-jumpLinkChannelIcon > svg{
	display:block;
	color:inherit;
}

._859b747709517292-jumpLinkChannelName{
	font-weight:500;
	color:inherit;
	white-space:nowrap;
	line-height:1;
	transform:translateY(-0.12rem);
}

._8b7a476aa000effb-everyoneMention{
	background-color:var(--markup-everyone-fill);
	color:var(--markup-everyone-text);
	border:1px solid var(--markup-everyone-border);
}

._8b7a476aa000effb-hereMention{
	background-color:var(--markup-here-fill);
	color:var(--markup-here-text);
	border:1px solid var(--markup-here-border);
}

._8b7a476aa000effb-channelIcon{
	height:1rem;
	width:1rem;
}

._9b9839d135024608-tooltipContainer{
	display:flex;
	flex-direction:column;
}

._9b9839d135024608-tooltipFullDateTime{
	font-weight:600;
}

._9b9839d135024608-tooltipRelativeTime{
	color:#d1d5db;
	font-size:0.875rem;
}

._9b9839d135024608-timestampPast{
	color:#9ca3af;
}

._9b9839d135024608-timestampFuture{
	color:#a5b4fc;
}

._9b9839d135024608-timestampToday{
	color:#86efac;
	font-weight:600;
}

._9b9839d135024608-clockIcon{
	margin-right:0.25rem;
	display:inline-block;
	height:0.875rem;
	width:0.875rem;
	opacity:0.7;
}

.ac4fb1f43cb7d901-container{
	display:flex;
	flex-direction:column;
	height:100%;
}

.ac4fb1f43cb7d901-variantEmbedded .ac4fb1f43cb7d901-friendItem:active{
	background-color:var(--background-secondary-alt);
}

.ac4fb1f43cb7d901-scroller{
	flex:1;
	min-height:0;
}

.ac4fb1f43cb7d901-scrollContent{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	padding-bottom:0.5rem;
	padding-bottom:var(--quick-switcher-scroll-padding-bottom, 0.5rem);
}

.ac4fb1f43cb7d901-section{
	display:flex;
	flex-direction:column;
}

.ac4fb1f43cb7d901-sectionHeader{
	font-size:0.75rem;
	font-weight:600;
	color:var(--text-primary-muted);
	text-transform:uppercase;
	letter-spacing:0.04em;
	margin-bottom:0.35rem;
}

.ac4fb1f43cb7d901-sectionList{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
}

.ac4fb1f43cb7d901-friendItemWrapper{
	width:100%;
}

.ac4fb1f43cb7d901-friendItem{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	width:100%;
	border:none;
	background-color:var(--background-secondary-alt);
	color:var(--text-primary);
	border-radius:var(--radius-lg);
	padding:0.75rem 1rem;
	cursor:pointer;
	text-align:left;
	transition:background-color 0.15s;
	-webkit-tap-highlight-color:transparent;
}

@media (hover: hover) and (pointer: fine){
	.ac4fb1f43cb7d901-friendItem:hover{
		background-color:var(--background-modifier-hover);
	}
}

.ac4fb1f43cb7d901-friendItem:active{
	background-color:var(--background-modifier-active);
}

.ac4fb1f43cb7d901-friendItemContent{
	display:flex;
	align-items:center;
	gap:8px;
	flex:1;
	min-width:0;
}

.ac4fb1f43cb7d901-avatar{
	width:32px;
	height:32px;
	flex-shrink:0;
}

.ac4fb1f43cb7d901-friendItemText{
	display:flex;
	flex-direction:column;
	gap:1px;
	flex:1;
	min-width:0;
}

.ac4fb1f43cb7d901-friendItemName{
	font-weight:500;
	font-size:0.9375rem;
	line-height:1.125rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.ac4fb1f43cb7d901-friendItemStatus{
	font-size:0.8125rem;
	line-height:1rem;
	color:var(--text-primary-muted);
	opacity:0.8;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.ac4fb1f43cb7d901-friendItemCaret{
	height:1rem;
	width:1rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

.ac4fb1f43cb7d901-emptyState{
	padding:2rem 1rem;
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
}

.ac4fb1f43cb7d901-emptyStateTitle{
	font-weight:500;
}

.ac4fb1f43cb7d901-emptyStateHint{
	margin-top:0.25rem;
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:1rem;
}

.fbb827d6fa646228-container{
	display:flex;
	flex-direction:column;
	height:100%;
	background-color:var(--background-secondary);
	padding:0;
	gap:12px;
}

.fbb827d6fa646228-tabsContainer{
	padding:4px 12px 0;
}

.fbb827d6fa646228-panels{
	flex:1;
	min-height:0;
	display:flex;
	flex-direction:column;
}

.fbb827d6fa646228-searchPanel,
.fbb827d6fa646228-friendsPanel{
	flex:1;
	min-height:0;
	display:flex;
	flex-direction:column;
	gap:12px;
}

.fbb827d6fa646228-panelHidden{
	display:none;
}

.fbb827d6fa646228-searchContainer{
	margin-bottom:4px;
	padding-inline:12px;
}

.fbb827d6fa646228-searchInput{
	width:100%;
	min-height:52px;
	padding-block:0.6rem;
}

.fbb827d6fa646228-searchClearButton{
	background:transparent;
	border:none;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--text-tertiary);
	cursor:pointer;
	border-radius:999px;
}

.fbb827d6fa646228-scroller{
	flex:1;
	min-height:0;
}

.fbb827d6fa646228-scrollContent{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	padding-bottom:0.5rem;
	padding-bottom:var(--quick-switcher-scroll-padding-bottom, 0.5rem);
}

.fbb827d6fa646228-friendsContent{
	height:100%;
}

.fbb827d6fa646228-section{
	display:flex;
	flex-direction:column;
}

.fbb827d6fa646228-sectionHeader{
	font-size:0.75rem;
	font-weight:600;
	color:var(--text-primary-muted);
	text-transform:uppercase;
	letter-spacing:0.04em;
	margin-bottom:0.35rem;
}

.fbb827d6fa646228-sectionList{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
}

.fbb827d6fa646228-option{
	display:flex;
	align-items:center;
	width:100%;
	border:none;
	background:transparent;
	color:var(--text-primary);
	border-radius:var(--radius-md);
	padding:0.25rem 0.25rem;
	cursor:pointer;
	text-align:left;
}

.fbb827d6fa646228-optionContent{
	display:flex;
	align-items:center;
	gap:8px;
	flex:1;
	min-width:0;
}

.fbb827d6fa646228-optionText{
	display:flex;
	flex-direction:column;
	gap:1px;
	flex:1;
	min-width:0;
}

.fbb827d6fa646228-optionTitle{
	font-weight:500;
	font-size:0.9375rem;
	line-height:1.125rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.fbb827d6fa646228-optionDescription{
	font-size:0.8125rem;
	line-height:1rem;
	color:var(--text-primary-muted);
	opacity:0.8;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.fbb827d6fa646228-optionIcon{
	width:28px;
	height:28px;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

.fbb827d6fa646228-optionHighlight{
	color:var(--text-secondary);
}

.fbb827d6fa646228-optionIconHighlight{
	color:var(--text-secondary);
}

.fbb827d6fa646228-avatar{
	width:32px;
	height:32px;
	flex-shrink:0;
}

.fbb827d6fa646228-guildIcon{
	height:32px;
	width:32px;
	border-radius:9999px;
	flex-shrink:0;
}

.fbb827d6fa646228-emptyState{
	padding:2rem 1rem;
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
}

.fbb827d6fa646228-emptyStateTitle{
	font-weight:500;
}

.fbb827d6fa646228-emptyStateHint{
	margin-top:0.25rem;
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:1rem;
}

.e8b243d88ce9abe5-container,
.e8b243d88ce9abe5-mobileSheet{
	--qs-shell-top:color-mix(in srgb, var(--app-surface-background) 34%, var(--background-primary) 66%);
	--qs-shell-bottom:color-mix(in srgb, var(--background-secondary) 32%, var(--background-primary) 68%);
	--qs-card-top:color-mix(in srgb, var(--background-floating) 22%, var(--background-primary) 78%);
	--qs-card-bottom:color-mix(in srgb, var(--background-secondary) 24%, var(--background-primary) 76%);
	--qs-card-hover-top:color-mix(in srgb, var(--background-floating) 30%, var(--background-primary) 70%);
	--qs-card-hover-bottom:color-mix(in srgb, var(--background-secondary) 34%, var(--background-primary) 66%);
	--qs-border:color-mix(in srgb, var(--text-primary) 10%, transparent);
	--qs-border-strong:color-mix(in srgb, var(--text-primary) 16%, transparent);
	--qs-highlight:color-mix(in srgb, var(--text-primary) 8%, transparent);
	--qs-shadow:rgb(8 15 28 / 0.22);
}

.e8b243d88ce9abe5-option{
	display:flex;
	width:100%;
	min-height:42px;
	align-items:center;
	border:1px solid transparent;
	background:linear-gradient(180deg, transparent, transparent);
	text-align:left;
	border-radius:1rem;
	padding:0.5rem 0.625rem;
	cursor:pointer;
	color:var(--text-primary);
	transition:var(--button-motion-transition), transform 160ms ease;
}

.e8b243d88ce9abe5-option:hover{
	background:linear-gradient(180deg, var(--qs-card-hover-top), var(--qs-card-hover-bottom)), color-mix(in srgb, var(--brand-primary) 8%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 12%, transparent);
	box-shadow:0 12px 24px rgb(8 15 28 / 0.12), inset 0 1px 0 var(--qs-highlight);
}

.e8b243d88ce9abe5-optionActive{
	background:linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 16%, var(--qs-card-top)), var(--qs-card-bottom)), color-mix(in srgb, var(--surface-interactive-selected-bg) 20%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 20%, transparent);
	box-shadow:0 16px 28px rgb(8 15 28 / 0.14), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 12%, transparent);
}

.e8b243d88ce9abe5-option + .e8b243d88ce9abe5-option{
	margin-top:2px;
}

.e8b243d88ce9abe5-optionContent{
	display:flex;
	align-items:center;
	gap:10px;
	flex:1;
	min-width:0;
}

.e8b243d88ce9abe5-optionText{
	display:flex;
	flex-direction:row;
	align-items:center;
	gap:6px;
	flex:1;
	min-width:0;
}

.e8b243d88ce9abe5-optionTitle{
	font-weight:500;
	font-size:0.8125rem;
	line-height:1rem;
	color:color-mix(in srgb, var(--text-secondary) 90%, var(--text-primary));
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	flex-shrink:1;
	min-width:0;
}

.e8b243d88ce9abe5-optionHighlight .e8b243d88ce9abe5-optionTitle{
	color:var(--text-primary);
}

.e8b243d88ce9abe5-optionDescription{
	font-size:0.75rem;
	line-height:1rem;
	color:color-mix(in srgb, var(--text-tertiary) 92%, var(--text-secondary));
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	flex-shrink:1;
	min-width:0;
}

.e8b243d88ce9abe5-optionIcon{
	width:20px;
	height:20px;
	flex-shrink:0;
	color:color-mix(in srgb, var(--brand-primary) 42%, var(--text-primary));
}

.e8b243d88ce9abe5-avatar{
	width:20px;
	height:20px;
	flex-shrink:0;
}

.e8b243d88ce9abe5-guildIcon{
	height:20px;
	width:20px;
	border-radius:9999px;
	flex-shrink:0;
}

.e8b243d88ce9abe5-list{
	display:flex;
	flex-direction:column;
	gap:0;
}

.e8b243d88ce9abe5-section{
	padding:0 var(--spacing-1);
	margin-bottom:4px;
}

.e8b243d88ce9abe5-section:first-child{
	padding-top:var(--spacing-1);
}

.e8b243d88ce9abe5-section:last-child{
	margin-bottom:0;
	padding-bottom:var(--spacing-1);
}

.e8b243d88ce9abe5-sectionHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0.25rem 0.625rem;
	margin-bottom:0.25rem;
	font-size:0.6875rem;
	font-weight:700;
	color:color-mix(in srgb, var(--text-primary-muted) 78%, var(--text-primary));
	letter-spacing:0.1em;
	text-transform:uppercase;
}

.e8b243d88ce9abe5-modalRoot{
	background:transparent;
	border:none;
	border-radius:0;
	box-shadow:none;
	max-width:36rem;
	width:100%;
	min-height:unset;
	box-sizing:border-box;
}

.e8b243d88ce9abe5-container{
	width:100%;
	max-width:36rem;
	overflow:hidden;
	border-radius:1.5rem;
	border:1px solid var(--qs-border);
	background:radial-gradient(circle at top left, color-mix(in srgb, var(--brand-primary) 16%, transparent) 0%, transparent 44%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--status-online) 10%, transparent) 0%, transparent 40%), linear-gradient(180deg, var(--qs-shell-top), var(--qs-shell-bottom));
	box-shadow:0 28px 64px var(--qs-shadow), inset 0 1px 0 var(--qs-highlight);
	-webkit-backdrop-filter:blur(26px) saturate(128%);
	        backdrop-filter:blur(26px) saturate(128%);
}

.e8b243d88ce9abe5-header{
	padding:0.875rem 0.875rem 0.625rem;
}

.e8b243d88ce9abe5-inputBackground{
	border-radius:1rem;
	border:1px solid var(--qs-border);
	background:linear-gradient(180deg, var(--qs-card-top), var(--qs-card-bottom)), color-mix(in srgb, var(--brand-primary) 6%, transparent);
	box-shadow:0 12px 24px rgb(8 15 28 / 0.12), inset 0 1px 0 var(--qs-highlight);
}

.e8b243d88ce9abe5-scrollerContainer{
	--scrollbar-track-bg:transparent;
	height:320px;
	min-height:320px;
	max-height:320px;
	padding:0 0.625rem 0.375rem;
}

.e8b243d88ce9abe5-emptyState{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:100%;
	padding:2rem 1.25rem;
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
}

.e8b243d88ce9abe5-emptyStateTitle{
	font-weight:700;
	color:var(--text-primary);
}

.e8b243d88ce9abe5-emptyStateHint{
	margin-top:0.25rem;
	color:color-mix(in srgb, var(--text-primary-muted) 90%, var(--text-secondary));
	font-size:0.75rem;
	line-height:1rem;
}

.e8b243d88ce9abe5-footer{
	border-top:1px solid var(--qs-border);
	background:linear-gradient(180deg, color-mix(in srgb, var(--qs-card-top) 60%, transparent), color-mix(in srgb, var(--qs-card-bottom) 90%, transparent)), transparent;
	padding:0.75rem 0.875rem 0.875rem;
	font-size:11px;
	color:var(--text-secondary);
}

.e8b243d88ce9abe5-footerLabel{
	margin-right:0.5rem;
	font-weight:500;
	color:var(--text-tertiary);
}

.e8b243d88ce9abe5-filterHintContainer{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
}

.e8b243d88ce9abe5-filterHintContainerWithMargin{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
	margin-right:0.75rem;
}

.e8b243d88ce9abe5-hintPill{
	display:inline-flex;
	height:1.25rem;
	min-width:1.25rem;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	border:1px solid var(--qs-border-strong);
	background:linear-gradient(180deg, var(--qs-card-top), var(--qs-card-bottom));
	padding-left:0.25rem;
	padding-right:0.25rem;
	font-size:11px;
	line-height:1.25rem;
	color:var(--text-primary);
}

.e8b243d88ce9abe5-optionHighlight{
	color:var(--text-primary);
}

.e8b243d88ce9abe5-optionIconHighlight{
	color:color-mix(in srgb, var(--brand-primary) 70%, var(--text-primary));
}

.e8b243d88ce9abe5-mobileSheet{
	display:flex;
	flex-direction:column;
	height:100%;
	background:radial-gradient(circle at top left, color-mix(in srgb, var(--brand-primary) 16%, transparent) 0%, transparent 40%), linear-gradient(180deg, var(--qs-shell-top), var(--qs-shell-bottom));
	padding:0 16px calc(0px + 1rem);
	padding:0 16px calc(var(--safe-area-bottom, 0px) + 1rem);
}

.e8b243d88ce9abe5-mobileSearchContainer{
	padding-top:1.25rem;
	padding-bottom:1.25rem;
}

.e8b243d88ce9abe5-mobilePanels{
	flex:1;
	min-height:0;
	display:flex;
	flex-direction:column;
}

.e8b243d88ce9abe5-mobileSearchPanel,
.e8b243d88ce9abe5-mobileFriendsPanel{
	flex:1;
	min-height:0;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.e8b243d88ce9abe5-mobilePanelHidden{
	display:none;
}

.e8b243d88ce9abe5-mobileScroller{
	flex:1;
	min-height:0;
}

.e8b243d88ce9abe5-mobileSearchInput{
	width:100%;
	min-height:52px;
	padding-block:0.6rem;
}

.e8b243d88ce9abe5-mobileSearchClearButton{
	background:transparent;
	border:none;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--text-tertiary);
	cursor:pointer;
	border-radius:999px;
}

.e8b243d88ce9abe5-mobileScrollContent{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	padding-bottom:0.5rem;
}

.e8b243d88ce9abe5-mobileFriendsContent{
	height:100%;
}

.e8b243d88ce9abe5-mobileSection{
	display:flex;
	flex-direction:column;
}

.e8b243d88ce9abe5-mobileSectionHeader{
	font-size:0.75rem;
	font-weight:700;
	color:color-mix(in srgb, var(--text-primary-muted) 82%, var(--text-primary));
	text-transform:uppercase;
	letter-spacing:0.08em;
	margin-bottom:0.35rem;
}

.e8b243d88ce9abe5-mobileSectionList{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
}

.e8b243d88ce9abe5-mobileOption{
	display:flex;
	align-items:center;
	width:100%;
	border:1px solid transparent;
	background:linear-gradient(180deg, transparent, transparent);
	color:var(--text-primary);
	border-radius:1rem;
	padding:0.375rem 0.5rem;
	transition:var(--button-motion-transition);
}

._496b5a6bba4be36f-content{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding-bottom:16px;
}

._496b5a6bba4be36f-footer{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:8px;
}

._496b5a6bba4be36f-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._496b5a6bba4be36f-error{
	color:#f36;
	color:var(--warn-text, #f36);
	margin-top:8px;
}

._6aabeedc0d1e3677-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._6aabeedc0d1e3677-header{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

._6aabeedc0d1e3677-description{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._6aabeedc0d1e3677-buttonGroup{
	display:flex;
	align-items:flex-start;
	gap:0.5rem;
}

._6aabeedc0d1e3677-spinnerContainer{
	display:flex;
	justify-content:center;
	padding-top:2rem;
	padding-bottom:2rem;
}

._6aabeedc0d1e3677-invitesContainer{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._6aabeedc0d1e3677-invitesList{
	display:flex;
	flex-direction:column;
}

._6aabeedc0d1e3677-inviteItems{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._6aabeedc0d1e3677-errorBox{
	border-radius:0.375rem;
	border-width:1px;
	border-color:var(--background-header-secondary);
	background-color:var(--background-tertiary);
	padding:1.5rem;
}

._6aabeedc0d1e3677-errorText{
	text-align:center;
	color:var(--text-primary-muted);
}

._45d29b383e502b2b-container{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

._45d29b383e502b2b-header{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

._45d29b383e502b2b-description{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._45d29b383e502b2b-regionOption{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._45d29b383e502b2b-regionEmoji{
	height:1.25rem;
	width:1.25rem;
}

._45d29b383e502b2b-voiceQualityLabel{
	margin-bottom:0.5rem;
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._45d29b383e502b2b-sliderContainer{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._45d29b383e502b2b-sliderDescription{
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-primary-muted);
}

._45d29b383e502b2b-emojiButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:2rem;
	width:2rem;
	border-radius:0.25rem;
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
}

._45d29b383e502b2b-emojiButtonInactive{
	color:var(--text-tertiary);
	cursor:pointer;
}

._45d29b383e502b2b-emojiButtonInactive:hover{
	color:var(--text-primary);
}

._45d29b383e502b2b-emojiButtonActive{
	color:var(--text-primary);
}

._45d29b383e502b2b-urlDescription{
	margin-top:0.25rem;
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-primary-muted);
}

._45d29b383e502b2b-sectionWrapper{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

._45d29b383e502b2b-sectionHeader{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

._45d29b383e502b2b-sectionDescription{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._45d29b383e502b2b-fieldDescription{
	margin-top:0.25rem;
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-primary-muted);
}

._45d29b383e502b2b-fieldLabel{
	margin-bottom:0.5rem;
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._45d29b383e502b2b-fieldContent{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._45d29b383e502b2b-fieldNote{
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-primary-muted);
}

._45d29b383e502b2b-selectField{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._45d29b383e502b2b-selectLabel{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._45d29b383e502b2b-selectDescription{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.f4d224bbdbdc9a65-popoutContainer{
	width:100%;
	border-radius:0.5rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:0.5rem;
	box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.f4d224bbdbdc9a65-searchContainer{
	margin-bottom:0.5rem;
}

.f4d224bbdbdc9a65-scroller{
	max-height:24rem;
}

.f4d224bbdbdc9a65-section{
	margin-bottom:0.5rem;
}

.f4d224bbdbdc9a65-sectionHeader{
	padding-left:0.5rem;
	padding-right:0.5rem;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
	font-weight:600;
	color:var(--text-tertiary);
	font-size:0.75rem;
	line-height:1rem;
	text-transform:uppercase;
}

.f4d224bbdbdc9a65-itemButton{
	display:flex;
	width:100%;
	min-width:0;
	align-items:center;
	gap:0.5rem;
	border-radius:0.25rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	padding-top:0.375rem;
	padding-bottom:0.375rem;
	text-align:left;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

.f4d224bbdbdc9a65-itemButtonActive{
	background-color:var(--background-modifier-selected);
}

.f4d224bbdbdc9a65-itemButtonInactive:hover{
	background-color:var(--background-modifier-hover);
}

.f4d224bbdbdc9a65-roleIndicator{
	height:0.75rem;
	width:0.75rem;
	flex-shrink:0;
	border-radius:9999px;
}

.f4d224bbdbdc9a65-itemLabel{
	min-width:0;
	flex:1 1 0%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.f4d224bbdbdc9a65-avatar{
	flex-shrink:0;
}

.f4d224bbdbdc9a65-emptyState{
	padding-left:0.5rem;
	padding-right:0.5rem;
	padding-top:1rem;
	padding-bottom:1rem;
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.fdc40e89e01aa7fa-container{
	display:flex;
	flex-direction:column;
	gap:16px;
	max-width:100%;
	font-size:14px;
}

.fdc40e89e01aa7fa-syncBanner{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:space-between;
	gap:8px;
	border:1px solid var(--background-modifier-accent);
	border-radius:6px;
	padding:10px 12px;
	margin-top:12px;
	font-size:0.8125rem;
}

@media (min-width: 640px){
	.fdc40e89e01aa7fa-syncBanner{
		flex-direction:row;
		align-items:center;
		padding:8px 12px;
	}
}

.fdc40e89e01aa7fa-syncBannerSynced{
	color:var(--status-online);
}

.fdc40e89e01aa7fa-syncBannerUnsynced{
	color:var(--status-idle);
}

.fdc40e89e01aa7fa-grid{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:16px;
	gap:16px;
	min-height:0;
	align-items:start;
}

.fdc40e89e01aa7fa-left{
	display:flex;
	flex-direction:column;
	gap:16px;
	min-height:0;
	min-width:0;
	width:100%;
	padding-top:12px;
}

@media (min-width: 640px){
	.fdc40e89e01aa7fa-left{
		padding-top:20px;
		padding-right:8px;
	}
}

.fdc40e89e01aa7fa-leftSticky{
	position:-webkit-sticky;
	position:sticky;
	top:0;
}

.fdc40e89e01aa7fa-leftTitle{
	margin-bottom:4px;
	font-weight:600;
	font-size:0.75rem;
	text-transform:uppercase;
	letter-spacing:0.02em;
	color:var(--text-tertiary);
}

.fdc40e89e01aa7fa-leftScroller{
	display:flex;
	flex:1 1 auto;
	min-height:0;
}

.fdc40e89e01aa7fa-right{
	display:flex;
	flex:1 1 auto;
	min-height:0;
	min-width:0;
	flex-direction:column;
	overflow:hidden;
}

.fdc40e89e01aa7fa-rightScroller{
	display:flex;
	flex:1 1 auto;
	min-height:0;
	flex-direction:column;
	gap:16px;
	padding-top:16px;
	padding-bottom:24px;
}

@media (min-width: 640px){
	.fdc40e89e01aa7fa-rightScroller{
		padding-top:20px;
	}
}

.fdc40e89e01aa7fa-sectionRow{
	display:flex;
	flex-direction:column;
	gap:12px;
}

@media (min-width: 640px){
	.fdc40e89e01aa7fa-sectionRow{
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
	}

	.fdc40e89e01aa7fa-sectionRow > button,
	.fdc40e89e01aa7fa-sectionRow > :last-child:not(.fdc40e89e01aa7fa-sectionHeader){
		flex-shrink:0;
	}
}

.fdc40e89e01aa7fa-sectionTitle{
	font-weight:600;
	font-size:1.125rem;
	letter-spacing:-0.01em;
	margin-bottom:8px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.fdc40e89e01aa7fa-sectionHeader{
	min-width:0;
}

.fdc40e89e01aa7fa-subtleText{
	color:var(--text-primary-muted);
	font-size:0.8125rem;
}

.fdc40e89e01aa7fa-permHeaderRow{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	width:100%;
}

.fdc40e89e01aa7fa-permHelp{
	color:var(--text-primary-muted);
	font-size:0.8125rem;
}

.fdc40e89e01aa7fa-emptyState{
	padding:16px 0;
	text-align:center;
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

.fdc40e89e01aa7fa-overwriteItem{
	position:relative;
	display:flex;
	width:100%;
	align-items:center;
	gap:8px;
	border-radius:4px;
	padding:6px 8px;
	text-align:left;
	cursor:pointer;
	background:transparent;
}
.fdc40e89e01aa7fa-overwriteItem:not(.fdc40e89e01aa7fa-overwriteItemSelected):hover{
	background:var(--background-modifier-hover);
}
.fdc40e89e01aa7fa-overwriteItemSelected{
	background:var(--brand-primary);
	color:var(--brand-primary-fill);
}
.fdc40e89e01aa7fa-overwriteIcon{
	flex-shrink:0;
	width:12px;
	height:12px;
}
.fdc40e89e01aa7fa-roleDot{
	width:12px;
	height:12px;
	border-radius:9999px;
	flex-shrink:0;
}
.fdc40e89e01aa7fa-overwriteName{
	flex:1 1 auto;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
	line-height:1.2;
	max-height:1.2em;
}

.fdc40e89e01aa7fa-icon{
	width:16px;
	height:16px;
	margin-right:6px;
	display:inline-flex;
	align-items:center;
}

.fdc40e89e01aa7fa-permSearchRow{
	display:flex;
	align-items:center;
	gap:8px;
	margin:12px 0;
}

.fdc40e89e01aa7fa-permSearchInput{
	flex:1;
	min-width:0;
}

.fdc40e89e01aa7fa-layoutButtons{
	display:flex;
	align-items:center;
	gap:4px;
	flex-shrink:0;
}

.fdc40e89e01aa7fa-layoutButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	border-radius:6px;
	background:var(--background-secondary);
	color:var(--text-primary-muted);
	cursor:pointer;
	transition:background-color 150ms ease, color 150ms ease;
}

.fdc40e89e01aa7fa-layoutButton:hover{
	background:var(--background-modifier-hover);
	color:var(--text-primary);
}

.fdc40e89e01aa7fa-permCategories{
	display:flex;
	flex-direction:column;
	gap:20px;
}

.fdc40e89e01aa7fa-mobileOverrideList{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding:16px 0;
}

.fdc40e89e01aa7fa-mobileListHeader{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	gap:8px;
}

.fdc40e89e01aa7fa-mobileListTitle{
	font-weight:600;
	font-size:1rem;
	color:var(--text-primary);
}

.fdc40e89e01aa7fa-mobileOverrides{
	display:flex;
	flex-direction:column;
	gap:4px;
}

.fdc40e89e01aa7fa-mobileOverrideItem{
	display:flex;
	width:100%;
	align-items:center;
	gap:12px;
	padding:12px 14px;
	border-radius:6px;
	background:var(--background-secondary);
	cursor:pointer;
	transition:background-color 150ms ease;
}

.fdc40e89e01aa7fa-mobileOverrideItem:hover{
	background:var(--background-modifier-hover);
}

.fdc40e89e01aa7fa-mobileOverrideName{
	flex:1;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
	text-align:left;
	line-height:1.2;
	max-height:1.2em;
}

.fdc40e89e01aa7fa-mobileOverrideChevron{
	flex-shrink:0;
	color:var(--text-primary-muted);
}

.fdc40e89e01aa7fa-mobileBackRow{
	margin-bottom:8px;
}

._931ef4c61412f393-container{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._931ef4c61412f393-headerSection{
	margin-bottom:0.5rem;
}

._931ef4c61412f393-header{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.75rem;
}

._931ef4c61412f393-description{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._931ef4c61412f393-buttonContainer{
	display:flex;
	align-items:flex-start;
}

._931ef4c61412f393-spinnerContainer{
	display:flex;
	justify-content:center;
	padding-top:2rem;
	padding-bottom:2rem;
}

._931ef4c61412f393-messageBox{
	border-radius:0.375rem;
	border-width:1px;
	border-color:var(--background-header-secondary);
	background-color:var(--background-tertiary);
	padding:1.5rem;
	text-align:center;
	color:var(--text-primary-muted);
}

._931ef4c61412f393-webhooksList{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._9ab789e267123b40-message{
	margin-bottom:1rem;
	font-size:0.875rem;
	color:var(--text-primary);
}

._9ab789e267123b40-footer{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:8px;
}

._9ab789e267123b40-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._8d2980c84ecc238f-container{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	max-width:672px;
	margin:0 auto;
	padding:32px 24px;
	background-color:var(--background-secondary);
	border-radius:8px;
	border-radius:var(--radius-lg, 8px);
}

._8d2980c84ecc238f-fileName{
	margin:0 0 24px 0;
	font-size:16px;
	font-weight:600;
	color:var(--text-primary);
	text-align:center;
	word-break:break-word;
}

._8d2980c84ecc238f-progressSection{
	width:100%;
	margin-bottom:16px;
}

._8d2980c84ecc238f-progressBar{
	margin-bottom:8px;
}

._8d2980c84ecc238f-timeDisplay{
	display:flex;
	justify-content:space-between;
	font-family:monospace;
	font-family:var(--font-mono, monospace);
	font-size:12px;
	color:var(--text-secondary);
}

._8d2980c84ecc238f-controls{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px;
	width:100%;
}

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

._8d2980c84ecc238f-playButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	padding:0;
	border:none;
	background-color:var(--brand-primary);
	border-radius:50%;
	color:#fff;
	cursor:pointer;
	transition:background-color 150ms ease, transform 150ms ease;
}

._8d2980c84ecc238f-playButton:hover{
	background-color:var(--brand-primary-light);
}

._8d2980c84ecc238f-playButton:active{
	transform:scale(0.95);
}

._8d2980c84ecc238f-playButton:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:2px;
}

._8d2980c84ecc238f-seekButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	padding:0;
	border:none;
	background:transparent;
	color:#fff;
	cursor:pointer;
	border-radius:50%;
	transition:background-color 150ms ease, opacity 150ms ease;
}

._8d2980c84ecc238f-seekButton:hover{
	background-color:rgba(255, 255, 255, 0.1);
}

._8d2980c84ecc238f-seekButton:active{
	opacity:0.8;
}

._8d2980c84ecc238f-seekButton:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:2px;
}

._8d2980c84ecc238f-secondaryControls{
	display:flex;
	align-items:center;
	gap:8px;
	margin-top:16px;
	width:100%;
	justify-content:center;
}

._8d2980c84ecc238f-volumeControl{
	color:#fff;
}

._8d2980c84ecc238f-playbackRate{
	color:#fff;
}

._8d2980c84ecc238f-mobile ._8d2980c84ecc238f-container{
	padding:24px 16px;
}

._8d2980c84ecc238f-mobile ._8d2980c84ecc238f-playButton{
	width:56px;
	height:56px;
}

._8d2980c84ecc238f-mobile ._8d2980c84ecc238f-seekButton{
	width:44px;
	height:44px;
}

._8d2980c84ecc238f-spinner{
	animation:_8d2980c84ecc238f-spin 1s linear infinite;
}

@keyframes _8d2980c84ecc238f-spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

._32b7d1cc4505012f-mediaContainer{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	min-width:0;
	min-height:0;
	overflow:hidden;
	pointer-events:none;
}

._32b7d1cc4505012f-mediaContainer img,
._32b7d1cc4505012f-mediaContainer video,
._32b7d1cc4505012f-mediaContainer canvas,
._32b7d1cc4505012f-mediaContainer picture,
._32b7d1cc4505012f-mediaContainer svg{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain;
	display:block;
	pointer-events:auto;
}

._32b7d1cc4505012f-transformWrapper{
	width:100% !important;
	height:100% !important;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	min-width:0;
	min-height:0;
}

._32b7d1cc4505012f-transformContent{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100% !important;
	height:100% !important;
	overflow:hidden;
	min-width:0;
	min-height:0;
}

._32b7d1cc4505012f-controlButton{
	border-radius:999px;
	min-width:42px;
	min-height:42px;
	padding:0.45rem;
	transition-property:color, background-color, transform;
	transition-duration:150ms;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid color-mix(in srgb, var(--text-primary) 16%, transparent);
	background:color-mix(in srgb, var(--background-floating) 44%, transparent);
	-webkit-backdrop-filter:blur(10px) saturate(115%);
	        backdrop-filter:blur(10px) saturate(115%);
}

._32b7d1cc4505012f-controlButton:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:-2px;
}

._32b7d1cc4505012f-controlButton:active{
	transform:scale(0.95);
}

._32b7d1cc4505012f-controlButtonDefault{
	color:color-mix(in srgb, var(--text-primary) 80%, var(--text-secondary));
}

._32b7d1cc4505012f-controlButtonDefault:hover{
	color:var(--text-primary);
	background:color-mix(in srgb, var(--background-floating) 64%, transparent);
}

._32b7d1cc4505012f-controlButtonDefaultActive{
	background-color:color-mix(in srgb, var(--background-floating) 74%, var(--brand-primary) 26%);
	color:var(--text-primary);
	border-color:color-mix(in srgb, var(--brand-primary) 34%, transparent);
}

._32b7d1cc4505012f-controlButtonPrimary{
	color:color-mix(in srgb, var(--text-primary) 80%, var(--text-secondary));
}

._32b7d1cc4505012f-controlButtonPrimary:hover{
	color:var(--text-primary);
	background:color-mix(in srgb, var(--background-floating) 64%, transparent);
}

._32b7d1cc4505012f-controlButtonPrimaryActive{
	background-color:color-mix(in srgb, var(--brand-primary) 72%, var(--background-floating));
	color:var(--text-on-brand-primary);
	border-color:color-mix(in srgb, var(--brand-primary) 48%, transparent);
}

._32b7d1cc4505012f-controlButtonPrimaryActive:hover{
	background-color:var(--brand-primary);
}

._32b7d1cc4505012f-controlButtonDanger{
	color:color-mix(in srgb, var(--text-primary) 80%, var(--status-danger));
}

._32b7d1cc4505012f-controlButtonDanger:hover{
	color:var(--text-primary);
	background:color-mix(in srgb, var(--status-danger) 16%, transparent);
}

._32b7d1cc4505012f-controlButtonDangerActive{
	background-color:color-mix(in srgb, var(--status-danger) 78%, var(--background-floating));
	color:var(--text-on-brand-primary);
	border-color:color-mix(in srgb, var(--status-danger) 52%, transparent);
}

._32b7d1cc4505012f-controlButtonDangerActive:hover{
	background-color:var(--status-danger);
}

._32b7d1cc4505012f-controlButtonDisabled{
	opacity:0.5;
	cursor:not-allowed;
}

._32b7d1cc4505012f-fileInfoInline{
	display:flex;
	align-items:center;
	gap:0.5rem;
	min-width:0;
	flex:1;
}

._32b7d1cc4505012f-fileInfoContent{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:1px;
}

._32b7d1cc4505012f-fileInfoName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:500;
	font-size:0.875rem;
	line-height:1.125rem;
	color:var(--text-primary);
}

._32b7d1cc4505012f-fileInfoMeta{
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:0.875rem;
}

._32b7d1cc4505012f-fileInfoExpiry{
	color:var(--text-primary-muted);
}

._32b7d1cc4505012f-fileInfoNavigation{
	display:flex;
	align-items:center;
	gap:0.25rem;
	margin-left:auto;
	flex-shrink:0;
}

._32b7d1cc4505012f-fileInfoNavigationText{
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-primary-muted);
	padding:0 0.25rem;
}

._32b7d1cc4505012f-controlsBox{
	display:flex;
	align-items:center;
	gap:0.2rem;
	pointer-events:auto;
	flex-shrink:0;
}

._32b7d1cc4505012f-controlsDivider{
	margin-left:0.25rem;
	margin-right:0.25rem;
	height:1.25rem;
	width:1px;
	background-color:var(--background-modifier-accent);
}

._32b7d1cc4505012f-modalOverlay{
	position:fixed;
	inset:0;
	z-index:var(--z-index-modal);
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:auto;
}

._32b7d1cc4505012f-modalBackdrop{
	position:absolute;
	inset:0;
	background-color:rgb(0 0 0 / 0.6);
	-webkit-backdrop-filter:blur(4px);
	        backdrop-filter:blur(4px);
	pointer-events:auto;
}

@media (max-width: 768px){
	._32b7d1cc4505012f-modalBackdrop{
		background-color:rgb(0 0 0 / 0.85);
		-webkit-backdrop-filter:blur(8px);
		        backdrop-filter:blur(8px);
	}
}

._32b7d1cc4505012f-modalContent{
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	pointer-events:none;
}

._32b7d1cc4505012f-modalContentInner{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	pointer-events:none;
	gap:0.75rem;
	padding:1rem;
	padding:var(--media-content-padding, 1rem);
	box-sizing:border-box;
}

@media (max-width: 768px){
	._32b7d1cc4505012f-modalContentInner{
		padding:0.5rem;
		gap:0.5rem;
	}
}

._32b7d1cc4505012f-modalContentInnerZoomed{
	padding:0;
	max-width:100%;
	max-height:100%;
	width:100%;
	height:100%;
}

._32b7d1cc4505012f-headerBar{
	position:absolute;
	top:1rem;
	top:var(--media-content-padding, 1rem);
	left:1rem;
	left:var(--media-content-padding, 1rem);
	right:1rem;
	right:var(--media-content-padding, 1rem);
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	gap:0.5rem;
	z-index:100;
	pointer-events:none;
	min-height:48px;
}

html.platform-native-desktop ._32b7d1cc4505012f-headerBar{
	top:calc(1rem + var(--native-titlebar-height));
	top:calc(var(--media-content-padding, 1rem) + var(--native-titlebar-height));
}

@media (max-width: 768px){
	._32b7d1cc4505012f-headerBar{
		top:calc(0.5rem + max(0px, 10px));
		top:calc(0.5rem + max(var(--safe-area-top, 0px), 10px));
		left:calc(0.5rem + 0px);
		left:calc(0.5rem + var(--safe-area-left, 0px));
		right:calc(0.5rem + 0px);
		right:calc(0.5rem + var(--safe-area-right, 0px));
		min-height:40px;
	}
}

._32b7d1cc4505012f-headerMeta{
	display:flex;
	align-items:center;
	gap:0.375rem;
	padding:0;
	border-radius:0;
	background-color:transparent;
	border:none;
	box-shadow:none;
	pointer-events:auto;
	min-width:0;
	max-width:calc(100% - 180px);
	height:100%;
	box-sizing:border-box;
}

@media (max-width: 768px){
	._32b7d1cc4505012f-headerMeta{
		display:none;
	}
}

._32b7d1cc4505012f-headerControls{
	display:flex;
	align-items:stretch;
	gap:0.3rem;
	margin-left:auto;
	flex-shrink:0;
	pointer-events:none;
	height:100%;
}

._32b7d1cc4505012f-actionControlsBox{
	display:flex;
	align-items:center;
	gap:0.22rem;
	padding:0.12rem 0.15rem;
	border-radius:999px;
	background-color:transparent;
	border:none;
	box-shadow:none;
	pointer-events:auto;
	height:100%;
	box-sizing:border-box;
}

._32b7d1cc4505012f-closeControlBox{
	display:flex;
	align-items:center;
	padding:0.12rem 0.15rem;
	border-radius:999px;
	background-color:transparent;
	border:none;
	box-shadow:none;
	pointer-events:auto;
	height:100%;
	box-sizing:border-box;
}

._32b7d1cc4505012f-mediaArea{
	position:relative;
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:1rem;
	padding:var(--media-content-padding, 1rem);
	width:100%;
	height:100%;
	box-sizing:border-box;
	pointer-events:none;
	min-width:0;
	min-height:0;
}

._32b7d1cc4505012f-mediaArea > *{
	pointer-events:auto;
}

._32b7d1cc4505012f-mediaAreaZoomed{
	padding:0;
}

@media (max-width: 768px){
	._32b7d1cc4505012f-mediaArea{
		padding:0;
	}
}

._32b7d1cc4505012f-desktopViewerContainer{
	display:flex;
	height:100%;
	width:100%;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border:0;
	background-color:transparent;
}

._32b7d1cc4505012f-desktopViewerContent{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	min-width:0;
	min-height:0;
	will-change:transform;
	pointer-events:none;
}

._32b7d1cc4505012f-mobileViewerContainer{
	display:flex;
	height:100%;
	width:100%;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

._32b7d1cc4505012f-nonZoomMediaContainer{
	position:relative;
	display:flex;
	height:100%;
	width:100%;
	align-items:center;
	justify-content:center;
}

._32b7d1cc4505012f-nonZoomBackdrop{
	position:absolute;
	inset:0;
	cursor:pointer;
}

._32b7d1cc4505012f-nonZoomContent{
	pointer-events:none;
	position:relative;
	z-index:10;
	display:flex;
	height:100%;
	width:100%;
	align-items:center;
	justify-content:center;
	padding:1rem;
	padding:var(--media-content-padding, 1rem);
	box-sizing:border-box;
}

@media (max-width: 768px){
	._32b7d1cc4505012f-nonZoomContent{
		padding:0;
	}
}

._32b7d1cc4505012f-nonZoomContentInner{
	pointer-events:auto;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

._32b7d1cc4505012f-navigationOverlay{
	position:absolute;
	bottom:1rem;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	align-items:center;
	gap:0.5rem;
	border-radius:9999px;
	background-color:rgb(0 0 0 / 0.6);
	padding:0.5rem 1rem;
	-webkit-backdrop-filter:blur(4px);
	        backdrop-filter:blur(4px);
	pointer-events:auto;
}

._32b7d1cc4505012f-navigationText{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:white;
}

._32b7d1cc4505012f-thumbnailCarousel{
	position:absolute;
	bottom:1rem;
	bottom:var(--media-content-padding, 1rem);
	left:50%;
	transform:translateX(-50%);
	display:flex;
	gap:0.25rem;
	padding:0.25rem;
	border-radius:var(--radius-md);
	background-color:transparent;
	-webkit-backdrop-filter:none;
	        backdrop-filter:none;
	pointer-events:auto;
	max-width:min(960px, 94vw);
	overflow-x:auto;
	box-shadow:none;
}

._32b7d1cc4505012f-thumbnailButton{
	border:none;
	padding:0;
	background:transparent;
	cursor:pointer;
	border-radius:0.5rem;
	flex:0 0 auto;
}

._32b7d1cc4505012f-thumbnailButton:focus-visible{
	outline:none;
}

._32b7d1cc4505012f-thumbnailImageWrapper{
	position:relative;
	width:56px;
	height:56px;
	border-radius:0.5rem;
	overflow:hidden;
	background-color:var(--background-primary);
	opacity:0.7;
	transition:opacity 140ms ease, box-shadow 140ms ease;
}

._32b7d1cc4505012f-thumbnailButton:hover ._32b7d1cc4505012f-thumbnailImageWrapper,
._32b7d1cc4505012f-thumbnailButton:focus-visible ._32b7d1cc4505012f-thumbnailImageWrapper{
	opacity:1;
	box-shadow:0 0 0 2px var(--background-tertiary), 0 10px 28px rgb(0 0 0 / 0.35);
}

._32b7d1cc4505012f-thumbnailButtonSelected ._32b7d1cc4505012f-thumbnailImageWrapper{
	opacity:1;
	box-shadow:0 0 0 2px var(--brand-primary);
}

._32b7d1cc4505012f-thumbnailImage{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

._32b7d1cc4505012f-thumbnailVideo{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	background-color:var(--background-secondary);
}

._32b7d1cc4505012f-thumbnailPlaceholder{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:linear-gradient(135deg, rgb(255 255 255 / 0.06), rgb(255 255 255 / 0.02));
	color:var(--text-primary-muted);
	font-weight:600;
	font-size:0.75rem;
	text-transform:uppercase;
	letter-spacing:0.02em;
}

._32b7d1cc4505012f-thumbnailBadge{
	position:absolute;
	left:8px;
	bottom:8px;
	padding:2px 5px;
	border-radius:9999px;
	background-color:rgb(0 0 0 / 0.65);
	color:white;
	font-size:0.625rem;
	line-height:0.875rem;
	font-weight:600;
	text-transform:uppercase;
}

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

._7e5e1b1a2bc5a0f9-mediaContextMenuWrapper{
	display:flex;
	width:100%;
	height:100%;
	align-items:center;
	justify-content:center;
	position:relative;
}

._7e5e1b1a2bc5a0f9-mediaSwipeHint{
	position:absolute;
	left:50%;
	bottom:1rem;
	transform:translateX(-50%);
	padding:0.38rem 0.7rem;
	border-radius:999px;
	background:rgb(0 0 0 / 0.56);
	-webkit-backdrop-filter:blur(10px);
	        backdrop-filter:blur(10px);
	font-size:0.7rem;
	font-weight:700;
	line-height:1;
	color:white;
	pointer-events:none;
}

@media (min-width: 769px){
	._7e5e1b1a2bc5a0f9-mediaSwipeHint{
		display:none;
	}
}

._7e5e1b1a2bc5a0f9-audioPlayerContainer{
	width:100%;
	max-width:672px;
	padding:0 32px;
}

._7e5e1b1a2bc5a0f9-audioPlayer{
	width:100%;
}

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

._7e5e1b1a2bc5a0f9-videoPlayer{
	max-width:100%;
	max-height:100%;
	border-radius:1.05rem;
}

@media (max-width: 768px){
	._7e5e1b1a2bc5a0f9-videoPlayerContainer{
		width:100%;
		height:auto;
		max-height:100%;
		aspect-ratio:auto;
	}

	._7e5e1b1a2bc5a0f9-videoPlayer{
		width:100%;
		height:auto;
		max-height:100%;
		border-radius:0;
	}
}

._7e5e1b1a2bc5a0f9-gifvImage{
	max-height:100%;
	max-width:100%;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	object-fit:contain;
	border-radius:1.05rem;
}

._7e5e1b1a2bc5a0f9-gifvVideo{
	max-height:100%;
	max-width:100%;
	object-fit:contain;
	border-radius:1.05rem;
}

._7e5e1b1a2bc5a0f9-image{
	max-height:100%;
	max-width:100%;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	object-fit:contain;
	border-radius:1.05rem;
}

@media (max-width: 768px){
	._7e5e1b1a2bc5a0f9-image,
	._7e5e1b1a2bc5a0f9-gifvImage,
	._7e5e1b1a2bc5a0f9-gifvVideo{
		border-radius:0.78rem;
	}
}

._18fe08622634f083-modals{
	background:none;
	inset:0;
	pointer-events:none;
	position:fixed;
	z-index:var(--z-index-modal);
}

html.platform-native-desktop ._18fe08622634f083-modals{
	top:var(--native-titlebar-height);
}

.e1dff6c5b7c3a7b1-container{
	display:flex;
	height:100%;
	flex-direction:column;
	overflow:hidden;
}

.e1dff6c5b7c3a7b1-backButton{
	display:flex;
	align-items:center;
	color:var(--text-primary);
}

.e1dff6c5b7c3a7b1-backIcon{
	height:20px;
	width:20px;
}

.e1dff6c5b7c3a7b1-saveButton{
	font-weight:500;
	font-size:16px;
}

.e1dff6c5b7c3a7b1-saveButtonActive{
	color:var(--brand-primary-light);
}

.e1dff6c5b7c3a7b1-saveButtonDisabled{
	color:var(--text-tertiary);
	opacity:0.5;
}

.e1dff6c5b7c3a7b1-content{
	flex:1;
	padding:16px;
	padding-bottom:calc(16px + 0px);
	padding-bottom:calc(16px + var(--safe-area-bottom, 0px));
}

.e1dff6c5b7c3a7b1-label{
	margin-bottom:8px;
	display:block;
	font-weight:500;
	font-size:14px;
	color:var(--text-secondary);
}

.e1dff6c5b7c3a7b1-textarea{
	width:100%;
	resize:none;
	border-radius:8px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:12px;
	color:var(--text-primary);
}

.e1dff6c5b7c3a7b1-textarea::-webkit-input-placeholder{
	color:var(--text-tertiary);
}

.e1dff6c5b7c3a7b1-textarea::-moz-placeholder{
	color:var(--text-tertiary);
}

.e1dff6c5b7c3a7b1-textarea::-ms-input-placeholder{
	color:var(--text-tertiary);
}

.e1dff6c5b7c3a7b1-textarea:-ms-input-placeholder{
	color:var(--text-tertiary);
}

.e1dff6c5b7c3a7b1-textarea::placeholder{
	color:var(--text-tertiary);
}

.b94f44509e24d0f7-icon{
	height:1.25rem;
	width:1.25rem;
}

._9cc80d2156ecf06c-container{
	position:relative;
	display:flex;
	height:100%;
	min-height:0;
	width:100%;
	flex-direction:column;
	overflow:hidden;
	background:radial-gradient(circle at 10% -10%, color-mix(in srgb, var(--brand-primary) 16%, transparent), transparent 44%), linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-floating) 90%, var(--background-primary) 10%),
			color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%)
		);
}

._9cc80d2156ecf06c-loadingScreen{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:0;
}

._9cc80d2156ecf06c-bannerContainer{
	position:relative;
	height:calc(176px + min(0px, 20px));
	height:calc(176px + min(var(--safe-area-top, 0px), 20px));
	width:100%;
	overflow:hidden;
	border-top-left-radius:24px;
	border-top-right-radius:24px;
}

._9cc80d2156ecf06c-bannerImage{
	height:100%;
	width:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

._9cc80d2156ecf06c-bannerColor{
	height:100%;
	width:100%;
}

._9cc80d2156ecf06c-bannerShade{
	position:absolute;
	inset:0;
	background:linear-gradient(
		180deg,
		rgb(6 10 20 / 0.04) 0%,
		rgb(6 10 20 / 0.08) 48%,
		rgb(6 10 20 / 0.26) 100%
	);
	pointer-events:none;
}

._9cc80d2156ecf06c-profileContent{
	position:relative;
	margin-top:-16px;
	border-top-left-radius:24px;
	border-top-right-radius:24px;
	background-color:var(--background-primary);
	box-shadow:0 -8px 18px rgb(3 7 18 / 0.16);
	animation:_9cc80d2156ecf06c-mobileProfileContentEnter var(--motion-dur-medium) var(--motion-ease-snap);
}

._9cc80d2156ecf06c-avatarContainer{
	position:absolute;
	left:1rem;
	z-index:20;
	top:-40px;
}

._9cc80d2156ecf06c-avatarBorder{
	--profile-accent-base:var(--brand-primary);
	position:relative;
	border:4px solid var(--background-primary);
	background-color:var(--background-primary);
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	isolation:isolate;
}

._9cc80d2156ecf06c-avatarBorder > *{
	position:relative;
	z-index:1;
}

._9cc80d2156ecf06c-avatarBorder::before{
	content:'';
	position:absolute;
	inset:0;
	padding:4px;
	border-radius:inherit;
	opacity:0;
	pointer-events:none;
	-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite:xor;
	mask-composite:exclude;
	z-index:3;
}

._9cc80d2156ecf06c-avatarBorder[data-accent-effect='rgb-neon']{
	border-color:transparent !important;
}

._9cc80d2156ecf06c-avatarBorder[data-accent-effect='rgb-neon']::before{
	opacity:1;
	background:linear-gradient(
		120deg,
		var(--profile-accent-base) 0%,
		#ff5875 18%,
		#ffd25d 36%,
		#61ff9f 54%,
		#4cc9ff 72%,
		#ae7eff 88%,
		var(--profile-accent-base) 100%
	);
	background-size:240% 240%;
	animation:_9cc80d2156ecf06c-mobileAccentRgbShift 11s cubic-bezier(0.45, 0.05, 0.25, 0.98) infinite;
}

._9cc80d2156ecf06c-avatarBorder[data-accent-effect='nebula']{
	border-color:transparent !important;
}

._9cc80d2156ecf06c-avatarBorder[data-accent-effect='nebula']::before{
	opacity:1;
	background:linear-gradient(140deg, #281e63 0%, var(--profile-accent-base) 28%, #5f87ff 64%, #9b7cff 100%);
	background-size:220% 220%;
	animation:_9cc80d2156ecf06c-mobileAccentDrift 12s cubic-bezier(0.42, 0, 0.24, 1) infinite;
}

._9cc80d2156ecf06c-avatarBorder[data-accent-effect='stellar']{
	border-color:transparent !important;
}

._9cc80d2156ecf06c-avatarBorder[data-accent-effect='stellar']::before{
	opacity:1;
	background:radial-gradient(circle at 18% 20%, rgb(255 255 255 / 0.9) 0 1.2px, transparent 1.9px), radial-gradient(circle at 79% 28%, rgb(255 255 255 / 0.88) 0 1.1px, transparent 1.8px), radial-gradient(circle at 64% 74%, rgb(255 255 255 / 0.86) 0 1.4px, transparent 2px), linear-gradient(132deg, #24356c 0%, var(--profile-accent-base) 44%, #8bc4ff 100%);
	background-size:160% 160%, 180% 180%, 200% 200%, 220% 220%;
	animation:_9cc80d2156ecf06c-mobileAccentStellar 13.8s cubic-bezier(0.4, 0.04, 0.2, 0.99) infinite;
}

._9cc80d2156ecf06c-avatarBorder[data-accent-effect='solar']{
	border-color:transparent !important;
}

._9cc80d2156ecf06c-avatarBorder[data-accent-effect='solar']::before{
	opacity:1;
	background:linear-gradient(132deg, #ff7a39 0%, #ffd95e 28%, var(--profile-accent-base) 58%, #ff52ba 100%);
	background-size:230% 230%;
	animation:_9cc80d2156ecf06c-mobileAccentPulse 8.2s cubic-bezier(0.44, 0.06, 0.26, 0.98) infinite;
}

._9cc80d2156ecf06c-contentPadding{
	padding-left:1rem;
	padding-right:1rem;
	padding-top:3rem;
}

._9cc80d2156ecf06c-actionsContainer{
	position:absolute;
	top:0.875rem;
	right:1rem;
	z-index:10;
	display:flex;
	gap:0.5rem;
}

._9cc80d2156ecf06c-actionButton{
	display:flex;
	height:2.375rem;
	width:2.375rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background:color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
	color:var(--text-primary);
	cursor:pointer;
	box-shadow:0 8px 14px rgb(3 7 18 / 0.16), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._9cc80d2156ecf06c-usernameContainer{
	margin-top:0.75rem;
}

._9cc80d2156ecf06c-usernameRow{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	min-width:0;
}

._9cc80d2156ecf06c-username{
	font-weight:700;
	font-size:1.5rem;
	line-height:2rem;
	color:var(--text-primary);
	word-break:break-word;
	overflow-wrap:break-word;
}

._9cc80d2156ecf06c-discriminator{
	font-weight:500;
	font-size:1.5rem;
	line-height:2rem;
	color:var(--text-tertiary);
}

._9cc80d2156ecf06c-fullTag{
	font-weight:500;
	color:var(--text-tertiary);
}

._9cc80d2156ecf06c-tagBadgeRow{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:0.375rem;
	min-width:0;
}

._9cc80d2156ecf06c-badgesWrapper{
	display:flex;
	align-items:center;
	flex-shrink:0;
}

._9cc80d2156ecf06c-customStatusRow{
	margin-top:0.25rem;
}

._9cc80d2156ecf06c-customStatusText{
	font-size:0.875rem;
	color:var(--text-secondary);
}

._9cc80d2156ecf06c-customStatusRow:hover ._9cc80d2156ecf06c-customStatusText,
._9cc80d2156ecf06c-customStatusRow:active ._9cc80d2156ecf06c-customStatusText{
	--emoji-show-animated:1;
}

._9cc80d2156ecf06c-musicActivityRow{
	margin-top:0.75rem;
}

._9cc80d2156ecf06c-steamNowPlayingRow{
	margin-top:0.6rem;
}

._9cc80d2156ecf06c-editProfileButton{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	border-radius:1rem;
	background:color-mix(in srgb, var(--brand-primary) 86%, var(--background-primary) 14%);
	padding-left:1rem;
	padding-right:1rem;
	padding-top:0.75rem;
	padding-bottom:0.75rem;
	cursor:pointer;
	box-shadow:0 10px 18px color-mix(in srgb, var(--brand-primary) 24%, transparent), inset 0 1px 0 rgb(255 255 255 / 0.14);
}

._9cc80d2156ecf06c-editProfileIcon{
	height:1.25rem;
	width:1.25rem;
	color:white;
}

._9cc80d2156ecf06c-editProfileText{
	font-weight:500;
	color:white;
}

._9cc80d2156ecf06c-actionButtonsContainer{
	margin-top:1rem;
	display:flex;
	gap:0.75rem;
}

._9cc80d2156ecf06c-actionCard{
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.25rem;
	border-radius:1rem;
	background:color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
	padding:0.75rem;
	cursor:pointer;
	box-shadow:0 8px 14px rgb(3 7 18 / 0.14), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._9cc80d2156ecf06c-actionIconContainer{
	display:flex;
	height:3rem;
	width:3rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--brand-primary);
}

._9cc80d2156ecf06c-actionIconContainerSecondary{
	display:flex;
	height:3rem;
	width:3rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-tertiary);
}

._9cc80d2156ecf06c-actionIcon{
	height:1.5rem;
	width:1.5rem;
	color:white;
}

._9cc80d2156ecf06c-actionIconSecondary{
	height:1.5rem;
	width:1.5rem;
	color:var(--text-primary);
}

._9cc80d2156ecf06c-actionLabel{
	font-weight:500;
	color:var(--text-secondary);
	font-size:0.75rem;
}

._9cc80d2156ecf06c-infoCard{
	margin-top:1rem;
	border-radius:1rem;
	background:color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
	padding:1rem;
	box-shadow:0 10px 16px rgb(3 7 18 / 0.14), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._9cc80d2156ecf06c-profileLinkCard{
	margin-top:1rem;
}

._9cc80d2156ecf06c-giftShowcaseCard{
	margin-top:1rem;
	display:flex;
	align-items:center;
	gap:0.75rem;
	border-radius:1rem;
	padding:1rem;
	border:1px solid color-mix(in srgb, #f5c451 22%, var(--text-primary) 8%, transparent);
	background:radial-gradient(circle at 10% 0%, rgb(245 196 81 / 0.22), transparent 44%), color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
	box-shadow:0 10px 16px rgb(3 7 18 / 0.14), inset 0 1px 0 rgb(255 255 255 / 0.08);
}

._9cc80d2156ecf06c-giftShowcaseIcon{
	display:flex;
	height:2.75rem;
	width:2.75rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:1rem;
	color:#241806;
	background:linear-gradient(135deg, #ffe08a, #f5a942);
	box-shadow:0 8px 18px rgb(245 169 66 / 0.18);
}

._9cc80d2156ecf06c-giftShowcaseText{
	display:grid;
	grid-gap:0.125rem;
	gap:0.125rem;
	min-width:0;
}

._9cc80d2156ecf06c-giftShowcaseTitle{
	font-weight:800;
	font-size:0.875rem;
	color:var(--text-primary);
}

._9cc80d2156ecf06c-giftShowcaseDescription{
	margin:0;
	font-size:0.75rem;
	line-height:1.3;
	color:var(--text-tertiary);
}

._9cc80d2156ecf06c-bioSection{
	margin-bottom:0.75rem;
}

._9cc80d2156ecf06c-bioHeader{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:0.875rem;
	color:var(--text-primary);
}

._9cc80d2156ecf06c-noteButton{
	margin-top:1rem;
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	border-radius:1rem;
	background:color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
	padding:1rem;
	text-align:left;
	cursor:pointer;
	box-shadow:0 10px 16px rgb(3 7 18 / 0.14), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._9cc80d2156ecf06c-noteTitle{
	font-weight:600;
	font-size:0.875rem;
	color:var(--text-primary);
}

._9cc80d2156ecf06c-noteSubtitle{
	color:var(--text-tertiary);
	font-size:0.75rem;
}

._9cc80d2156ecf06c-noteText{
	margin-top:0.25rem;
	font-size:0.875rem;
	color:var(--text-secondary);
}

._9cc80d2156ecf06c-noteIconContainer{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-tertiary);
}

._9cc80d2156ecf06c-noteIcon{
	height:1rem;
	width:1rem;
	color:var(--text-primary);
}

._9cc80d2156ecf06c-icon{
	height:1.25rem;
	width:1.25rem;
}

._9cc80d2156ecf06c-rolesSection{
	margin-top:0.75rem;
}

._9cc80d2156ecf06c-integrationsSection{
	margin-top:0.75rem;
}

._9cc80d2156ecf06c-sheetContainer{
	background-color:transparent;
}

._9cc80d2156ecf06c-sheetContainer [data-rsbs-overlay='']{
	padding-bottom:0;
}

@media (max-width: 560px){
	._9cc80d2156ecf06c-bannerContainer{
		height:calc(132px + min(0px, 16px));
		height:calc(132px + min(var(--safe-area-top, 0px), 16px));
		border-top-left-radius:18px;
		border-top-right-radius:18px;
	}

	._9cc80d2156ecf06c-profileContent{
		margin-top:-12px;
		border-top-left-radius:18px;
		border-top-right-radius:18px;
	}

	._9cc80d2156ecf06c-avatarContainer{
		left:0.75rem;
		top:-34px;
	}

	._9cc80d2156ecf06c-contentPadding{
		padding:2.6rem 0.75rem 0;
	}

	._9cc80d2156ecf06c-actionsContainer{
		top:0.7rem;
		right:0.75rem;
		gap:0.35rem;
	}

	._9cc80d2156ecf06c-actionButton{
		width:2.15rem;
		height:2.15rem;
		box-shadow:none;
	}

	._9cc80d2156ecf06c-username{
		font-size:1.3rem;
		line-height:1.6rem;
	}

	._9cc80d2156ecf06c-discriminator{
		font-size:1.15rem;
		line-height:1.6rem;
	}

	._9cc80d2156ecf06c-badgesWrapper{
		flex:1 1 100%;
		max-width:100%;
		overflow-x:auto;
	}

	._9cc80d2156ecf06c-actionButtonsContainer{
		gap:0.5rem;
	}

	._9cc80d2156ecf06c-actionCard,
	._9cc80d2156ecf06c-infoCard,
	._9cc80d2156ecf06c-noteButton,
	._9cc80d2156ecf06c-giftShowcaseCard{
		padding:0.75rem;
		border-radius:0.875rem;
		box-shadow:none;
	}

	._9cc80d2156ecf06c-actionIconContainer,
	._9cc80d2156ecf06c-actionIconContainerSecondary{
		width:2.5rem;
		height:2.5rem;
	}
}

@keyframes _9cc80d2156ecf06c-mobileProfileContentEnter{
	from{
		opacity:0;
		transform:translateY(14px);
	}

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

@keyframes _9cc80d2156ecf06c-mobileAccentRgbShift{
	0%{
		background-position:0% 50%;
	}
	50%{
		background-position:110% 50%;
	}
	100%{
		background-position:220% 50%;
	}
}

@keyframes _9cc80d2156ecf06c-mobileAccentDrift{
	0%,
	100%{
		background-position:0% 50%;
	}
	50%{
		background-position:100% 50%;
	}
}

@keyframes _9cc80d2156ecf06c-mobileAccentStellar{
	0%,
	100%{
		background-position:0% 0%, 100% 0%, 40% 100%, 0% 50%;
	}
	50%{
		background-position:100% 100%, 0% 100%, 80% 0%, 100% 50%;
	}
}

@keyframes _9cc80d2156ecf06c-mobileAccentPulse{
	0%,
	100%{
		background-position:0% 50%;
		-webkit-filter:saturate(1);
		        filter:saturate(1);
	}
	50%{
		background-position:100% 50%;
		-webkit-filter:saturate(1.1);
		        filter:saturate(1.1);
	}
}

@media (prefers-reduced-motion: reduce){
	._9cc80d2156ecf06c-avatarBorder[data-accent-effect='rgb-neon']::before,
	._9cc80d2156ecf06c-avatarBorder[data-accent-effect='nebula']::before,
	._9cc80d2156ecf06c-avatarBorder[data-accent-effect='stellar']::before,
	._9cc80d2156ecf06c-avatarBorder[data-accent-effect='solar']::before{
		animation:none;
	}
}

.ccddfe323aa95093-toast{
	display:inline-flex;
	max-width:90svw;
	min-width:min(260px, 90svw);
	cursor:pointer;
	align-items:center;
	border-radius:16px;
	border:1px solid color-mix(in srgb, var(--background-modifier-accent) 58%, transparent);
	background:color-mix(in srgb, var(--background-floating, var(--background-primary)) 72%, transparent);
	box-shadow:0 10px 30px rgb(0 0 0 / 0.22);
	-webkit-backdrop-filter:blur(16px) saturate(140%);
	        backdrop-filter:blur(16px) saturate(140%);
}

.ccddfe323aa95093-toastMobile{
	gap:0.4rem;
	padding:0.52rem 0.72rem;
}

.ccddfe323aa95093-toastDesktop{
	gap:0.5rem;
	padding:0.58rem 0.82rem;
}

.ccddfe323aa95093-icon{
	flex-shrink:0;
}

.ccddfe323aa95093-iconSuccess{
	color:var(--status-online);
}

.ccddfe323aa95093-iconError{
	color:var(--status-danger);
}

.ccddfe323aa95093-iconMobile{
	height:0.95rem;
	width:0.95rem;
}

.ccddfe323aa95093-iconDesktop{
	height:1.05rem;
	width:1.05rem;
}

.ccddfe323aa95093-text{
	font-weight:600;
	color:var(--text-primary);
	line-height:1.28;
	flex:1;
	min-width:0;
}

.ccddfe323aa95093-textMobile{
	font-size:0.8rem;
}

.ccddfe323aa95093-textDesktop{
	font-size:0.84rem;
}

.ccddfe323aa95093-closeButton{
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:1.25rem;
	height:1.25rem;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--background-modifier-accent) 40%, transparent);
	background:color-mix(in srgb, var(--background-tertiary) 30%, transparent);
	color:color-mix(in srgb, var(--text-muted) 84%, var(--text-primary) 16%);
	cursor:pointer;
	padding:0;
}

.ccddfe323aa95093-closeButton:hover{
	color:var(--text-primary);
	background:color-mix(in srgb, var(--background-tertiary) 52%, transparent);
}

.ccddfe323aa95093-closeIcon{
	width:0.75rem;
	height:0.75rem;
}

._1b8915f55950a6b5-container{
	pointer-events:none;
	position:fixed;
	z-index:var(--z-index-toast);
}

._1b8915f55950a6b5-containerMobile{
	right:1rem;
	left:1rem;
	top:calc(1rem + 0px);
	top:calc(1rem + var(--safe-area-top, 0px));
	display:flex;
	justify-content:center;
}

._1b8915f55950a6b5-containerDesktop{
	transform:translateX(-50%);
	top:calc(1.5rem + 0px);
	top:calc(1.5rem + var(--safe-area-top, 0px));
	left:50%;
}

html.platform-native-desktop #_1b8915f55950a6b5-toast-portal-root ._1b8915f55950a6b5-containerDesktop{
	top:calc(1.5rem + 0px + 0px);
	top:calc(1.5rem + var(--safe-area-top, 0px) + var(--native-titlebar-height, 0px));
}

html.platform-native-desktop #_1b8915f55950a6b5-toast-portal-root ._1b8915f55950a6b5-containerMobile{
	top:calc(1rem + 0px + 0px);
	top:calc(1rem + var(--safe-area-top, 0px) + var(--native-titlebar-height, 0px));
}

._1b8915f55950a6b5-toastWrapper{
	pointer-events:auto;
}

.efd81a4570706212-titlebar{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:var(--native-titlebar-height);
	display:flex;
	align-items:center;
	padding:0 calc(var(--spacing-3) + 0px) 0 calc(var(--spacing-3) + 0px);
	padding:0 calc(var(--spacing-3) + var(--safe-area-right, 0px)) 0 calc(var(--spacing-3) + var(--safe-area-left, 0px));
	gap:var(--spacing-2);
	background:var(--background-secondary);
	-webkit-app-region:drag;
	z-index:var(--z-index-titlebar);
}

.efd81a4570706212-left{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	color:var(--text-muted);
	opacity:0.8;
}

.efd81a4570706212-wordmark{
	height:14px;
	width:auto;
	color:var(--text-muted);
}

.efd81a4570706212-brandText{
	font-size:13px;
	font-weight:700;
	letter-spacing:0.02em;
	color:var(--text-muted);
}

.efd81a4570706212-spacer{
	flex:1 1 auto;
}

.efd81a4570706212-controls{
	display:flex;
	align-items:center;
	gap:8px;
	-webkit-app-region:no-drag;
}

.efd81a4570706212-controlButton{
	-webkit-app-region:no-drag;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	border:1px solid transparent;
	background:transparent;
	color:var(--text-secondary);
	width:28px;
	height:20px;
	border-radius:var(--radius-sm);
	display:grid;
	place-items:center;
	transition:background-color 120ms ease, color 120ms ease, border-color 120ms ease;
	cursor:pointer;
}

.efd81a4570706212-controlButton svg{
	width:17px;
	height:17px;
}

.efd81a4570706212-controlButton:hover{
	background:var(--background-modifier-hover);
	color:var(--text-primary);
	border-color:var(--user-area-divider-color);
}

.efd81a4570706212-controlButton:active{
	background:var(--background-modifier-active);
}

.efd81a4570706212-closeButton:hover{
	background:#e81123;
	color:#fff;
	border-color:transparent;
}

.efd81a4570706212-closeButton:active{
	background:#b50d1a;
}

._168285dce238261e-backdropBase{
	display:none;
	position:fixed;
	top:0;
	left:0;
	height:var(--native-titlebar-height);
	background:var(--background-secondary);
	pointer-events:none;
	z-index:var(--z-index-elevated-2);
	width:72px;
	width:var(--traffic-lights-backdrop-width, var(--layout-guild-list-width, 72px));
}

._168285dce238261e-backdropApp{
	right:auto;
}

._168285dce238261e-backdropAuth{
	height:32px;
	width:76px;
	top:0;
	left:0;
	border-bottom-right-radius:var(--radius-xl);
	box-shadow:0 12px 24px rgba(0, 0, 0, 0.25);
}

html.platform-native.platform-macos ._168285dce238261e-backdropBase{
	display:block;
}

.f265b39552ddb6fa-incomingCall{
	z-index:2001;
	position:fixed;
	top:0;
	left:0;
	width:min(280px, calc(100vw - 24px));
	pointer-events:auto;
	isolation:isolate;
}

.f265b39552ddb6fa-card{
	border-radius:var(--radius-xl);
	border:1px solid color-mix(in srgb, var(--background-modifier-accent) 65%, transparent);
	background:color-mix(in srgb, var(--background-primary) 90%, transparent);
	box-shadow:0 12px 30px rgba(0, 0, 0, 0.15);
	-webkit-backdrop-filter:blur(20px);
	        backdrop-filter:blur(20px);
	overflow:hidden;
}

.f265b39552ddb6fa-dragHandle{
	height:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:-webkit-grab;
	cursor:grab;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	touch-action:none;
}

.f265b39552ddb6fa-dragHandle:active{
	cursor:-webkit-grabbing;
	cursor:grabbing;
}

.f265b39552ddb6fa-dragPill{
	width:48px;
	height:4px;
	border-radius:999px;
	background:color-mix(in srgb, var(--text-primary) 18%, transparent);
}

.f265b39552ddb6fa-ignoreButton{
	position:absolute;
	top:8px;
	right:8px;
	width:28px;
	height:28px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid color-mix(in srgb, var(--text-primary) 14%, transparent);
	border-radius:9999px;
	background:color-mix(in srgb, var(--background-floating) 92%, transparent);
	color:var(--text-secondary);
	cursor:pointer;
	transition:background-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.f265b39552ddb6fa-ignoreButton:hover{
	background:color-mix(in srgb, var(--background-modifier-hover) 100%, transparent);
	color:var(--text-primary);
	transform:scale(1.06);
}

.f265b39552ddb6fa-ignoreButton:active{
	transform:scale(0.94);
}

.f265b39552ddb6fa-stack{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:18px;
	padding:16px;
	text-align:center;
}

.f265b39552ddb6fa-labelRow{
	display:flex;
	align-items:center;
	gap:8px;
	justify-content:center;
	text-transform:uppercase;
	font-size:0.75rem;
	letter-spacing:0;
	color:var(--status-online);
	font-weight:500;
}

.f265b39552ddb6fa-incomingLabel{
	font-weight:600;
}

.f265b39552ddb6fa-avatarLarge{
	width:80px;
	height:80px;
	border-radius:999px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:color-mix(in srgb, var(--background-secondary) 80%, transparent);
}

.f265b39552ddb6fa-callerNameCenter{
	font-weight:600;
	font-size:1rem;
	line-height:1.4rem;
	color:var(--text-primary);
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.f265b39552ddb6fa-incomingIcon{
	color:var(--status-online);
	flex-shrink:0;
	width:18px;
	height:18px;
}

.f265b39552ddb6fa-actionsColumn{
	display:flex;
	flex-direction:column;
	gap:10px;
	width:100%;
}

.f265b39552ddb6fa-actionButton{
	width:100%;
	height:44px;
	border-radius:var(--radius-lg);
	font-weight:600;
	letter-spacing:0.02em;
}

.f265b39552ddb6fa-screenReaderOnly{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	border:0;
	white-space:nowrap;
}

.f265b39552ddb6fa-bottomSheetStack{
	padding:0 0.9rem calc(1rem + 0px);
	padding:0 0.9rem calc(1rem + var(--safe-area-bottom, 0px));
}

@media (max-width: 520px){
	.f265b39552ddb6fa-stack{
		gap:14px;
		padding:12px;
	}

	.f265b39552ddb6fa-avatarLarge{
		width:72px;
		height:72px;
	}

	.f265b39552ddb6fa-actionButton{
		height:46px;
		border-radius:0.95rem;
		font-size:0.9rem;
	}

	.f265b39552ddb6fa-bottomSheetStack{
		padding:0 0.75rem calc(0.9rem + 0px);
		padding:0 0.75rem calc(0.9rem + var(--safe-area-bottom, 0px));
	}
}

._5058b9c878ec708d-portalRoot{
	position:fixed;
	inset:0;
	pointer-events:none;
	z-index:calc(2500 + 1);
	z-index:calc(var(--z-index-overlay, 2500) + 1);
}

._781dbca3689bd697-description{
	margin-bottom:1rem;
	color:var(--text-secondary);
	font-size:0.95rem;
}

._781dbca3689bd697-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
	grid-gap:0.75rem;
	gap:0.75rem;
	margin-bottom:0.75rem;
}

._781dbca3689bd697-card{
	width:100%;
	border:1px solid var(--border-color);
	border-radius:0.75rem;
	background:var(--surface-card);
	padding:0;
	display:flex;
	flex-direction:column;
	text-align:left;
	cursor:pointer;
}

._781dbca3689bd697-thumbnail{
	width:100%;
	height:92px;
	object-fit:cover;
	border-top-left-radius:0.75rem;
	border-top-right-radius:0.75rem;
	border-bottom:1px solid var(--border-color);
}

._781dbca3689bd697-caption{
	padding:0.5rem 0.75rem;
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	min-height:2.5rem;
}

._781dbca3689bd697-name{
	display:block;
	font-weight:600;
	font-size:0.85rem;
	color:var(--text-primary);
	line-height:1.2;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._781dbca3689bd697-meta{
	font-size:0.75rem;
	color:var(--text-secondary);
}

._781dbca3689bd697-audioHint{
	margin-top:0.5rem;
	font-size:0.85rem;
	color:var(--text-secondary);
}

._7074330423a574c6-wrapperSides{
	margin-left:0;
	margin-right:0;
	width:100%;
}

._7074330423a574c6-box{
	position:relative;
	background:color-mix(in srgb, var(--background-textarea) 90%, var(--background-primary) 10%);
	border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
	transition:border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
	transition:border-color var(--motion-dur-short, 160ms) var(--motion-ease-snap, ease), background-color var(--motion-dur-short, 160ms) var(--motion-ease-snap, ease), box-shadow var(--motion-dur-short, 160ms) var(--motion-ease-snap, ease);
	margin-bottom:0;
	border-radius:0.68rem;
	box-shadow:none;
	overflow:hidden;
}

._7074330423a574c6-boxVoiceOverlayVisible{
	overflow:visible;
	z-index:4;
}

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

._7074330423a574c6-stackSection + ._7074330423a574c6-stackSection{
	border-top:1px solid color-mix(in srgb, var(--text-primary) 5%, transparent);
}

._7074330423a574c6-box:focus-within{
	background:color-mix(in srgb, var(--background-textarea) 92%, var(--background-primary) 8%);
	border-color:color-mix(in srgb, var(--brand-primary) 28%, transparent);
	box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-primary) 10%, transparent);
}

._7074330423a574c6-roundedAll{
	border-radius:0.68rem;
}

._7074330423a574c6-roundedTop{
	border-top-left-radius:0.68rem;
	border-top-right-radius:0.68rem;
}

._7074330423a574c6-roundedBottom{
	border-bottom-left-radius:0.68rem;
	border-bottom-right-radius:0.68rem;
}

._7074330423a574c6-noBottomBorder{
	border-bottom-width:0;
}

._7074330423a574c6-bottomSpacing{
	margin-bottom:0;
}

._7074330423a574c6-disabled{
	opacity:0.6;
	cursor:not-allowed;
}

._7074330423a574c6-topBarContainer{
	position:relative;
	z-index:1;
	flex-shrink:0;
}

._7074330423a574c6-barInner{
	display:grid;
	align-items:center;
	grid-template-columns:1fr auto;
	padding-left:16px;
	padding-right:16px;
}

._7074330423a574c6-separator{
	height:1px;
	background-color:transparent;
}

.f0e6a5aff03adfb0-message{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

.f0e6a5aff03adfb0-timer{
	border-radius:0.25rem;
	background-color:var(--background-secondary);
	padding:0.375rem 0.75rem;
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
	font-size:1rem;
	line-height:1.5rem;
	font-weight:500;
	color:var(--text-primary);
}

._40a4fbf9c12ac73b-container{
	display:flex;
	align-items:center;
	gap:4px;
	min-height:var(--slowmode-indicator-height);
	padding:0.1rem 0.45rem;
	border-radius:var(--radius-2xl);
	background-color:var(--background-tertiary);
	border:1px solid color-mix(in srgb, var(--background-modifier-accent) 80%, transparent);
	color:var(--text-primary-muted);
	font-size:0.6875rem;
}

._40a4fbf9c12ac73b-time{
	font-weight:500;
	font-family:monospace;
	font-size:0.6875rem;
	line-height:var(--slowmode-indicator-height);
}

._78874b8c53068d6c-container{
	--chat-shell-top:color-mix(in srgb, var(--app-surface-background) 82%, var(--background-primary) 18%);
	--chat-shell-bottom:color-mix(in srgb, var(--background-secondary) 18%, var(--background-primary) 82%);
	--mobile-composer-lift:0px;
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
	min-width:0;
	overflow:hidden;
	background:transparent;
	contain:layout style;
}

._78874b8c53068d6c-messagesArea{
	display:flex;
	flex:1 1 0%;
	min-height:0;
	min-width:0;
	position:relative;
	overflow:hidden;
	contain:strict;
	padding:0 10px;
	isolation:isolate;
	background:color-mix(in srgb, var(--background-primary) 98%, var(--background-secondary) 2%);
}

._78874b8c53068d6c-messagesArea::before,
._78874b8c53068d6c-messagesArea::after{
	content:'';
	position:absolute;
	inset:0;
	pointer-events:none;
}

._78874b8c53068d6c-messagesArea::before{
	z-index:0;
	background-image:none;
	background-image:var(--chat-background-pattern-image, none);
	background-repeat:repeat;
	background-position:0 0;
	background-size:calc(360px * 1) auto;
	background-size:calc(var(--chat-background-pattern-size, 360px) * var(--chat-background-pattern-scale, 1)) auto;
	opacity:0;
	opacity:var(--chat-background-pattern-opacity, 0);
	-webkit-filter:none;
	        filter:none;
	-webkit-filter:var(--chat-background-pattern-filter, none);
	        filter:var(--chat-background-pattern-filter, none);
}

._78874b8c53068d6c-messagesArea::after{
	z-index:0;
	background:transparent;
	background:var(--chat-gradient-overlay-background, transparent);
	opacity:calc(0 * 0.32);
	opacity:calc(var(--chat-gradient-overlay-opacity, 0) * 0.32);
	mix-blend-mode:normal;
}

._78874b8c53068d6c-messagesArea > *{
	position:relative;
	z-index:1;
}

._78874b8c53068d6c-typingArea{
	flex-shrink:0;
	position:relative;
	height:0;
	overflow:visible;
	z-index:1;
	--typing-floating-offset:calc(
		max(var(--typing-indicator-gap), 0px) +
		var(--textarea-content-offset) +
		var(--mobile-composer-lift)
	);
}

._78874b8c53068d6c-typingContent{
	position:absolute;
	left:var(--textarea-horizontal-padding);
	right:var(--textarea-horizontal-padding);
	bottom:var(--typing-floating-offset);
	pointer-events:none;
	font-size:12px;
	line-height:16px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:0.35rem;
	transition:bottom 150ms cubic-bezier(0.22, 1, 0.36, 1);
}

._78874b8c53068d6c-typingAreaWithTopBar ._78874b8c53068d6c-typingContent{
	bottom:calc(var(--typing-floating-offset) + 12px);
}

._78874b8c53068d6c-typingLeft{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	min-width:0;
	order:1;
}

._78874b8c53068d6c-typingRight{
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	pointer-events:auto;
	order:2;
}

._78874b8c53068d6c-textareaArea{
	flex-shrink:0;
	position:relative;
	padding:0 10px calc(10px + 0px);
	padding:0 var(--desktop-dock-composer-inline-padding, 10px) calc(var(--desktop-dock-composer-gap, 10px) + var(--desktop-dock-composer-lift, 0px));
	overflow:visible;
	background-color:transparent;
	transition:padding-bottom 150ms cubic-bezier(0.22, 1, 0.36, 1);
	z-index:3;
}

@media (min-width: 768px){
	._78874b8c53068d6c-containerPrivateDesktop{
		--dm-desktop-typing-inline-offset:clamp(10px, 1.1vw, 18px);
	}

	._78874b8c53068d6c-containerPrivateDesktop ._78874b8c53068d6c-textareaArea{
		padding-left:calc(10px + var(--dm-desktop-typing-inline-offset));
		padding-left:calc(var(--desktop-dock-composer-inline-padding, 10px) + var(--dm-desktop-typing-inline-offset));
		padding-right:calc(10px + var(--dm-desktop-typing-inline-offset));
		padding-right:calc(var(--desktop-dock-composer-inline-padding, 10px) + var(--dm-desktop-typing-inline-offset));
	}

	._78874b8c53068d6c-containerPrivateDesktop ._78874b8c53068d6c-typingContent{
		left:calc(var(--textarea-horizontal-padding) + var(--dm-desktop-typing-inline-offset));
		right:calc(var(--textarea-horizontal-padding) + var(--dm-desktop-typing-inline-offset));
	}
}

@media (max-width: 767px){
	._78874b8c53068d6c-containerWithRaisedComposer{
		--mobile-composer-lift:calc(50dvh + max(var(--safe-area-bottom, 0px), 8px));
	}

	._78874b8c53068d6c-messagesArea{
		padding:0;
	}

	._78874b8c53068d6c-textareaArea{
		padding:0.25rem 0.5rem calc(0.15rem + var(--safe-area-bottom) + var(--mobile-composer-lift));
	}

	._78874b8c53068d6c-typingContent{
		left:max(0.75rem, 0px);
		left:max(0.75rem, var(--safe-area-left, 0px));
		right:max(0.75rem, 0px);
		right:max(0.75rem, var(--safe-area-right, 0px));
	}
}

@media (max-width: 480px){
	._78874b8c53068d6c-typingContent{
		left:max(0.6875rem, 0px);
		left:max(0.6875rem, var(--safe-area-left, 0px));
		right:max(0.6875rem, 0px);
		right:max(0.6875rem, var(--safe-area-right, 0px));
	}
}

@media (max-width: 380px){
	._78874b8c53068d6c-textareaArea{
		padding-right:0.3rem;
		padding-left:0.3rem;
	}

	._78874b8c53068d6c-typingContent{
		left:max(0.5rem, 0px);
		left:max(0.5rem, var(--safe-area-left, 0px));
		right:max(0.5rem, 0px);
		right:max(0.5rem, var(--safe-area-right, 0px));
		font-size:11px;
	}
}

::highlight(channel-search-highlight){
	background-color:rgba(255, 230, 0, 0.25);
	color:inherit;
	border-radius:2px;
}

.e02500a398935901-container{
	display:flex;
	flex-direction:column;
	height:100%;
	overflow:hidden;
	padding-top:8px;
}

.e02500a398935901-subtitle{
	padding:0 16px;
	margin-bottom:12px;
	font-size:0.875rem;
	color:var(--text-secondary);
}

.e02500a398935901-scroller{
	flex:1;
	overflow-y:auto;
	padding:0 16px;
}

.e02500a398935901-optionsContainer{
	display:flex;
	flex-direction:column;
	gap:8px;
	padding-bottom:40px;
}

.e02500a398935901-option{
	display:flex;
	align-items:center;
	justify-content:space-between;
	background-color:var(--background-tertiary);
	border:1px solid var(--border-color);
	border-radius:12px;
	padding:16px;
	cursor:pointer;
	transition:all 150ms ease;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}

.e02500a398935901-option:active{
	transform:scale(0.98);
}

@media (hover: hover){
	.e02500a398935901-option:hover{
		background-color:var(--background-secondary-hover);
	}
}

.e02500a398935901-optionSelected{
	border-color:var(--brand-primary-light);
	background-color:color-mix(in srgb, var(--brand-primary-light) 10%, transparent);
}

.theme-light .e02500a398935901-optionSelected{
	border-color:var(--brand-primary);
	background-color:color-mix(in srgb, var(--brand-primary) 10%, transparent);
}

@media (hover: hover){
	.e02500a398935901-optionSelected:hover{
		background-color:color-mix(in srgb, var(--brand-primary-light) 15%, transparent);
	}

	.theme-light .e02500a398935901-optionSelected:hover{
		background-color:color-mix(in srgb, var(--brand-primary) 15%, transparent);
	}
}

.e02500a398935901-optionLeft{
	display:flex;
	align-items:center;
	gap:12px;
}

.e02500a398935901-optionIcon{
	color:var(--text-secondary);
}

.e02500a398935901-optionIconSelected{
	color:var(--brand-primary-light);
}

.theme-light .e02500a398935901-optionIconSelected{
	color:var(--brand-primary);
}

.e02500a398935901-optionLabel{
	font-size:1rem;
	color:var(--text-primary);
}

.e02500a398935901-optionLabelSelected{
	font-weight:600;
}

.e02500a398935901-checkIcon{
	color:var(--brand-primary-light);
}

.theme-light .e02500a398935901-checkIcon{
	color:var(--brand-primary);
}

.e02500a398935901-footer{
	display:flex;
	justify-content:flex-end;
	padding:12px 16px;
	border-top:1px solid var(--border-color);
}

.ed37bf272106ced8-container{
	display:flex;
	flex-direction:column;
	height:100%;
	overflow:hidden;
	padding-top:8px;
}

.ed37bf272106ced8-scroller{
	flex:1;
	overflow-y:auto;
	padding:0 16px;
}

.ed37bf272106ced8-optionsContainer{
	display:flex;
	flex-direction:column;
	gap:8px;
	padding-bottom:40px;
}

.ed37bf272106ced8-option{
	display:flex;
	align-items:center;
	justify-content:space-between;
	background-color:var(--background-tertiary);
	border:1px solid var(--border-color);
	border-radius:12px;
	padding:16px;
	cursor:pointer;
	transition:all 150ms ease;
	text-align:left;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}

.ed37bf272106ced8-option:active{
	transform:scale(0.98);
}

@media (hover: hover){
	.ed37bf272106ced8-option:hover{
		background-color:var(--background-secondary-hover);
	}
}

.ed37bf272106ced8-optionSelected{
	border-color:var(--brand-primary-light);
	background-color:color-mix(in srgb, var(--brand-primary-light) 10%, transparent);
}

.theme-light .ed37bf272106ced8-optionSelected{
	border-color:var(--brand-primary);
	background-color:color-mix(in srgb, var(--brand-primary) 10%, transparent);
}

@media (hover: hover){
	.ed37bf272106ced8-optionSelected:hover{
		background-color:color-mix(in srgb, var(--brand-primary-light) 15%, transparent);
	}

	.theme-light .ed37bf272106ced8-optionSelected:hover{
		background-color:color-mix(in srgb, var(--brand-primary) 15%, transparent);
	}
}

.ed37bf272106ced8-optionLeft{
	display:flex;
	align-items:center;
	gap:12px;
	flex:1;
}

.ed37bf272106ced8-optionIcon{
	flex-shrink:0;
	color:var(--text-secondary);
}

.ed37bf272106ced8-optionIconSelected{
	color:var(--brand-primary-light);
}

.theme-light .ed37bf272106ced8-optionIconSelected{
	color:var(--brand-primary);
}

.ed37bf272106ced8-optionText{
	display:flex;
	flex-direction:column;
	flex:1;
}

.ed37bf272106ced8-optionLabel{
	font-size:1rem;
	color:var(--text-primary);
}

.ed37bf272106ced8-optionLabelSelected{
	font-weight:600;
}

.ed37bf272106ced8-optionDescription{
	font-size:0.8125rem;
	color:var(--text-secondary);
	margin-top:2px;
}

.ed37bf272106ced8-checkIcon{
	flex-shrink:0;
	color:var(--brand-primary-light);
}

.theme-light .ed37bf272106ced8-checkIcon{
	color:var(--brand-primary);
}

._898560d5e2997085-chip{
	display:inline-flex;
	align-items:center;
	gap:6px;
	background-color:var(--background-secondary);
	border:1px solid var(--border-color);
	border-radius:20px;
	padding:8px 14px;
	font-size:0.875rem;
	cursor:pointer;
	transition:all 150ms ease;
	white-space:nowrap;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}

._898560d5e2997085-chip:active{
	transform:scale(0.96);
}

@media (hover: hover){
	._898560d5e2997085-chip:hover{
		background-color:var(--background-secondary-hover);
	}
}

._898560d5e2997085-chipActive{
	background-color:var(--brand-primary);
	border-color:var(--brand-primary);
}

@media (hover: hover){
	._898560d5e2997085-chipActive:hover{
		background-color:var(--brand-primary-hover);
	}
}

._898560d5e2997085-chipIcon{
	display:flex;
	align-items:center;
	color:var(--text-secondary);
}

._898560d5e2997085-chipActive ._898560d5e2997085-chipIcon{
	color:var(--text-on-brand-primary);
}

._898560d5e2997085-chipContent{
	display:flex;
	align-items:center;
	gap:4px;
}

._898560d5e2997085-chipLabel{
	font-weight:600;
	color:var(--text-secondary);
}

._898560d5e2997085-chipLabelActive{
	color:var(--text-on-brand-primary);
}

._898560d5e2997085-chipValue{
	color:var(--text-primary);
}

._898560d5e2997085-chipValueActive{
	color:var(--text-on-brand-primary);
}

._898560d5e2997085-removeButton{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:2px;
	margin-left:2px;
	background:transparent;
	border:none;
	color:var(--text-on-brand-primary);
	opacity:0.8;
	cursor:pointer;
	border-radius:50%;
	transition:opacity 150ms ease;
}

@media (hover: hover){
	._898560d5e2997085-removeButton:hover{
		opacity:1;
	}
}

.ceb6f2e4d72b46a8-container{
	display:flex;
	flex-direction:column;
	padding:8px 16px 40px;
}

.ceb6f2e4d72b46a8-optionsContainer{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.ceb6f2e4d72b46a8-option{
	display:flex;
	align-items:center;
	justify-content:space-between;
	background-color:var(--background-tertiary);
	border:1px solid var(--border-color);
	border-radius:12px;
	padding:16px;
	cursor:pointer;
	transition:all 150ms ease;
	text-align:left;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}

.ceb6f2e4d72b46a8-option:active{
	transform:scale(0.98);
}

@media (hover: hover){
	.ceb6f2e4d72b46a8-option:hover{
		background-color:var(--background-secondary-hover);
	}
}

.ceb6f2e4d72b46a8-optionSelected{
	border-color:var(--brand-primary-light);
	background-color:color-mix(in srgb, var(--brand-primary-light) 10%, transparent);
}

.theme-light .ceb6f2e4d72b46a8-optionSelected{
	border-color:var(--brand-primary);
	background-color:color-mix(in srgb, var(--brand-primary) 10%, transparent);
}

@media (hover: hover){
	.ceb6f2e4d72b46a8-optionSelected:hover{
		background-color:color-mix(in srgb, var(--brand-primary-light) 15%, transparent);
	}

	.theme-light .ceb6f2e4d72b46a8-optionSelected:hover{
		background-color:color-mix(in srgb, var(--brand-primary) 15%, transparent);
	}
}

.ceb6f2e4d72b46a8-optionLeft{
	display:flex;
	align-items:center;
	gap:12px;
	flex:1;
}

.ceb6f2e4d72b46a8-optionIcon{
	flex-shrink:0;
	color:var(--text-secondary);
}

.ceb6f2e4d72b46a8-optionIconSelected{
	color:var(--brand-primary-light);
}

.theme-light .ceb6f2e4d72b46a8-optionIconSelected{
	color:var(--brand-primary);
}

.ceb6f2e4d72b46a8-optionText{
	display:flex;
	flex-direction:column;
	flex:1;
}

.ceb6f2e4d72b46a8-optionLabel{
	font-size:1rem;
	color:var(--text-primary);
}

.ceb6f2e4d72b46a8-optionLabelSelected{
	font-weight:600;
}

.ceb6f2e4d72b46a8-optionDescription{
	font-size:0.8125rem;
	color:var(--text-secondary);
	margin-top:2px;
}

.ceb6f2e4d72b46a8-checkIcon{
	flex-shrink:0;
	color:var(--brand-primary-light);
}

.theme-light .ceb6f2e4d72b46a8-checkIcon{
	color:var(--brand-primary);
}

._0145ee1513a7bb09-container{
	display:flex;
	flex-direction:column;
	height:100%;
	overflow:hidden;
	padding-top:8px;
}

._0145ee1513a7bb09-searchContainer{
	padding:0 16px 12px;
}

._0145ee1513a7bb09-searchInputWrapper{
	display:flex;
	align-items:center;
	background-color:var(--background-tertiary);
	border-radius:8px;
	padding:8px 12px;
	gap:8px;
}

._0145ee1513a7bb09-searchIcon{
	flex-shrink:0;
	color:var(--text-secondary);
}

._0145ee1513a7bb09-searchInput{
	flex:1;
	border:none;
	background:transparent;
	color:var(--text-primary);
	font-size:1rem;
	outline:none;
	padding:0;
}

._0145ee1513a7bb09-searchInput::-webkit-input-placeholder{
	color:var(--text-secondary);
}

._0145ee1513a7bb09-searchInput::-moz-placeholder{
	color:var(--text-secondary);
}

._0145ee1513a7bb09-searchInput::-ms-input-placeholder{
	color:var(--text-secondary);
}

._0145ee1513a7bb09-searchInput:-ms-input-placeholder{
	color:var(--text-secondary);
}

._0145ee1513a7bb09-searchInput::placeholder{
	color:var(--text-secondary);
}

._0145ee1513a7bb09-clearButton{
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:2px;
	border:none;
	background:transparent;
	color:var(--text-secondary);
	cursor:pointer;
}

._0145ee1513a7bb09-scroller{
	flex:1;
	overflow-y:auto;
}

._0145ee1513a7bb09-listContent{
	padding:0 16px 40px;
}

._0145ee1513a7bb09-userItem{
	display:flex;
	align-items:center;
	width:100%;
	padding:12px;
	border:none;
	background:transparent;
	border-radius:12px;
	cursor:pointer;
	transition:background-color 150ms ease;
	text-align:left;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}

._0145ee1513a7bb09-userItem:active{
	background-color:var(--background-modifier-active);
}

@media (hover: hover) and (pointer: fine){
	._0145ee1513a7bb09-userItem:hover{
		background-color:var(--background-secondary-hover);
	}
}

._0145ee1513a7bb09-userItemSelected{
	background-color:color-mix(in srgb, var(--brand-primary-light) 10%, transparent);
}

.theme-light ._0145ee1513a7bb09-userItemSelected{
	background-color:color-mix(in srgb, var(--brand-primary) 10%, transparent);
}

@media (hover: hover) and (pointer: fine){
	._0145ee1513a7bb09-userItemSelected:hover{
		background-color:color-mix(in srgb, var(--brand-primary-light) 15%, transparent);
	}

	.theme-light ._0145ee1513a7bb09-userItemSelected:hover{
		background-color:color-mix(in srgb, var(--brand-primary) 15%, transparent);
	}
}

._0145ee1513a7bb09-avatar{
	flex-shrink:0;
	margin-right:12px;
}

._0145ee1513a7bb09-userInfo{
	flex:1;
	display:flex;
	flex-direction:column;
	min-width:0;
}

._0145ee1513a7bb09-displayName{
	font-size:0.9375rem;
	font-weight:600;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._0145ee1513a7bb09-username{
	font-size:0.8125rem;
	color:var(--text-secondary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._0145ee1513a7bb09-checkIcon{
	flex-shrink:0;
	color:var(--brand-primary-light);
}

.theme-light ._0145ee1513a7bb09-checkIcon{
	color:var(--brand-primary);
}

._0145ee1513a7bb09-emptyState{
	padding:40px 16px;
	text-align:center;
	font-size:1rem;
	color:var(--text-secondary);
}

._0145ee1513a7bb09-footer{
	display:flex;
	justify-content:flex-end;
	padding:12px 16px;
	border-top:1px solid var(--border-color);
}

.eada809f3eac9de0-container{
	display:flex;
	height:100%;
	flex-direction:column;
	overflow:hidden;
}

.eada809f3eac9de0-headerButton{
	display:flex;
	align-items:center;
	color:var(--text-primary);
}

.eada809f3eac9de0-searchContainer{
	padding:12px 16px;
}

.eada809f3eac9de0-searchInputWrapper{
	position:relative;
	display:flex;
	height:2.75rem;
	align-items:center;
	padding:0 14px;
	background-color:var(--background-tertiary);
	border-radius:12px;
}

.eada809f3eac9de0-searchIcon{
	height:1.25rem;
	width:1.25rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

.eada809f3eac9de0-searchInput{
	margin-left:8px;
	height:100%;
	flex:1;
	border:none;
	background-color:transparent;
	color:var(--text-primary);
	font-size:1rem;
	outline:none;
}

.eada809f3eac9de0-searchInput::-webkit-input-placeholder{
	color:var(--text-primary-muted);
}

.eada809f3eac9de0-searchInput::-moz-placeholder{
	color:var(--text-primary-muted);
}

.eada809f3eac9de0-searchInput::-ms-input-placeholder{
	color:var(--text-primary-muted);
}

.eada809f3eac9de0-searchInput:-ms-input-placeholder{
	color:var(--text-primary-muted);
}

.eada809f3eac9de0-searchInput::placeholder{
	color:var(--text-primary-muted);
}

.eada809f3eac9de0-clearButton{
	margin-left:8px;
	display:flex;
	height:2rem;
	width:2rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border:none;
	background-color:transparent;
	padding:0;
	color:var(--text-primary-muted);
	transition:color 150ms ease;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
}

@media (hover: hover){
	.eada809f3eac9de0-clearButton:hover{
		color:var(--text-primary);
	}
}

.eada809f3eac9de0-searchResults{
	margin-top:8px;
	text-align:center;
	font-size:0.875rem;
	color:var(--text-secondary);
}

.eada809f3eac9de0-filterChipsRow{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:12px;
}

.eada809f3eac9de0-searchButton{
	margin-top:12px;
	width:100%;
}

.eada809f3eac9de0-loadingContainer,
.eada809f3eac9de0-idleContainer{
	display:flex;
	flex:1;
	align-items:center;
	justify-content:center;
}

.eada809f3eac9de0-loadingIcon{
	height:3rem;
	width:3rem;
	animation:eada809f3eac9de0-spin 1s linear infinite;
	color:var(--text-primary-muted);
}

@keyframes eada809f3eac9de0-spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

.eada809f3eac9de0-emptyStateContainer{
	display:flex;
	flex:1;
	align-items:center;
	justify-content:center;
	padding:16px;
}

.eada809f3eac9de0-emptyStateContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
	text-align:center;
}

.eada809f3eac9de0-emptyStateIcon{
	height:5rem;
	width:5rem;
	color:var(--text-primary-muted);
}

.eada809f3eac9de0-emptyStateTitle{
	font-size:1.125rem;
	font-weight:600;
	color:var(--text-primary);
}

.eada809f3eac9de0-emptyStateDescription{
	font-size:0.875rem;
	color:var(--text-secondary);
}

.eada809f3eac9de0-indexingContainer{
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:16px;
	padding:16px;
}

.eada809f3eac9de0-indexingContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
	text-align:center;
}

.eada809f3eac9de0-indexingIcon{
	height:4rem;
	width:4rem;
	animation:eada809f3eac9de0-spin 1s linear infinite;
	color:var(--text-primary-muted);
}

.eada809f3eac9de0-indexingTitle{
	font-size:1.25rem;
	font-weight:600;
	color:var(--text-primary);
}

.eada809f3eac9de0-indexingDescription{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

.eada809f3eac9de0-errorContainer{
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:16px;
	padding:16px;
}

.eada809f3eac9de0-errorContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
	text-align:center;
}

.eada809f3eac9de0-errorTitle{
	font-size:1.25rem;
	font-weight:600;
	color:var(--text-primary);
}

.eada809f3eac9de0-errorMessage{
	max-width:100%;
	font-size:0.875rem;
	color:var(--text-primary-muted);
	word-break:break-words;
}

.eada809f3eac9de0-retryButton{
	margin-top:16px;
	background-color:var(--background-modifier-accent);
	border:none;
	border-radius:4px;
	padding:8px 16px;
	font-size:0.875rem;
	color:var(--text-primary);
	transition:background-color 150ms ease;
}

@media (hover: hover){
	.eada809f3eac9de0-retryButton:hover{
		background-color:var(--background-modifier-hover);
	}
}

.eada809f3eac9de0-resultsScroller{
	flex:1;
	overflow-y:auto;
	padding:16px 16px 0;
}

.eada809f3eac9de0-channelSection{
	margin-top:16px;
	margin-bottom:8px;
	display:flex;
	align-items:center;
	gap:8px;
}

.eada809f3eac9de0-channelSection:first-child{
	margin-top:0;
}

.eada809f3eac9de0-channelIcon{
	height:1.25rem;
	width:1.25rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

.eada809f3eac9de0-channelName{
	font-size:0.875rem;
	font-weight:600;
	color:var(--text-primary);
}

.eada809f3eac9de0-searchResultItem{
	position:relative;
	margin-bottom:12px;
	cursor:pointer;
	overflow:hidden;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	background-color:var(--background-modifier-hover);
	border-radius:14px;
	padding:10px 12px;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
}

.eada809f3eac9de0-paginationContainer{
	display:flex;
	height:52px;
	flex-shrink:0;
	align-items:center;
	justify-content:space-between;
	padding:0 16px;
	border-top:1px solid var(--background-modifier-hover);
}

.eada809f3eac9de0-paginationButton{
	display:flex;
	align-items:center;
	gap:8px;
	border:none;
	background-color:var(--background-modifier-accent);
	border-radius:8px;
	padding:10px 16px;
	font-size:0.875rem;
	color:var(--text-primary);
	transition:background-color 150ms ease;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
}

@media (hover: hover){
	.eada809f3eac9de0-paginationButton:hover{
		background-color:var(--background-modifier-hover);
	}
}

.eada809f3eac9de0-paginationButton:disabled{
	cursor:not-allowed;
	opacity:0.5;
}

.eada809f3eac9de0-paginationButton:disabled:hover{
	background-color:var(--background-modifier-accent);
}

.eada809f3eac9de0-paginationText{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

.a1f53226231f1c4a-selectable{
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
}

.a1f53226231f1c4a-topic{
	overflow:hidden;
	text-wrap:wrap;
	word-break:break-word;
}

.d2ed394c7c9afef0-previewCard{
	position:relative;
	margin-bottom:8px;
	cursor:default;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	overflow:hidden;
	flex-shrink:0;
	border-radius:6px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding-top:8px;
	padding-bottom:8px;
}

.d2ed394c7c9afef0-previewCardMobile{
	margin-bottom:12px;
	cursor:pointer;
	border-radius:14px;
	border:none;
	background-color:var(--background-modifier-hover);
}

.d2ed394c7c9afef0-actionButtons{
	display:none;
	position:absolute;
	top:12px;
	right:12px;
	gap:4px;
}

.d2ed394c7c9afef0-previewCard:hover .d2ed394c7c9afef0-actionButtons{
	display:flex;
}

.d2ed394c7c9afef0-actionButton{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	font-weight:600;
	line-height:20px;
	padding:0 8px;
	font-size:11px;
	border-radius:4px;
	text-align:center;
	color:var(--text-primary-muted);
	background-color:var(--background-primary);
	transition:color 0.2s;
}

.d2ed394c7c9afef0-actionButton:hover{
	color:var(--text-primary);
}

.d2ed394c7c9afef0-actionIconButton{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	padding:2px;
	border-radius:4px;
	color:var(--text-primary-muted);
	background-color:var(--background-primary);
	transition:color 0.2s;
}

.d2ed394c7c9afef0-actionIconButton:hover{
	color:var(--text-primary);
}

.d2ed394c7c9afef0-actionIcon{
	width:16px;
	height:16px;
	display:block;
}

.d2ed394c7c9afef0-scroller{
	flex:1;
	min-height:0;
	min-width:0;
	padding-block:8px;
	-webkit-padding-start:12px;
	        padding-inline-start:12px;
	-webkit-padding-end:0;
	        padding-inline-end:0;
}

.d2ed394c7c9afef0-scrollerMobile{
	padding:0 16px 16px;
}

.d2ed394c7c9afef0-topSpacer{
	height:8px;
	flex-shrink:0;
}

.d2ed394c7c9afef0-emptyState{
	display:flex;
	height:100%;
	min-height:400px;
	align-items:center;
	justify-content:center;
}

.d2ed394c7c9afef0-emptyStateContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
}

.d2ed394c7c9afef0-emptyStateIcon{
	height:80px;
	width:80px;
	color:var(--text-primary-muted);
}

.d2ed394c7c9afef0-emptyStateTextContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
	text-align:center;
}

.d2ed394c7c9afef0-emptyStateTitle{
	font-weight:600;
	font-size:20px;
	line-height:28px;
	color:var(--text-primary);
}

.d2ed394c7c9afef0-emptyStateDescription{
	font-size:14px;
	line-height:20px;
	color:var(--text-primary-muted);
}

.d2ed394c7c9afef0-endState{
	display:flex;
	height:100%;
	min-height:200px;
	align-items:center;
	justify-content:center;
}

.d2ed394c7c9afef0-endStateContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
}

.d2ed394c7c9afef0-endStateIcon{
	height:48px;
	width:48px;
	color:var(--text-primary-muted);
}

.d2ed394c7c9afef0-endStateTextContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
	text-align:center;
}

.d2ed394c7c9afef0-endStateTitle{
	font-weight:600;
	font-size:20px;
	line-height:28px;
	color:var(--text-primary);
}

.d2ed394c7c9afef0-endStateDescription{
	font-size:14px;
	line-height:20px;
	color:var(--text-primary-muted);
}

.d2ed394c7c9afef0-lostMessageInner{
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px;
	color:var(--text-warning);
}

.d2ed394c7c9afef0-lostMessageIcon{
	width:20px;
	height:20px;
	color:var(--text-warning);
}

.d2ed394c7c9afef0-lostMessageText{
	font-size:14px;
	line-height:20px;
	color:var(--text-warning);
}

.d2ed394c7c9afef0-loadingState{
	display:flex;
	height:80px;
	align-items:center;
	justify-content:center;
}

.d2ed394c7c9afef0-loadingText{
	font-size:14px;
	line-height:20px;
	color:var(--text-primary-muted);
}

.d2ed394c7c9afef0-menuIcon{
	height:20px;
	width:20px;
}

@media (max-width: 767px){
	.d2ed394c7c9afef0-scrollerMobile{
		padding:0 10px 12px;
		overflow-x:hidden;
	}

	.d2ed394c7c9afef0-previewCardMobile{
		width:100%;
		max-width:100%;
		min-width:0;
		margin-bottom:8px;
		padding:6px 0;
		box-sizing:border-box;
		border-radius:12px;
	}

	.d2ed394c7c9afef0-previewCardMobile [class*='message']{
		max-width:100%;
		min-width:0;
		text-align:left;
	}

	.d2ed394c7c9afef0-endStateTextContainer,
	.d2ed394c7c9afef0-emptyStateTextContainer{
		max-width:100%;
		padding-inline:0.75rem;
		box-sizing:border-box;
	}

	.d2ed394c7c9afef0-endStateDescription,
	.d2ed394c7c9afef0-emptyStateDescription{
		overflow-wrap:anywhere;
	}
}

._926ddf2a1da94ee4-headerContainer{
	z-index:3;
	display:grid;
	grid-template-columns:minmax(0, 1fr) minmax(0, auto);
	align-items:center;
	grid-gap:var(--spacing-3);
	gap:var(--spacing-3);
	height:var(--layout-header-height);
	min-height:var(--layout-header-height);
	border-bottom:none;
	background-color:transparent;
	padding:0.5rem 1.1rem 0.5rem 0.95rem;
	color:var(--text-primary);
	animation:_926ddf2a1da94ee4-channelHeaderFadeIn 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes _926ddf2a1da94ee4-channelHeaderFadeIn{
	from{
		opacity:0;
		transform:translateY(-3px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

@media (prefers-reduced-motion: reduce){
	._926ddf2a1da94ee4-headerContainer{
		animation:none;
	}

	._926ddf2a1da94ee4-newsBellIcon{
		animation:none;
	}
}

._926ddf2a1da94ee4-headerWrapper{
	--channel-header-surface:color-mix(in srgb, var(--background-primary) 90%, var(--background-floating) 10%);
	--channel-header-surface-strong:color-mix(in srgb, var(--surface-interactive-selected-bg) 16%, var(--channel-header-surface) 84%);
	--channel-header-border:color-mix(in srgb, var(--text-primary) 6%, transparent);
	--channel-header-highlight:color-mix(in srgb, var(--text-primary) 4%, transparent);
	--channel-header-chip-top:color-mix(in srgb, var(--channel-header-surface) 86%, var(--background-floating) 14%);
	--channel-header-chip-bottom:color-mix(in srgb, var(--channel-header-surface-strong) 88%, var(--background-primary) 12%);
	--channel-header-chip-hover-top:color-mix(in srgb, var(--surface-interactive-hover-bg) 42%, var(--channel-header-chip-top) 58%);
	--channel-header-chip-hover-bottom:color-mix(
		in srgb,
		var(--surface-interactive-selected-bg) 28%,
		var(--channel-header-chip-bottom) 72%
	);
	--channel-header-group-top:color-mix(in srgb, var(--channel-header-surface) 90%, var(--background-floating) 10%);
	--channel-header-group-bottom:color-mix(in srgb, var(--channel-header-surface-strong) 90%, var(--background-primary) 10%);
	--channel-header-left-edge:var(--background-primary);
	--channel-header-right-edge:var(--background-primary);
	background:var(--background-primary);
	display:flex;
	flex-direction:column;
	position:relative;
	isolation:isolate;
	border-bottom:none;
	box-shadow:none;
	-webkit-backdrop-filter:none;
	        backdrop-filter:none;
}

._926ddf2a1da94ee4-headerWrapperPrivate{
	--channel-header-surface:color-mix(in srgb, var(--background-floating) 76%, var(--app-surface-background) 24%);
	--channel-header-surface-strong:color-mix(in srgb, var(--background-secondary) 80%, var(--background-primary) 20%);
	--channel-header-chip-top:color-mix(in srgb, var(--background-floating) 76%, var(--app-surface-background) 24%);
	--channel-header-chip-bottom:color-mix(in srgb, var(--background-secondary) 80%, var(--background-primary) 20%);
	--channel-header-chip-hover-top:color-mix(in srgb, var(--background-floating) 84%, var(--background-primary) 16%);
	--channel-header-chip-hover-bottom:color-mix(in srgb, var(--background-secondary) 82%, var(--background-primary) 18%);
	--channel-header-group-top:color-mix(in srgb, var(--background-floating) 82%, var(--app-surface-background) 18%);
	--channel-header-group-bottom:color-mix(in srgb, var(--background-secondary) 82%, var(--background-primary) 18%);
	--channel-header-left-edge:color-mix(in srgb, var(--app-surface-background) 82%, var(--background-secondary) 18%);
	--channel-header-right-edge:color-mix(in srgb, var(--background-primary) 92%, var(--background-floating) 8%);
}

._926ddf2a1da94ee4-headerWrapperGuild{
	--channel-header-surface:color-mix(in srgb, var(--background-primary) 92%, var(--background-floating) 8%);
	--channel-header-surface-strong:color-mix(in srgb, var(--surface-interactive-selected-bg) 16%, var(--background-primary) 84%);
	--channel-header-chip-top:color-mix(in srgb, var(--background-primary) 90%, var(--surface-interactive-hover-bg) 10%);
	--channel-header-chip-bottom:color-mix(in srgb, var(--background-primary) 82%, var(--surface-interactive-selected-bg) 18%);
	--channel-header-chip-hover-top:color-mix(in srgb, var(--surface-interactive-hover-bg) 58%, var(--background-primary) 42%);
	--channel-header-chip-hover-bottom:color-mix(
		in srgb,
		var(--surface-interactive-selected-bg) 34%,
		var(--background-primary) 66%
	);
	--channel-header-group-top:color-mix(in srgb, var(--background-primary) 88%, var(--surface-interactive-hover-bg) 12%);
	--channel-header-group-bottom:color-mix(
		in srgb,
		var(--background-primary) 82%,
		var(--surface-interactive-selected-bg) 18%
	);
	--channel-header-left-edge:color-mix(in srgb, var(--app-surface-background) 82%, var(--background-primary) 18%);
	--channel-header-right-edge:color-mix(in srgb, var(--background-primary) 92%, var(--background-floating) 8%);
}

._926ddf2a1da94ee4-headerWrapper::before{
	content:'';
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 2%, transparent), transparent 62%);
	pointer-events:none;
	opacity:0.08;
}

._926ddf2a1da94ee4-headerWrapperCallActive{
	background:linear-gradient(
		180deg,
		color-mix(in srgb, var(--background-primary) 90%, var(--app-surface-background) 10%),
		color-mix(in srgb, var(--background-secondary) 18%, var(--background-primary) 82%)
	);
}

._926ddf2a1da94ee4-headerWrapperCallActive::before{
	opacity:0.28;
}

._926ddf2a1da94ee4-headerContainerCallActive{
	background-color:transparent;
	border-bottom-color:transparent;
}

._926ddf2a1da94ee4-callBanner{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
	align-items:center;
	grid-gap:var(--spacing-4);
	gap:var(--spacing-4);
	padding:var(--spacing-3) var(--spacing-4);
	border-top:none;
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 10%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--background-primary) 88%, var(--app-surface-background) 12%), color-mix(in srgb, var(--background-secondary) 20%, var(--background-primary) 80%));
	color:var(--text-primary);
}

._926ddf2a1da94ee4-callBannerInfo{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	min-width:0;
}

._926ddf2a1da94ee4-callBannerIcon{
	color:var(--status-online);
	height:1.25rem;
	width:1.25rem;
}

._926ddf2a1da94ee4-callBannerTexts{
	display:flex;
	flex-direction:column;
	gap:0.15rem;
	min-width:0;
}

._926ddf2a1da94ee4-callBannerTitle{
	font-weight:600;
	font-size:0.95rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.25rem;
	max-height:1.25rem;
}

._926ddf2a1da94ee4-callBannerSubtitle{
	font-size:0.875rem;
	color:var(--text-primary-muted);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.25rem;
	max-height:1.25rem;
}

._926ddf2a1da94ee4-callBannerConnected{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:var(--spacing-3);
	min-width:0;
}

._926ddf2a1da94ee4-callBannerPending{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:var(--spacing-2);
	min-width:0;
}

._926ddf2a1da94ee4-callBannerAvatarShell{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:context-menu;
}

._926ddf2a1da94ee4-callBannerAvatar{
	border-radius:9999px;
	box-shadow:0 0 0 1px color-mix(in srgb, var(--white) 12%, transparent);
}

._926ddf2a1da94ee4-callBannerAvatarPending{
	opacity:0.8;
}

._926ddf2a1da94ee4-callBannerAvatarPending::before{
	content:'';
	position:absolute;
	inset:-4px;
	border-radius:50%;
	border:1px solid color-mix(in srgb, var(--white) 45%, transparent);
	opacity:0.5;
	animation:none;
}

._926ddf2a1da94ee4-callBannerAvatarPending ._926ddf2a1da94ee4-callBannerAvatar{
	-webkit-filter:grayscale(0.35);
	        filter:grayscale(0.35);
	opacity:0.9;
}

@keyframes _926ddf2a1da94ee4-callBannerRing{
	0%{
		transform:scale(0.9);
		opacity:0.7;
	}
	70%{
		transform:scale(1.15);
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

._926ddf2a1da94ee4-headerLeftSection{
	position:relative;
	display:flex;
	align-items:center;
	min-width:0;
	overflow:hidden;
	gap:0.3rem;
}

._926ddf2a1da94ee4-backButton{
	margin-right:var(--spacing-3);
	flex-shrink:0;
	cursor:pointer;
	-webkit-app-region:no-drag;
	display:flex;
	align-items:center;
	justify-content:center;
	width:2.25rem;
	height:2.25rem;
	border-radius:0.5rem;
	border:1px solid var(--channel-header-border);
	background:color-mix(in srgb, var(--channel-header-surface) 84%, var(--background-floating) 16%);
	box-shadow:inset 0 1px 0 var(--channel-header-highlight);
	transition:var(--button-motion-transition), transform 180ms ease;
}

._926ddf2a1da94ee4-backButton:hover{
	background:color-mix(in srgb, var(--channel-header-surface-strong) 84%, var(--background-floating) 16%);
	border-color:color-mix(in srgb, var(--brand-primary) 12%, transparent);
	transform:translateY(-1px);
}

._926ddf2a1da94ee4-backButtonDesktop{
	
}

@media (min-width: 768px){
	._926ddf2a1da94ee4-backButtonDesktop{
		display:none;
	}
}

._926ddf2a1da94ee4-backIcon{
	height:1.5rem;
	width:1.5rem;
}

._926ddf2a1da94ee4-backIconBold{
	
	font-weight:bold;
}

._926ddf2a1da94ee4-leftContentContainer{
	position:relative;
	min-width:0;
	flex:1;
	overflow:hidden;
	display:flex;
	align-items:center;
}

._926ddf2a1da94ee4-mobileButton{
	display:flex;
	align-items:center;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	background:color-mix(in srgb, var(--channel-header-surface) 90%, transparent);
	padding:0.38rem 0.52rem;
	border-radius:0.5rem;
	text-align:left;
	cursor:pointer;
	-webkit-app-region:no-drag;
	box-shadow:none;
	transition:var(--button-motion-transition), transform 180ms ease;
}

._926ddf2a1da94ee4-mobileButtonConversation{
	border:none;
	background:transparent;
	box-shadow:none;
	padding:0;
	border-radius:0;
	gap:0.38rem;
}

._926ddf2a1da94ee4-desktopButton{
	
	cursor:pointer;
	position:relative;
	overflow:hidden;
}

._926ddf2a1da94ee4-desktopButton:hover,
._926ddf2a1da94ee4-desktopButton:focus-visible{
	background:color-mix(in srgb, var(--channel-header-surface-strong) 92%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
	transform:none;
}

._926ddf2a1da94ee4-avatarWrapper{
	display:flex;
	align-items:center;
	min-width:0;
	max-width:100%;
	overflow:hidden;
}

._926ddf2a1da94ee4-groupDMHeaderTrigger{
	display:flex;
	align-items:center;
	min-width:0;
	max-width:100%;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	-webkit-app-region:no-drag;
	padding:0.38rem 0.52rem;
	border-radius:0.5rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	background:color-mix(in srgb, var(--channel-header-surface) 90%, transparent);
	box-shadow:none;
	transition:var(--button-motion-transition), transform 180ms ease;
}

._926ddf2a1da94ee4-groupDMHeaderTrigger:hover,
._926ddf2a1da94ee4-groupDMHeaderTrigger:focus-visible{
	background:color-mix(in srgb, var(--channel-header-surface-strong) 92%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
	transform:none;
}

._926ddf2a1da94ee4-groupDMHeaderInner{
	display:flex;
	align-items:center;
	flex:1;
	min-width:0;
	max-width:100%;
	gap:var(--spacing-2);
	position:relative;
	z-index:1;
}

._926ddf2a1da94ee4-groupDMEditIcon{
	opacity:0;
	color:var(--text-primary-muted);
	flex-shrink:0;
	position:relative;
	margin-left:var(--spacing-2);
}

._926ddf2a1da94ee4-groupDMHeaderTrigger:hover ._926ddf2a1da94ee4-groupDMEditIcon,
._926ddf2a1da94ee4-groupDMHeaderTrigger:focus-visible ._926ddf2a1da94ee4-groupDMEditIcon{
	opacity:1;
}

._926ddf2a1da94ee4-channelName{
	margin-left:0;
	min-width:0;
	flex-shrink:1;
	font-weight:780;
	font-size:0.95rem;
	letter-spacing:0.01em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.35rem;
	max-height:1.35rem;
	color:color-mix(in srgb, var(--text-primary) 96%, white 4%);
}

._926ddf2a1da94ee4-groupDMChannelName{
	margin-left:0;
}

._926ddf2a1da94ee4-channelNameCluster{
	display:inline-flex;
	align-items:center;
	gap:0.38rem;
	min-width:0;
	max-width:100%;
	flex-shrink:1;
	overflow:hidden;
}

._926ddf2a1da94ee4-channelCurrentTag{
	display:inline-flex;
	align-items:center;
	gap:0.24rem;
	flex-shrink:0;
	padding:0.14rem 0.4rem;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--brand-primary) 26%, transparent);
	background:color-mix(in srgb, var(--brand-primary) 14%, var(--background-floating) 86%);
	color:color-mix(in srgb, var(--text-primary) 88%, var(--brand-primary) 12%);
	font-size:0.61rem;
	font-weight:760;
	letter-spacing:0.045em;
	text-transform:uppercase;
	line-height:1;
}

._926ddf2a1da94ee4-channelCurrentTagDot{
	width:0.32rem;
	height:0.32rem;
	border-radius:50%;
	background:color-mix(in srgb, var(--brand-primary) 72%, white 28%);
	box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-primary) 40%, transparent);
}

._926ddf2a1da94ee4-dmNameWrapper{
	display:inline-flex;
	align-items:center;
	gap:0.35rem;
	min-width:0;
	max-width:min(18.5rem, 100%);
	flex-shrink:1;
}


._926ddf2a1da94ee4-channelCapsuleBody{
	display:flex;
	align-items:center;
	min-width:0;
	flex:1 1 auto;
	overflow:hidden;
}

._926ddf2a1da94ee4-channelTitleRow{
	display:flex;
	align-items:center;
	gap:0.35rem;
	min-width:0;
	max-width:100%;
	overflow:hidden;
}

._926ddf2a1da94ee4-channelCapsuleMeta{
	display:inline-flex;
	align-items:center;
	min-width:0;
	max-width:0;
	opacity:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:0.7rem;
	line-height:1.02rem;
	letter-spacing:0.018em;
	color:color-mix(in srgb, var(--text-primary-muted) 88%, var(--brand-primary) 12%);
	margin-left:0;
	transform:translateX(-0.35rem);
	transition:max-width 240ms cubic-bezier(0.22, 1, 0.36, 1), margin-left 220ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

._926ddf2a1da94ee4-channelCapsuleMeta::before{
	content:'';
	width:0.24rem;
	height:0.24rem;
	border-radius:999px;
	margin-right:0.42rem;
	flex-shrink:0;
	background:color-mix(in srgb, var(--brand-primary) 56%, var(--text-primary-muted) 44%);
}

._926ddf2a1da94ee4-userTag{
	margin-left:0.25rem;
}

._926ddf2a1da94ee4-channelIcon{
	height:1.5rem;
	width:1.5rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

._926ddf2a1da94ee4-caretRight{
	margin-left:var(--spacing-1);
	height:1rem;
	width:1rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

._926ddf2a1da94ee4-channelInfoContainer{
	display:flex;
	align-items:center;
	min-width:0;
	max-width:100%;
	overflow:hidden;
	position:relative;
	padding:0.38rem 0.52rem;
	border-radius:0.5rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	background:color-mix(in srgb, var(--channel-header-surface) 90%, transparent);
	box-shadow:none;
	transition:var(--button-motion-transition), transform 180ms ease;
}

._926ddf2a1da94ee4-channelInfoContainer:hover{
	background:color-mix(in srgb, var(--channel-header-surface-strong) 92%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
	transform:none;
}

._926ddf2a1da94ee4-desktopButton:hover ._926ddf2a1da94ee4-channelCapsuleMeta,
._926ddf2a1da94ee4-desktopButton:focus-visible ._926ddf2a1da94ee4-channelCapsuleMeta,
._926ddf2a1da94ee4-groupDMHeaderTrigger:hover ._926ddf2a1da94ee4-channelCapsuleMeta,
._926ddf2a1da94ee4-groupDMHeaderTrigger:focus-visible ._926ddf2a1da94ee4-channelCapsuleMeta,
._926ddf2a1da94ee4-channelInfoContainer:hover ._926ddf2a1da94ee4-channelCapsuleMeta{
	max-width:min(15rem, 34vw);
	margin-left:0.2rem;
	opacity:1;
	transform:translateX(0);
}

@media (min-width: 768px){
	._926ddf2a1da94ee4-leftContentContainer{
		justify-content:flex-start;
	}

	._926ddf2a1da94ee4-desktopButton,
	._926ddf2a1da94ee4-groupDMHeaderTrigger,
	._926ddf2a1da94ee4-channelInfoContainer{
		margin-inline:0;
		max-width:min(100%, 30rem);
	}

	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-desktopButton,
	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-groupDMHeaderTrigger,
	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-channelInfoContainer{
		padding:0;
		border-color:transparent;
		background:transparent;
	}

	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-desktopButton{
		gap:0.65rem;
	}

	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-desktopButton:hover,
	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-groupDMHeaderTrigger:hover,
	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-channelInfoContainer:hover{
		border-color:transparent;
		background:transparent;
	}

	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-dmNameWrapper{
		align-items:flex-start;
		max-width:min(22rem, 100%);
	}

	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-channelCapsuleBody{
		overflow:visible;
	}

	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-channelTitleRow{
		flex-direction:column;
		align-items:flex-start;
		gap:0;
		overflow:visible;
	}

	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-channelName{
		font-size:1.02rem;
		line-height:1.2rem;
		max-height:1.2rem;
	}

	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-channelCapsuleMeta{
		max-width:min(16rem, 34vw);
		margin-left:0;
		opacity:0.82;
		transform:none;
		font-size:0.68rem;
		line-height:0.9rem;
	}

	._926ddf2a1da94ee4-headerWrapperPrivate ._926ddf2a1da94ee4-channelCapsuleMeta::before{
		display:none;
	}
}

._926ddf2a1da94ee4-topicDivider{
	margin:0 var(--spacing-2);
	flex-shrink:0;
	color:var(--background-modifier-hover);
}

._926ddf2a1da94ee4-topicContainer{
	position:relative;
	min-width:0;
	flex:1 1 0%;
	overflow:hidden;
	max-width:100%;
	isolation:isolate;
}

._926ddf2a1da94ee4-topicButton{
	display:inline-flex;
	align-items:center;
	width:100%;
	min-width:0;
	max-width:100%;
	padding-right:var(--spacing-5);
	cursor:pointer;
	border:none;
	background:transparent;
	text-align:left;
	font-size:0.8125rem !important;
	line-height:1.125rem !important;
	max-height:1.125rem;
	color:var(--text-tertiary) !important;
	white-space:nowrap !important;
	word-break:normal !important;
	overflow-wrap:normal !important;
	text-overflow:ellipsis;
	-webkit-app-region:no-drag;
}

._926ddf2a1da94ee4-topicButtonOverflow{
	mask-image:linear-gradient(90deg, #000 0%, #000 calc(100% - 2.5rem), transparent 100%);
	-webkit-mask-image:linear-gradient(90deg, #000 0%, #000 calc(100% - 2.5rem), transparent 100%);
	mask-repeat:no-repeat;
	-webkit-mask-repeat:no-repeat;
}

._926ddf2a1da94ee4-topicButton *{
	white-space:inherit !important;
	word-break:inherit !important;
	overflow-wrap:inherit !important;
	overflow:hidden;
	text-overflow:ellipsis;
	color:inherit !important;
	font-size:inherit !important;
	line-height:inherit !important;
	margin:0;
	padding:0;
}

._926ddf2a1da94ee4-topicMarkup .markup,
._926ddf2a1da94ee4-topicMarkup .markup.inlineFormat,
._926ddf2a1da94ee4-topicMarkup .markup .inlineFormat{
	font-size:inherit !important;
	line-height:inherit !important;
	color:inherit !important;
	margin:0;
	padding:0;
}

._926ddf2a1da94ee4-topicMarkup .markup h1,
._926ddf2a1da94ee4-topicMarkup .markup h2,
._926ddf2a1da94ee4-topicMarkup .markup h3,
._926ddf2a1da94ee4-topicMarkup .markup h4,
._926ddf2a1da94ee4-topicMarkup .markup h5,
._926ddf2a1da94ee4-topicMarkup .markup h6,
._926ddf2a1da94ee4-topicMarkup .markup p,
._926ddf2a1da94ee4-topicMarkup .markup ul,
._926ddf2a1da94ee4-topicMarkup .markup ol,
._926ddf2a1da94ee4-topicMarkup .markup li,
._926ddf2a1da94ee4-topicMarkup .markup blockquote{
	font-size:inherit !important;
	line-height:inherit !important;
	margin:0 !important;
	padding:0 !important;
	color:inherit !important;
}

._926ddf2a1da94ee4-headerRightSection{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:0.2rem;
	flex:0 1 auto;
	min-width:0;
	max-width:100%;
	margin-right:0.28rem;
	-webkit-app-region:no-drag;
	padding:0;
	border-radius:0.95rem;
	background:transparent;
	border:none;
	box-shadow:none;
}

._926ddf2a1da94ee4-messageSearchFocusWrapper{
	display:flex;
	flex:0 1 auto;
	width:clamp(2.1rem, 4vw, 2.35rem);
	min-width:2.1rem;
	max-width:min(12.75rem, 48vw);
	overflow:hidden;
	transition:width 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

._926ddf2a1da94ee4-messageSearchFocusWrapper:hover,
._926ddf2a1da94ee4-messageSearchFocusWrapper:focus-within{
	width:clamp(8.5rem, 17vw, 12.75rem);
}

._926ddf2a1da94ee4-iconButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:2rem;
	width:2rem;
	flex-shrink:0;
	cursor:pointer;
	border-radius:0.62rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
	background:color-mix(in srgb, var(--channel-header-surface) 90%, transparent);
	box-shadow:none;
	transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), transform 180ms ease, box-shadow var(--transition-fast);
}
@media (pointer: coarse){
	._926ddf2a1da94ee4-iconButton{
		height:44px;
		width:44px;
		border-radius:12px;
	}
}

._926ddf2a1da94ee4-iconButtonDefault{
	
	color:var(--text-primary-muted);
	cursor:pointer;
}

._926ddf2a1da94ee4-iconButtonDefault:hover{
	color:var(--text-primary);
	background:color-mix(in srgb, var(--channel-header-surface-strong) 92%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
	transform:translateY(-1px);
	box-shadow:0 6px 16px rgb(0 0 0 / 0.14);
}

._926ddf2a1da94ee4-newsBellButton{
	position:relative;
}

._926ddf2a1da94ee4-newsBellIcon{
	animation:_926ddf2a1da94ee4-newsBellRing 1.8s ease-in-out infinite;
	transform-origin:top center;
}

._926ddf2a1da94ee4-newsBellDot{
	position:absolute;
	top:0.34rem;
	right:0.34rem;
	width:0.45rem;
	height:0.45rem;
	border-radius:999px;
	background:#f97316;
	box-shadow:0 0 0 2px color-mix(in srgb, var(--channel-header-background) 88%, transparent);
	pointer-events:none;
}

._926ddf2a1da94ee4-iconButtonSelected{
	
	color:color-mix(in srgb, var(--brand-primary) 54%, var(--text-primary));
	background:color-mix(in srgb, var(--brand-primary) 13%, var(--channel-header-surface));
	border-color:color-mix(in srgb, var(--brand-primary) 28%, transparent);
	box-shadow:none;
}

._926ddf2a1da94ee4-iconButtonVoice{
	
	color:color-mix(in srgb, var(--text-primary) 90%, var(--brand-primary) 10%);
	background:color-mix(in srgb, var(--channel-header-surface) 88%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 14%, transparent);
	box-shadow:none;
}

._926ddf2a1da94ee4-iconButtonVoice:hover{
	color:var(--text-primary);
	transform:none;
	background:color-mix(in srgb, var(--channel-header-surface-strong) 92%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 28%, transparent);
	box-shadow:none;
}

._926ddf2a1da94ee4-iconButtonVoiceSelected{
	
	color:color-mix(in srgb, var(--brand-primary) 82%, var(--text-primary));
	border-color:color-mix(in srgb, var(--brand-primary) 34%, transparent);
	background:color-mix(in srgb, var(--brand-primary) 16%, var(--channel-header-surface));
	box-shadow:none;
}

._926ddf2a1da94ee4-updateIconButton{
	
	color:#22c55e;
	background-color:transparent;
	position:relative;
}

._926ddf2a1da94ee4-updateIconButtonDisabled{
	
	opacity:0.4;
	pointer-events:none;
}

._926ddf2a1da94ee4-updateIcon{
	height:1.5rem;
	width:1.5rem;
}

._926ddf2a1da94ee4-updateProgress{
	position:absolute;
	bottom:-0.4rem;
	right:-0.6rem;
	background:var(--background-tertiary);
	color:var(--text-primary);
	font-size:0.65rem;
	padding:0 0.25rem;
	border-radius:6px;
	border:1px solid rgba(255, 255, 255, 0.08);
}

._926ddf2a1da94ee4-updateIconError{
	color:var(--status-danger);
}

._926ddf2a1da94ee4-iconButtonMobile{
	display:flex;
	align-items:center;
	justify-content:center;
	height:2.34rem;
	width:2.34rem;
	flex-shrink:0;
	border-radius:0.84rem;
	background:color-mix(in srgb, var(--channel-header-surface) 90%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
	color:var(--text-primary);
	cursor:pointer;
	box-shadow:none;
}

._926ddf2a1da94ee4-buttonIcon{
	height:1.24rem;
	width:1.24rem;
}

._926ddf2a1da94ee4-buttonIconVoice{
	height:1.35rem;
	width:1.35rem;
	-webkit-filter:drop-shadow(0 2px 6px rgb(3 7 18 / 0.28));
	        filter:drop-shadow(0 2px 6px rgb(3 7 18 / 0.28));
}

._926ddf2a1da94ee4-buttonIconMobile{
	height:1.12rem;
	width:1.12rem;
}

._926ddf2a1da94ee4-inlineEditWrapper{
	margin-left:var(--spacing-3);
}

._926ddf2a1da94ee4-inlineEditButton{
	font-weight:500;
	cursor:pointer;
}

._926ddf2a1da94ee4-inlineEditInput{
	font-weight:500;
}

._926ddf2a1da94ee4-iconButtonWrapper{
	position:relative;
	display:inline-flex;
}

._926ddf2a1da94ee4-unreadPinIndicator{
	position:absolute;
	bottom:0.3rem;
	right:0.35rem;
	width:0.5rem;
	height:0.5rem;
	border-radius:9999px;
	background-color:var(--status-danger);
	box-shadow:0 0 0 0.08rem var(--channel-header-background);
	pointer-events:none;
}

@keyframes _926ddf2a1da94ee4-newsBellRing{
	0%,
	100%{
		transform:rotate(0deg);
	}
	12%{
		transform:rotate(15deg);
	}
	24%{
		transform:rotate(-14deg);
	}
	36%{
		transform:rotate(10deg);
	}
	48%{
		transform:rotate(-8deg);
	}
	60%{
		transform:rotate(0deg);
	}
}

@media (max-width: 1320px){
	._926ddf2a1da94ee4-headerContainer{
		gap:0.65rem;
		padding-inline:0.82rem;
	}

	._926ddf2a1da94ee4-headerRightSection{
		gap:0.2rem;
		padding:0.18rem;
		margin-right:0.2rem;
	}

	._926ddf2a1da94ee4-iconButton,
	._926ddf2a1da94ee4-iconButtonDefault,
	._926ddf2a1da94ee4-iconButtonSelected,
	._926ddf2a1da94ee4-iconButtonVoice,
	._926ddf2a1da94ee4-iconButtonVoiceSelected,
	._926ddf2a1da94ee4-updateIconButton,
	._926ddf2a1da94ee4-updateIconButtonDisabled{
		height:1.92rem;
		width:1.92rem;
		border-radius:0.6rem;
	}

	._926ddf2a1da94ee4-buttonIcon{
		height:1.16rem;
		width:1.16rem;
	}

	._926ddf2a1da94ee4-buttonIconVoice{
		height:1.2rem;
		width:1.2rem;
	}
}

@media (max-width: 1160px){
	._926ddf2a1da94ee4-headerContainer{
		gap:0.5rem;
		padding-inline:0.6rem;
	}

	._926ddf2a1da94ee4-headerRightSection{
		gap:0.24rem;
	}

	._926ddf2a1da94ee4-messageSearchFocusWrapper{
		max-width:min(10.25rem, 44vw);
	}

	._926ddf2a1da94ee4-messageSearchFocusWrapper:hover,
	._926ddf2a1da94ee4-messageSearchFocusWrapper:focus-within{
		width:clamp(7.4rem, 20vw, 10.25rem);
	}
}

@media (max-width: 767px){
	._926ddf2a1da94ee4-headerWrapper{
		-webkit-backdrop-filter:none;
		        backdrop-filter:none;
	}

	._926ddf2a1da94ee4-headerWrapper::before{
		opacity:0.24;
	}

	._926ddf2a1da94ee4-headerContainer{
		height:4rem;
		min-height:4rem;
		gap:0.55rem;
		padding-top:0.58rem;
		padding-right:max(0.65rem, 0px);
		padding-right:max(0.65rem, var(--safe-area-right, 0px));
		padding-bottom:0.58rem;
		padding-left:max(0.65rem, 0px);
		padding-left:max(0.65rem, var(--safe-area-left, 0px));
	}

	._926ddf2a1da94ee4-headerLeftSection{
		gap:0.45rem;
	}

	._926ddf2a1da94ee4-backButton{
		margin-right:0.4rem;
		width:2.35rem;
		height:2.35rem;
		border-radius:0.9rem;
		border-color:transparent;
		box-shadow:none;
	}

	._926ddf2a1da94ee4-mobileButton,
	._926ddf2a1da94ee4-channelInfoContainer{
		padding:0.44rem 0.6rem;
		border-radius:0.95rem;
	}

	._926ddf2a1da94ee4-mobileButtonConversation{
		padding:0;
		border-radius:0;
	}

	._926ddf2a1da94ee4-channelName{
		font-size:0.96rem;
		line-height:1.35rem;
		max-height:1.35rem;
		letter-spacing:0.005em;
	}

	._926ddf2a1da94ee4-channelCapsuleMeta{
		font-size:0.68rem;
	}

	._926ddf2a1da94ee4-channelNameCluster{
		gap:0.3rem;
	}

	._926ddf2a1da94ee4-channelCurrentTag{
		padding:0.13rem 0.33rem;
		font-size:0.56rem;
	}

	._926ddf2a1da94ee4-dmNameWrapper{
		gap:0.4rem;
		max-width:min(13.5rem, 100%);
	}

	._926ddf2a1da94ee4-headerRightSection{
		gap:0.35rem;
		padding:0.22rem;
		border-radius:1rem;
		box-shadow:none;
		margin-right:0;
	}

	._926ddf2a1da94ee4-iconButtonMobile{
		width:2.35rem;
		height:2.35rem;
		border-radius:0.88rem;
	}

	._926ddf2a1da94ee4-buttonIconMobile{
		width:1.15rem;
		height:1.15rem;
	}
}

@media (max-width: 480px){
	._926ddf2a1da94ee4-headerContainer{
		padding-right:max(0.5rem, 0px);
		padding-right:max(0.5rem, var(--safe-area-right, 0px));
		padding-left:max(0.5rem, 0px);
		padding-left:max(0.5rem, var(--safe-area-left, 0px));
		gap:0.45rem;
	}

	._926ddf2a1da94ee4-backButton{
		margin-right:0.28rem;
		width:2.2rem;
		height:2.2rem;
		border-radius:0.82rem;
	}

	._926ddf2a1da94ee4-mobileButton,
	._926ddf2a1da94ee4-channelInfoContainer{
		padding:0.38rem 0.5rem;
		border-radius:0.85rem;
	}

	._926ddf2a1da94ee4-mobileButtonConversation{
		padding:0;
		border-radius:0;
	}

	._926ddf2a1da94ee4-channelName{
		font-size:0.9rem;
		line-height:1.26rem;
		max-height:1.26rem;
	}

	._926ddf2a1da94ee4-channelCapsuleMeta{
		font-size:0.64rem;
		line-height:0.96rem;
	}

	._926ddf2a1da94ee4-headerRightSection{
		gap:0.26rem;
		padding:0.18rem;
	}

	._926ddf2a1da94ee4-iconButtonMobile{
		width:2.2rem;
		height:2.2rem;
		border-radius:0.8rem;
	}

	._926ddf2a1da94ee4-buttonIconMobile{
		width:1.08rem;
		height:1.08rem;
	}
}

@media (max-width: 380px){
	._926ddf2a1da94ee4-headerContainer{
		gap:0.28rem;
		padding-right:max(0.3rem, 0px);
		padding-right:max(0.3rem, var(--safe-area-right, 0px));
		padding-left:max(0.3rem, 0px);
		padding-left:max(0.3rem, var(--safe-area-left, 0px));
	}

	._926ddf2a1da94ee4-headerLeftSection,
	._926ddf2a1da94ee4-channelNameCluster,
	._926ddf2a1da94ee4-dmNameWrapper{
		min-width:0;
	}

	._926ddf2a1da94ee4-backButton{
		margin-right:0.1rem;
		width:2rem;
		height:2rem;
	}

	._926ddf2a1da94ee4-mobileButton,
	._926ddf2a1da94ee4-channelInfoContainer{
		min-width:0;
		padding:0.3rem 0.38rem;
	}

	._926ddf2a1da94ee4-mobileButtonConversation{
		padding:0;
	}

	._926ddf2a1da94ee4-channelName{
		font-size:0.82rem;
		line-height:1.12rem;
		max-height:1.12rem;
	}

	._926ddf2a1da94ee4-channelCapsuleMeta,
	._926ddf2a1da94ee4-channelCurrentTag{
		display:none;
	}

	._926ddf2a1da94ee4-headerRightSection{
		gap:0.12rem;
		padding:0.1rem;
	}

	._926ddf2a1da94ee4-iconButtonMobile{
		width:2rem;
		height:2rem;
		border-radius:0.7rem;
	}

	._926ddf2a1da94ee4-buttonIconMobile{
		width:1rem;
		height:1rem;
	}
}

.d620a612533f1b13-container{
	--pins-popout-max-height:min(calc(100vh - 120px), 720px);
	--pins-popout-header-height:68px;
	position:relative;
	display:flex;
	width:480px;
	flex-direction:column;
	min-height:200px;
	max-height:min(calc(100vh - 120px), 720px);
	max-height:var(--pins-popout-max-height);
	overflow:hidden;
	border-radius:var(--radius-md);
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-primary);
}

.d620a612533f1b13-header{
	position:relative;
	display:flex;
	align-items:center;
	gap:0.25rem;
	padding:1rem;
	min-height:var(--pins-popout-header-height);
}

.d620a612533f1b13-body{
	flex:1 1 0%;
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
	overflow:hidden;
	max-height:calc(var(--pins-popout-max-height) - var(--pins-popout-header-height));
}

.d620a612533f1b13-title{
	font-weight:600;
	font-size:1rem;
	color:var(--text-primary);
	line-height:1.25;
}

.d620a612533f1b13-iconLarge{
	height:24px;
	width:24px;
	color:var(--text-primary-muted);
}

@media (max-width: 767px){
	.d620a612533f1b13-container{
		width:100%;
		max-width:100vw;
		min-width:0;
		border:none;
		border-radius:0;
	}

	.d620a612533f1b13-header{
		min-height:56px;
		padding:0.75rem;
	}

	.d620a612533f1b13-title{
		min-width:0;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
}

.f4e9a1c9aa947842-container{
	position:relative;
	display:flex;
	height:600px;
	max-height:957px;
	width:480px;
	flex-direction:column;
	overflow:hidden;
	border-radius:6px;
	border-width:1px;
	border-color:var(--background-header-secondary);
	background-color:var(--background-primary);
}

.f4e9a1c9aa947842-header{
	position:relative;
	display:flex;
	flex-direction:column;
	border-color:var(--background-modifier-hover);
	padding-left:16px;
	padding-right:16px;
	padding-top:16px;
	padding-bottom:12px;
}

.f4e9a1c9aa947842-headerContent{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.f4e9a1c9aa947842-tabList{
	display:flex;
	gap:8px;
}

.f4e9a1c9aa947842-tab{
	display:flex;
	flex:none;
	align-items:center;
	gap:6px;
	border-radius:6px;
	padding-left:8px;
	padding-right:8px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:600;
	font-size:16px;
	line-height:20px;
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-duration:200ms;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	cursor:pointer;
}

.f4e9a1c9aa947842-tabActive{
	background-color:var(--background-modifier-selected);
	color:var(--text-primary);
}

.f4e9a1c9aa947842-tabInactive{
	background-color:var(--background-primary);
	color:var(--text-primary-muted);
}

.f4e9a1c9aa947842-tabInactive:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.f4e9a1c9aa947842-headerActions{
	height:32px;
	width:32px;
	flex-shrink:0;
}

.f4e9a1c9aa947842-content{
	position:relative;
	display:flex;
	min-height:0;
	flex:1 1 0%;
	overflow:hidden;
}

.f4e9a1c9aa947842-tabContent{
	display:flex;
	flex-direction:column;
	flex:1 1 0%;
	min-height:0;
	overflow:hidden;
}

.f4e9a1c9aa947842-iconSmall{
	height:16px;
	width:16px;
}

._8c16ca9631b05462-dmIcon{
	display:flex;
	height:20px;
	width:20px;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._8c16ca9631b05462-filterButton{
	display:flex;
	height:32px;
	width:32px;
	align-items:center;
	justify-content:center;
	border-radius:6px;
	color:var(--text-primary);
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

._8c16ca9631b05462-filterButton:hover{
	background-color:var(--background-modifier-hover);
}

._8c16ca9631b05462-filterButtonActive{
	background-color:var(--background-modifier-hover);
}

._8c16ca9631b05462-scroller{
	flex:1;
	min-height:0;
	min-width:0;
	max-height:700px;
	padding-block:8px;
	-webkit-padding-start:12px;
	        padding-inline-start:12px;
	-webkit-padding-end:0;
	        padding-inline-end:0;
}

._8c16ca9631b05462-groupContainer{
	margin-bottom:16px;
}

._8c16ca9631b05462-groupHeader{
	margin-bottom:8px;
	display:flex;
	align-items:center;
	gap:8px;
	padding-left:8px;
	padding-right:8px;
}

._8c16ca9631b05462-groupHeaderContent{
	display:flex;
	min-width:0;
	flex:1 1 0%;
	flex-direction:column;
}

._8c16ca9631b05462-groupHeaderText{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:12px;
	line-height:16px;
}

._8c16ca9631b05462-channelName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:500;
	color:var(--text-primary);
}

._8c16ca9631b05462-guildName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--text-primary-muted);
}

._8c16ca9631b05462-separator{
	color:var(--text-primary-muted);
}

._8c16ca9631b05462-iconMedium{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	--guild-icon-size:20px;
}

._0a4a61e405c638a1-channelHeader{
	margin-top:1rem;
	margin-bottom:0.5rem;
	display:flex;
	align-items:center;
	gap:0.5rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
}

._0a4a61e405c638a1-channelHeader:first-child{
	margin-top:0;
}

._0a4a61e405c638a1-channelHeaderCompact{
	margin-top:0.5rem;
	margin-bottom:0.25rem;
}

._0a4a61e405c638a1-channelIcon{
	height:1.25rem;
	width:1.25rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

._0a4a61e405c638a1-channelIconAvatar{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:1.25rem;
	width:1.25rem;
	flex-shrink:0;
}

._0a4a61e405c638a1-channelIconAvatarImage{
	height:1.25rem;
	width:1.25rem;
	border-radius:50%;
}

._0a4a61e405c638a1-channelNameButton{
	border:none;
	background:none;
	color:var(--text-primary);
	font-weight:600;
	font-size:0.875rem;
	padding:0;
	cursor:pointer;
	text-align:left;
	font-family:inherit;
	display:inline-flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.125rem;
}

._0a4a61e405c638a1-channelNameButton:hover,
._0a4a61e405c638a1-channelNameButton:focus-visible{
	text-decoration:underline;
}

._0a4a61e405c638a1-channelNameButton:focus-visible{
	outline:none;
}

._0a4a61e405c638a1-channelNameText{
	display:inline-flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.125rem;
}

._0a4a61e405c638a1-channelNamePrimary{
	font-weight:600;
	font-size:0.875rem;
	line-height:1.2;
}

._0a4a61e405c638a1-channelScopeRow{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
	font-size:0.75rem;
	color:var(--text-primary-muted);
}

._0a4a61e405c638a1-channelScopeGuildIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	--guild-icon-size:0.75rem;
}

._0a4a61e405c638a1-channelScopeGuildName{
	font-weight:600;
	color:var(--text-primary);
	line-height:1;
}

._0a4a61e405c638a1-channelScopeChevron{
	height:0.75rem;
	width:0.75rem;
	color:var(--text-primary-muted);
}

._0a4a61e405c638a1-channelScopeChannelInfo{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
}

._0a4a61e405c638a1-channelScopeChannelIcon{
	height:0.75rem;
	width:0.75rem;
	color:var(--text-primary-muted);
}

._0a4a61e405c638a1-channelScopeChannelName{
	font-weight:600;
	color:var(--text-primary);
	line-height:1;
}

._0a4a61e405c638a1-focusRingTight{
	border-radius:0.5rem;
}

._3de3a362ae37c6f8-cardHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:6px;
	gap:8px;
}

._3de3a362ae37c6f8-statusBadge{
	font-size:11px;
	font-weight:600;
	padding:2px 10px;
	border-radius:999px;
	background-color:var(--background-modifier-accent);
	color:var(--text-primary);
}

._3de3a362ae37c6f8-statusInvalid{
	background-color:var(--text-warning);
	color:var(--background-primary);
}

._3de3a362ae37c6f8-timestamp{
	font-size:12px;
	color:var(--text-primary-muted);
}

._3de3a362ae37c6f8-messageText{
	font-size:14px;
	line-height:20px;
	color:var(--text-primary);
	margin-bottom:6px;
	min-height:44px;
}

._3de3a362ae37c6f8-attachmentsInfo{
	font-size:12px;
	color:var(--text-primary-muted);
	margin-bottom:6px;
}

._3de3a362ae37c6f8-statusReason{
	display:flex;
	align-items:center;
	gap:6px;
	font-size:13px;
	color:var(--text-warning);
	margin-bottom:6px;
}

._3de3a362ae37c6f8-warningIcon{
	width:16px;
	height:16px;
}

._504adc2bb50440b8-anchor{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	max-width:244px;
	min-width:0;
	flex:1 1 auto;
	overflow:hidden;
}

._504adc2bb50440b8-inputContainer{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	min-width:0;
	padding-left:var(--input-container-padding);
	padding-right:var(--input-container-padding);
	min-height:2.25rem;
	border-radius:0.75rem;
	border:1px solid transparent;
	background:transparent;
	box-shadow:none;
	overflow:hidden;
	-moz-appearance:none;
	     appearance:none;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
	transition:background-color var(--transition-fast), border-color var(--transition-fast);
}

._504adc2bb50440b8-inputContainer:hover{
	background:color-mix(in srgb, var(--text-primary) 6%, transparent);
}

._504adc2bb50440b8-inputContainer:focus-within{
	background:color-mix(in srgb, var(--text-primary) 10%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

._504adc2bb50440b8-searchIcon{
	height:16px;
	width:16px;
	flex-shrink:0;
	color:var(--text-tertiary);
	transition:color 0.1s ease;
}

._504adc2bb50440b8-scopeBadge{
	position:absolute;
	bottom:-4px;
	left:-4px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:12px;
	height:12px;
	border-radius:var(--radius-sm);
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 18%, var(--background-primary) 82%), color-mix(in srgb, var(--background-secondary) 18%, var(--background-primary) 82%));
	color:var(--text-primary-muted);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._504adc2bb50440b8-scopeButton{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:8px;
	padding:0;
	border:none;
	background:transparent;
	cursor:pointer;
	flex-shrink:0;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}

._504adc2bb50440b8-scopeButton:hover ._504adc2bb50440b8-searchIcon{
	color:var(--text-primary);
}

._504adc2bb50440b8-scopeButton:hover ._504adc2bb50440b8-scopeBadge{
	color:var(--text-primary);
	background-color:var(--background-secondary-alt);
}

._504adc2bb50440b8-input{
	height:2.25rem;
	min-height:2.25rem;
	flex:1;
	border:none;
	background:transparent;
	outline:none;
	box-shadow:none;
	-moz-appearance:none;
	     appearance:none;
	-webkit-appearance:none;
	color:var(--text-primary);
	font-size:0.875rem;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
}

._504adc2bb50440b8-input:focus,
._504adc2bb50440b8-input:focus-visible{
	outline:none;
	box-shadow:none;
}

._504adc2bb50440b8-input::-webkit-input-placeholder{
	color:var(--text-primary-muted);
	opacity:1;
	-webkit-transition:opacity 140ms ease;
	transition:opacity 140ms ease;
}

._504adc2bb50440b8-input::-moz-placeholder{
	color:var(--text-primary-muted);
	opacity:1;
	-moz-transition:opacity 140ms ease;
	transition:opacity 140ms ease;
}

._504adc2bb50440b8-input::-ms-input-placeholder{
	color:var(--text-primary-muted);
	opacity:1;
	-ms-transition:opacity 140ms ease;
	transition:opacity 140ms ease;
}

._504adc2bb50440b8-input:-ms-input-placeholder{
	color:var(--text-primary-muted);
	opacity:1;
	-ms-transition:opacity 140ms ease;
	transition:opacity 140ms ease;
}

._504adc2bb50440b8-input::placeholder{
	color:var(--text-primary-muted);
	opacity:1;
	transition:opacity 140ms ease;
}

._504adc2bb50440b8-anchor:not(:hover):not(:focus-within) ._504adc2bb50440b8-input::-webkit-input-placeholder{
	opacity:0;
}

._504adc2bb50440b8-anchor:not(:hover):not(:focus-within) ._504adc2bb50440b8-input::-moz-placeholder{
	opacity:0;
}

._504adc2bb50440b8-anchor:not(:hover):not(:focus-within) ._504adc2bb50440b8-input::-ms-input-placeholder{
	opacity:0;
}

._504adc2bb50440b8-anchor:not(:hover):not(:focus-within) ._504adc2bb50440b8-input:-ms-input-placeholder{
	opacity:0;
}

._504adc2bb50440b8-anchor:not(:hover):not(:focus-within) ._504adc2bb50440b8-input::placeholder{
	opacity:0;
}

._504adc2bb50440b8-clearButton{
	margin-left:8px;
	height:24px;
	width:24px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	border:none;
	border-radius:var(--radius-md);
	background:transparent;
	color:var(--text-tertiary);
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}

._504adc2bb50440b8-clearButton:hover{
	background-color:color-mix(in srgb, var(--text-primary) 8%, transparent);
	color:var(--text-primary);
}

._504adc2bb50440b8-popoutContainer{
	border-radius:var(--radius-xl);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 18%, var(--background-primary) 82%), color-mix(in srgb, var(--background-secondary) 22%, var(--background-primary) 78%));
	box-shadow:0 8px 24px rgba(0, 0, 0, 0.28);
	box-shadow:var(--shadow-popover, 0 8px 24px rgba(0, 0, 0, 0.28));
	display:flex;
	flex-direction:column;
	z-index:1000;
	-webkit-backdrop-filter:blur(22px) saturate(126%);
	        backdrop-filter:blur(22px) saturate(126%);
}

._504adc2bb50440b8-popoutInner{
	display:flex;
	flex-direction:column;
}

._504adc2bb50440b8-list{
	display:flex;
	flex-direction:column;
	gap:0;
	padding:var(--spacing-1);
}

._504adc2bb50440b8-option{
	display:flex;
	width:100%;
	align-items:center;
	gap:var(--spacing-2);
	border:none;
	background:transparent;
	text-align:left;
	border-radius:var(--radius-md);
	padding:3px var(--spacing-2);
	cursor:pointer;
	color:var(--text-primary);
}

._504adc2bb50440b8-customDateInput{
	display:flex;
	width:100%;
	align-items:flex-start;
	gap:var(--spacing-2);
	border:none;
	background:transparent;
	text-align:left;
	border-radius:var(--radius-md);
	padding:3px var(--spacing-2);
	color:var(--text-primary);
}

._504adc2bb50440b8-option:hover{
	background-color:var(--surface-interactive-hover-bg);
}

._504adc2bb50440b8-optionActive{
	background-color:var(--surface-interactive-hover-bg);
}

._504adc2bb50440b8-optionKeyboardFocus{
	background-color:var(--surface-interactive-selected-bg);
	color:var(--surface-interactive-selected-color);
}

._504adc2bb50440b8-optionKeyboardFocus:hover{
	background-color:var(--surface-interactive-selected-bg);
}

._504adc2bb50440b8-optionLabel{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	flex:1;
	gap:var(--spacing-2);
}

._504adc2bb50440b8-optionContent{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	flex:1;
	min-width:0;
}

._504adc2bb50440b8-valueOptionContent{
	align-items:flex-start;
}

._504adc2bb50440b8-valueOptionText{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
	width:100%;
	min-width:0;
}

._504adc2bb50440b8-valueOptionTitle{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
	flex-wrap:wrap;
}

._504adc2bb50440b8-valueOptionDefault{
	font-size:0.6875rem;
	line-height:1;
	color:var(--text-primary-muted);
	background-color:var(--background-secondary-alt);
	border:1px solid var(--background-modifier-accent);
	border-radius:var(--radius-md);
	padding:2px 6px;
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-weight:600;
}

._504adc2bb50440b8-optionText{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	flex:1;
	min-width:0;
}

._504adc2bb50440b8-optionTitle{
	font-weight:500;
	font-size:0.9375rem;
	line-height:1.25rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	flex:1;
	min-width:0;
}

._504adc2bb50440b8-historyOptionTitle{
	font-size:0.8125rem;
	line-height:1.125rem;
	color:var(--text-primary-muted);
}

._504adc2bb50440b8-optionDescription{
	font-size:0.8125rem;
	line-height:1rem;
	color:var(--text-primary-muted);
	opacity:0.7;
}

._504adc2bb50440b8-optionMetaIcon{
	flex-shrink:0;
	height:14px;
	width:14px;
	color:var(--text-primary);
}

._504adc2bb50440b8-optionMetaIconInactive{
	flex-shrink:0;
	height:14px;
	width:14px;
	color:var(--text-tertiary);
}

._504adc2bb50440b8-divider{
	margin:4px 8px;
	border-top:1px solid var(--background-modifier-accent);
	opacity:0.5;
}

._504adc2bb50440b8-userRow{
	min-width:0;
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	overflow:hidden;
}

._504adc2bb50440b8-channelRow{
	min-width:0;
	display:flex;
	align-items:center;
	gap:8px;
	overflow:hidden;
}

._504adc2bb50440b8-userName,
._504adc2bb50440b8-channelName{
	font-size:0.9375rem;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._504adc2bb50440b8-userTag{
	font-size:0.8125rem;
	color:var(--text-primary-muted);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	flex-shrink:0;
	margin-left:2px;
}

._504adc2bb50440b8-channelIcon{
	height:20px;
	width:20px;
	color:var(--text-primary-muted);
	flex-shrink:0;
}

._504adc2bb50440b8-kbdKey{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:3px 8px;
	min-width:28px;
	height:28px;
	border-radius:6px;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary-alt);
	color:var(--text-primary);
	font-size:0.75rem;
	font-weight:600;
	text-align:center;
	line-height:1;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1) inset, inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

._504adc2bb50440b8-searchFilter{
	display:inline-block;
	padding:3px 8px;
	border-radius:6px;
	background-color:var(--background-secondary-alt);
	color:var(--text-primary);
	font-size:0.8125rem;
	font-weight:500;
	line-height:1.2;
	border:1px solid var(--background-modifier-accent);
}

._504adc2bb50440b8-popoutSection{
	margin-bottom:var(--spacing-1);
}

._504adc2bb50440b8-popoutSection:last-child{
	margin-bottom:0;
}

._504adc2bb50440b8-popoutSectionHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:2px var(--spacing-2);
	margin-bottom:2px;
	font-size:12px;
	font-weight:600;
	color:var(--text-primary-muted);
	letter-spacing:0.04em;
	text-transform:uppercase;
}

._504adc2bb50440b8-popoutSectionHeader button{
	padding:2px 6px;
	border:none;
	border-radius:3px;
	background-color:transparent;
	color:var(--text-primary-muted);
	font-size:12px;
	cursor:pointer;
}

._504adc2bb50440b8-popoutSectionHeader button:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._504adc2bb50440b8-helpRow{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:var(--spacing-2);
	border-top:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	font-size:0.8125rem;
	color:var(--text-primary-muted);
	border-radius:0 0 var(--radius-xl) var(--radius-xl);
}

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

._504adc2bb50440b8-helpShortcut{
	display:flex;
	align-items:center;
	gap:4px;
}

._504adc2bb50440b8-helpActionButton{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
	padding:var(--spacing-1) var(--spacing-2);
	border:none;
	border-radius:var(--radius-md);
	background-color:transparent;
	color:var(--text-primary-muted);
	font-size:0.8125rem;
	cursor:pointer;
}

._504adc2bb50440b8-helpActionButton:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._504adc2bb50440b8-helpActionButton ._504adc2bb50440b8-kbdKey{
	min-width:24px;
	height:24px;
	font-size:0.7rem;
}

._504adc2bb50440b8-flex{
	display:flex;
}

._504adc2bb50440b8-flexCol{
	flex-direction:column;
}

._504adc2bb50440b8-itemsCenter{
	align-items:center;
}

._504adc2bb50440b8-justifyBetween{
	justify-content:space-between;
}

._504adc2bb50440b8-gap1{
	gap:var(--spacing-1);
}

._504adc2bb50440b8-gap2{
	gap:var(--spacing-2);
}

._504adc2bb50440b8-minW0{
	min-width:0;
}

._504adc2bb50440b8-flex1{
	flex:1;
}

._504adc2bb50440b8-overflowHidden{
	overflow:hidden;
}

@media (max-width: 1320px){
	._504adc2bb50440b8-anchor{
		max-width:212px;
	}
}

@media (max-width: 1160px){
	._504adc2bb50440b8-anchor{
		max-width:176px;
	}

	._504adc2bb50440b8-input{
		font-size:0.8125rem;
	}
}

._6f5628b619bf1948-card{
	display:flex;
	width:100%;
	min-width:0;
	flex:0 0 auto;
	flex-direction:column;
	box-sizing:border-box;
	border:1px solid color-mix(in srgb, var(--background-modifier-accent) 80%, transparent);
	border-radius:1rem;
	background:linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-floating) 38%, transparent),
			color-mix(in srgb, var(--background-primary) 94%, transparent)
		);
	overflow:hidden;
}

._6f5628b619bf1948-cardHeader{
	display:flex;
	width:100%;
	flex-direction:column;
	border:none;
	background:none;
	padding:0;
	cursor:pointer;
	color:inherit;
	text-align:left;
	touch-action:pan-y;
}

._6f5628b619bf1948-bannerWrap{
	position:relative;
	height:5.7rem;
	width:100%;
	overflow:hidden;
}

._6f5628b619bf1948-banner{
	height:100%;
	width:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

._6f5628b619bf1948-bannerFallback{
	background:linear-gradient(130deg, color-mix(in srgb, var(--brand-primary) 35%, var(--background-secondary)) 0%, transparent 70%), linear-gradient(
			300deg,
			color-mix(in srgb, var(--status-online) 22%, var(--background-secondary)) 0%,
			var(--background-secondary) 72%
		);
}

._6f5628b619bf1948-bannerOverlay{
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgb(7 11 19 / 18%) 0%, rgb(7 11 19 / 84%) 100%);
	pointer-events:none;
}

._6f5628b619bf1948-headerContent{
	position:relative;
	z-index:1;
	display:flex;
	min-width:0;
	align-items:flex-end;
	gap:0.55rem;
	margin-top:-1.2rem;
	padding:0 0.75rem 0.72rem;
}

._6f5628b619bf1948-iconWrap{
	flex-shrink:0;
}

._6f5628b619bf1948-guildIcon{
	border:3px solid color-mix(in srgb, var(--background-primary) 88%, transparent);
	border-radius:50%;
	box-shadow:0 8px 24px rgb(0 0 0 / 26%);
}

._6f5628b619bf1948-titleBlock{
	display:flex;
	min-width:0;
	flex:1;
	flex-direction:column;
	gap:0.18rem;
	padding-bottom:0.12rem;
}

._6f5628b619bf1948-eyebrow{
	font-size:0.67rem;
	font-weight:700;
	letter-spacing:0.11em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--text-primary) 68%, transparent);
}

._6f5628b619bf1948-title{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.98rem;
	line-height:1.2rem;
	font-weight:700;
	color:var(--text-primary);
}

._6f5628b619bf1948-stats{
	display:flex;
	flex-wrap:wrap;
	gap:0.35rem;
}

._6f5628b619bf1948-statPill{
	display:inline-flex;
	align-items:center;
	border-radius:999px;
	padding:0.125rem 0.46rem;
	font-size:0.67rem;
	line-height:0.875rem;
	font-weight:600;
	background:color-mix(in srgb, var(--background-primary) 38%, transparent);
	color:color-mix(in srgb, var(--text-primary) 86%, var(--text-secondary));
	-webkit-font-feature-settings:"tnum";
	        font-feature-settings:"tnum";
	font-variant-numeric:tabular-nums;
	transition:background-color 220ms ease, color 220ms ease;
	transition:background-color 220ms var(--motion-ease-snap, ease), color 220ms var(--motion-ease-snap, ease);
}

._6f5628b619bf1948-caret{
	height:1rem;
	width:1rem;
	flex-shrink:0;
	margin-bottom:0.35rem;
	color:color-mix(in srgb, var(--text-primary) 86%, transparent);
	transition:transform var(--transition-fast);
}

._6f5628b619bf1948-caretExpanded{
	transform:rotate(180deg);
}

._6f5628b619bf1948-actionPanel{
	width:100%;
	max-height:0;
	opacity:0;
	overflow:hidden;
	border-top:1px solid transparent;
	padding-left:0.75rem;
	padding-right:0.75rem;
	transition:max-height var(--motion-dur-medium) var(--motion-ease-snap), opacity var(--motion-dur-medium) var(--motion-ease-snap), padding-top var(--motion-dur-medium) var(--motion-ease-snap), padding-bottom var(--motion-dur-medium) var(--motion-ease-snap), border-color var(--motion-dur-medium) var(--motion-ease-snap);
}

._6f5628b619bf1948-actionPanelExpanded{
	max-height:42rem;
	opacity:1;
	border-top-color:color-mix(in srgb, var(--background-modifier-accent) 78%, transparent);
	padding-top:0.75rem;
	padding-bottom:0.75rem;
}

._6f5628b619bf1948-actionGrid{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:0.42rem;
	gap:0.42rem;
}

._6f5628b619bf1948-actionButton{
	display:flex;
	width:100%;
	min-width:0;
	align-items:center;
	gap:0.5rem;
	border:none;
	border-radius:0.75rem;
	padding:0.52rem 0.62rem;
	background:color-mix(in srgb, var(--background-modifier-hover) 78%, transparent);
	color:var(--text-primary);
	cursor:pointer;
	text-align:left;
	touch-action:pan-y;
	transition:background-color var(--transition-fast), transform var(--transition-fast);
}

._6f5628b619bf1948-actionButton:hover{
	background:color-mix(in srgb, var(--background-modifier-selected) 85%, transparent);
	transform:translateY(-1px);
}

._6f5628b619bf1948-actionButtonDanger{
	color:color-mix(in srgb, var(--status-danger) 84%, var(--text-primary));
}

._6f5628b619bf1948-actionButtonDanger:hover{
	background:color-mix(in srgb, var(--status-danger) 14%, transparent);
}

._6f5628b619bf1948-actionIcon{
	height:0.96rem;
	width:0.96rem;
	flex-shrink:0;
}

._6f5628b619bf1948-actionLabel{
	min-width:0;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.79rem;
	line-height:1rem;
	font-weight:600;
}

._6f5628b619bf1948-actionState{
	display:inline-flex;
	align-items:center;
	border-radius:999px;
	padding:0.08rem 0.45rem;
	font-size:0.65rem;
	line-height:0.8rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.05em;
	background:color-mix(in srgb, var(--brand-primary) 18%, transparent);
	color:color-mix(in srgb, var(--text-primary) 80%, var(--brand-primary));
}

._84e21e1d7d8916ef-handle{
	position:absolute;
	top:0;
	bottom:0;
	width:8px;
	cursor:col-resize;
	z-index:10;
	display:flex;
	align-items:center;
	justify-content:center;
	background:transparent;
	transition:background-color 0.18s ease;
	-webkit-user-select:none;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	touch-action:none;
}

._84e21e1d7d8916ef-handleRight{
	right:-4px;
}

._84e21e1d7d8916ef-handleLeft{
	left:-4px;
}

._84e21e1d7d8916ef-bar{
	width:2px;
	height:36px;
	border-radius:999px;
	background:color-mix(in srgb, var(--text-primary) 14%, transparent);
	opacity:0;
	transform:scaleY(0.6);
	transition:opacity 0.18s ease, transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.18s ease;
	pointer-events:none;
}

._84e21e1d7d8916ef-handle:hover ._84e21e1d7d8916ef-bar,
._84e21e1d7d8916ef-handle:focus-visible ._84e21e1d7d8916ef-bar,
._84e21e1d7d8916ef-handleActive ._84e21e1d7d8916ef-bar{
	opacity:1;
	transform:scaleY(1);
}

._84e21e1d7d8916ef-handle:hover ._84e21e1d7d8916ef-bar{
	background:color-mix(in srgb, var(--brand-primary) 60%, var(--text-primary) 40%);
}

._84e21e1d7d8916ef-handleActive ._84e21e1d7d8916ef-bar{
	background:var(--brand-primary);
	height:56px;
}

._84e21e1d7d8916ef-handle:focus-visible{
	outline:2px solid color-mix(in srgb, var(--brand-primary) 60%, transparent);
	outline-offset:-2px;
	border-radius:4px;
}

._371e1d555ff945b9-memberListContainer{
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
	width:100svw;
	min-width:0;
	overflow:hidden;
	position:relative;
	background:color-mix(in srgb, var(--background-primary) 96%, var(--background-secondary) 4%);
	--member-list-width:100svw;
	contain:layout paint;
}

@media (min-width: 768px){
	._371e1d555ff945b9-memberListContainer{
		--member-list-width:var(--layout-member-list-width, 16.5rem);
		width:16.5rem;
		width:var(--member-list-width);
	}
}

._371e1d555ff945b9-memberListScroller{
	display:flex;
	flex:1;
	min-height:0;
	flex-direction:column;
	gap:var(--spacing-3);
	background:transparent;
	padding-left:var(--spacing-2);
	padding-right:var(--spacing-2);
	padding-bottom:var(--spacing-5);
}

._371e1d555ff945b9-scrollerSpacer{
	height:0.45rem;
	flex-shrink:0;
}

.a864e307ef4de346-button{
	position:relative;
	margin-top:1px;
	margin-bottom:1px;
	cursor:pointer;
	border-radius:0.75rem;
	color:var(--text-chat);
	display:block;
	width:100%;
	text-align:left;
	touch-action:pan-y;
	transition:background-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);
}

.a864e307ef4de346-button:hover{
	background-color:color-mix(in srgb, var(--background-modifier-hover) 82%, transparent);
	color:var(--text-primary);
	opacity:1;
}

.a864e307ef4de346-button[aria-expanded='true']{
	background-color:color-mix(in srgb, var(--background-modifier-selected) 84%, transparent);
	color:var(--text-primary);
	opacity:1;
}

.a864e307ef4de346-buttonOffline{
	opacity:0.46;
}

.a864e307ef4de346-buttonContextMenuOpen{
	background-color:color-mix(in srgb, var(--background-modifier-selected) 88%, transparent);
	color:var(--text-primary);
	opacity:1;
}

.a864e307ef4de346-memberFocusRing{
	border-radius:0.75rem;
}

.a864e307ef4de346-grid{
	display:grid;
	height:46px;
	min-width:0;
	grid-template-columns:1fr auto;
	align-items:center;
	grid-gap:0.25rem;
	gap:0.25rem;
	padding-left:0.55rem;
	padding-right:0.5rem;
}

.a864e307ef4de346-content{
	display:flex;
	min-width:0;
	align-items:center;
	gap:0.68rem;
	font-weight:500;
}

.a864e307ef4de346-avatarContainer{
	flex-shrink:0;
}

.a864e307ef4de346-userInfoContainer{
	display:flex;
	flex-direction:column;
	min-width:0;
	flex-grow:1;
	gap:0.04rem;
}

.a864e307ef4de346-nameContainer{
	display:flex;
	min-width:0;
	align-items:center;
	overflow:hidden;
}

.a864e307ef4de346-name{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:1.2rem;
	max-height:1.2rem;
	font-size:0.875rem;
	font-weight:600;
}

.a864e307ef4de346-memberCustomStatus{
	max-width:100%;
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
	font-size:0.71rem;
	line-height:0.88rem;
	font-weight:500;
	opacity:0.9;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.a864e307ef4de346-button:hover .a864e307ef4de346-memberCustomStatus{
	--emoji-show-animated:1;
}

.a864e307ef4de346-buttonContextMenuOpen .a864e307ef4de346-memberCustomStatus{
	--emoji-show-animated:1;
}

.a864e307ef4de346-ownerIcon{
	margin-top:0;
	margin-left:0.3rem;
	flex-shrink:0;
}

.a864e307ef4de346-ownerIconBadge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:1rem;
	height:1rem;
	border-radius:999px;
	background:color-mix(in srgb, hsl(41 88% 62%) 22%, transparent);
	border:1px solid color-mix(in srgb, hsl(41 88% 62%) 45%, transparent);
}

.a864e307ef4de346-crownIcon{
	height:0.66rem;
	width:0.66rem;
	color:hsl(41 88% 67%);
}

.a864e307ef4de346-userTag{
	margin-left:0.25rem;
}

.fe8dcc88e564902b-frame{
	position:relative;
	height:100%;
	width:100%;
	border:1px solid transparent;
	border-top:none;
	border-top-left-radius:0px;
	border-top-left-radius:var(--outline-radius, 0px);
	background:transparent;
	overflow:hidden;
	display:flex;
	flex-direction:column;
}

.fe8dcc88e564902b-frameShowTop{
	border-top:1px solid transparent;
}

.fe8dcc88e564902b-frameHideTop{
	border-top:none;
}

.fe8dcc88e564902b-frameHideTop{
	border-top:none;
}

.fe8dcc88e564902b-contentWrapper{
	position:relative;
	flex:1;
	min-height:0;
	display:flex;
	flex-direction:column;
}

.fe8dcc88e564902b-divider{
	position:absolute;
	top:0;
	bottom:0;
	left:var(--guild-channel-sidebar-width, var(--layout-sidebar-width));
	width:1px;
	pointer-events:none;
	background:transparent;
	z-index:2;
	transition:left var(--motion-dur-medium) var(--motion-ease-smooth);
}

.fe8dcc88e564902b-body{
	position:relative;
	flex:1;
	min-height:0;
	width:100%;
	overflow:hidden;
	z-index:1;
	display:flex;
	flex-direction:column;
}

.b99e21c8e1361fbc-groupContainer{
	display:flex;
	width:100%;
	min-width:0;
	flex:0 0 auto;
	flex-direction:column;
	box-sizing:border-box;
	border:none;
	border-radius:0.75rem;
	background:transparent;
	overflow:hidden;
}

.b99e21c8e1361fbc-memberFrame{
	border:none;
	background:transparent;
	box-shadow:none;
}

.b99e21c8e1361fbc-groupHeader{
	padding:0.7rem 0.72rem 0.45rem;
	font-size:0.675rem;
	font-weight:700;
	letter-spacing:0.1em;
	line-height:0.95rem;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--text-primary-muted) 90%, var(--text-primary));
}

.b99e21c8e1361fbc-membersList{
	display:flex;
	flex-direction:column;
	padding:0.12rem 0.3rem 0.4rem;
}

.b99e21c8e1361fbc-groupSpacer{
	height:0.42rem;
}

.b99e21c8e1361fbc-skeletonItem{
	display:grid;
	height:44px;
	min-width:0;
	grid-template-columns:1fr auto;
	align-items:center;
	grid-gap:0.25rem;
	gap:0.25rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	margin-top:1px;
	margin-bottom:1px;
	border-radius:0.75rem;
}

.b99e21c8e1361fbc-skeletonContent{
	display:flex;
	min-width:0;
	align-items:center;
	gap:0.625rem;
}

.b99e21c8e1361fbc-skeletonAvatar{
	width:32px;
	height:32px;
	border-radius:50%;
	flex-shrink:0;
	background:var(--background-modifier-accent);
	opacity:0.45;
}

.b99e21c8e1361fbc-skeletonUserInfoContainer{
	display:flex;
	flex-direction:column;
	min-width:0;
	flex-grow:1;
	gap:2px;
}

.b99e21c8e1361fbc-skeletonName{
	height:10px;
	width:60%;
	border-radius:2px;
	background:var(--background-modifier-accent);
	opacity:0.45;
}

.b99e21c8e1361fbc-skeletonStatus{
	height:8px;
	width:40%;
	border-radius:2px;
	background:var(--background-modifier-accent);
	opacity:0.35;
}

.b99e21c8e1361fbc-skeletonHeader{
	width:80px;
	height:14px;
	border-radius:4px;
	background:var(--background-modifier-accent);
	opacity:0.45;
	margin-left:0.8rem;
	margin-top:0.75rem;
}

.b99e21c8e1361fbc-skeleton{
	background:var(--background-modifier-accent);
	opacity:0.45;
	border-radius:4px;
}

.a75afca0b45a481d-scroller{
	margin:0 0 2px 6px;
}

.a75afca0b45a481d-channelAttachmentArea{
	display:flex;
	gap:24px;
	padding:20px 10px 10px;
	position:relative;
	z-index:1;
}

.a75afca0b45a481d-upload{
	display:inline-flex;
	flex-direction:column;
	background:var(--background-primary);
	border-radius:0.75rem;
	margin:0;
	padding:8px;
	position:relative;
	min-width:200px;
	max-width:200px;
	min-height:200px;
	max-height:200px;
}

.a75afca0b45a481d-uploadContainer{
	display:flex;
	position:relative;
	flex-direction:column;
	height:100%;
	justify-content:space-between;
}

.a75afca0b45a481d-mediaContainer{
	position:relative;
	flex:1;
	min-height:0;
	background-color:var(--background-tertiary);
	border-radius:var(--media-border-radius);
	overflow:hidden;
}

.a75afca0b45a481d-clickableMedia{
	cursor:pointer;
	width:100%;
	height:100%;
	display:block;
	border:none;
	background:none;
	padding:0;
	margin:0;
	border-radius:inherit;
	overflow:hidden;
}

.a75afca0b45a481d-mediaContainer > div:not([aria-expanded='false']),
.a75afca0b45a481d-mediaContainer > div:not([aria-expanded='false']) > div{
	height:100%;
}

.a75afca0b45a481d-spoilerContainer{
	height:100%;
	position:relative;
	-webkit-filter:blur(0);
	        filter:blur(0);
	border-radius:var(--media-border-radius);
	background-color:hsla(0, 0%, 100%, 0.1);
}

.a75afca0b45a481d-spoilerContainer.a75afca0b45a481d-hidden{
	overflow:hidden;
}

.a75afca0b45a481d-spoilerContainer.a75afca0b45a481d-hiddenSpoiler{
	cursor:pointer;
}

.a75afca0b45a481d-spoilerWarning{
	text-transform:uppercase;
	font-size:15px;
	background-color:hsla(0, 0%, 0%, 0.6);
	cursor:pointer;
	font-weight:600;
	border-radius:20px;
	transition:background-color 0.2s;
}

.a75afca0b45a481d-spoilerWarning:hover{
	background-color:hsla(0, 0%, 0%, 0.8);
}

.a75afca0b45a481d-obscureWarning{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	display:flex;
	flex-direction:column;
	align-items:center;
	z-index:1;
	padding:8px 12px;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	color:hsl(216, 10%, 90%);
}

.a75afca0b45a481d-spoilerInnerContainer{
	width:100%;
	height:100%;
}

.a75afca0b45a481d-spoilerWrapper{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	width:100%;
	position:relative;
}

.a75afca0b45a481d-spoiler{
	-webkit-filter:blur(44px);
	        filter:blur(44px);
	pointer-events:none;
}

.a75afca0b45a481d-media{
	border-radius:var(--media-border-radius);
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	color:transparent;
	font-size:0;
}

.a75afca0b45a481d-tags{
	position:absolute;
	left:3px;
	bottom:6px;
}

.a75afca0b45a481d-filenameContainer{
	display:flex;
	flex-direction:column;
	gap:2px;
	margin-top:8px;
	padding:0 4px;
	min-height:40px;
	flex-shrink:0;
	z-index:1;
}

.a75afca0b45a481d-filename{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:13px;
	font-weight:500;
	line-height:1.2;
	color:var(--text-primary);
}

.a75afca0b45a481d-fileDetails{
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:11px;
	color:var(--text-tertiary);
	font-weight:400;
}

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

.a75afca0b45a481d-fileExtension{
	text-transform:uppercase;
	font-weight:600;
	color:var(--brand-primary-light);
	flex-shrink:0;
	margin-left:4px;
}

.a75afca0b45a481d-actionBarContainer{
	position:absolute;
	top:0;
	right:0;
}

.a75afca0b45a481d-actionBar{
	display:grid;
	position:relative;
	z-index:1;
	transform:translate(25%, -25%);
	box-sizing:border-box;
	align-items:center;
	justify-content:flex-start;
	grid-auto-flow:column;
	padding:2px;
	background-color:var(--background-primary);
	border:1px solid var(--background-header-secondary);
	border-radius:8px;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

.a75afca0b45a481d-button{
	display:flex;
	position:relative;
	align-items:center;
	justify-content:center;
	padding:4px;
	height:30px;
	min-width:30px;
	border-radius:6px;
	color:var(--text-tertiary);
	cursor:pointer;
}

.a75afca0b45a481d-button:hover{
	color:var(--text-primary);
	background-color:var(--background-modifier-hover);
}
@media (pointer: coarse){
	.a75afca0b45a481d-button{
		height:44px;
		min-width:44px;
		padding:8px;
	}
}

.a75afca0b45a481d-button.a75afca0b45a481d-danger{
	color:var(--status-danger);
}

.a75afca0b45a481d-actionBarIcon{
	width:20px;
	height:20px;
	display:block;
	object-fit:contain;
}

.a75afca0b45a481d-altTag{
	color:black;
	mix-blend-mode:screen;
	background:var(--text-primary);
	margin-right:4px;
	text-transform:uppercase;
	font-size:10px;
	font-weight:600;
	padding:4px;
	border-radius:4px;
}

.a75afca0b45a481d-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:1;
	min-height:0;
	background-color:var(--background-tertiary);
	border-radius:var(--media-border-radius);
	overflow:hidden;
}

.a75afca0b45a481d-iconImage{
	width:100px;
	height:100px;
	color:var(--brand-primary-light);
}

.a75afca0b45a481d-loadingOverlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:hsla(0, 0%, 0%, 0.5);
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:var(--media-border-radius);
}

.a75afca0b45a481d-spinner{
	width:40px;
	height:40px;
	border:4px solid hsla(0, 0%, 100%, 0.3);
	border-radius:50%;
	border-top-color:hsl(0, 0%, 100%);
	animation:a75afca0b45a481d-spin 1s ease infinite;
}

@keyframes a75afca0b45a481d-spin{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}

.a75afca0b45a481d-videoModal{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:0;
	background-color:transparent;
}

.a75afca0b45a481d-videoContainer{
	position:relative;
}

.a75afca0b45a481d-divider{
	height:1px;
	background-color:var(--user-area-divider-color);
	margin-left:-16px;
	margin-right:-16px;
}

._5e227f9e720ec184-content{
	display:flex;
	flex-direction:column;
	gap:12px;
}

._017c630acc30598c-container{
	border-color:var(--background-header-secondary);
	background-color:var(--background-secondary-lighter);
	padding:0.5rem 1rem;
}

._017c630acc30598c-withAttachments{
	border-top-width:1px;
	border-top-style:solid;
}

._017c630acc30598c-standalone{
	border-radius:var(--radius-lg) var(--radius-lg) 0 0;
	border-width:1px;
	border-style:solid;
}

._017c630acc30598c-content{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._017c630acc30598c-stickerPreview{
	position:relative;
	display:flex;
	height:4rem;
	width:4rem;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-md);
	background-color:var(--background-tertiary);
}

._017c630acc30598c-stickerImage{
	height:100%;
	width:100%;
	border-radius:var(--radius-sm);
	object-fit:contain;
	padding:0.25rem;
}

._017c630acc30598c-gifBadge{
	position:absolute;
	top:0.25rem;
	left:0.25rem;
	border-radius:var(--radius-sm);
	background-color:rgba(0, 0, 0, 0.6);
	padding:0.125rem 0.25rem;
	font-weight:600;
	font-size:10px;
	color:white;
	line-height:1;
}

._017c630acc30598c-stickerInfo{
	flex:1;
}

._017c630acc30598c-stickerName{
	font-weight:500;
	font-size:0.875rem;
	color:var(--text-primary);
}

._017c630acc30598c-stickerDescription{
	color:var(--text-primary-muted);
	font-size:0.75rem;
}

._017c630acc30598c-removeButton{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-md);
	color:var(--text-primary-muted);
	transition:color 0.15s, background-color 0.15s;
	cursor:pointer;
}

._017c630acc30598c-removeButton:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._017c630acc30598c-icon{
	height:1.25rem;
	width:1.25rem;
}

._4f3e1ca99d64c3ce-text{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
	color:var(--text-primary);
}

._4f3e1ca99d64c3ce-controls{
	display:flex;
	align-items:center;
}

._4f3e1ca99d64c3ce-button{
	cursor:pointer;
	flex-shrink:0;
	border:none;
	background-color:transparent;
	padding:8px 0 8px 16px;
	color:var(--text-primary-muted);
	line-height:0;
	transition:color 200ms;
}

._4f3e1ca99d64c3ce-button:hover{
	color:var(--text-primary);
}

._4f3e1ca99d64c3ce-icon{
	height:1.25rem;
	width:1.25rem;
}

.e716dee11f929e7d-container{
	display:flex;
	flex-direction:column;
	gap:12px;
	padding:16px;
	background-color:var(--background-primary);
	border-radius:8px;
	box-shadow:var(--elevation-high);
	max-width:340px;
}

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

.e716dee11f929e7d-warningIcon{
	color:var(--status-warning);
	flex-shrink:0;
}

.e716dee11f929e7d-title{
	font-size:16px;
	font-weight:600;
	color:var(--text-primary);
}

.e716dee11f929e7d-description{
	margin:0;
	font-size:14px;
	line-height:1.4;
	color:var(--text-secondary);
}

.e716dee11f929e7d-description strong{
	color:var(--text-primary);
	font-weight:600;
}

.e716dee11f929e7d-roleName{
	color:var(--text-primary);
	font-weight:600;
}

.e716dee11f929e7d-keybindHint{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:20px;
	height:18px;
	padding:0 4px;
	margin-left:6px;
	border-radius:3px;
	background-color:rgba(255, 255, 255, 0.15);
	color:inherit;
	font-family:inherit;
	font-size:11px;
	font-weight:600;
	line-height:1;
}

.e716dee11f929e7d-keybinds{
	display:flex;
	justify-content:flex-end;
	gap:12px;
}

.e716dee11f929e7d-keybind{
	display:flex;
	align-items:center;
	gap:6px;
	font-size:13px;
	color:var(--text-secondary);
	text-transform:capitalize;
}

._9b57d94d0f6d3060-text{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
	color:var(--text-primary);
}

._9b57d94d0f6d3060-authorName{
	font-weight:600;
}

._9b57d94d0f6d3060-controls{
	display:flex;
	align-items:center;
}

._9b57d94d0f6d3060-mentionToggle{
	display:flex;
	cursor:pointer;
	align-items:center;
	padding:0.5rem 0.75rem;
	font-weight:600;
	font-size:0.875rem;
	text-transform:uppercase;
}

._9b57d94d0f6d3060-mentionToggleOn{
	color:rgb(96 165 250);
}

._9b57d94d0f6d3060-mentionToggleOff{
	color:var(--text-primary-muted);
	transition:color 200ms;
	cursor:pointer;
}

._9b57d94d0f6d3060-mentionToggleOff:hover{
	color:var(--text-primary);
}

._9b57d94d0f6d3060-mentionIcon{
	margin-right:0.25rem;
	height:1.25rem;
	width:1.25rem;
}

._9b57d94d0f6d3060-divider{
	height:20px;
	width:1px;
	background-color:var(--background-header-secondary);
}

._9b57d94d0f6d3060-closeButton{
	cursor:pointer;
	flex-shrink:0;
	border:none;
	background-color:transparent;
	padding:8px 0 8px 16px;
	color:var(--text-primary-muted);
	line-height:0;
	transition:color 200ms;
}

._9b57d94d0f6d3060-closeButton:hover{
	color:var(--text-primary);
}

._9b57d94d0f6d3060-closeIcon{
	height:1.25rem;
	width:1.25rem;
}

._9b57d94d0f6d3060-topBorder{
	box-shadow:inset 0 1px 0 var(--user-area-divider-color);
	animation:_9b57d94d0f6d3060-replyBarSlideIn 0.22s cubic-bezier(0.22, 1, 0.36, 1);
	transform-origin:top center;
}

@keyframes _9b57d94d0f6d3060-replyBarSlideIn{
	from{
		opacity:0;
		transform:translateY(8px) scaleY(0.92);
	}
	to{
		opacity:1;
		transform:translateY(0) scaleY(1);
	}
}

@media (prefers-reduced-motion: reduce){
	._9b57d94d0f6d3060-topBorder{
		animation:none;
	}
}

._17e2ad9407a949f8-text{
	display:flex;
	flex-direction:column;
	gap:2px;
	overflow:hidden;
}

._17e2ad9407a949f8-label{
	display:flex;
	align-items:center;
	gap:6px;
	font-size:0.875rem;
	color:var(--text-primary);
}

._17e2ad9407a949f8-timestamp{
	font-size:0.75rem;
	color:var(--text-primary-muted);
}

._17e2ad9407a949f8-controls{
	display:flex;
	align-items:center;
}

._17e2ad9407a949f8-button{
	cursor:pointer;
	flex-shrink:0;
	border:none;
	background-color:transparent;
	padding:8px 0 8px 16px;
	color:var(--text-primary-muted);
	line-height:0;
	transition:color 200ms;
}

._17e2ad9407a949f8-button:hover{
	color:var(--text-primary);
}

._17e2ad9407a949f8-icon{
	height:1.25rem;
	width:1.25rem;
}

._51ff5fb11eb7806b-headingItem{
	font-size:11px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.06em;
	color:var(--text-tertiary);
	cursor:default !important;
	pointer-events:none;
	min-height:auto;
	opacity:1 !important;
	margin-bottom:4px;
}

._51ff5fb11eb7806b-headingItem:hover,
._51ff5fb11eb7806b-headingItem:focus-visible{
	background-color:transparent;
	color:var(--text-tertiary);
}

._51ff5fb11eb7806b-icon{
	width:16px;
	height:16px;
	margin-right:6px;
	color:var(--text-primary-muted);
}

.e15035b7bd303a5f-emptyState{
    display:flex;
    height:100%;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:2rem;
    text-align:center;
}

.e15035b7bd303a5f-emptyStateIcon{
    margin-bottom:1rem;
    height:4rem;
    width:4rem;
    color:var(--text-tertiary);
}

.e15035b7bd303a5f-emptyStateTitle{
    margin-bottom:0.5rem;
    font-weight:600;
    font-size:1.25rem;
    line-height:1.75rem;
    color:var(--text-primary);
}

.e15035b7bd303a5f-emptyStateDescription{
    max-width:28rem;
    color:var(--text-tertiary);
}

.e15035b7bd303a5f-voiceCallContainer{
    position:relative;
    height:100%;
    width:100%;
}

.e15035b7bd303a5f-minimizeButton{
    position:absolute;
    top:1rem;
    left:1rem;
    z-index:50;
    display:flex;
    height:2.5rem;
    width:2.5rem;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-full);
    background-color:rgb(0 0 0 / 0.5);
    color:white;
    -webkit-backdrop-filter:none;
            backdrop-filter:none;
    transition-property:color, background-color;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms;
    cursor:pointer;
}

.e15035b7bd303a5f-minimizeButton:hover{
    background-color:rgb(0 0 0 / 0.7);
}

.e15035b7bd303a5f-minimizeButtonIcon{
    height:1.25rem;
    width:1.25rem;
}

.e15035b7bd303a5f-callParticipantsRow{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:0.56rem;
    padding:0.2rem 0 0;
    min-height:0;
}

.e15035b7bd303a5f-callParticipant{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:3px;
    border:none;
    border-radius:999px;
    background:color-mix(in srgb, var(--background-floating) 74%, var(--background-primary) 26%);
    box-shadow:none;
    cursor:context-menu;
    transition:background-color 120ms ease, border-color 120ms ease;
}

.e15035b7bd303a5f-callParticipant:hover{
    transform:none;
    box-shadow:none;
}

.e15035b7bd303a5f-callParticipantAvatar{
    position:relative;
    z-index:1;
    border-radius:9999px;
}

.e15035b7bd303a5f-callParticipantRinging .e15035b7bd303a5f-callParticipantAvatar{
    -webkit-filter:saturate(0.82) brightness(0.9);
            filter:saturate(0.82) brightness(0.9);
}

.e15035b7bd303a5f-callParticipantRipple{
    position:absolute;
    inset:0;
    border-radius:50%;
    opacity:0;
    background-color:color-mix(in srgb, var(--brand-primary) 72%, white);
    animation:none;
}

.e15035b7bd303a5f-callParticipantRipple0{
    animation-delay:20ms;
}

.e15035b7bd303a5f-callParticipantRipple1{
    animation-delay:145ms;
}

.e15035b7bd303a5f-callParticipantRipple2{
    animation-delay:270ms;
}

.e15035b7bd303a5f-callParticipantSpeaking{
    border-color:color-mix(in srgb, var(--text-primary) 22%, transparent);
}

.e15035b7bd303a5f-callParticipantSpeaking .e15035b7bd303a5f-callParticipantAvatar{
    box-shadow:0 0 0 1px color-mix(in srgb, var(--text-primary) 16%, transparent);
}

.e15035b7bd303a5f-callParticipantSpeakingPulse{
    position:absolute;
    inset:-2px;
    border-radius:50%;
    opacity:0;
    background:color-mix(in srgb, var(--text-secondary) 38%, transparent);
    animation:none;
}

@keyframes e15035b7bd303a5f-callParticipantPulse{
    0%{
        opacity:0.85;
        transform:scale3d(0.7, 0.7, 1);
    }
    11.28%{
        opacity:0;
        transform:scale3d(1.1, 1.1, 1);
    }
    12%{
        transform:scale3d(0.7, 0.7, 1);
    }
    13%{
        opacity:0.85;
    }
    28.448%{
        opacity:0.85;
        transform:scale3d(0.7, 0.7, 1);
    }
    39.728%{
        opacity:0;
        transform:scale3d(1.1, 1.1, 1);
    }
    40%{
        transform:scale3d(0.7, 0.7, 1);
    }
    41%{
        opacity:0.85;
    }
    to{
        opacity:0.85;
        transform:scale3d(0.7, 0.7, 1);
    }
}

@keyframes e15035b7bd303a5f-callParticipantSpeakingPulse{
    0%{
        opacity:0.34;
        transform:scale3d(0.94, 0.94, 1);
    }
    70%{
        opacity:0.04;
        transform:scale3d(1.16, 1.16, 1);
    }
    100%{
        opacity:0;
        transform:scale3d(1.22, 1.22, 1);
    }
}

.e15035b7bd303a5f-callBanner{
    display:flex;
    flex-direction:column;
    gap:0.6rem;
    margin:0 0.75rem 0.75rem;
    padding:0.75rem;
    border:none;
    border-radius:0.75rem;
    background:color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
    box-shadow:none;
    -webkit-backdrop-filter:none;
            backdrop-filter:none;
}

.e15035b7bd303a5f-callControls{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:0.75rem;
    flex-wrap:wrap;
}

.e15035b7bd303a5f-callBannerMobile{
    display:flex;
    flex-direction:column;
    gap:0.6rem;
    margin:0 0.75rem 0.75rem;
    padding:0.75rem;
    border:none;
    border-radius:0.75rem;
    background:color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
    box-shadow:none;
    -webkit-backdrop-filter:none;
            backdrop-filter:none;
}

.e15035b7bd303a5f-callBannerHeader{
    display:flex;
    flex-direction:row;
    gap:0.5rem;
    align-items:center;
    justify-content:space-between;
    text-align:left;
}

.e15035b7bd303a5f-callBannerEyebrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:center;
    gap:0.35rem;
    min-height:1.875rem;
    padding:0.3125rem 0.75rem;
    border-radius:999px;
    background:color-mix(in srgb, var(--background-floating) 16%, transparent);
    border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
    box-shadow:none;
    font-size:0.75rem;
    font-weight:700;
    line-height:1rem;
    color:color-mix(in srgb, var(--text-primary) 80%, var(--brand-primary) 20%);
}

.e15035b7bd303a5f-callBannerEyebrow::before,
.e15035b7bd303a5f-callBannerEyebrow::after{
    display:none;
}

.e15035b7bd303a5f-callBannerMeta{
    display:none;
}

.e15035b7bd303a5f-callBannerPreview{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.e15035b7bd303a5f-callBannerActionRow{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:0.6rem;
    justify-content:center;
}

.e15035b7bd303a5f-callControls button,
.e15035b7bd303a5f-callControlsMobile button,
.e15035b7bd303a5f-callBannerActionRow button,
.e15035b7bd303a5f-callSheetControls button{
    transition:background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

.e15035b7bd303a5f-callControls button:hover,
.e15035b7bd303a5f-callControlsMobile button:hover,
.e15035b7bd303a5f-callBannerActionRow button:hover,
.e15035b7bd303a5f-callSheetControls button:hover{
    transform:none;
    box-shadow:none;
    -webkit-filter:none;
            filter:none;
}

.e15035b7bd303a5f-callControls button:active,
.e15035b7bd303a5f-callControlsMobile button:active,
.e15035b7bd303a5f-callBannerActionRow button:active,
.e15035b7bd303a5f-callSheetControls button:active{
    transform:translateY(0);
}

.e15035b7bd303a5f-callControlsMobile{
    display:flex;
    flex-wrap:wrap;
    gap:0.5rem;
    justify-content:center;
}

.e15035b7bd303a5f-callSheetContent{
    display:flex;
    flex-direction:column;
    gap:0.85rem;
    padding:0 0.9rem calc(0.95rem + 0px);
    padding:0 0.9rem calc(0.95rem + var(--safe-area-bottom, 0px));
}

.e15035b7bd303a5f-callSheetContentFull{
	height:100dvh;
	min-height:100dvh;
	padding:0;
}

.e15035b7bd303a5f-mobileCallFullSheetRoot{
	height:100dvh !important;
	max-height:100dvh !important;
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
	box-shadow:none !important;
	background:radial-gradient(
			140% 130% at 12% -8%,
			color-mix(in srgb, var(--brand-primary) 10%, transparent) 0%,
			transparent 66%
		), linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%) 0%,
			color-mix(in srgb, var(--background-primary) 94%, var(--background-secondary) 6%) 100%
		);
	background-size:142% 142%, 125% 125%;
	background-position:0% 0%, 50% 50%;
	animation:none;
}

.e15035b7bd303a5f-callSheetHeader{
    display:flex;
    flex-direction:column;
    gap:0.1rem;
    align-items:center;
    text-align:center;
}

.e15035b7bd303a5f-callSheetControls{
    display:flex;
    flex-direction:column;
    gap:0.55rem;
}

.e15035b7bd303a5f-callSheetControls button{
    min-height:2.85rem;
    border-radius:0.95rem;
    font-weight:600;
}

.e15035b7bd303a5f-callSheetControls button svg{
    height:1.05rem;
    width:1.05rem;
}

.e15035b7bd303a5f-mobileCallStage{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.9rem;
	padding:0.45rem 0.35rem 0.2rem;
	border-radius:1.2rem;
	background:linear-gradient(180deg, #2a4463 0%, #325074 100%);
	color:#fff;
}

.e15035b7bd303a5f-mobileCallStageFull{
	min-height:100dvh;
	width:100%;
	border-radius:0;
	padding:calc(1.2rem + 0px) 0.9rem calc(1.05rem + 0px);
	padding:calc(1.2rem + var(--safe-area-top, 0px)) 0.9rem calc(1.05rem + var(--safe-area-bottom, 0px));
	justify-content:space-between;
	background:radial-gradient(
			130% 120% at 12% 2%,
			color-mix(in srgb, var(--brand-primary) 12%, transparent) 0%,
			transparent 66%
		), linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-secondary) 84%, var(--background-primary) 16%) 0%,
			color-mix(in srgb, var(--background-primary) 94%, var(--background-secondary) 6%) 100%
		);
	background-size:150% 150%, 130% 130%;
	background-position:0% 0%, 50% 50%;
	animation:none;
}

.e15035b7bd303a5f-mobileCallStageHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	padding-top:0.35rem;
}

.e15035b7bd303a5f-mobileCallBackButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2.35rem;
	height:2.35rem;
	border-radius:999px;
	border:1px solid rgb(255 255 255 / 0.24);
	background:rgb(255 255 255 / 0.12);
	color:#fff;
}

.e15035b7bd303a5f-mobileCallHeaderIcon{
	width:1.14rem;
	height:1.14rem;
}

.e15035b7bd303a5f-mobileCallStatusPill{
	padding:0.36rem 0.78rem;
	border-radius:999px;
	font-size:0.8rem;
	font-weight:700;
	letter-spacing:0.04em;
	background:rgb(255 255 255 / 0.15);
	border:1px solid rgb(255 255 255 / 0.2);
}

.e15035b7bd303a5f-mobileCallInfo{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.32rem;
	text-align:center;
	margin-top:0.42rem;
}

.e15035b7bd303a5f-mobileCallName{
	margin:0;
	font-size:1.58rem;
	line-height:1.72rem;
	font-weight:800;
}

.e15035b7bd303a5f-mobileCallDuration{
	font-size:1rem;
	line-height:1.24rem;
	color:rgb(255 255 255 / 0.82);
}

.e15035b7bd303a5f-mobileCallMainControls{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.9rem;
	width:100%;
}

.e15035b7bd303a5f-mobileCallCircleButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:3.35rem;
	height:3.35rem;
	border-radius:999px;
	border:1px solid rgb(255 255 255 / 0.18);
	background:rgb(255 255 255 / 0.16);
	color:#fff;
}

.e15035b7bd303a5f-mobileCallControlIcon{
	width:1.3rem;
	height:1.3rem;
}

.e15035b7bd303a5f-mobileCallHangupButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:3.55rem;
	height:3.55rem;
	border-radius:999px;
	border:none;
	background:#c0333b;
	color:#fff;
	box-shadow:0 10px 22px rgb(0 0 0 / 0.22);
}

.e15035b7bd303a5f-mobileCallHangupIcon{
	width:1.35rem;
	height:1.35rem;
	transform:rotate(135deg);
}

.e15035b7bd303a5f-mobileCallAdvancedBlock{
	width:100%;
	padding-top:0.4rem;
}

.e15035b7bd303a5f-mobileCallControlsMirror{
	width:100%;
	max-width:100%;
	margin-inline:auto;
	padding-top:0.42rem;
	overflow:visible;
}

.e15035b7bd303a5f-mobileCallControlsMirror [class*='container']{
	width:min(100%, 27rem);
	min-width:0;
	grid-template-columns:repeat(5, minmax(4.15rem, 4.15rem));
	justify-content:center;
	gap:0.88rem;
	padding-inline:0.2rem;
	align-items:end;
	margin-inline:auto;
}

.e15035b7bd303a5f-mobileCallControlsMirror [class*='button']{
	width:4.15rem;
	height:4.15rem;
	border-radius:999px;
}

.e15035b7bd303a5f-mobileCallControlsMirror [class*='settingsButton']{
	display:inline-flex;
	width:1.28rem;
	height:1.28rem;
	right:0.12rem;
	bottom:0.12rem;
	border-radius:999px;
	box-shadow:none;
	border:1px solid color-mix(in srgb, var(--text-primary) 14%, transparent);
}

.e15035b7bd303a5f-mobileCallControlsMirror [class*='buttonMoreOptions']{
	display:none;
}

.e15035b7bd303a5f-mobileCallMinimizeButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2.95rem;
	height:2.95rem;
	padding:0;
	border-radius:9999px;
	border:1px solid color-mix(in srgb, var(--text-primary) 16%, transparent);
	background:color-mix(in srgb, var(--background-floating) 20%, var(--background-primary) 80%);
	color:color-mix(in srgb, var(--text-primary) 92%, white 8%);
	box-shadow:0 10px 22px rgb(3 7 18 / 0.2);
}

.e15035b7bd303a5f-mobileCallMinimizeIcon{
	width:1.22rem;
	height:1.22rem;
}

.e15035b7bd303a5f-mobileCallStageFull .e15035b7bd303a5f-callParticipantsRow{
	gap:0.64rem;
	padding-top:0.28rem;
	max-width:100%;
	width:100%;
	justify-content:center;
	align-content:flex-start;
}

.e15035b7bd303a5f-mobileCallStageFull .e15035b7bd303a5f-callParticipant{
	padding:4px;
	box-shadow:0 12px 24px rgb(3 7 18 / 0.2), inset 0 1px 0 rgb(255 255 255 / 0.12);
}

.e15035b7bd303a5f-mobileCallStageFull .e15035b7bd303a5f-callParticipantAvatar{
	transform:scale(1.02);
}

.e15035b7bd303a5f-mobileCallMediaStage{
	width:min(100%, 52rem);
	margin:0.35rem auto 0;
	padding:0.24rem;
	border-radius:1.1rem;
	background:color-mix(in srgb, var(--background-primary) 78%, black 22%);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	box-shadow:0 14px 30px rgb(0 0 0 / 0.28);
}

.e15035b7bd303a5f-mobileCallMediaView{
	width:100%;
	min-height:0;
	border-radius:0.9rem;
	overflow:hidden;
	background:transparent;
}

.e15035b7bd303a5f-androidCallTools{
    display:flex;
    flex-direction:column;
    gap:0.65rem;
    padding:0.75rem 0.85rem;
    border-radius:1rem;
    background:color-mix(in srgb, var(--background-secondary) 92%, var(--background-primary) 8%);
    border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
    box-shadow:0 10px 20px rgb(3 7 18 / 0.1);
}

.e15035b7bd303a5f-androidCallToolsHeader{
    display:flex;
    flex-direction:column;
    gap:0.35rem;
}

.e15035b7bd303a5f-androidCallToolsTitle{
    font-size:0.875rem;
    font-weight:700;
    line-height:1.25rem;
    color:var(--text-primary);
}

.e15035b7bd303a5f-androidCallToolsDescription{
    font-size:0.8125rem;
    line-height:1.2rem;
    color:color-mix(in srgb, var(--text-secondary) 86%, var(--text-primary));
}

.e15035b7bd303a5f-androidCallToolsActions{
    display:flex;
    flex-wrap:wrap;
    gap:0.5rem;
}

.e15035b7bd303a5f-compactVoiceCallView{
    border-radius:var(--radius-lg);
    min-height:0;
    --compact-screenshare-width:clamp(14rem, 30vw, 22rem);
    --compact-screenshare-max-width:22rem;
    --compact-screenshare-multi-width:clamp(12.5rem, 26vw, 18rem);
    --compact-screenshare-multi-max-width:18rem;
}

.e15035b7bd303a5f-compactVoiceCallViewInline{
    border-radius:1rem;
    padding:0.5rem;
    background:transparent;
    box-shadow:none;
    -webkit-backdrop-filter:none;
            backdrop-filter:none;
}

.e15035b7bd303a5f-channelContainer{
    display:grid;
    grid-template-rows:auto 1fr;
    height:100%;
    min-height:0;
    width:100%;
    min-width:0;
    background-color:var(--background-secondary-lighter);
}

.e15035b7bd303a5f-channelLayout{
    display:grid;
    grid-template-columns:1fr auto;
    height:100%;
    min-height:0;
    width:100%;
    min-width:0;
}

@media (max-width: 767px){
    .e15035b7bd303a5f-callBanner,
    .e15035b7bd303a5f-callBannerMobile{
        margin:0 0.55rem 0.55rem;
    }

    .e15035b7bd303a5f-callSheetContent{
        gap:0.75rem;
        padding:0 0.7rem calc(0.85rem + 0px);
        padding:0 0.7rem calc(0.85rem + var(--safe-area-bottom, 0px));
    }

    .e15035b7bd303a5f-callParticipantsRow{
        gap:0.48rem;
    }

    .e15035b7bd303a5f-callControlsMobile button,
    .e15035b7bd303a5f-callSheetControls button{
        min-height:2.95rem;
    }

    .e15035b7bd303a5f-callControlsMobile button{
        width:auto;
        flex:1 1 9rem;
    }

    .e15035b7bd303a5f-callSheetControls button{
        width:100%;
    }

    .e15035b7bd303a5f-callParticipant{
        padding:2px;
    }
}

@media (max-width: 480px){
    .e15035b7bd303a5f-callBannerMobile{
        margin:0 0.5rem 0.55rem;
        padding:0.68rem;
        border-radius:1rem;
    }
    .e15035b7bd303a5f-callBannerEyebrow{
        padding-inline:0.65rem;
    }

    .e15035b7bd303a5f-callBannerHeader{
        gap:0.45rem;
    }

    .e15035b7bd303a5f-callBannerMeta{
        max-width:9.5rem;
    }
    .e15035b7bd303a5f-callParticipant{
        padding:2px;
    }

    .e15035b7bd303a5f-callSheetControls button{
        min-height:3rem;
        font-size:0.9rem;
    }

    .e15035b7bd303a5f-compactVoiceCallView{
        border-radius:0.95rem;
        --compact-screenshare-width:100%;
        --compact-screenshare-max-width:100%;
        --compact-screenshare-multi-width:100%;
        --compact-screenshare-multi-max-width:100%;
    }

    .e15035b7bd303a5f-compactVoiceCallViewInline{
        border-radius:0.95rem;
        padding:0.4rem;
    }

	.e15035b7bd303a5f-mobileCallStage{
		border-radius:1rem;
		padding:0.4rem 0.2rem 0.15rem;
	}

	.e15035b7bd303a5f-mobileCallStageFull{
		padding:calc(1rem + 0px) 0.66rem calc(0.9rem + 0px);
		padding:calc(1rem + var(--safe-area-top, 0px)) 0.66rem calc(0.9rem + var(--safe-area-bottom, 0px));
	}

	.e15035b7bd303a5f-mobileCallControlsMirror [class*='container']{
		grid-template-columns:repeat(5, minmax(3.55rem, 3.55rem));
		gap:0.62rem;
	}

	.e15035b7bd303a5f-mobileCallControlsMirror [class*='button']{
		width:3.55rem;
		height:3.55rem;
	}

	.e15035b7bd303a5f-mobileCallCircleButton{
		width:3.1rem;
		height:3.1rem;
	}

	.e15035b7bd303a5f-mobileCallHangupButton{
		width:3.3rem;
		height:3.3rem;
	}
    .e15035b7bd303a5f-androidCallToolsActions{
        flex-direction:column;
    }
}

@media (prefers-reduced-motion: reduce){
    .e15035b7bd303a5f-callBanner,
    .e15035b7bd303a5f-callBannerMobile,
    .e15035b7bd303a5f-callBannerEyebrow::before,
    .e15035b7bd303a5f-callBannerEyebrow::after,
    .e15035b7bd303a5f-callParticipant,
    .e15035b7bd303a5f-callControls button,
    .e15035b7bd303a5f-callControlsMobile button,
    .e15035b7bd303a5f-callBannerActionRow button,
    .e15035b7bd303a5f-callSheetControls button{
        animation:none;
        transition:none;
    }

	.e15035b7bd303a5f-mobileCallStageFull,
	.e15035b7bd303a5f-mobileCallFullSheetRoot,
	.e15035b7bd303a5f-mobileCallControlsMirror [class*='container'],
	.e15035b7bd303a5f-mobileCallControlsMirror [class*='button']{
		animation:none !e15035b7bd303a5f-important;
		transition:none !important;
	}
}

@keyframes e15035b7bd303a5f-dmCallAmbientDrift{
	0%{
		background-position:0% 0%, 50% 50%;
	}
	50%{
		background-position:18% 10%, 52% 49%;
	}
	100%{
		background-position:28% 16%, 50% 53%;
	}
}

.d8dd188f38e775c1-container{
	--compact-stroke:color-mix(in srgb, var(--text-primary) 10%, transparent);
	--compact-highlight:color-mix(in srgb, var(--text-primary) 8%, transparent);
	--compact-ink:color-mix(in srgb, var(--text-primary) 92%, var(--background-floating) 8%);
	--compact-ink-soft:color-mix(in srgb, var(--text-secondary) 84%, var(--background-floating) 16%);
	position:relative;
	display:flex;
	flex-direction:column;
	gap:0.8rem;
	min-width:0;
	padding:0.8rem;
	border-radius:1.35rem;
	background:color-mix(in srgb, var(--background-secondary) 92%, var(--background-primary) 8%);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	box-shadow:0 12px 28px rgb(3 7 18 / 0.16);
	-webkit-backdrop-filter:blur(12px) saturate(112%);
	        backdrop-filter:blur(12px) saturate(112%);
	overflow:hidden;
	animation:d8dd188f38e775c1-compactArcEnter 340ms cubic-bezier(0.22, 1, 0.36, 1);
	contain:layout paint;
}

.d8dd188f38e775c1-container::before{
	display:none;
}

.d8dd188f38e775c1-containerNoHeader{
	padding-top:0.8rem;
}

.d8dd188f38e775c1-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	min-width:0;
	padding:0 0.1rem;
	flex-wrap:wrap;
}

.d8dd188f38e775c1-headerActions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:0.45rem;
	flex-shrink:0;
}

.d8dd188f38e775c1-headerContent{
	display:flex;
	align-items:center;
	gap:0.75rem;
	min-width:0;
	flex:1;
	flex-wrap:wrap;
}

.d8dd188f38e775c1-reconnectOrbit{
	margin-inline:0.35rem;
}

.d8dd188f38e775c1-statusContainer{
	display:inline-flex;
	align-items:center;
	gap:0.55rem;
	min-width:0;
	padding:0.48rem 0.78rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--background-floating) 32%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 7%, transparent);
}

.d8dd188f38e775c1-statusDot{
	height:0.625rem;
	width:0.625rem;
	border-radius:9999px;
	color:var(--status-online);
	background-color:currentColor;
	box-shadow:0 0 0 0 color-mix(in srgb, currentColor 28%, transparent);
	animation:d8dd188f38e775c1-compactArcPulse 2.2s ease-in-out infinite;
	flex-shrink:0;
}

.d8dd188f38e775c1-statusContainer[data-state='Connecting'] .d8dd188f38e775c1-statusDot,
.d8dd188f38e775c1-statusContainer[data-state='Reconnecting'] .d8dd188f38e775c1-statusDot{
	color:var(--status-idle);
	box-shadow:0 0 0 0 color-mix(in srgb, currentColor 26%, transparent);
}

.d8dd188f38e775c1-statusContainer[data-state='Disconnected'] .d8dd188f38e775c1-statusDot{
	color:var(--status-danger);
	box-shadow:0 0 0 0 color-mix(in srgb, currentColor 24%, transparent);
}

.d8dd188f38e775c1-statusText{
	font-weight:600;
	font-size:0.8125rem;
	line-height:1.125rem;
	color:var(--compact-ink);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	min-width:0;
}

.d8dd188f38e775c1-controls{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.d8dd188f38e775c1-participantPill{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:1.9rem;
	padding:0.38rem 0.72rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--background-floating) 14%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	box-shadow:none;
	color:var(--compact-ink-soft);
	font-size:0.75rem;
	font-weight:600;
	line-height:1rem;
	white-space:nowrap;
}

.d8dd188f38e775c1-expandButton{
	display:flex;
	height:2.15rem;
	width:2.15rem;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	background:color-mix(in srgb, var(--background-floating) 18%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	color:var(--compact-ink);
	transition:var(--button-motion-transition), transform 160ms ease;
	cursor:pointer;
	box-shadow:none;
	flex-shrink:0;
}

.d8dd188f38e775c1-expandButton:hover{
	transform:translateY(-1px);
	background:color-mix(in srgb, var(--background-floating) 24%, transparent);
	border-color:color-mix(in srgb, var(--text-primary) 10%, transparent);
}

.d8dd188f38e775c1-expandButtonActive{
	background:color-mix(in srgb, var(--brand-primary) 18%, var(--background-floating) 82%);
	border-color:color-mix(in srgb, var(--brand-primary) 26%, transparent);
	color:color-mix(in srgb, var(--brand-primary) 86%, var(--text-primary));
}

.d8dd188f38e775c1-videoSection{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:0.55rem;
	justify-content:center;
	width:100%;
	min-width:0;
	padding:0;
	overflow:hidden;
}

.d8dd188f38e775c1-videoSectionCentered{
	justify-content:center;
}

.d8dd188f38e775c1-videoContainer{
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	flex-wrap:wrap;
	gap:0.55rem;
	width:100%;
	max-width:100%;
	min-width:0;
	overflow:visible;
	padding:0.1rem;
	margin-inline:auto;
	scrollbar-width:none;
}

.d8dd188f38e775c1-videoContainerCentered{
	justify-content:center;
}

.d8dd188f38e775c1-videoContainerCentered > *{
	flex-shrink:0;
}

.d8dd188f38e775c1-videoTile,
.d8dd188f38e775c1-moreVideos{
	position:relative;
	height:clamp(7rem, 18vh, 9.25rem);
	width:clamp(11rem, 28vw, 16rem);
	flex:0 0 auto;
	overflow:hidden;
	border-radius:1.25rem;
	background:color-mix(in srgb, var(--background-secondary) 48%, var(--background-primary) 52%);
	border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
	box-shadow:0 14px 28px rgb(3 7 18 / 0.22), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 7%, transparent);
	scroll-snap-align:start;
	transition:var(--button-motion-transition), transform 180ms ease;
}

.d8dd188f38e775c1-videoTileCentered{
	height:clamp(6.8rem, 18vh, 8.8rem);
	width:clamp(10.6rem, 26vw, 14.5rem);
}

.d8dd188f38e775c1-videoTileScreenShare{
	width:clamp(15rem, 34vw, 24rem);
	width:var(--compact-screenshare-width, clamp(15rem, 34vw, 24rem));
	aspect-ratio:16 / 9;
	height:auto;
	flex:1 1 clamp(15rem, 34vw, 24rem);
	flex:1 1 var(--compact-screenshare-width, clamp(15rem, 34vw, 24rem));
	max-width:min(100%, 24rem);
	max-width:min(100%, var(--compact-screenshare-max-width, 24rem));
	border-radius:1.35rem;
	border-color:color-mix(in srgb, var(--text-primary) 8%, transparent);
	box-shadow:0 14px 28px rgb(3 7 18 / 0.16);
}

.d8dd188f38e775c1-videoContainer[data-multiple-screen-shares='true']{
	justify-content:center;
}

.d8dd188f38e775c1-videoContainer[data-multiple-screen-shares='true'] .d8dd188f38e775c1-videoTileScreenShare{
	width:clamp(13.5rem, 28vw, 20rem);
	width:var(--compact-screenshare-multi-width, clamp(13.5rem, 28vw, 20rem));
	flex-basis:clamp(13.5rem, 28vw, 20rem);
	flex-basis:var(--compact-screenshare-multi-width, clamp(13.5rem, 28vw, 20rem));
	max-width:min(100%, 20rem);
	max-width:min(100%, var(--compact-screenshare-multi-max-width, 20rem));
}

.d8dd188f38e775c1-videoContainerCentered .d8dd188f38e775c1-videoTile:not(.d8dd188f38e775c1-videoTileScreenShare),
.d8dd188f38e775c1-videoContainerCentered .d8dd188f38e775c1-moreVideos{
	width:clamp(8rem, 18vw, 11.5rem);
	height:clamp(4.6rem, 10vh, 6.6rem);
	border-radius:1rem;
}

.d8dd188f38e775c1-videoTile:hover,
.d8dd188f38e775c1-moreVideos:hover{
	transform:translateY(-2px);
	border-color:transparent;
	box-shadow:none;
}

.d8dd188f38e775c1-videoTile::after,
.d8dd188f38e775c1-moreVideos::after{
	display:none;
}

.d8dd188f38e775c1-moreVideos{
	display:flex;
	align-items:center;
	justify-content:center;
}

.d8dd188f38e775c1-moreVideosText{
	position:relative;
	z-index:1;
	font-size:0.875rem;
	line-height:1.25rem;
	font-weight:600;
	color:var(--compact-ink-soft);
}

.d8dd188f38e775c1-controlBarSection{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0;
	border-radius:0;
	background:transparent;
	border:1px solid transparent;
	box-shadow:none;
	width:100%;
	min-width:0;
	overflow:visible;
}

.d8dd188f38e775c1-iconSmall{
	height:1rem;
	width:1rem;
}

@keyframes d8dd188f38e775c1-compactArcEnter{
	from{
		opacity:0;
		transform:translateY(10px) scale(0.98);
	}

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

@keyframes d8dd188f38e775c1-compactArcPulse{
	0%,
	100%{
		box-shadow:0 0 0 0 currentColor;
		opacity:1;
	}

	50%{
		box-shadow:0 0 0 9px color-mix(in srgb, currentColor 0%, transparent);
		opacity:0.72;
	}
}

@media (prefers-reduced-motion: reduce){
	.d8dd188f38e775c1-container,
	.d8dd188f38e775c1-statusDot{
		animation:none;
	}

	.d8dd188f38e775c1-expandButton,
	.d8dd188f38e775c1-videoTile,
	.d8dd188f38e775c1-videoTileScreenShare,
	.d8dd188f38e775c1-moreVideos{
		transition:none;
		animation:none;
	}
}

@media (hover: none) and (pointer: coarse){
	.d8dd188f38e775c1-container{
		-webkit-backdrop-filter:none;
		        backdrop-filter:none;
	}

	.d8dd188f38e775c1-expandButton:hover,
	.d8dd188f38e775c1-videoTile:hover,
	.d8dd188f38e775c1-moreVideos:hover{
		transform:none;
	}

.d8dd188f38e775c1-videoTileScreenShare{
	animation:none;
	box-shadow:none;
}
}

@media (max-width: 640px){
	.d8dd188f38e775c1-header{
		align-items:center;
		flex-direction:row;
	}

	.d8dd188f38e775c1-headerContent{
		width:100%;
	}

	.d8dd188f38e775c1-participantPill{
		width:auto;
		justify-content:center;
	}

	.d8dd188f38e775c1-expandButton{
		align-self:flex-end;
	}

	.d8dd188f38e775c1-headerActions{
		width:auto;
		justify-content:flex-end;
	}

	.d8dd188f38e775c1-controlBarSection{
		padding:0.1rem 0;
		border-radius:1rem;
	}

	.d8dd188f38e775c1-videoTile,
	.d8dd188f38e775c1-moreVideos{
		width:clamp(8.6rem, 42vw, 11.5rem);
		height:clamp(5.1rem, 18vw, 6.7rem);
	}

	.d8dd188f38e775c1-videoTileScreenShare{
		width:100%;
		max-width:100%;
		aspect-ratio:16 / 9;
		height:auto;
		flex:1 1 100%;
	}
}

@media (max-width: 420px){
	.d8dd188f38e775c1-container{
		padding:0.68rem;
		gap:0.66rem;
		border-radius:1.15rem;
	}

	.d8dd188f38e775c1-videoContainer{
		gap:0.48rem;
	}

	.d8dd188f38e775c1-videoTile,
	.d8dd188f38e775c1-videoTileCentered,
	.d8dd188f38e775c1-moreVideos{
		width:clamp(7.7rem, 42vw, 9.4rem);
		height:clamp(4.5rem, 25vw, 5.7rem);
	}

	.d8dd188f38e775c1-videoTileScreenShare{
		width:100%;
		max-width:100%;
		aspect-ratio:16 / 9;
		height:auto;
		flex:1 1 100%;
	}
}

.d337c5c63566abf5-orbit{
	--orbit-size:3.8rem;
	--orbit-color:color-mix(in srgb, var(--brand-primary) 76%, var(--text-primary));
	--orbit-color-secondary:color-mix(in srgb, var(--status-idle) 72%, var(--text-primary));
	position:relative;
	display:inline-grid;
	place-items:center;
	width:3.8rem;
	width:var(--orbit-size);
	height:3.8rem;
	height:var(--orbit-size);
	flex:0 0 auto;
	pointer-events:none;
	isolation:isolate;
}

.d337c5c63566abf5-compact{
	--orbit-size:2.35rem;
}

.d337c5c63566abf5-large{
	--orbit-size:5.4rem;
}

.d337c5c63566abf5-sun{
	width:calc(var(--orbit-size) * 0.22);
	height:calc(var(--orbit-size) * 0.22);
	border-radius:50%;
	background:var(--orbit-color-secondary);
	box-shadow:0 0 0 calc(var(--orbit-size) * 0.05) color-mix(in srgb, var(--orbit-color-secondary) 14%, transparent), 0 0 calc(var(--orbit-size) * 0.22) color-mix(in srgb, var(--orbit-color-secondary) 44%, transparent);
}

.d337c5c63566abf5-track,
.d337c5c63566abf5-trackOuter{
	position:absolute;
	inset:17%;
	border:1px solid color-mix(in srgb, var(--text-primary) 14%, transparent);
	border-radius:50%;
	animation:d337c5c63566abf5-reconnectOrbitSpin 2.2s linear infinite;
}

.d337c5c63566abf5-trackOuter{
	inset:3%;
	animation-duration:3.6s;
	animation-direction:reverse;
}

.d337c5c63566abf5-planet,
.d337c5c63566abf5-planetOuter{
	position:absolute;
	top:50%;
	left:100%;
	width:calc(var(--orbit-size) * 0.15);
	height:calc(var(--orbit-size) * 0.15);
	border-radius:50%;
	background:var(--orbit-color);
	box-shadow:0 0 calc(var(--orbit-size) * 0.12) color-mix(in srgb, var(--orbit-color) 46%, transparent);
	transform:translate(-50%, -50%);
}

.d337c5c63566abf5-planetOuter{
	width:calc(var(--orbit-size) * 0.11);
	height:calc(var(--orbit-size) * 0.11);
	background:color-mix(in srgb, var(--brand-primary-light) 74%, var(--text-primary));
}

@keyframes d337c5c63566abf5-reconnectOrbitSpin{
	to{
		transform:rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce){
	.d337c5c63566abf5-track,
	.d337c5c63566abf5-trackOuter{
		animation-duration:8s;
	}
}

._2bdd3802455125ca-content{
	display:flex;
	flex-direction:column;
	gap:12px;
	padding:2px 0 4px;
}

._2bdd3802455125ca-section{
	display:flex;
	flex-direction:column;
	gap:8px;
	padding:12px;
	border-radius:12px;
	border:none;
	background-color:color-mix(in srgb, var(--background-secondary) 92%, black 8%);
	box-shadow:0 8px 16px rgb(3 7 18 / 0.14);
	animation:_2bdd3802455125ca-sectionFadeIn 320ms cubic-bezier(0.22, 1, 0.36, 1) both;
	animation:_2bdd3802455125ca-sectionFadeIn 320ms var(--window-open-easing, cubic-bezier(0.22, 1, 0.36, 1)) both;
}

._2bdd3802455125ca-sectionLabel{
	margin-bottom:0;
	font-weight:600;
	color:var(--text-primary);
	font-size:13px;
	letter-spacing:0.01em;
}

._2bdd3802455125ca-optionGrid{
	display:grid;
	grid-gap:8px;
	gap:8px;
}

._2bdd3802455125ca-optionGridResolution{
	grid-template-columns:repeat(5, minmax(0, 1fr));
}

._2bdd3802455125ca-optionGridFrameRate{
	grid-template-columns:repeat(4, minmax(0, 1fr));
}

._2bdd3802455125ca-optionButton{
	position:relative;
	isolation:isolate;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	min-height:38px;
	border:none;
	border-radius:10px;
	padding:7px 8px;
	font-weight:640;
	font-size:13px;
	letter-spacing:0.01em;
	overflow:hidden;
	transition:color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

._2bdd3802455125ca-optionButton:hover{
	transform:translateY(-1px);
}

._2bdd3802455125ca-optionButtonLabel{
	position:relative;
	z-index:1;
	white-space:nowrap;
}

._2bdd3802455125ca-optionButtonSelected{
	background-color:var(--brand-primary);
	color:white;
	cursor:pointer;
	box-shadow:0 8px 16px color-mix(in srgb, var(--brand-primary) 28%, transparent);
}

._2bdd3802455125ca-optionButtonSelected:hover{
	background-color:var(--brand-secondary);
}

._2bdd3802455125ca-optionButtonSelectedLocked{
	background-color:color-mix(in srgb, var(--background-modifier-selected) 90%, black 10%);
	color:var(--text-primary);
	box-shadow:0 6px 12px rgb(10 8 22 / 0.2);
}

._2bdd3802455125ca-optionButtonUnselected{
	background-color:color-mix(in srgb, var(--background-modifier-hover) 94%, black 6%);
	color:var(--text-primary);
	cursor:pointer;
	box-shadow:0 6px 12px rgb(3 7 18 / 0.12);
}

._2bdd3802455125ca-optionButtonUnselected:hover{
	background-color:color-mix(in srgb, var(--background-modifier-selected) 90%, black 10%);
}

._2bdd3802455125ca-optionButtonUnselectedLocked{
	background-color:color-mix(in srgb, var(--background-modifier-hover) 94%, black 6%);
	color:var(--text-primary);
	cursor:pointer;
	box-shadow:0 6px 12px rgb(3 7 18 / 0.12);
}

._2bdd3802455125ca-optionButtonUnselectedLocked:hover{
	background-color:color-mix(in srgb, var(--background-modifier-selected) 90%, black 10%);
}

._2bdd3802455125ca-lockIcon{
	position:relative;
	flex:0 0 auto;
	width:17px;
	height:17px;
	z-index:1;
	color:var(--text-primary-muted);
}

._2bdd3802455125ca-premiumBanner{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:10px;
	width:100%;
	overflow:hidden;
	isolation:isolate;
	text-align:left;
	cursor:pointer;
	border:none;
	border-radius:8px;
	background-color:color-mix(in srgb, var(--background-secondary) 88%, rgb(20 16 36) 12%);
	padding:14px;
	box-shadow:0 10px 20px rgb(6 6 20 / 0.18);
	transition:transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

._2bdd3802455125ca-premiumBanner::before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:-38%;
	width:28%;
	background-color:rgb(255 255 255 / 0.08);
	transform:skewX(-20deg) translateX(-220%);
	pointer-events:none;
	transition:transform 760ms cubic-bezier(0.22, 1, 0.36, 1);
}

._2bdd3802455125ca-premiumBanner:hover{
	transform:translateY(-1px);
	box-shadow:0 12px 24px rgb(5 8 24 / 0.22);
}

._2bdd3802455125ca-premiumBanner:hover::before{
	transform:skewX(-20deg) translateX(460%);
}

._2bdd3802455125ca-premiumBanner:active{
	transform:translateY(0);
}

._2bdd3802455125ca-premiumHalo{
	position:absolute;
	inset:0;
	z-index:-1;
	pointer-events:none;
	background-color:transparent;
}

._2bdd3802455125ca-premiumBannerHeader{
	display:flex;
	align-items:center;
	gap:10px;
}

._2bdd3802455125ca-premiumBannerIconShell{
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border-radius:999px;
	background-color:rgb(245 207 112);
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.65), 0 5px 10px rgb(20 12 5 / 0.2);
}

._2bdd3802455125ca-premiumBannerIcon{
	color:rgb(117 71 0);
	-webkit-filter:drop-shadow(0 1px 1px rgb(255 255 255 / 0.35));
	        filter:drop-shadow(0 1px 1px rgb(255 255 255 / 0.35));
}

._2bdd3802455125ca-premiumBannerTitleGroup{
	display:flex;
	flex-direction:column;
	gap:2px;
}

._2bdd3802455125ca-premiumBannerEyebrow{
	font-size:11px;
	font-weight:650;
	text-transform:uppercase;
	letter-spacing:0.08em;
	color:color-mix(in srgb, var(--brand-primary) 78%, white 22%);
}

._2bdd3802455125ca-premiumBannerTitle{
	font-weight:730;
	color:var(--text-primary);
	font-size:15px;
	letter-spacing:0.01em;
}

._2bdd3802455125ca-premiumBannerDescription{
	margin:0;
	color:var(--text-primary-muted);
	font-size:12px;
	line-height:1.45;
}

._2bdd3802455125ca-premiumBannerCta{
	display:inline-flex;
	align-items:center;
	gap:6px;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	padding:6px 10px;
	border-radius:999px;
	font-size:11px;
	font-weight:700;
	letter-spacing:0.03em;
	text-transform:uppercase;
	color:var(--text-primary);
	border:none;
	background-color:color-mix(in srgb, var(--background-modifier-hover) 82%, rgb(28 24 48) 18%);
}

._2bdd3802455125ca-premiumBannerArrow{
	font-size:12px;
	color:color-mix(in srgb, var(--brand-primary) 72%, white 28%);
}

._2bdd3802455125ca-audioToggleRow{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding:10px 12px;
	border:none;
	background-color:color-mix(in srgb, var(--background-secondary) 90%, black 10%);
	border-radius:10px;
	box-shadow:0 6px 12px rgb(3 7 18 / 0.12);
}

._2bdd3802455125ca-audioToggleInfo{
	display:flex;
	flex-direction:column;
	gap:2px;
}

._2bdd3802455125ca-audioToggleInfo ._2bdd3802455125ca-sectionLabel{
	margin-bottom:0;
}

._2bdd3802455125ca-audioToggleDescription{
	color:var(--text-primary-muted);
	font-size:12px;
}

@media (max-width: 560px){
	._2bdd3802455125ca-optionGridResolution{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}

	._2bdd3802455125ca-optionGridFrameRate{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}

	._2bdd3802455125ca-premiumBanner{
		padding:12px;
	}

	._2bdd3802455125ca-premiumBannerTitle{
		font-size:14px;
	}
}

@media (prefers-reduced-motion: reduce){
	._2bdd3802455125ca-section,
	._2bdd3802455125ca-optionButton,
	._2bdd3802455125ca-premiumBanner,
	._2bdd3802455125ca-premiumBanner::before,
	._2bdd3802455125ca-premiumHalo,
	._2bdd3802455125ca-premiumBannerIconShell{
		animation:none;
		transition:none;
	}
}

@keyframes _2bdd3802455125ca-sectionFadeIn{
	from{
		opacity:0;
		transform:translateY(6px);
	}

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

._09bb5f7ff9b9b4cf-description{
	color:var(--text-secondary);
}

._09bb5f7ff9b9b4cf-checkboxContainer{
	margin-top:16px;
	display:flex;
	align-items:center;
	gap:8px;
}

._09bb5f7ff9b9b4cf-checkboxLabel{
	font-size:14px;
}

._35bc24026fee2de8-icon{
	height:1.1rem;
	width:1.1rem;
	padding:0.18rem;
	border-radius:0.5rem;
	background:color-mix(in srgb, var(--background-floating) 82%, var(--background-primary) 18%);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	box-shadow:0 6px 12px rgb(3 7 18 / 0.18), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 10%, transparent);
	color:color-mix(in srgb, var(--brand-primary) 70%, var(--text-primary));
	transition:transform 180ms cubic-bezier(0.22, 1, 0.36, 1), border-color 180ms ease, box-shadow 180ms ease;
}

._35bc24026fee2de8-icon:hover{
	transform:translateY(-1px);
	border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
	box-shadow:0 10px 16px rgb(3 7 18 / 0.2), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 12%, transparent);
}

@media (prefers-reduced-motion: reduce){
	._35bc24026fee2de8-icon{
		transition:none;
	}
}

._82963e0e4b5652cc-container{
	--voice-control-size:clamp(2.95rem, 9vw, 3.45rem);
	--voice-control-stroke:color-mix(in srgb, var(--text-primary) 10%, transparent);
	--voice-control-highlight:color-mix(in srgb, var(--text-primary) 8%, transparent);
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(clamp(2.95rem, 9vw, 3.45rem), clamp(2.95rem, 9vw, 3.45rem)));
	grid-template-columns:repeat(auto-fit, minmax(var(--voice-control-size), var(--voice-control-size)));
	align-items:center;
	justify-content:center;
	grid-gap:0.55rem;
	gap:0.55rem;
	width:min(100%, 34rem);
	max-width:100%;
	margin-inline:auto;
	padding:0;
	border:0;
	background:transparent;
	box-shadow:none;
	-webkit-backdrop-filter:none;
	        backdrop-filter:none;
	contain:layout paint;
	overflow:visible;
}

._82963e0e4b5652cc-buttonContainer{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	overflow:visible;
	flex-shrink:0;
}

._82963e0e4b5652cc-button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:var(--voice-control-size);
	height:var(--voice-control-size);
	border-radius:1.15rem;
	border:1px solid transparent;
	cursor:pointer;
	background:color-mix(in srgb, var(--background-floating) 86%, var(--background-primary) 14%);
	box-shadow:0 8px 16px rgb(3 7 18 / 0.16), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 10%, transparent);
	transition:color 150ms ease, background-color 150ms ease, border-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
	flex-shrink:0;
	position:relative;
	overflow:hidden;
}

._82963e0e4b5652cc-button:hover{
	transform:translateY(-1px);
	background:color-mix(in srgb, var(--background-floating) 92%, var(--background-primary) 8%);
	border-color:color-mix(in srgb, var(--brand-primary) 18%, transparent);
	box-shadow:0 12px 20px rgb(3 7 18 / 0.22), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 12%, transparent);
}

._82963e0e4b5652cc-button:active{
	transform:translateY(0);
}

._82963e0e4b5652cc-button::before{
	content:'';
	position:absolute;
	inset:-1px auto -1px -35%;
	width:32%;
	background:linear-gradient(110deg, transparent, color-mix(in srgb, var(--text-primary) 12%, transparent), transparent);
	transform:translateX(-170%);
	transition:transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
	pointer-events:none;
}

._82963e0e4b5652cc-button:hover::before{
	transform:translateX(430%);
}

._82963e0e4b5652cc-button:disabled{
	cursor:not-allowed;
	opacity:0.75;
}

._82963e0e4b5652cc-buttonMuted{
	background:color-mix(in srgb, rgb(239 68 68) 18%, var(--background-floating));
	border-color:rgb(239 68 68 / 0.22);
	color:rgb(239 68 68);
}

._82963e0e4b5652cc-buttonMuted:hover{
	background:color-mix(in srgb, rgb(239 68 68) 26%, var(--background-floating));
}

._82963e0e4b5652cc-buttonUnmuted{
	color:var(--text-primary);
}

._82963e0e4b5652cc-buttonDeafened{
	background:color-mix(in srgb, rgb(239 68 68) 18%, var(--background-floating));
	border-color:rgb(239 68 68 / 0.22);
	color:rgb(239 68 68);
}

._82963e0e4b5652cc-buttonDeafened:hover{
	background:color-mix(in srgb, rgb(239 68 68) 26%, var(--background-floating));
}

._82963e0e4b5652cc-buttonUndeafened{
	color:var(--text-primary);
}

._82963e0e4b5652cc-buttonCameraOn{
	background:color-mix(in srgb, rgb(34 197 94) 18%, var(--background-floating));
	border-color:rgb(34 197 94 / 0.18);
	color:rgb(34 197 94);
}

._82963e0e4b5652cc-buttonCameraOn:hover{
	background:color-mix(in srgb, rgb(34 197 94) 26%, var(--background-floating));
}

._82963e0e4b5652cc-buttonCameraOff{
	color:var(--text-primary);
}

._82963e0e4b5652cc-buttonScreenShareOn{
	background:color-mix(in srgb, rgb(34 197 94) 18%, var(--background-floating));
	border-color:rgb(34 197 94 / 0.18);
	color:rgb(34 197 94);
}

._82963e0e4b5652cc-buttonScreenShareOn:hover{
	background:color-mix(in srgb, rgb(34 197 94) 26%, var(--background-floating));
}

._82963e0e4b5652cc-buttonScreenShareOff{
	color:var(--text-primary);
}

._82963e0e4b5652cc-buttonMoreOptions{
	color:var(--text-primary);
}

._82963e0e4b5652cc-buttonStageSwitch{
	color:var(--text-primary);
}

._82963e0e4b5652cc-buttonDisconnect{
	background:color-mix(in srgb, rgb(239 68 68) 20%, var(--background-floating));
	border-color:rgb(239 68 68 / 0.22);
	color:rgb(239 68 68);
}

._82963e0e4b5652cc-buttonDisconnect:hover{
	background:color-mix(in srgb, rgb(239 68 68) 28%, var(--background-floating));
}

._82963e0e4b5652cc-settingsButton{
	position:absolute;
	bottom:2px;
	right:2px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:18px;
	height:18px;
	border-radius:9999px;
	background:color-mix(in srgb, var(--background-floating) 64%, var(--background-primary) 36%);
	color:var(--text-primary);
	box-shadow:0 4px 12px rgb(3 7 18 / 0.2), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 10%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	cursor:pointer;
	z-index:2;
	touch-action:manipulation;
	transition:color 150ms ease, background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
}
._82963e0e4b5652cc-settingsButton::before{
	content:'';
	position:absolute;
	inset:-5px;
	border-radius:inherit;
	pointer-events:none;
}

@media (pointer: coarse){
	._82963e0e4b5652cc-settingsButton{
		width:20px;
		height:20px;
		bottom:2px;
		right:2px;
	}
	._82963e0e4b5652cc-settingsButton::before{
		inset:-3px;
	}
}

._82963e0e4b5652cc-settingsButton:hover{
	transform:translateY(-1px);
	background:color-mix(in srgb, var(--background-floating) 90%, var(--background-primary) 10%);
	border-color:color-mix(in srgb, var(--brand-primary) 20%, transparent);
}

._82963e0e4b5652cc-icon{
	width:28px;
	height:28px;
}

._82963e0e4b5652cc-iconSmall{
	width:10px;
	height:10px;
}

@media (pointer: coarse){
	._82963e0e4b5652cc-container{
		--voice-control-size:clamp(2.45rem, 9.4vw, 3.25rem);
		grid-template-columns:repeat(6, clamp(2.45rem, 9.4vw, 3.25rem));
		grid-template-columns:repeat(6, var(--voice-control-size));
		gap:clamp(0.28rem, 1vw, 0.55rem);
		width:min(100%, 24rem);
		padding:0;
	}

	._82963e0e4b5652cc-container > :last-child{
		grid-column:auto;
	}

	._82963e0e4b5652cc-button{
		border-radius:0.95rem;
		box-shadow:none;
	}

	._82963e0e4b5652cc-icon{
		width:25px;
		height:25px;
	}

	._82963e0e4b5652cc-settingsButton{
		box-shadow:none;
	}
}

@media (max-width: 420px){
	._82963e0e4b5652cc-container{
		--voice-control-size:clamp(2.35rem, 10.8vw, 2.72rem);
		gap:0.28rem;
		width:min(100%, 18.5rem);
		max-width:100%;
	}
}

@media (max-width: 360px){
	._82963e0e4b5652cc-container{
		--voice-control-size:clamp(2.2rem, 10.4vw, 2.45rem);
		gap:0.24rem;
		width:min(100%, 16.75rem);
	}

	._82963e0e4b5652cc-button{
		border-radius:0.85rem;
	}

	._82963e0e4b5652cc-icon{
		width:22px;
		height:22px;
	}
}

@media (hover: none), (pointer: coarse){
	._82963e0e4b5652cc-button::before{
		display:none;
	}

	._82963e0e4b5652cc-button:hover,
	._82963e0e4b5652cc-settingsButton:hover{
		transform:none;
	}
}

@media (prefers-reduced-motion: reduce){
	._82963e0e4b5652cc-button,
	._82963e0e4b5652cc-button::before,
	._82963e0e4b5652cc-settingsButton{
		transition:none;
	}
}

.lk-grid-layout{
	--lk-col-count:1;
	--lk-row-count:1;
	--grid-gap:0.75rem;
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-template-columns:repeat(var(--lk-col-count), 1fr);
	grid-gap:0.75rem;
	grid-gap:var(--grid-gap);
	gap:0.75rem;
	gap:var(--grid-gap);
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	padding:0;
	place-items:center;
	align-content:center;
	position:relative;
}

.lk-grid-layout[data-lk-pagination='true']{
	padding-bottom:calc(var(--grid-gap) * 2);
}

.lk-carousel{
	--grid-gap:0.5rem;
	display:flex;
	gap:0.5rem;
	gap:var(--grid-gap);
	overflow:visible;
	scrollbar-width:thin;
	padding:0.5rem;
	padding:var(--grid-gap);
	min-width:0;
	flex-shrink:1;
}

.lk-carousel::-webkit-scrollbar{
	height:6px;
}

.lk-carousel::-webkit-scrollbar-track{
	background:transparent;
}

.lk-carousel::-webkit-scrollbar-thumb{
	background:var(--scrollbar-thumb-bg);
	border-radius:3px;
}

.lk-carousel::-webkit-scrollbar-thumb:hover{
	background:var(--scrollbar-thumb-bg-hover);
}

._7f8a5e4087eb80df-lkParticipantTile{
	--speaking-indicator-width:2.5px;
	position:relative;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	border-radius:12px;
	background-color:color-mix(in srgb, var(--background-secondary) 58%, var(--background-primary) 42%);
	width:100%;
	aspect-ratio:16 / 9;
	max-width:100%;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	box-shadow:0 18px 30px rgb(3 7 18 / 0.2);
	transition:transform 260ms cubic-bezier(0.22, 1, 0.36, 1), border-color 220ms ease, box-shadow 260ms ease;
}

.lk-grid-layout ._7f8a5e4087eb80df-lkParticipantTile:not([data-source='screen_share'])::before{
	content:'';
	position:absolute;
	inset:0;
	background:radial-gradient(120% 110% at 0% 0%, var(--voice-brand-halo) 0%, transparent 58%), linear-gradient(180deg, transparent 48%, var(--voice-overlay-dim) 100%);
	pointer-events:none;
	z-index:1;
}

.lk-grid-layout ._7f8a5e4087eb80df-lkParticipantTile:-webkit-full-screen{
	background:color-mix(in srgb, var(--background-primary) 84%, var(--background-secondary) 16%);
}

.lk-grid-layout ._7f8a5e4087eb80df-lkParticipantTile:fullscreen,
.lk-grid-layout ._7f8a5e4087eb80df-lkParticipantTile:-webkit-full-screen{
	background:color-mix(in srgb, var(--background-primary) 84%, var(--background-secondary) 16%);
}

.lk-grid-layout ._7f8a5e4087eb80df-lkParticipantTile:-webkit-full-screen:not([data-source='screen_share'])::before{
	background:radial-gradient(130% 115% at 0% 0%, color-mix(in srgb, var(--brand-primary) 34%, transparent) 0%, transparent 62%), radial-gradient(120% 110% at 100% 100%, color-mix(in srgb, var(--status-online) 18%, transparent) 0%, transparent 60%), linear-gradient(180deg, transparent 40%, var(--voice-overlay-dim-strong) 100%);
}

.lk-grid-layout ._7f8a5e4087eb80df-lkParticipantTile:fullscreen:not([data-source='screen_share'])::before,
.lk-grid-layout ._7f8a5e4087eb80df-lkParticipantTile:-webkit-full-screen:not([data-source='screen_share'])::before{
	background:radial-gradient(130% 115% at 0% 0%, color-mix(in srgb, var(--brand-primary) 34%, transparent) 0%, transparent 62%), radial-gradient(120% 110% at 100% 100%, color-mix(in srgb, var(--status-online) 18%, transparent) 0%, transparent 60%), linear-gradient(180deg, transparent 40%, var(--voice-overlay-dim-strong) 100%);
}

.lk-carousel ._7f8a5e4087eb80df-lkParticipantTile{
	flex-shrink:0;
	width:280px;
	height:auto;
	min-width:280px;
	aspect-ratio:16 / 9;
}

._7f8a5e4087eb80df-lkParticipantTile::after{
	content:'';
	position:absolute;
	inset:0;
	border-radius:var(--radius-lg);
	border:0px solid color-mix(in srgb, var(--status-online) 78%, var(--brand-primary));
	transition-property:border;
	transition-delay:0.5s;
	transition-duration:0.4s;
	pointer-events:none;
}

._7f8a5e4087eb80df-pinnedParticipant::after{
	border-width:0 !important;
}

._7f8a5e4087eb80df-lkParticipantTile[data-speaking='true']::after{
	transition-delay:0s;
	transition-duration:0.2s;
	border-width:var(--speaking-indicator-width);
}

._7f8a5e4087eb80df-lkParticipantTile[data-speaking='true']{
	border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
	box-shadow:0 22px 38px color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

._7f8a5e4087eb80df-lkParticipantTile video{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:var(--radius-lg);
}

._7f8a5e4087eb80df-lkParticipantTile[data-source='screen_share'] video{
	object-fit:contain;
	background:color-mix(in srgb, var(--background-primary) 78%, black 22%);
}

._7f8a5e4087eb80df-lkParticipantTile:-webkit-full-screen{
	width:100vw;
	height:100dvh;
	max-width:none;
	max-height:none;
	aspect-ratio:auto;
	border-radius:0;
	border:0;
	background:black;
	box-shadow:none;
}

._7f8a5e4087eb80df-lkParticipantTile:fullscreen,
._7f8a5e4087eb80df-lkParticipantTile:-webkit-full-screen{
	width:100vw;
	height:100dvh;
	max-width:none;
	max-height:none;
	aspect-ratio:auto;
	border-radius:0;
	border:0;
	background:black;
	box-shadow:none;
}

._7f8a5e4087eb80df-lkParticipantTile:-webkit-full-screen video{
	width:100%;
	height:100%;
	border-radius:0;
	object-fit:contain;
	background:black;
}

._7f8a5e4087eb80df-lkParticipantTile:fullscreen video,
._7f8a5e4087eb80df-lkParticipantTile:-webkit-full-screen video{
	width:100%;
	height:100%;
	border-radius:0;
	object-fit:contain;
	background:black;
}

._7f8a5e4087eb80df-lkParticipantPlaceholder{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:var(--background-tertiary);
	opacity:0;
	transition:opacity 0.2s ease-in-out;
	pointer-events:none;
	border-radius:var(--radius-lg);
}

._7f8a5e4087eb80df-lkParticipantTile[data-video-muted='true'] ._7f8a5e4087eb80df-lkParticipantPlaceholder{
	opacity:1;
}

._7f8a5e4087eb80df-lkParticipantPlaceholder ._7f8a5e4087eb80df-avatar{
	font-size:3rem;
	font-weight:600;
	color:var(--text-primary);
}

._7f8a5e4087eb80df-lkParticipantMetadata{
	position:absolute;
	right:0.5rem;
	bottom:0.5rem;
	left:0.5rem;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	gap:0.5rem;
	line-height:1;
	z-index:10;
	min-width:0;
	opacity:1;
}

._7f8a5e4087eb80df-participantName,
._7f8a5e4087eb80df-participantConn{
	display:inline-block;
	overflow:hidden;
	white-space:nowrap;
	opacity:0;
	max-width:0;
	margin-left:0;
}

.window-focused ._7f8a5e4087eb80df-voiceRoot:hover ._7f8a5e4087eb80df-participantName,
.window-focused ._7f8a5e4087eb80df-voiceRoot:focus-within ._7f8a5e4087eb80df-participantName{
	opacity:1;
	max-width:24ch;
	margin-left:0.375rem;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-contextMenuActive ._7f8a5e4087eb80df-participantName{
	opacity:1;
	max-width:24ch;
	margin-left:0.375rem;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-keyboardModeActive ._7f8a5e4087eb80df-participantName{
	opacity:1;
	max-width:24ch;
	margin-left:0.375rem;
}

.window-focused ._7f8a5e4087eb80df-voiceRoot:hover ._7f8a5e4087eb80df-participantConn,
.window-focused ._7f8a5e4087eb80df-voiceRoot:focus-within ._7f8a5e4087eb80df-participantConn{
	opacity:1;
	max-width:10ch;
	margin-left:0.25rem;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-contextMenuActive ._7f8a5e4087eb80df-participantConn{
	opacity:1;
	max-width:10ch;
	margin-left:0.25rem;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-keyboardModeActive ._7f8a5e4087eb80df-participantConn{
	opacity:1;
	max-width:10ch;
	margin-left:0.25rem;
}

._7f8a5e4087eb80df-lkParticipantMetadataItem{
	display:inline-flex;
	align-items:center;
	gap:0;
	padding:0.375rem 0.5rem;
	background:linear-gradient(180deg, var(--voice-pill-top), var(--voice-pill-bottom)), color-mix(in srgb, var(--background-primary) 12%, transparent);
	border:1px solid var(--voice-stroke);
	border-radius:var(--radius-md);
	color:var(--voice-ink);
	font-size:0.875rem;
	font-weight:500;
	min-width:0;
	box-shadow:0 12px 24px rgb(3 7 18 / 0.16), inset 0 1px 0 var(--voice-highlight);
	-webkit-backdrop-filter:blur(18px) saturate(124%);
	        backdrop-filter:blur(18px) saturate(124%);
}

._7f8a5e4087eb80df-lkParticipantIcons{
	display:inline-flex;
	align-items:center;
	gap:0.375rem;
}

._7f8a5e4087eb80df-lkParticipantMetadataItem > span{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	min-width:0;
}

._7f8a5e4087eb80df-lkParticipantMetadataItem:first-child{
	flex:0 1 auto;
	min-width:0;
}

._7f8a5e4087eb80df-lkParticipantMetadataItem:last-child{
	flex-shrink:0;
	padding:0.375rem;
	aspect-ratio:1;
}

._7f8a5e4087eb80df-lkParticipantTile ._7f8a5e4087eb80df-lkParticipantMetadataItem:last-child{
	opacity:0;
	pointer-events:none;
}

._7f8a5e4087eb80df-lkParticipantTile:hover ._7f8a5e4087eb80df-lkParticipantMetadataItem:last-child{
	opacity:1;
	pointer-events:auto;
}

._7f8a5e4087eb80df-tileContextMenuActive ._7f8a5e4087eb80df-lkParticipantMetadataItem:last-child{
	opacity:1 !important;
	pointer-events:auto !important;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-keyboardModeActive ._7f8a5e4087eb80df-lkParticipantTile ._7f8a5e4087eb80df-lkParticipantMetadataItem:last-child{
	opacity:1;
	pointer-events:auto;
}

._7f8a5e4087eb80df-lkFocusToggle{
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	padding:0.375rem;
	background:linear-gradient(180deg, var(--voice-pill-top), var(--voice-pill-bottom)), color-mix(in srgb, var(--background-primary) 12%, transparent);
	border:1px solid var(--voice-stroke);
	border-radius:var(--radius-md);
	color:var(--voice-ink);
	opacity:0;
	cursor:pointer;
	z-index:10;
	box-shadow:0 12px 24px rgb(3 7 18 / 0.16), inset 0 1px 0 var(--voice-highlight);
	transition:var(--button-motion-transition), opacity 180ms ease;
}

._7f8a5e4087eb80df-lkFocusToggle:hover{
	background:linear-gradient(180deg, var(--voice-pill-hover-top), var(--voice-pill-hover-bottom)), color-mix(in srgb, var(--background-primary) 16%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 16%, transparent);
}

._7f8a5e4087eb80df-lkParticipantTile:hover ._7f8a5e4087eb80df-lkFocusToggle,
._7f8a5e4087eb80df-lkParticipantTile:focus-within ._7f8a5e4087eb80df-lkFocusToggle{
	opacity:1;
}

._7f8a5e4087eb80df-gridLayoutWrapper{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	overflow:hidden;
	padding:1rem;
}

._7f8a5e4087eb80df-focusLayoutContainer{
	display:flex;
	flex-direction:column;
	width:100%;
	height:100%;
	min-height:0;
}

._7f8a5e4087eb80df-carouselWrapper{
	flex:0 0 auto;
	min-width:0;
	overflow:hidden;
	position:relative;
	width:100%;
	max-width:1600px;
	padding-inline:clamp(0rem, 1vw, 0.75rem);
}

._7f8a5e4087eb80df-carouselWrapper .lk-carousel{
	display:flex;
	flex:0 0 auto;
	flex-wrap:nowrap;
	align-items:center;
	width:-webkit-max-content;
	width:-moz-max-content;
	width:max-content;
	min-width:100%;
	margin-left:0;
	margin-right:0;
	padding:0 0.35rem 0.25rem;
	gap:0.5rem;
	-webkit-scroll-snap-type:x proximity;
	    -ms-scroll-snap-type:x proximity;
	        scroll-snap-type:x proximity;
	-webkit-overflow-scrolling:touch;
}

._7f8a5e4087eb80df-carouselInner{
	display:flex;
	justify-content:flex-start;
	width:-webkit-max-content;
	width:-moz-max-content;
	width:max-content;
	min-width:100%;
}

._7f8a5e4087eb80df-carouselWrapper .lk-carousel ._7f8a5e4087eb80df-lkParticipantTile{
	scroll-snap-align:center;
}

._7f8a5e4087eb80df-carouselWrapper .scrollerWrap{
	flex:1 1 auto;
	min-width:0;
	width:100%;
	max-width:100%;
}

._7f8a5e4087eb80df-carouselWrapper .scroller{
	flex:1 1 auto;
	min-width:0;
	width:100%;
	max-width:100%;
}

._7f8a5e4087eb80df-carouselToggleWrap{
	flex:0 0 auto;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:0.25rem;
	opacity:0;
	pointer-events:none;
}

.window-focused ._7f8a5e4087eb80df-voiceRoot:hover ._7f8a5e4087eb80df-carouselToggleWrap{
	opacity:1;
	pointer-events:auto;
}

.window-focused ._7f8a5e4087eb80df-voiceRoot:focus-within ._7f8a5e4087eb80df-carouselToggleWrap{
	opacity:1;
	pointer-events:auto;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-contextMenuActive ._7f8a5e4087eb80df-carouselToggleWrap{
	opacity:1;
	pointer-events:auto;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-keyboardModeActive ._7f8a5e4087eb80df-carouselToggleWrap{
	opacity:1;
	pointer-events:auto;
}

._7f8a5e4087eb80df-carouselToggle{
	width:32px;
	height:32px;
	padding:4px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:color-mix(in srgb, var(--background-floating) 84%, var(--background-primary) 16%);
	color:var(--text-primary);
	border-radius:50%;
	cursor:pointer;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	transition:transform 180ms cubic-bezier(0.22, 1, 0.36, 1), border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

._7f8a5e4087eb80df-carouselToggle:hover{
	transform:translateY(-1px);
	background:color-mix(in srgb, var(--background-floating) 94%, var(--background-primary) 6%);
	border-color:color-mix(in srgb, var(--brand-primary) 20%, transparent);
	box-shadow:0 10px 18px rgb(3 7 18 / 0.2);
}

._7f8a5e4087eb80df-focusLayoutMainWrapper{
	position:relative;
	flex:0 0 auto;
	width:100%;
	max-width:1600px;
	display:flex;
	justify-content:center;
	align-items:center;
}

._7f8a5e4087eb80df-focusLayoutMain{
	position:relative;

	--available-height:calc(100cqh - var(--carousel-row-height) - var(--toggle-row-height) - var(--content-padding));
	width:min(100%, 1600px, calc(var(--available-height) * 16 / 9));
	aspect-ratio:16 / 9;
	overflow:hidden;
}

._7f8a5e4087eb80df-focusLayoutContent._7f8a5e4087eb80df-carouselCollapsed ._7f8a5e4087eb80df-focusLayoutMain{
	--available-height:calc(100cqh - var(--toggle-row-height) - var(--content-padding));
}

._7f8a5e4087eb80df-focusLayoutContent._7f8a5e4087eb80df-noCarousel ._7f8a5e4087eb80df-focusLayoutMain{
	--available-height:calc(100cqh - var(--content-padding));
}

._7f8a5e4087eb80df-focusLayoutMain ._7f8a5e4087eb80df-lkParticipantTile{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	border-radius:12px;
}

._7f8a5e4087eb80df-focusLayoutMain ._7f8a5e4087eb80df-lkParticipantTile[data-source='screen_share']{
	border-radius:0;
}

._7f8a5e4087eb80df-focusLayoutMain ._7f8a5e4087eb80df-lkParticipantTile::after{
	border-radius:var(--radius-lg);
}

._7f8a5e4087eb80df-focusLayoutMain ._7f8a5e4087eb80df-lkParticipantTile[data-source='screen_share']::after{
	border-radius:0;
}

._7f8a5e4087eb80df-focusLayoutMain ._7f8a5e4087eb80df-lkParticipantTile video{
	border-radius:inherit;
	object-fit:cover;
	width:100%;
	height:100%;
}

._7f8a5e4087eb80df-focusLayoutMain ._7f8a5e4087eb80df-lkParticipantTile[data-source='screen_share'] video{
	border-radius:0;
	object-fit:contain;
}

._7f8a5e4087eb80df-focusLayoutMain ._7f8a5e4087eb80df-lkParticipantPlaceholder{
	border-radius:var(--radius-lg);
}

._7f8a5e4087eb80df-focusLayoutMain ._7f8a5e4087eb80df-lkParticipantTile[data-source='screen_share'] ._7f8a5e4087eb80df-lkParticipantPlaceholder{
	border-radius:0;
}

._7f8a5e4087eb80df-focusLayoutContent{
	position:relative;
	width:100%;
	height:100%;
	max-height:100%;
	padding:1rem;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0;
	box-sizing:border-box;
	container-type:size;

	--carousel-row-height:180px;
	--toggle-row-height:40px;
	--content-padding:2rem;
}

._7f8a5e4087eb80df-voiceRoot{
	position:relative;
}

._7f8a5e4087eb80df-voiceRootHasScreenShare{
	--voice-mobile-share-min-height:0px;
}

._7f8a5e4087eb80df-topCallStatusCluster{
	position:absolute;
	top:calc(var(--layout-header-height) + 0.2rem);
	right:clamp(0.55rem, 1.4vw, 1rem);
	z-index:2;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:0.46rem;
	pointer-events:none;
	max-width:min(18rem, calc(100% - 1.25rem));
}

._7f8a5e4087eb80df-voiceChrome{
	opacity:0;
	pointer-events:none;
	transition:opacity 180ms ease;
}

._7f8a5e4087eb80df-voiceHeader{
	background:transparent !important;
	border-bottom:none !important;
	box-shadow:none !important;
}

.window-focused ._7f8a5e4087eb80df-voiceRoot:hover ._7f8a5e4087eb80df-voiceChrome{
	opacity:1;
	pointer-events:auto;
}

.window-focused ._7f8a5e4087eb80df-voiceRoot:focus-within ._7f8a5e4087eb80df-voiceChrome{
	opacity:1;
	pointer-events:auto;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-contextMenuActive ._7f8a5e4087eb80df-voiceChrome{
	opacity:1;
	pointer-events:auto;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-keyboardModeActive ._7f8a5e4087eb80df-voiceChrome{
	opacity:1;
	pointer-events:auto;
}
._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-fullscreenActive{
	cursor:none;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-fullscreenActive._7f8a5e4087eb80df-fullscreenChromeVisible{
	cursor:auto;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-fullscreenChromeVisible ._7f8a5e4087eb80df-voiceChrome{
	opacity:1;
	pointer-events:auto;
	transition:opacity 0.2s ease;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-fullscreenActive:not(._7f8a5e4087eb80df-fullscreenChromeVisible) ._7f8a5e4087eb80df-voiceChrome{
	transition:opacity 0.4s ease;
}

.lk-pagination-indicator{
	position:absolute;
	left:50%;
	bottom:0.75rem;
	transform:translateX(-50%);
	display:flex;
	gap:6px;
	background:linear-gradient(180deg, var(--voice-pill-top), var(--voice-pill-bottom)), color-mix(in srgb, var(--background-primary) 16%, transparent);
	border:1px solid var(--voice-stroke);
	border-radius:9999px;
	padding:4px 8px;
	box-shadow:0 12px 24px rgb(3 7 18 / 0.16), inset 0 1px 0 var(--voice-highlight);
	-webkit-backdrop-filter:blur(16px) saturate(122%);
	        backdrop-filter:blur(16px) saturate(122%);
}

.lk-pagination-indicator > span{
	width:6px;
	height:6px;
	border-radius:9999px;
	background:color-mix(in srgb, var(--text-secondary) 58%, transparent);
}

.lk-pagination-indicator > span[data-lk-active]{
	background:color-mix(in srgb, var(--brand-primary) 84%, var(--text-primary));
}

.lk-pagination-control{
	position:absolute;
	left:50%;
	bottom:0.75rem;
	transform:translateX(-50%);
	background:linear-gradient(180deg, var(--voice-pill-top), var(--voice-pill-bottom)), color-mix(in srgb, var(--background-primary) 18%, transparent);
	border:1px solid var(--voice-stroke);
	border-radius:9999px;
	padding:4px 8px;
	display:flex;
	align-items:center;
	gap:8px;
	color:var(--voice-ink);
	pointer-events:auto;
	box-shadow:0 12px 24px rgb(3 7 18 / 0.16), inset 0 1px 0 var(--voice-highlight);
	-webkit-backdrop-filter:blur(16px) saturate(122%);
	        backdrop-filter:blur(16px) saturate(122%);
}

.lk-pagination-control .lk-pagination-count{
	display:none;
}

@media (max-width: 768px){
	._7f8a5e4087eb80df-topCallStatusCluster{
		top:calc(var(--layout-header-height) + 0.1rem);
		right:0.5rem;
		gap:0.35rem;
		max-width:min(16rem, calc(100% - 1rem));
	}

	._7f8a5e4087eb80df-connectionStatusContainer{
		padding-left:0.68rem;
		padding-right:0.68rem;
		padding-top:0.26rem;
		padding-bottom:0.26rem;
		font-size:0.69rem;
	}

	._7f8a5e4087eb80df-participantStatusPill{
		min-height:1.5rem;
		padding:0.2rem 0.55rem;
		font-size:0.66rem;
	}

	._7f8a5e4087eb80df-mainContent{
		padding-left:0.5rem;
		padding-right:0.5rem;
		justify-content:flex-start;
		align-items:stretch;
		gap:0.375rem;
	}

	._7f8a5e4087eb80df-focusLayoutMain{
		padding-top:0;
		padding-bottom:0;
	}

	._7f8a5e4087eb80df-focusLayoutMain ._7f8a5e4087eb80df-lkParticipantTile{
		max-width:100%;
	}

	._7f8a5e4087eb80df-gridLayoutWrapper{
		padding:0.375rem;
	}

	.lk-grid-layout{
		--grid-gap:0.375rem;
	}

	._7f8a5e4087eb80df-lkParticipantTile{
		border-radius:10px;
	}

	._7f8a5e4087eb80df-lkParticipantTile video{
		border-radius:10px;
	}

	._7f8a5e4087eb80df-focusLayoutContent{
		--carousel-row-height:126px;
		--content-padding:0.85rem;
		padding:0.6rem;
		justify-content:flex-start;
		align-items:stretch;
	}

	._7f8a5e4087eb80df-carouselToggleWrap{
		opacity:1;
		pointer-events:auto;
		margin-top:0.25rem;
	}

	._7f8a5e4087eb80df-voiceChrome{
		opacity:1;
		pointer-events:auto;
	}
	._7f8a5e4087eb80df-participantName{
		opacity:1;
		max-width:18ch;
		margin-left:0.25rem;
	}

	._7f8a5e4087eb80df-lkParticipantMetadata{
		right:0.375rem;
		bottom:0.375rem;
		left:0.375rem;
	}

	._7f8a5e4087eb80df-lkParticipantMetadataItem{
		padding:0.25rem 0.375rem;
		font-size:0.75rem;
		-webkit-backdrop-filter:blur(12px) saturate(120%);
		        backdrop-filter:blur(12px) saturate(120%);
	}

	._7f8a5e4087eb80df-controlBarContainer{
		--voice-control-horizontal-padding:0.75rem;
		--voice-control-top-padding:0.625rem;
		--voice-control-bottom-padding:calc(0.625rem + var(--safe-area-bottom, 0px));
		background:transparent;
	}

	.lk-carousel ._7f8a5e4087eb80df-lkParticipantTile{
		width:clamp(9rem, 34vw, 11rem);
		min-width:clamp(9rem, 34vw, 11rem);
	}

	._7f8a5e4087eb80df-screenshareGridLayout{
		padding:0.35rem;
		border-radius:0.95rem;
	}

	._7f8a5e4087eb80df-screenshareGridLayout::after{
		top:0.4rem;
		left:0.45rem;
		font-size:0.62rem;
		padding:0.18rem 0.48rem;
	}
}

._7f8a5e4087eb80df-screenshareGridLayout{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	padding:0.5rem;
	border-radius:1.15rem;
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 10%, var(--background-primary) 90%), color-mix(in srgb, var(--background-secondary) 18%, var(--background-primary) 82%));
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
	position:relative;
	overflow:hidden;
}

._7f8a5e4087eb80df-screenshareGridLayout::before{
	content:'';
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--brand-primary) 10%, transparent), transparent 44%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--status-online) 7%, transparent), transparent 45%);
	pointer-events:none;
}

._7f8a5e4087eb80df-screenshareGridLayout::after{
	display:none;
}

._7f8a5e4087eb80df-screenshareGridLayout ._7f8a5e4087eb80df-lkParticipantTile{
	width:100%;
	height:100%;
	aspect-ratio:16 / 9;
	border-radius:0.9rem;
	position:relative;
	z-index:1;
}

._7f8a5e4087eb80df-screenshareGridLayout ._7f8a5e4087eb80df-lkParticipantTile[data-source='screen_share']{
	border-color:color-mix(in srgb, var(--brand-primary) 18%, transparent);
	box-shadow:0 18px 34px rgb(3 7 18 / 0.24), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 10%, transparent);
}

._7f8a5e4087eb80df-mobileScreenshareLayout{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	width:100%;
	min-width:0;
	min-height:100%;
}

._7f8a5e4087eb80df-mobileScreenshareStage{
	display:flex;
	flex-direction:column;
	gap:0.65rem;
	width:100%;
	min-width:0;
}

._7f8a5e4087eb80df-mobileScreenshareTile{
	width:100%;
	min-width:0;
	height:auto;
	aspect-ratio:16 / 9;
	max-height:min(46dvh, 24rem);
}

._7f8a5e4087eb80df-mobileScreenshareTile .lkParticipantTile{
	width:100%;
	height:100%;
}

._7f8a5e4087eb80df-mobileParticipantsStrip{
	width:100%;
	min-width:0;
	display:flex;
	justify-content:center;
}

._7f8a5e4087eb80df-mobileParticipantsRail{
	display:flex;
	gap:0.55rem;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	max-width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	margin-inline:auto;
	padding-bottom:0.15rem;
	scroll-padding-inline:0.5rem;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
}

._7f8a5e4087eb80df-mobileParticipantsRail::-webkit-scrollbar{
	display:none;
}

._7f8a5e4087eb80df-mobileParticipantTile{
	flex:0 0 auto;
	width:clamp(8.4rem, 30vw, 10rem);
	height:clamp(5rem, 18vw, 6.5rem);
	min-width:clamp(8.4rem, 30vw, 10rem);
}

._7f8a5e4087eb80df-mobileParticipantTile .lkParticipantTile{
	width:100%;
	height:100%;
}

._7f8a5e4087eb80df-root{
	--voice-shell-top:color-mix(in srgb, var(--app-surface-background) 48%, var(--background-primary) 52%);
	--voice-shell-bottom:color-mix(in srgb, var(--background-primary) 92%, var(--background-secondary) 8%);
	--voice-chrome-top:color-mix(in srgb, var(--background-floating) 18%, var(--app-surface-background) 82%);
	--voice-chrome-bottom:color-mix(in srgb, var(--background-secondary) 24%, var(--background-primary) 76%);
	--voice-stroke:color-mix(in srgb, var(--text-primary) 10%, transparent);
	--voice-stroke-strong:color-mix(in srgb, var(--text-primary) 16%, transparent);
	--voice-highlight:color-mix(in srgb, var(--text-primary) 8%, transparent);
	--voice-ink:color-mix(in srgb, var(--text-primary) 92%, var(--background-floating) 8%);
	--voice-ink-soft:color-mix(in srgb, var(--text-secondary) 84%, var(--background-floating) 16%);
	--voice-pill-top:color-mix(in srgb, var(--background-floating) 24%, var(--background-primary) 76%);
	--voice-pill-bottom:color-mix(in srgb, var(--background-secondary) 28%, var(--background-primary) 72%);
	--voice-pill-hover-top:color-mix(in srgb, var(--background-floating) 32%, var(--background-primary) 68%);
	--voice-pill-hover-bottom:color-mix(in srgb, var(--background-secondary) 34%, var(--background-primary) 66%);
	--voice-brand-halo:color-mix(in srgb, var(--brand-primary) 24%, transparent);
	--voice-overlay-dim:color-mix(in srgb, var(--background-primary) 38%, transparent);
	--voice-overlay-dim-strong:color-mix(in srgb, var(--background-primary) 50%, transparent);
	display:grid;
	grid-template-rows:auto minmax(0, 1fr) auto;
	grid-template-areas:'header' 'main' 'footer';
	height:100%;
	width:100%;
	background:radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--brand-primary) 7%, transparent), transparent 44%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--status-online) 5%, transparent), transparent 45%), linear-gradient(180deg, var(--voice-shell-top) 0%, var(--voice-shell-bottom) 100%);
}

._7f8a5e4087eb80df-chrome{
	grid-area:header;
	position:relative;
	z-index:20;
	display:flex;
	height:76px;
	align-items:center;
	justify-content:space-between;
	margin:1rem 1rem 0;
	padding-left:1rem;
	padding-right:1rem;
	border:1px solid transparent;
	border-radius:1.5rem;
	background:color-mix(in srgb, var(--background-floating) 10%, transparent);
	box-shadow:none;
	-webkit-backdrop-filter:blur(24px) saturate(132%);
	        backdrop-filter:blur(24px) saturate(132%);
}

._7f8a5e4087eb80df-chromeMobile{
	height:52px;
	margin:0.5rem 0.5rem 0;
	padding-left:0.75rem;
	padding-right:0.75rem;
	border-radius:1rem;
}

._7f8a5e4087eb80df-channelInfoContainer{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

._7f8a5e4087eb80df-backButton{
	display:flex;
	height:2.5rem;
	width:2.5rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:1rem;
	background:color-mix(in srgb, var(--background-floating) 12%, transparent);
	color:var(--voice-ink);
	border:1px solid transparent;
	transition-duration:150ms;
	transition-property:color, background-color, border-color, fill, stroke, box-shadow, transform, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow, transform;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow, transform, -webkit-text-decoration-color;
	cursor:pointer;
	box-shadow:none;
}

._7f8a5e4087eb80df-backButton:hover{
	background:color-mix(in srgb, var(--background-floating) 18%, transparent);
	border-color:transparent;
}

._7f8a5e4087eb80df-backButtonMobileOnly{
	display:none;
}

@media (max-width: 768px){
	._7f8a5e4087eb80df-backButtonDesktopOnly{
		display:none;
	}

	._7f8a5e4087eb80df-backButtonMobileOnly{
		display:flex;
	}
}

._7f8a5e4087eb80df-channelIconContainer{
	display:flex;
	height:32px;
	width:32px;
	align-items:center;
	justify-content:center;
}

._7f8a5e4087eb80df-channelTextContainer{
	display:flex;
	flex-direction:column;
}

._7f8a5e4087eb80df-channelName{
	font-weight:600;
	color:var(--voice-ink);
}

._7f8a5e4087eb80df-participantCount{
	color:var(--voice-ink-soft);
	font-size:0.75rem;
	line-height:1rem;
}

._7f8a5e4087eb80df-controlsContainer{
	display:flex;
	align-items:center;
	gap:0.25rem;
}

._7f8a5e4087eb80df-connectionStatusContainer{
	display:flex;
	align-items:center;
	gap:0.5rem;
	border-radius:999px;
	padding-left:0.875rem;
	padding-right:0.875rem;
	padding-top:0.375rem;
	padding-bottom:0.375rem;
	font-weight:600;
	font-size:0.75rem;
	line-height:1rem;
	border:1px solid color-mix(in srgb, currentColor 30%, transparent);
	box-shadow:0 10px 18px color-mix(in srgb, var(--background-primary) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 10%, transparent);
	-webkit-backdrop-filter:blur(12px);
	        backdrop-filter:blur(12px);
	position:relative;
	overflow:hidden;
	pointer-events:none;
	max-width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
}

._7f8a5e4087eb80df-reconnectOverlay{
	position:absolute;
	inset:0;
	z-index:4;
	display:grid;
	place-items:center;
	pointer-events:none;
	background:color-mix(in srgb, var(--background-primary) 16%, transparent);
	-webkit-backdrop-filter:blur(2px);
	        backdrop-filter:blur(2px);
}

._7f8a5e4087eb80df-statusConnecting{
	background-color:color-mix(in srgb, var(--status-idle) 16%, transparent);
	color:color-mix(in srgb, var(--status-idle) 84%, var(--text-primary));
}

._7f8a5e4087eb80df-statusReconnecting{
	background-color:color-mix(in srgb, var(--status-idle) 20%, transparent);
	color:color-mix(in srgb, var(--status-idle) 84%, var(--text-primary));
}

._7f8a5e4087eb80df-statusDisconnected{
	background-color:color-mix(in srgb, var(--status-danger) 14%, transparent);
	color:color-mix(in srgb, var(--status-danger) 88%, var(--text-primary));
}

._7f8a5e4087eb80df-statusConnected{
	background-color:color-mix(in srgb, var(--status-online) 14%, transparent);
	color:color-mix(in srgb, var(--status-online) 84%, var(--text-primary));
}

._7f8a5e4087eb80df-connectionStatusDot{
	height:8px;
	width:8px;
	border-radius:9999px;
	background-color:currentColor;
	box-shadow:0 0 0 0 color-mix(in srgb, currentColor 24%, transparent);
	animation:_7f8a5e4087eb80df-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

._7f8a5e4087eb80df-connectionStatusContainer::after{
	content:'';
	width:0.92rem;
	height:0.64rem;
	margin-left:0.06rem;
	background:linear-gradient(
			to right,
			color-mix(in srgb, currentColor 100%, white 0%) 0 24%,
			transparent 24% 38%,
			color-mix(in srgb, currentColor 78%, transparent) 38% 62%,
			transparent 62% 76%,
			color-mix(in srgb, currentColor 58%, transparent) 76% 100%
		);
	border-radius:0.25rem;
	transform-origin:center bottom;
	animation:_7f8a5e4087eb80df-pulse 1.4s ease-in-out infinite;
}

._7f8a5e4087eb80df-participantStatusPill{
	display:inline-flex;
	align-items:center;
	gap:0.42rem;
	min-height:1.7rem;
	padding:0.25rem 0.62rem;
	border-radius:999px;
	font-size:0.73rem;
	font-weight:700;
	line-height:1;
	color:color-mix(in srgb, var(--text-primary) 92%, var(--background-floating) 8%);
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	background:color-mix(in srgb, var(--background-floating) 84%, var(--background-primary) 16%);
	box-shadow:0 10px 16px rgb(3 7 18 / 0.2), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 10%, transparent);
	pointer-events:none;
	max-width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

._7f8a5e4087eb80df-participantStatusIcon{
	width:0.9rem;
	height:0.9rem;
	color:color-mix(in srgb, var(--brand-primary) 78%, var(--text-primary));
}

@keyframes _7f8a5e4087eb80df-pulse{
	0%,
	100%{
		opacity:1;
	}
	50%{
		opacity:0.5;
	}
}

._7f8a5e4087eb80df-headerButton{
	display:flex;
	height:2.5rem;
	width:2.5rem;
	align-items:center;
	justify-content:center;
	border-radius:1rem;
	color:var(--voice-ink);
	border:1px solid transparent;
	background:color-mix(in srgb, var(--background-floating) 12%, transparent);
	box-shadow:none;
	transition-duration:150ms;
	transition-property:color, background-color, border-color, fill, stroke, box-shadow, transform, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow, transform;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow, transform, -webkit-text-decoration-color;
	cursor:pointer;
}

._7f8a5e4087eb80df-headerButton:hover{
	background:color-mix(in srgb, var(--background-floating) 18%, transparent);
	border-color:transparent;
}

._7f8a5e4087eb80df-headerButtonActive{
	background:color-mix(in srgb, var(--brand-primary) 10%, transparent);
}

._7f8a5e4087eb80df-mainContent{
	grid-area:main;
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height:100%;
	overflow:hidden;
	padding-left:clamp(1rem, 7vw, 10rem);
	padding-right:clamp(1rem, 7vw, 10rem);
	padding-top:0.6rem;
	min-height:0;
	min-width:0;
	container-type:size;
}

._7f8a5e4087eb80df-mainContentStage{
	display:flex;
	width:100%;
	height:100%;
	min-width:0;
	min-height:0;
}

._7f8a5e4087eb80df-controlBarContainer{
	grid-area:footer;
	position:relative;
	z-index:30;
	display:grid;
	place-items:center;
	background:transparent;
	--voice-control-horizontal-padding:1.5rem;
	--voice-control-top-padding:1.5rem;
	--voice-control-bottom-padding:calc(
		1rem +
		var(--safe-area-bottom, 0px) +
		var(--voice-call-dock-clearance, 0px)
	);
	padding-left:1.5rem;
	padding-left:var(--voice-control-horizontal-padding);
	padding-right:1.5rem;
	padding-right:var(--voice-control-horizontal-padding);
	padding-top:1.5rem;
	padding-top:var(--voice-control-top-padding);
	padding-bottom:calc(
		1rem +
		0px +
		0px
	);
	padding-bottom:var(--voice-control-bottom-padding);
	pointer-events:none;
}

._7f8a5e4087eb80df-controlBarContainer::before{
	display:none;
}

._7f8a5e4087eb80df-controlBarContainer > *{
	pointer-events:auto;
	justify-self:center;
	width:min(100%, 34rem);
	max-width:100%;
}

._7f8a5e4087eb80df-mobileTopControlDock{
	position:relative;
	z-index:22;
	display:flex;
	justify-content:center;
	margin:0.45rem 0.6rem 0;
	padding:0.45rem 0.5rem;
	border-radius:1rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 18%, var(--background-primary) 82%), color-mix(in srgb, var(--background-secondary) 18%, var(--background-primary) 82%));
	box-shadow:0 10px 20px rgb(3 7 18 / 0.16);
	-webkit-backdrop-filter:blur(12px) saturate(118%);
	        backdrop-filter:blur(12px) saturate(118%);
}

._7f8a5e4087eb80df-mobileTopControlDock > *{
	width:100%;
}

._7f8a5e4087eb80df-srOnly{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border-width:0;
}

._7f8a5e4087eb80df-iconMedium{
	height:20px;
	width:20px;
}

._7f8a5e4087eb80df-iconLarge{
	height:24px;
	width:24px;
}

._7f8a5e4087eb80df-channelIconStyling{
	height:20px;
	width:20px;
	color:var(--text-primary);
}

._7f8a5e4087eb80df-scrollerFullWidth{
	width:100%;
}

._7f8a5e4087eb80df-carouselToggleFocusRing{
	border-radius:9999px;
}

@media (max-width: 768px){
	._7f8a5e4087eb80df-root{
		height:100dvh;
		max-height:100dvh;
		overflow:hidden;
		background:radial-gradient(circle at 16% -4%, color-mix(in srgb, var(--brand-primary) 11%, transparent), transparent 44%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--status-online) 8%, transparent), transparent 45%), linear-gradient(
				180deg,
				color-mix(in srgb, var(--app-surface-background) 58%, var(--background-primary) 42%) 0%,
				color-mix(in srgb, var(--background-primary) 94%, var(--background-secondary) 6%) 100%
			);
	}

	._7f8a5e4087eb80df-topCallStatusCluster{
		top:calc(var(--layout-header-height) + 0.1rem);
		left:50%;
		right:auto;
		transform:translateX(-50%);
		flex-direction:row;
		align-items:center;
		justify-content:center;
		flex-wrap:wrap;
		gap:0.42rem;
		max-width:calc(100% - 1rem);
		width:-webkit-fit-content;
		width:-moz-fit-content;
		width:fit-content;
	}

	._7f8a5e4087eb80df-connectionStatusContainer{
		padding:0.26rem 0.68rem;
		font-size:0.69rem;
	}

	._7f8a5e4087eb80df-participantStatusPill{
		min-height:1.5rem;
		padding:0.2rem 0.55rem;
		font-size:0.66rem;
	}

	._7f8a5e4087eb80df-mainContent{
		padding-left:0.5rem;
		padding-right:0.5rem;
		padding-bottom:0.5rem;
		padding-top:0.35rem;
		justify-content:flex-start;
		align-items:stretch;
		gap:0.375rem;
		overflow-y:auto;
		overflow-x:hidden;
		overscroll-behavior-y:contain;
		-webkit-overflow-scrolling:touch;
		box-sizing:border-box;
		scroll-padding-bottom:1rem;
	}

	._7f8a5e4087eb80df-mainContentStage{
		width:100%;
		max-width:min(100%, 52rem);
		margin-inline:auto;
		height:auto;
		min-height:100%;
		min-width:0;
	}

	._7f8a5e4087eb80df-gridLayoutWrapper{
		width:100%;
		max-width:min(100%, 44rem);
		padding:0.375rem;
		height:auto;
		min-height:100%;
		align-items:center;
		justify-content:center;
		box-sizing:border-box;
	}

	.lk-grid-layout{
		--grid-gap:0.375rem;
		width:100%;
		max-width:min(100%, 44rem);
		margin-inline:auto;
	}

	._7f8a5e4087eb80df-focusLayoutContent{
		--carousel-row-height:clamp(6.25rem, 20dvh, 8rem);
		--toggle-row-height:2.15rem;
		--content-padding:0.85rem;
		width:100%;
		max-width:min(100%, 52rem);
		padding:0.65rem;
		height:auto;
		min-height:100%;
		overflow:visible;
		justify-content:flex-start;
		align-items:center;
		box-sizing:border-box;
	}

	._7f8a5e4087eb80df-lkParticipantTile,
	._7f8a5e4087eb80df-lkParticipantTile video{
		border-radius:10px;
	}

	._7f8a5e4087eb80df-carouselToggleWrap,
	._7f8a5e4087eb80df-voiceChrome{
		opacity:1;
		pointer-events:auto;
	}

	._7f8a5e4087eb80df-participantName{
		opacity:1;
		max-width:18ch;
		margin-left:0.25rem;
	}

	._7f8a5e4087eb80df-participantConn{
		display:none;
	}

	._7f8a5e4087eb80df-lkParticipantMetadata{
		right:0.375rem;
		bottom:0.375rem;
		left:0.375rem;
	}

	._7f8a5e4087eb80df-lkParticipantMetadataItem{
		padding:0.25rem 0.375rem;
		font-size:0.75rem;
	}

	._7f8a5e4087eb80df-controlBarContainer{
		--voice-control-horizontal-padding:0.75rem;
		--voice-control-top-padding:0.5rem;
		--voice-control-bottom-padding:calc(0.5rem + var(--safe-area-bottom, 0px));
		background:linear-gradient(
				180deg,
				color-mix(in srgb, var(--background-primary) 0%, transparent),
				color-mix(in srgb, var(--background-primary) 80%, transparent)
			);
	}

	.lk-carousel ._7f8a5e4087eb80df-lkParticipantTile{
		width:clamp(9.1rem, 34vw, 11rem);
		min-width:clamp(9.1rem, 34vw, 11rem);
	}

	._7f8a5e4087eb80df-mobileTopControlDock{
		margin:0.34rem 0.5rem 0;
		padding:0.38rem 0.42rem;
		border-radius:0.95rem;
		-webkit-backdrop-filter:none;
		        backdrop-filter:none;
	}

	._7f8a5e4087eb80df-carouselWrapper{
		width:100%;
		max-width:100%;
		overflow:hidden;
		padding-inline:0;
	}

	._7f8a5e4087eb80df-carouselWrapper .scrollerWrap{
		-webkit-padding-end:0;
		        padding-inline-end:0;
	}

	._7f8a5e4087eb80df-carouselWrapper .scroller{
		scroll-padding-inline:0.5rem;
	}

	._7f8a5e4087eb80df-carouselInner{
		width:100%;
		min-width:0;
		justify-content:center;
		padding-inline:0;
	}

	._7f8a5e4087eb80df-carouselWrapper .lk-carousel{
		display:flex;
		margin-left:0;
		margin-right:0;
		gap:0.35rem;
		padding-left:0;
		padding-right:0;
		width:100%;
		min-width:0;
		justify-content:center;
	}

	._7f8a5e4087eb80df-screenshareGridLayout{
		width:100%;
		max-width:min(100%, 44rem);
		margin-inline:auto;
		padding:0.4rem;
		border-radius:1rem;
		height:auto;
		min-height:clamp(14rem, 40vh, 21rem);
		box-sizing:border-box;
	}

	._7f8a5e4087eb80df-screenshareGridLayout ._7f8a5e4087eb80df-lkParticipantTile{
		max-height:min(56vh, 20rem);
	}

	._7f8a5e4087eb80df-mobileScreenshareLayout{
		gap:0.65rem;
		align-items:stretch;
	}

	._7f8a5e4087eb80df-mobileScreenshareTile{
		max-height:min(42dvh, 20rem);
	}

	._7f8a5e4087eb80df-mobileParticipantTile{
		width:clamp(8.2rem, 29vw, 9.8rem);
		min-width:clamp(8.2rem, 29vw, 9.8rem);
		height:clamp(4.9rem, 17vw, 6.2rem);
	}

	._7f8a5e4087eb80df-screenshareGridLayout::after{
		top:0.4rem;
		left:0.45rem;
		font-size:0.62rem;
		padding:0.18rem 0.48rem;
	}

}

@media (max-width: 768px) and (max-height: 760px){
	._7f8a5e4087eb80df-topCallStatusCluster{
		top:calc(var(--layout-header-height) + 0.05rem);
		left:50%;
		right:auto;
		transform:translateX(-50%);
		justify-content:center;
		gap:0.32rem;
		max-width:calc(100% - 0.8rem);
		width:-webkit-fit-content;
		width:-moz-fit-content;
		width:fit-content;
	}

	._7f8a5e4087eb80df-connectionStatusContainer,
	._7f8a5e4087eb80df-participantStatusPill{
		max-width:calc(50% - 0.2rem);
	}

	._7f8a5e4087eb80df-mainContent{
		padding-top:0.25rem;
		justify-content:flex-start;
		align-items:stretch;
	}

	._7f8a5e4087eb80df-focusLayoutContent{
		--carousel-row-height:clamp(5.1rem, 14dvh, 6rem);
		--toggle-row-height:1.95rem;
		--content-padding:0.55rem;
		padding:0.4rem;
		justify-content:flex-start;
		align-items:center;
	}

	.lk-carousel ._7f8a5e4087eb80df-lkParticipantTile{
		width:clamp(8.7rem, 29vw, 10rem);
		min-width:clamp(8.7rem, 29vw, 10rem);
	}

	._7f8a5e4087eb80df-screenshareGridLayout ._7f8a5e4087eb80df-lkParticipantTile{
		max-height:min(48vh, 18rem);
	}

	._7f8a5e4087eb80df-controlBarContainer{
		--voice-control-top-padding:0.35rem;
		--voice-control-bottom-padding:calc(0.42rem + var(--safe-area-bottom, 0px));
	}
}

@media (max-width: 768px) and (orientation: landscape){
	._7f8a5e4087eb80df-topCallStatusCluster{
		top:calc(var(--layout-header-height) + 0.02rem);
		left:50%;
		right:auto;
		transform:translateX(-50%);
		gap:0.28rem;
		max-width:calc(100% - 0.8rem);
		width:-webkit-fit-content;
		width:-moz-fit-content;
		width:fit-content;
	}

	._7f8a5e4087eb80df-mainContent{
		padding-top:0.2rem;
		padding-left:0.4rem;
		padding-right:0.4rem;
		padding-bottom:0.35rem;
		scroll-padding-bottom:0.65rem;
		justify-content:flex-start;
		align-items:stretch;
	}

	._7f8a5e4087eb80df-focusLayoutContent{
		--carousel-row-height:clamp(4.8rem, 12dvh, 5.6rem);
		--toggle-row-height:1.8rem;
		--content-padding:0.5rem;
		padding:0.34rem;
		justify-content:flex-start;
		align-items:center;
	}

	.lk-carousel ._7f8a5e4087eb80df-lkParticipantTile{
		width:clamp(8rem, 24vw, 9rem);
		min-width:clamp(8rem, 24vw, 9rem);
	}

	._7f8a5e4087eb80df-controlBarContainer{
		--voice-control-horizontal-padding:0.55rem;
		--voice-control-top-padding:0.28rem;
		--voice-control-bottom-padding:calc(0.28rem + var(--safe-area-bottom, 0px));
	}

	._7f8a5e4087eb80df-controlBarContainer > *{
		width:min(100%, 24rem);
	}

	._7f8a5e4087eb80df-screenshareGridLayout{
		padding:0.3rem;
		min-height:clamp(11rem, 44vh, 16rem);
	}

	._7f8a5e4087eb80df-screenshareGridLayout ._7f8a5e4087eb80df-lkParticipantTile{
		max-height:min(56vh, 18rem);
	}

	._7f8a5e4087eb80df-mobileScreenshareLayout{
		gap:0.55rem;
		align-items:stretch;
	}

	._7f8a5e4087eb80df-mobileScreenshareTile{
		max-height:min(38vh, 17rem);
	}

	._7f8a5e4087eb80df-mobileParticipantTile{
		width:clamp(7.8rem, 25vw, 8.8rem);
		min-width:clamp(7.8rem, 25vw, 8.8rem);
		height:clamp(4.5rem, 13vw, 5.5rem);
	}
}

@media (hover: none), (pointer: coarse){
	._7f8a5e4087eb80df-topCallStatusCluster{
		pointer-events:auto;
	}

	._7f8a5e4087eb80df-connectionStatusContainer,
	._7f8a5e4087eb80df-participantStatusPill,
	._7f8a5e4087eb80df-lkParticipantMetadataItem,
	._7f8a5e4087eb80df-lkFocusToggle,
	.lk-pagination-indicator,
	.lk-pagination-control{
		-webkit-backdrop-filter:none;
		        backdrop-filter:none;
		box-shadow:none;
	}

	._7f8a5e4087eb80df-connectionStatusDot,
	._7f8a5e4087eb80df-connectionStatusContainer::after{
		animation:none;
	}

}

@media (prefers-reduced-motion: reduce){
	._7f8a5e4087eb80df-lkParticipantTile,
	._7f8a5e4087eb80df-carouselToggle,
	._7f8a5e4087eb80df-voiceChrome,
	._7f8a5e4087eb80df-topCallStatusCluster,
	._7f8a5e4087eb80df-connectionStatusContainer,
	._7f8a5e4087eb80df-connectionStatusDot,
	._7f8a5e4087eb80df-connectionStatusContainer::after{
		transition:none;
		animation:none;
	}
}
._7f8a5e4087eb80df-stageLayout{
	display:grid;
	grid-template-columns:minmax(0, 1fr);
	grid-template-rows:minmax(0, 1fr);
	width:100%;
	height:100%;
	grid-gap:0.9rem;
	gap:0.9rem;
	padding:0.75rem;
	min-height:0;
	overflow:hidden;
}

._7f8a5e4087eb80df-stageLayoutWithShare{
	grid-template-columns:minmax(0, 1.65fr) minmax(20rem, 1fr);
	grid-template-rows:minmax(0, 1fr);
	align-items:stretch;
}

._7f8a5e4087eb80df-stageShareContainer{
	display:flex;
	flex-direction:column;
	gap:0.45rem;
	min-height:0;
}

._7f8a5e4087eb80df-stageShareHeader{
	font-size:0.78rem;
	font-weight:700;
	letter-spacing:0.01em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--brand-primary) 72%, var(--text-primary));
}

._7f8a5e4087eb80df-stageShareTile{
	width:100%;
	max-width:100%;
	min-height:0;
	height:100%;
	border-radius:0.9rem;
	overflow:hidden;
	border:1px solid color-mix(in srgb, var(--brand-primary) 24%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 28%, var(--background-primary) 72%);
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._7f8a5e4087eb80df-stageShareTile .lkParticipantTile{
	width:100%;
	height:100%;
	border-radius:0;
}

._7f8a5e4087eb80df-stageSections{
	display:grid;
	grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
	grid-gap:0.8rem;
	gap:0.8rem;
	flex:1;
	min-height:0;
}

._7f8a5e4087eb80df-stageSectionsWithShare{
	grid-template-columns:minmax(0, 1fr);
	grid-template-rows:minmax(0, 1fr) minmax(0, 1fr);
}

._7f8a5e4087eb80df-stageSection{
	display:flex;
	flex-direction:column;
	min-height:0;
	border-radius:0.9rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-floating) 14%, var(--background-primary) 86%),
			color-mix(in srgb, var(--background-secondary) 14%, var(--background-primary) 86%)
		);
	box-shadow:0 10px 20px rgb(3 7 18 / 0.14);
	overflow:hidden;
}

._7f8a5e4087eb80df-stageSectionHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0.62rem 0.72rem;
	border-bottom:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	background:color-mix(in srgb, var(--background-floating) 16%, transparent);
}

._7f8a5e4087eb80df-stageSectionTitle{
	font-size:0.82rem;
	font-weight:700;
	letter-spacing:0.01em;
	text-transform:uppercase;
	color:var(--text-secondary);
}

._7f8a5e4087eb80df-stageSectionCount{
	display:inline-flex;
	align-items:center;
	padding:0.18rem 0.45rem;
	border-radius:999px;
	font-size:0.72rem;
	font-weight:700;
	color:color-mix(in srgb, var(--text-primary) 88%, var(--background-primary));
	background:color-mix(in srgb, var(--brand-primary) 22%, transparent);
}

._7f8a5e4087eb80df-stageSectionBody{
	position:relative;
	flex:1;
	min-height:0;
	padding:0.35rem;
}

._7f8a5e4087eb80df-stageSectionBody .lk-grid-layout{
	--grid-gap:0.45rem;
}

._7f8a5e4087eb80df-stageSectionEmpty{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	padding:1rem;
	text-align:center;
	font-size:0.84rem;
	color:var(--text-secondary);
}

@media (max-width: 980px){
	._7f8a5e4087eb80df-stageLayoutWithShare{
		grid-template-columns:minmax(0, 1fr);
		grid-template-rows:auto minmax(0, 1fr);
	}

	._7f8a5e4087eb80df-stageShareTile{
		aspect-ratio:16 / 9;
		height:auto;
	}

	._7f8a5e4087eb80df-stageSections{
		grid-template-columns:minmax(0, 1fr);
		grid-template-rows:minmax(0, 1fr) minmax(0, 1fr);
	}
}

@media (max-width: 768px){
	._7f8a5e4087eb80df-stageLayout{
		padding:0.4rem;
		gap:0.55rem;
		min-height:100%;
	}

	._7f8a5e4087eb80df-stageShareHeader{
		font-size:0.7rem;
	}

	._7f8a5e4087eb80df-stageSectionHeader{
		padding:0.5rem 0.58rem;
	}

	._7f8a5e4087eb80df-stageSectionTitle{
		font-size:0.72rem;
	}

	._7f8a5e4087eb80df-stageSectionCount{
		font-size:0.66rem;
	}

	._7f8a5e4087eb80df-stageSectionBody{
		padding:0.25rem;
	}

	._7f8a5e4087eb80df-stageSectionBody .lk-grid-layout{
		--grid-gap:0.32rem;
	}
}


._7f8a5e4087eb80df-mainContentHasScreenShare{
	flex:1;
	min-height:0;
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._7f16f52f93b4640d-cursorPointer{
	cursor:pointer;
}

._7f16f52f93b4640d-watchStreamOverlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:rgb(0 0 0 / 0.7);
	z-index:10;
	pointer-events:auto;
	border-radius:var(--radius-lg);
}

._7f16f52f93b4640d-watchStreamButton{
	display:flex;
	align-items:center;
	gap:0.5rem;
	border-radius:0.375rem;
	background-color:var(--status-danger);
	padding:0.5rem 1rem;
	font-weight:600;
	color:white;
	box-shadow:var(--shadow-sm);
	cursor:pointer;
	pointer-events:auto;
}

._7f16f52f93b4640d-watchStreamButton:hover{
	background-color:var(--status-danger);
}

._7f16f52f93b4640d-watchStreamButtonIcon{
	height:1rem;
	width:1rem;
}

._7f16f52f93b4640d-liveBadge{
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	border-radius:0.25rem;
	background-color:var(--status-danger);
	padding:0.125rem 0.5rem;
	font-weight:700;
	color:white;
	font-size:0.75rem;
	line-height:1rem;
}

._7f16f52f93b4640d-avatarRing{
	border-radius:9999px;
}

._7f16f52f93b4640d-avatarRingSpeaking{
	border-radius:9999px;
	box-shadow:0 0 0 2px var(--status-online);
}

._7f16f52f93b4640d-focusOverlay{
	position:absolute;
	inset:0;
	border-radius:var(--radius-lg);
	background-color:rgb(0 0 0 / 0.65);
	z-index:9;
	pointer-events:none;
}

._7f16f52f93b4640d-focusOverlayIcon{
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	height:1.5rem;
	width:1.5rem;
	color:white;
	-webkit-filter:drop-shadow(0 1px 2px rgb(0 0 0 / 0.5));
	        filter:drop-shadow(0 1px 2px rgb(0 0 0 / 0.5));
}

._7f16f52f93b4640d-videoDisabledOverlay{
	position:absolute;
	inset:0;
	z-index:10;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:rgb(0 0 0 / 0.4);
}

._7f16f52f93b4640d-videoDisabledIcon{
	height:1.5rem;
	width:1.5rem;
	color:var(--status-danger);
}

._7f16f52f93b4640d-participantIcon{
	height:1rem;
	width:1rem;
	flex-shrink:0;
}

._7f16f52f93b4640d-participantIconMuted{
	height:1rem;
	width:1rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

._7f16f52f93b4640d-participantIconRed{
	height:1rem;
	width:1rem;
	flex-shrink:0;
	color:var(--status-danger);
}

._7f16f52f93b4640d-participantIconWhite{
	height:1rem;
	width:1rem;
	flex-shrink:0;
	color:white;
}

._7f16f52f93b4640d-participantNameText{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:white;
}

._7f16f52f93b4640d-participantConnectionText{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:rgb(255 255 255 / 0.7);
	font-size:0.75rem;
	line-height:1rem;
}

._7f16f52f93b4640d-menuButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2rem;
	height:2rem;
	min-width:2rem;
	min-height:2rem;
	flex-shrink:0;
	box-sizing:border-box;
	border:1px solid transparent;
	cursor:pointer;
	transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	-webkit-user-drag:none;
}

._7f16f52f93b4640d-menuButton:hover{
	background-color:rgb(0 0 0 / 0.9);
}

._7f16f52f93b4640d-tileFullscreenQuickButton{
	position:absolute;
	top:0.55rem;
	right:0.55rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2rem;
	height:2rem;
	border-radius:var(--radius-md);
	border:1px solid var(--voice-stroke);
	background:linear-gradient(180deg, var(--voice-pill-top), var(--voice-pill-bottom)), color-mix(in srgb, var(--background-primary) 12%, transparent);
	color:var(--voice-ink);
	z-index:12;
	cursor:pointer;
	box-shadow:0 12px 24px rgb(3 7 18 / 0.16), inset 0 1px 0 var(--voice-highlight);
	-webkit-backdrop-filter:blur(18px) saturate(124%);
	        backdrop-filter:blur(18px) saturate(124%);
	transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

._7f16f52f93b4640d-tileFullscreenQuickButton:hover{
	background:linear-gradient(180deg, var(--voice-pill-hover-top), var(--voice-pill-hover-bottom)), color-mix(in srgb, var(--background-primary) 16%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 16%, transparent);
}

._7f16f52f93b4640d-tileFullscreenQuickButtonActive{
	background-color:rgb(88 101 242 / 0.28);
	border-color:rgb(88 101 242 / 0.6);
}

._7f16f52f93b4640d-tileFullscreenQuickButtonMobileScreenShare{
	top:auto;
	right:0.65rem;
	bottom:0.65rem;
	width:2.95rem;
	height:2.95rem;
	border-radius:0.95rem;
	z-index:14;
}

._7f16f52f93b4640d-fullscreenButtonActive{
	background-color:rgb(88 101 242 / 0.28);
	border-color:rgb(88 101 242 / 0.6);
}

._7f16f52f93b4640d-fullscreenButtonActive:hover{
	background-color:rgb(88 101 242 / 0.38);
}

._7f16f52f93b4640d-menuButtonIcon{
	height:1.08rem;
	width:1.08rem;
}

._7f16f52f93b4640d-avatarFlexShrink{
	flex-shrink:0;
}

._7f16f52f93b4640d-previewPopover{
	position:absolute;
	top:0;
	right:-10rem;
	width:9.5rem;
	height:6rem;
	background:rgb(0 0 0 / 0.85);
	border-radius:var(--radius-md);
	box-shadow:var(--shadow-lg);
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	padding:0.25rem;
	gap:0.5rem;
	z-index:25;
}

._7f16f52f93b4640d-previewImage{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:var(--radius-sm);
}

._7f16f52f93b4640d-previewFallback{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	color:rgb(255 255 255 / 0.7);
	font-size:0.85rem;
	text-align:center;
	padding:0.5rem;
}

._7f16f52f93b4640d-previewWatchButton{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:none;
}

._7f16f52f93b4640d-previewWatchButtonInner{
	pointer-events:auto;
	display:inline-flex;
	align-items:center;
	gap:0.5rem;
	background-color:var(--status-danger);
	color:white;
	font-weight:600;
	padding:0.4rem 0.75rem;
	border-radius:var(--radius-sm);
	box-shadow:var(--shadow-sm);
}

._7f16f52f93b4640d-selfStreamOverlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:5;
	pointer-events:none;
	border-radius:var(--radius-lg);
}

._7f16f52f93b4640d-selfStreamPreviewActive{
	position:absolute;
	top:0.5rem;
	right:0.5rem;
}

._7f16f52f93b4640d-selfStreamPreviewPaused{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	padding:1.5rem;
	background-color:rgb(0 0 0 / 0.75);
	border-radius:var(--radius-lg);
	text-align:center;
}

._7f16f52f93b4640d-pausedIcon{
	height:2rem;
	width:2rem;
	color:var(--text-secondary);
}

._7f16f52f93b4640d-pausedText{
	font-size:0.875rem;
	font-weight:600;
	color:var(--text-primary);
}

._7f16f52f93b4640d-pausedSubtext{
	font-size:0.75rem;
	color:var(--text-secondary);
}

._7f16f52f93b4640d-viewersContainer{
	position:absolute;
	top:0.5rem;
	left:0.5rem;
	display:flex;
	align-items:center;
	gap:0.5rem;
	padding:0.375rem 0.5rem;
	background-color:rgb(0 0 0 / 0.7);
	border-radius:var(--radius-md);
	z-index:10;
}

._7f16f52f93b4640d-viewersIcon{
	height:1rem;
	width:1rem;
	color:var(--text-secondary);
	flex-shrink:0;
}

._7f16f52f93b4640d-viewersAvatars{
	display:flex;
	align-items:center;
	gap:-0.25rem;
}

._7f16f52f93b4640d-viewerAvatarWrapper{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-left:-0.25rem;
	border-radius:9999px;
	border:2px solid rgb(0 0 0 / 0.7);
	cursor:pointer;
}

._7f16f52f93b4640d-viewerAvatarWrapper:first-child{
	margin-left:0;
}

._7f16f52f93b4640d-viewerCountBadge{
	display:flex;
	align-items:center;
	justify-content:center;
	height:24px;
	min-width:24px;
	padding:0 0.375rem;
	margin-left:-0.25rem;
	background-color:var(--background-tertiary);
	color:var(--text-secondary);
	font-size:0.75rem;
	font-weight:600;
	border-radius:9999px;
	border:2px solid rgb(0 0 0 / 0.7);
	cursor:pointer;
}

@media (max-width: 768px) and (orientation: landscape){
	._7f16f52f93b4640d-tileFullscreenQuickButtonMobileScreenShare{
		right:0.4rem;
		bottom:0.4rem;
		width:2.2rem;
		height:2.2rem;
	}
}

._8682f1fd93bf9b77-voiceChannelContainer{
	height:100%;
	width:100%;
	background:transparent;
}

._8682f1fd93bf9b77-channelGrid{
	display:grid;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	grid-template-rows:4rem 1fr;
	background:transparent;
	isolation:isolate;
}

@media (min-width: 768px){
	._8682f1fd93bf9b77-channelGrid{
		grid-template-rows:3.5rem 1fr;
	}
}

._8682f1fd93bf9b77-channelGridVoiceCallActive{
	grid-template-rows:auto 1fr;
}

@media (min-width: 768px){
	._8682f1fd93bf9b77-channelGridVoiceCallActive{
		grid-template-rows:auto 1fr;
	}
}

._8682f1fd93bf9b77-voiceActiveHeaderWrapper{
	background:transparent;
}

._8682f1fd93bf9b77-contentGrid{
	display:grid;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	grid-template-columns:1fr auto;
	position:relative;
	contain:layout style;
	background:transparent;
}

._8682f1fd93bf9b77-memberListDivider{
	display:none;
}

._8682f1fd93bf9b77-searchPanel{
	display:flex;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	border-left:none;
	background:transparent;
	position:relative;
}

._8682f1fd93bf9b77-sidePanelMotion{
	display:flex;
	height:100%;
	min-height:0;
	min-width:0;
}

._8682f1fd93bf9b77-searchPanel::before{
	content:'';
	position:absolute;
	inset:0 auto 0 -16px;
	width:16px;
	pointer-events:none;
	background:linear-gradient(
		90deg,
		color-mix(in srgb, var(--background-primary) 36%, transparent),
		transparent
	);
}

._8682f1fd93bf9b77-emptyStateContent{
	display:flex;
	width:min(100%, 34rem);
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:1.25rem;
	padding:2.5rem;
	position:relative;
	z-index:1;
}

._8682f1fd93bf9b77-centeredText{
	text-align:center;
	max-width:30rem;
}

._8682f1fd93bf9b77-voiceChannelCanvas{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:0;
	padding:clamp(2rem, 5vw, 4rem);
	overflow:hidden;
}

._8682f1fd93bf9b77-voiceAndroidStage{
	position:relative;
	display:flex;
	min-height:0;
	align-items:center;
	justify-content:center;
	padding:clamp(1.25rem, 4vw, 2.25rem);
	overflow:hidden;
}

._8682f1fd93bf9b77-voiceAndroidPanel{
	position:relative;
	z-index:1;
	display:flex;
	width:min(100%, 34rem);
	flex-direction:column;
	gap:1rem;
}

._8682f1fd93bf9b77-voiceAndroidCompactCall{
	width:100%;
}

._8682f1fd93bf9b77-voiceBackdropOrb{
	position:absolute;
	border-radius:999px;
	-webkit-filter:blur(52px);
	        filter:blur(52px);
	opacity:0.62;
	pointer-events:none;
	animation:_8682f1fd93bf9b77-voiceChannelOrbFloat 18s ease-in-out infinite;
}

._8682f1fd93bf9b77-voiceBackdropOrbPrimary{
	top:8%;
	left:12%;
	width:min(30vw, 20rem);
	height:min(30vw, 20rem);
	background:color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

._8682f1fd93bf9b77-voiceBackdropOrbSecondary{
	right:10%;
	bottom:12%;
	width:min(24vw, 16rem);
	height:min(24vw, 16rem);
	background:color-mix(in srgb, var(--status-online) 14%, transparent);
	animation-delay:-6s;
}

._8682f1fd93bf9b77-voiceHero{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
}

._8682f1fd93bf9b77-voiceBadge{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:4.5rem;
	width:4.5rem;
	border-radius:1.5rem;
	background:radial-gradient(circle at top left, color-mix(in srgb, var(--brand-primary) 24%, transparent) 0%, transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 16%, var(--background-primary) 84%), color-mix(in srgb, var(--background-secondary) 22%, var(--background-primary) 78%));
	box-shadow:0 24px 48px rgb(6 10 21 / 0.22), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._8682f1fd93bf9b77-voiceBadge::after{
	content:'';
	position:absolute;
	inset:-0.35rem;
	border-radius:1.75rem;
	border:1px solid color-mix(in srgb, var(--brand-primary) 16%, transparent);
	opacity:0.85;
}

._8682f1fd93bf9b77-voiceBadgeIcon{
	height:1.6rem;
	width:1.6rem;
	color:color-mix(in srgb, var(--brand-primary) 76%, var(--text-primary));
}

._8682f1fd93bf9b77-voiceChannelEyebrow{
	margin-bottom:0.625rem;
	font-size:0.78rem;
	font-weight:700;
	letter-spacing:0.14em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--brand-primary) 72%, var(--text-secondary));
}

._8682f1fd93bf9b77-voiceChannelTitle{
	margin-bottom:0.625rem;
	font-weight:700;
	font-size:clamp(1.85rem, 3vw, 2.6rem);
	line-height:1.05;
	color:var(--text-primary);
	letter-spacing:-0.04em;
}

._8682f1fd93bf9b77-voiceChannelDescription{
	max-width:28rem;
	margin:0 auto;
	font-size:1rem;
	line-height:1.6;
	color:color-mix(in srgb, var(--text-secondary) 90%, var(--text-primary));
}

._8682f1fd93bf9b77-buttonContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.75rem;
	position:relative;
}

._8682f1fd93bf9b77-buttonContainer::before{
	content:'';
	position:absolute;
	inset:auto;
	width:8rem;
	height:3rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--brand-primary) 18%, transparent);
	-webkit-filter:blur(24px);
	        filter:blur(24px);
	pointer-events:none;
}

._8682f1fd93bf9b77-broadcastButtonContainer{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:0.75rem;
	position:relative;
}

._8682f1fd93bf9b77-broadcastButtonContainer::before{
	content:'';
	position:absolute;
	inset:auto;
	width:11rem;
	height:3.2rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--brand-primary) 18%, transparent);
	-webkit-filter:blur(24px);
	        filter:blur(24px);
	pointer-events:none;
}

@keyframes _8682f1fd93bf9b77-voiceChannelOrbFloat{
	0%,
	100%{
		transform:translate3d(0, 0, 0) scale(1);
	}

	50%{
		transform:translate3d(20px, -16px, 0) scale(1.08);
	}
}

@media (prefers-reduced-motion: reduce){
	._8682f1fd93bf9b77-voiceBackdropOrb{
		animation:none;
	}
}

@media (max-width: 767px){
	._8682f1fd93bf9b77-emptyStateContent{
		padding:1.5rem;
	}

	._8682f1fd93bf9b77-voiceAndroidStage{
		padding:1rem;
		align-items:stretch;
	}

	._8682f1fd93bf9b77-voiceAndroidPanel{
		width:100%;
		align-self:stretch;
		margin:auto 0;
	}

	._8682f1fd93bf9b77-voiceBadge{
		height:4rem;
		width:4rem;
	}

	._8682f1fd93bf9b77-voiceChannelTitle{
		font-size:clamp(1.6rem, 8vw, 2rem);
	}
}

@keyframes _8682f1fd93bf9b77-sidePanelSlideIn{
	from{
		opacity:0;
		transform:translateX(14px);
	}

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

._6c0bb6b12b77f46e-container{
	display:flex;
	height:100%;
	min-height:0;
	width:420px;
	flex-direction:column;
	border-left:none;
	background:linear-gradient(90deg, color-mix(in srgb, var(--app-surface-background) 0%, transparent), color-mix(in srgb, var(--background-primary) 78%, transparent) 14%, color-mix(in srgb, var(--background-primary) 92%, transparent) 100%);
}

._6c0bb6b12b77f46e-header{
	display:flex;
	height:3.5rem;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
	padding-left:1rem;
	padding-right:1rem;
	background:transparent;
}

._6c0bb6b12b77f46e-headerActions{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._6c0bb6b12b77f46e-headerLoading{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

._6c0bb6b12b77f46e-headerTitle{
	font-weight:600;
	color:var(--text-primary);
}

._6c0bb6b12b77f46e-headerTitleScreenReaderOnly{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border-width:0;
}

._6c0bb6b12b77f46e-closeButton{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:0.25rem;
	color:var(--text-primary-muted);
	transition:color 0.2s;
	cursor:pointer;
}

._6c0bb6b12b77f46e-closeButton:hover{
	color:var(--text-primary);
}

._6c0bb6b12b77f46e-closeIcon{
	height:1.25rem;
	width:1.25rem;
}

._6c0bb6b12b77f46e-loadingState{
	display:flex;
	flex:1 1 0%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:1rem;
	padding:1rem;
}

._6c0bb6b12b77f46e-loadingIcon{
	height:4rem;
	width:4rem;
	color:var(--text-primary-muted);
	animation:_6c0bb6b12b77f46e-spin 1s linear infinite;
}

@keyframes _6c0bb6b12b77f46e-spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

._6c0bb6b12b77f46e-loadingContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
	text-align:center;
}

._6c0bb6b12b77f46e-loadingHeading{
	font-weight:600;
	font-size:1.25rem;
	color:var(--text-primary);
}

._6c0bb6b12b77f46e-loadingText{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-errorState{
	display:flex;
	flex:1 1 0%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:1rem;
	padding:1rem;
}

._6c0bb6b12b77f46e-errorContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
	text-align:center;
}

._6c0bb6b12b77f46e-errorHeading{
	font-weight:600;
	font-size:1.25rem;
	color:var(--text-primary);
}

._6c0bb6b12b77f46e-errorText{
	max-width:100%;
	overflow-wrap:break-word;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-errorButton{
	margin-top:1rem;
	border-radius:0.25rem;
	background-color:var(--background-modifier-accent);
	padding:0.5rem 1rem;
	font-size:0.875rem;
	color:var(--text-primary);
	transition:background-color 0.2s;
	cursor:pointer;
}

._6c0bb6b12b77f46e-errorButton:hover{
	background-color:var(--background-modifier-hover);
}

._6c0bb6b12b77f46e-emptyState{
	display:flex;
	flex:1 1 0%;
	align-items:center;
	justify-content:center;
}

._6c0bb6b12b77f46e-emptyStateContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.25rem;
}

._6c0bb6b12b77f46e-emptyStateIcon{
	height:5rem;
	width:5rem;
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-emptyStateTextWrapper{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.25rem;
	text-align:center;
}

._6c0bb6b12b77f46e-emptyStateHeading{
	font-weight:600;
	font-size:1.25rem;
	color:var(--text-primary);
}

._6c0bb6b12b77f46e-emptyStateText{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-resultsScroller{
	flex:1 1 0%;
	padding-left:0.5rem;
	padding-right:0.5rem;
	padding-top:0.5rem;
	padding-bottom:0.75rem;
	background:transparent;
}

._6c0bb6b12b77f46e-resultsSpacer{
	height:8px;
	width:100%;
	flex-shrink:0;
}

._6c0bb6b12b77f46e-channelHeader{
	margin-top:1rem;
	margin-bottom:0.5rem;
	display:flex;
	align-items:center;
	gap:0.5rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
}

._6c0bb6b12b77f46e-channelHeader:first-child{
	margin-top:0;
}

._6c0bb6b12b77f46e-channelIcon{
	height:1.25rem;
	width:1.25rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-channelIconAvatar{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:1.25rem;
	width:1.25rem;
	flex-shrink:0;
}

._6c0bb6b12b77f46e-channelIconAvatarImage{
	height:1.25rem;
	width:1.25rem;
	border-radius:50%;
}

._6c0bb6b12b77f46e-channelNameButton{
	border:none;
	background:none;
	color:var(--text-primary);
	font-weight:600;
	font-size:0.875rem;
	padding:0;
	cursor:pointer;
	text-align:left;
	font-family:inherit;
	display:inline-flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.125rem;
}

._6c0bb6b12b77f46e-channelNameButton:hover,
._6c0bb6b12b77f46e-channelNameButton:focus-visible{
	text-decoration:underline;
}

._6c0bb6b12b77f46e-channelNameButton:focus-visible{
	outline:none;
}

._6c0bb6b12b77f46e-channelNameText{
	display:inline-flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.125rem;
}

._6c0bb6b12b77f46e-channelNamePrimary{
	font-weight:600;
	font-size:0.875rem;
	line-height:1.2;
}

._6c0bb6b12b77f46e-channelNameSecondary{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
	font-size:0.75rem;
	color:var(--text-primary-muted);
	font-weight:400;
}

._6c0bb6b12b77f46e-channelGuildIcon{
	height:0.75rem;
	width:0.75rem;
}

._6c0bb6b12b77f46e-channelGuildName{
	line-height:1;
}

._6c0bb6b12b77f46e-channelScopeRow{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
	font-size:0.75rem;
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-channelScopeGuildIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	--guild-icon-size:0.75rem;
}

._6c0bb6b12b77f46e-channelScopeGuildName{
	font-weight:600;
	color:var(--text-primary);
	line-height:1;
}

._6c0bb6b12b77f46e-channelScopeChevron{
	height:0.75rem;
	width:0.75rem;
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-channelScopeChannelInfo{
	display:inline-flex;
	align-items:center;
	gap:0.25rem;
}

._6c0bb6b12b77f46e-channelScopeChannelIcon{
	height:0.75rem;
	width:0.75rem;
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-channelScopeChannelName{
	font-weight:600;
	color:var(--text-primary);
	line-height:1;
}

._6c0bb6b12b77f46e-sortButton{
	min-width:0;
}
._6c0bb6b12b77f46e-scopeButton{
	min-width:0;
}

._6c0bb6b12b77f46e-messageItem{
	position:relative;
	margin-bottom:0.5rem;
	cursor:default;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	border-radius:0.375rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary-lighter);
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	text-align:left;
}

._6c0bb6b12b77f46e-actionButtons{
	display:none;
	position:absolute;
	top:12px;
	right:12px;
}

._6c0bb6b12b77f46e-messageItem:hover ._6c0bb6b12b77f46e-actionButtons{
	display:flex;
}

._6c0bb6b12b77f46e-jumpButton{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	font-weight:600;
	line-height:20px;
	padding:0 8px;
	font-size:11px;
	margin-right:4px;
	border-radius:4px;
	text-align:center;
	color:var(--text-primary-muted);
	background-color:var(--background-primary);
	transition:color 0.2s;
}

._6c0bb6b12b77f46e-jumpButton:hover{
	color:var(--text-primary);
}

._6c0bb6b12b77f46e-paginationBar{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:center;
	gap:0.25rem;
	padding:0.75rem 0;
	border-top:none;
	background-color:transparent;
}

._6c0bb6b12b77f46e-paginationWrapper{
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	gap:0.25rem;
}

._6c0bb6b12b77f46e-pageButton{
	display:flex;
	height:2rem;
	width:2rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	font-weight:500;
	font-size:0.75rem;
	transition:background-color 0.2s, color 0.2s;
	background-color:var(--background-tertiary);
	color:var(--text-primary);
	cursor:pointer;
}

._6c0bb6b12b77f46e-pageButton:hover{
	background-color:var(--background-modifier-hover);
}

@media (min-width: 640px){
	._6c0bb6b12b77f46e-pageButton{
		font-size:0.875rem;
	}
}

._6c0bb6b12b77f46e-pageButtonActive{
	background-color:var(--brand-primary);
	color:white;
}

._6c0bb6b12b77f46e-pageButtonActive:hover{
	background-color:var(--brand-primary);
}

._6c0bb6b12b77f46e-ellipsisButton{
	display:flex;
	height:2rem;
	width:2rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-tertiary);
	font-size:0.875rem;
	color:var(--text-primary-muted);
	transition:background-color 0.2s;
	cursor:pointer;
}

._6c0bb6b12b77f46e-ellipsisButton:hover{
	background-color:var(--background-modifier-hover);
}

._6c0bb6b12b77f46e-pageInputForm{
	display:flex;
	height:2rem;
	align-items:center;
}

._6c0bb6b12b77f46e-pageInputLabel{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border-width:0;
}

._6c0bb6b12b77f46e-pageInput{
	height:2rem;
	width:3.5rem;
	flex-shrink:0;
	-webkit-appearance:textfield;
	   -moz-appearance:textfield;
	        appearance:textfield;
	border-radius:9999px;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-tertiary);
	text-align:center;
	color:var(--text-primary);
	font-size:0.75rem;
	transition:border-color 0.2s;
}

@media (min-width: 640px){
	._6c0bb6b12b77f46e-pageInput{
		font-size:0.875rem;
	}
}

._6c0bb6b12b77f46e-pageInput::-webkit-input-placeholder{
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-pageInput::-moz-placeholder{
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-pageInput::-ms-input-placeholder{
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-pageInput:-ms-input-placeholder{
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-pageInput::placeholder{
	color:var(--text-primary-muted);
}

._6c0bb6b12b77f46e-pageInput:focus{
	border-color:var(--background-modifier-accent-focus);
	outline:none;
}

._6c0bb6b12b77f46e-pageInput::-webkit-inner-spin-button,
._6c0bb6b12b77f46e-pageInput::-webkit-outer-spin-button{
	-webkit-appearance:none;
	        appearance:none;
}

._6c0bb6b12b77f46e-focusRingTight{
	border-radius:0.5rem;
}

._6c0bb6b12b77f46e-focusRingCircular{
	border-radius:9999px;
}

.c6f13c69e1acf46e-container{
	background-color:var(--background-secondary);
	border-radius:4px;
}

.c6f13c69e1acf46e-toggle{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:center;
	padding:4px 16px;
	background:transparent;
	border:none;
	cursor:pointer;
	font-size:12px;
	font-weight:500;
	letter-spacing:0.02em;
	color:var(--text-muted);
	transition:color 150ms ease;
}

.c6f13c69e1acf46e-toggle:hover{
	color:var(--text-secondary);
}

.c6f13c69e1acf46e-content{
	padding:8px 0;
}

._5c6a1138eff0f48e-container,
._5c6a1138eff0f48e-unreadContainer{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	contain:layout style;
}

._5c6a1138eff0f48e-container{
	padding:0 20px;
	height:20px;
	min-height:20px;
	max-height:20px;
}

._5c6a1138eff0f48e-unreadContainer{
	--divider-size:var(--message-group-spacing, 16px);
	padding:0 16px;
	padding:0 var(--divider-size);
	height:16px;
	height:var(--divider-size);
	min-height:16px;
	min-height:var(--divider-size);
	max-height:16px;
	max-height:var(--divider-size);
}

._5c6a1138eff0f48e-unreadDate{
	--divider-size:20px;
	padding:0 20px;
}

._5c6a1138eff0f48e-line{
	flex:1;
	height:2px;
	background-color:var(--background-modifier-accent);
	opacity:0.3;
}

._5c6a1138eff0f48e-text{
	padding:0 12px;
	font-size:12px;
	font-weight:500;
	color:var(--text-tertiary);
	background-color:var(--background-secondary-lighter);
	border-radius:999px;
	position:relative;
	z-index:1;
	white-space:nowrap;
	flex-shrink:0;
}

._5c6a1138eff0f48e-unreadLine{
	flex:1;
	height:2px;
	background-color:var(--status-danger);
	opacity:0.4;
}

._5c6a1138eff0f48e-dateWithUnreadText{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	padding:0 12px;
	font-size:12px;
	font-weight:500;
	color:var(--status-danger);
	background-color:var(--background-secondary-lighter);
	border-radius:999px;
	z-index:2;
	white-space:nowrap;
}

._5c6a1138eff0f48e-unreadBadge{
	position:relative;
	background-color:var(--status-danger);
	color:white;
	font-size:10px;
	font-weight:700;
	padding:8px;
	border-radius:3px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	white-space:nowrap;
	opacity:0.9;
	flex-shrink:0;
	height:var(--divider-size);
	display:flex;
	align-items:center;
	justify-content:center;
}

._9690d10c9532b1f6-messagesWrapper{
	position:relative;
	display:flex;
	flex-direction:column;
	flex:1 1 0%;
	min-height:0;
	min-width:0;
	height:100%;
	font-size:16px;
	font-size:var(--font-size, 16px);
	--scrollbar-track-bg:transparent;
	--message-group-spacing:16px;
	animation:_9690d10c9532b1f6-messagesWrapperFadeIn 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes _9690d10c9532b1f6-messagesWrapperFadeIn{
	from{
		opacity:0;
		transform:translateY(4px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

@media (prefers-reduced-motion: reduce){
	._9690d10c9532b1f6-messagesWrapper{
		animation:none;
	}
}

._9690d10c9532b1f6-nativeAnchor{
	overflow-anchor:auto !important;
}

._9690d10c9532b1f6-scrollerContainer{
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	min-height:0;
	min-width:0;
	height:100%;
	width:100%;
	overflow-x:hidden;
}

._9690d10c9532b1f6-scrollerContent{
	display:flex;
	flex-direction:column;
	flex:1 0 auto;
	min-height:100%;
	min-width:0;
	overflow-anchor:none;
}

._9690d10c9532b1f6-scrollerSpacer{
	display:block;
	height:var(--scroller-spacer-height);
	pointer-events:none;
	width:100%;
	flex-shrink:0;
}

._9690d10c9532b1f6-placeholderSpacer{
	flex:0 0 auto;
	height:16px;
}

._9690d10c9532b1f6-groupSpacer,
._9690d10c9532b1f6-groupSpacerHalf{
	flex:0 0 auto;
}

._9690d10c9532b1f6-groupSpacer{
	height:var(--message-group-spacing);
}

._9690d10c9532b1f6-groupSpacerHalf{
	height:calc(var(--message-group-spacing) / 2);
}

._9690d10c9532b1f6-scrollerInner{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	min-height:100%;
	padding-left:max(0.75rem, 0px);
	padding-left:max(0.75rem, var(--safe-area-left, 0px));
	padding-right:max(0.75rem, 0px);
	padding-right:max(0.75rem, var(--safe-area-right, 0px));
	padding-top:0.875rem;
	padding-bottom:0.25rem;
	position:relative;
	overflow-x:clip;
}

@media (min-width: 768px){
	._9690d10c9532b1f6-scrollerInner{
		padding-left:var(--chat-horizontal-padding);
		padding-right:var(--chat-horizontal-padding);
	}
}

@keyframes _9690d10c9532b1f6-messagesWrapperFadeInMobile{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}

@media (max-width: 767px){
	._9690d10c9532b1f6-messagesWrapper{
		animation:_9690d10c9532b1f6-messagesWrapperFadeInMobile 0.14s ease-out;
	}

	._9690d10c9532b1f6-scrollerInner{
		padding-left:max(0.75rem, 0px);
		padding-left:max(0.75rem, var(--safe-area-left, 0px));
		padding-right:max(0.75rem, 0px);
		padding-right:max(0.75rem, var(--safe-area-right, 0px));
		padding-top:0.75rem;
		padding-bottom:0.2rem;
	}
}

@media (max-width: 480px){
	._9690d10c9532b1f6-scrollerInner{
		padding-left:max(0.6875rem, 0px);
		padding-left:max(0.6875rem, var(--safe-area-left, 0px));
		padding-right:max(0.6875rem, 0px);
		padding-right:max(0.6875rem, var(--safe-area-right, 0px));
		padding-top:0.7rem;
	}
}

@media (max-width: 380px){
	._9690d10c9532b1f6-messagesWrapper{
		--message-group-spacing:12px;
	}

	._9690d10c9532b1f6-scrollerInner{
		padding-left:max(0.45rem, 0px);
		padding-left:max(0.45rem, var(--safe-area-left, 0px));
		padding-right:max(0.45rem, 0px);
		padding-right:max(0.45rem, var(--safe-area-right, 0px));
		padding-top:0.55rem;
	}

	._9690d10c9532b1f6-newMessagesBar{
		right:0.3rem;
		left:0.3rem;
		padding-inline:0.55rem;
	}

	._9690d10c9532b1f6-newMessagesBarText,
	._9690d10c9532b1f6-newMessagesBarAction{
		font-size:0.75rem;
	}
}

._9690d10c9532b1f6-newMessagesBar{
	position:absolute;
	left:0.5rem;
	right:0.5rem;
	top:-8px;
	z-index:var(--z-index-elevated-3);
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:40px;
	padding-top:6px;
	border-radius:0 0 1rem 1rem;
	background:linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 82%, var(--background-floating) 18%), color-mix(in srgb, var(--brand-primary) 70%, var(--background-primary) 30%)), var(--brand-primary);
	border:1px solid color-mix(in srgb, var(--brand-primary) 24%, transparent);
	padding-left:0.75rem;
	padding-right:0.75rem;
	cursor:pointer;
	transition:transform 0.1s ease-out, box-shadow 0.1s ease-out;
	box-shadow:0 16px 28px rgb(37 99 235 / 0.18), inset 0 1px 0 rgb(255 255 255 / 0.18);
}

._9690d10c9532b1f6-newMessagesBar:active{
	transform:translateY(2px);
	box-shadow:0 0 0 rgb(37 99 235 / 0.12);
}
@media (pointer: coarse){
	._9690d10c9532b1f6-newMessagesBar{
		min-height:44px;
		padding-top:8px;
		padding-bottom:4px;
	}
}

._9690d10c9532b1f6-newMessagesBarText{
	color:white;
	font-size:0.875rem;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	min-width:0;
}

._9690d10c9532b1f6-newMessagesBarAction{
	display:flex;
	align-items:center;
	gap:0.375rem;
	color:white;
	font-size:0.875rem;
	font-weight:600;
	flex-shrink:0;
}

._9690d10c9532b1f6-loadMoreContainer{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0.75rem 0;
}

._9690d10c9532b1f6-loadMoreTopPadding{
	padding-top:1.25rem;
}

._9690d10c9532b1f6-loadMoreBottomPadding{
	padding-bottom:1.25rem;
}

._9690d10c9532b1f6-unreadOverlay{
	position:absolute;
	left:0;
	right:0;
	z-index:1;
	pointer-events:none;
}

._9690d10c9532b1f6-unreadSlot{
	display:none;
	pointer-events:none;
}

._9690d10c9532b1f6-unreadSlot[data-visible='1']{
	display:block;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
}

@media (min-width: 768px){
	._9690d10c9532b1f6-scrollerContainer{
		background:transparent;
		border-inline:none;
		box-shadow:none;
	}
}

._9e944ab6fdaf2217-channelIcon{
	display:flex;
	align-items:center;
	justify-content:center;
	height:5rem;
	width:5rem;
	flex-shrink:0;
	border-radius:var(--radius-full);
	background-color:var(--channel-welcome-icon-bg, var(--guild-list-foreground));
	background-size:cover;
	background-position:center;
	font-weight:600;
	font-size:1.25rem;
	color:var(--text-primary);
	container-type:size;
}

._9e944ab6fdaf2217-channelIconInitials{
	overflow:hidden;
	white-space:nowrap;
	font-size:clamp(0.5rem, 40cqi, 1.25rem);
	line-height:1;
	color:inherit;
}

.theme-light ._9e944ab6fdaf2217-channelIcon{
	--channel-welcome-icon-bg:color-mix(in srgb, var(--guild-list-foreground) 55%, var(--background-primary) 45%);
}

._9e944ab6fdaf2217-container{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	margin:1rem;
	margin-top:auto;
	margin-bottom:2rem;
	min-width:0;
	padding-top:120px;
	color:var(--text-primary);
}

._9e944ab6fdaf2217-heading{
	margin-top:0.75rem;
	font-size:1.875rem;
	font-weight:600;
	word-break:break-word;
	overflow-wrap:break-word;
}

._9e944ab6fdaf2217-description{
	min-width:0;
	font-size:1.125rem;
	color:var(--text-primary-muted);
}

._9e944ab6fdaf2217-iconSize{
	height:3rem;
	width:3rem;
}

._6500eed4f2036297-welcomeSection{
	margin-left:2rem;
	margin-right:2rem;
	margin-bottom:2rem;
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:1.5rem;
	padding-top:4rem;
	margin-top:auto;
	color:var(--text-primary);
}

._6500eed4f2036297-profileSection{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
}

._6500eed4f2036297-avatarButton{
	cursor:pointer;
	border-radius:var(--radius-full);
	border:none;
	background-color:transparent;
	padding:0;
	outline:none;
}

._6500eed4f2036297-avatarButton:focus{
	outline:none;
}

._6500eed4f2036297-usernameButton{
	cursor:pointer;
	border-radius:var(--radius-md);
	border:none;
	background-color:transparent;
	padding:0;
	outline:none;
}

._6500eed4f2036297-usernameButton:focus{
	outline:none;
}

._6500eed4f2036297-username{
	white-space:normal;
	word-break:break-word;
	overflow-wrap:break-word;
	font-weight:600;
	font-size:1.5rem;
	line-height:1.25;
	color:var(--text-primary);
}

._6500eed4f2036297-discriminator{
	white-space:normal;
	word-break:break-word;
	overflow-wrap:break-word;
	font-weight:600;
	font-size:1.5rem;
	line-height:1.25;
	color:var(--text-primary);
	opacity:0.5;
}

._6500eed4f2036297-welcomeText{
	text-align:center;
	font-size:1.125rem;
	line-height:1.75rem;
}

._6500eed4f2036297-actionSection{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:1rem;
}

._6500eed4f2036297-mutualGuildsContainer{
	display:flex;
	align-items:center;
	gap:1rem;
}

._6500eed4f2036297-guildIconWrapper{
	position:relative;
	overflow:hidden;
	width:32px;
	height:32px;
	border-radius:50%;
	background-color:var(--background-secondary);
}

._6500eed4f2036297-guildIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	--guild-icon-size:32px;
}

._6500eed4f2036297-mutualGuildsText{
	color:var(--text-primary-muted);
}

._6500eed4f2036297-actionButtonsContainer{
	display:flex;
	gap:0.5rem;
}

._1b597260c212daa6-welcomeSection{
	margin-left:2rem;
	margin-right:2rem;
	margin-bottom:2rem;
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:1.5rem;
	padding-top:4rem;
	margin-top:auto;
	color:var(--text-primary);
}

._1b597260c212daa6-profileSection{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
}

._1b597260c212daa6-groupName{
	white-space:normal;
	word-break:break-word;
	overflow-wrap:break-word;
	text-align:center;
	font-weight:600;
	font-size:1.5rem;
	line-height:1.25;
	color:var(--text-primary);
	overflow:hidden;
	max-height:3.75rem;
}

._1b597260c212daa6-welcomeText{
	text-align:center;
	font-size:1.125rem;
	line-height:1.75rem;
}

._1b597260c212daa6-actions{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:0.75rem;
}

._6006d6f3d5fe8b90-welcomeSection{
	margin-top:auto;
	margin-bottom:2rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:2rem;
	text-align:center;
	color:var(--text-primary);
}

._6006d6f3d5fe8b90-avatarContainer{
	position:relative;
	margin-bottom:2rem;
}

._6006d6f3d5fe8b90-avatarBackground{
	position:absolute;
	inset:0;
	margin:-1rem;
	border-radius:var(--radius-full);
	background-color:var(--background-secondary-alt);
	opacity:0.1;
}

._6006d6f3d5fe8b90-avatar{
	position:relative;
	z-index:1;
}

._6006d6f3d5fe8b90-title{
	margin-bottom:0.75rem;
	font-weight:600;
	font-size:1.875rem;
	line-height:2.25rem;
}

._6006d6f3d5fe8b90-dividerContainer{
	display:flex;
	height:1.5rem;
	width:12rem;
	align-items:center;
	justify-content:center;
	margin-bottom:1.5rem;
}

._6006d6f3d5fe8b90-dividerSvg{
	color:var(--text-tertiary-muted);
}

._6006d6f3d5fe8b90-description{
	margin-bottom:1rem;
	max-width:28rem;
	font-size:1.125rem;
	line-height:1.75rem;
	color:var(--text-primary-muted);
}

.ffd91b477b2ca501-wrapper{
	pointer-events:none;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	width:100%;
	display:flex;
	flex-direction:column;
	padding:16px 0 12px;
	gap:10px;
	position:relative;
	overflow:hidden;
	margin-left:-0.75rem;
	margin-right:-0.75rem;
	padding-left:0.75rem;
	padding-right:0.75rem;
}

@media (min-width: 768px){
	.ffd91b477b2ca501-wrapper{
		margin-left:calc(-1 * 16px);
		margin-left:calc(-1 * var(--chat-horizontal-padding, 16px));
		margin-right:calc(-1 * 16px);
		margin-right:calc(-1 * var(--chat-horizontal-padding, 16px));
		padding-left:16px;
		padding-left:var(--chat-horizontal-padding, 16px);
		padding-right:calc(16px + 3rem);
		padding-right:calc(var(--chat-horizontal-padding, 16px) + 3rem);
	}
}

.ffd91b477b2ca501-messageGroup{
	position:relative;
	z-index:0;
}

.ffd91b477b2ca501-group{
	display:flex;
	gap:16px;
	align-items:flex-start;
}

.ffd91b477b2ca501-avatar{
	flex-shrink:0;
	width:40px;
	height:40px;
	border-radius:50%;
	background:var(--background-modifier-accent);
	opacity:0.45;
	margin-top:2px;
}

.ffd91b477b2ca501-body{
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:8px;
}

.ffd91b477b2ca501-header{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:4px;
}

.ffd91b477b2ca501-username{
	height:12px;
	border-radius:999px;
	background:var(--background-modifier-accent);
	opacity:0.55;
}

.ffd91b477b2ca501-timestamp{
	height:10px;
	border-radius:999px;
	background:var(--background-modifier-accent);
	opacity:0.35;
}

.ffd91b477b2ca501-messages{
	display:flex;
	flex-direction:column;
	gap:6px;
}

.ffd91b477b2ca501-messageLine{
	height:10px;
	background:var(--background-modifier-accent);
	opacity:0.45;
	border-radius:999px;
}

.ffd91b477b2ca501-attachment{
	margin-top:8px;
	background:var(--background-modifier-accent);
	opacity:0.35;
	border-radius:8px;
	max-width:100%;
}

._752e89097a3cec17-overlay{
	position:fixed;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:var(--z-index-modal-swap);
	background-color:rgba(0, 0, 0, 0.85);
}

html.platform-native-desktop ._752e89097a3cec17-overlay{
	top:var(--native-titlebar-height);
}

._752e89097a3cec17-dialog{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
	width:24rem;
	max-width:calc(100% - 2rem);
	margin:0 1rem;
	padding:1.5rem;
	border-radius:0.5rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-primary);
	text-align:center;
	box-shadow:0 25px 50px rgba(0, 0, 0, 0.25);
}

._752e89097a3cec17-dialogIconCircle{
	display:flex;
	align-items:center;
	justify-content:center;
	height:4rem;
	width:4rem;
	border-radius:9999px;
	background-color:var(--brand-primary);
}

._752e89097a3cec17-dialogIcon{
	height:2rem;
	width:2rem;
	color:var(--brand-primary-fill);
}

._752e89097a3cec17-dialogTextBlock{
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:0.5rem;
	height:5rem;
}

._752e89097a3cec17-dialogTitle{
	font-weight:600;
	font-size:1.25rem;
	color:var(--text-primary);
}

._752e89097a3cec17-dialogDescription{
	font-size:0.875rem;
	line-height:1.5;
	color:var(--text-primary-muted);
}

._752e89097a3cec17-statusBanner{
	display:flex;
	align-items:center;
	gap:0.5rem;
	height:2.5rem;
	padding:0.5rem 0.75rem;
	border-radius:0.375rem;
	font-size:0.75rem;
	transition:background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

._752e89097a3cec17-statusBannerActive{
	background-color:var(--brand-primary);
	color:var(--brand-primary-fill);
	box-shadow:0 15px 25px rgba(0, 0, 0, 0.25);
}

._752e89097a3cec17-statusBannerDefault{
	background-color:var(--background-secondary);
	color:var(--text-primary-muted);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
}

._752e89097a3cec17-statusIndicator{
	display:flex;
	align-items:center;
	justify-content:center;
	height:1.25rem;
	width:1.25rem;
	border-radius:0.375rem;
	border:1px solid var(--background-modifier-hover);
	background-color:var(--background-primary);
	transition:border-color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
}

._752e89097a3cec17-statusIndicatorActive{
	border-color:var(--brand-primary-light);
	background-color:var(--brand-primary-light);
	opacity:0.4;
	box-shadow:0 10px 15px rgba(0, 0, 0, 0.2);
}

._752e89097a3cec17-statusIndicatorDefault{
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

._752e89097a3cec17-statusIcon{
	height:0.75rem;
	width:0.75rem;
}

.fe544c7a45b5fead-button{
	position:absolute;
	right:16px;
	bottom:16px;
	z-index:5;
	width:44px;
	height:44px;
	border-radius:50%;
	border:1px solid var(--background-modifier-accent);
	background:var(--background-secondary);
	color:var(--text-primary);
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	box-shadow:0 8px 24px rgba(0, 0, 0, 0.28), 0 2px 6px rgba(0, 0, 0, 0.18);
	transition:transform var(--motion-dur-short) var(--motion-ease-smooth), opacity var(--motion-dur-short) var(--motion-ease-smooth), background-color var(--motion-dur-short) var(--motion-ease-snap), border-color var(--motion-dur-short) var(--motion-ease-snap), box-shadow var(--motion-dur-short) var(--motion-ease-smooth);
	animation:fe544c7a45b5fead-scale-in var(--motion-dur-medium) var(--motion-ease-springy) both;
}

.fe544c7a45b5fead-button:hover{
	background:var(--background-modifier-hover);
	border-color:var(--background-modifier-active);
	transform:translateY(-2px) scale(1.03);
	box-shadow:0 12px 32px rgba(0, 0, 0, 0.32), 0 3px 8px rgba(0, 0, 0, 0.22);
}

.fe544c7a45b5fead-button:active{
	transform:translateY(0) scale(0.94);
	transition-duration:var(--motion-dur-instant);
}

.fe544c7a45b5fead-icon{
	width:20px;
	height:20px;
}

.fe544c7a45b5fead-unreadBadge{
	position:absolute;
	top:-4px;
	right:-4px;
	min-width:18px;
	height:18px;
	padding:0 5px;
	border-radius:9999px;
	background:#f23f43;
	background:var(--status-danger, #f23f43);
	color:white;
	font-size:11px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 0 0 2px var(--background-primary);
}

@media (pointer: coarse){
	.fe544c7a45b5fead-button{
		width:48px;
		height:48px;
		right:16px;
		bottom:calc(16px + 0px);
		bottom:calc(16px + var(--safe-area-bottom, 0px));
	}
}

._2f6f63ad4d8f42d5-container{
	display:flex;
	height:100%;
	width:100%;
	align-items:center;
	justify-content:center;
	background-color:var(--background-secondary-lighter);
}

._2f6f63ad4d8f42d5-content{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:2rem;
	text-align:center;
}

._2f6f63ad4d8f42d5-iconContainer{
	margin-bottom:1.5rem;
	display:flex;
	height:5rem;
	width:5rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-modifier-accent);
}

._2f6f63ad4d8f42d5-icon{
	height:2.5rem;
	width:2.5rem;
	color:var(--status-idle);
}

._2f6f63ad4d8f42d5-title{
	margin-bottom:0.75rem;
	font-weight:600;
	font-size:1.5rem;
	color:var(--text-primary);
}

._2f6f63ad4d8f42d5-description{
	margin-bottom:1rem;
	max-width:28rem;
	text-align:center;
	color:var(--text-primary-muted);
}

._34120e27f907413b-channelLayoutContainer{
	display:grid;
	grid-template-rows:1fr;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	background:transparent;
}

._34120e27f907413b-channelNotFoundContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:var(--spacing-4);
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	padding:var(--spacing-8);
}

._34120e27f907413b-channelNotFoundContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--spacing-1);
	text-align:center;
}

._34120e27f907413b-channelNotFoundIcon{
	height:4rem;
	width:4rem;
	color:var(--text-tertiary);
}

._34120e27f907413b-channelNotFoundTitle{
	font-weight:600;
	font-size:1.5rem;
	line-height:2rem;
	color:var(--text-primary);
}

._34120e27f907413b-channelNotFoundDescription{
	color:var(--text-tertiary);
}

.ce55423556669fa2-form{
	width:100%;
}

.ce55423556669fa2-container{
	display:flex;
	flex-direction:column;
	gap:0.85rem;
}

.ce55423556669fa2-containerDesktop{
	flex-direction:row;
	gap:0;
	align-items:center;
}

.ce55423556669fa2-input{
	width:100%;
	min-height:3.15rem;
	border-radius:1.15rem;
	border-color:color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-floating) 82%, var(--background-primary) 18%);
	box-shadow:0 14px 26px rgb(8 15 28 / 0.08), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
	font-weight:600;
}

.ce55423556669fa2-inputDesktop{
	padding-right:9rem;
}

.ce55423556669fa2-inputError{
	border-color:color-mix(in srgb, var(--status-danger) 70%, transparent);
	box-shadow:0 14px 26px color-mix(in srgb, var(--status-danger) 10%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
}

.ce55423556669fa2-button{
	width:100%;
	min-height:3rem;
	border-radius:1rem;
	background:color-mix(in srgb, var(--brand-primary) 90%, var(--background-floating) 10%);
	box-shadow:0 14px 26px color-mix(in srgb, var(--brand-primary) 24%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 12%, transparent);
	position:relative;
	overflow:hidden;
	transition:transform 220ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1), background-color 220ms ease;
}

.ce55423556669fa2-inlineButton{
	flex-shrink:0;
	min-width:7.75rem;
	min-height:2.4rem;
	border-radius:0.7rem;
	background:color-mix(in srgb, var(--brand-primary) 90%, var(--background-floating) 10%);
	box-shadow:0 12px 22px color-mix(in srgb, var(--brand-primary) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 12%, transparent);
	position:relative;
	overflow:hidden;
	transition:transform 220ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1), background-color 220ms ease;
}

.ce55423556669fa2-button::before,
.ce55423556669fa2-inlineButton::before{
	content:'';
	position:absolute;
	inset:-1px auto -1px -34%;
	width:30%;
	background:linear-gradient(110deg, transparent, color-mix(in srgb, var(--text-on-brand-primary) 24%, transparent), transparent);
	transform:translateX(-165%);
	transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
	pointer-events:none;
}

.ce55423556669fa2-button:hover:not(:disabled),
.ce55423556669fa2-inlineButton:hover:not(:disabled){
	background:color-mix(in srgb, var(--brand-primary) 94%, var(--background-floating) 6%);
	transform:translateY(-1px);
	box-shadow:0 18px 30px color-mix(in srgb, var(--brand-primary) 30%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-on-brand-primary) 24%, transparent);
}

.ce55423556669fa2-button:hover:not(:disabled)::before,
.ce55423556669fa2-inlineButton:hover:not(:disabled)::before{
	transform:translateX(420%);
}

.ce55423556669fa2-button:active:not(:disabled),
.ce55423556669fa2-inlineButton:active:not(:disabled){
	transform:translateY(0);
}

.ce55423556669fa2-errorMessage{
	margin-top:0.85rem;
	padding:0.75rem 0.95rem;
	border-radius:1rem;
	border:1px solid color-mix(in srgb, var(--status-danger) 18%, transparent);
	background:color-mix(in srgb, var(--status-danger) 8%, transparent);
	font-size:0.875rem;
	font-weight:600;
	line-height:1.3rem;
	color:color-mix(in srgb, var(--status-danger) 88%, var(--text-primary));
}

.ce55423556669fa2-successMessage{
	margin-top:0.85rem;
	padding:0.75rem 0.95rem;
	border-radius:1rem;
	border:1px solid color-mix(in srgb, var(--status-online) 18%, transparent);
	background:color-mix(in srgb, var(--status-online) 8%, transparent);
	font-size:0.875rem;
	font-weight:600;
	line-height:1.3rem;
	color:color-mix(in srgb, var(--status-online) 84%, var(--text-primary));
}

@media (max-width: 620px){
	.ce55423556669fa2-container{
		gap:0.7rem;
	}

	.ce55423556669fa2-input{
		min-height:3rem;
	}
}

@media (prefers-reduced-motion: reduce){
	.ce55423556669fa2-button,
	.ce55423556669fa2-inlineButton,
	.ce55423556669fa2-button::before,
	.ce55423556669fa2-inlineButton::before{
		transition:none;
	}
}

.e4090d308c789f7e-addFriendContainer{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:100%;
	padding:1.5rem;
	padding-bottom:calc(1.5rem + 48px);
	overflow:hidden;
	background:color-mix(in srgb, var(--background-primary) 97%, transparent);
}

.e4090d308c789f7e-card{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	max-width:42rem;
	padding:clamp(1.5rem, 3vw, 2.5rem);
	text-align:center;
	border-radius:1.25rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	background:color-mix(in srgb, var(--background-floating) 84%, var(--background-secondary) 16%);
	box-shadow:0 14px 28px color-mix(in srgb, var(--background-primary) 24%, transparent);
	overflow:visible;
}

.e4090d308c789f7e-heroIcon{
	position:relative;
	z-index:1;
	width:72px;
	height:72px;
	margin-bottom:1.1rem;
	padding:0.9rem;
	border-radius:1.55rem;
	border:1px solid color-mix(in srgb, var(--brand-primary) 22%, transparent);
	background:color-mix(in srgb, var(--brand-primary) 10%, var(--background-floating) 90%);
	box-shadow:0 12px 24px color-mix(in srgb, var(--brand-primary) 18%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 12%, transparent);
	color:color-mix(in srgb, var(--brand-primary) 78%, var(--text-primary));
}

.theme-light .e4090d308c789f7e-heroIcon{
	color:var(--brand-primary);
}

.e4090d308c789f7e-title{
	position:relative;
	z-index:1;
	margin:0 0 0.55rem 0;
	font-weight:700;
	font-size:1.55rem;
	line-height:2rem;
	color:var(--text-primary);
}

.e4090d308c789f7e-subtitle{
	position:relative;
	z-index:1;
	margin:0 0 1.75rem 0;
	max-width:29rem;
	font-size:0.97rem;
	line-height:1.5rem;
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
}

.e4090d308c789f7e-formContainer{
	width:100%;
	max-width:34rem;
	position:relative;
	z-index:1;
}

@media (max-width: 860px){
	.e4090d308c789f7e-addFriendContainer{
		justify-content:flex-start;
	}

	.e4090d308c789f7e-card{
		max-width:100%;
	}
}

@media (max-width: 480px){
	.e4090d308c789f7e-addFriendContainer{
		padding:1rem;
		padding-bottom:calc(1rem + 48px);
	}

	.e4090d308c789f7e-card{
		padding:1.25rem;
	}

	.e4090d308c789f7e-heroIcon{
		width:64px;
		height:64px;
	}

	.e4090d308c789f7e-title{
		font-size:1.25rem;
		line-height:1.75rem;
	}
}

@media (max-width: 767px){
	.e4090d308c789f7e-addFriendContainer{
		justify-content:flex-start;
		padding-top:0.75rem;
		padding-right:max(0.75rem, 0px);
		padding-right:max(0.75rem, var(--safe-area-right, 0px));
		padding-bottom:calc(0.9rem + 0px + 48px);
		padding-bottom:calc(0.9rem + var(--safe-area-bottom, 0px) + 48px);
		padding-left:max(0.75rem, 0px);
		padding-left:max(0.75rem, var(--safe-area-left, 0px));
		overflow:auto;
	}

	.e4090d308c789f7e-card{
		align-items:flex-start;
		padding:1rem;
		text-align:left;
		border:none;
		border-radius:1rem;
		background:color-mix(in srgb, var(--background-secondary) 72%, var(--background-primary) 28%);
		box-shadow:none;
	}

	.e4090d308c789f7e-heroIcon{
		width:48px;
		height:48px;
		margin-bottom:0.8rem;
		padding:0.65rem;
		border-radius:1rem;
		box-shadow:none;
	}

	.e4090d308c789f7e-title{
		font-size:1.2rem;
		line-height:1.45rem;
	}

	.e4090d308c789f7e-subtitle{
		margin-bottom:1.2rem;
		font-size:0.9rem;
		line-height:1.35rem;
	}

	.e4090d308c789f7e-formContainer{
		max-width:100%;
	}
}

@media (max-width: 360px){
	.e4090d308c789f7e-card{
		padding:0.75rem;
	}

	.e4090d308c789f7e-heroIcon{
		width:44px;
		height:44px;
		padding:0.58rem;
	}

	.e4090d308c789f7e-title{
		font-size:1.125rem;
		line-height:1.5rem;
	}

	.e4090d308c789f7e-subtitle{
		font-size:0.82rem;
		line-height:1.25rem;
	}
}

._0b9b22a7a38b11c2-container{
	display:flex;
	height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:1.5rem;
	margin:auto;
	width:min(100%, 36rem);
	min-height:min(24rem, 100%);
	text-align:center;
	position:relative;
	gap:0.35rem;
}

._0b9b22a7a38b11c2-card{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	max-width:28rem;
}

._0b9b22a7a38b11c2-iconShell{
	display:grid;
	place-items:center;
	width:5.25rem;
	height:5.25rem;
	margin-bottom:1.15rem;
	border-radius:1.5rem;
	border:1px solid color-mix(in srgb, var(--brand-primary) 16%, transparent);
	background:color-mix(in srgb, var(--background-primary) 86%, var(--background-floating) 14%);
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 10%, transparent);
}

._0b9b22a7a38b11c2-icon{
	height:2.5rem;
	width:2.5rem;
	color:color-mix(in srgb, var(--brand-primary) 72%, var(--text-primary));
}

._0b9b22a7a38b11c2-title{
	margin:0 0 0.6rem;
	font-weight:700;
	color:var(--text-primary);
	font-size:1.35rem;
	line-height:1.8rem;
}

._0b9b22a7a38b11c2-subtitle{
	max-width:28rem;
	margin:0;
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
	font-size:0.95rem;
	line-height:1.45rem;
}

._0b9b22a7a38b11c2-action{
	margin-top:1.25rem;
	padding:0.625rem 1.25rem;
	min-height:40px;
	border:none;
	border-radius:8px;
	background:var(--brand-primary);
	color:var(--white);
	font-weight:600;
	font-size:0.9375rem;
	cursor:pointer;
	transition:background 0.15s ease, transform 0.1s ease;
}

._0b9b22a7a38b11c2-action:hover{
	background:color-mix(in srgb, var(--brand-primary) 88%, black);
}

._0b9b22a7a38b11c2-action:active{
	transform:scale(0.97);
}

._0b9b22a7a38b11c2-action:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:3px;
}

@media (pointer: coarse){
	._0b9b22a7a38b11c2-action{
		padding:0.75rem 1.5rem;
		min-height:44px;
		font-size:1rem;
	}
}

.e1712d379557fc29-button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:2.25rem;
	height:2.25rem;
	border-radius:0.65rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	box-shadow:0 10px 20px rgb(8 15 28 / 0.12), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
	transition:var(--button-motion-transition), transform 160ms ease;
}

@media (hover: hover) and (pointer: fine){
	.e1712d379557fc29-button:hover{
		transform:translateY(-1px) scale(1.04);
	}
}

.e1712d379557fc29-danger{
	background:linear-gradient(180deg, var(--background-floating), var(--background-secondary)), color-mix(in srgb, var(--status-danger) 6%, transparent);
	color:var(--text-primary-muted);
	cursor:pointer;
}

.e1712d379557fc29-danger:hover{
	background:linear-gradient(
			135deg,
			color-mix(in srgb, var(--status-danger) 82%, var(--background-floating) 18%),
			color-mix(in srgb, var(--status-danger) 70%, var(--background-primary) 30%)
		), var(--status-danger);
	color:var(--text-primary);
}

@media (pointer: coarse){
	.e1712d379557fc29-button{
		min-width:44px;
		min-height:44px;
		border:none;
		box-shadow:none;
	}
}

.f9f84a067f1f560d-friendListItem{
	--friend-card-top:color-mix(in srgb, var(--background-floating) 10%, var(--background-primary) 90%);
	--friend-card-bottom:color-mix(in srgb, var(--background-secondary) 4%, var(--background-primary) 96%);
	--friend-card-hover-top:color-mix(in srgb, var(--background-floating) 16%, var(--background-primary) 84%);
	--friend-card-hover-bottom:color-mix(in srgb, var(--background-secondary) 8%, var(--background-primary) 92%);
	--friend-border:color-mix(in srgb, var(--text-primary) 10%, transparent);
	--friend-highlight:color-mix(in srgb, var(--text-primary) 8%, transparent);
	display:flex;
	justify-content:space-between;
	align-items:center;
	cursor:pointer;
	padding:0.78rem 0.7rem;
	position:relative;
	overflow:hidden;
	max-width:100%;
	border:0;
	border:1px solid transparent;
	border-radius:0.7rem;
	background:transparent;
	box-shadow:none;
	margin:0.08rem 0;
	transition:var(--button-motion-transition), transform 180ms ease;
}

.f9f84a067f1f560d-friendListItem::before{
	display:none;
}

.f9f84a067f1f560d-friendListItem:hover::before{
	opacity:0;
}

.f9f84a067f1f560d-contextMenuActive::before{
	opacity:0 !important;
}

.f9f84a067f1f560d-friendListItem:hover,
.f9f84a067f1f560d-contextMenuActive{
	background:color-mix(in srgb, var(--background-floating) 16%, transparent);
	border-color:color-mix(in srgb, var(--text-primary) 7%, transparent);
	transform:translateY(-1px);
	box-shadow:0 7px 18px rgb(0 0 0 / 0.1);
}

.f9f84a067f1f560d-friendInfo{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	gap:0.875rem;
	flex:1 1 0;
	width:0;
	min-width:0;
	overflow:hidden;
}

.f9f84a067f1f560d-friendInfo > :first-child{
	flex-shrink:0;
}

.f9f84a067f1f560d-friendDetails{
	display:flex;
	flex-direction:column;
	align-items:stretch;
	margin-top:0;
	gap:0.0625rem;
	flex:1 1 0;
	min-width:0;
	max-width:100%;
	overflow:hidden;
}

.f9f84a067f1f560d-friendNameRow{
	display:flex;
	align-items:center;
	gap:0.375rem;
	min-width:0;
}

.f9f84a067f1f560d-friendName{
	font-weight:700;
	font-size:1rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:1.25rem;
	max-height:1.25rem;
	min-width:0;
}

.f9f84a067f1f560d-friendTag{
	font-size:0.75rem;
	line-height:1rem;
	color:color-mix(in srgb, var(--text-tertiary) 86%, var(--text-secondary));
	flex-shrink:0;
	opacity:0.72;
	transition:opacity var(--transition-fast), color var(--transition-fast);
}

.f9f84a067f1f560d-friendListItem:hover .f9f84a067f1f560d-friendTag,
.f9f84a067f1f560d-contextMenuActive .f9f84a067f1f560d-friendTag{
	opacity:1;
	color:var(--text-secondary);
}

.f9f84a067f1f560d-friendSubtext{
	font-size:0.82rem;
	line-height:1.08rem;
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
	font-weight:600;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top:-0.0625rem;
	opacity:0.85;
	width:100%;
	min-width:0;
}

.f9f84a067f1f560d-friendListItem:hover .f9f84a067f1f560d-friendSubtext{
	--emoji-show-animated:1;
}

.f9f84a067f1f560d-contextMenuActive .f9f84a067f1f560d-friendSubtext{
	--emoji-show-animated:1;
}

.f9f84a067f1f560d-friendStatusOffline{
	color:color-mix(in srgb, var(--text-tertiary) 90%, var(--text-secondary));
}

.f9f84a067f1f560d-friendStatusOnline{
	color:color-mix(in srgb, var(--status-online) 68%, var(--text-primary));
}

.f9f84a067f1f560d-friendActions{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	gap:0.375rem;
	flex-shrink:0;
}

.f9f84a067f1f560d-actionButtonMessage{
	background:color-mix(in srgb, var(--background-primary) 88%, var(--background-floating) 12%);
	color:color-mix(in srgb, var(--brand-primary) 62%, var(--text-primary));
	cursor:pointer;
}

.f9f84a067f1f560d-actionButtonMessage:hover{
	background:color-mix(in srgb, var(--background-primary) 80%, var(--background-floating) 20%);
	color:var(--text-primary);
}

.f9f84a067f1f560d-actionButtonMore{
	background:color-mix(in srgb, var(--background-primary) 88%, var(--background-floating) 12%);
	color:var(--text-primary-muted);
	cursor:pointer;
}

.f9f84a067f1f560d-actionButtonMore:hover{
	background:color-mix(in srgb, var(--background-primary) 80%, var(--background-floating) 20%);
	color:var(--text-primary);
}

.f9f84a067f1f560d-actionButtonAccept{
	background:linear-gradient(
			135deg,
			color-mix(in srgb, var(--brand-primary) 88%, var(--background-floating) 12%),
			color-mix(in srgb, var(--brand-primary) 72%, var(--background-primary) 28%)
		), var(--brand-primary);
	padding:0.5rem;
	color:var(--text-on-brand-primary);
	cursor:pointer;
}

.f9f84a067f1f560d-actionButtonAccept:hover{
	-webkit-filter:brightness(1.05);
	        filter:brightness(1.05);
}

.f9f84a067f1f560d-actionButtonIgnore{
	background:color-mix(in srgb, var(--background-primary) 88%, var(--background-floating) 12%);
	padding:0.5rem;
	color:var(--text-primary);
	cursor:pointer;
}

.f9f84a067f1f560d-actionButtonIgnore:hover{
	background:color-mix(in srgb, var(--background-primary) 80%, var(--background-floating) 20%);
}

.f9f84a067f1f560d-actionButtonCancel{
	background:linear-gradient(
			135deg,
			color-mix(in srgb, var(--status-danger) 82%, var(--background-floating) 18%),
			color-mix(in srgb, var(--status-danger) 70%, var(--background-primary) 30%)
		), var(--status-danger);
	padding:0.5rem;
	color:var(--text-primary);
	cursor:pointer;
}

.f9f84a067f1f560d-actionButtonCancel:hover{
	-webkit-filter:brightness(1.05);
	        filter:brightness(1.05);
}

.f9f84a067f1f560d-iconSize{
	height:1.25rem;
	width:1.25rem;
}

@media (max-width: 767px){
	.f9f84a067f1f560d-friendListItem{
		display:grid;
		grid-template-columns:minmax(0, 1fr) auto;
		align-items:center;
		width:100%;
		border:none;
		border-bottom:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
		box-shadow:none;
		background:transparent;
		padding:0.72rem 0.75rem;
		grid-gap:0.65rem;
		gap:0.65rem;
		min-width:0;
		box-sizing:border-box;
		border-radius:0;
		overflow:hidden;
	}

	.f9f84a067f1f560d-friendListItem::before{
		display:none;
	}

	.f9f84a067f1f560d-friendInfo{
		gap:0.65rem;
		width:100%;
		min-width:0;
	}

	.f9f84a067f1f560d-friendName{
		font-size:0.98rem;
		line-height:1.24rem;
	}

	.f9f84a067f1f560d-friendTag{
		font-size:0.72rem;
		line-height:0.95rem;
	}

	.f9f84a067f1f560d-friendSubtext{
		font-size:0.86rem;
		line-height:1.12rem;
		font-weight:500;
	}

	.f9f84a067f1f560d-friendListItem:hover,
	.f9f84a067f1f560d-contextMenuActive{
		transform:none;
		background:color-mix(in srgb, var(--background-modifier-hover) 42%, transparent);
		border-bottom-color:color-mix(in srgb, var(--text-primary) 7%, transparent);
		box-shadow:none;
	}

	.f9f84a067f1f560d-friendActions{
		gap:0.3rem;
		min-width:0;
		justify-self:end;
	}

	.f9f84a067f1f560d-friendActions button{
		width:2.75rem;
		height:2.75rem;
		min-width:2.75rem;
		border-radius:999px;
		border:none;
		box-shadow:none;
	}

	.f9f84a067f1f560d-actionButtonMessage,
	.f9f84a067f1f560d-actionButtonMore,
	.f9f84a067f1f560d-actionButtonIgnore{
		background:transparent;
	}

	.f9f84a067f1f560d-actionButtonMessage:hover,
	.f9f84a067f1f560d-actionButtonMore:hover,
	.f9f84a067f1f560d-actionButtonIgnore:hover{
		background:color-mix(in srgb, var(--background-modifier-hover) 60%, transparent);
	}
}

@media (max-width: 420px){
	.f9f84a067f1f560d-friendListItem{
		padding:0.62rem;
		gap:0.48rem;
	}

	.f9f84a067f1f560d-friendTag{
		display:none;
	}

	.f9f84a067f1f560d-friendActions button{
		width:2.75rem;
		height:2.75rem;
		min-width:2.75rem;
		padding:0.45rem;
	}
}

@media (max-width: 360px){
	.f9f84a067f1f560d-friendListItem{
		padding:0.55rem;
		gap:0.38rem;
	}

	.f9f84a067f1f560d-friendInfo{
		gap:0.5rem;
	}

	.f9f84a067f1f560d-friendName{
		font-size:0.86rem;
		line-height:1.05rem;
	}

	.f9f84a067f1f560d-friendSubtext{
		font-size:0.72rem;
		line-height:0.95rem;
	}

	.f9f84a067f1f560d-friendActions{
		gap:0.2rem;
	}

	.f9f84a067f1f560d-friendActions button{
		width:2.75rem;
		height:2.75rem;
		min-width:2.75rem;
	}
}

.da1eb3cf8d651dfc-sectionTitle{
	display:flex;
	align-items:center;
	gap:0.625rem;
	margin-bottom:0.875rem;
	padding:0 0.25rem;
	font-weight:700;
	font-size:0.75rem;
	line-height:1rem;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:color-mix(in srgb, var(--text-primary-muted) 82%, var(--text-primary));
}
.da1eb3cf8d651dfc-sectionTitle::after{
	content:'';
	flex:1;
	height:1px;
	background:linear-gradient(
		to right,
		color-mix(in srgb, var(--text-primary) 12%, transparent),
		transparent
	);
	margin-left:0.25rem;
}

.da1eb3cf8d651dfc-sectionContent{
	display:flex;
	flex-direction:column;
	gap:0.625rem;
}

.da1eb3cf8d651dfc-sectionContentWithMargin{
	
	margin-bottom:2rem;
}

@media (max-width: 767px){
	.da1eb3cf8d651dfc-sectionTitle{
		margin-bottom:0.55rem;
		padding-inline:0.15rem;
		font-size:0.68rem;
		letter-spacing:0.07em;
	}

	.da1eb3cf8d651dfc-sectionContent{
		gap:0;
	}

	.da1eb3cf8d651dfc-sectionContentWithMargin{
		margin-bottom:1.25rem;
	}
}

._4a075ed4b6a24d62-friendsListContainer{
	width:min(100%, 1100px);
	margin:0 auto;
	padding:0.25rem 0 1.5rem;
	display:flex;
	flex-direction:column;
	gap:0;
	animation:_4a075ed4b6a24d62-friendsListFadeIn 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes _4a075ed4b6a24d62-friendsListFadeIn{
	from{
		opacity:0;
		transform:translateY(8px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

@media (prefers-reduced-motion: reduce){
	._4a075ed4b6a24d62-friendsListContainer{
		animation:none;
	}
}

._4a075ed4b6a24d62-scroller{
	height:100%;
}

@media (max-width: 767px){
	._4a075ed4b6a24d62-scroller{
		height:calc(100% - var(--mobile-bottom-nav-height) - max(0px, 0px) - 0.25rem);
		height:calc(100% - var(--mobile-bottom-nav-height) - max(var(--safe-area-bottom, 0px), 0px) - 0.25rem);
	}

	._4a075ed4b6a24d62-friendsListContainer{
		width:100%;
		padding:0.25rem max(0.75rem, 0px) 0.25rem max(0.75rem, 0px);
		padding:0.25rem max(0.75rem, var(--safe-area-right, 0px)) 0.25rem max(0.75rem, var(--safe-area-left, 0px));
		box-sizing:border-box;
	}
}

@media (max-width: 380px){
	._4a075ed4b6a24d62-friendsListContainer{
		padding-right:max(0.5rem, 0px);
		padding-right:max(0.5rem, var(--safe-area-right, 0px));
		padding-left:max(0.5rem, 0px);
		padding-left:max(0.5rem, var(--safe-area-left, 0px));
	}
}

._9140b7c1310daa02-pendingViewContainer{
	width:min(100%, 1100px);
	margin:0 auto;
	padding:0.125rem 0 1rem;
}

._9140b7c1310daa02-scroller{
	height:100%;
}

@media (max-width: 767px){
	._9140b7c1310daa02-scroller{
		height:calc(100% - var(--mobile-bottom-nav-height) - max(0px, 0px) - 0.25rem);
		height:calc(100% - var(--mobile-bottom-nav-height) - max(var(--safe-area-bottom, 0px), 0px) - 0.25rem);
	}

	._9140b7c1310daa02-pendingViewContainer{
		width:100%;
		padding:0.2rem max(0.75rem, 0px) 0.2rem max(0.75rem, 0px);
		padding:0.2rem max(0.75rem, var(--safe-area-right, 0px)) 0.2rem max(0.75rem, var(--safe-area-left, 0px));
		box-sizing:border-box;
	}
}

@media (max-width: 380px){
	._9140b7c1310daa02-pendingViewContainer{
		padding-right:max(0.5rem, 0px);
		padding-right:max(0.5rem, var(--safe-area-right, 0px));
		padding-left:max(0.5rem, 0px);
		padding-left:max(0.5rem, var(--safe-area-left, 0px));
	}
}

._007b390966605c12-content{
	display:flex;
	flex-direction:column;
	gap:1rem;
	min-width:0;
	padding-top:0.25rem;
}

._007b390966605c12-intro{
	display:flex;
	align-items:center;
	gap:0.75rem;
	min-width:0;
}

._007b390966605c12-icon{
	width:2.5rem;
	height:2.5rem;
	flex:0 0 auto;
	padding:0.55rem;
	border-radius:0.8rem;
	background:color-mix(in srgb, var(--brand-primary) 12%, transparent);
	color:color-mix(in srgb, var(--brand-primary) 78%, var(--text-primary));
}

._007b390966605c12-description{
	margin:0;
	min-width:0;
	font-size:0.875rem;
	line-height:1.35rem;
	color:var(--text-secondary);
	overflow-wrap:anywhere;
}

@media (max-width: 380px){
	._007b390966605c12-content{
		gap:0.75rem;
	}

	._007b390966605c12-icon{
		width:2.2rem;
		height:2.2rem;
		padding:0.48rem;
	}

	._007b390966605c12-description{
		font-size:0.78rem;
		line-height:1.15rem;
	}
}

.a918904ac478609f-container{
	--friends-mobile-edge:clamp(0.72rem, 3.6vw, 0.95rem);
	--friends-mobile-content-edge:calc(var(--friends-mobile-edge) + 0.1rem);
	--friends-shell-surface:color-mix(in srgb, var(--background-secondary) 42%, var(--background-primary) 58%);
	--friends-card-top:color-mix(in srgb, var(--background-floating) 14%, var(--friends-shell-surface) 86%);
	--friends-card-bottom:color-mix(in srgb, var(--background-secondary) 8%, var(--friends-shell-surface) 92%);
	--friends-card-hover-top:color-mix(in srgb, var(--background-floating) 18%, var(--friends-shell-surface) 82%);
	--friends-card-hover-bottom:color-mix(in srgb, var(--background-secondary) 12%, var(--friends-shell-surface) 88%);
	--friends-border:color-mix(in srgb, var(--text-primary) 10%, transparent);
	--friends-border-strong:color-mix(in srgb, var(--text-primary) 16%, transparent);
	--friends-highlight:color-mix(in srgb, var(--text-primary) 8%, transparent);
	display:grid;
	grid-template-rows:3.5rem 1fr;
	grid-template-rows:var(--layout-header-height, 3.5rem) 1fr;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	background:transparent;
}

.a918904ac478609f-containerMobile{
	grid-template-rows:1fr;
}

.a918904ac478609f-content{
	flex:1;
	display:flex;
	flex-direction:column;
	gap:0.72rem;
	padding:1rem clamp(1rem, 4vw, 2.5rem) 1.25rem;
	min-height:0;
	position:relative;
	background:color-mix(in srgb, var(--background-primary) 96%, transparent);
}

.a918904ac478609f-contentMobile{
	padding-bottom:calc(max(0px, 0px) + 0.35rem);
	padding-bottom:calc(max(var(--safe-area-bottom, 0px), 0px) + 0.35rem);
	touch-action:pan-y;
	overscroll-behavior-x:contain;
}

.a918904ac478609f-mobileTopBar{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width:100%;
	margin:0;
	padding:0.16rem var(--friends-mobile-content-edge) 0.34rem;
}

.a918904ac478609f-mobileBackButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2.1rem;
	height:2.1rem;
	border-radius:0.82rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-floating) 10%, transparent);
	color:var(--text-primary);
}

.a918904ac478609f-mobileTopTitle{
	margin:0;
	min-width:0;
	display:inline-flex;
	align-items:center;
	gap:0.52rem;
	font-family:'SF Pro Display', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size:1.3rem;
	font-weight:800;
	line-height:1.58rem;
	letter-spacing:-0.015em;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:left;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
}

.a918904ac478609f-mobileTopTitleIcon{
	width:1.12rem;
	height:1.12rem;
	flex-shrink:0;
	color:color-mix(in srgb, var(--brand-primary) 70%, var(--text-primary));
}
.a918904ac478609f-searchWrapper{
	width:min(100%, 1100px);
	max-width:1100px;
	margin:0 auto;
	padding-top:0.125rem;
	position:relative;
	z-index:1;
}

.a918904ac478609f-searchWrapper input{
	min-height:2.72rem;
	border-radius:0.5rem;
	border-color:var(--friends-border);
	background:color-mix(in srgb, var(--friends-shell-surface) 90%, var(--background-floating) 10%);
	box-shadow:inset 0 1px 0 var(--friends-highlight);
	color:var(--text-primary);
	font-weight:600;
	transition:border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.a918904ac478609f-searchWrapper input:hover{
	border-color:color-mix(in srgb, var(--brand-primary) 14%, var(--friends-border));
}

.a918904ac478609f-searchWrapper input:focus,
.a918904ac478609f-searchWrapper input:focus-within{
	border-color:color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

.a918904ac478609f-searchWrapper input::-webkit-input-placeholder{
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
}

.a918904ac478609f-searchWrapper input::-moz-placeholder{
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
}

.a918904ac478609f-searchWrapper input::-ms-input-placeholder{
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
}

.a918904ac478609f-searchWrapper input:-ms-input-placeholder{
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
}

.a918904ac478609f-searchWrapper input::placeholder{
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
}

.a918904ac478609f-searchIcon{
	height:1.25rem;
	width:1.25rem;
	color:color-mix(in srgb, var(--brand-primary) 42%, var(--text-primary));
}

.a918904ac478609f-mobileTabsStrip{
	display:flex;
	align-items:center;
	gap:0.52rem;
	width:100%;
	max-width:100%;
	min-width:0;
	padding:0 var(--friends-mobile-content-edge) 0.58rem;
	overflow:hidden;
}

.a918904ac478609f-mobileTabsStripViewport{
	display:flex;
	align-items:stretch;
	gap:0.5rem;
	flex:1 1 auto;
	width:auto;
	max-width:100%;
	min-width:0;
	overflow-x:auto;
	overflow-y:hidden;
	padding:0.02rem 0 0.08rem;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior-x:contain;
	overscroll-behavior-inline:contain;
	touch-action:pan-x;
}

.a918904ac478609f-mobileTabsStripViewport::-webkit-scrollbar{
	display:none;
}

.a918904ac478609f-mobileTabsInline{
	display:flex;
	align-items:stretch;
	gap:0.5rem;
	width:-webkit-max-content;
	width:-moz-max-content;
	width:max-content;
	min-width:-webkit-max-content;
	min-width:-moz-max-content;
	min-width:max-content;
}

.a918904ac478609f-mobileTabsInline .a918904ac478609f-tabButton{
	display:flex;
	flex:0 0 auto;
	align-items:center;
	justify-content:center;
	min-height:2.2rem;
	padding:0.16rem 0.62rem;
	border:none;
	border-radius:0.9rem;
	background:color-mix(in srgb, var(--background-secondary) 82%, var(--background-primary) 18%);
	color:color-mix(in srgb, var(--text-secondary) 82%, var(--text-primary));
	font-size:0.79rem;
	line-height:1.02rem;
}

.a918904ac478609f-mobileTabsInline .a918904ac478609f-tabButton.a918904ac478609f-active{
	background:color-mix(in srgb, var(--brand-primary) 20%, var(--background-secondary) 80%);
	color:var(--text-primary);
	border-color:transparent;
}

.a918904ac478609f-mobileTabsInline .a918904ac478609f-tabButton.a918904ac478609f-primary,
.a918904ac478609f-mobileTabsInline .a918904ac478609f-tabButton.a918904ac478609f-primary.a918904ac478609f-active{
	background:color-mix(in srgb, var(--background-secondary) 82%, var(--background-primary) 18%);
	color:color-mix(in srgb, var(--text-secondary) 82%, var(--text-primary));
	border-color:transparent;
}

.a918904ac478609f-tabBody{
	flex:1;
	min-height:0;
	overflow:hidden;
	position:relative;
	display:flex;
	isolation:isolate;
	background:transparent;
}

.a918904ac478609f-tabBody > *{
	position:relative;
	z-index:1;
	height:100%;
	width:100%;
	min-height:0;
}

.a918904ac478609f-contentMobile .a918904ac478609f-tabBody::after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:2.6rem;
	pointer-events:none;
	z-index:4;
	background:linear-gradient(
		to bottom,
		color-mix(in srgb, var(--background-primary) 0%, transparent) 0%,
		color-mix(in srgb, var(--background-primary) 62%, transparent) 62%,
		color-mix(in srgb, var(--background-primary) 92%, transparent) 100%
	);
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(6px);
}

.a918904ac478609f-headerContent{
	display:flex;
	min-width:0;
	align-items:center;
	gap:1.3rem;
}

.a918904ac478609f-titleSection{
	display:flex;
	align-items:center;
	gap:0.625rem;
	flex-shrink:0;
	padding:0.25rem 0.25rem 0.25rem 0.1rem;
	border-radius:0.75rem;
	border:none;
	background:transparent;
	box-shadow:none;
	-webkit-app-region:no-drag;
}

.a918904ac478609f-titleIcon{
	height:1.5rem;
	width:1.5rem;
	color:color-mix(in srgb, var(--brand-primary) 70%, var(--text-primary));
}

.a918904ac478609f-titleText{
	font-weight:700;
	white-space:nowrap;
}

.a918904ac478609f-divider{
	display:none;
}

.a918904ac478609f-tabsWrapper{
	flex:1;
	min-width:0;
	height:100%;
	-webkit-app-region:no-drag;
	overflow-x:auto;
	overflow-y:hidden;
	display:flex;
	align-items:center;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
}

.a918904ac478609f-tabsWrapper::-webkit-scrollbar{
	display:none;
}

.a918904ac478609f-tabsInner{
	display:flex;
	gap:0.78rem;
	align-items:center;
	width:-webkit-max-content;
	width:-moz-max-content;
	width:max-content;
	min-width:-webkit-max-content;
	min-width:-moz-max-content;
	min-width:max-content;
	padding:0;
	border-radius:0;
	border:none;
	background:transparent;
	box-shadow:none;
	overflow-x:auto;
	scrollbar-width:none;
}

.a918904ac478609f-tabsInner::-webkit-scrollbar{
	height:8px;
	background:transparent;
}

.a918904ac478609f-tabsInner::-webkit-scrollbar-track{
	background:transparent;
}

.a918904ac478609f-tabsInner::-webkit-scrollbar-thumb{
	background:transparent;
	border-radius:4px;
}

.a918904ac478609f-tabsInner:hover::-webkit-scrollbar-thumb{
	background:rgba(0, 0, 0, 0.2);
}

.a918904ac478609f-tabsInner:hover::-webkit-scrollbar-thumb:hover{
	background:rgba(0, 0, 0, 0.3);
}

.a918904ac478609f-tabButton{
	display:flex;
	align-items:center;
	gap:0.5rem;
	padding:0.62rem 1.12rem;
	border-radius:0.4rem;
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
	background:transparent;
	border:1px solid transparent;
	cursor:pointer;
	transition:var(--button-motion-transition), transform 180ms ease;
	white-space:nowrap;
	flex-shrink:0;
	position:relative;
	overflow:hidden;
}

.a918904ac478609f-tabButton:hover{
	background:transparent;
	color:var(--text-primary);
	border-color:transparent;
}

.a918904ac478609f-tabButton.a918904ac478609f-active{
	background:color-mix(in srgb, var(--brand-primary) 10%, transparent);
	color:var(--text-primary);
	border-color:color-mix(in srgb, var(--brand-primary) 20%, transparent);
	box-shadow:none;
}

.a918904ac478609f-tabButton.a918904ac478609f-primary{
	background:color-mix(in srgb, var(--brand-primary) 84%, var(--background-floating) 16%);
	color:var(--text-on-brand-primary);
	border-color:color-mix(in srgb, var(--brand-primary) 36%, transparent);
	box-shadow:none;
	isolation:auto;
}

.a918904ac478609f-tabButton.a918904ac478609f-primary:hover{
	background:color-mix(in srgb, var(--brand-primary) 88%, var(--background-floating) 12%);
	color:var(--text-on-brand-primary);
	transform:none;
}

.a918904ac478609f-tabButton.a918904ac478609f-primary.a918904ac478609f-active{
	background:color-mix(in srgb, var(--brand-primary) 92%, var(--background-floating) 8%);
	border-color:color-mix(in srgb, var(--text-on-brand-primary) 24%, transparent);
	box-shadow:none;
}

.a918904ac478609f-tabContent{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.a918904ac478609f-mobileTabsDock{
	position:fixed;
	left:50%;
	bottom:calc(var(--mobile-bottom-nav-height) + 0.45rem);
	transform:translateX(-50%);
	width:min(100%, 33rem);
	padding:0 max(0.75rem, 0px) 0 max(0.75rem, 0px);
	padding:0 max(0.75rem, var(--safe-area-left, 0px)) 0 max(0.75rem, var(--safe-area-right, 0px));
	z-index:1200;
	pointer-events:none;
}

.a918904ac478609f-mobileTabsWrap{
	pointer-events:auto;
	display:flex;
	justify-content:center;
}

.a918904ac478609f-mobileTabsCapsule{
	display:flex;
	align-items:center;
	gap:0.32rem;
	padding:0.3rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--background-floating) 88%, var(--background-secondary) 12%);
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	box-shadow:0 10px 30px color-mix(in srgb, var(--background-primary) 38%, transparent);
	max-width:100%;
	overflow-x:auto;
	scrollbar-width:none;
}

.a918904ac478609f-mobileTabsCapsule::-webkit-scrollbar{
	display:none;
}

@media (max-width: 980px){
	.a918904ac478609f-content{
		padding:0.9rem 0.85rem 1rem;
	}

	.a918904ac478609f-headerContent{
		gap:0.65rem;
	}

	.a918904ac478609f-tabButton{
		padding:0.48rem 0.78rem;
		font-size:0.875rem;
	}
}

@media (max-width: 760px){
	.a918904ac478609f-tabButton{
		padding:0.44rem 0.7rem;
	}
}

@media (max-width: 767px){
	.a918904ac478609f-container{
		grid-template-rows:4rem 1fr;
	}

	.a918904ac478609f-containerMobile{
		grid-template-rows:1fr;
	}

	.a918904ac478609f-content{
		gap:0.85rem;
		padding-top:1.05rem;
		padding-right:0;
		padding-bottom:calc(max(0px, 0px) + 0.35rem);
		padding-bottom:calc(max(var(--safe-area-bottom, 0px), 0px) + 0.35rem);
		padding-left:0;
	}

	.a918904ac478609f-mobileTopBar{
		padding-top:0;
		padding-left:var(--friends-mobile-content-edge);
		padding-right:var(--friends-mobile-content-edge);
	}

	.a918904ac478609f-searchWrapper{
		padding:0.42rem var(--friends-mobile-content-edge) 0.6rem;
	}

	.a918904ac478609f-searchWrapper input{
		min-height:2.9rem;
		border-radius:1.12rem;
		font-size:0.9375rem;
		box-shadow:none;
	}

	.a918904ac478609f-headerContent{
		gap:0.55rem;
	}

	.a918904ac478609f-tabButton{
		padding:0.46rem 0.72rem;
		border-radius:0.82rem;
		font-size:0.83rem;
		line-height:1.1rem;
	}

	.a918904ac478609f-tabButton.a918904ac478609f-primary{
		box-shadow:none;
	}

	.a918904ac478609f-tabContent{
		gap:0.35rem;
	}
}

@media (max-width: 560px){
	.a918904ac478609f-mobileTopTitle{
		font-size:1.22rem;
		line-height:1.46rem;
	}
}

@media (max-width: 480px){
	.a918904ac478609f-content{
		gap:0.75rem;
		padding-top:0.95rem;
	}

	.a918904ac478609f-mobileTopBar{
		gap:0.45rem;
	}

	.a918904ac478609f-mobileTopTitle{
		font-size:1.16rem;
		line-height:1.38rem;
	}

	.a918904ac478609f-searchWrapper{
		padding-top:0.45rem;
		padding-bottom:0.5rem;
	}

	.a918904ac478609f-searchWrapper input{
		min-height:2.6rem;
		border-radius:0.95rem;
		font-size:0.9rem;
	}

	.a918904ac478609f-tabButton{
		padding:0.42rem 0.62rem;
		font-size:0.79rem;
		line-height:1.02rem;
	}

	.a918904ac478609f-mobileTabsStrip{
		padding-left:max(var(--friends-mobile-content-edge), 0px);
		padding-left:max(var(--friends-mobile-content-edge), var(--safe-area-left, 0px));
		padding-right:max(var(--friends-mobile-content-edge), 0px);
		padding-right:max(var(--friends-mobile-content-edge), var(--safe-area-right, 0px));
		padding-bottom:0.52rem;
	}
}

@media (max-width: 420px){
	.a918904ac478609f-content{
		padding-top:0.85rem;
	}

	.a918904ac478609f-mobileTopBar{
		padding-bottom:0.2rem;
	}

	.a918904ac478609f-mobileTopTitle{
		font-size:1.08rem;
		line-height:1.28rem;
	}

	.a918904ac478609f-searchWrapper{
		padding-top:0.38rem;
		padding-bottom:0.46rem;
	}

	.a918904ac478609f-searchWrapper input{
		min-height:2.45rem;
		font-size:0.84rem;
	}

	.a918904ac478609f-tabButton{
		padding:0.38rem 0.52rem;
		border-radius:0.72rem;
		font-size:0.74rem;
		line-height:0.95rem;
	}

	.a918904ac478609f-tabContent{
		gap:0.25rem;
	}

	.a918904ac478609f-mobileTabsStrip{
		padding-bottom:0.46rem;
	}
}

@media (max-width: 360px){
	.a918904ac478609f-content{
		padding-top:0.8rem;
	}

	.a918904ac478609f-searchWrapper input{
		min-height:2.35rem;
		font-size:0.8rem;
	}

	.a918904ac478609f-tabButton{
		padding:0.34rem 0.46rem;
		font-size:0.7rem;
		line-height:0.9rem;
	}
}

@media (max-width: 767px){
	.a918904ac478609f-mobileTabsStripViewport{
		overflow:visible;
	}

	.a918904ac478609f-mobileTabsInline{
		display:grid;
		grid-template-columns:repeat(3, minmax(0, 1fr));
		grid-gap:0.42rem;
		gap:0.42rem;
		width:100%;
		min-width:0;
	}

	.a918904ac478609f-mobileTabsInline .a918904ac478609f-tabButton{
		width:100%;
		min-width:0;
		padding-inline:0.35rem;
		background:transparent;
		border:none;
		border-radius:0;
	}

	.a918904ac478609f-mobileTabsInline .a918904ac478609f-tabButton.a918904ac478609f-active{
		background:transparent;
		box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--brand-primary) 78%, var(--text-primary));
	}

	.a918904ac478609f-mobileTabsInline .a918904ac478609f-tabButton.a918904ac478609f-primary{
		grid-column:1 / -1;
		min-height:2.55rem;
		border-radius:0.8rem;
		background:color-mix(in srgb, var(--brand-primary) 86%, var(--background-floating) 14%);
		color:var(--text-on-brand-primary);
	}

	.a918904ac478609f-mobileTabsInline .a918904ac478609f-tabButton.a918904ac478609f-primary.a918904ac478609f-active{
		background:color-mix(in srgb, var(--brand-primary) 92%, var(--background-floating) 8%);
		color:var(--text-on-brand-primary);
	}

	.a918904ac478609f-mobileTabsInline .a918904ac478609f-tabContent{
		min-width:0;
		justify-content:center;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}

@media (prefers-reduced-motion: reduce){
	.a918904ac478609f-tabButton{
		transition:none;
	}
}

._9b75e7ac4c6ad667-container{
	display:flex;
	height:100%;
	flex-direction:column;
	overflow:hidden;
}

._9b75e7ac4c6ad667-scroller{
	flex:1;
	min-height:0;
	min-width:0;
}

._9b75e7ac4c6ad667-content{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding:16px;
	padding-bottom:calc(16px + 0px);
	padding-bottom:var(--create-dm-scroll-padding-bottom, calc(16px + var(--safe-area-bottom, 0px)));
}

._9b75e7ac4c6ad667-description{
	color:var(--text-primary-muted);
	font-size:14px;
	line-height:20px;
}

._9b75e7ac4c6ad667-friendSelector{
	height:400px;
}

._9b75e7ac4c6ad667-footer{
	display:flex;
	flex-shrink:0;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
	padding:16px;
	padding-bottom:calc(16px + 0px);
	padding-bottom:calc(16px + var(--safe-area-bottom, 0px));
	border-top:1px solid var(--border-subtle);
}

._9b75e7ac4c6ad667-cancelButton{
	border-radius:6px;
	background-color:transparent;
	padding-left:16px;
	padding-right:16px;
	padding-top:8px;
	padding-bottom:8px;
	font-weight:500;
	font-size:14px;
	line-height:20px;
	color:var(--text-primary);
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	._9b75e7ac4c6ad667-cancelButton:hover{
		text-decoration:underline;
	}
}

._9b75e7ac4c6ad667-createButton{
	border-radius:6px;
	background-color:var(--brand-primary);
	padding-left:16px;
	padding-right:16px;
	padding-top:8px;
	padding-bottom:8px;
	font-weight:500;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	._9b75e7ac4c6ad667-createButton:hover{
		background-color:var(--brand-secondary);
	}
}

._9b75e7ac4c6ad667-createButton:disabled{
	opacity:0.5;
}

._0f2d9294be200fb9-container{
	display:flex;
	height:100%;
	flex-direction:column;
	overflow:hidden;
}

._0f2d9294be200fb9-backButton{
	display:flex;
	align-items:center;
	color:var(--text-primary);
}

._0f2d9294be200fb9-backIcon{
	width:20px;
	height:20px;
}

._0f2d9294be200fb9-scrollContent{
	padding:16px;
	padding-bottom:calc(16px + 0px);
	padding-bottom:calc(16px + var(--safe-area-bottom, 0px));
}

._0f2d9294be200fb9-form{
	display:flex;
	flex-direction:column;
	gap:24px;
}

._0f2d9294be200fb9-iconSection{
	display:flex;
	flex-direction:column;
}

._0f2d9294be200fb9-iconLabel{
	margin-bottom:8px;
	font-size:14px;
	font-weight:500;
	color:var(--text-primary);
}

._0f2d9294be200fb9-iconContainer{
	display:flex;
	align-items:center;
	gap:16px;
}

._0f2d9294be200fb9-iconPreview{
	width:80px;
	height:80px;
	flex-shrink:0;
	border-radius:50%;
	background-size:cover;
	background-position:center;
}

._0f2d9294be200fb9-iconPlaceholder{
	display:flex;
	width:80px;
	height:80px;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	border:4px dashed var(--text-tertiary);
}

._0f2d9294be200fb9-iconPlaceholderIcon{
	width:32px;
	height:32px;
	color:var(--text-tertiary);
}

._0f2d9294be200fb9-iconActions{
	display:flex;
	flex:1;
	flex-direction:column;
	gap:8px;
}

._0f2d9294be200fb9-iconButtonGroup{
	display:flex;
	flex-direction:column;
	gap:8px;
}

._0f2d9294be200fb9-iconHint{
	font-size:14px;
	color:var(--text-primary-muted);
}

._0f2d9294be200fb9-iconError{
	margin-top:8px;
	font-size:14px;
	color:var(--status-danger);
}

._0f2d9294be200fb9-footer{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}

._0f2d9294be200fb9-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._0f2d9294be200fb9-fullWidth{
	width:100%;
}

._0f2d9294be200fb9-hiddenInput{
	display:none;
}

._0f2d9294be200fb9-scroller{
	flex:1;
}

._7c250f182f420b69-container{
	display:flex;
	height:100%;
	flex-direction:column;
	overflow:hidden;
}

._7c250f182f420b69-backButton{
	display:flex;
	align-items:center;
	color:var(--text-primary);
}

._7c250f182f420b69-backIcon{
	height:20px;
	width:20px;
}

._7c250f182f420b69-scroller{
	flex:1;
}

._7c250f182f420b69-content{
	padding:16px;
	padding-bottom:calc(16px + 0px);
	padding-bottom:calc(16px + var(--safe-area-bottom, 0px));
}

._7c250f182f420b69-loadingContainer{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:32px 0;
}

._7c250f182f420b69-loadingText{
	color:var(--text-primary-muted);
}

._7c250f182f420b69-emptyContainer{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:32px 0;
}

._7c250f182f420b69-emptyText{
	color:var(--text-primary-muted);
}

._7c250f182f420b69-inviteList{
	display:flex;
	flex-direction:column;
	gap:8px;
}

._7c250f182f420b69-inviteItem{
	display:flex;
	align-items:center;
	gap:12px;
	border-radius:6px;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-tertiary);
	padding:12px;
}

._7c250f182f420b69-inviteDetails{
	flex:1;
}

._7c250f182f420b69-inviteUrl{
	font-size:14px;
	font-weight:600;
	color:var(--text-primary);
}

._7c250f182f420b69-inviteInfo{
	font-size:12px;
	color:var(--text-primary-muted);
}

._7c250f182f420b69-revokeButton{
	display:flex;
	height:32px;
	width:32px;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	color:var(--text-primary-muted);
	transition:background-color 0.2s, color 0.2s;
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	._7c250f182f420b69-revokeButton:hover{
		background-color:color-mix(in srgb, var(--status-danger) 15%, transparent);
		color:var(--status-danger);
	}
}

._7c250f182f420b69-revokeIcon{
	height:16px;
	width:16px;
}

.de91617a940c1e50-root{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	min-height:0;
	will-change:transform;
}

.de91617a940c1e50-indicator{
	position:absolute;
	top:calc(0.32rem + 0px);
	top:calc(0.32rem + var(--safe-area-top, 0px));
	left:50%;
	width:1.72rem;
	height:1.72rem;
	transform:translateX(-50%) translateZ(0) scale(0.78);
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--text-primary) 9%, transparent);
	background:linear-gradient(
			160deg,
			color-mix(in srgb, var(--background-floating) 90%, var(--background-secondary) 10%),
			color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%)
		);
	box-shadow:0 8px 20px color-mix(in srgb, var(--background-primary) 20%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 12%, transparent);
	color:color-mix(in srgb, var(--text-primary) 88%, var(--brand-primary));
	pointer-events:none;
	z-index:2;
	-webkit-backdrop-filter:blur(10px);
	        backdrop-filter:blur(10px);
	transition:opacity 140ms ease, transform 140ms ease, background 140ms ease, border-color 140ms ease, color 140ms ease;
}

.de91617a940c1e50-indicator::before{
	content:'';
	position:absolute;
	inset:0.18rem;
	border-radius:inherit;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	pointer-events:none;
}

.de91617a940c1e50-indicatorVisible{
	opacity:1;
}

.de91617a940c1e50-indicatorArmed{
	border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
	background:linear-gradient(
			160deg,
			color-mix(in srgb, var(--brand-primary) 16%, var(--background-floating)),
			color-mix(in srgb, var(--brand-primary) 10%, var(--background-secondary))
		);
	color:color-mix(in srgb, var(--brand-primary) 88%, var(--text-primary));
}

.de91617a940c1e50-indicatorGlyph{
	position:relative;
	display:inline-flex;
	width:1rem;
	height:1rem;
	align-items:center;
	justify-content:center;
	transform-origin:center;
	transition:transform 140ms ease;
}

.de91617a940c1e50-indicatorGlyphArmed{
	animation:de91617a940c1e50-pullRefreshSpin 620ms linear infinite;
}

@keyframes de91617a940c1e50-pullRefreshSpin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce){
	.de91617a940c1e50-indicator,
	.de91617a940c1e50-indicatorGlyph{
		transition:none;
	}

	.de91617a940c1e50-indicatorGlyphArmed{
		animation:none;
	}
}

._7fc60f9d79f4f159-root{
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius:0;
	-webkit-tap-highlight-color:transparent;
	transform:translateZ(0);
	isolation:isolate;
}

._7fc60f9d79f4f159-content{
	position:relative;
	z-index:1;
	will-change:transform;
	border-radius:0;
	overflow:hidden;
}

._7fc60f9d79f4f159-actionLayer{
	position:absolute;
	top:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	color:#fff;
	color:var(--white, #fff);
	font-size:18px;
	pointer-events:none;
	z-index:0;
	padding-inline:0.9rem;
	overflow:hidden;
	background:var(
		--swipe-action-background,
		linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 30%, var(--background-secondary) 70%), var(--background-secondary))
	);
	box-shadow:none;
}

._7fc60f9d79f4f159-actionLayerRight{
	right:0;
	left:auto;
}

._7fc60f9d79f4f159-actionLayerLeft{
	left:0;
	right:auto;
	justify-content:flex-start;
}

._7fc60f9d79f4f159-actionLayerArmed{
	-webkit-filter:saturate(1.04) brightness(1.05);
	        filter:saturate(1.04) brightness(1.05);
}

._7fc60f9d79f4f159-actionBody{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-end;
	gap:0.46rem;
	min-width:-webkit-max-content;
	min-width:-moz-max-content;
	min-width:max-content;
	transform:translateX(calc((1 - 0) * 4px));
	transform:translateX(calc((1 - var(--swipe-action-progress, 0)) * 4px));
	transition:transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

._7fc60f9d79f4f159-actionBodyIconOnly{
	min-width:2.25rem;
	transform:translateX(calc((1 - 0) * 2px));
	transform:translateX(calc((1 - var(--swipe-action-progress, 0)) * 2px));
}

._7fc60f9d79f4f159-actionIcon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:1.52rem;
	height:1.52rem;
	flex:0 0 1.52rem;
	border-radius:999px;
	background:transparent;
	box-shadow:none;
	transition:transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}

._7fc60f9d79f4f159-actionIcon svg{
	width:0.95rem;
	height:0.95rem;
}

._7fc60f9d79f4f159-actionLabel{
	font-size:0.72rem;
	font-weight:600;
	line-height:1;
	letter-spacing:0.02em;
	white-space:nowrap;
	text-shadow:none;
}

._6bd0671dfcf3e3f7-dmListContainer,
._6bd0671dfcf3e3f7-mobileContainer{
	--dm-mobile-edge:clamp(0.72rem, 3.6vw, 0.95rem);
	--dm-mobile-content-edge:calc(var(--dm-mobile-edge) + 0.1rem);
	--dm-shell-top:color-mix(in srgb, var(--background-secondary) 94%, var(--background-primary) 6%);
	--dm-shell-bottom:color-mix(in srgb, var(--background-secondary) 94%, var(--background-primary) 6%);
	--dm-card-top:color-mix(in srgb, var(--background-floating) 78%, var(--background-primary) 22%);
	--dm-card-bottom:color-mix(in srgb, var(--background-floating) 78%, var(--background-primary) 22%);
	--dm-card-hover-top:color-mix(in srgb, var(--background-floating) 88%, var(--background-primary) 12%);
	--dm-card-hover-bottom:color-mix(in srgb, var(--background-floating) 88%, var(--background-primary) 12%);
	--dm-border:color-mix(in srgb, var(--text-primary) 6%, transparent);
	--dm-border-strong:color-mix(in srgb, var(--text-primary) 10%, transparent);
	--dm-shadow:rgb(15 23 42 / 0.12);
	--dm-highlight:color-mix(in srgb, var(--text-primary) 8%, transparent);
	--dm-icon-top:color-mix(in srgb, var(--background-floating) 82%, var(--background-primary) 18%);
	--dm-icon-bottom:color-mix(in srgb, var(--background-secondary) 78%, var(--background-primary) 22%);
	--dm-primary-top:color-mix(in srgb, var(--brand-primary) 76%, var(--background-primary) 24%);
	--dm-primary-bottom:color-mix(in srgb, var(--brand-primary) 76%, var(--background-primary) 24%);
	--dm-selected-top:color-mix(in srgb, var(--brand-primary) 16%, var(--dm-card-top));
	--dm-selected-bottom:color-mix(in srgb, var(--brand-primary) 16%, var(--dm-card-top));
	--dm-unread-dot:color-mix(in srgb, var(--brand-primary) 82%, var(--text-primary));
	--dm-divider:color-mix(in srgb, var(--text-primary) 18%, transparent);
	--dm-fab-top:color-mix(in srgb, var(--brand-primary) 74%, var(--background-primary) 26%);
	--dm-fab-bottom:color-mix(in srgb, var(--brand-primary) 74%, var(--background-primary) 26%);
	--dm-on-accent:var(--text-on-brand-primary);
	--pluto-violet-strong:#8d63ff;
	--pluto-violet-soft:#6f43de;
	--pluto-violet-deep:#4f2aa8;
	--pluto-violet-glow:rgb(129 86 255 / 0.58);
}

._6bd0671dfcf3e3f7-dmListContainer{
	position:relative;
	display:grid;
	grid-template-rows:auto 1fr auto;
	height:calc(100% - 0px);
	height:calc(100% - var(--layout-user-area-reserved-height, 0px));
	min-height:0;
	width:var(--layout-sidebar-width);
	min-width:0;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	overflow:hidden;
	background:var(--dm-shell-top);
	border-right:none;
	padding-bottom:0;
	isolation:isolate;
	contain:layout paint;
	transition:height var(--motion-dur-medium) var(--motion-ease-smooth);
}

._6bd0671dfcf3e3f7-dmListContainer::before{
	display:none;
}

._6bd0671dfcf3e3f7-dmListHeader{
	display:flex;
	align-items:center;
	height:auto;
	min-height:0;
	background-color:transparent;
	padding:0.875rem 0.75rem 0.5rem;
	width:100%;
	border:none;
	border-bottom:none;
	cursor:pointer;
	text-align:left;
	transition:transform 180ms ease;
}

._6bd0671dfcf3e3f7-dmListHeaderButton{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	height:2.75rem;
	padding:0 4.5rem 0 0.9375rem;
	border:1px solid transparent;
	border-radius:0.5rem;
	background:color-mix(in srgb, var(--background-floating) 10%, transparent);
	color:color-mix(in srgb, var(--text-primary-muted) 78%, var(--text-primary));
	font-size:0.875rem;
	font-weight:600;
	box-shadow:none;
	-webkit-backdrop-filter:none;
	        backdrop-filter:none;
	transition:var(--button-motion-transition), transform 120ms ease;
}

._6bd0671dfcf3e3f7-dmListHeader:hover{
	transform:none;
}

._6bd0671dfcf3e3f7-dmListHeader:hover ._6bd0671dfcf3e3f7-dmListHeaderButton{
	color:var(--text-primary);
	border-color:transparent;
	box-shadow:none;
}

._6bd0671dfcf3e3f7-dmListHeaderText{
	display:block;
	flex:1 1 auto;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._6bd0671dfcf3e3f7-dmListHeaderShortcut{
	position:absolute;
	right:var(--spacing-2);
	display:flex;
	align-items:center;
	gap:0.125rem;
	flex-shrink:0;
}

._6bd0671dfcf3e3f7-dmListHeaderShortcut kbd{
	display:inline-flex;
	height:1.125rem;
	min-width:1.125rem;
	align-items:center;
	justify-content:center;
	padding:0 0.25rem;
	border-radius:999px;
	background:linear-gradient(180deg, var(--dm-card-hover-top), var(--dm-card-hover-bottom));
	color:var(--text-primary);
	font-size:0.625rem;
	font-weight:700;
	font-family:inherit;
	border:1px solid var(--dm-border);
	box-shadow:inset 0 1px 0 var(--dm-highlight);
}

._6bd0671dfcf3e3f7-theme-light ._6bd0671dfcf3e3f7-dmListHeaderShortcut kbd{
	border-color:var(--dm-border);
	background:linear-gradient(180deg, var(--dm-card-hover-top), var(--dm-card-hover-bottom));
	color:var(--text-primary);
	box-shadow:inset 0 1px 0 var(--dm-highlight);
}

._6bd0671dfcf3e3f7-mobileContainer{
	position:relative;
	display:grid;
	grid-template-rows:auto auto minmax(0, 1fr);
	height:100%;
	min-height:0;
	width:100%;
	max-width:100%;
	min-width:0;
	contain:layout paint;
	overflow-x:hidden;
	background:var(--background-primary);
}

._6bd0671dfcf3e3f7-mobileContainer,
._6bd0671dfcf3e3f7-mobileContainer *{
	box-sizing:border-box;
}

._6bd0671dfcf3e3f7-mobileHeader{
	display:block;
	height:auto;
	min-height:4.25rem;
	flex-shrink:0;
	border-bottom:none;
	padding:calc(0.82rem + (0px * 0.12)) var(--dm-mobile-content-edge) 0.68rem;
	padding:calc(0.82rem + (var(--safe-area-top, 0px) * 0.12)) var(--dm-mobile-content-edge) 0.68rem;
	min-width:0;
	box-sizing:border-box;
	width:100%;
	max-width:100%;
	overflow-x:hidden;
}

._6bd0671dfcf3e3f7-mobileHeaderInner{
	display:flex;
	flex-direction:column;
	align-items:stretch;
	width:100%;
	max-width:100%;
	min-width:0;
	gap:0;
	margin-left:0;
	margin-right:0;
	padding:0;
}

._6bd0671dfcf3e3f7-mobileWelcomeRow{
	display:grid;
	grid-template-columns:minmax(0, 1fr) 2.35rem;
	width:100%;
	max-width:100%;
	min-width:0;
	align-items:center;
	grid-gap:0.75rem;
	gap:0.75rem;
	padding:0;
}

._6bd0671dfcf3e3f7-mobileWelcomeProfile{
	display:flex;
	align-items:center;
	flex:1 1 auto;
	min-width:0;
	width:100%;
	overflow:hidden;
	gap:0.72rem;
}

._6bd0671dfcf3e3f7-mobileWelcomeProfile > :first-child{
	flex:0 0 auto;
}

._6bd0671dfcf3e3f7-mobileWelcomeAvatarFallback{
	height:3rem;
	width:3rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	flex-shrink:0;
}

._6bd0671dfcf3e3f7-mobileWelcomeCopy{
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
	min-width:0;
}

._6bd0671dfcf3e3f7-mobileWelcomeEyebrow{
	display:block;
	font-size:0.86rem;
	line-height:1.1rem;
	color:color-mix(in srgb, var(--text-secondary) 90%, var(--text-primary));
}

._6bd0671dfcf3e3f7-mobileWelcomeName{
	display:block;
	font-size:1.34rem;
	line-height:1.5rem;
	font-weight:800;
	letter-spacing:-0.02em;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._6bd0671dfcf3e3f7-mobileBellButton{
	position:relative;
	display:flex;
	height:2.35rem;
	width:2.35rem;
	flex:0 0 auto;
	align-items:center;
	justify-content:center;
	border:none;
	border-radius:0.95rem;
	background:color-mix(in srgb, var(--background-secondary) 72%, var(--background-primary) 28%);
	color:color-mix(in srgb, var(--text-primary) 88%, var(--text-secondary));
	cursor:pointer;
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
	transition:background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

._6bd0671dfcf3e3f7-mobileBellButtonSelected{
	background:color-mix(in srgb, var(--brand-primary) 24%, var(--background-secondary) 76%);
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-mobileBellDot{
	position:absolute;
	top:0.45rem;
	right:0.46rem;
	height:0.44rem;
	width:0.44rem;
	border-radius:999px;
	background:var(--status-danger);
	box-shadow:0 0 0 0.12rem color-mix(in srgb, var(--background-primary) 80%, transparent);
}

._6bd0671dfcf3e3f7-mobileHeaderTitle{
	margin:0;
	font-family:'SF Pro Display', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight:800;
	font-size:1.3rem;
	line-height:1.58rem;
	letter-spacing:-0.015em;
	color:var(--text-primary);
	min-width:0;
	flex:1 1 auto;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
}

._6bd0671dfcf3e3f7-mobileHeaderActions{
	display:grid;
	grid-auto-flow:column;
	grid-auto-columns:-webkit-max-content;
	grid-auto-columns:max-content;
	align-items:center;
	grid-gap:0.625rem;
	gap:0.625rem;
	min-width:0;
	flex:0 0 auto;
	justify-content:flex-end;
	flex-wrap:nowrap;
	max-width:100%;
}

._6bd0671dfcf3e3f7-mobileHeaderButton{
	display:flex;
	height:2.25rem;
	width:2.25rem;
	flex:0 0 auto;
	align-items:center;
	justify-content:center;
	border-radius:0.95rem;
	background:linear-gradient(180deg, var(--dm-card-top), var(--dm-card-bottom)), color-mix(in srgb, var(--brand-primary) 5%, transparent);
	color:var(--text-primary);
	border:1px solid var(--dm-border);
	cursor:pointer;
	box-shadow:0 10px 22px rgb(15 23 42 / 0.12), inset 0 1px 0 var(--dm-highlight);
	transition:var(--button-motion-transition), transform 180ms ease;
}

._6bd0671dfcf3e3f7-mobileHeaderButton ._6bd0671dfcf3e3f7-iconSize5{
	width:1.2rem;
	height:1.2rem;
}

._6bd0671dfcf3e3f7-mobileHeaderButton:hover{
	background:linear-gradient(180deg, var(--dm-card-hover-top), var(--dm-card-hover-bottom)), color-mix(in srgb, var(--brand-primary) 7%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 12%, transparent);
	transform:translateY(-1px);
}

._6bd0671dfcf3e3f7-mobileAddFriendButton{
	position:relative;
	display:flex;
	align-items:center;
	min-width:0;
	flex:0 1 auto;
	flex-shrink:1;
	gap:0.56rem;
	border-radius:999px;
	background:linear-gradient(135deg, var(--dm-primary-top), var(--dm-primary-bottom)), var(--brand-primary);
	padding-left:0.95rem;
	padding-right:0.95rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	max-width:min(64vw, 11.5rem);
	min-height:2.25rem;
	white-space:nowrap;
	font-weight:600;
	font-size:0.84rem;
	line-height:1.15rem;
	color:var(--dm-on-accent);
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	cursor:pointer;
	box-shadow:0 16px 34px color-mix(in srgb, var(--brand-primary) 38%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 12%, transparent);
	transition:var(--button-motion-transition), transform 180ms ease;
}

._6bd0671dfcf3e3f7-mobileAddFriendButton > span{
	display:block;
	min-width:0;
	max-width:7.9rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._6bd0671dfcf3e3f7-mobileAddFriendButton ._6bd0671dfcf3e3f7-iconSize4{
	width:1.12rem;
	height:1.12rem;
	flex-shrink:0;
}

._6bd0671dfcf3e3f7-mobileSwipeRow{
	width:100%;
	max-width:100%;
	min-width:0;
	box-sizing:border-box;
	overflow:hidden;
	border-radius:0.95rem;
	padding-left:0.6rem;
	padding-right:0.6rem;
	margin-bottom:0.08rem;
}

._6bd0671dfcf3e3f7-mobileAddFriendButton:hover{
	transform:translateY(-1px);
	background:linear-gradient(
			135deg,
			color-mix(in srgb, var(--brand-primary) 88%, var(--background-floating) 12%),
			color-mix(in srgb, var(--brand-primary) 72%, var(--background-primary) 28%)
		), var(--brand-primary);
	box-shadow:0 22px 38px color-mix(in srgb, var(--brand-primary) 48%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 14%, transparent);
}

._6bd0671dfcf3e3f7-mobileAddFriendBadge{
	position:absolute;
	top:-0.25rem;
	right:-0.25rem;
	display:flex;
	height:1.25rem;
	min-width:1.25rem;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-full);
	background-color:var(--status-danger);
	padding-left:0.25rem;
	padding-right:0.25rem;
	color:white;
	font-size:0.75rem;
	line-height:1rem;
}

._6bd0671dfcf3e3f7-mobileScrollerContent{
	display:flex;
	flex-direction:column;
	gap:0;
	padding:0.24rem 0 var(--mobile-bottom-nav-height);
	max-width:100%;
	margin-left:0;
	margin-right:0;
	width:100%;
	min-height:100%;
	min-width:0;
	box-sizing:border-box;
	transform:translateZ(0);
	overflow-x:hidden;
}

._6bd0671dfcf3e3f7-mobileQuickSection{
	display:flex;
	flex-direction:column;
	gap:0.4375rem;
	padding-bottom:0.4rem;
}

._6bd0671dfcf3e3f7-mobileChatsSection{
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
	gap:0.42rem;
	margin-top:0;
	padding:0;
	border:none;
	border-radius:0;
	background:transparent;
	box-shadow:none;
}

._6bd0671dfcf3e3f7-mobileTopQuickRow{
	display:flex;
	align-items:flex-end;
	gap:0.95rem;
	width:100%;
	max-width:100%;
	overflow-x:auto;
	padding:0.12rem 0.78rem 0.42rem 0.78rem;
	border-bottom:none;
	scrollbar-width:none;
}

._6bd0671dfcf3e3f7-mobileTopQuickShell{
	width:100%;
	max-width:100%;
	min-width:0;
	margin:0;
	padding-top:0.04rem;
	position:relative;
	top:auto;
	z-index:5;
	background:var(--background-primary);
	backdrop-filter:none;
	-webkit-backdrop-filter:none;
	border-bottom:none;
	margin-bottom:-1px;
	overflow-x:hidden;
}

._6bd0671dfcf3e3f7-mobileTopQuickShell::after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:2px;
	background:var(--background-primary);
	pointer-events:none;
}

._6bd0671dfcf3e3f7-mobileTopQuickItem{
	flex:0 0 auto;
	animation:none;
}

._6bd0671dfcf3e3f7-mobileTopQuickRow::-webkit-scrollbar{
	display:none;
}

._6bd0671dfcf3e3f7-mobileSearchWrapper{
	width:100%;
	max-width:100%;
	min-width:0;
	padding:0.42rem var(--dm-mobile-content-edge) 0.6rem;
	animation:none;
	overflow:hidden;
}

._6bd0671dfcf3e3f7-mobileSearchWrapper > *{
	width:100%;
	max-width:100%;
	min-width:0;
}

._6bd0671dfcf3e3f7-mobileSearchWrapper input{
	min-height:2.9rem;
	border-radius:0.5rem;
	border-color:transparent;
	background:color-mix(in srgb, var(--background-secondary) 88%, var(--background-primary) 12%);
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
	color:var(--text-primary);
	font-weight:500;
	transition:border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

._6bd0671dfcf3e3f7-mobileSearchWrapper input:focus,
._6bd0671dfcf3e3f7-mobileSearchWrapper input:focus-within{
	border-color:color-mix(in srgb, var(--brand-primary) 20%, transparent);
	transform:none;
}

._6bd0671dfcf3e3f7-mobileSearchWrapper input::-webkit-input-placeholder{
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
}

._6bd0671dfcf3e3f7-mobileSearchWrapper input::-moz-placeholder{
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
}

._6bd0671dfcf3e3f7-mobileSearchWrapper input::-ms-input-placeholder{
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
}

._6bd0671dfcf3e3f7-mobileSearchWrapper input:-ms-input-placeholder{
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
}

._6bd0671dfcf3e3f7-mobileSearchWrapper input::placeholder{
	color:color-mix(in srgb, var(--text-primary-muted) 92%, var(--text-secondary));
}

._6bd0671dfcf3e3f7-mobileSearchIcon{
	height:1.25rem;
	width:1.25rem;
	color:color-mix(in srgb, var(--brand-primary) 42%, var(--text-primary));
}

._6bd0671dfcf3e3f7-mobileGuildStrip{
	display:flex;
	align-items:center;
	gap:0.52rem;
	width:100%;
	max-width:100%;
	min-width:0;
	padding:0 var(--dm-mobile-content-edge) 0.58rem;
	animation:none;
	overflow:hidden;
}

._6bd0671dfcf3e3f7-mobileGuildAddButton{
	display:inline-flex;
	flex:0 0 auto;
	align-items:center;
	justify-content:center;
	width:2.65rem;
	height:2.65rem;
	border:none;
	border-radius:0.95rem;
	background:transparent;
	color:var(--text-primary);
	box-shadow:none;
}

._6bd0671dfcf3e3f7-mobileGuildStripViewport{
	display:flex;
	align-items:stretch;
	gap:0.5rem;
	flex:1 1 auto;
	width:auto;
	max-width:100%;
	min-width:0;
	overflow-x:scroll;
	overflow-y:hidden;
	padding:0.02rem 0 0.08rem;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior-x:contain;
	overscroll-behavior-inline:contain;
	touch-action:pan-x;
	cursor:-webkit-grab;
	cursor:grab;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

._6bd0671dfcf3e3f7-mobileGuildStripViewport::-webkit-scrollbar{
	display:none;
}

._6bd0671dfcf3e3f7-mobileGuildStripItem{
	position:relative;
	display:flex;
	flex:0 0 auto;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	gap:0.52rem;
	width:auto;
	min-width:8.4rem;
	max-width:11.2rem;
	min-height:2.86rem;
	padding:0.28rem 0.62rem 0.28rem 0.42rem;
	border:none;
	border-radius:0.5rem;
	background:color-mix(in srgb, var(--background-secondary) 82%, var(--background-primary) 18%);
	color:color-mix(in srgb, var(--text-secondary) 82%, var(--text-primary));
	touch-action:pan-x;
	scroll-snap-align:start;
	transition:background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

._6bd0671dfcf3e3f7-mobileGuildStripItemSelected{
	background:color-mix(in srgb, var(--brand-primary) 20%, var(--background-secondary) 80%);
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-mobileGuildStripAvatar{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:1.82rem;
	width:1.82rem;
	flex-shrink:0;
	border-radius:999px;
	background-color:color-mix(in srgb, var(--background-tertiary) 84%, var(--background-primary) 16%);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	color:var(--text-primary);
	font-size:0.66rem;
	font-weight:700;
	letter-spacing:0.015em;
}

._6bd0671dfcf3e3f7-mobileGuildStripAvatarFallback{
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
}

._6bd0671dfcf3e3f7-mobileGuildStripInitials{
	display:block;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._6bd0671dfcf3e3f7-mobileGuildStripName{
	display:block;
	min-width:0;
	width:auto;
	max-width:8.1rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left;
	font-size:0.78rem;
	line-height:0.96rem;
	font-weight:600;
}

._6bd0671dfcf3e3f7-mobileGuildStripBadge{
	position:absolute;
	top:-0.04rem;
	right:-0.04rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:1rem;
	height:1rem;
	padding:0 0.2rem;
	border-radius:999px;
	background:var(--status-danger);
	color:white;
	font-size:0.66rem;
	line-height:0.8rem;
	font-weight:700;
}

._6bd0671dfcf3e3f7-mobileQuickSection,
._6bd0671dfcf3e3f7-mobileChatsSection{
	width:100%;
	max-width:100%;
	min-width:0;
	overflow-x:clip;
}

._6bd0671dfcf3e3f7-mobileQuickSection > *,
._6bd0671dfcf3e3f7-mobileChatsSection > *{
	width:100%;
	max-width:100%;
	min-width:0;
}

._6bd0671dfcf3e3f7-mobileChatsSectionHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.5rem;
	padding:0.1rem 0.1rem 0.25rem;
}

._6bd0671dfcf3e3f7-mobileChatsSectionTitleWrap{
	display:flex;
	min-width:0;
	align-items:baseline;
	gap:0.45rem;
	flex-wrap:wrap;
}

._6bd0671dfcf3e3f7-mobileChatsSectionTitle{
	font-size:0.95rem;
	line-height:1.2;
	font-weight:800;
	letter-spacing:-0.02em;
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-mobileChatsSectionMeta{
	font-size:0.72rem;
	line-height:1rem;
	font-weight:700;
	letter-spacing:0.08em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--text-secondary) 84%, var(--text-primary));
}

._6bd0671dfcf3e3f7-mobileRefreshStatus{
	display:flex;
	align-items:center;
	gap:0.45rem;
	padding:0.2rem 0.1rem 0.3rem;
	color:color-mix(in srgb, var(--brand-primary) 68%, var(--text-primary));
	font-size:0.75rem;
	font-weight:700;
	letter-spacing:0.03em;
	text-transform:uppercase;
}

._6bd0671dfcf3e3f7-mobileRefreshDot{
	width:0.5rem;
	height:0.5rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--brand-primary) 88%, var(--text-primary) 12%);
	box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--brand-primary) 22%, transparent);
	animation:_6bd0671dfcf3e3f7-dmRefreshDotPulse 900ms ease-in-out infinite;
}

._6bd0671dfcf3e3f7-mobileRefreshLabel{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._6bd0671dfcf3e3f7-desktopScroller{
	background-color:transparent;
}

._6bd0671dfcf3e3f7-mobileScroller{
	background-color:transparent;
	overscroll-behavior-y:contain;
	width:100%;
	min-width:0;
	max-width:100%;
	overflow-x:hidden;
}

._6bd0671dfcf3e3f7-mobilePullArea{
	min-width:0;
	max-width:100%;
	overflow-x:hidden;
}

._6bd0671dfcf3e3f7-mobileFAB{
	position:fixed;
	right:1rem;
	bottom:calc(60px + 0px + 1rem);
	bottom:calc(60px + var(--safe-area-bottom, 0px) + 1rem);
	z-index:50;
	display:flex;
	height:3.5rem;
	width:3.5rem;
	align-items:center;
	justify-content:center;
	border-radius:1.25rem;
	background:linear-gradient(135deg, var(--dm-fab-top), var(--dm-fab-bottom)), var(--brand-primary);
	color:var(--dm-on-accent);
	box-shadow:0 22px 44px color-mix(in srgb, var(--brand-primary) 34%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 12%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	cursor:pointer;
}

._6bd0671dfcf3e3f7-scrollerContent{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	padding-top:0.125rem;
	padding-bottom:0.625rem;
	padding-left:0.75rem;
	padding-right:max(0px, calc(0.75rem - 8px));
	padding-right:max(0px, calc(0.75rem - var(--scroller-track-size, 8px)));
}

._6bd0671dfcf3e3f7-clickableItem{
	display:flex;
	height:3rem;
	width:100%;
	cursor:pointer;
	align-items:center;
	border-radius:1.125rem;
	border:1px solid transparent;
	padding-left:0.75rem;
	padding-right:0.75rem;
	text-align:left;
	background:color-mix(in srgb, var(--background-floating) 8%, transparent);
	color:var(--text-primary-muted);
	box-shadow:none;
	transition:var(--button-motion-transition), transform 180ms ease;
}

._6bd0671dfcf3e3f7-clickableItemPlutonium{
	position:relative;
	overflow:hidden;
	background:linear-gradient(
			135deg,
			color-mix(in srgb, var(--pluto-violet-strong) 84%, var(--background-floating) 16%),
			color-mix(in srgb, var(--pluto-violet-soft) 82%, var(--pluto-violet-deep) 18%)
		), var(--pluto-violet-soft);
	border:none;
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.2);
	color:rgb(247 243 255);
}

._6bd0671dfcf3e3f7-clickableItemPlutonium::before{
	content:'';
	position:absolute;
	inset:-28% 0;
	pointer-events:none;
	background-image:radial-gradient(circle at 22% 16%, rgb(255 255 255 / 0.9) 0 1px, transparent 1.35px), radial-gradient(circle at 58% 38%, rgb(226 208 255 / 0.75) 0 1px, transparent 1.4px), radial-gradient(circle at 84% 14%, rgb(210 229 255 / 0.72) 0 1px, transparent 1.35px), radial-gradient(circle at 44% 82%, rgb(255 255 255 / 0.62) 0 0.9px, transparent 1.3px);
	background-size:130px 74px, 158px 92px, 146px 84px, 138px 88px;
	background-position:10% 14%, 58% 26%, 82% 8%, 42% 82%;
	opacity:0;
	animation:none;
}

._6bd0671dfcf3e3f7-clickableItemPlutonium > *{
	position:relative;
	z-index:1;
}

._6bd0671dfcf3e3f7-clickableItemPlutonium ._6bd0671dfcf3e3f7-clickableItemText{
	font-weight:700;
	letter-spacing:0.01em;
	color:inherit;
}

._6bd0671dfcf3e3f7-clickableItemPlutonium ._6bd0671dfcf3e3f7-plutoniumMenuIcon{
	background:radial-gradient(circle at 34% 26%, rgb(255 255 255 / 0.42), transparent 58%), linear-gradient(
			135deg,
			color-mix(in srgb, var(--pluto-violet-strong) 74%, white 26%),
			color-mix(in srgb, var(--pluto-violet-deep) 84%, black 16%)
		);
	color:white;
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.28);
}

@media (hover: hover) and (pointer: fine){
	._6bd0671dfcf3e3f7-clickableItemPlutonium:hover{
		transform:none;
		box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.24);
	}

	._6bd0671dfcf3e3f7-clickableItemPlutonium:hover::before{
		opacity:0.52;
		animation:_6bd0671dfcf3e3f7-plutoniumButtonStarsDrift 6.2s linear infinite;
	}
}

._6bd0671dfcf3e3f7-clickableItemIcon{
	display:flex;
	height:2.125rem;
	width:2.125rem;
	align-items:center;
	justify-content:center;
	border-radius:0.875rem;
	background:color-mix(in srgb, var(--background-floating) 12%, transparent);
	color:var(--text-primary);
	transition:background-color var(--transition-fast), color var(--transition-fast), var(--button-motion-transition), transform 180ms ease;
	box-shadow:none;
}

@media (hover: hover) and (pointer: fine){
	._6bd0671dfcf3e3f7-clickableItem:hover:not(._6bd0671dfcf3e3f7-clickableItemSelected) ._6bd0671dfcf3e3f7-clickableItemIcon{
		background-color:var(--dm-card-hover-top);
		transform:scale(1.03);
	}
}

._6bd0671dfcf3e3f7-clickableItemSelected ._6bd0671dfcf3e3f7-clickableItemIcon{
	background:linear-gradient(135deg, var(--dm-primary-top), var(--dm-primary-bottom)), var(--brand-primary);
	color:var(--dm-on-accent);
	box-shadow:0 14px 28px color-mix(in srgb, var(--brand-primary) 34%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 12%, transparent);
}

@media (hover: hover) and (pointer: fine){
	._6bd0671dfcf3e3f7-clickableItem:hover:not(._6bd0671dfcf3e3f7-clickableItemSelected){
		background:linear-gradient(180deg, var(--dm-card-hover-top), var(--dm-card-hover-bottom));
		color:var(--text-primary);
		border-color:color-mix(in srgb, var(--brand-primary) 12%, transparent);
		transform:translateY(-1px);
	}
}

@media (hover: hover) and (pointer: fine){
	._6bd0671dfcf3e3f7-clickableItem._6bd0671dfcf3e3f7-clickableItemPlutonium:hover:not(._6bd0671dfcf3e3f7-clickableItemSelected){
		background:linear-gradient(
				135deg,
				color-mix(in srgb, var(--pluto-violet-strong) 88%, white 12%),
				color-mix(in srgb, var(--pluto-violet-soft) 82%, var(--pluto-violet-deep) 18%)
			), var(--pluto-violet-soft);
		color:rgb(251 248 255);
		border-color:transparent;
		box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.24);
		transform:none;
	}

	._6bd0671dfcf3e3f7-clickableItem._6bd0671dfcf3e3f7-clickableItemPlutonium:hover:not(._6bd0671dfcf3e3f7-clickableItemSelected) ._6bd0671dfcf3e3f7-clickableItemIcon{
		background:radial-gradient(circle at 34% 26%, rgb(255 255 255 / 0.48), transparent 58%), linear-gradient(
				135deg,
				color-mix(in srgb, var(--pluto-violet-strong) 80%, white 20%),
				color-mix(in srgb, var(--pluto-violet-deep) 80%, black 20%)
			);
		transform:none;
	}
}

._6bd0671dfcf3e3f7-clickableItemPressed:not(._6bd0671dfcf3e3f7-clickableItemSelected){
	background:linear-gradient(180deg, var(--dm-card-hover-top), var(--dm-card-hover-bottom));
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-clickableItemSelected{
	
	background:linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 18%, var(--dm-card-top)), var(--dm-card-bottom)), color-mix(in srgb, var(--surface-interactive-selected-bg) 35%, transparent);
	color:var(--surface-interactive-selected-color);
	border-color:transparent;
	box-shadow:none;
}

._6bd0671dfcf3e3f7-clickableItemInner{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

._6bd0671dfcf3e3f7-clickableItemContent{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

._6bd0671dfcf3e3f7-callIcon{
	height:1rem;
	width:1rem;
	color:currentColor;
}

._6bd0671dfcf3e3f7-sendIcon{
	height:1.5rem;
	width:1.5rem;
	color:currentColor;
}

._6bd0671dfcf3e3f7-clickableItemText{
	font-weight:500;
}

._6bd0671dfcf3e3f7-dmSectionSeparator{
	height:1px;
	margin:0.5rem 0.75rem 0.25rem;
	background:color-mix(in srgb, var(--dm-divider) 36%, transparent);
}

._6bd0671dfcf3e3f7-dmSectionHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:0.5rem;
	margin-bottom:0;
	padding-left:0.75rem;
	padding-right:0.75rem;
}

._6bd0671dfcf3e3f7-dmSectionHeaderText{
	display:flex;
	align-items:center;
	gap:0.25rem;
	color:color-mix(in srgb, var(--text-primary-muted) 82%, var(--text-primary));
}

._6bd0671dfcf3e3f7-dmSectionHeaderLabel{
	font-size:0.75rem;
	line-height:1rem;
	font-weight:700;
	letter-spacing:0.12em;
	text-transform:uppercase;
}

._6bd0671dfcf3e3f7-dmCreateButton{
	display:flex;
	height:1.5rem;
	width:1.5rem;
	cursor:pointer;
	align-items:center;
	justify-content:center;
	border:1px solid transparent;
	border-radius:999px;
	background:color-mix(in srgb, var(--background-floating) 10%, transparent);
	color:color-mix(in srgb, var(--text-primary-muted) 80%, var(--text-primary));
	box-shadow:none;
}

._6bd0671dfcf3e3f7-dmCreateButton:hover{
	color:var(--text-primary);
	background:color-mix(in srgb, var(--background-floating) 16%, transparent);
}

._6bd0671dfcf3e3f7-dmCreateButtonActive{
	
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-dmFriendsButton{
	display:flex;
	align-items:center;
	gap:0.7rem;
	width:100%;
	margin:0.45rem 0 0.2rem;
	padding:0.52rem 0.62rem;
	border-radius:0.95rem;
	border:1px solid transparent;
	background:color-mix(in srgb, var(--background-floating) 8%, transparent);
	color:var(--text-primary-muted);
	cursor:pointer;
	transition:var(--button-motion-transition);
	box-sizing:border-box;
}

._6bd0671dfcf3e3f7-dmFriendsButton:hover{
	color:var(--text-primary);
	background:color-mix(in srgb, var(--background-floating) 14%, transparent);
	border-color:color-mix(in srgb, var(--brand-primary) 14%, transparent);
}

._6bd0671dfcf3e3f7-dmFriendsButtonSelected{
	background:color-mix(in srgb, var(--brand-primary) 16%, var(--background-floating) 84%);
	color:var(--text-primary);
	border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
}

._6bd0671dfcf3e3f7-dmFriendsButtonIcon{
	display:flex;
	align-items:center;
	justify-content:center;
	height:1.9rem;
	width:1.9rem;
	border-radius:0.75rem;
	background:color-mix(in srgb, var(--background-primary) 86%, var(--background-secondary) 14%);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	color:var(--text-primary);
	flex-shrink:0;
}

._6bd0671dfcf3e3f7-dmFriendsButtonSelected ._6bd0671dfcf3e3f7-dmFriendsButtonIcon{
	background:color-mix(in srgb, var(--brand-primary) 24%, var(--background-primary) 76%);
	border-color:color-mix(in srgb, var(--brand-primary) 30%, transparent);
}

._6bd0671dfcf3e3f7-dmFriendsButtonText{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	min-width:0;
	width:100%;
	flex:1 1 0;
	text-align:left;
}

._6bd0671dfcf3e3f7-dmFriendsButtonLabel{
	display:block;
	font-weight:600;
	font-size:0.86rem;
	line-height:1.2rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._6bd0671dfcf3e3f7-dmQuickItemCompact{
	margin-top:0;
}

._6bd0671dfcf3e3f7-dmQuickItemCompact + ._6bd0671dfcf3e3f7-dmQuickItemCompact{
	margin-top:5px;
}

._6bd0671dfcf3e3f7-dmQuickItemCompact ._6bd0671dfcf3e3f7-dmFriendsButton{
	margin:0;
}

._6bd0671dfcf3e3f7-dmQuickAfterNotesSpacer{
	height:1px;
}

._6bd0671dfcf3e3f7-dmChannelList{
	display:flex;
	flex-direction:column;
	gap:0.12rem;
	contain:layout paint;
}

._6bd0671dfcf3e3f7-dmItemMobile{
	position:relative;
	display:flex;
	width:100%;
	max-width:100%;
	min-width:0;
	box-sizing:border-box;
	cursor:pointer;
	align-items:center;
	justify-content:space-between;
	border-radius:0;
	padding-left:var(--dm-mobile-content-edge);
	padding-right:var(--dm-mobile-content-edge);
	text-align:left;
	min-height:4.72rem;
	height:auto;
	background:transparent;
	border:none;
	color:var(--text-primary-muted);
	overflow:hidden;
	box-shadow:none;
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color:transparent;
	touch-action:pan-y;
	content-visibility:auto;
	contain-intrinsic-size:70px;
	transition:background var(--motion-dur-short) var(--motion-ease-snap), border-color var(--motion-dur-short) var(--motion-ease-snap), box-shadow var(--motion-dur-short) var(--motion-ease-smooth), color var(--motion-dur-short) var(--motion-ease-snap), transform var(--motion-dur-short) var(--motion-ease-smooth), opacity var(--motion-dur-short) var(--motion-ease-smooth);
}

._6bd0671dfcf3e3f7-dmItemMobileSelected{
	
	background:transparent;
	color:var(--text-primary);
	border-color:transparent;
	box-shadow:none;
}

._6bd0671dfcf3e3f7-dmItemMobileUnread{
	
	background-color:transparent;
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-dmItemMobileMuted{
	opacity:0.72;
	color:color-mix(in srgb, var(--text-primary-muted) 88%, var(--text-secondary));
}

._6bd0671dfcf3e3f7-dmItem{
	position:relative;
	display:flex;
	width:100%;
	cursor:pointer;
	align-items:center;
	justify-content:space-between;
	border-radius:0.7rem;
	border:1px solid transparent;
	padding-left:0.75rem;
	padding-right:0.75rem;
	text-align:left;
	height:3.25rem;
	background:transparent;
	color:var(--text-primary-muted);
	box-shadow:none;
	content-visibility:auto;
	contain-intrinsic-size:56px;
	transition:var(--button-motion-transition), transform 180ms ease;
}

._6bd0671dfcf3e3f7-dmItemUnread{
	
	background-color:transparent;
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-dmItemMuted{
	opacity:0.5;
	color:var(--text-tertiary-muted);
}

._6bd0671dfcf3e3f7-dmItemUnreadIndicatorContainer{
	contain:layout size;
	pointer-events:none;
	position:absolute;
	top:50%;
	left:0.5rem;
	display:flex;
	width:0.75rem;
	align-items:center;
	justify-content:flex-start;
	transform:translateY(-50%);
}

._6bd0671dfcf3e3f7-dmItemUnreadIndicatorContainerMobile{
	
	height:auto;
}

._6bd0671dfcf3e3f7-dmItemUnreadIndicatorContainerDesktop{
	
	height:auto;
}

._6bd0671dfcf3e3f7-dmItemUnreadIndicator{
	position:absolute;
	margin-left:0;
	height:0.45rem;
	width:0.45rem;
	border-radius:999px;
	background-color:var(--dm-unread-dot);
	box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--brand-primary) 16%, transparent);
}

._6bd0671dfcf3e3f7-dmItemContent{
	position:relative;
	display:flex;
	width:100%;
	max-width:100%;
	min-width:0;
	box-sizing:border-box;
	align-items:center;
	gap:0.9rem;
	overflow:hidden;
}

._6bd0671dfcf3e3f7-dmItemAvatarWrapper{
	position:relative;
	-webkit-filter:none;
	        filter:none;
}

._6bd0671dfcf3e3f7-dmAvatarButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0;
	margin:0;
	background:transparent;
	border:none;
	border-radius:999px;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
}

._6bd0671dfcf3e3f7-dmItemInfo{
	min-width:0;
	flex:1 1 0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:0.24rem;
	overflow:hidden;
}

._6bd0671dfcf3e3f7-dmItemName{
	display:flex;
	align-items:center;
	gap:0.15rem;
	min-width:0;
	font-weight:600;
	font-size:1rem;
	line-height:20px;
	overflow:hidden;
}

._6bd0671dfcf3e3f7-dmItemNameText{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	flex:0 1 auto;
	min-width:0;
	font-size:inherit;
	line-height:inherit;
}

._6bd0671dfcf3e3f7-dmItemUserTag{
	margin-left:0.25rem;
}

._6bd0671dfcf3e3f7-dmItemPinIcon{
	height:0.875rem;
	width:0.875rem;
	flex-shrink:0;
}

._6bd0671dfcf3e3f7-dmItemSubtext{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:color-mix(in srgb, var(--text-primary-muted) 88%, var(--text-primary));
	font-size:0.88rem;
	line-height:1.16rem;
	font-weight:400;
	margin-top:0.0625rem;
	opacity:0.9;
}

._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemSubtext,
._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemSubtext,
._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemSubtext{
	display:-webkit-box;
	overflow:hidden;
	white-space:normal;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

._6bd0671dfcf3e3f7-dmItemCustomStatus{
	
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	max-width:100%;
}

._6bd0671dfcf3e3f7-dmItem:hover ._6bd0671dfcf3e3f7-dmItemCustomStatus,
._6bd0671dfcf3e3f7-dmItemMobile:hover ._6bd0671dfcf3e3f7-dmItemCustomStatus,
._6bd0671dfcf3e3f7-dmItemSelected ._6bd0671dfcf3e3f7-dmItemCustomStatus,
._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemCustomStatus{
	--emoji-show-animated:1;
}

._6bd0671dfcf3e3f7-dmItemMembersSubtext{
	
	line-height:0.875rem;
	margin-top:-0.125rem;
}

._6bd0671dfcf3e3f7-dmItemSubtextItalic{
	font-style:italic;
	opacity:0.7;
}

._6bd0671dfcf3e3f7-dmItemPreviewMarkdown{
	display:inline;
}

._6bd0671dfcf3e3f7-dmItemPreviewMarkdown *{
	display:inline !important;
	white-space:nowrap !important;
}

._6bd0671dfcf3e3f7-dmItemPreviewMarkdown a{
	pointer-events:none;
}

._6bd0671dfcf3e3f7-dmItemTimestamp{
	color:color-mix(in srgb, var(--text-secondary) 84%, var(--text-primary));
	font-size:0.76rem;
	line-height:1rem;
	padding:0;
	border-radius:0;
	background:transparent;
	border:none;
	flex-shrink:0;
	font-weight:500;
	min-width:2rem;
	text-align:right;
	-webkit-font-feature-settings:"tnum";
	        font-feature-settings:"tnum";
	font-variant-numeric:tabular-nums;
}

._6bd0671dfcf3e3f7-dmItemMeta{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	gap:0.12rem;
	flex-shrink:0;
}

._6bd0671dfcf3e3f7-dmItemDeliveryStatus{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:color-mix(in srgb, var(--text-secondary) 90%, var(--text-primary));
}

._6bd0671dfcf3e3f7-dmItemDeliveryStatusRead{
	color:color-mix(in srgb, var(--brand-primary) 72%, var(--text-primary));
}

._6bd0671dfcf3e3f7-dmItemDeliveryIcon{
	height:0.82rem;
	width:0.82rem;
}

._6bd0671dfcf3e3f7-dmItemSelected{
	
	background:color-mix(in srgb, var(--brand-primary) 11%, transparent);
	color:var(--surface-interactive-selected-color);
	border-color:color-mix(in srgb, var(--brand-primary) 14%, transparent);
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 4%, transparent);
}

._6bd0671dfcf3e3f7-dmItemSelected ._6bd0671dfcf3e3f7-dmItemSubtext,
._6bd0671dfcf3e3f7-dmItemSelected ._6bd0671dfcf3e3f7-dmItemMembersSubtext,
._6bd0671dfcf3e3f7-dmItemSelected ._6bd0671dfcf3e3f7-dmItemTimestamp{
	color:var(--surface-interactive-selected-color);
}

._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemSubtext,
._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemMembersSubtext,
._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemTimestamp{
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-dmItemCallBadge{
	display:flex;
	height:1.875rem;
	width:1.875rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:linear-gradient(
			135deg,
			color-mix(in srgb, var(--status-online) 78%, var(--background-floating) 22%),
			color-mix(in srgb, var(--status-online) 64%, var(--background-primary) 36%)
		), var(--status-online);
	color:var(--text-primary);
	box-shadow:0 12px 24px color-mix(in srgb, var(--status-online) 26%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 12%, transparent);
}

._6bd0671dfcf3e3f7-dmItemCloseButton{
	display:flex;
	height:1.875rem;
	width:1.875rem;
	flex-shrink:0;
	cursor:pointer;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:color-mix(in srgb, var(--background-floating) 12%, transparent);
	border:1px solid transparent;
	box-shadow:none;
	opacity:0;
	transform:translateY(2px);
	transition:opacity 180ms ease, var(--button-motion-transition), transform 180ms ease;
}

._6bd0671dfcf3e3f7-dmItem:hover ._6bd0671dfcf3e3f7-dmItemCloseButton{
	opacity:1;
	transform:translateY(0);
}

._6bd0671dfcf3e3f7-mobileSpecialButton{
	
	background-color:transparent;
	box-shadow:none;
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color:transparent;
}

._6bd0671dfcf3e3f7-mobileTopQuickButton{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	min-height:2rem;
	padding:0.25rem 0.05rem;
	background:transparent;
	border:none;
	border-radius:0;
	color:color-mix(in srgb, var(--text-secondary) 86%, var(--text-primary));
	white-space:nowrap;
	cursor:pointer;
	transition:color 180ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1), -webkit-filter 180ms ease;
	transition:color 180ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1), filter 180ms ease;
	transition:color 180ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1), filter 180ms ease, -webkit-filter 180ms ease;
}

._6bd0671dfcf3e3f7-mobileTopQuickButtonSelected{
	color:color-mix(in srgb, var(--brand-primary) 70%, var(--text-primary));
	-webkit-filter:saturate(1.08);
	        filter:saturate(1.08);
}

._6bd0671dfcf3e3f7-mobileTopQuickButtonSelected::after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:-0.42rem;
	height:0.14rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--brand-primary) 78%, var(--text-primary));
	transform-origin:center;
	animation:_6bd0671dfcf3e3f7-dmQuickTabUnderlineIn 240ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

._6bd0671dfcf3e3f7-mobileTopQuickTabLabel{
	display:block;
	font-size:0.88rem;
	line-height:1.12rem;
	font-weight:700;
	letter-spacing:0.008em;
	text-overflow:ellipsis;
	overflow:hidden;
}

@media (hover: hover) and (pointer: fine){
	._6bd0671dfcf3e3f7-mobileTopQuickButton:hover{
		color:color-mix(in srgb, var(--text-primary) 90%, var(--brand-primary));
		transform:translateY(-1px);
	}
}

._6bd0671dfcf3e3f7-mobileSpecialButtonSelected{
	
}

._6bd0671dfcf3e3f7-mobilePersonalNotesButton{
	
}

._6bd0671dfcf3e3f7-mobilePersonalNotesButtonSelected{
	
}

._6bd0671dfcf3e3f7-mobileAIAssistantButton{
	
}

@media (hover: hover) and (pointer: fine){
	._6bd0671dfcf3e3f7-dmItemMobile:hover:not(._6bd0671dfcf3e3f7-dmItemMobileSelected){
		background:color-mix(in srgb, var(--surface-interactive-hover-bg) 78%, var(--background-secondary) 22%);
		color:var(--text-primary);
		border-color:color-mix(in srgb, var(--text-primary) 14%, transparent);
		transform:none;
	}

	._6bd0671dfcf3e3f7-dmItem:hover:not(._6bd0671dfcf3e3f7-dmItemSelected){
		background:color-mix(in srgb, var(--background-floating) 16%, transparent);
		color:var(--text-primary);
		border-color:transparent;
		transform:translateY(-1px);
	}
}

._6bd0671dfcf3e3f7-dmItemMobilePressed:not(._6bd0671dfcf3e3f7-dmItemMobileSelected){
	background:color-mix(in srgb, var(--surface-interactive-hover-bg) 82%, var(--background-secondary) 18%);
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-dmItemMobile:active:not(._6bd0671dfcf3e3f7-dmItemMobileSelected),
._6bd0671dfcf3e3f7-mobileSpecialButton:active:not(._6bd0671dfcf3e3f7-mobileSpecialButtonSelected){
	background:color-mix(in srgb, var(--surface-interactive-hover-bg) 82%, var(--background-secondary) 18%);
	border-color:color-mix(in srgb, var(--text-primary) 14%, transparent);
	transform:none;
}

._6bd0671dfcf3e3f7-dmItemPressed:not(._6bd0671dfcf3e3f7-dmItemSelected){
	background:linear-gradient(180deg, var(--dm-card-hover-top), var(--dm-card-hover-bottom));
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-mobileSpecialButtonContent{
	position:relative;
	display:flex;
	width:100%;
	max-width:100%;
	min-width:0;
	box-sizing:border-box;
	align-items:center;
	gap:0.75rem;
	overflow:hidden;
}

._6bd0671dfcf3e3f7-mobileSpecialButtonIcon{
	display:flex;
	height:2.5rem;
	width:2.5rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:1rem;
	background:color-mix(in srgb, var(--background-primary) 86%, var(--background-secondary) 14%);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	color:var(--text-primary);
	transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
	box-shadow:none;
}

@media (hover: hover) and (pointer: fine){
	._6bd0671dfcf3e3f7-mobileSpecialButton:hover:not(._6bd0671dfcf3e3f7-mobileSpecialButtonSelected) ._6bd0671dfcf3e3f7-mobileSpecialButtonIcon{
		background-color:var(--dm-card-hover-top);
	}
}

._6bd0671dfcf3e3f7-mobileSpecialButtonSelected ._6bd0671dfcf3e3f7-mobileSpecialButtonIcon{
	background:color-mix(in srgb, var(--brand-primary) 20%, var(--background-primary) 80%);
	border-color:color-mix(in srgb, var(--brand-primary) 30%, transparent);
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-mobilePlutoniumButton ._6bd0671dfcf3e3f7-mobileSpecialButtonIcon{
	background:radial-gradient(circle at 34% 26%, rgb(255 255 255 / 0.42), transparent 58%), linear-gradient(
			135deg,
			color-mix(in srgb, var(--pluto-violet-strong) 76%, white 24%),
			color-mix(in srgb, var(--pluto-violet-deep) 82%, black 18%)
		);
	color:white;
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.25);
}

._6bd0671dfcf3e3f7-plutoniumPlanetIcon{
	position:relative;
	display:block;
	width:1.28rem;
	height:1.28rem;
	-webkit-filter:drop-shadow(0 5px 9px rgb(0 0 0 / 0.24));
	        filter:drop-shadow(0 5px 9px rgb(0 0 0 / 0.24));
}

._6bd0671dfcf3e3f7-plutoniumPlanetCore,
._6bd0671dfcf3e3f7-plutoniumPlanetRing,
._6bd0671dfcf3e3f7-plutoniumPlanetMoon{
	position:absolute;
	pointer-events:none;
}

._6bd0671dfcf3e3f7-plutoniumPlanetCore{
	inset:0.16rem;
	border-radius:999px;
	background:radial-gradient(circle at 32% 27%, rgb(255 255 255 / 0.95), transparent 52%), linear-gradient(155deg, #dac7ff 6%, #a682ff 48%, #7447e4 100%);
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.6), 0 0 0 1px rgb(86 54 170 / 0.56);
}

._6bd0671dfcf3e3f7-plutoniumPlanetRing{
	left:50%;
	top:50%;
	width:1.24rem;
	height:0.44rem;
	border:1px solid rgb(233 220 255 / 0.84);
	border-radius:999px;
	transform:translate(-50%, -50%) rotate(13deg);
	box-shadow:0 0 0 1px rgb(108 73 201 / 0.35);
	transition:transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

._6bd0671dfcf3e3f7-plutoniumPlanetMoon{
	top:0.2rem;
	right:0.03rem;
	width:0.24rem;
	height:0.24rem;
	border-radius:999px;
	background:rgb(235 225 255);
	box-shadow:0 0 0 1px rgb(89 58 176 / 0.48), 0 0 8px rgb(183 150 255 / 0.75);
}

@media (prefers-reduced-motion: reduce){
	._6bd0671dfcf3e3f7-clickableItemPlutonium::before,
	._6bd0671dfcf3e3f7-plutoniumPlanetRing{
		transition:none;
		animation:none;
	}
}

@keyframes _6bd0671dfcf3e3f7-plutoniumButtonStarsDrift{
	0%{
		transform:translate3d(0, -5%, 0);
	}
	100%{
		transform:translate3d(0, 9%, 0);
	}
}

._6bd0671dfcf3e3f7-mobileSpecialButtonText{
	min-width:0;
	flex:1 1 0;
	overflow:hidden;
}

._6bd0671dfcf3e3f7-mobileSpecialButtonLabel{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:500;
}

._6bd0671dfcf3e3f7-iconSize5{
	height:1.25rem;
	width:1.25rem;
}

._6bd0671dfcf3e3f7-iconSize4{
	height:1rem;
	width:1rem;
}

@keyframes _6bd0671dfcf3e3f7-dmMobileItemReveal{
	from{
		opacity:0;
		transform:translate3d(0, 8px, 0);
	}
	to{
		opacity:1;
		transform:translate3d(0, 0, 0);
	}
}

@keyframes _6bd0671dfcf3e3f7-dmQuickTabReveal{
	from{
		opacity:0;
		transform:translate3d(0, 8px, 0);
	}
	to{
		opacity:1;
		transform:translate3d(0, 0, 0);
	}
}

@keyframes _6bd0671dfcf3e3f7-dmQuickTabUnderlineIn{
	from{
		opacity:0;
		transform:scaleX(0.65);
	}
	to{
		opacity:1;
		transform:scaleX(1);
	}
}

@keyframes _6bd0671dfcf3e3f7-dmMobileSearchReveal{
	from{
		opacity:0;
		transform:translate3d(0, -6px, 0);
	}
	to{
		opacity:1;
		transform:translate3d(0, 0, 0);
	}
}

@keyframes _6bd0671dfcf3e3f7-dmRefreshDotPulse{
	0%,
	100%{
		transform:scale(1);
		opacity:0.72;
	}
	50%{
		transform:scale(1.18);
		opacity:1;
	}
}

@keyframes _6bd0671dfcf3e3f7-dmChatsRefreshSheen{
	0%{
		background-position:-120% 50%, 0 0;
	}
	100%{
		background-position:220% 50%, 0 0;
	}
}

._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-mobileSpecialButton,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-mobileSpecialButtonSelected{
	opacity:1;
	animation:none;
}

._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemAvatarWrapper,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemAvatarWrapper,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemAvatarWrapper{
	position:relative;
	display:flex;
	width:3rem;
	height:3rem;
	flex:0 0 3rem;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	overflow:hidden;
	background-image:linear-gradient(
			110deg,
			transparent 0%,
			color-mix(in srgb, var(--text-primary) 5%, transparent) 38%,
			color-mix(in srgb, var(--text-primary) 15%, transparent) 50%,
			color-mix(in srgb, var(--text-primary) 5%, transparent) 62%,
			transparent 100%
		), linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-secondary) 88%, var(--background-primary) 12%),
			color-mix(in srgb, var(--background-secondary) 88%, var(--background-primary) 12%)
		);
	background-repeat:no-repeat;
	background-size:220% 100%, 100% 100%;
	background-position:-140% 50%, 0 0;
	animation:none;
}

._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemAvatarWrapper > *,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemAvatarWrapper > *,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemAvatarWrapper > *{
	opacity:0;
}

._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemNameText,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemNameText,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemNameText,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemSubtext,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemSubtext,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemSubtext,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemCustomStatus,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemCustomStatus,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemCustomStatus{
	color:transparent !important;
	border-radius:999px;
	background-image:linear-gradient(
			110deg,
			transparent 0%,
			color-mix(in srgb, var(--text-primary) 5%, transparent) 38%,
			color-mix(in srgb, var(--text-primary) 15%, transparent) 50%,
			color-mix(in srgb, var(--text-primary) 5%, transparent) 62%,
			transparent 100%
		), linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-secondary) 88%, var(--background-primary) 12%),
			color-mix(in srgb, var(--background-secondary) 88%, var(--background-primary) 12%)
		);
	background-repeat:no-repeat;
	background-size:220% 100%, 100% 100%;
	background-position:-140% 50%, 0 0;
	animation:none;
}

._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemNameText,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemNameText,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemNameText{
	min-height:0.92rem;
	width:min(11rem, 68%);
}

._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemSubtext,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemSubtext,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemSubtext,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemCustomStatus,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemCustomStatus,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemCustomStatus{
	min-height:0.72rem;
	width:min(13rem, 92%);
}

._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemTimestamp,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemTimestamp,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemTimestamp,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemDeliveryStatus,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemDeliveryStatus,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemDeliveryStatus{
	color:transparent !important;
	border-radius:999px;
	background-image:linear-gradient(
			110deg,
			transparent 0%,
			color-mix(in srgb, var(--text-primary) 5%, transparent) 38%,
			color-mix(in srgb, var(--text-primary) 15%, transparent) 50%,
			color-mix(in srgb, var(--text-primary) 5%, transparent) 62%,
			transparent 100%
		), linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-secondary) 88%, var(--background-primary) 12%),
			color-mix(in srgb, var(--background-secondary) 88%, var(--background-primary) 12%)
		);
	background-repeat:no-repeat;
	background-size:220% 100%, 100% 100%;
	background-position:-140% 50%, 0 0;
	animation:none;
}

._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemTimestamp,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemTimestamp,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemTimestamp{
	min-height:0.66rem;
	min-width:2.2rem;
}

._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemDeliveryStatus,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemDeliveryStatus,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemDeliveryStatus{
	min-height:0.8rem;
	min-width:0.95rem;
}

._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile ._6bd0671dfcf3e3f7-dmItemDeliveryStatus ._6bd0671dfcf3e3f7-dmItemDeliveryIcon,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread ._6bd0671dfcf3e3f7-dmItemDeliveryStatus ._6bd0671dfcf3e3f7-dmItemDeliveryIcon,
._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemDeliveryStatus ._6bd0671dfcf3e3f7-dmItemDeliveryIcon{
	opacity:0;
}

@media (max-width: 767px){
	._6bd0671dfcf3e3f7-mobileHeader{
		padding:calc(0.82rem + (0px * 0.1)) var(--dm-mobile-content-edge) 0.56rem;
		padding:calc(0.82rem + (var(--safe-area-top, 0px) * 0.1)) var(--dm-mobile-content-edge) 0.56rem;
	}

	._6bd0671dfcf3e3f7-mobileHeaderInner{
		width:100%;
		max-width:100%;
	}

	._6bd0671dfcf3e3f7-mobileHeaderButton,
	._6bd0671dfcf3e3f7-mobileAddFriendButton,
	._6bd0671dfcf3e3f7-mobileFAB,
	._6bd0671dfcf3e3f7-dmItemMobile,
	._6bd0671dfcf3e3f7-mobileSpecialButton{
		box-shadow:none;
	}

	._6bd0671dfcf3e3f7-mobileHeaderButton,
	._6bd0671dfcf3e3f7-mobileFAB{
		border-color:transparent;
	}

	._6bd0671dfcf3e3f7-mobileQuickSection > :nth-child(-n + 4),
	._6bd0671dfcf3e3f7-mobileChatsSection > :nth-child(-n + 6){
		animation:none;
	}

	._6bd0671dfcf3e3f7-mobileScrollerContent{
		padding:0.28rem 0 calc(var(--mobile-bottom-nav-height) + 0.5rem);
		gap:0;
		max-width:100%;
	}

	._6bd0671dfcf3e3f7-mobileQuickSection{
		gap:0.5rem;
		padding-bottom:0.1rem;
	}

	._6bd0671dfcf3e3f7-mobileChatsSection{
		margin-top:0;
		padding:0;
		gap:0.36rem;
	}

	._6bd0671dfcf3e3f7-dmItemMobile,
	._6bd0671dfcf3e3f7-mobileSpecialButton{
		min-height:4.48rem;
		border-radius:0;
	}

	._6bd0671dfcf3e3f7-dmItemContent,
	._6bd0671dfcf3e3f7-mobileSpecialButtonContent{
		display:flex;
		align-items:center;
		gap:0.78rem;
	}

	._6bd0671dfcf3e3f7-dmItemTimestamp{
		max-width:4.25rem;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		min-width:1.8rem;
	}

	._6bd0671dfcf3e3f7-mobileSpecialButtonIcon{
		width:2.375rem;
		height:2.375rem;
		border-radius:0.875rem;
	}

	._6bd0671dfcf3e3f7-mobileAddFriendButton{
		max-width:min(60vw, 10.75rem);
	}

	._6bd0671dfcf3e3f7-mobileAddFriendButton > span{
		max-width:7.2rem;
	}
}

@media (max-width: 560px){
	._6bd0671dfcf3e3f7-mobileHeader{
		min-height:3.2rem;
		padding-top:calc(0.72rem + (0px * 0.06));
		padding-top:calc(0.72rem + (var(--safe-area-top, 0px) * 0.06));
		padding-bottom:0.5rem;
	}

	._6bd0671dfcf3e3f7-mobileHeaderInner{
		gap:0.38rem;
	}

	._6bd0671dfcf3e3f7-mobileHeaderTitle{
		font-size:1.22rem;
		line-height:1.46rem;
	}

	._6bd0671dfcf3e3f7-mobileHeaderActions{
		gap:0.44rem;
	}

	._6bd0671dfcf3e3f7-mobileHeaderButton{
		height:2.05rem;
		width:2.05rem;
		border-radius:0.82rem;
	}

	._6bd0671dfcf3e3f7-mobileWelcomeName{
		font-size:1.22rem;
		line-height:1.36rem;
	}

	._6bd0671dfcf3e3f7-mobileWelcomeEyebrow{
		font-size:0.8rem;
	}

	._6bd0671dfcf3e3f7-mobileHeaderButton ._6bd0671dfcf3e3f7-iconSize5,
	._6bd0671dfcf3e3f7-mobileAddFriendButton ._6bd0671dfcf3e3f7-iconSize4{
		width:1.08rem;
		height:1.08rem;
	}

	._6bd0671dfcf3e3f7-mobileAddFriendButton{
		min-height:2.05rem;
		max-width:min(58vw, 8.9rem);
		padding:0.4rem 0.72rem;
		font-size:0.75rem;
	}

	._6bd0671dfcf3e3f7-dmItemTimestamp{
		font-size:0.69rem;
		min-width:1.7rem;
	}
}

@media (prefers-reduced-motion: reduce){
	._6bd0671dfcf3e3f7-mobileQuickSection > *,
	._6bd0671dfcf3e3f7-mobileChatsSection > *,
	._6bd0671dfcf3e3f7-mobileTopQuickItem,
	._6bd0671dfcf3e3f7-mobileSearchWrapper,
	._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobile,
	._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileUnread,
	._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-dmItemMobileSelected,
	._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-mobileSpecialButton,
	._6bd0671dfcf3e3f7-mobileChatsSectionRefreshing ._6bd0671dfcf3e3f7-mobileSpecialButtonSelected,
	._6bd0671dfcf3e3f7-mobileRefreshDot{
		animation:none !_6bd0671dfcf3e3f7-important;
	}

	._6bd0671dfcf3e3f7-mobileTopQuickButton,
	._6bd0671dfcf3e3f7-mobileTopQuickButtonSelected::after,
	._6bd0671dfcf3e3f7-mobileSearchWrapper input{
		transition:none;
	}
}

@media (max-width: 480px){
	._6bd0671dfcf3e3f7-mobileHeader{
		padding-top:calc(0.62rem + (0px * 0.05));
		padding-top:calc(0.62rem + (var(--safe-area-top, 0px) * 0.05));
		padding-bottom:0.44rem;
	}

	._6bd0671dfcf3e3f7-mobileHeaderInner{
		gap:0.34rem;
	}

	._6bd0671dfcf3e3f7-mobileHeaderTitle{
		font-size:1.16rem;
		line-height:1.38rem;
	}

	._6bd0671dfcf3e3f7-mobileHeaderActions{
		gap:0.375rem;
	}

	._6bd0671dfcf3e3f7-mobileHeaderButton{
		height:1.95rem;
		width:1.95rem;
	}

	._6bd0671dfcf3e3f7-mobileAddFriendButton{
		gap:0.375rem;
		padding:0.4rem 0.72rem;
		font-size:0.75rem;
		max-width:min(56vw, 8.9rem);
		min-height:1.95rem;
	}

	._6bd0671dfcf3e3f7-mobileAddFriendButton > span{
		max-width:6.3rem;
	}

	._6bd0671dfcf3e3f7-mobileQuickSection{
		padding-bottom:0.05rem;
	}

	._6bd0671dfcf3e3f7-mobileSearchWrapper{
		padding-left:var(--dm-mobile-content-edge);
		padding-right:var(--dm-mobile-content-edge);
		padding-bottom:0.6rem;
	}

	._6bd0671dfcf3e3f7-mobileWelcomeRow{
		padding-left:0;
		padding-right:0;
	}

	._6bd0671dfcf3e3f7-mobileGuildStrip{
		padding-left:var(--dm-mobile-content-edge);
		padding-right:var(--dm-mobile-content-edge);
		padding-bottom:0.54rem;
	}

	._6bd0671dfcf3e3f7-mobileSearchWrapper input{
		min-height:2.86rem;
		border-radius:1.08rem;
	}

	._6bd0671dfcf3e3f7-mobileChatsSection{
		margin-top:0;
		padding-top:0;
	}

	._6bd0671dfcf3e3f7-dmItemMobile,
	._6bd0671dfcf3e3f7-mobileSpecialButton{
		min-height:4.34rem;
		padding-left:var(--dm-mobile-content-edge);
		padding-right:var(--dm-mobile-content-edge);
	}

	._6bd0671dfcf3e3f7-dmItemTimestamp{
		font-size:0.71rem;
		padding:0;
		min-width:1.65rem;
	}

	._6bd0671dfcf3e3f7-dmItemName{
		font-size:0.94rem;
	}

	._6bd0671dfcf3e3f7-dmItemSubtext{
		font-size:0.82rem;
	}

	._6bd0671dfcf3e3f7-mobileFAB{
		height:3.25rem;
		width:3.25rem;
		right:0.875rem;
	}
}

@media (max-width: 420px){
	._6bd0671dfcf3e3f7-mobileHeader{
		height:auto;
		min-height:2.8rem;
		padding-top:0.42rem;
		padding-bottom:0.32rem;
		gap:0.35rem;
	}

	._6bd0671dfcf3e3f7-mobileHeaderActions{
		gap:0.3rem;
	}

	._6bd0671dfcf3e3f7-mobileHeaderButton{
		height:1.8rem;
		width:1.8rem;
		border-radius:0.75rem;
	}

	._6bd0671dfcf3e3f7-mobileAddFriendButton{
		width:1.8rem;
		min-width:1.8rem;
		max-width:1.8rem;
		min-height:1.8rem;
		padding:0;
		border-radius:0.75rem;
		justify-content:center;
		gap:0;
	}

	._6bd0671dfcf3e3f7-mobileAddFriendButton > span{
		display:none;
	}

	._6bd0671dfcf3e3f7-mobileAddFriendBadge{
		top:-0.2rem;
		right:-0.2rem;
		height:1.05rem;
		min-width:1.05rem;
		font-size:0.625rem;
		line-height:0.875rem;
	}

	._6bd0671dfcf3e3f7-mobileScrollerContent{
		padding-top:0.22rem;
		padding-right:0;
		padding-left:0;
	}

	._6bd0671dfcf3e3f7-mobileSpecialButtonLabel{
		font-size:0.8125rem;
	}

	._6bd0671dfcf3e3f7-mobileSearchWrapper{
		padding-top:0.36rem;
		padding-bottom:0.5rem;
	}

	._6bd0671dfcf3e3f7-mobileSearchWrapper input{
		min-height:2.7rem;
		border-radius:1rem;
	}

	._6bd0671dfcf3e3f7-mobileGuildStripItem{
		width:auto;
		min-width:7.8rem;
		max-width:10.2rem;
		min-height:2.72rem;
		padding:0.26rem 0.52rem 0.26rem 0.38rem;
		gap:0.45rem;
		border-radius:1.08rem;
	}

	._6bd0671dfcf3e3f7-mobileGuildAddButton{
		width:2.48rem;
		height:2.48rem;
		border-radius:0.9rem;
	}

	._6bd0671dfcf3e3f7-mobileGuildStripAvatar{
		height:1.6rem;
		width:1.6rem;
	}

	._6bd0671dfcf3e3f7-mobileGuildStripName{
		max-width:6.8rem;
		font-size:0.74rem;
		line-height:0.92rem;
	}

	._6bd0671dfcf3e3f7-dmItemTimestamp{
		font-size:0.66rem;
		min-width:1.55rem;
	}

	._6bd0671dfcf3e3f7-dmItemName{
		font-size:0.91rem;
	}

	._6bd0671dfcf3e3f7-dmItemSubtext{
		font-size:0.78rem;
	}
}

@media (max-width: 360px){
	._6bd0671dfcf3e3f7-mobileScrollerContent{
		padding-right:0;
		padding-left:0;
	}

	._6bd0671dfcf3e3f7-dmItemMobile,
	._6bd0671dfcf3e3f7-mobileSpecialButton{
		height:4.05rem;
		padding-left:var(--dm-mobile-content-edge);
		padding-right:var(--dm-mobile-content-edge);
	}

	._6bd0671dfcf3e3f7-dmItemContent,
	._6bd0671dfcf3e3f7-mobileSpecialButtonContent{
		gap:0.5rem;
	}

	._6bd0671dfcf3e3f7-mobileSpecialButtonIcon{
		width:2.125rem;
		height:2.125rem;
		border-radius:0.75rem;
	}

	._6bd0671dfcf3e3f7-mobileSpecialButtonLabel{
		font-size:0.775rem;
	}

	._6bd0671dfcf3e3f7-mobileTopQuickTabLabel{
		font-size:0.79rem;
		line-height:1rem;
	}

	._6bd0671dfcf3e3f7-mobileSearchWrapper{
		padding-left:var(--dm-mobile-content-edge);
		padding-right:var(--dm-mobile-content-edge);
	}

	._6bd0671dfcf3e3f7-mobileWelcomeRow{
		padding-left:0;
		padding-right:0;
	}

	._6bd0671dfcf3e3f7-mobileGuildStrip{
		padding-left:var(--dm-mobile-content-edge);
		padding-right:var(--dm-mobile-content-edge);
	}

	._6bd0671dfcf3e3f7-mobileSearchWrapper input{
		min-height:2.82rem;
	}

	._6bd0671dfcf3e3f7-dmItemName{
		font-size:0.8125rem;
	}

	._6bd0671dfcf3e3f7-dmItemSubtext{
		font-size:0.64rem;
	}
}

@media (hover: none), (pointer: coarse){
	._6bd0671dfcf3e3f7-dmListHeaderButton{
		-webkit-backdrop-filter:none;
		        backdrop-filter:none;
	}

	._6bd0671dfcf3e3f7-dmItemAvatarWrapper,
	._6bd0671dfcf3e3f7-plutoniumPlanetIcon{
		-webkit-filter:none;
		        filter:none;
	}

	._6bd0671dfcf3e3f7-mobileQuickSection > *,
	._6bd0671dfcf3e3f7-mobileChatsSection > *,
	._6bd0671dfcf3e3f7-mobileRefreshDot{
		animation:none !_6bd0671dfcf3e3f7-important;
	}

	._6bd0671dfcf3e3f7-dmItemMobile,
	._6bd0671dfcf3e3f7-dmItem,
	._6bd0671dfcf3e3f7-clickableItem,
	._6bd0671dfcf3e3f7-mobileSpecialButton,
	._6bd0671dfcf3e3f7-mobileHeaderButton,
	._6bd0671dfcf3e3f7-mobileAddFriendButton,
	._6bd0671dfcf3e3f7-mobileFAB,
	._6bd0671dfcf3e3f7-dmItemCloseButton{
		transition-duration:0ms;
	}
}

._4c071f54d96017d5-container{
	display:grid;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	grid-template-rows:3.5rem 1fr;
	background-color:var(--background-secondary);
}

._4c071f54d96017d5-content{
	display:flex;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	flex-direction:column;
}

._4c071f54d96017d5-scroller{
	flex:1;
	padding-left:1rem;
	padding-right:1rem;
	padding-top:1rem;
}

._4c071f54d96017d5-messageItem{
	position:relative;
	margin-bottom:1rem;
	cursor:default;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	overflow:hidden;
	flex-shrink:0;
	border-radius:0.375rem;
	border-width:1px;
	border-color:var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}

._4c071f54d96017d5-endState{
	display:flex;
	height:100%;
	min-height:200px;
	align-items:center;
	justify-content:center;
	padding-bottom:2rem;
}

._4c071f54d96017d5-endStateContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
}

._4c071f54d96017d5-endStateIcon{
	height:3rem;
	width:3rem;
	color:var(--text-primary-muted);
}

._4c071f54d96017d5-endStateText{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.25rem;
	text-align:center;
}

._4c071f54d96017d5-endStateTitle{
	font-weight:600;
	color:var(--text-primary);
	font-size:1.25rem;
}

._4c071f54d96017d5-endStateDescription{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._4c071f54d96017d5-emptyState{
	display:flex;
	height:100%;
	min-height:0;
	align-items:center;
	justify-content:center;
}

._4c071f54d96017d5-emptyStateContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
}

._4c071f54d96017d5-emptyStateIcon{
	height:5rem;
	width:5rem;
	color:var(--text-primary-muted);
}

._4c071f54d96017d5-emptyStateText{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.25rem;
	text-align:center;
}

._4c071f54d96017d5-emptyStateTitle{
	font-weight:600;
	color:var(--text-primary);
	font-size:1.25rem;
}

._4c071f54d96017d5-emptyStateDescription{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._4c071f54d96017d5-header{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._4c071f54d96017d5-title{
	font-weight:600;
	font-size:1rem;
	color:var(--text-primary);
}

._36fc8c33a6737f95-icon{
	width:1.5rem;
	height:1.5rem;
	color:var(--text-primary-muted);
}

._971c6785b23f3ea8-icon{
	width:1.5rem;
	height:1.5rem;
	color:var(--text-primary-muted);
}

._971c6785b23f3ea8-missingList{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	margin-bottom:1rem;
}

.fe5be59d9f84083d-dmLayoutContainer{
	--dm-layout-gap:0px;
	display:grid;
	grid-template-columns:var(--layout-sidebar-width) minmax(0, 1fr);
	grid-template-rows:1fr;
	grid-column-gap:0px;
	grid-column-gap:var(--dm-layout-gap);
	-moz-column-gap:0px;
	     -webkit-column-gap:0px;
	     column-gap:0px;
	-moz-column-gap:var(--dm-layout-gap);
	     -webkit-column-gap:var(--dm-layout-gap);
	     column-gap:var(--dm-layout-gap);
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	background:var(--background-primary);
}

.fe5be59d9f84083d-dmLayoutContainerMobile{
	
	grid-template-columns:1fr;
	background-color:var(--background-secondary);
}

.fe5be59d9f84083d-dmListColumn{
	display:flex;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	flex-direction:column;
	background:transparent;
	position:relative;
}

.fe5be59d9f84083d-contentColumn{
	display:grid;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	overflow:hidden;
	-ms-scroll-chaining:none;
	    overscroll-behavior:contain;
	border-radius:0;
	border:none;
	background:transparent;
	box-shadow:none;
	position:relative;
	isolation:isolate;
}

.fe5be59d9f84083d-contentColumn::before{
	display:none;
}

.fe5be59d9f84083d-contentInner{
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	background-color:transparent;
	will-change:transform;
	transition:transform 220ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1), opacity 200ms ease;
}

.fe5be59d9f84083d-contentColumn[data-edge-swipe-active='1'] .fe5be59d9f84083d-contentInner{
	transition:none;
}

@keyframes fe5be59d9f84083d-dmMobileContentEnter{
	from{
		opacity:0.96;
		transform:translate3d(2px, 0, 0);
	}
	to{
		opacity:1;
		transform:translate3d(0, 0, 0);
	}
}

@media (max-width: 767px){
	.fe5be59d9f84083d-dmLayoutContainer{
		background:var(--background-primary);
	}

	.fe5be59d9f84083d-contentColumn{
		contain:layout paint;
	}

	.fe5be59d9f84083d-contentInner{
		background-color:var(--background-primary);
		animation:fe5be59d9f84083d-dmMobileContentEnter 80ms linear;
	}
}

@media (prefers-reduced-motion: reduce){
	.fe5be59d9f84083d-contentInner{
		animation:none;
		transition:none;
	}
}

._6d431c587275d452-bannerWrap{
	position:fixed;
	inset:auto 0 max(1rem, env(safe-area-inset-bottom, 0px));
	z-index:var(--z-index-tooltip);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 max(0.75rem, env(safe-area-inset-right, 0px)) 0 max(0.75rem, env(safe-area-inset-left, 0px));
	pointer-events:none;
}

._6d431c587275d452-banner{
	position:relative;
	display:flex;
	align-items:center;
	gap:0.7rem;
	padding:0.58rem 0.9rem 0.58rem 0.62rem;
	border-radius:0.65rem;
	background:color-mix(in srgb, var(--background-floating) 94%, var(--background-primary) 6%);
	border:1px solid color-mix(in srgb, var(--brand-primary) 28%, transparent);
	box-shadow:0 14px 34px rgb(0 0 0 / 0.34);
	color:var(--text-primary);
	font-size:0.78rem;
	font-weight:600;
	-webkit-backdrop-filter:blur(14px);
	        backdrop-filter:blur(14px);
	pointer-events:none;
	max-width:min(94vw, 34rem);
}

._6d431c587275d452-orbit{
	--orbit-size:2rem;
}

._6d431c587275d452-text{
	display:grid;
	grid-gap:0.08rem;
	gap:0.08rem;
	white-space:normal;
	line-height:1.2;
	text-wrap:balance;
}

._6d431c587275d452-text strong{
	font-size:0.8rem;
	color:var(--text-primary);
}

._6d431c587275d452-text span{
	font-size:0.68rem;
	font-weight:500;
	color:var(--text-tertiary);
}

@media (max-width: 767px){
	._6d431c587275d452-banner{
		width:min(30rem, calc(100vw - 1.5rem));
		max-width:30rem;
		justify-content:flex-start;
		padding:0.44rem 0.66rem;
		text-align:center;
	}
}

.e89eefb22fcb2598-backdrop{
	position:fixed;
	inset:0;
	z-index:1200;
	display:grid;
	place-items:center;
	padding:1.5rem;
	background:color-mix(in srgb, var(--background-primary) 62%, transparent);
	-webkit-backdrop-filter:blur(18px) saturate(122%);
	        backdrop-filter:blur(18px) saturate(122%);
}

.e89eefb22fcb2598-notice{
	position:relative;
	display:grid;
	grid-template-columns:minmax(17rem, 21rem) minmax(0, 1fr);
	width:min(48rem, calc(100vw - 3rem));
	border-radius:2rem;
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 18%, var(--background-primary) 82%), color-mix(in srgb, var(--background-secondary) 18%, var(--background-primary) 82%)), color-mix(in srgb, var(--app-surface-background) 22%, transparent);
	border:1px solid transparent;
	box-shadow:0 40px 96px rgb(6 10 21 / 0.42), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 6%, transparent);
	-webkit-backdrop-filter:blur(28px) saturate(135%);
	        backdrop-filter:blur(28px) saturate(135%);
	overflow:hidden;
}

.e89eefb22fcb2598-hero{
	position:relative;
	min-height:100%;
	padding:1.25rem;
	background:radial-gradient(circle at 20% 10%, rgb(125 211 252 / 16%) 0%, transparent 52%), radial-gradient(circle at 78% 8%, rgb(129 140 248 / 15%) 0%, transparent 56%), linear-gradient(180deg, #020617 0%, #030b1f 45%, #050d24 72%, #000000 100%);
	overflow:hidden;
	display:flex;
	align-items:flex-end;
}

.e89eefb22fcb2598-starField{
	position:absolute;
	inset:0;
	pointer-events:none;
}

.e89eefb22fcb2598-starLayerPrimary,
.e89eefb22fcb2598-starLayerSecondary{
	position:absolute;
	inset:0;
	background-repeat:repeat;
}

.e89eefb22fcb2598-starLayerPrimary{
	background-image:radial-gradient(2px 2px at 20px 30px, rgb(255 255 255 / 80%) 50%, transparent 55%), radial-gradient(1.5px 1.5px at 80px 120px, rgb(255 255 255 / 60%) 50%, transparent 55%), radial-gradient(1.8px 1.8px at 140px 70px, rgb(191 219 254 / 65%) 50%, transparent 55%);
	background-size:180px 180px;
	opacity:0.72;
	animation:e89eefb22fcb2598-noticeStarsDrift 120s linear infinite;
}

.e89eefb22fcb2598-starLayerSecondary{
	background-image:radial-gradient(1px 1px at 30px 50px, rgb(255 255 255 / 70%) 50%, transparent 55%), radial-gradient(1px 1px at 110px 90px, rgb(167 243 208 / 45%) 50%, transparent 55%), radial-gradient(1px 1px at 160px 150px, rgb(253 224 71 / 35%) 50%, transparent 55%);
	background-size:220px 220px;
	opacity:0.42;
	animation:e89eefb22fcb2598-noticeStarsTwinkle 7s ease-in-out infinite alternate;
}

.e89eefb22fcb2598-heroContent{
	position:relative;
	z-index:3;
	width:100%;
	padding:0 1.2rem 11.2rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	text-align:center;
}

.e89eefb22fcb2598-heroWordmark{
	margin:0;
	font-size:clamp(2.5rem, 5vw, 4rem);
	font-family:var(--font-sans);
	font-weight:800;
	letter-spacing:0.08em;
	line-height:1;
	text-align:center;
	position:relative;
	display:inline-flex;
	color:#eaf2ff;
	text-shadow:0 2px 10px rgb(2 6 23 / 45%);
}

.e89eefb22fcb2598-heroWordmark::after{
	content:'';
	position:absolute;
	left:50%;
	top:58%;
	width:116%;
	height:78%;
	transform:translate(-50%, -50%);
	border-radius:999px;
	background:radial-gradient(circle, rgb(96 165 250 / 28%) 0%, rgb(96 165 250 / 0%) 72%);
	-webkit-filter:blur(7px);
	        filter:blur(7px);
	z-index:-1;
}

.e89eefb22fcb2598-heroSubline{
	margin:0;
	font-family:var(--font-sans);
	text-align:center;
	font-size:0.84rem;
	line-height:1.45;
	letter-spacing:0.01em;
	color:rgb(226 232 240 / 82%);
	max-width:20rem;
}

.e89eefb22fcb2598-heroFeatureGrid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:0.5rem;
	gap:0.5rem;
	width:100%;
	max-width:17rem;
}

.e89eefb22fcb2598-heroFeature{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:1.85rem;
	padding:0.28rem 0.58rem;
	border-radius:999px;
	border:1px solid rgb(191 219 254 / 16%);
	background:rgb(15 23 42 / 48%);
	color:#dbeafe;
	font-size:0.66rem;
	font-weight:600;
	letter-spacing:0.08em;
	text-transform:uppercase;
	white-space:nowrap;
}

.e89eefb22fcb2598-planetHorizon{
	position:absolute;
	left:50%;
	bottom:-7.4rem;
	width:180%;
	height:11.8rem;
	transform:translateX(-50%);
	border-radius:100% 100% 0 0;
	background:radial-gradient(circle at 50% 0%, #1e40af 0%, #000 62%);
	box-shadow:0 -10px 55px 3px rgb(59 130 246 / 54%), inset 0 14px 45px 0 rgb(255 255 255 / 24%);
}

.e89eefb22fcb2598-badge{
	position:absolute;
	top:1rem;
	left:1rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:2rem;
	padding:0.35rem 0.85rem;
	border-radius:999px;
	background:color-mix(in srgb, var(--background-floating) 18%, transparent);
	color:color-mix(in srgb, var(--text-primary) 84%, white 16%);
	font-size:0.72rem;
	font-weight:700;
	letter-spacing:0.11em;
	text-transform:uppercase;
	border:1px solid rgb(191 219 254 / 18%);
}

.e89eefb22fcb2598-slogan{
	position:absolute;
	left:1.2rem;
	right:1.2rem;
	bottom:1rem;
	font-size:0.8rem;
	line-height:1.35;
	font-weight:600;
	letter-spacing:0.05em;
	text-transform:uppercase;
	color:rgb(191 219 254 / 78%);
	text-align:center;
}

.e89eefb22fcb2598-content{
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:0.95rem;
	padding:1.6rem 1.5rem 1.5rem;
	min-width:0;
}

.e89eefb22fcb2598-kicker{
	font-size:0.78rem;
	font-weight:700;
	line-height:1rem;
	letter-spacing:0.14em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--brand-primary) 74%, var(--text-secondary));
}

.e89eefb22fcb2598-closeButton{
	position:absolute;
	top:1rem;
	right:1rem;
	display:flex;
	align-items:center;
	justify-content:center;
	width:2.2rem;
	height:2.2rem;
	flex-shrink:0;
	border:1px solid transparent;
	border-radius:0.95rem;
	background:color-mix(in srgb, var(--background-floating) 14%, transparent);
	color:var(--text-primary-muted);
	cursor:pointer;
	transition:color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.e89eefb22fcb2598-closeButton:hover{
	color:var(--text-primary);
	border-color:transparent;
	transform:translateY(-1px);
}

@media (pointer: coarse){
	.e89eefb22fcb2598-closeButton{
		width:44px;
		height:44px;
	}
}

.e89eefb22fcb2598-closeIcon{
	width:0.95rem;
	height:0.95rem;
}

.e89eefb22fcb2598-title{
	margin:0;
	font-size:clamp(1.8rem, 3vw, 2.4rem);
	line-height:1.02;
	font-weight:800;
	letter-spacing:-0.05em;
	color:var(--text-primary);
}

.e89eefb22fcb2598-description{
	margin:0;
	font-size:0.98rem;
	line-height:1.6;
	color:color-mix(in srgb, var(--text-secondary) 92%, var(--text-primary));
}

.e89eefb22fcb2598-featureGrid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:0.85rem;
	gap:0.85rem;
}

.e89eefb22fcb2598-featureCard{
	display:flex;
	flex-direction:column;
	gap:0.45rem;
	padding:0.95rem 1rem;
	border-radius:1.1rem;
	background:color-mix(in srgb, var(--background-floating) 10%, transparent);
	border:1px solid transparent;
}

.e89eefb22fcb2598-featureTitle{
	font-size:0.86rem;
	line-height:1.1rem;
	font-weight:700;
	color:var(--text-primary);
}

.e89eefb22fcb2598-featureBody{
	font-size:0.84rem;
	line-height:1.45;
	color:color-mix(in srgb, var(--text-secondary) 90%, var(--text-primary));
}

.e89eefb22fcb2598-actions{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	padding-top:0.2rem;
}

.e89eefb22fcb2598-primaryButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:2.9rem;
	padding:0.7rem 1.2rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 28%, transparent);
	border-radius:1.05rem;
	background:transparent;
	color:color-mix(in srgb, var(--text-primary) 90%, white 10%);
	font-weight:600;
	cursor:pointer;
	transition:transform 160ms ease, border-color 160ms ease, color 160ms ease, background-color 160ms ease;
}

.e89eefb22fcb2598-primaryButton:hover{
	transform:translateY(-1px);
	border-color:color-mix(in srgb, var(--text-primary) 46%, transparent);
	color:var(--text-primary);
	background:color-mix(in srgb, var(--background-floating) 10%, transparent);
}

@keyframes e89eefb22fcb2598-noticeStarsDrift{
	from{
		transform:translateY(0);
	}
	to{
		transform:translateY(-180px);
	}
}

@keyframes e89eefb22fcb2598-noticeStarsTwinkle{
	0%{
		opacity:0.26;
	}
	50%{
		opacity:0.58;
	}
	100%{
		opacity:0.38;
	}
}

@media (prefers-reduced-motion: reduce){
	.e89eefb22fcb2598-starLayerPrimary,
	.e89eefb22fcb2598-starLayerSecondary{
		animation:none;
	}
}

@media (max-width: 1080px){
	.e89eefb22fcb2598-notice{
		grid-template-columns:1fr;
		width:min(34rem, calc(100vw - 2rem));
	}

	.e89eefb22fcb2598-hero{
		min-height:14rem;
	}

	.e89eefb22fcb2598-featureGrid{
		grid-template-columns:1fr;
	}
}

@media (max-width: 767px){
	.e89eefb22fcb2598-notice{
		display:none;
	}
}

._607b0845732b8cb7-root{
	position:fixed;
	right:1.25rem;
	bottom:1.25rem;
	z-index:420;
	width:22rem;
	max-width:calc(100vw - 2rem);
	display:flex;
	flex-direction:column;
	border-radius:1.1rem;
	overflow:hidden;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:radial-gradient(circle at top left, color-mix(in srgb, var(--brand-primary) 14%, transparent), transparent 42%), linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-floating) 18%, var(--background-primary) 82%),
			color-mix(in srgb, var(--background-secondary) 22%, var(--background-primary) 78%)
		);
	box-shadow:0 18px 46px rgb(4 8 16 / 0.32), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
	-webkit-backdrop-filter:blur(22px) saturate(124%);
	        backdrop-filter:blur(22px) saturate(124%);
	color:var(--text-primary);
	animation:_607b0845732b8cb7-onboardingIn 360ms cubic-bezier(0.34, 1.56, 0.64, 1);
	animation:_607b0845732b8cb7-onboardingIn var(--motion-dur-long, 360ms) var(--motion-ease-springy, cubic-bezier(0.34, 1.56, 0.64, 1));
	transition:height 240ms cubic-bezier(0.22, 1, 0.36, 1), opacity 160ms cubic-bezier(0.22, 1, 0.36, 1);
	transition:height var(--motion-dur-medium, 240ms) var(--motion-ease-smooth, cubic-bezier(0.22, 1, 0.36, 1)), opacity var(--motion-dur-short, 160ms) var(--motion-ease-smooth, cubic-bezier(0.22, 1, 0.36, 1));
}

._607b0845732b8cb7-rootCollapsed{
}

@keyframes _607b0845732b8cb7-onboardingIn{
	from{
		opacity:0;
		transform:translateY(16px) scale(0.98);
	}
	to{
		opacity:1;
		transform:translateY(0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce){
	._607b0845732b8cb7-root{
		animation:none;
	}
}

._607b0845732b8cb7-header{
	display:flex;
	align-items:center;
	gap:0.4rem;
	padding:0.75rem 0.75rem 0.75rem 0.9rem;
	border-bottom:1px solid color-mix(in srgb, var(--text-primary) 6%, transparent);
}

._607b0845732b8cb7-headerButton{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	flex:1;
	min-width:0;
	padding:0;
	background:transparent;
	border:none;
	color:inherit;
	cursor:pointer;
	text-align:left;
}

._607b0845732b8cb7-headerLeft{
	display:flex;
	align-items:center;
	gap:0.75rem;
	min-width:0;
}

._607b0845732b8cb7-progressRing{
	position:relative;
	width:2.6rem;
	height:2.6rem;
	flex-shrink:0;
}

._607b0845732b8cb7-progressSvg{
	width:100%;
	height:100%;
	transform:rotate(-90deg);
}

._607b0845732b8cb7-progressTrack{
	fill:none;
	stroke:color-mix(in srgb, var(--text-primary) 10%, transparent);
	stroke-width:3.2;
}

._607b0845732b8cb7-progressValue{
	fill:none;
	stroke:var(--brand-primary);
	stroke-width:3.2;
	stroke-linecap:round;
	transition:stroke-dasharray 360ms ease;
	transition:stroke-dasharray var(--motion-dur-long, 360ms) var(--motion-ease-smooth, ease);
}

._607b0845732b8cb7-progressLabel{
	position:absolute;
	inset:0;
	display:grid;
	place-items:center;
	font-size:0.75rem;
	font-weight:600;
	color:var(--text-primary);
	-webkit-font-feature-settings:"tnum";
	        font-feature-settings:"tnum";
	font-variant-numeric:tabular-nums;
}

._607b0845732b8cb7-headerTexts{
	display:flex;
	flex-direction:column;
	gap:0.1rem;
	min-width:0;
}

._607b0845732b8cb7-headerTitle{
	font-size:0.95rem;
	font-weight:700;
	line-height:1.2;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._607b0845732b8cb7-headerSubtitle{
	font-size:0.8125rem;
	color:var(--text-primary-muted);
	line-height:1.3;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._607b0845732b8cb7-caret{
	flex-shrink:0;
	width:1rem;
	height:1rem;
	color:var(--text-primary-muted);
	transition:transform 160ms ease;
	transition:transform var(--motion-dur-short, 160ms) var(--motion-ease-smooth, ease);
}

._607b0845732b8cb7-caretCollapsed{
	transform:rotate(-90deg);
}

._607b0845732b8cb7-closeButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:1.9rem;
	height:1.9rem;
	flex-shrink:0;
	border-radius:0.6rem;
	border:1px solid transparent;
	background:transparent;
	color:var(--text-primary-muted);
	cursor:pointer;
	transition:background-color 160ms ease, color 160ms ease;
	transition:background-color var(--motion-dur-short, 160ms) var(--motion-ease-smooth, ease), color var(--motion-dur-short, 160ms) var(--motion-ease-smooth, ease);
}

._607b0845732b8cb7-closeButton:hover{
	background-color:color-mix(in srgb, var(--text-primary) 8%, transparent);
	color:var(--text-primary);
}

._607b0845732b8cb7-closeButton svg{
	width:1rem;
	height:1rem;
}

._607b0845732b8cb7-list{
	list-style:none;
	margin:0;
	padding:0.5rem;
	display:flex;
	flex-direction:column;
	gap:0.15rem;
	max-height:32rem;
	overflow:hidden;
	transition:max-height 240ms ease, padding 240ms ease, opacity 160ms ease;
	transition:max-height var(--motion-dur-medium, 240ms) var(--motion-ease-smooth, ease), padding var(--motion-dur-medium, 240ms) var(--motion-ease-smooth, ease), opacity var(--motion-dur-short, 160ms) var(--motion-ease-smooth, ease);
}

._607b0845732b8cb7-listCollapsed{
	max-height:0;
	padding-top:0;
	padding-bottom:0;
	opacity:0;
}

._607b0845732b8cb7-item{
	display:flex;
	align-items:flex-start;
	gap:0.75rem;
	padding:0.6rem 0.65rem;
	border-radius:0.7rem;
	transition:background-color 160ms ease;
	transition:background-color var(--motion-dur-short, 160ms) var(--motion-ease-smooth, ease);
}

._607b0845732b8cb7-item:hover{
	background-color:color-mix(in srgb, var(--text-primary) 5%, transparent);
}

._607b0845732b8cb7-itemIcon{
	display:grid;
	place-items:center;
	width:1.75rem;
	height:1.75rem;
	flex-shrink:0;
	border-radius:0.55rem;
	background:color-mix(in srgb, var(--brand-primary) 14%, transparent);
	color:var(--brand-primary);
	margin-top:0.1rem;
	transition:background-color 160ms ease, color 160ms ease;
	transition:background-color var(--motion-dur-short, 160ms) var(--motion-ease-smooth, ease), color var(--motion-dur-short, 160ms) var(--motion-ease-smooth, ease);
}

._607b0845732b8cb7-itemIcon svg{
	width:1.05rem;
	height:1.05rem;
}

._607b0845732b8cb7-itemDone ._607b0845732b8cb7-itemIcon{
	background:color-mix(in srgb, var(--status-online) 22%, transparent);
	color:var(--status-online);
}

._607b0845732b8cb7-itemText{
	display:flex;
	flex-direction:column;
	gap:0.15rem;
	min-width:0;
	flex:1;
}

._607b0845732b8cb7-itemTitle{
	font-size:0.875rem;
	font-weight:600;
	line-height:1.3;
	color:var(--text-primary);
	transition:color 160ms ease;
	transition:color var(--motion-dur-short, 160ms) var(--motion-ease-smooth, ease);
}

._607b0845732b8cb7-itemDone ._607b0845732b8cb7-itemTitle{
	color:var(--text-primary-muted);
	text-decoration:line-through;
	-webkit-text-decoration-color:color-mix(in srgb, var(--text-primary) 25%, transparent);
	        text-decoration-color:color-mix(in srgb, var(--text-primary) 25%, transparent);
}

._607b0845732b8cb7-itemHint{
	font-size:0.78rem;
	line-height:1.35;
	color:var(--text-primary-muted);
}

@media (max-width: 767px){
	._607b0845732b8cb7-root{
		display:none;
	}
}

.cfbdf6055d849b70-backdrop{
	position:fixed;
	inset:0;
	z-index:2200;
	display:grid;
	place-items:center;
	padding:1.25rem;
	background:color-mix(in srgb, var(--background-primary) 72%, transparent);
	-webkit-backdrop-filter:blur(20px) saturate(124%);
	        backdrop-filter:blur(20px) saturate(124%);
}

.cfbdf6055d849b70-card{
	width:100%;
	max-width:26rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.85rem;
	padding:1.6rem 1.4rem 1.25rem;
	border-radius:1.3rem;
	background:radial-gradient(circle at top, color-mix(in srgb, var(--brand-primary) 14%, transparent), transparent 55%), linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-floating) 22%, var(--background-primary) 78%),
			color-mix(in srgb, var(--background-secondary) 24%, var(--background-primary) 76%)
		);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	box-shadow:0 24px 64px rgb(4 8 16 / 0.45), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
	color:var(--text-primary);
	text-align:center;
}

.cfbdf6055d849b70-iconShell{
	display:grid;
	place-items:center;
	width:3rem;
	height:3rem;
	border-radius:9999px;
	background:color-mix(in srgb, #eab308 22%, transparent);
	color:#eab308;
	color:var(--status-warning, #eab308);
}

@supports (color: color-mix(in lch, red, blue)){
.cfbdf6055d849b70-iconShell{
	background:color-mix(in srgb, var(--status-warning, #eab308) 22%, transparent);
}
}

.cfbdf6055d849b70-iconShell svg{
	width:1.7rem;
	height:1.7rem;
}

.cfbdf6055d849b70-title{
	font-size:1.2rem;
	font-weight:700;
	line-height:1.25;
	margin:0;
}

.cfbdf6055d849b70-body{
	font-size:0.9rem;
	line-height:1.45;
	color:var(--text-primary-muted);
	margin:0;
	max-width:22rem;
}

.cfbdf6055d849b70-joke{
	font-size:0.78rem;
	line-height:1.4;
	font-style:italic;
	color:color-mix(in srgb, var(--text-primary) 55%, transparent);
	margin:0;
	padding:0.5rem 0.8rem;
	border-left:2px solid color-mix(in srgb, var(--brand-primary) 38%, transparent);
	background:color-mix(in srgb, var(--brand-primary) 6%, transparent);
	border-radius:0 0.45rem 0.45rem 0;
	max-width:22rem;
	text-align:left;
}

.cfbdf6055d849b70-urlRow{
	width:100%;
	padding:0.55rem 0.7rem;
	border-radius:0.65rem;
	background:color-mix(in srgb, var(--text-primary) 6%, transparent);
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	overflow:hidden;
}

.cfbdf6055d849b70-url{
	display:block;
	font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
	font-family:var(--font-code, ui-monospace, SFMono-Regular, Menlo, monospace);
	font-size:0.78rem;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.cfbdf6055d849b70-actions{
	display:flex;
	flex-direction:column;
	gap:0.4rem;
	width:100%;
	margin-top:0.25rem;
}

.cfbdf6055d849b70-primaryAction,
.cfbdf6055d849b70-secondaryAction{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:0.45rem;
	height:2.5rem;
	padding:0 1rem;
	border-radius:0.75rem;
	font-size:0.9rem;
	font-weight:600;
	cursor:pointer;
	transition:background-color 160ms ease, transform 160ms ease, border-color 160ms ease;
	transition:background-color var(--motion-dur-short, 160ms) var(--motion-ease-smooth, ease), transform var(--motion-dur-short, 160ms) var(--motion-ease-smooth, ease), border-color var(--motion-dur-short, 160ms) var(--motion-ease-smooth, ease);
}

.cfbdf6055d849b70-primaryAction{
	border:1px solid transparent;
	background:var(--brand-primary);
	color:var(--white);
}

.cfbdf6055d849b70-primaryAction:hover{
	transform:translateY(-1px);
	background:color-mix(in srgb, var(--brand-primary) 92%, var(--white) 8%);
}

.cfbdf6055d849b70-primaryAction svg{
	width:1.05rem;
	height:1.05rem;
}

.cfbdf6055d849b70-secondaryAction{
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:transparent;
	color:var(--text-primary);
}

.cfbdf6055d849b70-secondaryAction:hover{
	background:color-mix(in srgb, var(--text-primary) 6%, transparent);
	border-color:color-mix(in srgb, var(--text-primary) 16%, transparent);
}

.cfbdf6055d849b70-secondaryAction svg{
	width:1rem;
	height:1rem;
}

.cfbdf6055d849b70-dismissLink{
	margin-top:0.25rem;
	padding:0.3rem 0.6rem;
	background:transparent;
	border:none;
	color:var(--text-primary-muted);
	font-size:0.8rem;
	cursor:pointer;
}

.cfbdf6055d849b70-dismissLink:hover{
	color:var(--text-primary);
	text-decoration:underline;
	text-underline-offset:3px;
}

@media (max-width: 520px){
	.cfbdf6055d849b70-card{
		padding:1.2rem 1rem 1rem;
	}

	.cfbdf6055d849b70-title{
		font-size:1.05rem;
	}
}

@media (prefers-reduced-motion: reduce){
	.cfbdf6055d849b70-primaryAction,
	.cfbdf6055d849b70-secondaryAction{
		transition:none;
	}
}

.f3723c99e2fecd07-banner{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	align-items:center;
	grid-gap:10px;
	gap:10px;
	padding:8px 14px;
	background:linear-gradient(135deg, rgba(99, 102, 241, 0.14), rgba(129, 140, 248, 0.08));
	border-bottom:1px solid rgba(99, 102, 241, 0.25);
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
	z-index:100;
	min-height:52px;
	margin-top:env(titlebar-area-height, 0px);
	animation:f3723c99e2fecd07-slideDown 0.3s ease-out;
}

@keyframes f3723c99e2fecd07-slideDown{
	from{
		opacity:0;
		transform:translateY(-100%);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

.f3723c99e2fecd07-content{
	min-width:0;
}

.f3723c99e2fecd07-title{
	font-size:13px;
	font-weight:600;
	color:#fff;
	color:var(--text-normal, #fff);
	line-height:1.3;
}

.f3723c99e2fecd07-subtitle{
	font-size:11px;
	color:#a1a1aa;
	color:var(--text-muted, #a1a1aa);
	line-height:1.3;
	margin-top:1px;
}

.f3723c99e2fecd07-progressContainer{
	min-width:0;
}

.f3723c99e2fecd07-progressBarOuter{
	height:4px;
	border-radius:2px;
	background:rgba(255, 255, 255, 0.1);
	overflow:hidden;
	margin-top:6px;
}

.f3723c99e2fecd07-progressBarInner{
	height:100%;
	border-radius:2px;
	background:linear-gradient(90deg, #6366f1, #818cf8);
	transition:width 0.3s ease;
}

.f3723c99e2fecd07-progressText{
	font-size:11px;
	color:#a1a1aa;
	color:var(--text-muted, #a1a1aa);
	margin-top:4px;
	display:flex;
	justify-content:space-between;
}

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

.f3723c99e2fecd07-updateButton{
	display:flex;
	align-items:center;
	gap:6px;
	padding:0 14px;
	height:32px;
	border:none;
	border-radius:8px;
	background:#6366f1;
	color:#fff;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
	transition:background 0.15s ease;
	white-space:nowrap;
}

.f3723c99e2fecd07-updateButton:hover{
	background:#4f46e5;
}

.f3723c99e2fecd07-updateButton:active{
	background:#4338ca;
}

.f3723c99e2fecd07-dismissButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border:none;
	border-radius:8px;
	background:transparent;
	color:#71717a;
	color:var(--text-muted, #71717a);
	cursor:pointer;
	transition:all 0.15s ease;
	padding:0;
	flex-shrink:0;
}

.f3723c99e2fecd07-dismissButton:hover{
	background:rgba(255, 255, 255, 0.1);
	color:#fff;
	color:var(--text-normal, #fff);
}

.f3723c99e2fecd07-dismissButton:disabled,
.f3723c99e2fecd07-updateButton:disabled{
	opacity:0.7;
	cursor:not-allowed;
}

.f3723c99e2fecd07-dismissIcon{
	width:16px;
	height:16px;
}

@media (max-width: 900px){
	.f3723c99e2fecd07-banner{
		padding:8px 12px;
		gap:8px;
	}

	.f3723c99e2fecd07-title{
		font-size:12px;
	}

	.f3723c99e2fecd07-subtitle,
	.f3723c99e2fecd07-progressText{
		font-size:10px;
	}
}

@media (max-width: 640px){
	.f3723c99e2fecd07-banner{
		grid-template-columns:1fr;
		gap:6px;
		padding:8px 10px;
		margin-top:0;
	}

	.f3723c99e2fecd07-actions{
		width:100%;
		justify-content:flex-end;
	}

	.f3723c99e2fecd07-updateButton{
		height:30px;
		padding:0 12px;
	}

	.f3723c99e2fecd07-title{
		line-height:1.25;
	}

	.f3723c99e2fecd07-subtitle{
		margin-top:2px;
		line-height:1.25;
	}
}

.f3723c99e2fecd07-spinAnimation{
	animation:f3723c99e2fecd07-spin 1s linear infinite;
}

@keyframes f3723c99e2fecd07-spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

.e0d2bacdce94f2d3-splashOverlay{
	position:fixed;
	inset:0;
	z-index:var(--z-index-overlay);
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:var(--background-secondary);
	padding-left:var(--spacing-6);
	padding-right:var(--spacing-6);
}

html.platform-native-desktop .e0d2bacdce94f2d3-splashOverlay{
	top:var(--native-titlebar-height);
}

.e0d2bacdce94f2d3-topDragRegion{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:var(--layout-header-height);
	z-index:100;
	pointer-events:none;
}

html.platform-native.platform-macos .e0d2bacdce94f2d3-topDragRegion{
	pointer-events:auto;
}

@media (min-width: 640px){
	.e0d2bacdce94f2d3-splashOverlay{
		padding-left:var(--spacing-8);
		padding-right:var(--spacing-8);
	}
}

@media (min-width: 768px){
	.e0d2bacdce94f2d3-splashOverlay{
		padding-left:var(--spacing-12);
		padding-right:var(--spacing-12);
	}
}

.e0d2bacdce94f2d3-splashContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--spacing-4);
	width:100%;
	max-width:28rem;
}

@media (min-width: 640px){
	.e0d2bacdce94f2d3-splashContent{
		max-width:32rem;
	}
}

@media (min-width: 768px){
	.e0d2bacdce94f2d3-splashContent{
		max-width:36rem;
	}
}

@media (min-width: 1024px){
	.e0d2bacdce94f2d3-splashContent{
		max-width:42rem;
	}
}

.e0d2bacdce94f2d3-iconWrapper{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:5rem;
	height:5rem;
}

@media (min-width: 640px){
	.e0d2bacdce94f2d3-iconWrapper{
		width:6rem;
		height:6rem;
	}
}

@media (min-width: 768px){
	.e0d2bacdce94f2d3-iconWrapper{
		width:7rem;
		height:7rem;
	}
}

.e0d2bacdce94f2d3-animatedMark{
	position:relative;
	z-index:var(--z-index-elevated-1);
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	overflow:hidden;
}

.e0d2bacdce94f2d3-iconPulse{
	position:absolute;
	inset:0;
	border-radius:50%;
	background-color:var(--brand-primary);
	opacity:0.75;
	animation:e0d2bacdce94f2d3-splashPulse 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.e0d2bacdce94f2d3-loadingFrameImage{
	position:absolute;
	z-index:var(--z-index-elevated-1);
	width:72%;
	height:72%;
	object-fit:contain;
	object-position:center;
	-webkit-filter:drop-shadow(0 4px 14px rgb(0 0 0 / 28%));
	        filter:drop-shadow(0 4px 14px rgb(0 0 0 / 28%));
}

.e0d2bacdce94f2d3-mobileSplashCard{
	position:relative;
	width:100%;
	max-width:30rem;
	display:flex;
	flex-direction:column;
	gap:1.1rem;
	padding:1.25rem;
	border-radius:1.5rem;
	border:1px solid rgb(255 255 255 / 0.08);
	background:radial-gradient(120% 140% at 0% 0%, rgb(99 102 241 / 0.16) 0%, transparent 60%), linear-gradient(180deg, rgb(14 18 31 / 0.96) 0%, rgb(8 11 21 / 0.98) 100%);
	box-shadow:0 20px 48px rgb(0 0 0 / 0.28), inset 0 1px 0 rgb(255 255 255 / 0.05);
	overflow:hidden;
}

.e0d2bacdce94f2d3-mobileSplashGlow{
	position:absolute;
	inset:auto -10% -30% auto;
	width:12rem;
	height:12rem;
	border-radius:999px;
	background:radial-gradient(circle, rgb(34 197 94 / 0.16) 0%, rgb(34 197 94 / 0) 72%);
	-webkit-filter:blur(12px);
	        filter:blur(12px);
	pointer-events:none;
}

.e0d2bacdce94f2d3-mobileSplashTopRow{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
}

.e0d2bacdce94f2d3-mobileSplashBadge,
.e0d2bacdce94f2d3-mobileSplashVersion{
	display:inline-flex;
	align-items:center;
	padding:0.45rem 0.75rem;
	border-radius:999px;
	background:rgb(255 255 255 / 0.06);
	border:1px solid rgb(255 255 255 / 0.08);
	font-size:0.75rem;
	font-weight:700;
	letter-spacing:0.02em;
	color:rgb(241 243 255 / 0.94);
}

.e0d2bacdce94f2d3-mobileSplashVersion{
	font-weight:600;
	color:var(--text-secondary);
}

.e0d2bacdce94f2d3-mobileSplashHeader{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	gap:1rem;
}

.e0d2bacdce94f2d3-mobileSplashText{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
	text-align:left;
}

.e0d2bacdce94f2d3-mobileSplashTitle{
	font-size:clamp(1.8rem, 8vw, 2.4rem);
	font-weight:800;
	letter-spacing:-0.03em;
	color:white;
}

.e0d2bacdce94f2d3-mobileSplashSubtitle{
	font-size:0.95rem;
	line-height:1.45;
	color:rgb(201 206 230 / 0.86);
}

.e0d2bacdce94f2d3-mobileSplashStatusStrip{
	position:relative;
	z-index:1;
	display:flex;
	flex-wrap:wrap;
	gap:0.55rem;
}

.e0d2bacdce94f2d3-mobileSplashStatusPill{
	display:inline-flex;
	align-items:center;
	gap:0.5rem;
	padding:0.65rem 0.8rem;
	border-radius:999px;
	background:rgb(255 255 255 / 0.05);
	border:1px solid rgb(255 255 255 / 0.06);
	font-size:0.78rem;
	font-weight:600;
	color:rgb(226 230 248 / 0.88);
}

.e0d2bacdce94f2d3-mobileSplashStatusDot{
	width:0.48rem;
	height:0.48rem;
	flex-shrink:0;
	border-radius:999px;
	background:linear-gradient(180deg, rgb(110 118 255) 0%, rgb(71 82 212) 100%);
	box-shadow:0 0 0 4px rgb(99 102 241 / 0.12);
}

.e0d2bacdce94f2d3-mobileSplashSteps{
	position:relative;
	z-index:1;
	display:grid;
	grid-gap:0.75rem;
	gap:0.75rem;
}

.e0d2bacdce94f2d3-mobileSplashStep{
	display:inline-flex;
	align-items:center;
	gap:0.65rem;
	font-size:0.85rem;
	font-weight:600;
	color:rgb(226 231 251 / 0.92);
}

.e0d2bacdce94f2d3-mobileSplashStepDot{
	width:0.5rem;
	height:0.5rem;
	flex-shrink:0;
	border-radius:999px;
	background:linear-gradient(180deg, rgb(120 129 255) 0%, rgb(77 86 255) 100%);
	box-shadow:0 0 0 4px rgb(99 102 241 / 0.14);
}

.e0d2bacdce94f2d3-splashVersionLabel{
	position:fixed;
	left:50%;
	bottom:max(0.95rem, calc(0px + 0.5rem));
	bottom:max(0.95rem, calc(var(--safe-area-bottom, 0px) + 0.5rem));
	transform:translateX(-50%);
	z-index:var(--z-index-elevated-2);
	pointer-events:none;
	font-size:0.76rem;
	font-weight:700;
	letter-spacing:0.09em;
	color:color-mix(in srgb, var(--text-primary) 76%, var(--text-tertiary) 24%);
	text-shadow:0 2px 8px rgb(0 0 0 / 24%);
}

html.platform-native-mobile .e0d2bacdce94f2d3-splashOverlay{
	background:radial-gradient(90% 80% at 0% 0%, rgb(92 102 255 / 0.18) 0%, transparent 58%), radial-gradient(80% 80% at 100% 100%, rgb(34 197 94 / 0.08) 0%, transparent 56%), var(--background-secondary);
	padding-top:calc(0px + 1rem);
	padding-top:calc(var(--safe-area-top, 0px) + 1rem);
	padding-bottom:calc(0px + 1rem);
	padding-bottom:calc(var(--safe-area-bottom, 0px) + 1rem);
	align-items:flex-start;
}

html.platform-native-mobile .e0d2bacdce94f2d3-splashContent{
	max-width:30rem;
	margin-top:auto;
	margin-bottom:auto;
}

@media (max-width: 480px){
	.e0d2bacdce94f2d3-mobileSplashCard{
		padding:1rem;
		border-radius:1.35rem;
	}

	.e0d2bacdce94f2d3-mobileSplashHeader{
		align-items:flex-start;
	}
}

@keyframes e0d2bacdce94f2d3-splashPulse{
	0%{
		transform:scale(1);
		opacity:0.75;
	}
	75%{
		transform:scale(2);
		opacity:0;
	}
	100%{
		transform:scale(2);
		opacity:0;
	}
}

@media (prefers-reduced-motion: reduce){
	.e0d2bacdce94f2d3-iconPulse{
		animation:none;
		opacity:0.24;
	}
}

._0e3b0aa1a3346714-appLayout{
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:1fr;
	overflow:hidden;
	height:100svh;
	background:var(--app-shell-background);
	color:var(--text-primary);
}

._0e3b0aa1a3346714-appLayoutStandalone{
	height:100svh;
}

._31999f18b74d3d36-welcomeSection{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:2rem;
	height:100%;
	width:100%;
	color:var(--text-primary);
}

._31999f18b74d3d36-iconSection{
	margin-bottom:2rem;
}

._31999f18b74d3d36-iconWrapper{
	display:flex;
	align-items:center;
	justify-content:center;
	width:5rem;
	height:5rem;
	border-radius:var(--radius-full);
	background-color:var(--channel-welcome-icon-bg, var(--guild-list-foreground));
}

.theme-light ._31999f18b74d3d36-iconWrapper{
	--channel-welcome-icon-bg:color-mix(in srgb, var(--guild-list-foreground) 55%, var(--background-primary) 45%);
}

._31999f18b74d3d36-icon{
	width:48px;
	height:48px;
	color:var(--text-brand);
}

._31999f18b74d3d36-contentSection{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
	max-width:540px;
	text-align:center;
}

._31999f18b74d3d36-heading{
	font-size:1.5rem;
	font-weight:600;
	line-height:1.25;
	color:var(--text-primary);
	margin:0;
}

._31999f18b74d3d36-description{
	font-size:1.125rem;
	line-height:1.75rem;
	color:var(--text-primary);
	margin:0;
}

._31999f18b74d3d36-tip{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
	margin:0;
}

._31999f18b74d3d36-actionSection{
	margin-top:1rem;
	display:flex;
	gap:0.75rem;
	justify-content:center;
}

._4aa0622149f41814-skeletonContainer{
	display:grid;
	grid-template-rows:auto 1fr;
	height:calc(100% - 0px);
	height:calc(100% - var(--layout-user-area-reserved-height, 0px));
	min-height:0;
	width:var(--guild-channel-sidebar-width, var(--layout-sidebar-width));
	min-width:0;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	overflow:hidden;
	background-color:var(--background-secondary);
	padding-bottom:var(--spacing-2);
	position:relative;
	transition:height var(--motion-dur-medium) var(--motion-ease-smooth);
}

._4aa0622149f41814-skeletonContainerMobile{
	width:100%;
}

html.platform-native-desktop ._4aa0622149f41814-skeletonContainer{
	border-top-left-radius:clamp(8px, 1.2vw, 14px);
	background-clip:padding-box;
	overflow:hidden;
}

._4aa0622149f41814-skeletonHeader{
	position:relative;
	display:flex;
	align-items:start;
	overflow:hidden;
	height:var(--layout-header-height);
	min-height:var(--layout-header-height);
	border-bottom:1px solid var(--user-area-divider-color);
	background-color:var(--background-secondary);
}

._4aa0622149f41814-skeletonHeaderPill{
	position:relative;
	z-index:30;
	display:flex;
	align-items:center;
	height:var(--layout-header-height);
	width:100%;
	min-width:0;
	padding:0 var(--spacing-4);
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._4aa0622149f41814-skeletonHeaderPill::after{
	content:'';
	display:block;
	width:80%;
	height:1.25rem;
	background-color:var(--background-modifier-hover);
	border-radius:var(--radius-md);
	opacity:0.4;
}

._4aa0622149f41814-skeletonContent{
	padding:var(--spacing-3);
	overflow-y:auto;
}

._4aa0622149f41814-skeletonCategory{
	padding:var(--spacing-2) var(--spacing-2);
	margin-top:var(--spacing-4);
	margin-bottom:var(--spacing-2);
}

._4aa0622149f41814-skeletonCategoryPill{
	width:60%;
	height:1rem;
	background-color:var(--background-modifier-hover);
	border-radius:var(--radius-md);
	opacity:0.3;
}

._4aa0622149f41814-skeletonChannel{
	padding:var(--spacing-2) var(--spacing-2);
	margin-bottom:var(--spacing-1-5);
}

._4aa0622149f41814-skeletonChannelPill{
	width:75%;
	height:1.25rem;
	background-color:var(--background-modifier-hover);
	border-radius:var(--radius-md);
	opacity:0.35;
}

._4aa0622149f41814-skeletonChannel:nth-child(2) ._4aa0622149f41814-skeletonChannelPill{
	width:62%;
	opacity:0.42;
}

._4aa0622149f41814-skeletonChannel:nth-child(3) ._4aa0622149f41814-skeletonChannelPill{
	width:84%;
	opacity:0.28;
}

._4aa0622149f41814-skeletonChannel:nth-child(4) ._4aa0622149f41814-skeletonChannelPill{
	width:58%;
	opacity:0.38;
}

._4aa0622149f41814-skeletonChannel:nth-child(6) ._4aa0622149f41814-skeletonChannelPill{
	width:78%;
	opacity:0.31;
}

._4aa0622149f41814-skeletonChannel:nth-child(7) ._4aa0622149f41814-skeletonChannelPill{
	width:55%;
	opacity:0.36;
}

._4aa0622149f41814-skeletonChannel:nth-child(10) ._4aa0622149f41814-skeletonChannelPill{
	width:68%;
	opacity:0.33;
}

._4aa0622149f41814-skeletonChannel:nth-child(11) ._4aa0622149f41814-skeletonChannelPill{
	width:82%;
	opacity:0.29;
}

._4aa0622149f41814-skeletonChannel:nth-child(12) ._4aa0622149f41814-skeletonChannelPill{
	width:71%;
	opacity:0.37;
}

._4aa0622149f41814-skeletonChannel:nth-child(13) ._4aa0622149f41814-skeletonChannelPill{
	width:64%;
	opacity:0.34;
}

._4aa0622149f41814-skeletonCategory:nth-child(1) ._4aa0622149f41814-skeletonCategoryPill{
	width:48%;
	opacity:0.25;
}

._4aa0622149f41814-skeletonCategory:nth-child(5) ._4aa0622149f41814-skeletonCategoryPill{
	width:68%;
	opacity:0.32;
}

._4aa0622149f41814-skeletonCategory:nth-child(9) ._4aa0622149f41814-skeletonCategoryPill{
	width:53%;
	opacity:0.28;
}

._4aa0622149f41814-skeletonHeaderPill{
	width:78%;
	opacity:0.36;
}

._1a07b60b14bdcfcd-content{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding-bottom:16px;
}

._1a07b60b14bdcfcd-footer{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:8px;
}

._1a07b60b14bdcfcd-footer > *{
	flex:1;
	min-width:-webkit-fit-content;
	min-width:-moz-fit-content;
	min-width:fit-content;
}

._1a07b60b14bdcfcd-selectContainer{
	margin-bottom:16px;
}

._1a07b60b14bdcfcd-checkboxLabel{
	margin-bottom:12px;
	display:flex;
	cursor:pointer;
	align-items:center;
	gap:8px;
}

._1a07b60b14bdcfcd-checkboxRow{
	margin-bottom:12px;
}

._1a07b60b14bdcfcd-checkboxText{
	font-size:14px;
	color:var(--text-secondary);
}

._1a07b60b14bdcfcd-scrollerContainer{
	flex:1;
	min-height:0;
}

._1a07b60b14bdcfcd-channelList{
	display:flex;
	flex-direction:column;
	gap:2px;
}

._1a07b60b14bdcfcd-emptyState{
	padding:16px 0;
	text-align:center;
	font-size:14px;
	color:var(--text-tertiary);
}

._1a07b60b14bdcfcd-categoryHeader{
	margin-top:8px;
	padding:4px 8px;
	font-weight:600;
	color:var(--text-tertiary);
	font-size:12px;
	text-transform:uppercase;
}

._1a07b60b14bdcfcd-channelRow{
	display:flex;
	align-items:center;
	gap:8px;
	border-radius:6px;
	padding:8px;
}

._1a07b60b14bdcfcd-channelIconContainer{
	flex-shrink:0;
}

._1a07b60b14bdcfcd-channelIcon{
	height:20px;
	width:20px;
	color:var(--text-primary-muted);
}

._1a07b60b14bdcfcd-channelName{
	flex:1;
	color:var(--text-primary);
}

._1a07b60b14bdcfcd-channelActions{
	flex-shrink:0;
}

._7e720e5c48e48c8d-channelListScroller{
	background:var(--background-secondary);
}

._7e720e5c48e48c8d-channelListScrollerWrapper{
	position:relative;
	width:100%;
	min-height:0;
	min-width:0;
	padding:0 0.75rem 0.9rem;
	background:var(--background-secondary);
}

._7e720e5c48e48c8d-channelListScrollerWrapperCompact{
	padding:0 0.625rem 0.75rem;
}

._7e720e5c48e48c8d-channelListScrollerWrapperCollapsed{
	padding-inline:0.35rem;
}

._7e720e5c48e48c8d-navigationContainer{
	width:100%;
	min-width:0;
	min-height:100%;
	padding:0.125rem 0 0.5rem;
	background:var(--background-secondary);
}

._7e720e5c48e48c8d-listControls{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	gap:0.45rem;
	padding:0.2rem 0.15rem 0.6rem;
}

._7e720e5c48e48c8d-listControlsLabel{
	font-family:var(--font-sans);
	font-size:0.68rem;
	font-weight:700;
	letter-spacing:0.14em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--text-primary) 58%, var(--text-tertiary) 42%);
}

._7e720e5c48e48c8d-listTabs{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.25rem;
}

._7e720e5c48e48c8d-listTab{
	border:none;
	border-radius:999px;
	padding:0.18rem 0.45rem;
	background:transparent;
	color:var(--text-tertiary);
	font-size:0.72rem;
	font-weight:600;
	line-height:1;
	cursor:pointer;
	transition:background-color var(--motion-dur-short) var(--motion-ease-snap), color var(--motion-dur-short) var(--motion-ease-snap), transform var(--motion-dur-short) var(--motion-ease-smooth);
}

._7e720e5c48e48c8d-listTab:hover{
	color:var(--text-primary);
	background:color-mix(in srgb, var(--text-primary) 5%, transparent);
}

._7e720e5c48e48c8d-listTabActive{
	background:color-mix(in srgb, var(--brand-primary) 10%, transparent);
	color:var(--text-primary);
}

._7e720e5c48e48c8d-listActionButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:1.5rem;
	height:1.5rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	border-radius:999px;
	background:color-mix(in srgb, var(--background-secondary) 74%, transparent);
	color:var(--text-secondary);
	cursor:pointer;
	transition:background-color var(--motion-dur-short) var(--motion-ease-snap), border-color var(--motion-dur-short) var(--motion-ease-snap), color var(--motion-dur-short) var(--motion-ease-snap), transform var(--motion-dur-short) var(--motion-ease-smooth);
}

._7e720e5c48e48c8d-listActionButton:hover{
	transform:none;
	color:var(--text-primary);
	border-color:color-mix(in srgb, var(--brand-primary) 22%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 78%, var(--brand-primary) 22%);
}

._7e720e5c48e48c8d-listActionIcon{
	width:0.78rem;
	height:0.78rem;
}

._7e720e5c48e48c8d-listControlsCollapsed{
	display:none;
}

._7e720e5c48e48c8d-collapsedState{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.45rem;
	padding:0.35rem 0 1rem;
}

._7e720e5c48e48c8d-collapsedStateLine{
	width:1px;
	height:1.15rem;
	background:color-mix(in srgb, var(--text-primary) 22%, transparent);
}

._7e720e5c48e48c8d-collapsedStateDot{
	width:0.5rem;
	height:0.5rem;
	border-radius:999px;
	background:var(--brand-primary);
	box-shadow:none;
}

._7e720e5c48e48c8d-topDropZone{
	position:relative;
	height:0.625rem;
}

._7e720e5c48e48c8d-channelGroupsContainer{
	display:flex;
	width:100%;
	min-width:0;
	flex-direction:column;
	gap:0.22rem;
}

._7e720e5c48e48c8d-channelGroup{
	display:flex;
	width:100%;
	min-width:0;
	flex-direction:column;
	gap:0.08rem;
	padding:0;
	border-radius:0;
	background:transparent;
	border:none;
	box-shadow:none;
}

._7e720e5c48e48c8d-channelRowMotion{
	overflow:hidden;
}

._7e720e5c48e48c8d-bottomDropZone{
	position:relative;
	height:0.625rem;
}

._7e720e5c48e48c8d-bottomSpacer{
	height:0.5rem;
}

._7e720e5c48e48c8d-channelListScrollerWrapperCollapsed ._7e720e5c48e48c8d-channelGroupsContainer{
	display:none;
}

._7e720e5c48e48c8d-channelListScrollerWrapperCollapsed ._7e720e5c48e48c8d-topDropZone,
._7e720e5c48e48c8d-channelListScrollerWrapperCollapsed ._7e720e5c48e48c8d-bottomDropZone{
	display:none;
}

@media (max-width: 767px){
	._7e720e5c48e48c8d-channelListScrollerWrapper,
	._7e720e5c48e48c8d-channelListScrollerWrapperCompact{
		padding:0 0.625rem 0.75rem;
	}

	._7e720e5c48e48c8d-listControls{
		padding-bottom:0.45rem;
	}

	._7e720e5c48e48c8d-listTabs{
		gap:0.2rem;
	}

	._7e720e5c48e48c8d-listTab{
		padding:0.16rem 0.4rem;
		font-size:0.7rem;
	}

	._7e720e5c48e48c8d-listActionButton{
		width:1.42rem;
		height:1.42rem;
	}

	._7e720e5c48e48c8d-channelGroup{
		padding:0;
	}
}

._4c4b59f2a33bb290-channelBadgeSelected{
	background-color:var(--background-primary);
}

._4c4b59f2a33bb290-channelBadgeSelectedIcon{
	color:var(--surface-interactive-selected-color);
}

.theme-light ._4c4b59f2a33bb290-channelBadgeSelected{
	background-color:var(--brand-primary);
}

.theme-light ._4c4b59f2a33bb290-channelBadgeSelectedIcon{
	color:#fff;
}

._4c4b59f2a33bb290-notFoundItem{
	margin-left:0.5rem;
	margin-right:0.5rem;
	display:flex;
	align-items:center;
	gap:0.5rem;
	border-radius:0.375rem;
	padding:0.375rem 0.5rem;
	color:var(--text-tertiary);
	opacity:0.5;
}

._4c4b59f2a33bb290-notFoundIcon{
	height:1.25rem;
	width:1.25rem;
}

._4c4b59f2a33bb290-notFoundText{
	flex:1;
	font-size:0.875rem;
}

._4c4b59f2a33bb290-favoriteItemContainer{
	position:relative;
}

._4c4b59f2a33bb290-favoriteItem{
	position:relative;
	margin-left:0.5rem;
	margin-right:0.5rem;
	display:flex;
	min-width:0;
	flex:1;
	cursor:pointer;
	align-items:center;
	gap:0.5rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	border-radius:0.375rem;
	padding:0.375rem 0.5rem;
}

._4c4b59f2a33bb290-favoriteItemDefault{
	background-color:transparent;
	color:var(--text-primary-muted);
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	._4c4b59f2a33bb290-favoriteItemDefault:hover{
		background-color:var(--background-modifier-hover);
		color:var(--text-chat);
	}
}

._4c4b59f2a33bb290-favoriteItemPressed{
	background-color:var(--background-modifier-hover);
	color:var(--text-chat);
}

._4c4b59f2a33bb290-favoriteItemSelected{
	background-color:var(--background-modifier-selected);
}

._4c4b59f2a33bb290-favoriteItemOver{
	background-color:color-mix(in srgb, var(--brand-primary) 20%, transparent);
}

._4c4b59f2a33bb290-favoriteItemMuted{
	color:var(--text-tertiary-muted);
	opacity:0.5;
}

._4c4b59f2a33bb290-avatarContainer{
	position:relative;
	height:1.5rem;
	width:1.5rem;
	flex-shrink:0;
}

._4c4b59f2a33bb290-avatar{
	height:1.5rem;
	width:1.5rem;
	border-radius:9999px;
	object-fit:cover;
}

._4c4b59f2a33bb290-avatarPlaceholder{
	display:flex;
	height:1.5rem;
	width:1.5rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:white;
	font-size:0.75rem;
	font-weight:600;
	color:var(--brand-primary);
}

._4c4b59f2a33bb290-channelBadge{
	position:absolute;
	bottom:-0.125rem;
	right:-0.125rem;
	display:flex;
	height:0.875rem;
	width:0.875rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-primary);
	padding:0.0625rem;
}

._4c4b59f2a33bb290-channelBadgeIcon{
	height:0.75rem;
	width:0.75rem;
	color:var(--text-primary-muted);
}

._4c4b59f2a33bb290-displayName{
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:1rem;
	font-weight:500;
	line-height:1.25rem;
	max-height:1.25rem;
}

._4c4b59f2a33bb290-actionsContainer{
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:0.25rem;
}

._4c4b59f2a33bb290-categoryItem{
	position:relative;
	margin-left:0.5rem;
	margin-right:0.5rem;
	margin-top:0.25rem;
	display:flex;
	min-width:0;
	flex:1;
	cursor:pointer;
	align-items:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	border-radius:0.375rem;
	padding:0.375rem 0.5rem;
	color:var(--text-primary-muted);
}

@media (hover: hover) and (pointer: fine){
	._4c4b59f2a33bb290-categoryItem:hover{
		color:var(--text-primary);
	}
}

._4c4b59f2a33bb290-categoryContent{
	display:flex;
	min-width:0;
	flex:1;
	align-items:center;
	gap:0.25rem;
}

._4c4b59f2a33bb290-categoryName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
	font-weight:600;
	line-height:1.25rem;
	max-height:1.25rem;
}

._4c4b59f2a33bb290-categoryIcon{
	height:0.75rem;
	width:0.75rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
	transition-property:transform;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
}

._4c4b59f2a33bb290-categoryActions{
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:0.25rem;
}

._4c4b59f2a33bb290-hoverAffordance{
	display:none;
}

._4c4b59f2a33bb290-addButton{
	display:flex;
	height:1rem;
	width:1rem;
	cursor:pointer;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	border:none;
	background-color:transparent;
	padding:0;
	color:var(--text-primary-muted);
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:200ms;
}

._4c4b59f2a33bb290-addButton:hover{
	color:var(--text-primary);
}

._4c4b59f2a33bb290-addButtonIcon{
	height:1rem;
	width:1rem;
}

._4c4b59f2a33bb290-navigationContainer{
	width:100%;
	min-width:0;
	min-height:100%;
}

._4c4b59f2a33bb290-channelGroupsContainer{
	display:flex;
	width:100%;
	min-width:0;
	flex-direction:column;
	gap:0.125rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}

._4c4b59f2a33bb290-uncategorizedGroup{
	position:relative;
	min-height:0.5rem;
	display:flex;
	flex-direction:column;
	gap:1px;
}

._4c4b59f2a33bb290-emptyStateContainer{
	display:flex;
	height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:1rem;
	padding:2rem;
	text-align:center;
}

._4c4b59f2a33bb290-emptyStateTitle{
	font-size:1.125rem;
	font-weight:600;
	color:var(--text-tertiary);
}

._4c4b59f2a33bb290-emptyStateDescription{
	max-width:24rem;
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._4c4b59f2a33bb290-favoriteItemFavoriteItemSelected ._4c4b59f2a33bb290-hoverAffordance,
._4c4b59f2a33bb290-favoriteItem._4c4b59f2a33bb290-keyboardFocus ._4c4b59f2a33bb290-hoverAffordance,
._4c4b59f2a33bb290-categoryItem._4c4b59f2a33bb290-keyboardFocus ._4c4b59f2a33bb290-categoryActions ._4c4b59f2a33bb290-hoverAffordance{
	display:flex;
}

@media (hover: hover) and (pointer: fine){
	._4c4b59f2a33bb290-favoriteItem:hover ._4c4b59f2a33bb290-hoverAffordance,
	._4c4b59f2a33bb290-categoryItem:hover ._4c4b59f2a33bb290-categoryActions ._4c4b59f2a33bb290-hoverAffordance{
		display:flex;
	}
}

.dce80c6d8797df7b-headerWrapper{
    min-width:0;
    padding:0.55rem 0.65rem 0.35rem;
}

.dce80c6d8797df7b-headerWrapperCollapsed{
    padding-inline:0.5rem;
}

.dce80c6d8797df7b-headerContainer{
    --guild-banner-progress:1;
    --guild-banner-visible:0;
    position:relative;
    display:flex;
    align-items:flex-start;
    overflow:hidden;
    min-height:var(--layout-header-height);
    min-width:0;
    border:0;
    border-radius:0.65rem;
    background:transparent;
    transition:background-color var(--transition-normal), border-color var(--transition-normal);
    box-shadow:none;
    isolation:isolate;
}

.dce80c6d8797df7b-headerContainerDesktop{
    min-height:0;
    background:transparent;
    border-color:transparent;
    box-shadow:none;
}

.dce80c6d8797df7b-headerContainerSidebarCollapsed{
    border-radius:0.6rem;
}

.dce80c6d8797df7b-headerContainerSidebarCollapsed .dce80c6d8797df7b-headerContentDesktop{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:0.35rem 0.4rem;
    gap:0.35rem;
}

.dce80c6d8797df7b-headerRounded{
    border-top-left-radius:0;
}

.dce80c6d8797df7b-headerContainerNoBanner:hover,
.dce80c6d8797df7b-headerContainerActive{
    background:color-mix(in srgb, var(--background-modifier-hover) 58%, transparent);
}

.dce80c6d8797df7b-headerContainerWithBanner{
    border-color:color-mix( in srgb, var(--background-floating) calc(4% + (var(--guild-banner-visible) * 14%)), transparent);
    background:color-mix( in srgb, var(--background-floating) calc(2% + (var(--guild-banner-visible) * 10%)), transparent);
}

.dce80c6d8797df7b-headerContainerCollapsed{
    border-color:transparent;
    background:transparent;
}

.dce80c6d8797df7b-bannerBackground{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:top center;
    background-repeat:no-repeat;
    background-color:var(--background-secondary);
    pointer-events:none;
    transform:translate3d(0, calc(var(--guild-banner-progress) * -15px), 0) scale(calc(1 + (var(--guild-banner-visible) * 0.055)));
    opacity:calc(var(--guild-banner-visible) * 0.98);
    will-change:transform, opacity;
}

.dce80c6d8797df7b-bannerBackground::after{
    content:'';
    position:absolute;
    inset:-8px;
    background:inherit;
    -webkit-filter:blur(12px);
            filter:blur(12px);
    opacity:calc(var(--guild-banner-visible) * 0.38);
    transform:scale(1.06);
}

.dce80c6d8797df7b-bannerBackgroundCentered{
    background-position:center;
}

.dce80c6d8797df7b-bannerGradient{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:linear-gradient( to top, rgba(0, 0, 0, calc(0.03 + (var(--guild-banner-visible) * 0.16))) 0%, rgba(0, 0, 0, calc(0.015 + (var(--guild-banner-visible) * 0.08))) 34%, rgba(0, 0, 0, 0) 62%);
    opacity:calc(var(--guild-banner-visible) * 0.78);
    pointer-events:none;
    will-change:opacity;
}

.dce80c6d8797df7b-headerContent{
    position:relative;
    z-index:30;
    display:flex;
    align-items:center;
    gap:var(--spacing-1);
    height:var(--layout-header-height);
    width:100%;
    min-width:0;
    padding:0 1rem;
    cursor:pointer;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-app-region:no-drag;
}

.dce80c6d8797df7b-mobileHeaderCard{
    display:flex;
    align-items:center;
    gap:0.65rem;
    min-width:0;
    width:100%;
}

.dce80c6d8797df7b-mobileHeaderIconWrap{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.dce80c6d8797df7b-mobileGuildIcon{
    border-radius:0.9rem;
    box-shadow:none;
}

.dce80c6d8797df7b-mobileHeaderText{
    display:flex;
    flex:1;
    flex-direction:column;
    min-width:0;
    gap:0.15rem;
}

.dce80c6d8797df7b-mobileHeaderTitleRow{
    display:flex;
    align-items:center;
    min-width:0;
    gap:0.35rem;
}

.dce80c6d8797df7b-mobileHeaderStats{
    display:flex;
    flex-wrap:wrap;
    gap:0.25rem;
    min-width:0;
}

.dce80c6d8797df7b-mobileHeaderStat{
    display:inline-flex;
    align-items:center;
    padding:0.12rem 0.42rem;
    border-radius:999px;
    background:color-mix(in srgb, var(--background-secondary) 64%, transparent);
    color:var(--text-tertiary);
    font-size:0.66rem;
    font-weight:600;
    letter-spacing:0.02em;
    -webkit-font-feature-settings:"tnum";
            font-feature-settings:"tnum";
    font-variant-numeric:tabular-nums;
}

.dce80c6d8797df7b-headerContentDesktop{
    padding:0.45rem 0.5rem;
    gap:0.5rem;
    align-items:center;
    cursor:default;
}

.dce80c6d8797df7b-headerContainerWithBanner .dce80c6d8797df7b-headerContent{
    background:linear-gradient( to right, rgba(6, 10, 18, calc(0.06 + (var(--guild-banner-visible) * 0.24))) 0%, rgba(6, 10, 18, calc(0.02 + (var(--guild-banner-visible) * 0.14))) 42%, rgba(6, 10, 18, 0) 100%);
    -webkit-backdrop-filter:blur(calc(1px + (var(--guild-banner-visible) * 4px))) saturate(calc(102% + (var(--guild-banner-visible) * 14%)));
            backdrop-filter:blur(calc(1px + (var(--guild-banner-visible) * 4px))) saturate(calc(102% + (var(--guild-banner-visible) * 14%)));
    box-shadow:none;
    transform:translate3d(0, calc(var(--guild-banner-progress) * -1px), 0);
}

.dce80c6d8797df7b-headerContainerCollapsed .dce80c6d8797df7b-headerContent{
    background:transparent;
    -webkit-backdrop-filter:none;
            backdrop-filter:none;
    box-shadow:none;
    transform:none;
}

.dce80c6d8797df7b-headerFocusRing{
    border-radius:0;
}

.dce80c6d8797df7b-verifiedIcon{
    height:1rem;
    width:1rem;
    flex-shrink:0;
}

.dce80c6d8797df7b-verifiedIconDefault{
    
    color:var(--text-primary);
}

.dce80c6d8797df7b-verifiedIconWithBanner{
    
    color:color-mix( in srgb, white calc(18% + (var(--guild-banner-visible) * 82%)), var(--text-primary));
    -webkit-filter:drop-shadow(0 1px 3px rgba(0, 0, 0, calc(var(--guild-banner-visible) * 0.85)));
            filter:drop-shadow(0 1px 3px rgba(0, 0, 0, calc(var(--guild-banner-visible) * 0.85)));
}

.dce80c6d8797df7b-guildName{
    flex:1;
    min-width:0;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.25rem;
    max-height:1.25rem;
}

.dce80c6d8797df7b-guildNameDefault{
    
    color:var(--text-primary);
}

.dce80c6d8797df7b-guildIdentity{
    display:flex;
    align-items:center;
    gap:0.5rem;
    min-width:0;
    flex:1;
}

.dce80c6d8797df7b-guildIdentityDesktopTextOnly{
    min-width:0;
}

.dce80c6d8797df7b-identityText{
    display:flex;
    flex-direction:column;
    min-width:0;
    gap:0.14rem;
}

.dce80c6d8797df7b-identityTextHidden{
    display:none;
}

.dce80c6d8797df7b-guildNameDesktop{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-family:var(--font-sans);
    font-size:1rem;
    font-weight:650;
    letter-spacing:-0.01em;
    line-height:1.15;
    color:var(--text-primary);
}

.dce80c6d8797df7b-identityMeta{
    display:flex;
    align-items:center;
    gap:0.5rem;
    min-width:0;
}

.dce80c6d8797df7b-verifiedBadge{
    display:inline-flex;
    align-items:center;
    gap:0.28rem;
    max-width:100%;
    padding:0;
    border:none;
    background:transparent;
    color:var(--text-tertiary);
    font-size:0.72rem;
    font-weight:600;
    letter-spacing:0.02em;
    text-transform:none;
}

.dce80c6d8797df7b-verifiedBadgeIcon{
    width:0.85rem;
    height:0.85rem;
    flex-shrink:0;
}

.dce80c6d8797df7b-headerActions{
    display:flex;
    align-items:center;
    gap:0.3rem;
    margin-left:auto;
    min-height:1.9rem;
}

.dce80c6d8797df7b-headerActionsCollapsed{
    flex-direction:row;
    margin-left:auto;
    width:auto;
    justify-content:flex-end;
}

.dce80c6d8797df7b-headerActionsCollapsed .dce80c6d8797df7b-headerActionButton{
    width:1.9rem;
    height:1.9rem;
}

.dce80c6d8797df7b-headerActionButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1.9rem;
    height:1.9rem;
    border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
    border-radius:0.7rem;
    background:color-mix(in srgb, var(--background-secondary) 72%, transparent);
    color:var(--text-primary);
    cursor:pointer;
    box-shadow:none;
    transition:transform var(--motion-dur-short) var(--motion-ease-smooth), background-color var(--motion-dur-short) var(--motion-ease-snap), border-color var(--motion-dur-short) var(--motion-ease-snap), color var(--motion-dur-short) var(--motion-ease-snap);
}

.dce80c6d8797df7b-headerActionButton:hover{
    transform:translateY(-1px);
    border-color:color-mix(in srgb, var(--brand-primary) 18%, transparent);
    background:color-mix(in srgb, var(--background-secondary) 84%, var(--brand-primary) 16%);
    color:var(--text-primary);
}

.dce80c6d8797df7b-headerActionButtonActive{
    background:color-mix(in srgb, var(--brand-primary) 10%, var(--background-secondary) 90%);
    border-color:color-mix(in srgb, var(--brand-primary) 26%, transparent);
    color:var(--text-primary);
}

.dce80c6d8797df7b-headerActionIcon{
    width:1rem;
    height:1rem;
}

.dce80c6d8797df7b-headerActionIconCollapse{
    transform:rotate(180deg);
}

.dce80c6d8797df7b-guildNameWithBanner{
    
    color:color-mix( in srgb, white calc(18% + (var(--guild-banner-visible) * 82%)), var(--text-primary));
    -webkit-filter:drop-shadow(0 1px 3px rgba(0, 0, 0, calc(var(--guild-banner-visible) * 0.85)));
            filter:drop-shadow(0 1px 3px rgba(0, 0, 0, calc(var(--guild-banner-visible) * 0.85)));
}

.dce80c6d8797df7b-caretIcon{
    margin-left:auto;
    height:1rem;
    width:1rem;
    flex-shrink:0;
    transition:transform var(--transition-fast);
}

.dce80c6d8797df7b-caretIconDefault{
    
    color:var(--text-primary);
}

.dce80c6d8797df7b-caretIconWithBanner{
    
    color:color-mix( in srgb, white calc(18% + (var(--guild-banner-visible) * 82%)), var(--text-primary));
    -webkit-filter:drop-shadow(0 1px 3px rgba(0, 0, 0, calc(var(--guild-banner-visible) * 0.85)));
            filter:drop-shadow(0 1px 3px rgba(0, 0, 0, calc(var(--guild-banner-visible) * 0.85)));
}

.dce80c6d8797df7b-caretIconOpen{
    transform:rotate(180deg);
}

.dce80c6d8797df7b-dotsIcon{
    margin-left:auto;
    height:1.5rem;
    width:1.5rem;
    flex-shrink:0;
}

.dce80c6d8797df7b-dotsIconDefault{
    
    color:var(--text-primary);
}

.dce80c6d8797df7b-dotsIconWithBanner{
    
    color:color-mix( in srgb, white calc(18% + (var(--guild-banner-visible) * 82%)), var(--text-primary));
    -webkit-filter:drop-shadow(0 1px 3px rgba(0, 0, 0, calc(var(--guild-banner-visible) * 0.85)));
            filter:drop-shadow(0 1px 3px rgba(0, 0, 0, calc(var(--guild-banner-visible) * 0.85)));
}

@media (max-width: 767px){
    .dce80c6d8797df7b-headerWrapper{
        padding:0.5rem 0.55rem 0.36rem;
    }
    .dce80c6d8797df7b-headerContainer{
        border-radius:1rem;
        border-color:transparent;
        background:transparent;
    }
    .dce80c6d8797df7b-bannerBackground{
        inset:0.58rem 0.66rem 0.46rem;
        border-radius:0.76rem;
        transform:none;
        opacity:calc(0.46 + (var(--guild-banner-visible) * 0.54));
        -webkit-filter:none;
                filter:none;
        transition:opacity var(--transition-normal), transform var(--transition-normal), -webkit-filter var(--transition-normal);
        transition:opacity var(--transition-normal), transform var(--transition-normal), filter var(--transition-normal);
        transition:opacity var(--transition-normal), transform var(--transition-normal), filter var(--transition-normal), -webkit-filter var(--transition-normal);
    }
    .dce80c6d8797df7b-bannerBackground::after{
        content:none;
    }
    .dce80c6d8797df7b-bannerGradient{
        inset:0.58rem 0.66rem 0.46rem;
        border-radius:0.76rem;
        background:linear-gradient( to top, rgba(7, 11, 18, calc(0.2 + (var(--guild-banner-visible) * 0.18))) 0%, rgba(7, 11, 18, calc(0.08 + (var(--guild-banner-visible) * 0.08))) 42%, rgba(4, 8, 14, 0) 100%);
        opacity:1;
        transition:opacity var(--transition-normal), transform var(--transition-normal);
    }
    .dce80c6d8797df7b-headerContainerWithBanner{
        border-color:transparent;
        background:transparent;
    }
    .dce80c6d8797df7b-headerContainerCollapsed .dce80c6d8797df7b-bannerBackground,
    .dce80c6d8797df7b-headerContainerCollapsed .dce80c6d8797df7b-bannerGradient{
        opacity:0;
        transform:translate3d(0, 0.7rem, 0) scale(0.98);
        pointer-events:none;
    }
    .dce80c6d8797df7b-headerContainerWithBanner .dce80c6d8797df7b-headerContent{
        margin:0.14rem auto auto;
        width:auto;
        max-width:calc(100% - 0.9rem);
        min-height:0;
        border-radius:999px;
        border:1px solid color-mix(in srgb, var(--background-header-secondary) 40%, transparent);
        background:var(--background-secondary-alt);
        -webkit-backdrop-filter:none;
                backdrop-filter:none;
        box-shadow:none;
        transform:none;
        overflow:hidden;
    }
    .dce80c6d8797df7b-headerContainerWithBanner .dce80c6d8797df7b-mobileHeaderText{
        transform:translate3d(0, calc((1 - var(--guild-banner-visible)) * 0.1rem), 0);
    }
    .dce80c6d8797df7b-headerContainerWithBanner .dce80c6d8797df7b-mobileHeaderTitleRow{
        transform:translate3d(0, calc((1 - var(--guild-banner-visible)) * 0.12rem), 0);
    }
    .dce80c6d8797df7b-headerContainerWithBanner .dce80c6d8797df7b-mobileHeaderStats{
        transform:translate3d(0, calc((1 - var(--guild-banner-visible)) * 0.14rem), 0);
    }
    .dce80c6d8797df7b-headerContainerWithBanner .dce80c6d8797df7b-guildName,
    .dce80c6d8797df7b-headerContainerWithBanner .dce80c6d8797df7b-guildNameWithBanner,
    .dce80c6d8797df7b-headerContainerWithBanner .dce80c6d8797df7b-guildNameDefault{
        transform:translate3d(0, calc((1 - var(--guild-banner-visible)) * 0.08rem), 0);
    }
    .dce80c6d8797df7b-headerContainerWithBanner .dce80c6d8797df7b-verifiedIconDefault,
    .dce80c6d8797df7b-headerContainerWithBanner .dce80c6d8797df7b-verifiedIconWithBanner{
        transform:translate3d(0, calc((1 - var(--guild-banner-visible)) * 0.06rem), 0);
    }
    .dce80c6d8797df7b-headerContainerCollapsed .dce80c6d8797df7b-headerContent{
        margin:0 auto auto;
        width:100%;
        max-width:100%;
        border-radius:0;
        border-color:transparent;
        background:transparent;
        -webkit-backdrop-filter:none;
                backdrop-filter:none;
        box-shadow:none;
    }
    .dce80c6d8797df7b-headerContent{
        height:auto;
        min-height:0;
        padding:0;
        transition:margin 260ms cubic-bezier(0.22, 1, 0.36, 1), background-color 260ms cubic-bezier(0.22, 1, 0.36, 1), border-color 260ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1), transform 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 260ms cubic-bezier(0.22, 1, 0.36, 1), -webkit-backdrop-filter 260ms cubic-bezier(0.22, 1, 0.36, 1);
        transition:margin 260ms cubic-bezier(0.22, 1, 0.36, 1), background-color 260ms cubic-bezier(0.22, 1, 0.36, 1), border-color 260ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1), backdrop-filter 260ms cubic-bezier(0.22, 1, 0.36, 1), transform 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 260ms cubic-bezier(0.22, 1, 0.36, 1);
        transition:margin 260ms cubic-bezier(0.22, 1, 0.36, 1), background-color 260ms cubic-bezier(0.22, 1, 0.36, 1), border-color 260ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1), backdrop-filter 260ms cubic-bezier(0.22, 1, 0.36, 1), transform 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 260ms cubic-bezier(0.22, 1, 0.36, 1), -webkit-backdrop-filter 260ms cubic-bezier(0.22, 1, 0.36, 1);
    }
    .dce80c6d8797df7b-mobileHeaderCard{
        width:100%;
        max-width:100%;
        margin-inline:auto;
        gap:0.34rem;
        padding:0.34rem 0.68rem;
        flex-direction:row;
        align-items:center;
    }
    .dce80c6d8797df7b-mobileHeaderIconWrap{
        width:2.3rem;
        height:2.3rem;
        border-radius:0.72rem;
        overflow:hidden;
        background:color-mix(in srgb, var(--background-secondary) 92%, transparent);
        transform:translate3d(0, calc(var(--guild-banner-visible) * 0.1rem), 0);
        opacity:calc(0.97 + (var(--guild-banner-progress) * 0.03));
        transition:transform 280ms cubic-bezier(0.22, 1, 0.36, 1) 20ms, opacity 280ms cubic-bezier(0.22, 1, 0.36, 1) 20ms;
        will-change:transform, opacity;
    }
    .dce80c6d8797df7b-mobileGuildIcon{
        border-radius:0.72rem;
    }
    .dce80c6d8797df7b-mobileHeaderText{
        gap:0.08rem;
        min-width:0;
        width:100%;
        align-items:flex-start;
        transform:translate3d(0, calc(var(--guild-banner-visible) * 0.14rem), 0);
        opacity:calc(0.94 + (var(--guild-banner-progress) * 0.06));
        transition:transform 300ms cubic-bezier(0.22, 1, 0.36, 1) 36ms, opacity 300ms cubic-bezier(0.22, 1, 0.36, 1) 36ms;
        will-change:transform, opacity;
    }
    .dce80c6d8797df7b-mobileHeaderTitleRow{
        gap:0.3rem;
        align-items:center;
        justify-content:flex-start;
        flex-wrap:wrap;
        text-align:left;
        transform:translate3d(0, calc(var(--guild-banner-visible) * 0.18rem), 0);
        opacity:calc(0.92 + (var(--guild-banner-progress) * 0.08));
        transition:transform 320ms cubic-bezier(0.22, 1, 0.36, 1) 52ms, opacity 320ms cubic-bezier(0.22, 1, 0.36, 1) 52ms;
        will-change:transform, opacity;
    }
    .dce80c6d8797df7b-guildName,
    .dce80c6d8797df7b-guildNameWithBanner,
    .dce80c6d8797df7b-guildNameDefault{
        font-family:var(--font-sans);
        font-size:0.98rem;
        font-weight:620;
        letter-spacing:-0.02em;
        line-height:1.12;
        transform:translate3d(0, calc(var(--guild-banner-visible) * 0.12rem), 0);
        opacity:calc(0.94 + (var(--guild-banner-progress) * 0.06));
        transition:transform 320ms cubic-bezier(0.22, 1, 0.36, 1) 52ms, opacity 320ms cubic-bezier(0.22, 1, 0.36, 1) 52ms;
        will-change:transform, opacity;
    }
    .dce80c6d8797df7b-verifiedIconDefault,
    .dce80c6d8797df7b-verifiedIconWithBanner{
        width:0.88rem;
        height:0.88rem;
        -webkit-filter:none;
                filter:none;
        transform:translate3d(0, calc(var(--guild-banner-visible) * 0.1rem), 0);
        opacity:calc(0.88 + (var(--guild-banner-progress) * 0.12));
        transition:transform 320ms cubic-bezier(0.22, 1, 0.36, 1) 52ms, opacity 320ms cubic-bezier(0.22, 1, 0.36, 1) 52ms;
        will-change:transform, opacity;
    }
    .dce80c6d8797df7b-verifiedIconWithBanner{
        color:var(--text-secondary);
    }
    .dce80c6d8797df7b-identityMeta{
        gap:0.22rem;
        transform:translate3d(0, calc(var(--guild-banner-visible) * 0.16rem), 0);
        opacity:calc(0.92 + (var(--guild-banner-progress) * 0.08));
        transition:transform 320ms cubic-bezier(0.22, 1, 0.36, 1) 68ms, opacity 320ms cubic-bezier(0.22, 1, 0.36, 1) 68ms;
        will-change:transform, opacity;
    }
    .dce80c6d8797df7b-mobileHeaderStats{
        gap:0.26rem;
        flex-wrap:nowrap;
        justify-content:flex-start;
        width:100%;
        overflow:hidden;
        transform:translate3d(0, calc(var(--guild-banner-visible) * 0.2rem), 0);
        opacity:calc(0.9 + (var(--guild-banner-progress) * 0.1));
        transition:transform 340ms cubic-bezier(0.22, 1, 0.36, 1) 84ms, opacity 340ms cubic-bezier(0.22, 1, 0.36, 1) 84ms;
        will-change:transform, opacity;
    }
    .dce80c6d8797df7b-mobileHeaderStat{
        padding:0;
        border-radius:0;
        background:transparent;
        color:var(--text-secondary);
        font-size:0.64rem;
        font-weight:500;
        letter-spacing:0.01em;
        transform:translate3d(0, calc(var(--guild-banner-visible) * 0.14rem), 0);
        opacity:calc(0.9 + (var(--guild-banner-progress) * 0.1));
        transition:transform 340ms cubic-bezier(0.22, 1, 0.36, 1) 84ms, opacity 340ms cubic-bezier(0.22, 1, 0.36, 1) 84ms;
        will-change:auto;
    }
    .dce80c6d8797df7b-mobileHeaderIconWrap,
    .dce80c6d8797df7b-mobileHeaderText,
    .dce80c6d8797df7b-mobileHeaderTitleRow,
    .dce80c6d8797df7b-guildName,
    .dce80c6d8797df7b-guildNameWithBanner,
    .dce80c6d8797df7b-guildNameDefault,
    .dce80c6d8797df7b-verifiedIconDefault,
    .dce80c6d8797df7b-verifiedIconWithBanner,
    .dce80c6d8797df7b-identityMeta,
    .dce80c6d8797df7b-mobileHeaderStats{
        will-change:auto;
    }
}

@media (prefers-reduced-motion: reduce){
    .dce80c6d8797df7b-bannerBackground,
    .dce80c6d8797df7b-bannerBackground::after,
    .dce80c6d8797df7b-bannerGradient{
        transform:none;
        transition:none;
    }
    .dce80c6d8797df7b-mobileHeaderIconWrap,
    .dce80c6d8797df7b-mobileHeaderText,
    .dce80c6d8797df7b-mobileHeaderTitleRow,
    .dce80c6d8797df7b-guildName,
    .dce80c6d8797df7b-guildNameWithBanner,
    .dce80c6d8797df7b-guildNameDefault,
    .dce80c6d8797df7b-verifiedIconDefault,
    .dce80c6d8797df7b-verifiedIconWithBanner,
    .dce80c6d8797df7b-identityMeta,
    .dce80c6d8797df7b-mobileHeaderStats,
    .dce80c6d8797df7b-mobileHeaderStat{
        transform:none;
        opacity:1;
        transition:none;
        will-change:auto;
    }
}

._08720a9d06b4c332-container{
	display:flex;
	flex-direction:column;
	gap:2px;
	border-radius:6px;
	border-width:1px;
	border-color:var(--background-header-secondary);
	background-color:var(--background-primary);
	padding-left:6px;
	padding-right:6px;
	padding-top:8px;
	padding-bottom:8px;
	width:var(--layout-header-popout-width);
}

._08720a9d06b4c332-item{
	display:flex;
	width:100%;
	cursor:pointer;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	border-radius:6px;
	border-width:0;
	background-color:transparent;
	padding:8px;
	text-align:left;
	line-height:16px;
}

._08720a9d06b4c332-item:hover,
._08720a9d06b4c332-item:focus-visible{
	background-color:var(--brand-primary);
	color:var(--brand-primary-fill);
}

._08720a9d06b4c332-item:focus-visible{
	outline:none;
}

._08720a9d06b4c332-itemDanger{
	color:var(--status-danger);
}

._08720a9d06b4c332-itemDanger:hover,
._08720a9d06b4c332-itemDanger:focus-visible{
	background-color:var(--status-danger);
}

._08720a9d06b4c332-itemDanger:focus-visible{
	outline:none;
}

._08720a9d06b4c332-itemIcon{
	height:20px;
	width:20px;
	flex-shrink:0;
}

._08720a9d06b4c332-checkboxContainer{
	display:flex;
	width:100%;
	cursor:pointer;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	border-radius:6px;
	border-width:0;
	background-color:transparent;
	padding:8px;
	text-align:left;
	line-height:16px;
}

._08720a9d06b4c332-checkboxContainer:hover,
._08720a9d06b4c332-checkboxContainer:focus-visible{
	background-color:var(--brand-primary);
	color:var(--brand-primary-fill);
}

._08720a9d06b4c332-checkboxContainer:focus-visible{
	outline:none;
}

._08720a9d06b4c332-checkboxIcon{
	display:flex;
	height:20px;
	width:20px;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
}

._08720a9d06b4c332-iconMedium{
	height:20px;
	width:20px;
}

._96199f9d9546ee5b-headerIconContainer{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._96199f9d9546ee5b-headerIcon{
	color:var(--text-primary);
}

._786bef5d05457cd0-guildNavbarContainer{
	--guild-navbar-top:var(--background-secondary);
	--guild-navbar-bottom:var(--background-secondary);
	--guild-navbar-stroke:color-mix(in srgb, var(--text-primary) 8%, transparent);
	display:block;
	height:calc(
		100% -
		0px -
		0px
	);
	height:calc(
		100% -
		var(--layout-user-area-reserved-height, 0px) -
		var(--layout-mobile-bottom-nav-reserved-height, 0px)
	);
	min-height:0;
	width:var(--guild-channel-sidebar-width, var(--layout-sidebar-width));
	min-width:0;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	overflow:hidden;
	background:var(--guild-navbar-top);
	position:relative;
	box-shadow:none;
	border-right:1px solid var(--guild-navbar-stroke);
	transition:width var(--motion-dur-medium) var(--motion-ease-smooth), height var(--motion-dur-medium) var(--motion-ease-smooth);
}

._786bef5d05457cd0-guildNavbarContainer::after{
	display:none;
}

._786bef5d05457cd0-sidebarInner{
	display:grid;
	grid-template-rows:auto 1fr;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	background:var(--guild-navbar-top);
	transition:opacity var(--motion-dur-medium) var(--motion-ease-smooth), transform var(--motion-dur-medium) var(--motion-ease-smooth);
}

._786bef5d05457cd0-guildNavbarContainerCollapsed{
	width:0;
	overflow:visible;
	z-index:calc(var(--z-index-elevated-1) + 6);
}

._786bef5d05457cd0-guildNavbarContainerCollapsed ._786bef5d05457cd0-sidebarInner{
	opacity:0;
	transform:translateX(-0.75rem);
	pointer-events:none;
}

._786bef5d05457cd0-guildNavbarContainerMobile{
	width:100%;
}

._786bef5d05457cd0-guildNavbarReserveMobileBottomNav{
	--layout-mobile-bottom-nav-reserved-height:var(--mobile-bottom-nav-height);
}

html.platform-native-desktop ._786bef5d05457cd0-guildNavbarContainer{
	border-top-left-radius:clamp(8px, 1.2vw, 14px);
	border-top-right-radius:clamp(12px, 1.4vw, 18px);
	background-clip:padding-box;
	overflow:hidden;
}

html.platform-native-desktop ._786bef5d05457cd0-guildNavbarContainerCollapsed{
	overflow:visible;
}

._786bef5d05457cd0-collapsedDock{
	position:absolute;
	top:0.68rem;
	left:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	transform:translateX(0);
	pointer-events:none;
	transition:opacity var(--motion-dur-medium) var(--motion-ease-smooth), transform var(--motion-dur-medium) var(--motion-ease-smooth);
	z-index:12;
}

._786bef5d05457cd0-guildNavbarContainerCollapsed ._786bef5d05457cd0-collapsedDock{
	opacity:1;
	transform:translateX(0.5rem);
	pointer-events:auto;
}

._786bef5d05457cd0-collapsedDockButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2.15rem;
	height:2.15rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	border-radius:0.5rem;
	background:color-mix(in srgb, var(--background-secondary) 94%, var(--background-primary) 6%);
	color:var(--text-primary);
	cursor:pointer;
	box-shadow:none;
	transition:transform var(--motion-dur-short) var(--motion-ease-smooth), border-color var(--motion-dur-short) var(--motion-ease-snap), background-color var(--motion-dur-short) var(--motion-ease-snap);
}

._786bef5d05457cd0-collapsedDockButton:hover{
	transform:translateX(2px);
	border-color:color-mix(in srgb, var(--brand-primary) 34%, transparent);
	background:color-mix(in srgb, var(--background-floating) 84%, var(--brand-primary) 16%);
}

._786bef5d05457cd0-collapsedDockIcon{
	width:1rem;
	height:1rem;
}

._786bef5d05457cd0-hoverRoll{
	display:inline-block;
	vertical-align:top;
	cursor:default;
	text-align:left;
	box-sizing:border-box;
	position:relative;
	width:100%;
	contain:paint;
}

._786bef5d05457cd0-default,
._786bef5d05457cd0-hovered{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
	transform-style:preserve-3d;
	pointer-events:none;
	width:100%;
	transition:opacity 0.22s ease, transform 0.22s ease;
}

._786bef5d05457cd0-hovered{
	opacity:0;
	transform:translate3d(0, 107%, 0);
	position:absolute;
	top:0;
	left:0;
	right:0;
}

._786bef5d05457cd0-hoverRoll._786bef5d05457cd0-forceHover:not(._786bef5d05457cd0-disabled) ._786bef5d05457cd0-default,
._786bef5d05457cd0-hoverRoll:hover:not(._786bef5d05457cd0-disabled) ._786bef5d05457cd0-default{
	transform:translate3d(0, -107%, 0);
	opacity:0;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

._786bef5d05457cd0-hoverRoll._786bef5d05457cd0-forceHover:not(._786bef5d05457cd0-disabled) ._786bef5d05457cd0-hovered,
._786bef5d05457cd0-hoverRoll:hover:not(._786bef5d05457cd0-disabled) ._786bef5d05457cd0-hovered{
	transform:translatez(0);
	opacity:1;
}

._98da95a05502db9e-guildLayoutContainer{
	display:grid;
	grid-template-rows:minmax(0, 1fr);
	grid-auto-rows:minmax(0, 1fr);
	align-content:stretch;
	height:100%;
	min-height:0;
	max-height:100%;
	width:100%;
	min-width:0;
	max-width:100%;
	background-color:var(--background-secondary);
}

._98da95a05502db9e-guildLayoutContainerWithNagbar{
	
	grid-template-rows:auto minmax(0, 1fr);
}

._98da95a05502db9e-guildLayoutContent{
	display:grid;
	grid-template-columns:var(--guild-channel-sidebar-width, var(--layout-sidebar-width)) 1fr;
	align-items:stretch;
	align-content:stretch;
	height:100%;
	min-height:0;
	max-height:100%;
	width:100%;
	min-width:0;
	max-width:100%;
	transition:grid-template-columns var(--motion-dur-medium) var(--motion-ease-smooth);
	transition:grid-template-columns var(--motion-dur-medium) var(--motion-ease-smooth), -ms-grid-columns var(--motion-dur-medium) var(--motion-ease-smooth);
}

._98da95a05502db9e-guildLayoutContentMobile{
	
	grid-template-columns:1fr;
	background-color:var(--background-tertiary);
}

._98da95a05502db9e-guildMainContent{
	display:flex;
	flex-direction:column;
	align-items:stretch;
	justify-content:flex-start;
	height:100%;
	min-height:0;
	max-height:100%;
	width:100%;
	min-width:0;
	max-width:100%;
	overflow:hidden;
	background-color:var(--background-secondary);
}

._98da95a05502db9e-guildUnavailableContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:var(--spacing-4);
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	padding:var(--spacing-8);
	background-color:var(--background-secondary);
}

._98da95a05502db9e-guildUnavailableContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--spacing-1);
	text-align:center;
}

._98da95a05502db9e-guildUnavailableIcon{
	height:4rem;
	width:4rem;
	color:var(--text-tertiary);
}

._98da95a05502db9e-guildUnavailableTitle{
	font-weight:600;
	font-size:1.5rem;
	line-height:2rem;
	color:var(--text-primary);
}

._98da95a05502db9e-guildUnavailableDescription{
	color:var(--text-tertiary);
}

._98da95a05502db9e-nagbarContent{
	display:flex;
	align-items:center;
}

._98da95a05502db9e-nagbarContentMobile{
	
	flex-direction:column;
	gap:var(--spacing-2);
}

._98da95a05502db9e-nagbarText{
	text-align:center;
}

._98da95a05502db9e-nagbarActions{
	display:flex;
	gap:var(--spacing-2);
}

._98da95a05502db9e-nagbarActionsDesktop{
	
	margin-left:var(--spacing-3);
}

._98da95a05502db9e-nagbarButton{
	border-radius:var(--radius-md);
	border:1px solid white;
	background-color:transparent;
	padding:var(--spacing-1) var(--spacing-3);
	color:white;
	font-size:0.75rem;
	font-weight:400;
	line-height:1rem;
	transition:background-color var(--transition-fast);
	cursor:pointer;
}

._98da95a05502db9e-nagbarButton:hover{
	background-color:rgba(255, 255, 255, 0.1);
}

._98da95a05502db9e-nagbarButtonPrimary{
	
	background-color:white;
	font-weight:600;
}

._98da95a05502db9e-nagbarButtonPrimaryOrange{
	
	color:rgb(234, 88, 12);
	cursor:pointer;
}

._98da95a05502db9e-nagbarButtonPrimaryOrange:hover{
	background-color:rgba(255, 255, 255, 0.9);
}

._98da95a05502db9e-nagbarButtonPrimaryRed{
	
	color:var(--status-danger);
	cursor:pointer;
}

._98da95a05502db9e-nagbarButtonPrimaryRed:hover{
	background-color:rgba(255, 255, 255, 0.9);
}

._8733998caa939731-modalRoot{
	--nft-modal-surface:radial-gradient(
			88% 72% at 50% 50%,
			color-mix(in srgb, #6fff9c 1%, transparent) 0%,
			rgb(0 0 0 / 0%) 72%
		), color-mix(in srgb, var(--background-floating) 64%, var(--background-primary) 36%);
	position:relative;
	overflow:hidden;
	width:min(490px, calc(100vw - 32px)) !important;
	min-height:0 !important;
	border-radius:1.45rem !important;
	border:none !important;
	background:var(--nft-modal-surface) !important;
}

._8733998caa939731-theme-dark ._8733998caa939731-modalRoot{
	--nft-modal-surface:radial-gradient(
			88% 72% at 50% 50%,
			color-mix(in srgb, #6fff9c 1%, transparent) 0%,
			rgb(0 0 0 / 0%) 72%
		), color-mix(in srgb, var(--background-floating) 52%, var(--background-primary) 48%);
}

._8733998caa939731-modalRoot > div:first-child:not([aria-hidden='true']),
._8733998caa939731-modalRoot > div[aria-hidden='true'] + div,
._8733998caa939731-modalRoot > div:last-child{
	background:var(--nft-modal-surface) !important;
	border-bottom:none !important;
	border-top:none !important;
}

._8733998caa939731-modalRoot > div:first-child:not([aria-hidden='true']),
._8733998caa939731-modalRoot > div[aria-hidden='true'] + div{
	padding-top:15px !important;
}

._8733998caa939731-modalRoot > div:first-child:not([aria-hidden='true']) > div:first-child,
._8733998caa939731-modalRoot > div[aria-hidden='true'] + div > div:first-child{
	justify-content:center !important;
}

._8733998caa939731-modalRoot > div:first-child:not([aria-hidden='true']) > div:first-child > div:first-child,
._8733998caa939731-modalRoot > div[aria-hidden='true'] + div > div:first-child > div:first-child{
	width:100%;
	justify-content:center;
}

._8733998caa939731-modalRoot > div:first-child:not([aria-hidden='true']) h3,
._8733998caa939731-modalRoot > div[aria-hidden='true'] + div h3{
	width:100%;
	text-align:center;
	justify-content:center;
	white-space:normal;
}

._8733998caa939731-modalRoot::before{
	content:none;
}

._8733998caa939731-modalRoot::after{
	content:none;
}

._8733998caa939731-modalRoot > *{
	position:relative;
	z-index:1;
}

._8733998caa939731-modalRoot > div[aria-hidden='true'] > span{
	background:rgb(5 8 14 / 0.56) !important;
}

._8733998caa939731-content{
	display:grid;
	grid-gap:0.85rem;
	gap:0.85rem;
	width:100%;
	padding-bottom:0.9rem;
}

._8733998caa939731-heroCard{
	display:grid;
	grid-gap:0.72rem;
	gap:0.72rem;
	padding:0.2rem 0 0.1rem;
	justify-items:center;
}

._8733998caa939731-hackerScene{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:clamp(10.6rem, 34vw, 12.2rem);
	height:clamp(10.6rem, 34vw, 12.2rem);
	overflow:hidden;
	border-radius:999px;
	background:color-mix(in srgb, var(--background-secondary) 74%, var(--background-primary) 26%);
	border:1px solid color-mix(in srgb, var(--text-primary) 26%, transparent);
	box-shadow:0 0 0 2px color-mix(in srgb, var(--background-primary) 82%, transparent);
}

._8733998caa939731-matrixLayer{
	position:absolute;
	inset:0.6rem;
	display:grid;
	grid-template-columns:repeat(14, minmax(0, 1fr));
	grid-gap:0.05rem;
	gap:0.05rem;
	overflow:hidden;
	pointer-events:none;
	z-index:1;
	-webkit-mask-image:radial-gradient(circle at center, black 80%, transparent 100%);
	        mask-image:radial-gradient(circle at center, black 80%, transparent 100%);
}

._8733998caa939731-matrixColumn{
	display:block;
	align-self:start;
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
	font-size:0.48rem;
	line-height:0.92;
	letter-spacing:0.07em;
	white-space:pre;
	color:rgb(112 255 152 / 0.68);
	text-align:center;
	opacity:0.6;
	animation:_8733998caa939731-matrixColumnFall 2.7s linear infinite;
	animation:_8733998caa939731-matrixColumnFall var(--matrix-duration, 2.7s) linear infinite;
	animation-delay:0s;
	animation-delay:var(--matrix-delay, 0s);
}

._8733998caa939731-hackerScene::after{
	content:'';
	position:absolute;
	inset:-8px;
	border-radius:999px;
	border:1px solid color-mix(in srgb, #78ffb2 34%, transparent);
	opacity:0.55;
	pointer-events:none;
	animation:_8733998caa939731-hackerPulse 2.1s ease-out infinite;
	z-index:3;
}

._8733998caa939731-hackerImage{
	width:100%;
	height:100%;
	object-fit:contain;
	animation:_8733998caa939731-hackerFloat 2.3s ease-in-out infinite;
	position:relative;
	z-index:2;
}

._8733998caa939731-codeLine{
	margin:0;
	text-align:center;
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
	font-size:0.8rem;
	font-weight:700;
	letter-spacing:0.02em;
	color:var(--text-secondary);
	text-transform:lowercase;
}

._8733998caa939731-codeCursor{
	margin-left:0.14rem;
	color:color-mix(in srgb, var(--brand-primary) 88%, white 12%);
	animation:_8733998caa939731-cursorBlink 0.9s steps(1, end) infinite;
}

._8733998caa939731-subtitleRow{
	display:grid;
	grid-gap:0.38rem;
	gap:0.38rem;
	justify-items:center;
}

._8733998caa939731-comingSoonPill{
	display:inline-flex;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	align-items:center;
	justify-content:center;
	padding:0.2rem 0.52rem;
	border-radius:999px;
	border:none;
	background:color-mix(in srgb, var(--background-secondary) 60%, var(--background-primary) 40%);
	font-size:0.66rem;
	font-weight:700;
	color:var(--text-secondary);
	letter-spacing:0.02em;
}

._8733998caa939731-subtitle{
	margin:0;
	font-size:0.95rem;
	font-weight:800;
	letter-spacing:0.01em;
	line-height:1.25;
	color:var(--text-secondary);
	text-align:center;
}

._8733998caa939731-actionsGrid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:0.5rem;
	gap:0.5rem;
	width:100%;
}

._8733998caa939731-actionButton{
	border:none;
	border-radius:0.68rem;
	background:color-mix(in srgb, var(--background-secondary) 62%, var(--background-primary) 38%);
	color:var(--text-muted);
	padding:0.48rem 0.58rem;
	font-size:0.75rem;
	font-weight:650;
	cursor:not-allowed;
}

._8733998caa939731-actionButton:last-child{
	grid-column:1 / -1;
	justify-self:center;
	width:min(11.8rem, 100%);
}

._8733998caa939731-closeButton{
	border:1px solid color-mix(in srgb, var(--text-primary) 22%, transparent);
	background:transparent !important;
	box-shadow:none;
	color:var(--text-primary);
}

@keyframes _8733998caa939731-hackerFloat{
	0%,
	100%{
		transform:translateY(0);
	}
	50%{
		transform:translateY(-1px);
	}
}

@keyframes _8733998caa939731-cursorBlink{
	0%,
	49%{
		opacity:1;
	}
	50%,
	100%{
		opacity:0;
	}
}

@keyframes _8733998caa939731-hackerPulse{
	0%{
		transform:scale(0.96);
		opacity:0.62;
	}
	70%{
		transform:scale(1.06);
		opacity:0.06;
	}
	100%{
		transform:scale(1.08);
		opacity:0;
	}
}

@keyframes _8733998caa939731-matrixColumnFall{
	0%{
		transform:translateY(-32%);
		opacity:0.16;
	}
	22%{
		opacity:0.62;
	}
	100%{
		transform:translateY(36%);
		opacity:0.1;
	}
}

@media (max-width: 560px){
	._8733998caa939731-modalRoot{
		width:calc(100vw - 18px) !important;
		border-radius:1.15rem !important;
	}

	._8733998caa939731-content{
		gap:0.7rem;
		padding-bottom:0.7rem;
	}

	._8733998caa939731-heroCard{
		gap:0.58rem;
	}

	._8733998caa939731-subtitle{
		font-size:0.9rem;
	}

	._8733998caa939731-hackerScene{
		width:min(10.2rem, 56vw);
		height:min(10.2rem, 56vw);
	}

	._8733998caa939731-codeLine{
		font-size:0.76rem;
	}

	._8733998caa939731-actionsGrid{
		grid-template-columns:1fr;
	}

	._8733998caa939731-actionButton{
		font-size:0.73rem;
		padding:0.45rem 0.56rem;
	}
}

@media (prefers-reduced-motion: reduce){
	._8733998caa939731-modalRoot,
	._8733998caa939731-hackerImage,
	._8733998caa939731-codeCursor,
	._8733998caa939731-matrixColumn{
		animation:none;
	}
}

._646290b559c71e60-accountItem{
	position:relative;
	display:flex;
	width:100%;
	cursor:pointer;
	align-items:center;
	justify-content:space-between;
	gap:var(--spacing-3);
	border-radius:var(--radius-md);
	border:none;
	padding:var(--spacing-3);
	text-align:left;
	background-color:var(--background-secondary);
	color:var(--text-primary);
	font:inherit;
	transition:background-color var(--transition-fast);
}

._646290b559c71e60-accountItem._646290b559c71e60-compact{
	padding:0.5rem 0.625rem;
	background-color:transparent;
	color:var(--text-primary-muted);
}

._646290b559c71e60-accountItem:hover:not(:disabled){
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._646290b559c71e60-accountItem._646290b559c71e60-compact:hover:not(:disabled){
	background-color:var(--surface-interactive-hover-bg);
}

._646290b559c71e60-accountItem:active:not(:disabled){
	background-color:var(--background-modifier-active);
}

._646290b559c71e60-accountItem._646290b559c71e60-compact:active:not(:disabled){
	background-color:var(--surface-interactive-active-bg);
}

._646290b559c71e60-accountItem:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

._646290b559c71e60-accountItem._646290b559c71e60-compact:disabled{
	opacity:1;
	cursor:default;
}

._646290b559c71e60-accountItem._646290b559c71e60-current{
	background-color:var(--surface-interactive-selected-bg);
	color:var(--surface-interactive-selected-color);
}

._646290b559c71e60-accountItem._646290b559c71e60-current:hover:not(:disabled){
	background-color:var(--surface-interactive-selected-bg);
}

._646290b559c71e60-accountItemContent{
	position:relative;
	display:flex;
	flex:1;
	min-width:0;
	align-items:center;
	gap:var(--spacing-3);
}

._646290b559c71e60-accountItem._646290b559c71e60-compact ._646290b559c71e60-accountItemContent{
	gap:0.75rem;
}

._646290b559c71e60-accountInfo{
	min-width:0;
	flex:1 1 0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:var(--spacing-1);
}

._646290b559c71e60-accountItem._646290b559c71e60-compact ._646290b559c71e60-accountInfo{
	gap:0.125rem;
}

._646290b559c71e60-accountName{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:600;
	font-size:0.9375rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._646290b559c71e60-accountItem._646290b559c71e60-compact ._646290b559c71e60-accountName{
	font-weight:500;
}

._646290b559c71e60-accountItem._646290b559c71e60-current ._646290b559c71e60-accountName{
	color:inherit;
}

._646290b559c71e60-accountMeta{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--text-tertiary);
	font-size:0.75rem;
	line-height:1rem;
}

._646290b559c71e60-accountItem._646290b559c71e60-compact ._646290b559c71e60-accountMeta{
	color:var(--text-primary-muted);
}

._646290b559c71e60-accountItem._646290b559c71e60-current ._646290b559c71e60-accountMeta{
	color:var(--surface-interactive-selected-color);
	opacity:0.8;
}

._646290b559c71e60-instanceLabel{
	font-size:0.6875rem;
	color:var(--text-muted);
}

._646290b559c71e60-badge{
	flex-shrink:0;
	font-size:0.625rem;
	font-weight:600;
	text-transform:uppercase;
	padding:2px 6px;
	border-radius:var(--radius-sm);
	margin-left:var(--spacing-2);
}

._646290b559c71e60-badge._646290b559c71e60-active{
	color:white;
	background-color:var(--status-online);
}

._646290b559c71e60-badge._646290b559c71e60-expired{
	color:var(--text-danger);
	background-color:color-mix(in srgb, var(--status-danger) 15%, transparent);
}

._68cf3f820b22bfa6-content{
	display:flex;
	flex-direction:column;
	gap:20px;
}

._68cf3f820b22bfa6-description{
	font-size:0.875rem;
	color:var(--text-secondary);
	margin:0;
	line-height:1.5;
}

._68cf3f820b22bfa6-codeInputSection{
	padding:16px 0;
}

._68cf3f820b22bfa6-inputHelper{
	font-size:0.8125rem;
	color:var(--text-muted);
	margin:8px 0 0;
	line-height:1.4;
}

._68cf3f820b22bfa6-instanceLink{
	display:block;
	width:100%;
	background:none;
	border:none;
	color:var(--text-muted);
	font-size:0.8125rem;
	cursor:pointer;
	padding:0;
	text-align:center;
}

._68cf3f820b22bfa6-instanceLink:hover{
	color:var(--text-muted);
	text-decoration:underline;
}

._68cf3f820b22bfa6-prefillHint{
	font-size:0.875rem;
	color:var(--text-secondary);
	text-align:center;
	margin:0;
}

._68cf3f820b22bfa6-instanceBadge{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:10px 14px;
	border-radius:6px;
}

._68cf3f820b22bfa6-instanceBadgeIcon{
	color:var(--status-online);
	flex-shrink:0;
}

._68cf3f820b22bfa6-instanceBadgeText{
	font-size:0.8125rem;
	color:var(--status-online);
	font-weight:500;
}

._68cf3f820b22bfa6-instanceBadgeClear{
	background:none;
	border:none;
	color:var(--text-muted);
	font-size:0.75rem;
	cursor:pointer;
	padding:2px 6px;
	margin-left:4px;
	border-radius:4px;
	transition:color 0.15s ease;
}

._68cf3f820b22bfa6-instanceBadgeClear:hover{
	color:var(--text-primary);
}

._540144ba40b7fe84-row{
	display:flex;
	align-items:center;
	width:100%;
	gap:0.5rem;
	border-radius:0.75rem;
}

._540144ba40b7fe84-mainButton{
	display:flex;
	align-items:center;
	gap:0.75rem;
	flex:1;
	min-width:0;
	padding:0.5rem 0.75rem;
	border-radius:0.75rem;
	background-color:var(--background-secondary);
	border:1px solid var(--background-modifier-accent);
}

button._540144ba40b7fe84-clickable{
	cursor:pointer;
	transition:background-color 0.15s ease;
}

button._540144ba40b7fe84-clickable:hover{
	background-color:var(--background-modifier-hover);
}

button._540144ba40b7fe84-clickable:active{
	background-color:var(--background-modifier-active);
}

._540144ba40b7fe84-avatarWrap{
	flex-shrink:0;
}

._540144ba40b7fe84-body{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	flex:1;
	min-width:0;
}

._540144ba40b7fe84-titleRow{
	display:flex;
	align-items:center;
	gap:0.4rem;
}

._540144ba40b7fe84-displayName{
	font-weight:600;
	font-size:1rem;
}

._540144ba40b7fe84-tag{
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._540144ba40b7fe84-primaryLine{
	font-weight:600;
	font-size:0.9rem;
}

._540144ba40b7fe84-currentName{
	color:var(--text-success);
	font-weight:700;
}

._540144ba40b7fe84-discriminator{
	color:var(--text-tertiary);
	font-weight:400;
}

._540144ba40b7fe84-currentFlag{
	font-size:0.75rem;
	color:var(--status-online);
}

._540144ba40b7fe84-meta{
	font-size:0.75rem;
	color:var(--text-tertiary);
}

._540144ba40b7fe84-expired{
	font-size:0.75rem;
	color:var(--status-danger);
}

._540144ba40b7fe84-menuButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:2.5rem;
	height:2.5rem;
	border:none;
	background:transparent;
	color:var(--text-secondary);
	cursor:pointer;
	flex-shrink:0;
	border-radius:0.5rem;
}

._540144ba40b7fe84-menuButton:hover{
	color:var(--text-primary);
	background:var(--background-modifier-hover);
}

._540144ba40b7fe84-menuIcon{
	width:20px;
	height:20px;
}

._540144ba40b7fe84-compact ._540144ba40b7fe84-mainButton{
	padding:0.4rem 0.6rem;
	background-color:var(--background-primary);
}

._540144ba40b7fe84-manage ._540144ba40b7fe84-mainButton{
	padding:0.65rem 0.75rem;
}

._540144ba40b7fe84-manage ._540144ba40b7fe84-primaryLine{
	font-size:1rem;
}

._540144ba40b7fe84-compactRow{
	display:flex;
	align-items:center;
	gap:0.4rem;
}

._540144ba40b7fe84-globeButtonCompact{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	width:1.2rem;
	height:1.2rem;
	padding:0;
	border:none;
	background:transparent;
	color:var(--text-secondary);
	cursor:pointer;
	border-radius:0.25rem;
	transition:background-color 0.2s ease, color 0.2s ease;
}

._540144ba40b7fe84-globeButtonCompact:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._540144ba40b7fe84-checkIndicator{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	width:1.25rem;
	height:1.25rem;
	background-color:var(--brand-primary);
	border-radius:50%;
	color:white;
}

._540144ba40b7fe84-caretIndicator{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	color:var(--text-secondary);
}

._66c1ee28ef768b96-subtitle{
	margin:0;
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._66c1ee28ef768b96-content{
	padding:0;
}

._66c1ee28ef768b96-loadingContainer{
	display:flex;
	height:140px;
	align-items:center;
	justify-content:center;
}

._66c1ee28ef768b96-noAccounts{
	display:flex;
	height:120px;
	align-items:center;
	justify-content:center;
	color:var(--text-secondary);
}

._66c1ee28ef768b96-scroller{
	padding:0.5rem;
	max-height:280px;
}

._66c1ee28ef768b96-accountList{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._66c1ee28ef768b96-footer{
	padding:0.75rem 0.75rem 0.5rem;
}

:root{
	--popout-padding:8px;
	--popout-border-radius:4px;
	--popout-item-radius:3px;
	--popout-gap:1px;
	--popout-shadow:0 8px 16px rgba(0, 0, 0, 0.24);
	--menu-gap-main:16px;
	--menu-gap-nested:6px;
	--menu-item-padding:6px 8px;
	--menu-item-gap:12px;
}

._1920a68328a168bd-container{
	width:312px;
}

._1920a68328a168bd-profileCardShell{
	--profile-card-width:100%;
	--profile-card-radius:1rem;
	--profile-card-border-width:1px;
	--profile-banner-height:118px;
	--profile-card-padding-bottom:0.8rem;
	--profile-card-background:linear-gradient(
			180deg,
			color-mix(in srgb, var(--background-floating) 90%, var(--background-primary) 10%),
			color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%)
		);
	--profile-card-shadow:0 18px 36px rgb(0 0 0 / 0.28), 0 2px 0 rgb(255 255 255 / 0.02) inset;
	border-color:color-mix(in srgb, var(--text-primary) 10%, transparent) !important;
}

._1920a68328a168bd-profileCardShell::after{
	content:'';
	position:absolute;
	inset:0;
	pointer-events:none;
	background:radial-gradient(circle at 12% 0, color-mix(in srgb, var(--brand-primary) 20%, transparent), transparent 40%), linear-gradient(180deg, rgb(255 255 255 / 0.03), transparent 30%);
	opacity:0.7;
	z-index:0;
}

._1920a68328a168bd-containerVoiceCompact{
	width:min(18.75rem, 34vw);
	min-width:17rem;
}

._1920a68328a168bd-profileCardVoiceCompact{
	--profile-card-width:100%;
	--profile-card-radius:0.92rem;
	--profile-card-border-width:1px;
	--profile-card-padding-bottom:0.5rem;
	--profile-banner-height:92px;
	background:color-mix(in srgb, var(--background-secondary) 92%, var(--background-primary) 8%);
}

._1920a68328a168bd-containerVoiceCompact ._1920a68328a168bd-actionGroup{
	border-radius:0.68rem;
	background-color:color-mix(in srgb, var(--background-secondary) 88%, var(--background-primary) 12%);
}

._1920a68328a168bd-containerVoiceCompact ._1920a68328a168bd-editProfileButton{
	margin-top:0.05rem;
}

._1920a68328a168bd-voiceCompactHeader{
	display:flex;
	align-items:center;
	gap:0.6rem;
}

._1920a68328a168bd-voiceCompactHeaderText{
	display:flex;
	flex-direction:column;
	min-width:0;
	gap:0.06rem;
}

._1920a68328a168bd-voiceCompactName{
	font-size:0.92rem;
	line-height:1.1rem;
	font-weight:600;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._1920a68328a168bd-voiceCompactTag{
	font-size:0.72rem;
	line-height:0.95rem;
	color:var(--text-secondary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._1920a68328a168bd-customStatusRow{
	display:flex;
	align-items:center;
	position:relative;
	z-index:1;
}

._1920a68328a168bd-customStatusRow:hover{
	--emoji-show-animated:1;
}

._1920a68328a168bd-musicActivityRow{
	margin-top:0.15rem;
}

._1920a68328a168bd-steamNowPlayingRow{
	margin-top:0.32rem;
}

._1920a68328a168bd-profileHeaderMetaRow{
	position:absolute;
	top:115px;
	left:107px;
	right:10px;
	z-index:10;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	pointer-events:none;
}

._1920a68328a168bd-profileHeaderIntegrations{
	display:flex;
	flex:1 1 auto;
	align-items:center;
	min-width:0;
	overflow:hidden;
	pointer-events:auto;
}

._1920a68328a168bd-profileHeaderBadges{
	flex-shrink:0;
	pointer-events:auto;
}

._1920a68328a168bd-profileAddonBlock{
	margin-top:0.45rem;
}

._1920a68328a168bd-customStatusPlaceholder{
	display:inline-flex;
	align-items:center;
	gap:0.25em;
	padding:0;
	border:none;
	background:transparent;
	cursor:pointer;
	font-size:0.75rem;
	line-height:1rem;
}

._1920a68328a168bd-customStatusPlaceholder:hover ._1920a68328a168bd-customStatusPlaceholderText{
	text-decoration:underline;
}

._1920a68328a168bd-customStatusPlaceholderIcon{
	color:var(--text-tertiary);
	flex-shrink:0;
}

._1920a68328a168bd-customStatusPlaceholderText{
	color:var(--text-tertiary);
}

._1920a68328a168bd-copyUsernameButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:1.25rem;
	height:1.25rem;
	padding:0;
	border:none;
	border-radius:var(--radius-sm);
	background:transparent;
	color:var(--text-tertiary);
	cursor:pointer;
	opacity:0;
	transition:opacity 0.15s ease, color 0.15s ease, background-color 0.15s ease;
	position:relative;
	z-index:1;
}

._1920a68328a168bd-copyUsernameButton:hover{
	background:var(--background-modifier-hover);
	color:var(--text-primary);
}

._1920a68328a168bd-container:hover ._1920a68328a168bd-copyUsernameButton,
._1920a68328a168bd-container:focus-within ._1920a68328a168bd-copyUsernameButton{
	opacity:1;
}

._1920a68328a168bd-footer{
	display:flex;
	flex-direction:column;
	gap:0.58rem;
	width:100%;
	position:relative;
	z-index:1;
}

._1920a68328a168bd-actionGroup{
	display:flex;
	flex-direction:column;
	border-radius:0.88rem;
	background:color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
	box-shadow:0 8px 16px rgb(3 7 18 / 0.16), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
	overflow:hidden;
}

._1920a68328a168bd-editProfileButton{
	margin-top:0;
	height:40px;
	min-height:40px;
	border-radius:0.82rem !important;
	border:1px solid color-mix(in srgb, var(--brand-primary) 34%, transparent) !important;
	background:color-mix(in srgb, var(--button-primary-fill) 84%, var(--background-floating) 16%) !important;
	box-shadow:0 10px 18px color-mix(in srgb, var(--brand-primary) 18%, transparent), inset 0 1px 0 rgb(255 255 255 / 0.12);
	transition:transform 150ms ease, background-color 150ms ease, -webkit-filter 150ms ease !important;
	transition:transform 150ms ease, filter 150ms ease, background-color 150ms ease !important;
	transition:transform 150ms ease, filter 150ms ease, background-color 150ms ease, -webkit-filter 150ms ease !important;
}

._1920a68328a168bd-editProfileButton:hover{
	transform:translateY(-1px);
	-webkit-filter:brightness(1.04);
	        filter:brightness(1.04);
}

._1920a68328a168bd-editProfileButton:active{
	transform:translateY(0);
}

._1920a68328a168bd-actionButton{
	display:flex;
	align-items:center;
	gap:0.6rem;
	width:100%;
	padding:0.52rem 0.64rem;
	border:none;
	background:transparent;
	color:var(--text-primary);
	text-align:left;
	font-weight:530;
	cursor:pointer;
	transition:background-color 140ms ease, color 140ms ease;
}

._1920a68328a168bd-actionButton:hover{
	background:color-mix(in srgb, var(--background-modifier-hover) 82%, var(--background-primary) 18%);
}

._1920a68328a168bd-actionDivider{
	margin-left:0.75rem;
	margin-right:0.75rem;
	height:1px;
	background-color:color-mix(in srgb, var(--text-primary) 9%, transparent);
	opacity:1;
}

._1920a68328a168bd-actionButton:disabled{
	cursor:not-allowed;
}

._1920a68328a168bd-actionButtonDisabled{
	opacity:0.5;
}

._1920a68328a168bd-actionIcon{
	flex-shrink:0;
	width:22px;
	height:22px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:color-mix(in srgb, var(--text-secondary) 88%, var(--text-primary) 12%);
	border-radius:0.55rem;
	background:color-mix(in srgb, var(--background-floating) 82%, var(--background-primary) 18%);
	box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 7%, transparent);
}

._1920a68328a168bd-actionContent{
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:0.125rem;
}

._1920a68328a168bd-actionLabel{
	font-weight:560;
	font-size:0.78rem;
	color:var(--text-primary);
	line-height:1.25;
}

._1920a68328a168bd-actionHint{
	font-size:0.6875rem;
	color:var(--text-tertiary);
	line-height:1.25;
}

._1920a68328a168bd-actionChevron{
	color:var(--text-tertiary);
	flex-shrink:0;
	align-self:center;
}

._1920a68328a168bd-statusMenu{
	display:flex;
	flex-direction:column;
	width:280px;
	padding:8px;
	padding:var(--popout-padding);
	margin-left:16px;
	margin-left:var(--menu-gap-main);
	background-color:color-mix(in srgb, var(--background-primary) 92%, var(--background-secondary) 8%);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	border-radius:0.75rem;
	box-shadow:0 8px 16px rgba(0, 0, 0, 0.24);
	box-shadow:var(--popout-shadow);
}

._1920a68328a168bd-expiryPopup{
	display:flex;
	flex-direction:column;
	width:220px;
	padding:8px;
	padding:var(--popout-padding);
	margin-left:6px;
	margin-left:var(--menu-gap-nested);
	background-color:color-mix(in srgb, var(--background-primary) 92%, var(--background-secondary) 8%);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	border-radius:0.75rem;
	box-shadow:0 8px 16px rgba(0, 0, 0, 0.24);
	box-shadow:var(--popout-shadow);
}

._1920a68328a168bd-switchMenu{
	display:flex;
	flex-direction:column;
	width:280px;
	padding:8px;
	padding:var(--popout-padding);
	margin-left:16px;
	margin-left:var(--menu-gap-main);
	background-color:color-mix(in srgb, var(--background-primary) 92%, var(--background-secondary) 8%);
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	border-radius:0.75rem;
	box-shadow:0 8px 16px rgba(0, 0, 0, 0.24);
	box-shadow:var(--popout-shadow);
}

._1920a68328a168bd-switchMenuList{
	display:flex;
	flex-direction:column;
}

._1920a68328a168bd-switchMenuFooter{
	margin-top:8px;
	margin-top:var(--popout-padding);
	padding-top:8px;
	padding-top:var(--popout-padding);
	border-top:1px solid var(--background-modifier-accent);
}

._1920a68328a168bd-manageAccountsButton{
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
	padding:6px 8px;
	padding:var(--menu-item-padding);
	border:none;
	border-radius:3px;
	border-radius:var(--popout-item-radius);
	background:transparent;
	color:var(--text-secondary);
	cursor:pointer;
	font-size:13px;
	font-weight:500;
	line-height:16px;
	text-align:left;
}

._1920a68328a168bd-manageAccountsButton:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._1920a68328a168bd-accountMenuItem{
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
	padding:6px 8px;
	padding:var(--menu-item-padding);
	margin:1px 0;
	margin:var(--popout-gap) 0;
	border:none;
	border-radius:3px;
	border-radius:var(--popout-item-radius);
	background:transparent;
	color:var(--text-secondary);
	cursor:pointer;
	font-size:13px;
	font-weight:500;
	line-height:16px;
	text-align:left;
}

._1920a68328a168bd-accountMenuItem:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._1920a68328a168bd-accountMenuAvatar{
	flex-shrink:0;
}

._1920a68328a168bd-accountMenuInfo{
	display:flex;
	flex-direction:column;
	flex:1;
	min-width:0;
	gap:0.125rem;
}

._1920a68328a168bd-accountMenuTag{
	font-weight:500;
	font-size:13px;
	line-height:16px;
}

._1920a68328a168bd-accountMenuDiscriminator{
	color:var(--text-tertiary);
	font-weight:400;
}

._1920a68328a168bd-accountMenuMeta{
	font-size:11px;
	color:var(--status-online);
	line-height:14px;
}

._1920a68328a168bd-accountMenuCheck{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	width:1.25rem;
	height:1.25rem;
	background-color:var(--brand-primary);
	border-radius:50%;
	color:white;
}

._1920a68328a168bd-statusMenuRow{
	margin:1px 0;
	margin:var(--popout-gap) 0;
}

._1920a68328a168bd-statusMenuItem{
	display:grid;
	grid-template-columns:18px 1fr auto;
	align-items:flex-start;
	grid-gap:12px;
	grid-gap:var(--menu-item-gap);
	gap:12px;
	gap:var(--menu-item-gap);
	width:100%;
	padding:6px 8px;
	padding:var(--menu-item-padding);
	margin:1px 0;
	margin:var(--popout-gap) 0;
	border:none;
	border-radius:3px;
	border-radius:var(--popout-item-radius);
	background:transparent;
	color:var(--text-secondary);
	cursor:pointer;
	font-size:14px;
	font-weight:500;
	line-height:18px;
	text-align:left;
	box-sizing:border-box;

}

._1920a68328a168bd-statusMenuItem:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._1920a68328a168bd-statusMenuIcon{
	flex-shrink:0;
	width:18px;
	height:18px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:1px;
}

._1920a68328a168bd-statusMenuText{
	display:flex;
	flex-direction:column;
	flex:1;
	min-width:0;
}

._1920a68328a168bd-statusMenuLabel{
	font-weight:500;
	font-size:14px;
	line-height:18px;
}

._1920a68328a168bd-statusMenuDescription{
	font-size:12px;
	color:var(--text-tertiary);
	line-height:16px;
	margin-top:2px;
}

._1920a68328a168bd-statusMenuChevron{
	color:var(--text-secondary);
	flex-shrink:0;
	margin-top:2px;
}

._1920a68328a168bd-expiryItem{
	width:100%;
	padding:6px 8px;
	padding:var(--menu-item-padding);
	margin:1px 0;
	margin:var(--popout-gap) 0;
	border:none;
	border-radius:3px;
	border-radius:var(--popout-item-radius);
	background:transparent;
	color:var(--text-secondary);
	cursor:pointer;
	font-size:14px;
	font-weight:500;
	line-height:18px;
	text-align:left;
	box-sizing:border-box;

}

._1920a68328a168bd-expiryItem:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._1920a68328a168bd-expiryLabel{
	font-size:14px;
	font-weight:500;
}

@media (max-width: 1320px){
	._1920a68328a168bd-container{
		width:304px;
	}
}

.b349732b175385c5-svg{
	display:block;
}

.b349732b175385c5-primaryMuted{
	color:var(--text-primary-muted);
}

.b349732b175385c5-green{
	color:var(--status-online);
}

.b349732b175385c5-yellow{
	color:var(--status-idle);
}

.b349732b175385c5-orange{
	color:var(--status-idle);
}

.b349732b175385c5-red{
	color:var(--status-danger);
}

.b349732b175385c5-tertiary{
	color:var(--text-tertiary);
}

.b349732b175385c5-tertiaryMuted{
	color:var(--text-tertiary-muted);
}

._4bc3fa4a0a1bf800-voiceConnectionContainer{
	--voice-panel-bg-top:color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
	--voice-panel-bg-bottom:color-mix(in srgb, var(--background-secondary) 84%, var(--background-primary) 16%);
	--voice-panel-card:color-mix(in srgb, var(--background-secondary) 78%, var(--background-primary) 22%);
	--voice-panel-card-soft:color-mix(in srgb, var(--background-secondary) 72%, var(--background-primary) 28%);
	--voice-panel-card-hover:color-mix(in srgb, var(--background-secondary) 60%, var(--brand-primary) 40%);
	--voice-panel-border:color-mix(in srgb, var(--text-primary) 9%, transparent);
	--voice-accent:color-mix(in srgb, var(--brand-primary) 70%, var(--text-primary));
	position:relative;
	display:flex;
	flex-direction:column;
	gap:0.48rem;
	margin:0.16rem 0.18rem;
	padding:0.26rem;
	width:calc(100% - 0.44rem);
	min-width:0;
	flex-shrink:0;
	border-radius:1.26rem;
	border:1px solid var(--voice-panel-border);
	background:radial-gradient(
			circle at 14% -24%,
			color-mix(in srgb, var(--brand-primary) 30%, transparent) 0%,
			transparent 62%
		), linear-gradient(165deg, transparent 0%, color-mix(in srgb, var(--brand-primary) 10%, transparent) 58%, transparent 100%), linear-gradient(180deg, var(--voice-panel-bg-top), var(--voice-panel-bg-bottom));
	box-shadow:none;
	-webkit-backdrop-filter:none;
	        backdrop-filter:none;
	overflow:hidden;
	isolation:isolate;
	animation:none;
	container-type:inline-size;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded{
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	box-shadow:none;
	-webkit-backdrop-filter:none;
	        backdrop-filter:none;
	overflow:visible;
}

._4bc3fa4a0a1bf800-voiceConnectionDockCollapsed{
	gap:0.08rem;
}

._4bc3fa4a0a1bf800-voiceConnectionDockCollapsed ._4bc3fa4a0a1bf800-statusRow{
	padding:0.1rem;
	gap:0.12rem;
	border-radius:0.8rem;
}

._4bc3fa4a0a1bf800-voiceConnectionDockCollapsed ._4bc3fa4a0a1bf800-signalIcon,
._4bc3fa4a0a1bf800-voiceConnectionDockCollapsed ._4bc3fa4a0a1bf800-controlButton{
	height:1.3rem;
	width:1.3rem;
	border-radius:0.48rem;
}

._4bc3fa4a0a1bf800-voiceConnectionDockCollapsed ._4bc3fa4a0a1bf800-statusButton{
	min-height:1.3rem;
	padding:0.08rem 0.26rem;
	font-size:0.6rem;
}

._4bc3fa4a0a1bf800-voiceConnectionDockCollapsed ._4bc3fa4a0a1bf800-statusTimer{
	display:none;
}

._4bc3fa4a0a1bf800-voiceConnectionDockCollapsed ._4bc3fa4a0a1bf800-connectionInfo,
._4bc3fa4a0a1bf800-voiceConnectionDockCollapsed ._4bc3fa4a0a1bf800-mediaSection{
	display:none;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact{
	gap:0.12rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-statusRow{
	grid-template-columns:auto minmax(0, 1fr) auto;
	padding:0.56rem;
	gap:0.56rem;
	border-radius:1.08rem;
	background:color-mix(in srgb, var(--background-secondary-alt) 84%, var(--background-primary) 16%);
	border-color:color-mix(in srgb, var(--text-primary) 8%, transparent);
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-signalIcon,
._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-controlButton{
	height:1.86rem;
	width:1.86rem;
	border-radius:0.66rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-statusButton{
	min-width:0;
	min-height:2.12rem;
	padding:0.4rem 0.72rem;
	font-size:0.74rem;
	line-height:0.94rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-statusTimer{
	min-height:1.08rem;
	padding:0.12rem 0.46rem;
	font-size:0.6rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-controls{
	display:grid;
	grid-template-columns:repeat(4, 1.86rem);
	grid-gap:0.4rem;
	gap:0.4rem;
	justify-content:end;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-infoRow,
._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-channelInfo{
	padding:0.62rem 0.68rem;
	border-radius:0.96rem;
	font-size:0.7rem;
	background:color-mix(in srgb, var(--background-secondary-alt) 80%, var(--background-primary) 20%);
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-connectionInfo{
	gap:0.56rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-channelIcon,
._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-infoIcon{
	height:1.44rem;
	width:1.44rem;
	border-radius:0.6rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-channelName{
	min-width:0;
	font-size:0.74rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-guildName{
	min-width:0;
	font-size:0.68rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-mediaSection{
	grid-template-columns:repeat(4, minmax(0, 1fr));
	width:100%;
	gap:0.4rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-mediaButton{
	height:1.86rem;
	border-radius:0.78rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-mediaIcon{
	height:1rem;
	width:1rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed{
	gap:0.3rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-statusRow{
	grid-template-columns:auto minmax(4rem, 1fr) auto;
	padding:0.52rem;
	gap:0.5rem;
	border-radius:1.04rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-signalIcon,
._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-controlButton{
	height:1.86rem;
	width:1.86rem;
	border-radius:0.66rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-statusButton{
	justify-content:center;
	gap:0.28rem;
	width:100%;
	max-width:5rem;
	min-width:0;
	min-height:2rem;
	padding:0;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-statusMeta{
	display:none;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-statusTimer{
	display:none;
	min-height:1rem;
	padding:0.05rem 0.28rem;
	font-size:0.52rem;
}

._4bc3fa4a0a1bf800-compactPing{
	display:none;
	font-size:0.62rem;
	line-height:1;
	font-weight:700;
	-webkit-font-feature-settings:"tnum";
	        font-feature-settings:"tnum";
	font-variant-numeric:tabular-nums;
	letter-spacing:0;
	color:color-mix(in srgb, var(--text-secondary) 82%, currentColor 18%);
	white-space:nowrap;
}

._4bc3fa4a0a1bf800-reconnectOrbit{
	margin-inline:auto;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-compactPing{
	display:inline-flex;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-controls{
	grid-template-columns:repeat(4, minmax(1.6rem, 1fr));
	gap:0.28rem;
	min-width:0;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-controlButton{
	width:100%;
	height:1.62rem;
	border-radius:0.58rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-icon{
	height:0.86rem;
	width:0.86rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-mediaSection{
	grid-template-columns:repeat(4, minmax(0, 1fr));
	width:100%;
	gap:0.32rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-mediaButton{
	height:1.82rem;
	border-radius:0.76rem;
}

._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-mediaIcon{
	height:0.98rem;
	width:0.98rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCollapsed{
	gap:0.22rem;
	padding:0.26rem;
	border-radius:1.14rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-statusRow{
	padding:0.24rem;
	gap:0.24rem;
	border-radius:0.76rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-signalIcon,
._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-controlButton{
	height:1.52rem;
	width:1.52rem;
	border-radius:0.54rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-statusButton{
	min-height:1.54rem;
	padding:0.14rem 0.4rem;
	font-size:0.66rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-statusTimer{
	min-height:1rem;
	padding:0.08rem 0.32rem;
	font-size:0.56rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-controls{
	gap:0.22rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-connectionInfo{
	gap:0.18rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-infoRow,
._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-channelInfo{
	padding:0.3rem 0.36rem;
	border-radius:0.7rem;
	font-size:0.62rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-channelIcon,
._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-infoIcon{
	height:1.34rem;
	width:1.34rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-mediaSection{
	grid-template-columns:repeat(4, minmax(0, 1fr));
	width:100%;
	gap:0.26rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-mediaButton{
	height:1.56rem;
	border-radius:0.62rem;
}

._4bc3fa4a0a1bf800-noiseSuppressionActive{
	background:color-mix(in srgb, var(--brand-primary) 16%, var(--voice-panel-bg-bottom));
	color:color-mix(in srgb, var(--brand-primary) 84%, var(--text-primary));
	border-color:color-mix(in srgb, var(--brand-primary) 30%, transparent);
}

._4bc3fa4a0a1bf800-noiseSuppressionUnavailable{
	opacity:0.58;
	border-style:dashed;
	cursor:not-allowed;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-mediaIcon{
	height:0.9rem;
	width:0.9rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-statusLabel{
	display:none;
}

._4bc3fa4a0a1bf800-voiceConnectionCompact ._4bc3fa4a0a1bf800-statusMeta{
	grid-template-columns:auto;
	gap:0.12rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCollapsed ._4bc3fa4a0a1bf800-statusRow{
	padding:0.32rem;
	border-radius:0.98rem;
	gap:0.34rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCollapsed ._4bc3fa4a0a1bf800-signalIcon,
._4bc3fa4a0a1bf800-voiceConnectionCollapsed ._4bc3fa4a0a1bf800-controlButton{
	height:1.95rem;
	width:1.95rem;
	border-radius:0.72rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCollapsed ._4bc3fa4a0a1bf800-statusButton{
	min-height:2.12rem;
	padding:0.44rem 0.72rem;
	font-size:0.78rem;
	line-height:0.94rem;
}

._4bc3fa4a0a1bf800-voiceConnectionCollapsed ._4bc3fa4a0a1bf800-statusTimer{
	min-height:1.4rem;
	padding:0.18rem 0.52rem;
	font-size:0.68rem;
}

._4bc3fa4a0a1bf800-voiceConnectionContainer::before{
	display:none;
}

._4bc3fa4a0a1bf800-statusRow{
	position:relative;
	display:grid;
	grid-template-columns:auto minmax(0, 1fr) auto;
	align-items:center;
	grid-gap:0.5rem;
	gap:0.5rem;
	min-width:0;
	padding:0.375rem;
	border-radius:1rem;
	border:1px solid var(--voice-panel-border);
	background:var(--voice-panel-card);
	box-shadow:none;
}

._4bc3fa4a0a1bf800-signalIcon{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:2rem;
	width:2rem;
	flex-shrink:0;
	border-radius:0.8rem;
	color:var(--voice-accent);
	background:color-mix(in srgb, var(--voice-panel-card-soft) 86%, var(--brand-primary) 14%);
	border:1px solid color-mix(in srgb, var(--brand-primary) 28%, transparent);
	box-shadow:none;
	animation:none;
}

._4bc3fa4a0a1bf800-signalIcon::after{
	content:'';
	position:absolute;
	inset:-0.35rem;
	border-radius:inherit;
	border:1px solid color-mix(in srgb, var(--brand-primary) 24%, transparent);
	opacity:0.55;
	animation:_4bc3fa4a0a1bf800-voiceArcPulse 2.6s ease-in-out infinite;
}

._4bc3fa4a0a1bf800-signalIconSearching::before{
	content:'';
	position:absolute;
	inset:0.18rem;
	border-radius:0.64rem;
	background:linear-gradient(110deg, transparent 8%, rgb(255 255 255 / 0.3) 50%, transparent 92%);
	opacity:0.75;
	pointer-events:none;
	mix-blend-mode:screen;
	animation:_4bc3fa4a0a1bf800-voicePingScan 1.05s linear infinite;
}

._4bc3fa4a0a1bf800-statusButton{
	display:flex;
	align-items:center;
	gap:0.55rem;
	width:100%;
	min-width:0;
	min-height:2.25rem;
	padding:0.5rem 0.78rem;
	text-align:left;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	cursor:pointer;
	border-radius:999px;
	border:1px solid transparent;
	background:var(--voice-panel-card-soft);
	color:var(--text-primary);
	font-size:0.78rem;
	line-height:1rem;
	font-weight:700;
	letter-spacing:0.01em;
	box-shadow:none;
	transition:background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, color 180ms ease;
}

._4bc3fa4a0a1bf800-statusButton:hover{
	transform:none;
	background:var(--voice-panel-card-hover);
	border-color:color-mix(in srgb, currentColor 20%, transparent);
	box-shadow:none;
}

._4bc3fa4a0a1bf800-statusButtonConnecting{
	animation:none;
}

._4bc3fa4a0a1bf800-statusIndicator{
	height:0.7rem;
	width:0.7rem;
	border-radius:999px;
	flex-shrink:0;
	background:currentColor;
	box-shadow:0 0 0 0 color-mix(in srgb, currentColor 28%, transparent);
	animation:_4bc3fa4a0a1bf800-voiceArcDot 2.5s ease-in-out infinite;
}

._4bc3fa4a0a1bf800-statusIndicatorFast{
	animation-duration:1.35s;
}

._4bc3fa4a0a1bf800-statusMeta{
	display:grid;
	grid-template-columns:minmax(0, 1fr) auto;
	align-items:center;
	grid-gap:0.3rem 0.625rem;
	gap:0.3rem 0.625rem;
	flex:1;
	min-width:0;
}

._4bc3fa4a0a1bf800-statusLabel{
	display:block;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._4bc3fa4a0a1bf800-statusTimer{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:1.5rem;
	padding:0.2rem 0.6rem;
	border-radius:999px;
	border:1px solid color-mix(in srgb, currentColor 22%, transparent);
	background:color-mix(in srgb, currentColor 8%, var(--voice-panel-card));
	color:color-mix(in srgb, var(--text-secondary) 84%, currentColor 16%);
	font-size:0.69rem;
	line-height:1rem;
	-webkit-font-feature-settings:"tnum";
	        font-feature-settings:"tnum";
	font-variant-numeric:tabular-nums;
	letter-spacing:0.08em;
	white-space:nowrap;
}

._4bc3fa4a0a1bf800-statusConnected{
	color:color-mix(in srgb, var(--status-online) 72%, var(--text-primary));
}

._4bc3fa4a0a1bf800-statusConnecting{
	color:color-mix(in srgb, var(--status-idle) 78%, var(--text-primary));
}

._4bc3fa4a0a1bf800-statusDisconnected{
	color:color-mix(in srgb, var(--status-danger) 82%, var(--text-primary));
}

._4bc3fa4a0a1bf800-controls{
	display:flex;
	align-items:center;
	gap:0.28rem;
	justify-self:end;
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-controlButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:1.76rem;
	width:1.76rem;
	padding:0;
	border-radius:0.8rem;
	border:1px solid var(--voice-panel-border);
	background:var(--voice-panel-card-soft);
	color:color-mix(in srgb, var(--text-primary) 84%, var(--brand-primary));
	cursor:pointer;
	flex-shrink:0;
	box-shadow:none;
	transition:background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, color 180ms ease;
}

._4bc3fa4a0a1bf800-controlButton:hover{
	transform:none;
	background:var(--voice-panel-card-hover);
	color:color-mix(in srgb, var(--brand-primary) 72%, var(--text-primary));
	border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
	box-shadow:none;
}

._4bc3fa4a0a1bf800-controlButton:active{
	transform:scale(0.96);
}

._4bc3fa4a0a1bf800-controlButton._4bc3fa4a0a1bf800-selected{
	background:color-mix(in srgb, var(--brand-primary) 16%, var(--voice-panel-bg-bottom));
	color:color-mix(in srgb, var(--brand-primary) 84%, var(--text-primary));
	border-color:color-mix(in srgb, var(--brand-primary) 30%, transparent);
	box-shadow:none;
}

._4bc3fa4a0a1bf800-controlButton._4bc3fa4a0a1bf800-selected:hover{
	color:color-mix(in srgb, var(--brand-primary) 84%, var(--text-primary));
}

._4bc3fa4a0a1bf800-icon{
	height:0.94rem;
	width:0.94rem;
}

._4bc3fa4a0a1bf800-connectionInfo{
	display:flex;
	flex-direction:column;
	gap:0.4rem;
}

._4bc3fa4a0a1bf800-collapsibleSection{
	overflow:hidden;
}

._4bc3fa4a0a1bf800-infoRow,
._4bc3fa4a0a1bf800-channelInfo{
	display:flex;
	align-items:center;
	gap:0.6rem;
	min-width:0;
	padding:0.52rem 0.62rem;
	border-radius:0.95rem;
	border:1px solid var(--voice-panel-border);
	background:var(--voice-panel-card);
	box-shadow:none;
	color:var(--text-secondary);
	font-size:0.74rem;
	line-height:1.02rem;
	transition:background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, color 180ms ease;
}

._4bc3fa4a0a1bf800-channelInfo{
	text-decoration:none;
	cursor:pointer;
}

._4bc3fa4a0a1bf800-channelInfo:hover{
	transform:none;
	text-decoration:none;
	background:var(--voice-panel-card-hover);
	color:var(--text-primary);
	border-color:color-mix(in srgb, var(--brand-primary) 20%, transparent);
	box-shadow:none;
}

._4bc3fa4a0a1bf800-channelInfo:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:2px;
}

._4bc3fa4a0a1bf800-channelIcon,
._4bc3fa4a0a1bf800-infoIcon{
	display:flex;
	align-items:center;
	justify-content:center;
	height:1.55rem;
	width:1.55rem;
	flex-shrink:0;
	border-radius:0.72rem;
	color:color-mix(in srgb, var(--brand-primary) 64%, var(--text-primary));
	background:color-mix(in srgb, var(--brand-primary) 12%, var(--voice-panel-card-soft));
	border:1px solid color-mix(in srgb, var(--brand-primary) 20%, transparent);
	box-shadow:none;
}

._4bc3fa4a0a1bf800-channelText{
	display:flex;
	align-items:center;
	gap:0.4rem;
	flex:1;
	min-width:0;
}

._4bc3fa4a0a1bf800-channelName{
	font-size:0.78rem;
	font-weight:700;
	letter-spacing:0.01em;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._4bc3fa4a0a1bf800-channelInfo:hover ._4bc3fa4a0a1bf800-channelName{
	color:inherit;
}

._4bc3fa4a0a1bf800-guildSeparator{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:1rem;
	color:color-mix(in srgb, var(--text-secondary) 78%, var(--brand-primary) 22%);
	font-weight:700;
	margin:0;
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-guildName{
	font-size:0.73rem;
	font-weight:600;
	color:var(--text-tertiary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._4bc3fa4a0a1bf800-infoText{
	display:block;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:600;
	color:var(--text-secondary);
}

._4bc3fa4a0a1bf800-mediaSection{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	width:100%;
	grid-gap:0.28rem;
	gap:0.28rem;
}

._4bc3fa4a0a1bf800-mediaButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:1.9rem;
	width:100%;
	padding:0;
	border-radius:0.92rem;
	border:1px solid var(--voice-panel-border);
	background:var(--voice-panel-card-soft);
	color:color-mix(in srgb, var(--control-button-normal-text) 88%, var(--text-primary));
	cursor:pointer;
	box-shadow:none;
	transition:background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, color 180ms ease;
}

._4bc3fa4a0a1bf800-mediaButton:hover:not(:disabled){
	transform:none;
	background:var(--voice-panel-card-hover);
	color:color-mix(in srgb, var(--brand-primary) 70%, var(--text-primary));
	border-color:color-mix(in srgb, var(--brand-primary) 22%, transparent);
	box-shadow:none;
}

._4bc3fa4a0a1bf800-mediaButton:active:not(:disabled){
	transform:scale(0.97);
}

._4bc3fa4a0a1bf800-mediaButton:disabled{
	opacity:0.54;
	cursor:not-allowed;
}

._4bc3fa4a0a1bf800-mediaButton._4bc3fa4a0a1bf800-cameraActive,
._4bc3fa4a0a1bf800-mediaButton._4bc3fa4a0a1bf800-screenShareActive{
	background:color-mix(in srgb, var(--brand-primary) 16%, var(--voice-panel-bg-bottom));
	color:color-mix(in srgb, var(--brand-primary) 84%, var(--text-primary));
	border-color:color-mix(in srgb, var(--brand-primary) 30%, transparent);
	box-shadow:none;
}

._4bc3fa4a0a1bf800-mediaButton._4bc3fa4a0a1bf800-cameraActive:hover:not(:disabled),
._4bc3fa4a0a1bf800-mediaButton._4bc3fa4a0a1bf800-screenShareActive:hover:not(:disabled){
	color:color-mix(in srgb, var(--brand-primary) 84%, var(--text-primary));
}

._4bc3fa4a0a1bf800-mediaIcon{
	height:0.96rem;
	width:0.96rem;
}

@container (max-width: 240px){
	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-mediaSection,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-mediaSection{
		gap:0.24rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-mediaButton,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-mediaButton{
		height:1.72rem;
		border-radius:0.7rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-mediaIcon,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-mediaIcon{
		height:0.94rem;
		width:0.94rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-statusRow,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-statusRow{
		grid-template-columns:auto minmax(0, 1fr);
		grid-template-areas:'signal status' 'controls controls';
		padding:0.44rem;
		gap:0.42rem;
		border-radius:0.98rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-signalIcon,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-signalIcon{
		grid-area:signal;
		height:1.72rem;
		width:1.72rem;
		border-radius:0.62rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-statusButton,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-statusButton{
		grid-area:status;
		width:100%;
		min-width:0;
		min-height:1.72rem;
		padding:0.2rem 0.46rem;
		font-size:0.68rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-statusTimer{
		display:none;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-controls,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-controls{
		grid-area:controls;
		grid-template-columns:repeat(4, minmax(0, 1fr));
		gap:0.28rem;
		width:100%;
		justify-content:stretch;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-controlButton,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-controlButton{
		width:100%;
		height:1.76rem;
		border-radius:0.68rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-icon,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-icon{
		height:0.92rem;
		width:0.92rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-infoRow,
	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-channelInfo,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-infoRow,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-channelInfo{
		padding:0.5rem 0.54rem;
		gap:0.46rem;
		border-radius:0.84rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-guildSeparator,
	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-guildName,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-guildSeparator,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-guildName{
		display:none;
	}
}

@container (max-width: 320px){
	._4bc3fa4a0a1bf800-statusRow{
		display:flex;
		flex-wrap:wrap;
	}

	._4bc3fa4a0a1bf800-statusButton{
		min-width:100%;
	}

	._4bc3fa4a0a1bf800-statusMeta{
		grid-template-columns:minmax(0, 1fr);
	}

	._4bc3fa4a0a1bf800-statusLabel{
		white-space:normal;
		overflow-wrap:anywhere;
	}

	._4bc3fa4a0a1bf800-statusTimer{
		justify-self:start;
	}

	._4bc3fa4a0a1bf800-controls{
		width:100%;
		justify-content:flex-end;
		-webkit-padding-start:2.5rem;
		        padding-inline-start:2.5rem;
	}
}

@container (max-width: 210px){
	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-mediaSection,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-mediaSection{
		gap:0.18rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-mediaButton,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-mediaButton{
		height:1.64rem;
		border-radius:0.64rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-statusRow,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-statusRow{
		padding:0.36rem;
		gap:0.34rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-signalIcon,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-signalIcon,
	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-statusButton,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-statusButton,
	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-controlButton,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-controlButton{
		height:1.64rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-signalIcon,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-signalIcon{
		width:1.64rem;
	}

	._4bc3fa4a0a1bf800-voiceConnectionEmbedded ._4bc3fa4a0a1bf800-controls,
	._4bc3fa4a0a1bf800-voiceConnectionEmbeddedCollapsed ._4bc3fa4a0a1bf800-controls{
		gap:0.22rem;
	}

	._4bc3fa4a0a1bf800-compactPing{
		font-size:0.58rem;
	}
}

._4bc3fa4a0a1bf800-popoutContainer{
	--voice-popout-bg:color-mix(in srgb, var(--background-floating) 94%, var(--background-primary) 6%);
	--voice-popout-surface:color-mix(in srgb, var(--background-secondary) 82%, var(--background-primary) 18%);
	--voice-popout-surface-hover:color-mix(in srgb, var(--background-secondary) 88%, var(--background-primary) 12%);
	--voice-popout-border:color-mix(in srgb, var(--text-primary) 10%, transparent);
	display:flex;
	flex-direction:column;
	gap:0.875rem;
	width:min(25.75rem, calc(var(--layout-sidebar-width) - 20px));
	box-sizing:border-box;
	padding:1rem;
	border-radius:1.35rem;
	border:1px solid var(--voice-popout-border);
	background:var(--voice-popout-bg);
	box-shadow:none;
	-webkit-backdrop-filter:none;
	        backdrop-filter:none;
}

._4bc3fa4a0a1bf800-popoutHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.5rem;
}

._4bc3fa4a0a1bf800-popoutHeaderActions{
	display:flex;
	align-items:center;
	gap:0.35rem;
}

._4bc3fa4a0a1bf800-popoutTitle{
	font-weight:700;
	font-size:0.9rem;
	letter-spacing:0.01em;
	color:var(--text-primary);
}

._4bc3fa4a0a1bf800-popoutToggleButton,
._4bc3fa4a0a1bf800-popoutCloseButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:2rem;
	width:2rem;
	padding:0;
	border-radius:0.82rem;
	border:1px solid var(--voice-popout-border);
	background:var(--voice-popout-surface);
	color:var(--text-primary-muted);
	cursor:pointer;
	transition:background-color 180ms ease, color 180ms ease, transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

._4bc3fa4a0a1bf800-popoutToggleButton:hover,
._4bc3fa4a0a1bf800-popoutCloseButton:hover{
	transform:none;
	color:var(--text-primary);
	background:var(--voice-popout-surface-hover);
	border-color:color-mix(in srgb, var(--brand-primary) 20%, transparent);
	box-shadow:none;
}

._4bc3fa4a0a1bf800-popoutSummaryRow{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:0.625rem;
	padding:0.68rem 0.8rem;
	border-radius:0.96rem;
	border:1px solid var(--voice-popout-border);
	background:color-mix(in srgb, var(--voice-popout-surface) 76%, var(--brand-primary) 24%);
	box-shadow:none;
}

._4bc3fa4a0a1bf800-pingSearchingValue{
	color:color-mix(in srgb, var(--brand-primary) 70%, var(--text-primary));
	letter-spacing:0.045em;
	animation:_4bc3fa4a0a1bf800-voicePingText 1.05s ease-in-out infinite;
}

._4bc3fa4a0a1bf800-popoutDetailsCollapse{
	overflow:hidden;
}

._4bc3fa4a0a1bf800-popoutDetailsInner{
	display:flex;
	flex-direction:column;
	gap:0.8rem;
}

._4bc3fa4a0a1bf800-popoutStats{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._4bc3fa4a0a1bf800-popoutStatRow{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:0.625rem;
	padding:0.7rem 0.8rem;
	border-radius:0.96rem;
	border:1px solid var(--voice-popout-border);
	background:var(--voice-popout-surface);
	box-shadow:none;
}

._4bc3fa4a0a1bf800-popoutStatLabel{
	font-size:0.74rem;
	font-weight:600;
	color:var(--text-secondary);
}

._4bc3fa4a0a1bf800-popoutStatValue{
	margin-left:auto;
	font-size:0.74rem;
	font-weight:700;
	color:var(--text-primary);
}

._4bc3fa4a0a1bf800-deviceBadge,
._4bc3fa4a0a1bf800-endpointBadge{
	display:flex;
	align-items:center;
	gap:0.42rem;
	min-width:0;
	max-width:100%;
	justify-content:flex-end;
	flex:1 1 auto;
}

._4bc3fa4a0a1bf800-deviceBadgeText,
._4bc3fa4a0a1bf800-endpointBadgeText{
	min-width:0;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:right;
	font-weight:700;
	font-size:0.74rem;
}

._4bc3fa4a0a1bf800-deviceBadgeText{
	color:var(--text-primary);
}

._4bc3fa4a0a1bf800-endpointBadge{
	padding:0.28rem 0.56rem;
	border-radius:999px;
	border:1px solid var(--voice-popout-border);
	background:color-mix(in srgb, var(--voice-popout-surface) 74%, var(--brand-primary) 26%);
	cursor:pointer;
	box-shadow:none;
}

._4bc3fa4a0a1bf800-endpointBadgeText{
	color:color-mix(in srgb, var(--status-online) 76%, var(--text-primary));
}

._4bc3fa4a0a1bf800-chartContainer{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	padding:0.78rem;
	border-radius:1.05rem;
	border:1px solid var(--voice-popout-border);
	background:var(--voice-popout-surface);
	box-shadow:none;
}

._4bc3fa4a0a1bf800-chartSvg{
	overflow:visible;
}

._4bc3fa4a0a1bf800-gridLine{
	stroke:currentColor;
	stroke-width:1px;
}

._4bc3fa4a0a1bf800-gridLineHorizontal{
	opacity:0.32;
}

._4bc3fa4a0a1bf800-gridLineVertical{
	stroke-width:1px;
}

._4bc3fa4a0a1bf800-gridText{
	fill:var(--text-tertiary);
	font-size:10px;
	text-anchor:end;
	dominant-baseline:middle;
}

._4bc3fa4a0a1bf800-chartLine{
	stroke:currentColor;
	stroke-width:2.4px;
	fill:none;
	stroke-linecap:round;
	stroke-linejoin:round;
}

._4bc3fa4a0a1bf800-chartLineGlow{
	stroke:color-mix(in srgb, var(--status-online) 70%, var(--brand-primary) 30%);
	stroke-width:6px;
	fill:none;
	stroke-linecap:round;
	stroke-linejoin:round;
	opacity:0.24;
	-webkit-filter:blur(4px);
	        filter:blur(4px);
}

._4bc3fa4a0a1bf800-chartArea{
	opacity:1;
}

._4bc3fa4a0a1bf800-chartPoint{
	fill:currentColor;
	opacity:0.72;
}

._4bc3fa4a0a1bf800-chartPointLatest{
	fill:currentColor;
	stroke:rgb(255 255 255 / 0.62);
	stroke-width:1.25px;
}

._4bc3fa4a0a1bf800-textGreen{
	color:rgb(34 197 94);
}

._4bc3fa4a0a1bf800-textBackgroundModifierHover{
	color:color-mix(in srgb, var(--text-tertiary) 24%, transparent);
}

._4bc3fa4a0a1bf800-textTextTertiary{
	fill:var(--text-tertiary);
}

._4bc3fa4a0a1bf800-flexShrink0{
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-iconSmall{
	height:1.03rem;
	width:1.03rem;
}

._4bc3fa4a0a1bf800-deviceIcon{
	height:0.9rem;
	width:0.9rem;
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-lockIcon{
	height:0.78rem;
	width:0.78rem;
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-channelIconSize{
	height:1.02rem;
	width:1.02rem;
}

@keyframes _4bc3fa4a0a1bf800-voiceArcEnter{
	from{
		opacity:0;
		transform:translateY(10px) scale(0.985);
	}

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

@keyframes _4bc3fa4a0a1bf800-voiceArcFloat{
	0%,
	100%{
		transform:translateY(0);
	}

	50%{
		transform:translateY(-1px);
	}
}

@keyframes _4bc3fa4a0a1bf800-voiceArcPulse{
	0%,
	100%{
		opacity:0.25;
		transform:scale(1);
	}

	50%{
		opacity:0.58;
		transform:scale(1.08);
	}
}

@keyframes _4bc3fa4a0a1bf800-voiceArcDot{
	0%,
	100%{
		box-shadow:0 0 0 0 color-mix(in srgb, currentColor 28%, transparent);
	}

	50%{
		box-shadow:0 0 0 9px color-mix(in srgb, currentColor 0%, transparent);
	}
}

@keyframes _4bc3fa4a0a1bf800-voicePingScan{
	0%{
		transform:translateX(-42%);
		opacity:0;
	}

	15%{
		opacity:0.75;
	}

	85%{
		opacity:0.75;
	}

	100%{
		transform:translateX(42%);
		opacity:0;
	}
}

@keyframes _4bc3fa4a0a1bf800-voiceConnectionBreath{
	0%,
	100%{
		box-shadow:0 10px 24px rgb(10 16 28 / 0.12), inset 0 1px 0 rgb(255 255 255 / 0.12);
	}

	50%{
		box-shadow:0 16px 30px rgb(37 99 235 / 0.22), inset 0 1px 0 rgb(255 255 255 / 0.14);
	}
}

@keyframes _4bc3fa4a0a1bf800-voicePingText{
	0%,
	100%{
		opacity:0.65;
	}

	50%{
		opacity:1;
	}
}

@media (prefers-reduced-motion: reduce){
	._4bc3fa4a0a1bf800-voiceConnectionContainer,
	._4bc3fa4a0a1bf800-signalIcon,
	._4bc3fa4a0a1bf800-signalIconSearching::before,
	._4bc3fa4a0a1bf800-signalIcon::after,
	._4bc3fa4a0a1bf800-statusIndicator,
	._4bc3fa4a0a1bf800-statusButtonConnecting,
	._4bc3fa4a0a1bf800-pingSearchingValue{
		animation:none;
	}

	._4bc3fa4a0a1bf800-statusButton,
	._4bc3fa4a0a1bf800-controlButton,
	._4bc3fa4a0a1bf800-mediaButton,
	._4bc3fa4a0a1bf800-channelInfo,
	._4bc3fa4a0a1bf800-popoutToggleButton,
	._4bc3fa4a0a1bf800-popoutCloseButton,
	._4bc3fa4a0a1bf800-infoRow{
		transition:none;
	}
}

@media (max-width: 420px){
	._4bc3fa4a0a1bf800-statusRow{
		display:flex;
		flex-wrap:wrap;
	}

	._4bc3fa4a0a1bf800-statusButton{
		min-width:100%;
	}

	._4bc3fa4a0a1bf800-statusMeta{
		grid-template-columns:minmax(0, 1fr);
	}

	._4bc3fa4a0a1bf800-statusLabel{
		white-space:normal;
		overflow-wrap:anywhere;
	}

	._4bc3fa4a0a1bf800-statusTimer{
		justify-self:start;
	}

	._4bc3fa4a0a1bf800-controls{
		width:100%;
		justify-content:flex-end;
		-webkit-padding-start:2.5rem;
		        padding-inline-start:2.5rem;
	}
}


._4bc3fa4a0a1bf800-disabled{
	opacity:0.45;
	pointer-events:none;
	cursor:not-allowed;
}

._4bc3fa4a0a1bf800-selected{
	background:color-mix(in srgb, var(--brand-primary) 28%, transparent);
	color:var(--text-primary);
}

.e7b8df19852c7832-container{
	position:absolute;
	top:calc(0px + 0.625rem);
	top:calc(var(--safe-area-top, 0px) + 0.625rem);
	left:0;
	right:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	gap:0.625rem;
	padding:0 0.875rem;
	pointer-events:none;
	z-index:var(--z-index-elevated-3);
}

@media (max-width: 768px){
	.e7b8df19852c7832-container{
		top:calc(0px + 0.3rem);
		top:calc(var(--safe-area-top, 0px) + 0.3rem);
		gap:0.5rem;
		padding:0 0.42rem;
	}
}

@media (max-width: 480px){
	.e7b8df19852c7832-container{
		top:calc(0px + 0.22rem);
		top:calc(var(--safe-area-top, 0px) + 0.22rem);
		padding:0 0.34rem;
	}
}

.d3307ee8b0cc6851-nagbar{
    --nagbar-text:var(--nagbar-text-color, var(--text-primary));
    --nagbar-radius:1.45rem;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0;
    padding-left:0.75rem;
    padding-right:0.75rem;
    border-radius:1.45rem;
    border-radius:var(--nagbar-radius);
    border:1px solid color-mix(in srgb, var(--background-modifier-accent) 52%, transparent);
    color:var(--nagbar-text);
    background:linear-gradient(
        175deg,
        color-mix(in srgb, var(--background-floating) 46%, transparent) 0%,
        color-mix(in srgb, var(--background-floating) 54%, transparent) 100%
    );
    box-shadow:0 10px 24px rgb(0 0 0 / 0.14);
    backdrop-filter:blur(72px) saturate(132%) brightness(1.08);
    -webkit-backdrop-filter:blur(72px) saturate(132%) brightness(1.08);
    overflow:hidden;
}

.d3307ee8b0cc6851-nagbar::before{
	content:none;
}

.d3307ee8b0cc6851-nagbar::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background-image:repeating-radial-gradient(circle at 0 0, rgb(255 255 255 / 0.08) 0 0.7px, transparent 0.7px 2.6px), repeating-radial-gradient(circle at 100% 100%, rgb(0 0 0 / 0.08) 0 0.8px, transparent 0.8px 2.8px);
    background-size:3px 3px, 4px 4px;
    opacity:0.14;
    mix-blend-mode:soft-light;
    -webkit-filter:blur(0.9px);
            filter:blur(0.9px);
}

.d3307ee8b0cc6851-nagbar>div{
    border-radius:var(--nagbar-radius);
}

.d3307ee8b0cc6851-nagbarDismissible{
    padding-right:2.625rem;
}

.d3307ee8b0cc6851-nagbarDesktop{
    min-height:2.625rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    font-weight:720;
    font-size:0.8rem;
    letter-spacing:0.01em;
}

.d3307ee8b0cc6851-nagbarMobile{
    min-height:2.625rem;
    padding-top:0.46rem;
    padding-bottom:0.46rem;
    font-size:0.76rem;
    font-weight:700;
    line-height:1.24;
}

.d3307ee8b0cc6851-dismissButton{
    position:absolute;
    top:50%;
    right:0.45rem;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    height:1.65rem;
    width:1.65rem;
    border-radius:999px;
    border:1px solid color-mix(in srgb, var(--background-modifier-accent) 48%, transparent);
    background:color-mix(in srgb, var(--background-tertiary) 30%, transparent);
    cursor:pointer;
    padding:0;
    -webkit-app-region:no-drag;
}

.d3307ee8b0cc6851-dismissButton:hover{
    background:color-mix(in srgb, var(--background-tertiary) 46%, transparent);
}

.d3307ee8b0cc6851-dismissIcon{
    height:0.92rem;
    width:0.92rem;
    display:block;
}

.theme-light .d3307ee8b0cc6851-nagbar{
    box-shadow:0 10px 24px rgb(36 56 112 / 0.12);
}

@media (max-width: 768px){
    .d3307ee8b0cc6851-nagbar{
        --nagbar-radius:1.1rem;
        padding-left:0.625rem;
        padding-right:0.625rem;
        backdrop-filter:blur(58px) saturate(128%) brightness(1.06);
        -webkit-backdrop-filter:blur(58px) saturate(128%) brightness(1.06);
    }
    .d3307ee8b0cc6851-nagbarDismissible{
        padding-right:2.325rem;
    }
    .d3307ee8b0cc6851-nagbarMobile{
        min-height:2.5rem;
        padding-top:0.42rem;
        padding-bottom:0.42rem;
        font-size:0.74rem;
    }
    .d3307ee8b0cc6851-dismissButton{
        right:0.4rem;
        height:1.55rem;
        width:1.55rem;
    }
    .d3307ee8b0cc6851-dismissIcon{
        height:0.84rem;
        width:0.84rem;
    }
}

@media (max-width: 480px){
    .d3307ee8b0cc6851-nagbar{
        --nagbar-radius:1rem;
        padding-left:0.5rem;
        padding-right:0.5rem;
    }
    .d3307ee8b0cc6851-nagbarDismissible{
        padding-right:2.2rem;
    }
    .d3307ee8b0cc6851-nagbarMobile{
        min-height:2.4rem;
        padding-top:0.38rem;
        padding-bottom:0.38rem;
    }
    .d3307ee8b0cc6851-dismissButton{
        right:0.35rem;
    }
}

._786172cd54bac102-button{
	font-weight:600;
	border-radius:999px;
	-webkit-app-region:no-drag;
	padding:0.2rem 0.55rem !important;
	font-size:0.72rem;
	line-height:1.1;
	min-height:1.6rem;
}

._786172cd54bac102-buttonMobile{
	padding:0.22rem 0.58rem !important;
}

._3eae1cd7e333cc72-container{
	display:flex;
	align-items:center;
	width:100%;
	min-width:0;
	flex-wrap:wrap;
	justify-content:center;
	gap:0.5rem 0.875rem;
}

._3eae1cd7e333cc72-containerMobile{
	flex-direction:column;
	align-items:center;
	width:100%;
	gap:0.625rem;
}

._3eae1cd7e333cc72-message{
	margin:0;
	text-align:center;
	font-weight:700;
	line-height:1.32;
	text-wrap:balance;
	word-break:break-word;
}

._3eae1cd7e333cc72-actions{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.5rem;
	flex-shrink:0;
	justify-content:center;
}

._3eae1cd7e333cc72-actionsMobile{
	display:flex;
	align-items:center;
	gap:0.625rem;
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
}

._3eae1cd7e333cc72-actionsMobile > *{
	max-width:100%;
}

@media (max-width: 768px){
	._3eae1cd7e333cc72-container{
		gap:0.4375rem 0.625rem;
	}

	._3eae1cd7e333cc72-containerMobile{
		gap:0.5rem;
	}

	._3eae1cd7e333cc72-message{
		font-size:0.8125rem;
		font-weight:720;
	}

	._3eae1cd7e333cc72-actions,
	._3eae1cd7e333cc72-actionsMobile{
		gap:0.5rem;
	}
}

._15d3f2bd1cafd700-platformIcons{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
	margin-right:var(--spacing-2);
}

._15d3f2bd1cafd700-platformIcon{
	width:1rem;
	height:1rem;
	color:white;
}

.f05fca7af3335dc4-description{
	margin-top:1rem;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-secondary);
}

.f05fca7af3335dc4-status{
	margin-top:0.5rem;
	font-size:0.8rem;
	color:var(--text-secondary);
	text-align:center;
}

._9820ec49c0a481b4-platformIcons{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
	margin-right:var(--spacing-2);
}

._9820ec49c0a481b4-platformIcon{
	width:1rem;
	height:1rem;
	color:white;
}

._90dbe3f5adc44afa-guildsLayoutContainer{
    --layout-user-area-reserved-height:0px;
    --layout-mobile-bottom-nav-reserved-height:0px;
    --layout-desktop-utility-rail-width:0px;
    --desktop-dock-composer-lift:0px;
    --desktop-dock-composer-gap:10px;
    --desktop-dock-composer-inline-padding:10px;
    --desktop-dock-gap:0px;
    --guild-channel-sidebar-width:var(--layout-sidebar-width);
    --guild-shell-top:var(--background-secondary);
    --guild-shell-bottom:var(--background-secondary);
    --guild-shell-card-top:color-mix(in srgb, var(--background-secondary-alt) 90%, var(--background-secondary) 10%);
    --guild-shell-card-bottom:color-mix(in srgb, var(--background-secondary-alt) 90%, var(--background-secondary) 10%);
    --guild-shell-card-hover-top:color-mix(in srgb, var(--background-secondary-alt) 86%, var(--brand-primary) 14%);
    --guild-shell-card-hover-bottom:color-mix(in srgb, var(--background-secondary-alt) 86%, var(--brand-primary) 14%);
    --guild-shell-stroke:color-mix(in srgb, var(--text-primary) 4%, transparent);
    position:relative;
    display:grid;
    grid-template-columns:0px var(--layout-guild-list-width) minmax(0, 1fr);
    grid-template-columns:var(--layout-desktop-utility-rail-width) var(--layout-guild-list-width) minmax(0, 1fr);
    grid-template-rows:minmax(0, 1fr);
    grid-auto-rows:minmax(0, 1fr);
    height:100%;
    min-height:0;
    max-height:100%;
    width:100%;
    min-width:0;
    max-width:100%;
    background:radial-gradient(circle at top left, color-mix(in srgb, var(--brand-primary) 10%, transparent) 0%, transparent 32%), linear-gradient( to right, transparent 0%, transparent calc(var(--layout-guild-list-width) - 18px), color-mix(in srgb, var(--guild-shell-bottom) 35%, var(--background-primary) 65%) var(--layout-guild-list-width)), linear-gradient(180deg, var(--guild-shell-top), var(--guild-shell-bottom));
    background:var(--guild-shell-top);
    border-right:none;
    contain:layout paint;
}

._90dbe3f5adc44afa-guildsLayoutContainerDesktopUtilityRail{
    --layout-desktop-utility-rail-width:4.25rem;
}

._90dbe3f5adc44afa-guildsLayoutContainerDesktopDock{
    grid-template-columns:var(--layout-desktop-utility-rail-width) minmax(0, 1fr);
}

._90dbe3f5adc44afa-guildsLayoutContainerDesktopDockVisible{
    --desktop-dock-gap:5px;
    --desktop-dock-composer-gap:5px;
    --desktop-dock-composer-inline-padding:12px;
}

._90dbe3f5adc44afa-guildsLayoutContainerDesktopDockExpanded{
    --guild-dock-bottom-offset:0px;
    --desktop-dock-gap:5px;
    --desktop-dock-composer-gap:5px;
    --desktop-dock-composer-lift:calc(var(--guild-icon-size) + 2.75rem - var(--desktop-dock-gap));
}

._90dbe3f5adc44afa-guildsLayoutContainerDesktopDockCallView{
    --guild-dock-bottom-offset:max(0.12rem, calc(env(safe-area-inset-bottom, 0px) + 0.12rem));
    --voice-call-dock-clearance:calc(var(--guild-icon-size) + 2.75rem - var(--desktop-dock-gap));
}

._90dbe3f5adc44afa-guildsLayoutContainerDesktopDockPinned{
    --guild-dock-bottom-offset:0px;
    --desktop-dock-gap:5px;
    --desktop-dock-composer-gap:5px;
    --desktop-dock-composer-lift:calc(var(--guild-icon-size) + 28px - var(--desktop-dock-gap));
}

._90dbe3f5adc44afa-guildsLayoutCommunitySidebarCollapsed{
    --guild-channel-sidebar-width:0px;
}

._90dbe3f5adc44afa-guildsLayoutReserveSpace{
    --layout-user-area-reserved-height:var(--layout-voice-connection-height, 0px);
}

._90dbe3f5adc44afa-guildsLayoutReserveMobileBottomNav{
    --layout-mobile-bottom-nav-reserved-height:var(--mobile-bottom-nav-height);
}

._90dbe3f5adc44afa-guildsLayoutContainerMobile{
    
    grid-template-columns:1fr;
}

._90dbe3f5adc44afa-guildListScrollContainer{
    grid-column:2;
    grid-row:1;
    min-height:0;
    height:calc(100% - 0px);
    height:calc(100% - var(--layout-mobile-bottom-nav-reserved-height, 0px));
    width:var(--layout-guild-list-width);
    min-width:0;
    overflow-y:auto;
    background:transparent;
    padding-top:0.625rem;
    padding-bottom:0.875rem;
    scrollbar-width:none;
    position:relative;
    z-index:var(--z-index-elevated-1);
    transition:height var(--motion-dur-medium) var(--motion-ease-smooth);
}

._90dbe3f5adc44afa-guildListScrollContainer::-webkit-scrollbar{
    display:none;
}

._90dbe3f5adc44afa-guildListContent{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    min-width:0;
    padding:0.125rem 0 0.75rem;
}

._90dbe3f5adc44afa-guildListScrollContainerDocked{
    position:absolute;
    left:50%;
    bottom:max(0.82rem, calc(env(safe-area-inset-bottom, 0px) + 0.82rem));
    bottom:var(--guild-dock-bottom-offset, max(0.82rem, calc(env(safe-area-inset-bottom, 0px) + 0.82rem)));
    transform:translateX(-50%);
    height:auto;
    width:auto;
    max-width:min(95vw, 1240px);
    overflow-x:auto;
    overflow-y:visible;
    padding-top:0;
    padding-bottom:0;
    pointer-events:auto;
    transition:transform var(--motion-dur-medium) var(--motion-ease-smooth), opacity var(--motion-dur-medium) var(--motion-ease-smooth);
}

._90dbe3f5adc44afa-guildListScrollContainerDocked::-webkit-scrollbar{
    display:none;
}

._90dbe3f5adc44afa-guildListContentDocked{
    flex-direction:row;
    align-items:center;
    gap:0.35rem;
    width:auto;
    padding:0.45rem 0.58rem;
    border-radius:1.15rem;
    background:color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
    border:none;
    box-shadow:0 8px 18px rgb(4 7 12 / 0.16);
}

._90dbe3f5adc44afa-guildListTopSection,
._90dbe3f5adc44afa-guildListGuildsSection{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
}

._90dbe3f5adc44afa-guildListTopSection{
    gap:var(--spacing-1);
}

._90dbe3f5adc44afa-guildListGuildsSection{
    gap:var(--spacing-1);
}

._90dbe3f5adc44afa-guildListTopSectionDocked,
._90dbe3f5adc44afa-guildListGuildsSectionDocked,
._90dbe3f5adc44afa-guildFolderListDocked,
._90dbe3f5adc44afa-dmListSectionDocked{
    flex-direction:row;
    align-items:center;
    width:auto;
    gap:0.35rem;
}

._90dbe3f5adc44afa-guildListGuildsSectionDocked{
    flex:0 0 auto;
}

._90dbe3f5adc44afa-guildFolderChildrenDocked{
    display:flex;
    flex-direction:row;
    align-items:center;
    width:auto;
}

._90dbe3f5adc44afa-guildFolderList{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width:100%;
}

._90dbe3f5adc44afa-guildFolderWrapper{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
}

._90dbe3f5adc44afa-guildFolderButton{
    position:relative;
    display:flex;
    width:100%;
    justify-content:center;
    cursor:pointer;
    outline:none;
}

._90dbe3f5adc44afa-guildFolderIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    height:var(--guild-icon-size);
    width:var(--guild-icon-size);
    flex-shrink:0;
    border-radius:var(--radius-full);
    background:linear-gradient(180deg, var(--guild-shell-card-top), var(--guild-shell-card-bottom)), var(--guilds-layout-item-bg, var(--guild-list-foreground));
    border:none;
    color:var(--text-primary);
    transition:border-radius 120ms ease-out, background-color 120ms ease-out, border-color 120ms ease-out, transform 120ms ease-out;
    box-shadow:none;
}

._90dbe3f5adc44afa-guildFolderIconExpanded{
    border-radius:30%;
}

@media (hover: hover) and (pointer: fine){
    ._90dbe3f5adc44afa-guildFolderButton:hover ._90dbe3f5adc44afa-guildFolderIcon{
        background:var(--guild-shell-card-hover-top);
        border-radius:30%;
        border-color:color-mix(in srgb, var(--brand-primary) 18%, transparent);
        transform:none;
    }
}

._90dbe3f5adc44afa-guildFolderGlyph{
    height:1.25rem;
    width:1.25rem;
}

._90dbe3f5adc44afa-guildFolderChevron{
    position:absolute;
    right:0.22rem;
    bottom:0.22rem;
    height:0.6rem;
    width:0.6rem;
    background-color:rgb(0 0 0 / 0.35);
    border-radius:var(--radius-full);
    padding:1px;
    color:white;
    transition:transform 120ms ease-out;
}

._90dbe3f5adc44afa-guildFolderChevronExpanded{
    transform:rotate(180deg);
}

._90dbe3f5adc44afa-guildFolderChildren{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
}

._90dbe3f5adc44afa-guildFolderUnreadDot{
    position:absolute;
    right:-0.18rem;
    bottom:-0.18rem;
    height:0.65rem;
    width:0.65rem;
    border-radius:var(--radius-full);
    background-color:var(--text-primary);
    box-shadow:0 0 0 2px color-mix(in srgb, var(--background-primary) 92%, var(--app-surface-background) 8%);
    pointer-events:none;
}

._90dbe3f5adc44afa-contentContainer{
    grid-column:3;
    grid-row:1;
    display:grid;
    grid-template-rows:minmax(0, 1fr);
    min-height:0;
    min-width:0;
    background:transparent;
    position:relative;
    height:100%;
    max-height:100%;
    width:100%;
    max-width:100%;
    isolation:isolate;
}

._90dbe3f5adc44afa-contentContainerDesktopDock{
    grid-column:2;
}

._90dbe3f5adc44afa-contentContainer::before{
    display:none;
}

._90dbe3f5adc44afa-contentContainerRounded{
    border-top-left-radius:clamp(12px, 1.6vw, 18px);
    background-clip:padding-box;
    overflow:visible;
}

._90dbe3f5adc44afa-contentContainerMobile{
    grid-column:1 / -1;
}

._90dbe3f5adc44afa-contentInner{
    height:100%;
    min-height:0;
    max-height:100%;
    width:100%;
    min-width:0;
    box-sizing:border-box;
    background:transparent;
    position:relative;
    z-index:2;
}

._90dbe3f5adc44afa-guildsLayoutContainerDesktopDockPinned ._90dbe3f5adc44afa-guildListContentDocked{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

._90dbe3f5adc44afa-nagbarStack{
    display:flex;
    flex-direction:column;
    gap:0;
}

._90dbe3f5adc44afa-userAreaWrapper{
    position:absolute;
    bottom:0;
    left:0px;
    left:var(--layout-desktop-utility-rail-width, 0px);
    width:calc(var(--layout-guild-list-width) + var(--guild-channel-sidebar-width, var(--layout-sidebar-width)));
    display:flex;
    align-items:flex-end;
    padding:0;
    pointer-events:none;
    z-index:var(--z-index-elevated-1);
    transition:width var(--motion-dur-medium) var(--motion-ease-smooth);
    overflow:hidden;
}

._90dbe3f5adc44afa-userAreaWrapperDesktopDock{
    width:var(--guild-channel-sidebar-width, var(--layout-sidebar-width));
}

._90dbe3f5adc44afa-userAreaWrapper>*{
    pointer-events:auto;
}

._90dbe3f5adc44afa-guildListItem{
    position:relative;
    display:flex;
    width:100%;
    justify-content:center;
    margin-bottom:0.25rem;
    padding:0.25rem 0.375rem;
    z-index:0;
}

._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-guildListItem,
._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-AstralButton,
._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-dmListItem{
    width:auto;
    margin-bottom:0;
    padding:0.06rem;
}

._90dbe3f5adc44afa-guildListItemNoMargin{
    margin-bottom:0;
}

._90dbe3f5adc44afa-guildIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    height:var(--guild-icon-size);
    width:var(--guild-icon-size);
    flex-shrink:0;
    cursor:pointer;
    border-radius:var(--radius-full);
    background:linear-gradient(180deg, var(--guild-shell-card-top), var(--guild-shell-card-bottom)), transparent;
    background-size:cover;
    background-position:center;
    font-weight:600;
    font-size:1.25rem;
    color:var(--text-primary);
    border:none;
    box-shadow:none;
    transition:border-radius 70ms ease-out, background-color 70ms ease-out, color 70ms ease-out, transform 70ms ease-out, box-shadow 70ms ease-out, border-color 70ms ease-out;
    container-type:size;
    overflow:hidden;
}

._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-guildIcon{
    height:2.9rem;
    width:2.9rem;
}

._90dbe3f5adc44afa-guildIcon:active{
    transform:translateY(1px);
}

._90dbe3f5adc44afa-guildIconSelected:not(._90dbe3f5adc44afa-guildIconNoImage){
    border-radius:30%;
    border-color:color-mix(in srgb, var(--brand-primary) 20%, transparent);
    box-shadow:none;
}

@media (hover: hover) and (pointer: fine){
    ._90dbe3f5adc44afa-guildListItem:hover ._90dbe3f5adc44afa-guildIcon:not(._90dbe3f5adc44afa-guildIconNoImage),
    ._90dbe3f5adc44afa-guildIcon:hover:not(._90dbe3f5adc44afa-guildIconNoImage){
        border-radius:30%;
        transform:none;
        border-color:color-mix(in srgb, var(--brand-primary) 16%, transparent);
    }
}

._90dbe3f5adc44afa-guildIconNoImage{
    transition-property:background-color, color, border-radius;
    transition-duration:70ms;
    transition-timing-function:ease-out;
    background:linear-gradient(180deg, var(--guild-shell-card-top), var(--guild-shell-card-bottom)), var(--guilds-layout-item-bg, var(--guild-list-foreground));
    cursor:pointer;
}

._90dbe3f5adc44afa-guildIconSelected._90dbe3f5adc44afa-guildIconNoImage{
    border-radius:30%;
    background:linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 84%, var(--background-floating) 16%), color-mix(in srgb, var(--brand-primary) 68%, var(--background-primary) 32%)), var(--brand-primary);
    border-color:color-mix(in srgb, var(--brand-primary) 30%, transparent);
    color:white;
}

@media (hover: hover) and (pointer: fine){
    ._90dbe3f5adc44afa-guildListItem:hover ._90dbe3f5adc44afa-guildIconNoImage,
    ._90dbe3f5adc44afa-guildIconNoImage:hover{
        border-radius:30%;
        background:linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 84%, var(--background-floating) 16%), color-mix(in srgb, var(--brand-primary) 68%, var(--background-primary) 32%)), var(--brand-primary);
        color:white;
    }
}

._90dbe3f5adc44afa-guildIconInitials{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:block;
    width:100%;
    text-align:center;
    line-height:1;
    color:inherit;
    font-weight:600;
    font-size:clamp(0.85rem, 45cqi, 1.35rem);
    letter-spacing:0.06em;
}

._90dbe3f5adc44afa-guildIcon[data-initials-length='medium'] ._90dbe3f5adc44afa-guildIconInitials{
    font-size:clamp(0.85rem, 38cqi, 1.11rem);
    letter-spacing:0.02em;
}

._90dbe3f5adc44afa-guildIcon[data-initials-length='long'] ._90dbe3f5adc44afa-guildIconInitials{
    font-size:clamp(0.85rem, 32cqi, 0.87rem);
    letter-spacing:-0.02em;
}

._90dbe3f5adc44afa-guildIndicator{
    position:absolute;
    left:-0.15rem;
    display:flex;
    align-items:center;
    justify-content:center;
    height:var(--guild-icon-size);
    width:0.5rem;
    pointer-events:none;
    container-type:layout size;
    z-index:2;
}

._90dbe3f5adc44afa-guildIndicatorBar{
    display:block;
    width:0.35rem;
    border-radius:0 var(--radius-full) var(--radius-full) 0;
    background:linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 82%, white 18%), color-mix(in srgb, var(--brand-primary) 62%, var(--background-primary) 38%));
}

._90dbe3f5adc44afa-guildIndicatorDocked{
    left:50%;
    bottom:-0.4rem;
    top:auto;
    transform:translateX(-50%);
    width:var(--guild-icon-size);
    height:0.62rem;
}

._90dbe3f5adc44afa-guildIndicatorBarDocked{
    width:0.56rem;
    height:0.56rem;
    border-radius:var(--radius-full);
    background:linear-gradient( 180deg, color-mix(in srgb, var(--brand-primary) 88%, white 12%), color-mix(in srgb, var(--brand-primary) 66%, var(--background-primary) 34%));
    box-shadow:0 2px 8px color-mix(in srgb, var(--brand-primary) 24%, transparent);
}

._90dbe3f5adc44afa-guildBadge{
    position:absolute;
    right:-0.25rem;
    bottom:-0.25rem;
    pointer-events:none;
    border-radius:var(--radius-md);
    z-index:4;
}

._90dbe3f5adc44afa-guildBadgeActive{
    box-shadow:0 0 0 3px color-mix(in srgb, var(--background-primary) 92%, var(--app-surface-background) 8%);
}

._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-guildBadge{
    right:-0.16rem;
    bottom:-0.18rem;
}

._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-guildVoiceBadge{
    right:-0.12rem;
    top:-0.12rem;
    transform:translateZ(0);
}

._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-guildVoiceBadgeInner{
    height:1.02rem;
    width:1.02rem;
}

._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-guildVoiceBadgeIcon{
    display:block;
    transform:translateY(0);
}

._90dbe3f5adc44afa-dmListSection{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    min-height:0;
}

._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-dmListSection{
    width:auto;
    flex-direction:row;
    align-items:center;
}

._90dbe3f5adc44afa-guildDockGuildsViewport{
    display:flex;
    align-items:center;
    flex:0 0 auto;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    max-width:calc((var(--guild-icon-size) * 8) + 3.6rem);
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
}

._90dbe3f5adc44afa-guildDockGuildsViewport::-webkit-scrollbar{
    display:none;
}

._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-dmListItemWrapper,
._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-guildFolderWrapper,
._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-guildFolderButton{
    width:auto;
}

._90dbe3f5adc44afa-guildDockLayer{
    position:absolute;
    left:0px;
    left:var(--layout-desktop-utility-rail-width, 0px);
    right:0;
    bottom:0;
    height:calc(var(--guild-icon-size) + 2.75rem);
    z-index:calc(var(--z-index-elevated-1) + 3);
    pointer-events:none;
    overflow:visible;
}

._90dbe3f5adc44afa-desktopUtilityRail{
    grid-column:1;
    grid-row:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    padding:0.85rem 0.4rem 0.7rem;
    background-color:var(--background-secondary-alt);
    border-right:none;
    z-index:calc(var(--z-index-elevated-1) + 9);
    position:relative;
    overflow:visible;
}

._90dbe3f5adc44afa-desktopUtilityRailTop{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    flex:1 1 auto;
}

._90dbe3f5adc44afa-desktopUtilityRailList{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:0.72rem;
    width:100%;
}

._90dbe3f5adc44afa-desktopUtilityRailButton{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:2.82rem;
    width:2.82rem;
    border-radius:0.72rem;
    border:1px solid transparent;
    background:color-mix(in srgb, var(--background-floating) 8%, transparent);
    color:var(--text-primary-muted);
    cursor:pointer;
    transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
}

@media (hover: hover) and (pointer: fine){
    ._90dbe3f5adc44afa-desktopUtilityRailButton:hover{
        transform:translateY(-1px) scale(1.035);
        background:color-mix(in srgb, var(--background-floating) 32%, transparent);
        border-color:color-mix(in srgb, var(--text-primary) 10%, transparent);
        color:var(--text-primary);
        box-shadow:0 8px 18px rgb(5 9 18 / 0.18);
    }
}

._90dbe3f5adc44afa-desktopUtilityRailButtonSelected{
    background:color-mix(in srgb, var(--brand-primary) 18%, var(--background-floating) 82%);
    color:var(--text-primary);
    border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
}

._90dbe3f5adc44afa-desktopUtilityRailButtonPlutonium{
    background:linear-gradient( 140deg, color-mix(in srgb, #8d63ff 84%, var(--background-floating) 16%), color-mix(in srgb, #6f43de 82%, #4f2aa8 18%)), #6f43de;
    color:rgb(250 245 255);
    border-color:transparent;
}

._90dbe3f5adc44afa-desktopUtilityRailIcon{
    height:1.34rem;
    width:1.34rem;
    flex-shrink:0;
    transform-origin:center;
    transition:transform 160ms ease, opacity 160ms ease;
}

._90dbe3f5adc44afa-desktopUtilityRailButtonDm,
._90dbe3f5adc44afa-desktopUtilityRailButtonNotes,
._90dbe3f5adc44afa-desktopUtilityRailButtonNft,
._90dbe3f5adc44afa-desktopUtilityRailButtonDiscover,
._90dbe3f5adc44afa-desktopUtilityRailButtonAi,
._90dbe3f5adc44afa-desktopUtilityRailButtonSettings{
    position:relative;
}

._90dbe3f5adc44afa-desktopUtilityRailButtonNft{
    background:color-mix(in srgb, var(--background-floating) 10%, transparent);
}

._90dbe3f5adc44afa-desktopUtilityRailNftIconWrap{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1.48rem;
    height:1.48rem;
}

._90dbe3f5adc44afa-desktopUtilityRailIconNftHammer{
    position:relative;
    z-index:2;
    width:1.08rem;
    height:1.08rem;
    transform-origin:78% 84%;
    animation:none;
}

._90dbe3f5adc44afa-desktopUtilityRailNftAnvil{
    position:absolute;
    left:50%;
    bottom:0.14rem;
    width:0.72rem;
    height:0.18rem;
    border-radius:999px;
    transform:translateX(-50%);
    background:color-mix(in srgb, var(--text-primary) 78%, var(--background-primary) 22%);
    opacity:0.9;
}

._90dbe3f5adc44afa-desktopUtilityRailNftSpark{
    position:absolute;
    right:0.02rem;
    top:0.05rem;
    font-size:0.46rem;
    color:color-mix(in srgb, #ffd36a 88%, white 12%);
    text-shadow:0 0 0.32rem color-mix(in srgb, #ffd36a 45%, transparent);
    animation:none;
}

._90dbe3f5adc44afa-desktopUtilityRailButtonPlutoniumHover{
    overflow:hidden;
    isolation:isolate;
}

._90dbe3f5adc44afa-desktopUtilityRailButtonPlutoniumHintVisible{
    overflow:visible;
}

._90dbe3f5adc44afa-desktopUtilityRailPlutoniumHint{
    position:absolute;
    left:calc(100% + 0.45rem);
    top:50%;
    transform:translateY(-50%);
    padding:0.32rem 0.6rem;
    border-radius:0.55rem;
    background:linear-gradient( 140deg, color-mix(in srgb, #8d63ff 90%, var(--background-floating) 10%), color-mix(in srgb, #6f43de 80%, #4f2aa8 20%));
    color:rgb(248 242 255);
    font-size:0.68rem;
    font-weight:650;
    line-height:1.15;
    white-space:nowrap;
    pointer-events:none;
    box-shadow:0 8px 22px color-mix(in srgb, #6f43de 30%, transparent);
    animation:_90dbe3f5adc44afa-utilityLifetimeHintSlide 5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    z-index:8;
}

._90dbe3f5adc44afa-desktopUtilityRailSettingsDot{
    position:absolute;
    right:0.48rem;
    top:0.46rem;
    width:0.46rem;
    height:0.46rem;
    border-radius:999px;
    background-color:#f7cd4d;
    box-shadow:0 0 0 2px color-mix(in srgb, var(--background-secondary-alt) 92%, transparent);
    pointer-events:none;
}

._90dbe3f5adc44afa-desktopUtilityRailIconDm,
._90dbe3f5adc44afa-desktopUtilityRailIconNotes,
._90dbe3f5adc44afa-desktopUtilityRailIconNftHammer,
._90dbe3f5adc44afa-desktopUtilityRailIconDiscover,
._90dbe3f5adc44afa-desktopUtilityRailIconPlutonium,
._90dbe3f5adc44afa-desktopUtilityRailIconAi,
._90dbe3f5adc44afa-desktopUtilityRailIconSettings{
    transform-origin:center;
}

._90dbe3f5adc44afa-desktopUtilityRailBadge{
    position:absolute;
    right:-0.2rem;
    bottom:-0.2rem;
    pointer-events:none;
}

._90dbe3f5adc44afa-desktopUtilityRailBottom{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0.35rem;
    width:100%;
    padding-top:0.2rem;
    padding-bottom:0.15rem;
}

._90dbe3f5adc44afa-desktopUtilityRailBottom::after{
    content:'';
    position:absolute;
    left:calc(100% - 0.1rem);
    bottom:-0.65rem;
    width:1.6rem;
    height:8.5rem;
    pointer-events:auto;
}

._90dbe3f5adc44afa-desktopUtilityRailVoiceButton{
    display:flex;
    align-items:center;
    justify-content:center;
    height:2.45rem;
    width:2.45rem;
    border-radius:0.68rem;
    padding:0;
    background:color-mix(in srgb, var(--background-floating) 12%, transparent);
    border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
    color:color-mix(in srgb, var(--text-primary) 76%, var(--brand-primary) 24%);
    cursor:pointer;
    transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
}

._90dbe3f5adc44afa-desktopUtilityRailVoiceButton:hover{
    background:color-mix(in srgb, var(--brand-primary) 14%, var(--background-floating) 86%);
    border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
    color:var(--text-primary);
}

._90dbe3f5adc44afa-desktopUtilityRailVoiceButtonActive{
    background:color-mix(in srgb, var(--brand-primary) 16%, var(--background-floating) 84%);
    border-color:color-mix(in srgb, var(--brand-primary) 30%, transparent);
    color:var(--text-primary);
    animation:_90dbe3f5adc44afa-desktopUtilityRailVoiceButtonPulse 2.6s ease-in-out infinite;
}

._90dbe3f5adc44afa-desktopUtilityRailVoiceButtonIcon{
    height:1.08rem;
    width:1.08rem;
}

@keyframes _90dbe3f5adc44afa-desktopUtilityRailVoiceButtonPulse{
    0%,
    100%{
        transform:translateY(0) scale(1);
        box-shadow:0 0 0 0 color-mix(in srgb, var(--brand-primary) 0%, transparent);
    }

    50%{
        transform:translateY(-0.5px) scale(1.02);
        box-shadow:0 0 0 0.28rem color-mix(in srgb, var(--brand-primary) 8%, transparent);
    }
}

._90dbe3f5adc44afa-desktopUtilityRailVoiceHandle{
    display:flex;
    align-items:center;
    justify-content:center;
    height:2.82rem;
    width:2.82rem;
    border-radius:0.72rem;
    padding:0;
    background:color-mix(in srgb, var(--background-floating) 8%, transparent);
    border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
    color:color-mix(in srgb, var(--text-primary) 78%, var(--brand-primary) 22%);
    overflow:hidden;
    cursor:pointer;
    transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
}

._90dbe3f5adc44afa-desktopUtilityRailAvatar{
    display:block;
    height:2.2rem;
    width:2.2rem;
    border-radius:50%;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanel{
    position:fixed;
    display:flex;
    flex-direction:column;
    gap:0.16rem;
    padding:0.24rem;
    border-radius:0.75rem;
    border:1px solid var(--guild-shell-stroke);
    background:color-mix(in srgb, var(--background-secondary) 94%, var(--background-primary) 6%);
    box-shadow:0 16px 34px rgb(5 9 18 / 0.3);
    overflow:visible;
    opacity:0;
    transform:translateY(10px) scale(0.96);
    transform-origin:50% 100%;
    pointer-events:none;
    cursor:default;
    transition:opacity var(--motion-dur-medium) var(--motion-ease-smooth), transform var(--motion-dur-medium) var(--motion-ease-smooth);
    will-change:transform, opacity;
    z-index:calc(var(--z-index-elevated-1) + 30);
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanel::before{
    display:none;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelOpen{
    opacity:1;
    transform:translateY(0) scale(1);
    pointer-events:auto;
}

._90dbe3f5adc44afa-desktopUtilityRailProfilePopout{
    width:min(20rem, 34vw);
    min-width:18rem;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanel[data-density='compact']{
    padding:0.2rem;
    border-radius:0.7rem;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanel[data-density='compact'] ._90dbe3f5adc44afa-desktopUtilityRailUserPanelBody{
    border-radius:0.9rem;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanel[data-density='compact'] ._90dbe3f5adc44afa-desktopUtilityRailUserPanelPinButton{
    top:0.32rem;
    right:0.32rem;
    width:1.55rem;
    height:1.55rem;
    border-radius:0.58rem;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelPinned{
    box-shadow:0 12px 28px rgb(5 9 18 / 0.2);
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelDragging{
    transition:none;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizing{
    transition:none;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelHeader{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:2rem;
    padding:0 0.2rem 0 0.35rem;
    border-radius:0.9rem;
    border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
    background:color-mix(in srgb, var(--background-secondary-alt) 84%, var(--background-primary) 16%);
    box-shadow:0 8px 20px rgb(5 9 18 / 0.16);
    cursor:move;
    -moz-user-select:none;
     -ms-user-select:none;
         user-select:none;
    -webkit-user-select:none;
    touch-action:none;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelGrip{
    width:1.2rem;
    height:0.5rem;
    border-radius:999px;
    background:linear-gradient(
            90deg,
            color-mix(in srgb, var(--text-primary) 14%, transparent) 0 22%,
            transparent 22% 38%,
            color-mix(in srgb, var(--text-primary) 14%, transparent) 38% 60%,
            transparent 60% 78%,
            color-mix(in srgb, var(--text-primary) 14%, transparent) 78% 100%
        );
    opacity:0.85;
    flex-shrink:0;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelHeaderText{
    display:none;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelHeaderActions{
    display:flex;
    align-items:center;
    gap:0.25rem;
    flex-shrink:0;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelHeaderButton{
    display:flex;
    align-items:center;
    justify-content:center;
    width:1.7rem;
    height:1.7rem;
    padding:0;
    border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
    border-radius:50%;
    background:color-mix(in srgb, var(--background-floating) 14%, transparent);
    color:var(--text-primary-muted);
    cursor:pointer;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelHeaderButton:hover{
    background:color-mix(in srgb, var(--brand-primary) 12%, var(--background-floating) 88%);
    color:var(--text-primary);
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelBody{
    min-width:0;
    min-height:0;
    flex:0 0 auto;
    overflow:visible;
    border-radius:0.96rem;
    padding:0.05rem 0 0;
    scrollbar-width:none;
    cursor:default;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelBody::-webkit-scrollbar{
    display:none;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelPinButton{
    position:absolute;
    top:-0.36rem;
    right:-0.36rem;
    display:flex;
    align-items:center;
    justify-content:center;
    width:1.55rem;
    height:1.55rem;
    padding:0;
    border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
    border-radius:999px;
    background:color-mix(in srgb, var(--background-floating) 14%, transparent);
    color:var(--text-primary-muted);
    cursor:pointer;
    z-index:2;
    box-shadow:0 8px 18px rgb(5 9 18 / 0.2);
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelPinButton:hover{
    background:color-mix(in srgb, var(--brand-primary) 12%, var(--background-floating) 88%);
    color:var(--text-primary);
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelPinButtonActive{
    color:var(--brand-primary);
    border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelPinIcon{
    height:1rem;
    width:1rem;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle{
    position:absolute;
    pointer-events:auto;
    opacity:0.14;
    background:linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 14%, transparent), color-mix(in srgb, var(--text-primary) 8%, transparent));
    transition:opacity var(--motion-dur-short) var(--motion-ease-smooth), background-color var(--motion-dur-short) var(--motion-ease-smooth);
    z-index:1;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanel:hover ._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle{
    opacity:0.34;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='n'],
._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='s']{
    left:0.75rem;
    right:0.75rem;
    height:0.55rem;
    cursor:ns-resize;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='n']{
    top:0;
    border-radius:999px 999px 0 0;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='s']{
    bottom:0;
    border-radius:0 0 999px 999px;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='e'],
._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='w']{
    top:0.8rem;
    bottom:0.8rem;
    width:0.55rem;
    cursor:ew-resize;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='e']{
    right:0;
    border-radius:0 999px 999px 0;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='w']{
    left:0;
    border-radius:999px 0 0 999px;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='nw'],
._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='ne'],
._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='sw'],
._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='se']{
    width:0.95rem;
    height:0.95rem;
    cursor:nwse-resize;
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='nw']{
    top:0;
    left:0;
    border-top-left-radius:1rem;
    background:linear-gradient(135deg, transparent 0 42%, color-mix(in srgb, var(--text-primary) 24%, transparent) 42% 48%, transparent 48% 100%);
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='ne']{
    top:0;
    right:0;
    border-top-right-radius:1rem;
    background:linear-gradient(225deg, transparent 0 42%, color-mix(in srgb, var(--text-primary) 24%, transparent) 42% 48%, transparent 48% 100%);
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='sw']{
    bottom:0;
    left:0;
    border-bottom-left-radius:1rem;
    background:linear-gradient(45deg, transparent 0 42%, color-mix(in srgb, var(--text-primary) 24%, transparent) 42% 48%, transparent 48% 100%);
}

._90dbe3f5adc44afa-desktopUtilityRailUserPanelResizeHandle[data-edge='se']{
    right:0;
    bottom:0;
    border-bottom-right-radius:1rem;
    pointer-events:auto;
    background:linear-gradient(315deg, transparent 0 42%, color-mix(in srgb, var(--text-primary) 24%, transparent) 42% 48%, transparent 48% 100%);
}

@keyframes _90dbe3f5adc44afa-utilityTypingDots{
    0%,
    100%{
        box-shadow:-0.34rem 0 0 color-mix(in srgb, currentColor 26%, transparent), 0 0 0 color-mix(in srgb, currentColor 26%, transparent), 0.34rem 0 0 color-mix(in srgb, currentColor 26%, transparent);
    }
    25%{
        box-shadow:-0.34rem 0 0 color-mix(in srgb, currentColor 88%, transparent), 0 0 0 color-mix(in srgb, currentColor 30%, transparent), 0.34rem 0 0 color-mix(in srgb, currentColor 26%, transparent);
    }
    50%{
        box-shadow:-0.34rem 0 0 color-mix(in srgb, currentColor 30%, transparent), 0 0 0 color-mix(in srgb, currentColor 88%, transparent), 0.34rem 0 0 color-mix(in srgb, currentColor 26%, transparent);
    }
    75%{
        box-shadow:-0.34rem 0 0 color-mix(in srgb, currentColor 26%, transparent), 0 0 0 color-mix(in srgb, currentColor 30%, transparent), 0.34rem 0 0 color-mix(in srgb, currentColor 88%, transparent);
    }
}

@keyframes _90dbe3f5adc44afa-utilityPencilWrite{
    0%{
        transform:translate3d(-0.8px, 0.8px, 0) rotate(-9deg);
    }
    30%{
        transform:translate3d(0.9px, -0.4px, 0) rotate(1.8deg);
    }
    58%{
        transform:translate3d(-0.7px, 0.65px, 0) rotate(-7deg);
    }
    100%{
        transform:translate3d(0.95px, -0.5px, 0) rotate(2deg);
    }
}

@keyframes _90dbe3f5adc44afa-utilityNftHammerTap{
    0%,
    62%,
    100%{
        transform:rotate(0deg) translate(0, 0);
    }
    72%{
        transform:rotate(-18deg) translate(-0.5px, 0.6px);
    }
    82%{
        transform:rotate(2deg) translate(0, 0);
    }
}

@keyframes _90dbe3f5adc44afa-utilityNftSparkPulse{
    0%,
    60%,
    100%{
        opacity:0;
        transform:scale(0.8);
    }
    74%{
        opacity:1;
        transform:scale(1.18);
    }
    86%{
        opacity:0.66;
        transform:scale(1);
    }
}

@keyframes _90dbe3f5adc44afa-utilityCompassSpin{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

@keyframes _90dbe3f5adc44afa-utilityPlutoniumPulse{
    0%,
    100%{
        transform:translateY(0) scale(1);
        -webkit-filter:drop-shadow(0 0 0 rgb(255 255 255 / 0));
                filter:drop-shadow(0 0 0 rgb(255 255 255 / 0));
    }
    50%{
        transform:translateY(-0.9px) scale(1.06);
        -webkit-filter:drop-shadow(0 0 8px rgb(246 233 255 / 0.55));
                filter:drop-shadow(0 0 8px rgb(246 233 255 / 0.55));
    }
}

@keyframes _90dbe3f5adc44afa-utilityPlutoniumShine{
    0%{
        transform:translateX(-140%) skewX(-18deg);
        opacity:0;
    }
    20%{
        opacity:0.82;
    }
    100%{
        transform:translateX(180%) skewX(-18deg);
        opacity:0;
    }
}

@keyframes _90dbe3f5adc44afa-utilityLifetimeHintSlide{
    0%{
        opacity:0;
        transform:translate3d(-10px, -50%, 0);
    }
    10%{
        opacity:1;
        transform:translate3d(0, -50%, 0);
    }
    84%{
        opacity:1;
        transform:translate3d(0, -50%, 0);
    }
    100%{
        opacity:0;
        transform:translate3d(-8px, -50%, 0);
    }
}

@keyframes _90dbe3f5adc44afa-utilityAiTalk{
    0%,
    100%{
        transform:translateY(0) scale(1);
    }
    30%{
        transform:translateY(-0.9px) scale(1.03);
    }
    60%{
        transform:translateY(0.7px) scale(0.99);
    }
}

@keyframes _90dbe3f5adc44afa-utilityAiSignal{
    0%{
        box-shadow:0 0 0 color-mix(in srgb, currentColor 40%, transparent), 0 0 0 color-mix(in srgb, currentColor 22%, transparent);
    }
    50%{
        box-shadow:0.22rem -0.18rem 0 color-mix(in srgb, currentColor 80%, transparent), 0.47rem -0.36rem 0 color-mix(in srgb, currentColor 52%, transparent);
    }
    100%{
        box-shadow:0 0 0 color-mix(in srgb, currentColor 40%, transparent), 0 0 0 color-mix(in srgb, currentColor 22%, transparent);
    }
}

@media (hover: hover) and (pointer: fine){
    ._90dbe3f5adc44afa-desktopUtilityRailButton:hover{
        background:color-mix(in srgb, var(--background-floating) 16%, transparent);
        color:var(--text-primary);
        transform:translateY(-1px);
    }
    ._90dbe3f5adc44afa-desktopUtilityRailButtonPlutonium:hover{
        background:linear-gradient( 140deg, color-mix(in srgb, #8d63ff 90%, white 10%), color-mix(in srgb, #6f43de 84%, #4f2aa8 16%)), #6f43de;
        border-color:transparent;
    }
    ._90dbe3f5adc44afa-desktopUtilityRailVoiceHandle:hover{
        background:color-mix(in srgb, var(--background-floating) 16%, transparent);
        border-color:color-mix(in srgb, var(--brand-primary) 18%, transparent);
        color:var(--text-primary);
        transform:translateY(-1px);
    }
    ._90dbe3f5adc44afa-desktopUtilityRailButtonDm::after{
        content:'';
        position:absolute;
        left:50%;
        bottom:0.5rem;
        width:0.18rem;
        height:0.18rem;
        border-radius:var(--radius-full);
        transform:translateX(-50%) scale(0.9);
        opacity:0;
        pointer-events:none;
    }
    ._90dbe3f5adc44afa-desktopUtilityRailButtonDm:hover::after{
        opacity:1;
        animation:_90dbe3f5adc44afa-utilityTypingDots 1s steps(1, end) infinite;
    }

    ._90dbe3f5adc44afa-desktopUtilityRailButtonNft:hover ._90dbe3f5adc44afa-desktopUtilityRailIconNftHammer{
        animation:_90dbe3f5adc44afa-utilityNftHammerTap 1.05s cubic-bezier(0.22, 1, 0.36, 1) infinite;
    }

    ._90dbe3f5adc44afa-desktopUtilityRailButtonNft:hover ._90dbe3f5adc44afa-desktopUtilityRailNftSpark{
        animation:_90dbe3f5adc44afa-utilityNftSparkPulse 1.05s ease-in-out infinite;
    }

    ._90dbe3f5adc44afa-desktopUtilityRailButtonDiscover:hover ._90dbe3f5adc44afa-desktopUtilityRailIconDiscover{
        animation:_90dbe3f5adc44afa-utilityCompassSpin 1.45s linear infinite;
    }

    ._90dbe3f5adc44afa-desktopUtilityRailButtonPlutoniumHover::before{
        content:'';
        position:absolute;
        inset:-6% -40%;
        background:linear-gradient(90deg, transparent 0%, rgb(255 255 255 / 0.84) 44%, transparent 72%);
        opacity:0;
        mix-blend-mode:screen;
        pointer-events:none;
        z-index:0;
    }
    ._90dbe3f5adc44afa-desktopUtilityRailButtonPlutoniumHover:hover::before{
        animation:_90dbe3f5adc44afa-utilityPlutoniumShine 1.15s linear infinite;
    }
    ._90dbe3f5adc44afa-desktopUtilityRailButtonPlutoniumHover:hover ._90dbe3f5adc44afa-desktopUtilityRailIconPlutonium{
        animation:_90dbe3f5adc44afa-utilityPlutoniumPulse 1.15s ease-in-out infinite;
    }

    ._90dbe3f5adc44afa-desktopUtilityRailButtonAi::after{
        content:'';
        position:absolute;
        right:0.62rem;
        top:0.84rem;
        width:0.11rem;
        height:0.11rem;
        border-radius:var(--radius-full);
        opacity:0;
        pointer-events:none;
    }
    ._90dbe3f5adc44afa-desktopUtilityRailButtonAi:hover::after{
        opacity:1;
        animation:_90dbe3f5adc44afa-utilityAiSignal 860ms ease-in-out infinite;
    }
    ._90dbe3f5adc44afa-desktopUtilityRailButtonAi:hover ._90dbe3f5adc44afa-desktopUtilityRailIconAi{
        animation:_90dbe3f5adc44afa-utilityAiTalk 780ms ease-in-out infinite;
    }

    ._90dbe3f5adc44afa-desktopUtilityRailButtonSettings:hover ._90dbe3f5adc44afa-desktopUtilityRailIconSettings{
        animation:_90dbe3f5adc44afa-utilityCompassSpin 1.35s linear infinite;
    }
}

@media (prefers-reduced-motion: reduce){
    ._90dbe3f5adc44afa-desktopUtilityRailButtonDm::after,
    ._90dbe3f5adc44afa-desktopUtilityRailButtonAi::after,
    ._90dbe3f5adc44afa-desktopUtilityRailButtonPlutoniumHover::before{
        animation:none !_90dbe3f5adc44afa-important;
        opacity:0 !important;
    }
    ._90dbe3f5adc44afa-desktopUtilityRailIconDm,
    ._90dbe3f5adc44afa-desktopUtilityRailIconNotes,
    ._90dbe3f5adc44afa-desktopUtilityRailIconNftHammer,
    ._90dbe3f5adc44afa-desktopUtilityRailIconDiscover,
    ._90dbe3f5adc44afa-desktopUtilityRailIconPlutonium,
    ._90dbe3f5adc44afa-desktopUtilityRailIconAi,
    ._90dbe3f5adc44afa-desktopUtilityRailIconSettings,
    ._90dbe3f5adc44afa-desktopUtilityRailVoiceButtonActive{
        animation:none !_90dbe3f5adc44afa-important;
        transform:none !important;
        -webkit-filter:none !important;
                filter:none !important;
    }
    ._90dbe3f5adc44afa-desktopUtilityRailPlutoniumHint{
        animation:none !_90dbe3f5adc44afa-important;
        opacity:1;
    }
}

._90dbe3f5adc44afa-guildDockLayerExpanded{
    pointer-events:none;
}

._90dbe3f5adc44afa-guildDockLayerVisible{}

._90dbe3f5adc44afa-guildDockLayerPaused{
    pointer-events:none;
}

._90dbe3f5adc44afa-guildDockUtilitySection{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:0.35rem;
    flex:0 0 auto;
}

._90dbe3f5adc44afa-guildDockRevealZone{
    position:absolute;
    left:50%;
    bottom:0;
    width:min(62vw, 680px);
    height:0.95rem;
    transform:translateX(-50%);
    pointer-events:auto;
}

._90dbe3f5adc44afa-guildDockToggleButton{
    position:absolute;
    left:50%;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 0.4rem);
    transform:translateX(-50%);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:1.05rem;
    width:1.9rem;
    border-radius:999px;
    border:none;
    background:color-mix(in srgb, var(--background-tertiary) 88%, var(--background-secondary) 12%);
    color:var(--text-primary-muted);
    cursor:pointer;
    pointer-events:auto;
    transition:background-color var(--motion-dur-short) var(--motion-ease-smooth), color var(--motion-dur-short) var(--motion-ease-smooth);
}

@media (hover: hover) and (pointer: fine){
    ._90dbe3f5adc44afa-guildDockToggleButton:hover{
        background:color-mix(in srgb, var(--background-secondary) 86%, var(--brand-primary) 14%);
        color:var(--text-primary);
    }
}

._90dbe3f5adc44afa-guildDockToggleButtonIcon{
    height:0.72rem;
    width:0.72rem;
    transition:transform var(--motion-dur-medium) var(--motion-ease-smooth);
}

._90dbe3f5adc44afa-guildDockToggleButtonIconExpanded{
    transform:rotate(180deg);
}

._90dbe3f5adc44afa-guildDockLayer:not(._90dbe3f5adc44afa-guildDockLayerVisible) ._90dbe3f5adc44afa-guildListScrollContainerDocked{
    opacity:0;
    transform:translate(-50%, calc(100% + 0.64rem));
    pointer-events:none;
}

._90dbe3f5adc44afa-guildDockLayerVisible ._90dbe3f5adc44afa-guildListScrollContainerDocked,
._90dbe3f5adc44afa-guildDockLayerExpanded ._90dbe3f5adc44afa-guildListScrollContainerDocked{
    opacity:1;
    transform:translate(-50%, 0);
    pointer-events:auto;
}

@media screen and (min-width: 1024px) and (max-width: 1600px) and (max-aspect-ratio: 4 / 3){
    ._90dbe3f5adc44afa-guildsLayoutContainer{
        --layout-guild-list-width:4.05rem;
        --guild-icon-size:2.72rem;
    }
    ._90dbe3f5adc44afa-guildsLayoutContainerDesktopUtilityRail{
        --layout-desktop-utility-rail-width:3.8rem;
    }
    ._90dbe3f5adc44afa-desktopUtilityRail{
        padding:0.65rem 0.3rem 0.55rem;
    }
    ._90dbe3f5adc44afa-desktopUtilityRailList{
        gap:0.56rem;
    }
    ._90dbe3f5adc44afa-desktopUtilityRailButton,
    ._90dbe3f5adc44afa-desktopUtilityRailVoiceHandle{
        width:2.56rem;
        height:2.56rem;
        border-radius:0.84rem;
    }
    ._90dbe3f5adc44afa-desktopUtilityRailAvatar{
        width:2rem;
        height:2rem;
        border-radius:50%;
    }
    ._90dbe3f5adc44afa-desktopUtilityRailUserPanel{
        width:min(18.75rem, 32vw);
        min-width:16.5rem;
    }
    ._90dbe3f5adc44afa-guildListContentDocked{
        padding:0.35rem 0.5rem;
    }
    ._90dbe3f5adc44afa-guildDockRevealZone{
        width:min(72vw, 560px);
    }
}

._90dbe3f5adc44afa-guildVoiceBadge{
    position:absolute;
    right:-0.16rem;
    top:-0.16rem;
    pointer-events:none;
    z-index:5;
}

._90dbe3f5adc44afa-guildVoiceBadgeInner{
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:0;
    height:1.1rem;
    width:1.1rem;
    flex-shrink:0;
    border-radius:var(--radius-full);
    background:linear-gradient( 180deg, color-mix(in srgb, var(--status-online) 76%, var(--background-floating) 24%), color-mix(in srgb, var(--status-online) 58%, var(--background-primary) 42%));
    box-shadow:0 0 0 2px color-mix(in srgb, var(--background-primary) 92%, var(--app-surface-background) 8%), 0 3px 10px color-mix(in srgb, var(--status-online) 24%, transparent);
    color:color-mix(in srgb, white 92%, var(--text-primary) 8%);
}

._90dbe3f5adc44afa-guildErrorBadge{
    position:absolute;
    top:0;
    right:0;
    pointer-events:none;
}

._90dbe3f5adc44afa-guildErrorBadgeInner{
    display:flex;
    align-items:center;
    justify-content:center;
    height:1rem;
    width:1rem;
    flex-shrink:0;
    border-radius:var(--radius-full);
    background-color:white;
    color:var(--status-danger);
    box-shadow:0 0 0 3px color-mix(in srgb, var(--background-primary) 92%, var(--app-surface-background) 8%);
}

._90dbe3f5adc44afa-dmListItem{
    
}

._90dbe3f5adc44afa-dmListItemWrapper{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:stretch;
}

._90dbe3f5adc44afa-dmUtilityShortcutButton{
    
    border:none;
    background:transparent;
    padding:0;
}

._90dbe3f5adc44afa-dmUtilityShortcutIcon{
    
    border-radius:var(--radius-full);
    transition:border-radius 120ms ease-out;
}

._90dbe3f5adc44afa-dmUtilityShortcutIconSelected{
    background-color:var(--brand-primary);
    color:white;
    border-radius:30%;
}

._90dbe3f5adc44afa-dmUtilityShortcutGlyph{
    width:1.3rem;
    height:1.3rem;
}

._90dbe3f5adc44afa-dmIcon{
    
}

._90dbe3f5adc44afa-AstralButton{
    
}

._90dbe3f5adc44afa-AstralButtonIcon{
    
    background:linear-gradient(180deg, var(--guild-shell-card-top), var(--guild-shell-card-bottom)), var(--guilds-layout-item-bg, var(--guild-list-foreground));
    color:var(--text-primary);
}

._90dbe3f5adc44afa-AstralButtonIconSelected{
    background-color:var(--brand-primary);
    color:white;
}

@media (hover: hover) and (pointer: fine){
    ._90dbe3f5adc44afa-AstralButton:hover ._90dbe3f5adc44afa-AstralButtonIcon,
    ._90dbe3f5adc44afa-AstralButtonIcon:hover{
        background:linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 84%, var(--background-floating) 16%), color-mix(in srgb, var(--brand-primary) 68%, var(--background-primary) 32%)), var(--brand-primary);
        color:white;
    }
}

._90dbe3f5adc44afa-addGuildButton{
    position:relative;
    display:flex;
    width:100%;
    justify-content:center;
    margin-bottom:var(--spacing-1);
    padding:2px;
}

._90dbe3f5adc44afa-addGuildButtonIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    height:var(--guild-icon-size);
    width:var(--guild-icon-size);
    flex-shrink:0;
    cursor:pointer;
    border-radius:var(--radius-full);
    border:1px dashed color-mix(in srgb, var(--text-primary) 22%, transparent);
    background:linear-gradient(180deg, var(--guild-shell-card-top), var(--guild-shell-card-bottom));
    color:var(--text-primary);
    transition-property:border-radius, border-color;
    transition-duration:70ms;
    transition-timing-function:ease-out;
    box-shadow:none;
}

._90dbe3f5adc44afa-addGuildButtonIcon:active{
    transform:translateY(1px);
}

@media (hover: hover) and (pointer: fine){
    ._90dbe3f5adc44afa-addGuildButton:hover ._90dbe3f5adc44afa-addGuildButtonIcon,
    ._90dbe3f5adc44afa-addGuildButtonIcon:hover{
        border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
    }
}

._90dbe3f5adc44afa-guildDivider{
    height:0.125rem;
    width:2rem;
    flex-shrink:0;
    margin-top:var(--spacing-2);
    margin-bottom:var(--spacing-2);
    border-radius:1px;
    background:color-mix(in srgb, var(--text-primary) 22%, transparent);
}

._90dbe3f5adc44afa-guildListScrollContainerDocked ._90dbe3f5adc44afa-guildDivider{
    width:0.125rem;
    height:2rem;
    margin:0 0.15rem;
}

._90dbe3f5adc44afa-dmUserAvatars{
    display:flex;
    align-items:center;
}

._90dbe3f5adc44afa-dmUserAvatar{
    height:2rem;
    width:2rem;
    border:2px solid var(--background-primary);
    z-index:1;
}

._90dbe3f5adc44afa-dmUserAvatarImage{
    height:100%;
    width:100%;
}

._90dbe3f5adc44afa-AstralSymbolIcon{
    height:3rem;
    width:3rem;
    color:currentColor;
}

._90dbe3f5adc44afa-AstralSymbolIconMobileLogo{
    width:2.05rem;
    height:2.05rem;
    object-fit:contain;
}

._90dbe3f5adc44afa-relative{
    position:relative;
}

._90dbe3f5adc44afa-favoritesIcon{
    height:1.75rem;
    width:1.75rem;
}

._90dbe3f5adc44afa-plutoniumButton{
    position:relative;
}

._90dbe3f5adc44afa-plutoniumButtonIcon{
    overflow:visible;
}

._90dbe3f5adc44afa-plutoniumPlanetIcon{
    animation:none;
    transform-origin:50% 50%;
    will-change:auto;
}

@media (hover: hover) and (pointer: fine){
    ._90dbe3f5adc44afa-plutoniumButton:hover ._90dbe3f5adc44afa-plutoniumPlanetIcon{
        animation:_90dbe3f5adc44afa-plutoniumFloat 3.2s ease-in-out infinite;
    }
}

@keyframes _90dbe3f5adc44afa-plutoniumFloat{
    0%{
        transform:translate3d(0, 0, 0) rotate(-2deg);
    }
    25%{
        transform:translate3d(0.8px, -1.6px, 0) rotate(0deg);
    }
    50%{
        transform:translate3d(-0.4px, -2.8px, 0) rotate(1.6deg);
    }
    75%{
        transform:translate3d(-0.8px, -1px, 0) rotate(0deg);
    }
    100%{
        transform:translate3d(0, 0, 0) rotate(-2deg);
    }
}

@keyframes _90dbe3f5adc44afa-plutoniumShade{
    0%{
        -webkit-filter:drop-shadow(0 2px 6px rgb(68 72 255 / 0.2)) brightness(1);
                filter:drop-shadow(0 2px 6px rgb(68 72 255 / 0.2)) brightness(1);
    }
    50%{
        -webkit-filter:drop-shadow(0 7px 14px rgb(84 101 255 / 0.34)) brightness(1.08);
                filter:drop-shadow(0 7px 14px rgb(84 101 255 / 0.34)) brightness(1.08);
    }
    100%{
        -webkit-filter:drop-shadow(0 2px 6px rgb(68 72 255 / 0.2)) brightness(1);
                filter:drop-shadow(0 2px 6px rgb(68 72 255 / 0.2)) brightness(1);
    }
}

@media (prefers-reduced-motion: reduce){
    ._90dbe3f5adc44afa-plutoniumPlanetIcon{
        animation:none;
        -webkit-filter:none;
                filter:none;
        transform:none;
    }
}

._90dbe3f5adc44afa-unavailableContainer{
    position:relative;
    margin-bottom:0.25rem;
    display:flex;
    width:100%;
    justify-content:center;
}

._90dbe3f5adc44afa-unavailableBadge{
    display:flex;
    height:3rem;
    width:3rem;
    flex-shrink:0;
    cursor:pointer;
    align-items:center;
    justify-content:center;
    border-radius:var(--radius-full);
    border:2px solid var(--status-danger);
    background-color:transparent;
    color:var(--text-primary);
    transition-property:color, background-color;
    transition-timing-function:ease-out;
    transition-duration:150ms;
}

@media (hover: hover) and (pointer: fine){
    ._90dbe3f5adc44afa-unavailableBadge:hover{
        background-color:var(--status-danger);
        color:white;
    }
}

._90dbe3f5adc44afa-unavailableBadge:active{
    transform:translateY(1px);
}

._90dbe3f5adc44afa-unavailableIcon{
    height:2rem;
    width:2rem;
}

._90dbe3f5adc44afa-guildTooltipContainer{
    display:flex;
    min-width:0;
    flex-direction:column;
    align-items:flex-start;
    gap:0.375rem;
    padding:0.125rem 0;
}

._90dbe3f5adc44afa-guildTooltipHeader{
    display:flex;
    min-width:0;
    align-items:center;
    gap:0.375rem;
}

._90dbe3f5adc44afa-guildVerifiedIcon{
    height:1rem;
    width:1rem;
    flex-shrink:0;
    color:var(--text-primary);
}

._90dbe3f5adc44afa-guildTooltipName{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:1rem;
    font-weight:600;
    color:var(--text-primary);
}

._90dbe3f5adc44afa-guildTooltipMessage{
    font-size:0.875rem;
    color:var(--text-primary-muted);
}

._90dbe3f5adc44afa-guildTooltipError{
    font-size:0.875rem;
    color:var(--status-danger);
}

._90dbe3f5adc44afa-outlineFrame{
    --outline-radius:0px;
}

html.platform-native-desktop ._90dbe3f5adc44afa-guildsLayoutContainer{
    padding-top:var(--native-titlebar-height);
}

html.platform-native.platform-macos ._90dbe3f5adc44afa-guildListScrollContainer{
    padding-top:var(--native-titlebar-height);
}

html.platform-native.platform-macos ._90dbe3f5adc44afa-guildListScrollContainerDocked{
    padding-top:0;
}

html:not(.platform-native) ._90dbe3f5adc44afa-outlineFrame,
html.platform-native.platform-macos ._90dbe3f5adc44afa-outlineFrame{
    border-top:none;
}

html.platform-native-desktop ._90dbe3f5adc44afa-outlineFrame{
    border-top:1px solid transparent;
    --outline-radius:clamp(8px, 1.2vw, 14px);
}

._90dbe3f5adc44afa-guildMutedInfo{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:0.375rem;
}

._90dbe3f5adc44afa-guildMutedIcon{
    height:0.875rem;
    width:0.875rem;
    flex-shrink:0;
    color:var(--text-primary-muted);
}

._90dbe3f5adc44afa-guildMutedText{
    font-size:0.8125rem;
    font-weight:400;
    color:var(--text-primary-muted);
}

._90dbe3f5adc44afa-guildVoiceInfo{
    display:flex;
    align-items:center;
    gap:0.375rem;
}

._90dbe3f5adc44afa-guildVoiceIcon{
    height:1.75rem;
    width:1.75rem;
    color:var(--text-primary-muted);
}

._90dbe3f5adc44afa-guildVoiceBadgeIcon{
    height:0.64rem;
    width:0.64rem;
    display:block;
    flex-shrink:0;
}

._90dbe3f5adc44afa-guildErrorIcon{
    height:1rem;
    width:1rem;
}

._90dbe3f5adc44afa-guildInvitesPausedBadge{
    position:absolute;
    right:calc(-0.25rem - 3px);
    bottom:calc(-0.25rem - 3px);
    pointer-events:none;
    background-color:var(--background-secondary);
    border-radius:var(--radius-full);
    padding:3px;
}

._90dbe3f5adc44afa-guildInvitesPausedBadgeInner{
    display:flex;
    align-items:center;
    justify-content:center;
    height:1.125rem;
    width:1.125rem;
    flex-shrink:0;
    border-radius:var(--radius-full);
    background-color:var(--text-muted);
    color:white;
}

._90dbe3f5adc44afa-guildInvitesPausedIcon{
    height:0.75rem;
    width:0.75rem;
}

.theme-light ._90dbe3f5adc44afa-guildsLayoutContainer{
    --guilds-layout-item-bg:color-mix(in srgb, var(--guild-list-foreground) 55%, var(--background-primary) 45%);
}

._90dbe3f5adc44afa-roundedFull{
    border-radius:var(--radius-full);
}

._8fa6f78bd7360c6c-button{
	position:relative;
	display:flex;
	width:100%;
	justify-content:center;
	border:none;
	background-color:transparent;
	padding:0;
}

._8fa6f78bd7360c6c-iconText{
	height:1.25rem;
	width:1.25rem;
	color:var(--text-primary);
}

._8fa6f78bd7360c6c-menuIcon{
	height:1rem;
	width:1rem;
}

._2f47828abc6faca6-button{
	position:relative;
	display:flex;
	width:100%;
	justify-content:center;
	border:none;
	background-color:transparent;
	padding:0;
}

._2f47828abc6faca6-iconText{
	height:1.25rem;
	width:1.25rem;
	color:var(--text-primary);
}

._510ee02bb26aedfe-button{
	border:none;
	background-color:transparent;
	padding:0;
}

._510ee02bb26aedfe-relative{
	position:relative;
}

._510ee02bb26aedfe-voiceSpeakingRingOuter,
._510ee02bb26aedfe-voiceSpeakingRingInner{
	position:absolute;
	inset:-3px;
	border-radius:999px;
	pointer-events:none;
	z-index:0;
}

._510ee02bb26aedfe-voiceSpeakingRingOuter{
	background:color-mix(in srgb, var(--text-primary) 18%, transparent);
	opacity:0;
	animation:_510ee02bb26aedfe-dmVoiceSpeakingPulse 1.6s ease-out infinite;
}

._510ee02bb26aedfe-voiceSpeakingRingInner{
	border:1px solid color-mix(in srgb, var(--text-primary) 34%, transparent);
	opacity:0.68;
}

._510ee02bb26aedfe-fullSize{
	height:100%;
	width:100%;
}

._510ee02bb26aedfe-muted{
	color:var(--text-tertiary-muted);
	opacity:0.5;
}

._510ee02bb26aedfe-userTagWrapper{
	position:absolute;
	top:-6px;
	right:-6px;
	pointer-events:none;
	z-index:4;
	box-shadow:0 0 0 3px var(--background-secondary);
}

@keyframes _510ee02bb26aedfe-dmVoiceSpeakingPulse{
	0%{
		opacity:0.46;
		transform:scale(0.96);
	}
	65%{
		opacity:0.08;
		transform:scale(1.16);
	}
	100%{
		opacity:0;
		transform:scale(1.24);
	}
}

.a84a79a9fa336476-header{
	display:flex;
	align-items:center;
	gap:var(--spacing-3);
	padding:var(--spacing-5) 0 var(--spacing-3);
	width:100%;
}

.a84a79a9fa336476-avatarWrapper{
	width:3rem;
	height:3rem;
	border-radius:9999px;
	overflow:hidden;
	background-color:var(--background-secondary-alt);
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.a84a79a9fa336476-icon{
	--guild-icon-size:3rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.a84a79a9fa336476-text{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:0.125rem;
}

.a84a79a9fa336476-title{
	font-weight:600;
	font-size:1rem;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.25rem;
	max-height:1.25rem;
}

.a84a79a9fa336476-stats{
	display:flex;
	align-items:center;
	gap:0.6rem;
}

.a84a79a9fa336476-stat{
	display:inline-flex;
	align-items:center;
}

.a84a79a9fa336476-statDot{
	margin-right:0.3rem;
	height:0.5rem;
	width:0.5rem;
	border-radius:9999px;
	flex:0 0 auto;
}

.a84a79a9fa336476-statDotOnline{
	background-color:var(--status-online);
}

.a84a79a9fa336476-statDotMembers{
	background-color:var(--text-tertiary-secondary);
}

.a84a79a9fa336476-statText{
	color:var(--text-tertiary);
	font-size:0.8rem;
	line-height:1.2;
	white-space:nowrap;
}

._7898506e017cbc7b-button{
	position:relative;
	display:flex;
	width:100%;
	justify-content:center;
	border:none;
	background-color:transparent;
	padding:0;
}

._7898506e017cbc7b-iconText{
	height:1.25rem;
	width:1.25rem;
	color:var(--text-primary);
}

._521390003544fe8c-host{
	position:-webkit-sticky;
	position:sticky;
	top:0px;
	top:var(--safe-area-top, 0px);
	z-index:var(--z-index-elevated-3);
	display:flex;
	justify-content:center;
	width:100%;
	padding:8px 16px 0;
	pointer-events:none;
}

._521390003544fe8c-toast{
	width:min(100%, 640px);
	background-color:var(--background-secondary);
	border-radius:16px;
	border:1px solid var(--background-modifier-accent);
	box-shadow:0 10px 20px -4px rgb(0 0 0 / 0.2), 0 4px 8px -6px rgb(0 0 0 / 0.25);
	padding:0.75rem 1rem;
	display:flex;
	flex-direction:column;
	gap:0.4rem;
	pointer-events:auto;
}

._521390003544fe8c-header{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.35rem;
	font-size:0.85rem;
	color:var(--text-primary);
}

._521390003544fe8c-author{
	font-weight:600;
}

._521390003544fe8c-separator{
	color:var(--text-primary-muted);
}

._521390003544fe8c-location{
	font-size:0.82rem;
	color:var(--text-primary-muted);
	text-transform:capitalize;
}

._521390003544fe8c-mentionLabel{
	margin-left:auto;
	font-size:0.75rem;
	color:var(--text-primary-muted);
}

._521390003544fe8c-messageContent{
	font-size:0.9rem;
	color:var(--text-primary);
	line-height:1.3;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

._521390003544fe8c-messageContent *{
	margin:0;
}

._521390003544fe8c-systemLabel,
._521390003544fe8c-attachmentLabel{
	font-size:0.83rem;
	color:var(--text-primary-muted);
	line-height:1.2;
}

._521390003544fe8c-progressTrack{
	height:3px;
	border-radius:999px;
	background:color-mix(in srgb, var(--brand-primary-light) 40%, var(--background-modifier-accent) 60%);
	overflow:hidden;
}

._521390003544fe8c-progressFill{
	height:100%;
	width:100%;
	transform-origin:left;
	background:var(--brand-primary-light);
}

.theme-light ._521390003544fe8c-progressTrack{
	background:color-mix(in srgb, var(--brand-primary) 40%, var(--background-modifier-accent) 60%);
}

.theme-light ._521390003544fe8c-progressFill{
	background:var(--brand-primary);
}

._56b9dea302fc9d7b-scrollIndicatorLayer{
	position:absolute;
	inset:0;
	pointer-events:none;
	z-index:var(--z-index-elevated-2);
}

._56b9dea302fc9d7b-indicatorSlot{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	display:flex;
	justify-content:center;
	pointer-events:none;
}

._56b9dea302fc9d7b-indicatorSlotTop{
	top:8px;
}

._56b9dea302fc9d7b-indicatorSlotBottom{
	bottom:8px;
}

._56b9dea302fc9d7b-indicator{
	pointer-events:auto;
	border:none;
	border-radius:999px;
	padding:0.25rem 0.75rem;
	font-weight:600;
	font-size:0.6875rem;
	line-height:1rem;
	letter-spacing:0.025em;
	text-transform:uppercase;
	color:white;
	cursor:pointer;
	box-shadow:0 10px 20px -12px rgba(0, 0, 0, 0.75), 0 4px 6px -2px rgba(0, 0, 0, 0.45);
	transition:transform 0.2s ease;
}

._56b9dea302fc9d7b-indicator:focus-visible{
	outline:none;
	box-shadow:0 0 0 2px var(--brand-primary), 0 10px 20px -12px rgba(0, 0, 0, 0.75), 0 4px 6px -2px rgba(0, 0, 0, 0.45);
}

._56b9dea302fc9d7b-indicatorBrand{
	background-color:hsl(220, 6%, 30%);
}

._56b9dea302fc9d7b-indicatorMention{
	background-color:var(--status-danger);
}

._2be59e67e87ba481-emptyState{
	display:flex;
	flex:1;
	align-items:center;
	justify-content:center;
	padding:32px 16px;
	text-align:center;
}

._2be59e67e87ba481-emptyContent{
	display:flex;
	flex-direction:column;
	gap:8px;
}

._2be59e67e87ba481-emptyTitle{
	font-weight:500;
	color:var(--text-primary);
}

._2be59e67e87ba481-emptyDescription{
	font-size:14px;
	color:var(--text-primary-muted);
}

._2be59e67e87ba481-messageList{
	flex:1;
}

._2be59e67e87ba481-topSpacer{
	height:8px;
	flex-shrink:0;
}

._2be59e67e87ba481-messagesContainer{
	display:flex;
	flex-direction:column;
	gap:12px;
	padding:0 16px 16px;
}

._2be59e67e87ba481-messagePreviewCard{
	position:relative;
	cursor:pointer;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	overflow:hidden;
	background-color:var(--background-modifier-hover);
	border-radius:14px;
	padding:10px 12px;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
}

._2be59e67e87ba481-menuIcon{
	height:1.25rem;
	width:1.25rem;
}

._2be59e67e87ba481-missingList{
	display:flex;
	flex-direction:column;
	gap:8px;
	padding:0 16px 8px;
}

.de338cd689fd91d0-content{
	display:flex;
	flex-direction:column;
	gap:1rem;
	padding-bottom:1rem;
}

.de338cd689fd91d0-footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	flex-wrap:wrap;
}

.de338cd689fd91d0-expirySelector{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.de338cd689fd91d0-expirySelectorLabel{
	font-size:0.75rem;
	color:var(--text-tertiary);
	white-space:nowrap;
}

.de338cd689fd91d0-expirySelect{
	padding:0.375rem 0.5rem;
	border-radius:0.375rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-textarea);
	color:var(--text-primary);
	font-size:0.8125rem;
	cursor:pointer;
}

.de338cd689fd91d0-expirySelect:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

.de338cd689fd91d0-saveButton{
	flex-shrink:0;
}

.de338cd689fd91d0-emojiTriggerButton{
	width:32px;
	height:32px;
	border-radius:999px;
	border:none;
	background:transparent;
	color:var(--text-primary-muted);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	transition:background-color var(--transition-normal), color var(--transition-normal);
}

.de338cd689fd91d0-emojiTriggerButton:active{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.de338cd689fd91d0-emojiTriggerButtonActive{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.de338cd689fd91d0-emojiTriggerButton:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

.de338cd689fd91d0-emojiPreviewImage{
	width:22px;
	height:22px;
	object-fit:contain;
}

.de338cd689fd91d0-emojiPreviewNative{
	font-size:22px;
	line-height:1;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

.de338cd689fd91d0-clearButtonIcon{
	border:none;
	background:transparent;
	color:var(--text-primary-muted);
	padding:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border-radius:999px;
	cursor:pointer;
	transition:background-color var(--transition-normal), color var(--transition-normal);
}

.de338cd689fd91d0-clearButtonIcon:active{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.de338cd689fd91d0-clearButtonIcon:disabled{
	opacity:0.4;
	cursor:not-allowed;
}

._0bc69fdb86dad627-content{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
	padding-bottom:1rem;
}

._0bc69fdb86dad627-topSpacer{
	height:0.5rem;
}

._0bc69fdb86dad627-statusSection{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._0bc69fdb86dad627-sectionHeader{
	font-size:0.75rem;
	font-weight:700;
	text-transform:uppercase;
	color:var(--text-tertiary);
	letter-spacing:0.02em;
	padding:0 0.25rem;
}

._0bc69fdb86dad627-statusContainer{
	overflow:hidden;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
}

._0bc69fdb86dad627-statusItemWrapper{
	display:flex;
	flex-direction:column;
}

._0bc69fdb86dad627-statusItemButton{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	padding:0.875rem 1rem;
	text-align:left;
	transition:background-color 0.15s ease;
	cursor:pointer;
}

._0bc69fdb86dad627-statusItemButton:active{
	background-color:var(--background-modifier-hover);
}

._0bc69fdb86dad627-statusItemContent{
	display:flex;
	align-items:flex-start;
	gap:0.75rem;
	padding-top:0.125rem;
}

._0bc69fdb86dad627-statusItemInfo{
	display:flex;
	flex-direction:column;
	gap:0.125rem;
}

._0bc69fdb86dad627-statusLabel{
	font-weight:500;
	font-size:0.9375rem;
	color:var(--text-primary);
	line-height:1.25;
}

._0bc69fdb86dad627-statusDescription{
	color:var(--text-tertiary);
	font-size:0.75rem;
	line-height:1.25;
}

._0bc69fdb86dad627-statusItemRight{
	display:flex;
	align-items:center;
	gap:0.5rem;
	flex-shrink:0;
}

._0bc69fdb86dad627-selectedIndicator{
	display:flex;
	align-items:center;
	justify-content:center;
	width:1.25rem;
	height:1.25rem;
	border-radius:50%;
	background-color:var(--brand-primary);
}

._0bc69fdb86dad627-checkIcon{
	width:0.75rem;
	height:0.75rem;
	color:var(--white);
}

._0bc69fdb86dad627-chevronIcon{
	width:0.875rem;
	height:0.875rem;
	color:var(--text-tertiary);
	transition:transform 0.2s ease;
}

._0bc69fdb86dad627-chevronIconExpanded{
	transform:rotate(180deg);
}

._0bc69fdb86dad627-divider{
	margin-left:1rem;
	margin-right:1rem;
	height:1px;
	background-color:var(--background-header-secondary);
	opacity:0.3;
}

._0bc69fdb86dad627-expiryList{
	display:flex;
	flex-direction:column;
	background-color:var(--background-tertiary);
	padding:0.25rem 0;
}

._0bc69fdb86dad627-expiryItem{
	width:100%;
	padding:0.625rem 1rem 0.625rem 2.5rem;
	text-align:left;
	font-size:0.875rem;
	font-weight:500;
	color:var(--text-secondary);
	cursor:pointer;
	transition:background-color 0.15s ease, color 0.15s ease;
}

._0bc69fdb86dad627-expiryItem:active{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._0bc69fdb86dad627-customStatusSection{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._0bc69fdb86dad627-customStatusHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 0.25rem;
}

._0bc69fdb86dad627-customStatusTitle{
	font-size:0.75rem;
	font-weight:700;
	text-transform:uppercase;
	color:var(--text-tertiary);
	letter-spacing:0.02em;
}

._0bc69fdb86dad627-customStatusButton{
	display:flex;
	align-items:center;
	gap:0.75rem;
	width:100%;
	padding:0.875rem 1rem;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
	text-align:left;
	cursor:pointer;
	transition:background-color 0.15s ease;
}

._0bc69fdb86dad627-customStatusButton:active{
	background-color:var(--background-modifier-hover);
}

._0bc69fdb86dad627-customStatusButton:hover,
._0bc69fdb86dad627-customStatusButton:active{
	--emoji-show-animated:1;
}

._0bc69fdb86dad627-customStatusPlaceholder{
	color:var(--text-tertiary);
	font-size:0.875rem;
}

._0bc69fdb86dad627-clearCustomStatusButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	padding:0.625rem 1rem;
	border-radius:0.5rem;
	background-color:transparent;
	color:var(--text-danger);
	font-size:0.875rem;
	font-weight:500;
	cursor:pointer;
	transition:background-color 0.15s ease, opacity 0.15s ease;
}

._0bc69fdb86dad627-clearCustomStatusButton:active{
	background-color:var(--background-modifier-hover);
}

._0bc69fdb86dad627-clearCustomStatusButton:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

._0bc69fdb86dad627-customStatusEditor{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	padding:1rem;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
}

._0bc69fdb86dad627-customStatusEditorFooter{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	flex-wrap:wrap;
}

._0bc69fdb86dad627-expirySelector{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._0bc69fdb86dad627-expirySelectorLabel{
	font-size:0.75rem;
	color:var(--text-tertiary);
	white-space:nowrap;
}

._0bc69fdb86dad627-expirySelect{
	padding:0.375rem 0.5rem;
	border-radius:0.375rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-textarea);
	color:var(--text-primary);
	font-size:0.8125rem;
	cursor:pointer;
}

._0bc69fdb86dad627-expirySelect:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

._0bc69fdb86dad627-customStatusActions{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._0bc69fdb86dad627-cancelButton{
	padding:0.5rem 0.875rem;
	border-radius:0.375rem;
	background-color:transparent;
	color:var(--text-secondary);
	font-size:0.875rem;
	font-weight:500;
	cursor:pointer;
	transition:background-color 0.15s ease, color 0.15s ease;
}

._0bc69fdb86dad627-cancelButton:active{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._0bc69fdb86dad627-cancelButton:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

._0bc69fdb86dad627-saveButton{
	padding:0.5rem 1rem;
	border-radius:0.375rem;
	background-color:var(--brand-primary);
	color:var(--white);
	font-size:0.875rem;
	font-weight:500;
	cursor:pointer;
	transition:background-color 0.15s ease, opacity 0.15s ease;
}

._0bc69fdb86dad627-saveButton:active{
	background-color:var(--brand-primary-active);
}

._0bc69fdb86dad627-saveButton:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

._0bc69fdb86dad627-emojiTriggerButton{
	width:32px;
	height:32px;
	border-radius:999px;
	border:none;
	background:transparent;
	color:var(--text-primary-muted);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	transition:background-color var(--transition-normal), color var(--transition-normal);
}

._0bc69fdb86dad627-emojiTriggerButton:active{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._0bc69fdb86dad627-emojiTriggerButtonActive{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._0bc69fdb86dad627-emojiTriggerButton:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

._0bc69fdb86dad627-emojiPreviewImage{
	width:22px;
	height:22px;
	object-fit:contain;
}

._0bc69fdb86dad627-emojiPreviewNative{
	font-size:22px;
	line-height:1;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

._0bc69fdb86dad627-clearButtonIcon{
	border:none;
	background:transparent;
	color:var(--text-primary-muted);
	padding:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border-radius:999px;
	cursor:pointer;
	transition:background-color var(--transition-normal), color var(--transition-normal);
}

._0bc69fdb86dad627-clearButtonIcon:active{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._0bc69fdb86dad627-clearButtonIcon:disabled{
	opacity:0.4;
	cursor:not-allowed;
}

._3e5b36cdba29062b-page{
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
	overflow-y:auto;
	overflow-x:hidden;
	padding-bottom:calc(0px + 0px);
	padding-bottom:calc(var(--layout-mobile-bottom-nav-reserved-height, 0px) + var(--safe-area-bottom, 0px));
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-secondary) 92%, var(--background-primary) 8%), var(--background-primary));
	width:100%;
	max-width:100%;
	box-sizing:border-box;
}

._3e5b36cdba29062b-hero,
._3e5b36cdba29062b-applicationSection,
._3e5b36cdba29062b-featuredSection,
._3e5b36cdba29062b-resultsSection{
	width:min(1180px, 100%);
	margin:0 auto;
	padding-inline:24px;
	min-width:0;
	box-sizing:border-box;
}

._3e5b36cdba29062b-hero{
	padding-top:24px;
	padding-bottom:10px;
}

._3e5b36cdba29062b-heroTopRow{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin-bottom:14px;
}

._3e5b36cdba29062b-heroBadge{
	display:inline-flex;
	align-items:center;
	gap:8px;
	height:30px;
	padding:0 12px;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%);
	font-size:12px;
	font-weight:700;
	color:var(--text-primary);
}

._3e5b36cdba29062b-heroMain{
	display:grid;
	grid-template-columns:minmax(0, 1fr) minmax(280px, 380px);
	grid-gap:16px;
	gap:16px;
	align-items:start;
}

._3e5b36cdba29062b-heroCopy{
	display:grid;
	grid-gap:10px;
	gap:10px;
}

._3e5b36cdba29062b-heroTitle{
	margin:0;
	font-size:clamp(30px, 4.2vw, 48px);
	line-height:1.02;
	font-weight:800;
	letter-spacing:-0.03em;
	color:var(--text-primary);
	max-width:720px;
}

._3e5b36cdba29062b-heroSubtitle{
	margin:0;
	max-width:760px;
	font-size:14px;
	line-height:1.6;
	color:var(--text-secondary);
}

._3e5b36cdba29062b-heroStats{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:10px;
	gap:10px;
}

._3e5b36cdba29062b-heroStatCard{
	display:grid;
	grid-gap:4px;
	gap:4px;
	padding:12px 13px;
	border-radius:12px;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 82%, var(--background-primary) 18%);
}

._3e5b36cdba29062b-heroStatLabel{
	font-size:11px;
	font-weight:700;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color:var(--text-muted);
}

._3e5b36cdba29062b-heroStatValue{
	font-size:22px;
	line-height:1;
	font-weight:800;
	color:var(--text-primary);
}

._3e5b36cdba29062b-searchForm{
	margin-top:16px;
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 12px;
	border-radius:12px;
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 88%, var(--background-primary) 12%);
}

._3e5b36cdba29062b-searchIcon{
	color:var(--text-muted);
	flex-shrink:0;
}

._3e5b36cdba29062b-searchInput{
	flex:1;
	min-width:120px;
	background:transparent;
	border:none;
	outline:none;
	font-size:14px;
	color:var(--text-primary);
}

._3e5b36cdba29062b-searchInput::-webkit-input-placeholder{
	color:var(--text-muted);
}

._3e5b36cdba29062b-searchInput::-moz-placeholder{
	color:var(--text-muted);
}

._3e5b36cdba29062b-searchInput::-ms-input-placeholder{
	color:var(--text-muted);
}

._3e5b36cdba29062b-searchInput:-ms-input-placeholder{
	color:var(--text-muted);
}

._3e5b36cdba29062b-searchInput::placeholder{
	color:var(--text-muted);
}

._3e5b36cdba29062b-categoryRail{
	margin-top:12px;
	display:grid;
	grid-gap:10px;
	gap:10px;
}

._3e5b36cdba29062b-categoryRow{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

._3e5b36cdba29062b-categoryButton{
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:34px;
	padding-inline:12px;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--text-primary) 11%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%);
	color:var(--text-primary);
	font-size:12px;
	font-weight:700;
	cursor:pointer;
	transition:border-color 140ms ease, background-color 140ms ease;
}

._3e5b36cdba29062b-categoryButton:hover,
._3e5b36cdba29062b-categoryButton[data-active='true']{
	border-color:color-mix(in srgb, var(--brand-primary) 30%, transparent);
	background:color-mix(in srgb, var(--brand-primary) 12%, var(--background-secondary) 88%);
}

._3e5b36cdba29062b-categoryCount{
	font-size:11px;
	color:var(--text-muted);
}

._3e5b36cdba29062b-activeCategoryPanel{
	display:flex;
	justify-content:space-between;
	gap:10px;
	padding:11px 13px;
	border-radius:12px;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 82%, var(--background-primary) 18%);
}

._3e5b36cdba29062b-activeCategoryLabel{
	font-size:13px;
	font-weight:800;
	color:var(--text-primary);
}

._3e5b36cdba29062b-activeCategoryDescription{
	margin-top:4px;
	font-size:12px;
	line-height:1.5;
	color:var(--text-secondary);
}

._3e5b36cdba29062b-activeCategoryMeta{
	font-size:11px;
	font-weight:700;
	color:var(--text-muted);
	white-space:nowrap;
}

._3e5b36cdba29062b-applicationSection{
	padding-top:4px;
	padding-bottom:8px;
}

._3e5b36cdba29062b-applicationCard{
	display:grid;
	grid-gap:12px;
	gap:12px;
	padding:14px;
	border-radius:14px;
	border:1px solid color-mix(in srgb, var(--text-primary) 11%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 84%, var(--background-primary) 16%);
}

._3e5b36cdba29062b-applicationFieldsRow{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:10px;
	gap:10px;
}

._3e5b36cdba29062b-applicationField{
	display:grid;
	grid-gap:6px;
	gap:6px;
}

._3e5b36cdba29062b-applicationFieldLabel{
	font-size:11px;
	font-weight:700;
	letter-spacing:0.07em;
	text-transform:uppercase;
	color:var(--text-muted);
}

._3e5b36cdba29062b-applicationSelect,
._3e5b36cdba29062b-applicationInput,
._3e5b36cdba29062b-applicationTextarea{
	width:100%;
	border:1px solid color-mix(in srgb, var(--text-primary) 13%, transparent);
	border-radius:10px;
	background:color-mix(in srgb, var(--background-primary) 74%, var(--background-secondary) 26%);
	color:var(--text-primary);
	font:inherit;
}

._3e5b36cdba29062b-applicationSelect,
._3e5b36cdba29062b-applicationInput{
	height:38px;
	padding:0 10px;
}

._3e5b36cdba29062b-applicationTextarea{
	padding:10px;
	min-height:118px;
	resize:vertical;
	line-height:1.5;
}

._3e5b36cdba29062b-applicationStatusRow{
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
}

._3e5b36cdba29062b-applicationStatusBadge{
	display:inline-flex;
	align-items:center;
	height:24px;
	padding:0 10px;
	border-radius:999px;
	font-size:11px;
	font-weight:800;
	border:1px solid color-mix(in srgb, var(--brand-primary) 30%, transparent);
	background:color-mix(in srgb, var(--brand-primary) 10%, var(--background-secondary) 90%);
	color:var(--text-primary);
}

._3e5b36cdba29062b-applicationStatusMeta{
	font-size:12px;
	color:var(--text-muted);
}

._3e5b36cdba29062b-applicationError{
	margin:0;
	font-size:13px;
	color:var(--status-danger);
}

._3e5b36cdba29062b-applicationActions{
	display:flex;
	align-items:center;
	gap:8px;
	justify-content:flex-end;
}

._3e5b36cdba29062b-featuredSection{
	padding-block:6px 10px;
}

._3e5b36cdba29062b-sectionHeader,
._3e5b36cdba29062b-resultsHeader{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
	margin-bottom:12px;
}

._3e5b36cdba29062b-sectionTitle,
._3e5b36cdba29062b-resultsTitle{
	margin:0;
	font-size:21px;
	line-height:1.16;
	font-weight:800;
	color:var(--text-primary);
}

._3e5b36cdba29062b-sectionSubtitle,
._3e5b36cdba29062b-resultsSubtitle{
	margin-top:4px;
	font-size:13px;
	line-height:1.54;
	color:var(--text-muted);
}

._3e5b36cdba29062b-featuredLayout{
	display:grid;
	grid-template-columns:minmax(0, 1.1fr) minmax(300px, 0.9fr);
	grid-gap:12px;
	gap:12px;
}

._3e5b36cdba29062b-spotlightCard,
._3e5b36cdba29062b-featuredStack{
	min-width:0;
}

._3e5b36cdba29062b-featuredStack{
	display:grid;
	grid-gap:12px;
	gap:12px;
}

._3e5b36cdba29062b-resultsSection{
	padding-top:10px;
	padding-bottom:28px;
}

._3e5b36cdba29062b-resultsTools{
	display:inline-flex;
	align-items:center;
	gap:10px;
}

._3e5b36cdba29062b-sortLabel{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:12px;
	font-weight:700;
	color:var(--text-muted);
}

._3e5b36cdba29062b-sortSelect{
	height:34px;
	border-radius:10px;
	padding:0 10px;
	border:1px solid color-mix(in srgb, var(--text-primary) 14%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 90%, var(--background-primary) 10%);
	font-size:12px;
	font-weight:700;
	color:var(--text-primary);
}

._3e5b36cdba29062b-resultsCount{
	display:inline-flex;
	align-items:center;
	gap:6px;
	height:32px;
	padding-inline:10px;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 84%, var(--background-primary) 16%);
	font-size:12px;
	font-weight:700;
	color:var(--text-secondary);
}

._3e5b36cdba29062b-viewModeToggle{
	display:inline-flex;
	gap:2px;
	padding:2px;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%);
}

._3e5b36cdba29062b-viewModeButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	border:none;
	border-radius:999px;
	background:transparent;
	color:color-mix(in srgb, var(--text-secondary) 74%, var(--text-primary) 26%);
	cursor:pointer;
}

._3e5b36cdba29062b-viewModeButtonActive{
	background:color-mix(in srgb, var(--brand-primary) 76%, var(--background-secondary) 24%);
	color:#fff;
	color:var(--text-on-brand-primary, #fff);
}

._3e5b36cdba29062b-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(268px, 1fr));
	grid-gap:12px;
	gap:12px;
}

._3e5b36cdba29062b-list{
	display:grid;
	grid-gap:10px;
	gap:10px;
}

._3e5b36cdba29062b-list ._3e5b36cdba29062b-card{
	flex-direction:row;
	min-height:0;
}

._3e5b36cdba29062b-list ._3e5b36cdba29062b-cardBanner{
	width:184px;
	min-width:184px;
	height:auto;
}

._3e5b36cdba29062b-list ._3e5b36cdba29062b-cardContent{
	flex:1;
	min-width:0;
}

._3e5b36cdba29062b-card{
	display:flex;
	flex-direction:column;
	min-height:316px;
	overflow:hidden;
	border-radius:14px;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 84%, var(--background-primary) 16%);
	transform:translateY(0);
	transition:transform 180ms ease, border-color 180ms ease;
	animation:_3e5b36cdba29062b-discoverCardIn 280ms ease both;
}

._3e5b36cdba29062b-card[data-variant='spotlight']{
	min-height:386px;
}

._3e5b36cdba29062b-card[data-variant='featured']{
	min-height:196px;
}

._3e5b36cdba29062b-cardBanner{
	position:relative;
	height:140px;
	background:linear-gradient(130deg, color-mix(in srgb, var(--brand-primary) 62%, #091224), color-mix(in srgb, var(--brand-primary) 38%, #1c4a63));
	background-size:cover;
	background-position:center;
}

._3e5b36cdba29062b-card[data-variant='spotlight'] ._3e5b36cdba29062b-cardBanner{
	height:202px;
}

._3e5b36cdba29062b-card[data-variant='featured'] ._3e5b36cdba29062b-cardBanner{
	height:112px;
}

._3e5b36cdba29062b-cardOverlay{
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, transparent 0%, rgb(8 10 18 / 0.4) 100%);
}

._3e5b36cdba29062b-cardMetaRow{
	position:absolute;
	inset:10px 10px auto;
	display:flex;
	justify-content:space-between;
	gap:8px;
	z-index:1;
}

._3e5b36cdba29062b-cardStatusPill,
._3e5b36cdba29062b-cardFeaturedPill{
	display:inline-flex;
	align-items:center;
	height:24px;
	padding-inline:9px;
	border-radius:999px;
	font-size:10px;
	font-weight:800;
}

._3e5b36cdba29062b-cardStatusPill{
	background:rgb(8 10 18 / 0.52);
	border:1px solid rgb(255 255 255 / 0.14);
	color:white;
}

._3e5b36cdba29062b-cardFeaturedPill{
	background:color-mix(in srgb, var(--brand-primary) 72%, rgb(8 10 18 / 0.28));
	border:1px solid rgb(255 255 255 / 0.16);
	color:white;
}

._3e5b36cdba29062b-cardContent{
	display:grid;
	grid-template-rows:auto auto 1fr auto;
	grid-gap:12px;
	gap:12px;
	padding:14px;
}

._3e5b36cdba29062b-cardTitleRow{
	display:flex;
	align-items:flex-start;
	gap:10px;
}

._3e5b36cdba29062b-cardIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	flex-shrink:0;
	border-radius:12px;
	overflow:hidden;
	background:color-mix(in srgb, var(--background-primary) 62%, var(--background-secondary) 38%);
	font-size:18px;
	font-weight:800;
	color:var(--text-primary);
}

._3e5b36cdba29062b-cardIcon img{
	width:100%;
	height:100%;
	object-fit:cover;
}

._3e5b36cdba29062b-cardTitleBlock{
	min-width:0;
}

._3e5b36cdba29062b-cardTitle{
	margin:0;
	font-size:17px;
	font-weight:800;
	line-height:1.2;
	color:var(--text-primary);
	word-break:break-word;
}

._3e5b36cdba29062b-cardStats{
	margin-top:6px;
	display:grid;
	grid-gap:3px;
	gap:3px;
	font-size:12px;
	font-weight:600;
	color:var(--text-secondary);
}

._3e5b36cdba29062b-cardDescription{
	font-size:13px;
	line-height:1.55;
	color:var(--text-muted);
}

._3e5b36cdba29062b-featureList{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
}

._3e5b36cdba29062b-featureChip{
	display:inline-flex;
	align-items:center;
	height:24px;
	padding-inline:9px;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--brand-primary) 20%, transparent);
	background:color-mix(in srgb, var(--brand-primary) 8%, var(--background-secondary) 92%);
	font-size:11px;
	font-weight:700;
	color:var(--text-secondary);
}

._3e5b36cdba29062b-tagChip{
	display:inline-flex;
	align-items:center;
	height:24px;
	padding-inline:9px;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--green-500) 40%, transparent);
	background:color-mix(in srgb, var(--green-500) 12%, var(--background-secondary) 88%);
	font-size:11px;
	font-weight:700;
	color:var(--text-primary);
}

._3e5b36cdba29062b-cardFooter{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}

._3e5b36cdba29062b-cardTrendMetric{
	display:grid;
	grid-gap:3px;
	gap:3px;
	flex:1 1 auto;
	min-width:0;
}

._3e5b36cdba29062b-cardFooter button{
	margin-left:auto;
	min-width:148px;
	justify-content:center;
}

._3e5b36cdba29062b-metricLabel{
	font-size:10px;
	font-weight:700;
	letter-spacing:0.08em;
	text-transform:uppercase;
	color:var(--text-muted);
}

._3e5b36cdba29062b-metricValue{
	font-size:18px;
	line-height:1;
	font-weight:800;
	color:var(--text-primary);
}

._3e5b36cdba29062b-stateText,
._3e5b36cdba29062b-errorText{
	padding:10px 4px;
	font-size:14px;
}

._3e5b36cdba29062b-stateText{
	color:var(--text-muted);
}

._3e5b36cdba29062b-errorText{
	color:var(--status-danger);
}

._3e5b36cdba29062b-emptyStateCard{
	display:grid;
	grid-gap:10px;
	gap:10px;
	padding:18px;
	border-radius:14px;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 84%, var(--background-primary) 16%);
}

._3e5b36cdba29062b-emptyStateTitle{
	font-size:18px;
	font-weight:800;
	color:var(--text-primary);
}

._3e5b36cdba29062b-emptyStateDescription{
	max-width:700px;
	font-size:14px;
	line-height:1.6;
	color:var(--text-muted);
}

._3e5b36cdba29062b-loadMoreRow{
	display:flex;
	justify-content:center;
	margin-top:16px;
}

@media (hover: hover) and (pointer: fine){
	._3e5b36cdba29062b-card:hover{
		transform:translateY(-2px);
		border-color:color-mix(in srgb, var(--brand-primary) 20%, transparent);
	}
}

@keyframes _3e5b36cdba29062b-discoverCardIn{
	from{
		opacity:0;
		transform:translateY(8px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

@media (max-width: 1080px){
	._3e5b36cdba29062b-heroMain,
	._3e5b36cdba29062b-featuredLayout{
		grid-template-columns:minmax(0, 1fr);
	}
}

@media (max-width: 900px){
	._3e5b36cdba29062b-resultsHeader,
	._3e5b36cdba29062b-sectionHeader{
		flex-direction:column;
	}

	._3e5b36cdba29062b-resultsTools{
		width:100%;
		justify-content:space-between;
	}

	._3e5b36cdba29062b-applicationFieldsRow{
		grid-template-columns:minmax(0, 1fr);
	}
}

@media (max-width: 760px){
	._3e5b36cdba29062b-hero,
	._3e5b36cdba29062b-applicationSection,
	._3e5b36cdba29062b-featuredSection,
	._3e5b36cdba29062b-resultsSection{
		padding-inline:14px;
	}

	._3e5b36cdba29062b-hero{
		padding-top:18px;
	}

	._3e5b36cdba29062b-searchForm{
		flex-wrap:wrap;
	}

	._3e5b36cdba29062b-searchForm button{
		width:100%;
	}

	._3e5b36cdba29062b-activeCategoryPanel,
	._3e5b36cdba29062b-cardFooter,
	._3e5b36cdba29062b-applicationActions{
		flex-direction:column;
		align-items:flex-start;
	}

	._3e5b36cdba29062b-cardFooter button,
	._3e5b36cdba29062b-applicationActions button{
		width:100%;
	}

	._3e5b36cdba29062b-list ._3e5b36cdba29062b-card{
		flex-direction:column;
	}

	._3e5b36cdba29062b-list ._3e5b36cdba29062b-cardBanner{
		width:100%;
		min-width:0;
		height:132px;
	}
}

@media (max-width: 520px){
	._3e5b36cdba29062b-hero,
	._3e5b36cdba29062b-applicationSection,
	._3e5b36cdba29062b-featuredSection,
	._3e5b36cdba29062b-resultsSection{
		padding-inline:10px;
	}

	._3e5b36cdba29062b-heroMain,
	._3e5b36cdba29062b-featuredLayout,
	._3e5b36cdba29062b-grid{
		grid-template-columns:minmax(0, 1fr);
	}

	._3e5b36cdba29062b-heroTitle{
		font-size:clamp(1.75rem, 9vw, 2.25rem);
		overflow-wrap:anywhere;
	}

	._3e5b36cdba29062b-searchForm,
	._3e5b36cdba29062b-searchInput,
	._3e5b36cdba29062b-activeCategoryPanel,
	._3e5b36cdba29062b-card,
	._3e5b36cdba29062b-cardContent{
		min-width:0;
		max-width:100%;
		box-sizing:border-box;
	}

	._3e5b36cdba29062b-categoryRow{
		flex-wrap:nowrap;
		overflow-x:auto;
		padding-bottom:2px;
		scrollbar-width:none;
	}

	._3e5b36cdba29062b-categoryRow::-webkit-scrollbar{
		display:none;
	}

	._3e5b36cdba29062b-categoryButton{
		flex:0 0 auto;
	}

	._3e5b36cdba29062b-heroStats{
		grid-template-columns:minmax(0, 1fr);
	}

	._3e5b36cdba29062b-resultsTools{
		flex-direction:column;
		align-items:stretch;
	}

	._3e5b36cdba29062b-sortLabel{
		justify-content:space-between;
	}

	._3e5b36cdba29062b-sortSelect{
		flex:1;
	}
}

@media (prefers-reduced-motion: reduce){
	._3e5b36cdba29062b-card{
		animation:none;
		transition:none;
	}
}

._8532fd93bb259a51-container{
	display:flex;
	height:100%;
	width:100%;
	flex-direction:column;
	background-color:var(--background-secondary);
}

._8532fd93bb259a51-header{
	display:flex;
	height:3rem;
	flex-shrink:0;
	align-items:center;
	justify-content:space-between;
	border-bottom-width:1px;
	border-color:var(--background-header-secondary);
	padding-left:1rem;
	padding-right:1rem;
}

._8532fd93bb259a51-title{
	font-weight:600;
	font-size:1.125rem;
	color:var(--text-primary);
}

._8532fd93bb259a51-bookmarkButton{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-tertiary);
	color:var(--text-primary);
	cursor:pointer;
}

._8532fd93bb259a51-bookmarkButton:hover{
	background-color:var(--background-modifier-hover);
}

._8532fd93bb259a51-bookmarkIcon{
	height:1.25rem;
	width:1.25rem;
}

._8532fd93bb259a51-emptyContainer{
	display:flex;
	flex:1 1 0%;
	align-items:center;
	justify-content:center;
	padding-left:1rem;
	padding-right:1rem;
	text-align:center;
}

._8532fd93bb259a51-emptyContent{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._8532fd93bb259a51-emptyTitle{
	font-weight:500;
	color:var(--text-primary);
}

._8532fd93bb259a51-emptyText{
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

.d87840b94c89d27a-container{
	display:flex;
	height:100vh;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:2rem;
	padding-left:1rem;
	padding-right:1rem;
	text-align:center;
}

.d87840b94c89d27a-successIcon{
	height:4rem;
	width:4rem;
	color:var(--status-online);
}

.d87840b94c89d27a-errorIcon{
	height:4rem;
	width:4rem;
	color:var(--status-danger);
}

.d87840b94c89d27a-content{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.75rem;
	text-align:center;
}

.d87840b94c89d27a-title{
	font-weight:600;
	font-size:1.875rem;
}

.d87840b94c89d27a-description{
	max-width:32rem;
	color:var(--text-primary-muted);
}

.fc85f1107b70547e-container{
	position:relative;
	display:flex;
	height:100%;
	min-height:0;
	width:100%;
	flex-direction:column;
	overflow:hidden;
	background:radial-gradient(100% 60% at 12% 0%, color-mix(in srgb, var(--brand-primary) 16%, transparent), transparent 70%), linear-gradient(180deg, var(--background-secondary), var(--background-primary));
}

.fc85f1107b70547e-pageContent{
	padding-bottom:calc(56px + 0px + 1rem);
	padding-bottom:calc(56px + var(--safe-area-bottom, 0px) + 1rem);
}

.fc85f1107b70547e-banner{
	position:relative;
	height:clamp(188px, 34vh, 260px);
	width:100%;
	overflow:hidden;
}

.fc85f1107b70547e-banner::after{
	content:'';
	position:absolute;
	inset:auto 0 0;
	height:48%;
	background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--background-primary) 90%, transparent));
	pointer-events:none;
}

.fc85f1107b70547e-bannerImage{
	height:100%;
	width:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.fc85f1107b70547e-bannerDefault{
	height:100%;
	width:100%;
	background:radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--text-primary) 16%, transparent), transparent 42%), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--brand-primary) 34%, transparent), transparent 42%), linear-gradient(140deg, color-mix(in srgb, var(--brand-primary) 72%, #19222f 28%), color-mix(in srgb, var(--brand-primary) 56%, #10151d 44%));
}

.fc85f1107b70547e-profileCard{
	position:relative;
	width:min(100% - 1.2rem, 44rem);
	margin:-2.9rem auto 0;
	border-radius:1.15rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 14%, var(--background-primary) 86%), color-mix(in srgb, var(--background-secondary) 16%, var(--background-primary) 84%));
	box-shadow:0 20px 42px rgb(0 0 0 / 0.26);
}

.fc85f1107b70547e-avatarWrap{
	position:absolute;
	left:50%;
	top:-46px;
	transform:translateX(-50%);
	border:4px solid var(--background-primary);
	border-radius:999px;
	background:var(--background-primary);
}

.fc85f1107b70547e-content{
	display:flex;
	flex-direction:column;
	gap:0.9rem;
	padding:3.5rem 1rem 1rem;
}

.fc85f1107b70547e-userInfo{
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	gap:0.35rem;
}

.fc85f1107b70547e-nameRow{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:0.45rem;
}

.fc85f1107b70547e-displayName{
	font-size:clamp(1.35rem, 4vw, 1.8rem);
	line-height:1.1;
	font-weight:800;
	letter-spacing:-0.01em;
	color:var(--text-primary);
	word-break:break-word;
}

.fc85f1107b70547e-badges{
	display:inline-flex;
	align-items:center;
}

.fc85f1107b70547e-tag{
	font-size:0.92rem;
	color:var(--text-tertiary);
	font-weight:600;
}

.fc85f1107b70547e-statusRow{
	min-height:1.35rem;
}

.fc85f1107b70547e-statusText{
	color:var(--text-secondary);
	font-size:0.92rem;
}

.fc85f1107b70547e-activityRow{
	width:100%;
}

.fc85f1107b70547e-actions{
	display:flex;
	justify-content:center;
}

.fc85f1107b70547e-loadingRow{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:0.45rem;
	font-size:0.86rem;
	color:var(--text-secondary);
}

.fc85f1107b70547e-section{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.fc85f1107b70547e-sectionTitle{
	font-size:0.78rem;
	font-weight:800;
	letter-spacing:0.055em;
	text-transform:uppercase;
	color:var(--text-secondary);
}

@media (max-width: 768px){
	.fc85f1107b70547e-banner{
		height:clamp(136px, 28vh, 200px);
	}

	.fc85f1107b70547e-bannerImage{
		background-position:center top;
	}

	.fc85f1107b70547e-profileCard{
		width:min(100% - 0.9rem, 36rem);
		margin-top:-2.25rem;
	}

	.fc85f1107b70547e-content{
		padding:3.45rem 0.82rem 0.82rem;
		gap:0.8rem;
	}
}

._28da75ed86f16797-container{
	position:relative;
	display:flex;
	height:100%;
	min-height:0;
	width:100%;
	flex-direction:column;
	overflow:hidden;
	background:radial-gradient(110% 64% at 8% 0%, color-mix(in srgb, var(--brand-primary) 16%, transparent), transparent 68%), linear-gradient(180deg, var(--background-secondary), var(--background-primary));
}

._28da75ed86f16797-pageContent{
	padding-bottom:calc(56px + 0px + 1rem);
	padding-bottom:calc(56px + var(--safe-area-bottom, 0px) + 1rem);
}

._28da75ed86f16797-banner{
	position:relative;
	height:210px;
	width:100%;
	overflow:hidden;
}

._28da75ed86f16797-banner::after{
	content:'';
	position:absolute;
	inset:auto 0 0;
	height:46%;
	background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--background-primary) 90%, transparent));
	pointer-events:none;
}

._28da75ed86f16797-bannerImage{
	height:100%;
	width:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

._28da75ed86f16797-bannerDefault{
	height:100%;
	width:100%;
	background:radial-gradient(circle at 14% 16%, color-mix(in srgb, var(--text-primary) 18%, transparent), transparent 45%), radial-gradient(circle at 85% 16%, color-mix(in srgb, var(--brand-primary) 34%, transparent), transparent 43%), linear-gradient(140deg, color-mix(in srgb, var(--brand-primary) 74%, #18222f 26%), color-mix(in srgb, var(--brand-primary) 58%, #10151d 42%));
}

._28da75ed86f16797-bannerControls{
	position:absolute;
	top:calc(0.8rem + 0px);
	top:calc(0.8rem + var(--safe-area-top, 0px));
	right:max(0.9rem, 0px);
	right:max(0.9rem, var(--safe-area-right, 0px));
	z-index:3;
}

._28da75ed86f16797-settingsButton{
	display:inline-flex;
	align-items:center;
	gap:0.45rem;
	height:2.3rem;
	padding:0 0.85rem;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--text-primary) 14%, transparent);
	background:color-mix(in srgb, var(--background-floating) 88%, var(--background-primary) 12%);
	color:var(--text-primary);
	box-shadow:0 8px 20px rgb(0 0 0 / 0.18);
	transition:background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

._28da75ed86f16797-settingsButton:hover{
	transform:translateY(-1px);
	border-color:color-mix(in srgb, var(--brand-primary) 22%, transparent);
	background:color-mix(in srgb, var(--background-floating) 76%, var(--background-primary) 24%);
}

._28da75ed86f16797-settingsButton:active{
	transform:translateY(0);
}

._28da75ed86f16797-settingsIcon{
	height:1.08rem;
	width:1.08rem;
}

._28da75ed86f16797-settingsLabel{
	font-size:0.76rem;
	font-weight:700;
	letter-spacing:0.02em;
	text-transform:uppercase;
}

._28da75ed86f16797-profile{
	position:relative;
	width:min(100% - 1.25rem, 30rem);
	margin:-3rem auto 0;
	border-radius:1.15rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:linear-gradient(180deg, color-mix(in srgb, var(--background-floating) 14%, var(--background-primary) 86%), color-mix(in srgb, var(--background-secondary) 16%, var(--background-primary) 84%));
	box-shadow:0 20px 42px rgb(0 0 0 / 0.26);
}

._28da75ed86f16797-avatarButton{
	position:absolute;
	left:50%;
	top:-42px;
	transform:translateX(-50%);
	border:4px solid var(--background-primary);
	background:var(--background-primary);
	border-radius:999px;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	box-shadow:0 10px 24px rgb(0 0 0 / 0.34);
	transition:transform 170ms ease;
}

._28da75ed86f16797-avatarButton:hover{
	transform:translateX(-50%) scale(1.03);
}

._28da75ed86f16797-content{
	padding:3.15rem 1rem 1rem;
}

._28da75ed86f16797-userInfo{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.34rem;
	text-align:center;
}

._28da75ed86f16797-usernameRow{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:0.5rem;
	min-width:0;
}

._28da75ed86f16797-username{
	font-size:clamp(1.4rem, 6vw, 1.9rem);
	line-height:1.08;
	font-weight:800;
	letter-spacing:-0.012em;
	color:var(--text-primary);
	word-break:break-word;
}

._28da75ed86f16797-badgesWrapper{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

._28da75ed86f16797-tagBadgeRow{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.4rem;
	flex-wrap:wrap;
	min-width:0;
}

._28da75ed86f16797-fullTag{
	font-size:0.9rem;
	font-weight:600;
	color:var(--text-tertiary);
}

._28da75ed86f16797-customStatusRow{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:0;
}

._28da75ed86f16797-customStatusText{
	font-size:0.9rem;
	color:var(--text-secondary);
	word-break:break-word;
}

._28da75ed86f16797-primaryActions{
	margin-top:1rem;
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	grid-gap:0.65rem;
	gap:0.65rem;
}

._28da75ed86f16797-editButton,
._28da75ed86f16797-plutoniumButton,
._28da75ed86f16797-giftsButton{
	min-height:2.8rem;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:0.5rem;
	padding:0.68rem 0.84rem;
	border-radius:0.9rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	transition:border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

._28da75ed86f16797-editButton{
	background:linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 80%, #73c3ff 20%), color-mix(in srgb, var(--brand-primary) 62%, #2d3760 38%));
	color:white;
	border-color:color-mix(in srgb, var(--brand-primary) 46%, transparent);
}

._28da75ed86f16797-editButton:hover{
	transform:translateY(-1px);
	-webkit-filter:brightness(1.03);
	        filter:brightness(1.03);
}

._28da75ed86f16797-plutoniumButton{
	background:linear-gradient(135deg, #8f6dff, #5d45c2);
	color:white;
	border-color:color-mix(in srgb, #8f6dff 48%, transparent);
}

._28da75ed86f16797-plutoniumButton:hover{
	transform:translateY(-1px);
	-webkit-filter:brightness(1.04);
	        filter:brightness(1.04);
}

._28da75ed86f16797-giftsButton{
	background:color-mix(in srgb, var(--background-secondary) 86%, var(--background-primary) 14%);
	color:var(--text-secondary);
	border-style:dashed;
	cursor:pointer;
	opacity:1;
}

._28da75ed86f16797-giftsButton:hover{
	transform:translateY(-1px);
	border-color:color-mix(in srgb, var(--brand-primary) 24%, transparent);
}

._28da75ed86f16797-actionIconShell{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:1.84rem;
	height:1.84rem;
	border-radius:0.7rem;
	border:1px solid rgb(255 255 255 / 0.2);
	background:rgb(255 255 255 / 0.14);
	flex-shrink:0;
}

._28da75ed86f16797-editIcon{
	height:1.1rem;
	width:1.1rem;
	color:currentcolor;
}

._28da75ed86f16797-editPencilIcon{
	transform-origin:76% 82%;
}

._28da75ed86f16797-editLabel,
._28da75ed86f16797-plutoniumLabel{
	font-size:0.92rem;
	font-weight:700;
	letter-spacing:0.005em;
	line-height:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._28da75ed86f16797-soonPill{
	margin-left:auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:1.22rem;
	min-width:2.2rem;
	padding:0 0.42rem;
	border-radius:999px;
	font-size:0.64rem;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:0.06em;
	color:var(--text-muted);
	background:color-mix(in srgb, var(--background-primary) 74%, var(--background-secondary) 26%);
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
}

._28da75ed86f16797-giftPreviewSkeletonList{
	display:grid;
	grid-gap:0.45rem;
	gap:0.45rem;
}

._28da75ed86f16797-giftPreviewSkeletonCard{
	display:flex;
	align-items:center;
	gap:0.68rem;
	width:100%;
	padding:0.56rem 0.68rem;
	border-radius:0.8rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
	background:color-mix(in srgb, var(--background-primary) 54%, var(--background-secondary) 46%);
}

._28da75ed86f16797-giftPreviewSkeletonIcon,
._28da75ed86f16797-giftPreviewSkeletonLine{
	position:relative;
	overflow:hidden;
	background:color-mix(in srgb, var(--background-tertiary) 88%, var(--background-secondary) 12%);
}

._28da75ed86f16797-giftPreviewSkeletonIcon::after,
._28da75ed86f16797-giftPreviewSkeletonLine::after{
	content:'';
	position:absolute;
	inset:0;
	transform:translateX(-120%);
	background:linear-gradient(
		90deg,
		transparent 0%,
		color-mix(in srgb, var(--text-primary) 16%, transparent) 48%,
		transparent 100%
	);
	animation:_28da75ed86f16797-giftSkeletonSweep 1.25s ease-in-out infinite;
}

._28da75ed86f16797-giftPreviewSkeletonIcon{
	width:1.9rem;
	height:1.9rem;
	border-radius:0.64rem;
	flex-shrink:0;
}

._28da75ed86f16797-giftPreviewSkeletonContent{
	display:grid;
	grid-gap:0.24rem;
	gap:0.24rem;
	flex:1;
	min-width:0;
}

._28da75ed86f16797-giftPreviewSkeletonLine{
	height:0.72rem;
	border-radius:999px;
	width:100%;
}

._28da75ed86f16797-giftPreviewSkeletonLineShort{
	width:64%;
}

._28da75ed86f16797-giftPreviewList{
	display:grid;
	grid-gap:0.45rem;
	gap:0.45rem;
}

._28da75ed86f16797-giftPreviewCard{
	display:flex;
	align-items:center;
	gap:0.68rem;
	width:100%;
	padding:0.56rem 0.68rem;
	border-radius:0.8rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	background:color-mix(in srgb, var(--background-primary) 54%, var(--background-secondary) 46%);
	text-align:left;
}

._28da75ed86f16797-giftPreviewCard:hover{
	border-color:color-mix(in srgb, var(--brand-primary) 28%, transparent);
}

._28da75ed86f16797-giftPreviewIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:1.9rem;
	height:1.9rem;
	border-radius:0.64rem;
	background:color-mix(in srgb, var(--brand-primary) 72%, transparent);
	color:white;
	flex-shrink:0;
}

._28da75ed86f16797-giftPreviewIcon svg{
	width:1rem;
	height:1rem;
}

._28da75ed86f16797-giftPreviewContent{
	display:flex;
	flex-direction:column;
	gap:0.08rem;
	min-width:0;
}

._28da75ed86f16797-giftPreviewTitle{
	font-size:0.82rem;
	font-weight:700;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._28da75ed86f16797-giftPreviewMeta{
	font-size:0.74rem;
	color:var(--text-secondary);
}

._28da75ed86f16797-mediaPreviewList{
	display:grid;
	grid-gap:0.45rem;
	gap:0.45rem;
}

._28da75ed86f16797-mediaPreviewItem{
	display:flex;
	align-items:center;
	gap:0.68rem;
	padding:0.56rem 0.68rem;
	border-radius:0.8rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-primary) 54%, var(--background-secondary) 46%);
}

._28da75ed86f16797-mediaPreviewThumb{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:1.9rem;
	height:1.9rem;
	border-radius:0.64rem;
	background:color-mix(in srgb, var(--brand-primary) 68%, transparent);
	color:white;
	flex-shrink:0;
}

._28da75ed86f16797-mediaPreviewIcon{
	width:1rem;
	height:1rem;
}

._28da75ed86f16797-mediaPreviewMeta{
	display:flex;
	flex-direction:column;
	gap:0.06rem;
	min-width:0;
}

._28da75ed86f16797-mediaPreviewTitle{
	font-size:0.82rem;
	font-weight:700;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._28da75ed86f16797-mediaPreviewSub{
	font-size:0.74rem;
	color:var(--text-secondary);
}

._28da75ed86f16797-plutoniumPlanetIcon{
	position:relative;
	display:block;
	width:1.26rem;
	height:1.26rem;
}

._28da75ed86f16797-plutoniumPlanetCore,
._28da75ed86f16797-plutoniumPlanetRing,
._28da75ed86f16797-plutoniumPlanetMoon{
	position:absolute;
	pointer-events:none;
}

._28da75ed86f16797-plutoniumPlanetCore{
	inset:0.16rem;
	border-radius:999px;
	background:linear-gradient(150deg, #e5d6ff 8%, #a889ff 54%, #744ce4 100%);
	box-shadow:inset 0 1px 0 rgb(255 255 255 / 0.45);
}

._28da75ed86f16797-plutoniumPlanetRing{
	left:50%;
	top:50%;
	width:1.2rem;
	height:0.42rem;
	border:1px solid rgb(233 222 255 / 0.86);
	border-radius:999px;
	transform:translate(-50%, -50%) rotate(14deg);
}

._28da75ed86f16797-plutoniumPlanetMoon{
	top:0.2rem;
	right:0.03rem;
	width:0.24rem;
	height:0.24rem;
	border-radius:999px;
	background:rgb(239 231 255);
}

._28da75ed86f16797-section{
	margin-top:1rem;
	border-radius:0.95rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 74%, var(--background-primary) 26%);
	padding:0.95rem;
	text-align:left;
}

._28da75ed86f16797-sectionHeader{
	display:grid;
	grid-gap:0.5rem;
	gap:0.5rem;
}

._28da75ed86f16797-sectionTitle{
	margin:0;
	font-size:0.8rem;
	font-weight:800;
	letter-spacing:0.075em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--text-tertiary) 94%, var(--text-secondary));
}

._28da75ed86f16797-noteButton{
	margin-top:1rem;
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	border-radius:0.95rem;
	border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 74%, var(--background-primary) 26%);
	padding:0.88rem;
	text-align:left;
}

._28da75ed86f16797-noteInner{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.16rem;
	min-width:0;
}

._28da75ed86f16797-noteLabel{
	margin:0;
	font-size:0.8rem;
	font-weight:800;
	letter-spacing:0.075em;
	text-transform:uppercase;
	color:color-mix(in srgb, var(--text-tertiary) 94%, var(--text-secondary));
}

._28da75ed86f16797-noteSubtext{
	margin:0;
	font-size:0.76rem;
	color:var(--text-muted);
}

._28da75ed86f16797-noteText{
	margin-top:0.28rem;
	font-size:0.9rem;
	line-height:1.45;
	color:var(--text-secondary);
	word-break:break-word;
}

._28da75ed86f16797-noteIconWrapper{
	display:inline-flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	border:1px solid color-mix(in srgb, var(--text-primary) 14%, transparent);
	background:color-mix(in srgb, var(--background-primary) 56%, var(--background-secondary) 44%);
	flex-shrink:0;
}

._28da75ed86f16797-noteIcon{
	height:1rem;
	width:1rem;
	color:var(--text-primary);
}

@media (max-width: 680px){
	._28da75ed86f16797-banner{
		height:196px;
	}

	._28da75ed86f16797-profile{
		width:min(100% - 1rem, 28.5rem);
		margin-top:-2.86rem;
	}

	._28da75ed86f16797-primaryActions{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}

	._28da75ed86f16797-giftsButton{
		grid-column:1 / -1;
	}

	._28da75ed86f16797-editPencilIcon{
		animation:_28da75ed86f16797-editPencilJitter 2.6s cubic-bezier(0.22, 1, 0.36, 1) infinite;
	}
}

@keyframes _28da75ed86f16797-giftSkeletonSweep{
	100%{
		transform:translateX(120%);
	}
}

@media (max-width: 420px){
	._28da75ed86f16797-banner{
		height:182px;
	}

	._28da75ed86f16797-settingsButton{
		width:2.06rem;
		padding:0;
		justify-content:center;
		border-radius:0.74rem;
	}

	._28da75ed86f16797-settingsLabel{
		display:none;
	}

	._28da75ed86f16797-profile{
		width:min(100% - 0.82rem, 26rem);
		margin-top:-2.62rem;
	}

	._28da75ed86f16797-content{
		padding:2.95rem 0.85rem 0.9rem;
	}

	._28da75ed86f16797-primaryActions{
		grid-template-columns:minmax(0, 1fr);
	}

	._28da75ed86f16797-noteButton{
		align-items:flex-start;
	}

}

@media (max-width: 380px){
	._28da75ed86f16797-banner{
		height:156px;
	}

	._28da75ed86f16797-bannerControls{
		top:calc(0.55rem + 0px);
		top:calc(0.55rem + var(--safe-area-top, 0px));
		right:max(0.55rem, 0px);
		right:max(0.55rem, var(--safe-area-right, 0px));
	}

	._28da75ed86f16797-profile{
		width:min(100% - 0.55rem, 26rem);
		margin-top:-2.35rem;
		border-radius:0.95rem;
	}

	._28da75ed86f16797-content{
		padding:2.7rem 0.68rem 0.75rem;
	}

	._28da75ed86f16797-username{
		font-size:clamp(1.2rem, 6vw, 1.55rem);
	}

	._28da75ed86f16797-fullTag,
	._28da75ed86f16797-customStatusText,
	._28da75ed86f16797-noteText{
		font-size:0.8rem;
	}

	._28da75ed86f16797-editButton,
	._28da75ed86f16797-plutoniumButton,
	._28da75ed86f16797-giftsButton,
	._28da75ed86f16797-section,
	._28da75ed86f16797-noteButton{
		padding:0.68rem;
	}

	._28da75ed86f16797-editLabel,
	._28da75ed86f16797-plutoniumLabel{
		font-size:0.82rem;
		white-space:normal;
		overflow-wrap:anywhere;
	}
}

@keyframes _28da75ed86f16797-editPencilJitter{
	0%,
	68%,
	100%{
		transform:rotate(0deg) translateX(0);
	}
	72%{
		transform:rotate(-9deg) translateX(-0.2px);
	}
	76%{
		transform:rotate(7deg) translateX(0.2px);
	}
	80%{
		transform:rotate(-5deg);
	}
	84%{
		transform:rotate(3deg);
	}
	88%{
		transform:rotate(0deg);
	}
}

@media (prefers-reduced-motion: reduce){
	._28da75ed86f16797-settingsButton,
	._28da75ed86f16797-editButton,
	._28da75ed86f16797-plutoniumButton,
	._28da75ed86f16797-avatarButton{
		transition:none;
	}

	._28da75ed86f16797-editPencilIcon{
		animation:none;
	}
}

.b5a0aa120c5d18dd-dragLayer{
	position:fixed;
	inset:0;
	pointer-events:none;
	z-index:2147483200;
}

.b5a0aa120c5d18dd-dragPreview{
	position:absolute;
	top:0;
	left:0;
	display:inline-flex;
	align-items:center;
	gap:0.45rem;
	max-width:min(21rem, 78vw);
	padding:0.42rem 0.58rem;
	border-radius:0.75rem;
	border:1px solid color-mix(in srgb, var(--brand-primary) 28%, transparent);
	background:color-mix(in srgb, var(--background-floating) 92%, var(--background-secondary) 8%);
	box-shadow:0 14px 28px rgb(0 0 0 / 0.28), 0 0 0 1px color-mix(in srgb, var(--text-primary) 6%, transparent);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	will-change:transform;
	animation:b5a0aa120c5d18dd-dragPreviewFadeIn 120ms linear;
}

.b5a0aa120c5d18dd-dragPreviewIconWrap{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:1.2rem;
	width:1.2rem;
	color:color-mix(in srgb, var(--text-primary) 82%, var(--brand-primary) 18%);
	flex-shrink:0;
}

.b5a0aa120c5d18dd-dragPreviewIcon{
	height:1rem;
	width:1rem;
}

.b5a0aa120c5d18dd-dragPreviewLabel{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.82rem;
	line-height:1.02rem;
	font-weight:700;
	color:var(--text-primary);
}

@keyframes b5a0aa120c5d18dd-dragPreviewFadeIn{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}

@media (prefers-reduced-motion: reduce){
	.b5a0aa120c5d18dd-dragPreview{
		animation:none;
	}
}

._34e96a823824cd81-container{
	position:relative;
	flex-shrink:0;
	border-radius:9999px;
}

._34e96a823824cd81-imageWrapper{
	height:100%;
	width:100%;
	overflow:hidden;
	border-radius:9999px;
}

._34e96a823824cd81-imageWrapperSpeaking{
	outline-style:solid;
	outline-width:2px;
	outline-color:#22c55e;
}

._34e96a823824cd81-image{
	display:block;
	height:100%;
	width:100%;
	object-fit:cover;
	object-position:center;
	border-radius:9999px;
	image-rendering:auto;
}

._0034c92e2a22c0d4-container{
	position:relative;
}

._1b8a07f4336cfab5-container{
	margin-left:0.5rem;
	margin-right:0.5rem;
	display:flex;
	align-items:center;
	gap:0.375rem;
	border-radius:0.375rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
	color:var(--text-primary-muted);
}

._1b8a07f4336cfab5-icon{
	height:1.25rem;
	width:1.25rem;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

._1b8a07f4336cfab5-channelContainer{
	margin-top:0.25rem;
	margin-right:0.5rem;
	margin-left:1.5rem;
	display:flex;
	align-items:center;
	gap:0.375rem;
	border-radius:0.375rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
	color:var(--text-primary-muted);
}

._4fcdec483a4fc26f-container{
	position:absolute;
	top:0;
	bottom:0;
	left:0.5rem;
	right:0.5rem;
	display:flex;
	align-items:center;
}

._4fcdec483a4fc26f-containerDragging{
	pointer-events:auto;
}

._4fcdec483a4fc26f-containerNotDragging{
	pointer-events:none;
}

._4fcdec483a4fc26f-indicator{
	height:0.125rem;
	width:100%;
	border-radius:9999px;
	background-color:var(--brand-primary);
	transition:transform 150ms, opacity 150ms;
}

._4fcdec483a4fc26f-indicatorVisible{
	transform:scaleY(1);
	opacity:1;
}

._4fcdec483a4fc26f-indicatorHidden{
	transform:scaleY(0);
	opacity:0;
}

._23cffd89e8d5eb93-container{
	display:flex;
	flex-direction:column;
}

._23cffd89e8d5eb93-participantButton{
	display:flex;
	width:100%;
	align-items:center;
	gap:0.375rem;
	border-radius:0.375rem;
	padding:0.25rem 0.5rem;
	transition-property:color, background-color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
	text-align:left;
	color:var(--text-primary-muted);
}

._23cffd89e8d5eb93-participantButtonSpeaking{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._23cffd89e8d5eb93-participantButton:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._23cffd89e8d5eb93-avatarAndName{
	display:flex;
	flex:1;
	align-items:center;
	gap:0.375rem;
}

._23cffd89e8d5eb93-nameContainer{
	display:flex;
	min-width:0;
	flex:1;
	align-items:baseline;
	gap:0.25rem;
}

._23cffd89e8d5eb93-participantName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
}

._23cffd89e8d5eb93-participantNameSpeaking{
	color:var(--text-primary);
}

._23cffd89e8d5eb93-participantNameCurrent{
	color:var(--text-primary);
}

._23cffd89e8d5eb93-deviceCount{
	flex-shrink:0;
	font-size:0.75rem;
	color:var(--text-secondary);
}

._23cffd89e8d5eb93-iconsAndToggle{
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:0.25rem;
}

._23cffd89e8d5eb93-toggleButton{
	display:inline-flex;
	height:1.5rem;
	width:1.5rem;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-full);
	border:none;
	background-color:transparent;
	padding:0;
	cursor:pointer;
}

._23cffd89e8d5eb93-toggleButton:hover{
	background-color:var(--background-modifier-hover);
}

._23cffd89e8d5eb93-toggleButton:focus{
	outline:none;
}

._23cffd89e8d5eb93-toggleButton:focus-visible{
	box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-primary) 50%, transparent);
}

._23cffd89e8d5eb93-toggleIcon{
	height:1rem;
	width:1rem;
	color:var(--text-secondary);
	transition-property:transform;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:200ms;
}

._23cffd89e8d5eb93-toggleIconCollapsed{
	transform:rotate(-90deg);
}

._23cffd89e8d5eb93-devicesContainer{
	margin-top:0.125rem;
	margin-left:1rem;
	display:flex;
	flex-direction:column;
	gap:0.125rem;
}

._23cffd89e8d5eb93-flexShrinkZero{
	flex-shrink:0;
}

.e0862400f2d8d9d0-participantRow{
	display:flex;
	align-items:center;
	gap:0.375rem;
	border-radius:0.375rem;
	padding:0.25rem 0.5rem;
	transition-property:color, background-color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	color:var(--text-primary-muted);
	cursor:pointer;
}

.e0862400f2d8d9d0-participantRowWrapper{
	position:relative;
	overflow:visible;
}

.e0862400f2d8d9d0-participantRowWrapperWithPreview{
	z-index:32;
}

.e0862400f2d8d9d0-participantRowSpeaking{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.e0862400f2d8d9d0-participantRow:not(.e0862400f2d8d9d0-participantRowDragging):hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.e0862400f2d8d9d0-participantRowDragging{
	opacity:0.5;
}

.e0862400f2d8d9d0-participantRowCurrentConnection{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.e0862400f2d8d9d0-participantRowPopoutOpen{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.e0862400f2d8d9d0-deviceIcon{
	display:flex;
	align-items:center;
	justify-content:center;
}

.e0862400f2d8d9d0-deviceIconSpeaking{
	color:rgb(34 197 94);
}

.e0862400f2d8d9d0-deviceIconCurrent{
	color:var(--text-primary);
}

.e0862400f2d8d9d0-iconContainer{
	height:1.25rem;
	width:1.25rem;
}

.e0862400f2d8d9d0-participantName{
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.875rem;
	font-weight:500;
	line-height:1.25rem;
	max-height:1.25rem;
}

.e0862400f2d8d9d0-participantNameSpeaking{
	color:var(--text-primary);
}

.e0862400f2d8d9d0-participantNameCurrent{
	color:var(--text-primary);
}

.e0862400f2d8d9d0-iconsContainer{
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:0.25rem;
}

.e0862400f2d8d9d0-flexShrinkZero{
	flex-shrink:0;
}

.e0862400f2d8d9d0-streamPreviewPopover{
	position:fixed;
	transform:translateY(-50%);
	width:13.5rem;
	display:grid;
	grid-gap:0.45rem;
	gap:0.45rem;
	padding:0.45rem;
	border-radius:0.7rem;
	background:color-mix(in srgb, var(--background-floating) 94%, black 6%);
	border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
	box-shadow:0 10px 28px rgb(0 0 0 / 0.32);
	z-index:2147483000;
	pointer-events:none;
}

.e0862400f2d8d9d0-streamPreviewMeta{
	display:grid;
	grid-gap:0.12rem;
	gap:0.12rem;
}

.e0862400f2d8d9d0-streamPreviewTitle{
	color:var(--text-primary);
	font-size:0.76rem;
	font-weight:700;
	line-height:1.05;
}

.e0862400f2d8d9d0-streamPreviewSubtitle{
	color:var(--text-tertiary-muted);
	font-size:0.68rem;
	font-weight:500;
	line-height:1.05;
}

.e0862400f2d8d9d0-streamPreviewViewport{
	aspect-ratio:16 / 9;
	border-radius:0.5rem;
	overflow:hidden;
	background:color-mix(in srgb, var(--background-secondary) 88%, black 12%);
	display:flex;
	align-items:center;
	justify-content:center;
}

.e0862400f2d8d9d0-streamPreviewImage{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.e0862400f2d8d9d0-streamPreviewFallback{
	color:var(--text-tertiary-muted);
	font-size:0.68rem;
}

.d68826eb762d7986-container{
	display:flex;
	align-items:center;
	gap:0.25rem;
}

.d68826eb762d7986-liveBadge{
	display:inline-flex;
	align-items:center;
	border-radius:9999px;
	background-color:rgb(220 38 38);
	padding-left:0.375rem;
	padding-right:0.375rem;
	padding-top:0.125rem;
	padding-bottom:0.125rem;
	font-weight:600;
	font-size:10px;
	color:white;
	text-transform:uppercase;
	line-height:1;
}

.d68826eb762d7986-icon{
	height:1rem;
	width:1rem;
}

.d68826eb762d7986-iconMuted{
	color:var(--text-primary-muted);
}

.d68826eb762d7986-iconGuildAction{
	color:rgb(239 68 68);
}

._75ad0577805d413f-container{
	margin-top:0.25rem;
	margin-right:0.5rem;
	margin-left:1.5rem;
	display:flex;
	flex-direction:column;
	gap:0.125rem;
}

._2608ecb020c15d09-container{
	display:flex;
	flex-direction:column;
	gap:2px;
	border-radius:6px;
	border-width:1px;
	border-color:var(--background-header-secondary);
	background-color:var(--background-primary);
	padding-left:6px;
	padding-right:6px;
	padding-top:8px;
	padding-bottom:8px;
}

._2608ecb020c15d09-item{
	display:flex;
	width:100%;
	cursor:pointer;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	border-radius:6px;
	border-width:0;
	background-color:transparent;
	padding:8px;
	text-align:left;
	line-height:16px;
}

._2608ecb020c15d09-item:hover,
._2608ecb020c15d09-item:focus-visible{
	background-color:var(--brand-primary);
	color:var(--brand-primary-fill);
}

._2608ecb020c15d09-item:focus-visible{
	outline:none;
}

._2608ecb020c15d09-itemDanger{
	color:var(--status-danger);
}

._2608ecb020c15d09-itemDanger:hover,
._2608ecb020c15d09-itemDanger:focus-visible{
	background-color:var(--status-danger);
}

._2608ecb020c15d09-itemDanger:focus-visible{
	outline:none;
}

._2608ecb020c15d09-itemIcon{
	height:20px;
	width:20px;
	flex-shrink:0;
}

._2608ecb020c15d09-checkboxContainer{
	display:flex;
	width:100%;
	cursor:pointer;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	border-radius:6px;
	border-width:0;
	background-color:transparent;
	padding:8px;
	text-align:left;
	line-height:16px;
}

._2608ecb020c15d09-checkboxContainer:hover,
._2608ecb020c15d09-checkboxContainer:focus-visible{
	background-color:var(--brand-primary);
	color:var(--brand-primary-fill);
}

._2608ecb020c15d09-checkboxContainer:focus-visible{
	outline:none;
}

._2608ecb020c15d09-checkboxIcon{
	display:flex;
	height:20px;
	width:20px;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
}

._2608ecb020c15d09-iconMedium{
	height:20px;
	width:20px;
}

._2608ecb020c15d09-itemButton{
	display:flex;
	width:100%;
	cursor:pointer;
	align-items:center;
	justify-content:space-between;
	gap:0.5rem;
	border-radius:var(--radius-md);
	border:none;
	background-color:transparent;
	padding:0.5rem;
	text-align:left;
	line-height:1rem;
}

._2608ecb020c15d09-itemButton:hover,
._2608ecb020c15d09-itemButton:focus-visible{
	background-color:var(--brand-primary);
	color:var(--brand-primary-fill);
}

._2608ecb020c15d09-itemButton:focus-visible{
	outline:none;
}

.a540b6dfb8af9cb1-container{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:100vh;
	padding:32px;
	text-align:center;
	background-color:var(--background-primary);
}

.a540b6dfb8af9cb1-icon{
	width:96px;
	height:96px;
	margin-bottom:24px;
	color:var(--brand-primary);
}

.a540b6dfb8af9cb1-content{
	max-width:500px;
	margin-bottom:32px;
}

.a540b6dfb8af9cb1-title{
	font-size:32px;
	font-weight:700;
	margin:0 0 16px 0;
	color:var(--text-primary);
}

.a540b6dfb8af9cb1-description{
	font-size:16px;
	line-height:1.5;
	margin:0;
	color:var(--text-primary);
}

.a540b6dfb8af9cb1-actions{
	display:flex;
	gap:12px;
}

.a540b6dfb8af9cb1-actions a{
	text-decoration:none;
	color:inherit;
	display:inline-block;
	width:auto;
}

.a540b6dfb8af9cb1-actions a:hover,
.a540b6dfb8af9cb1-actions a:focus{
	text-decoration:none;
}

._1a35ec701cb7f05e-mobileRouteLayer{
	position:relative;
	height:100%;
	min-height:0;
	width:100%;
	transform-origin:center top;
	will-change:transform, opacity;
}

html:not(.auth-page) ._83e95e8b324c7cd1-appContainer{
	height:100svh;
	min-height:100svh;
	box-sizing:border-box;
	background:var(--app-surface-background, var(--background-primary));
	padding-top:var(--safe-area-top);
	padding-right:var(--safe-area-right);
	padding-bottom:var(--safe-area-bottom);
	padding-left:var(--safe-area-left);
	overflow:hidden;
	position:relative;
}

html.platform-native-mobile:not(.auth-page) ._83e95e8b324c7cd1-appContainer{
	height:100%;
	min-height:100%;
}

html ._83e95e8b324c7cd1-overlayScope{
	position:fixed;
	inset:0;
	z-index:var(--z-index-overlay);
	pointer-events:none;
}

html.platform-native-desktop ._83e95e8b324c7cd1-overlayScope{
	top:var(--native-titlebar-height);
}

html ._83e95e8b324c7cd1-overlayScope > :not([data-overlay-pass-through]){
	pointer-events:auto;
}

._83e95e8b324c7cd1-quickSwitcherPortal{
	position:fixed;
	inset:0;
	pointer-events:none;
}

.e77dc2634ab4c76b-errorFallbackContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:var(--spacing-8);
	height:100vh;
	padding:var(--spacing-4);
	text-align:center;
}

.e77dc2634ab4c76b-errorFallbackIcon{
	height:6rem;
	width:6rem;
}

.e77dc2634ab4c76b-errorFallbackContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--spacing-3);
	text-align:center;
}

.e77dc2634ab4c76b-errorFallbackTitle{
	font-weight:600;
	font-size:1.875rem;
	line-height:2.25rem;
}

.e77dc2634ab4c76b-errorFallbackDescription{
	max-width:21rem;
	color:var(--text-primary-muted);
}

.e77dc2634ab4c76b-errorFallbackActions{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
}

.e77dc2634ab4c76b-errorFallbackCopyAction{
	display:flex;
	justify-content:center;
}

@media (min-width: 768px){
	.e77dc2634ab4c76b-errorFallbackActions{
		flex-direction:row;
	}
}


.e77dc2634ab4c76b-errorFallbackDiagnostics{
	margin-top:1.25rem;
	font-size:0.75rem;
	line-height:1.4;
	color:rgba(255, 255, 255, 0.5);
	color:var(--text-tertiary, rgba(255, 255, 255, 0.5));
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	text-align:center;
	-webkit-user-select:text;
	   -moz-user-select:text;
	    -ms-user-select:text;
	        user-select:text;
}

.e77dc2634ab4c76b-errorFallbackDiagnostics code{
	background:color-mix(in srgb, var(--text-primary) 8%, transparent);
	padding:0.1rem 0.35rem;
	border-radius:0.3rem;
}