: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);
}

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

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

::-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;
}

html,
body{
	touch-action:pan-y;
}

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

:root{
	--saturation-factor:1;
	--user-select:auto;

	--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:4px;

	--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);

	--mobile-bottom-nav-height:60px;

	--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) 35%, var(--text-tertiary) 65%);
	--scrollbar-thumb-bg-hover:color-mix(in srgb, var(--background-textarea) 25%, var(--text-secondary) 75%);
	--scrollbar-track-bg:color-mix(in srgb, var(--background-secondary) 80%, transparent);

	--focus-primary:#00b0f4;
}

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

.theme-light{
	--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);
	--scrollbar-thumb-bg:color-mix(in srgb, var(--background-header-secondary) 40%, var(--text-secondary) 60%);
	--scrollbar-thumb-bg-hover:color-mix(in srgb, var(--background-header-secondary) 30%, var(--text-primary) 70%);
	--scrollbar-track-bg:color-mix(in srgb, var(--background-secondary) 50%, transparent);
}

html{
	background-color:var(--background-secondary);
	color:var(--text-primary);
	overflow:hidden;
	-ms-scroll-chaining:none;
	    overscroll-behavior: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:var(--font-sans);
	font-size:16px;
	line-height:1.5;
	font-optical-sizing:auto;
}

body{
	scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);
	margin:0;
	padding:0;
}

*:focus{
	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: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:var(--bg-code);
}

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

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

a{
	color:var(--text-link);
	text-decoration:none;
}
@media (hover: hover){
	a:hover{
		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:hsl(0, 0%, 100%);
		--text-secondary:hsl(0, 0%, 90%);
		--text-tertiary:hsl(0, 0%, 80%);
		--text-link:hsl(210, 100%, 70%);
		--border-color:hsl(0, 0%, 50%);
	}
	.theme-light{
		--text-primary:hsl(0, 0%, 0%);
		--text-secondary:hsl(0, 0%, 10%);
		--text-tertiary:hsl(0, 0%, 20%);
		--text-link:hsl(210, 100%, 40%);
		--border-color:hsl(0, 0%, 40%);
	}
}

.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.35);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}

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

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:10px 16px;
	font-size:14px;
	font-weight:600;
	line-height:20px;
	height:44px;
	min-height:44px;
	min-width:96px;
	border-radius:8px;
	border:none;
	cursor:pointer;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	text-decoration:none;
	position:relative;
	overflow:hidden;
	transition:background-color 0.15s ease, color 0.15s ease, transform 0.1s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.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){
	transform:translateY(1px);
}

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

.c81bc16e0983465b-button.c81bc16e0983465b-compact{
	height:32px;
	min-height:32px;
	min-width:60px;
	padding:6px 12px;
}

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

.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:44px;
	min-width:44px;
	padding:10px;
}

.c81bc16e0983465b-button.c81bc16e0983465b-square.c81bc16e0983465b-small{
	width:40px;
	min-width:40px;
	padding:8px;
}

.c81bc16e0983465b-button.c81bc16e0983465b-square.c81bc16e0983465b-compact{
	width:32px;
	min-width:32px;
	padding:6px;
}

.c81bc16e0983465b-button.c81bc16e0983465b-primary{
	background-color:var(--brand-primary);
	color:var(--brand-primary-fill);
}

.c81bc16e0983465b-button.c81bc16e0983465b-primary:hover:not(:disabled),
.c81bc16e0983465b-button.c81bc16e0983465b-primary:focus-visible:not(:disabled){
	background-color:var(--brand-secondary);
}

.c81bc16e0983465b-button.c81bc16e0983465b-secondary{
	background-color:var(--background-tertiary);
	color:var(--button-secondary-text);
}

.theme-light .c81bc16e0983465b-button.c81bc16e0983465b-secondary{
	background-color:var(--background-modifier-hover);
	color:var(--button-ghost-text);
}

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

.theme-light .c81bc16e0983465b-button.c81bc16e0983465b-secondary:hover:not(:disabled),
.theme-light .c81bc16e0983465b-button.c81bc16e0983465b-secondary:focus-visible:not(:disabled){
	background-color:var(--background-modifier-hover);
	color:var(--button-ghost-text);
}

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

.c81bc16e0983465b-button.c81bc16e0983465b-dangerPrimary:hover:not(:disabled),
.c81bc16e0983465b-button.c81bc16e0983465b-dangerPrimary:focus-visible:not(:disabled){
	background-color:var(--button-danger-active-fill);
}

.c81bc16e0983465b-button.c81bc16e0983465b-dangerSecondary{
	background-color:color-mix(in srgb, var(--button-danger-fill) 12%, transparent);
	color:var(--button-danger-outline-text);
}

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

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

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

.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%);
}
}

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

._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:hsl(0deg 0% 0%);
	inset:0;
	pointer-events:none;
	position:fixed;
}

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

html.platform-native:not(.platform-macos) ._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:not(.platform-macos) ._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:not(.platform-macos) ._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 + env(safe-area-inset-top, 0px)) calc(16px + env(safe-area-inset-right, 0px)) calc(24px + env(safe-area-inset-bottom, 0px)) calc(16px + env(safe-area-inset-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:var(--background-secondary);
	border:1px solid var(--background-header-secondary);
	border-radius:8px;
	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;
	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 var(--background-header-secondary);
	border-radius:clamp(8px, 1vw, 12px);
	box-sizing:border-box;
	padding:0;
	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;
	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.25s cubic-bezier(0.32, 0.72, 0, 1) forwards;
}

._081fe46968708e90-mobileSlideOut{
	animation:_081fe46968708e90-slideOutToRight 0.2s cubic-bezier(0.32, 0.72, 0, 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:not(.platform-macos) ._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:not(.platform-macos) ._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:not(.platform-macos) ._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:not(.platform-macos) ._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:not(.platform-macos) ._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:var(--background-secondary);
}

._081fe46968708e90-layout._081fe46968708e90-header._081fe46968708e90-light{
	background-color:var(--background-secondary);
}

._081fe46968708e90-layout._081fe46968708e90-header._081fe46968708e90-dark{
	background-color:var(--background-secondary);
}

._081fe46968708e90-layout._081fe46968708e90-footer{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	gap:8px;
	background-color:var(--background-secondary);
}

._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;
	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:4px;
	-webkit-tap-highlight-color:transparent;
	-webkit-app-region:no-drag;
}

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

._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-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 + env(safe-area-inset-top, 0px));
	right:calc(12px + env(safe-area-inset-right, 0px));
	z-index:10;
	pointer-events:auto;
}

._081fe46968708e90-insetCloseButton{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:9999px;
	border:1px solid color-mix(in srgb, var(--background-modifier-accent) 70%, transparent);
	background:color-mix(in srgb, var(--background-secondary) 55%, transparent);
	-webkit-backdrop-filter:blur(10px);
	        backdrop-filter:blur(10px);
	color:var(--text-primary);
	cursor:pointer;
	box-shadow:0 10px 30px rgba(0, 0, 0, 0.28);
	transition:transform 0.12s ease, opacity 0.12s ease, background-color 0.12s ease, border-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) 75%, transparent);
	border-color:color-mix(in srgb, var(--background-modifier-accent) 95%, transparent);
}

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

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

._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%;
	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%;
	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-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);
}

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

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

.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:8px;
	-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:6px;
	color:var(--text-tertiary);
	cursor:pointer;
}

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

.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:1px solid var(--background-header-secondary);
	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:var(--text-primary);
}

@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:var(--status-online);
}

._17364c109129fed7-dash{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._10e9db312adb75df-row{
	display:flex;
	min-height:0;
	align-items:center;
	gap:1rem;
	border-bottom:1px solid var(--background-header-secondary);
	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:var(--text-primary);
}

@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:var(--text-primary-muted);
}

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

._10e9db312adb75df-plutoniumValue{
	width:5rem;
	text-align:center;
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--status-online);
}

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

._4da2b6c0c574ca45-table{
	overflow:hidden;
	border-radius:0.5rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
}

._4da2b6c0c574ca45-header{
	display:flex;
	min-height:0;
	align-items:center;
	gap:1rem;
	border-bottom:2px solid var(--background-header-secondary);
	background-color:var(--background-tertiary);
	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:var(--text-primary);
}

@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:var(--text-primary);
}

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

._4da2b6c0c574ca45-headerPlutonium{
	width:5rem;
	text-align:center;
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--status-online);
}

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

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

._6c8cd05c47934390-giftModeContainer{
	display:flex;
	min-height:0;
	flex-direction:column;
	gap:2rem;
	padding-bottom:1.5rem;
}

._6c8cd05c47934390-mainContainer{
	display:flex;
	min-height:0;
	flex-direction:column;
	gap:2.5rem;
	padding-bottom:2rem;
}

._6c8cd05c47934390-header{
	text-align:center;
}

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

._6c8cd05c47934390-icon{
	height:4rem;
	width:4rem;
	color:rgb(245 158 11);
}

._6c8cd05c47934390-title{
	margin-bottom:0.75rem;
	font-weight:700;
	font-size:1.5rem;
	line-height:2rem;
	color:var(--text-primary);
}

@media (min-width: 768px){
	._6c8cd05c47934390-title{
		font-size:1.875rem;
		line-height:2.25rem;
	}
}

._6c8cd05c47934390-description{
	margin-left:auto;
	margin-right:auto;
	max-width:42rem;
	font-size:1rem;
	line-height:1.625;
	color:var(--text-primary-muted);
}

@media (min-width: 768px){
	._6c8cd05c47934390-description{
		font-size:1.125rem;
		line-height:1.75rem;
	}
}

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

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

._6c8cd05c47934390-comparisonTableContainer{
	margin-top:0.5rem;
}

._6c8cd05c47934390-previewContainer{
	border-bottom:1px solid var(--background-header-secondary);
	padding-bottom:2rem;
}

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

._2c4f55afb151bde3-disclaimer{
	font-size:0.75rem;
	line-height:1.625;
	color:var(--text-primary-muted);
}

._2c4f55afb151bde3-center{
	text-align:center;
}

._2c4f55afb151bde3-left{
	text-align:left;
}

.dd7c623649f6a838-container{
	border-radius:0.5rem;
	border:1px solid transparent;
	padding:1.5rem;
}

.dd7c623649f6a838-title{
	margin-bottom:1rem;
	text-align:center;
	font-weight:bold;
	font-size:1.25rem;
	line-height:1.75rem;
	color:var(--text-primary);
}

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

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

.dd7c623649f6a838-button{
	width:100%;
	justify-content:center;
}

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

.a50244bb67ae5255-banner{
	margin-bottom:1.5rem;
	border-radius:0.5rem;
	background-color:var(--status-online);
	padding:1rem;
	color:white;
}

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

.a50244bb67ae5255-icon{
	height:2rem;
	width:2rem;
}

.a50244bb67ae5255-textContainer{
	flex:1;
}

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

.bba8844f490d27c5-card{
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
	border-radius:0.75rem;
	padding:1.5rem;
	text-align:center;
	box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
	transition:box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms ease, -webkit-filter 150ms ease;
	transition:box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms ease, filter 150ms ease;
	transition:box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms ease, filter 150ms ease, -webkit-filter 150ms ease;
}

.bba8844f490d27c5-cardDefault{
	
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
}

.bba8844f490d27c5-cardPopular{
	
	border:2px solid var(--brand-primary);
	background-color:var(--brand-primary);
}

.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.25rem 0.85rem;
	font-weight:700;
	font-size:0.8rem;
	letter-spacing:0.01em;
	text-transform:uppercase;
	border:1px solid rgb(255 255 255 / 0.55);
	background-color:transparent;
	color:white;
}

.theme-light .bba8844f490d27c5-badge{
	border-color:color-mix(in srgb, var(--brand-primary) 40%, transparent);
	background-color:color-mix(in srgb, var(--brand-primary) 12%, transparent);
	color:color-mix(in srgb, var(--brand-primary) 90%, white 10%);
}

.bba8844f490d27c5-badgeOnBrand{
	border-color:inherit;
	color:inherit;
	background-color:inherit;
}

.theme-light .bba8844f490d27c5-badgeOnBrand{
	border-color:color-mix(in srgb, var(--text-on-brand-primary) 65%, transparent);
	background-color:color-mix(in srgb, var(--text-on-brand-primary) 12%, transparent);
	color:var(--text-on-brand-primary);
}

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

.bba8844f490d27c5-popularBadge{
	position:absolute;
	top:-0.75rem;
	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-color:white;
	padding:0.375rem 1rem;
	font-weight:700;
	font-size:0.75rem;
	line-height:1rem;
	text-transform:uppercase;
	color:var(--brand-primary);
	box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

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

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

.bba8844f490d27c5-selectButton{
	margin-top:auto;
	width:100%;
	flex-shrink:0;
	font-weight:700;
}

.bba8844f490d27c5-soldOutBadge{
	position:absolute;
	top:0.75rem;
	right:0.75rem;
	border-radius:0.25rem;
	background-color:var(--status-danger);
	padding:0.25rem 0.5rem;
	font-weight:700;
	font-size:0.625rem;
	line-height:1rem;
	text-transform:uppercase;
	color:white;
}

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

.bba8844f490d27c5-cardTitle{
	margin-bottom:0.75rem;
	flex-shrink:0;
	font-weight:700;
	font-size:1.25rem;
	line-height:1.75rem;
}

.bba8844f490d27c5-cardTitleDefault{
	
	color:var(--text-primary);
}

.bba8844f490d27c5-cardTitlePopular{
	
	color:white;
}

.bba8844f490d27c5-cardPrice{
	margin-bottom:0.25rem;
	flex-shrink:0;
	font-weight:700;
	font-size:1.875rem;
	line-height:2.25rem;
}

@media (min-width: 768px){
	.bba8844f490d27c5-cardPrice{
		font-size:2.25rem;
		line-height:2.5rem;
	}
}

.bba8844f490d27c5-cardPriceDefault{
	
	color:var(--text-primary);
}

.bba8844f490d27c5-cardPricePopular{
	
	color:white;
}

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

.bba8844f490d27c5-cardPeriodDefault{
	
	color:var(--text-primary-muted);
}

.bba8844f490d27c5-cardPeriodPopular{
	
	color:rgb(255 255 255 / 0.8);
}

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

._93c40961bebd416b-grid{
	display:grid;
	grid-template-columns:repeat(1, minmax(0, 1fr));
	grid-gap:1.5rem;
	gap:1.5rem;
	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;
	}

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

._5128587f2b1e9c01-section{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

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

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

._5128587f2b1e9c01-scrollPromptText{
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._5128587f2b1e9c01-scrollPromptIcon{
	height:1.25rem;
	width:1.25rem;
	color:var(--text-primary-muted);
}

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

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

._329799285bbac06a-title{
	font-weight:bold;
	font-size:1.25rem;
	line-height:1.75rem;
	color:var(--text-primary);
}

._329799285bbac06a-description{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

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

.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:var(--background-primary);
	border:1px solid var(--background-modifier-accent);
	border-radius:4px;
	box-shadow:0 8px 16px rgba(0, 0, 0, 0.24);
	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:18px 1fr auto;
	align-items:center;
	grid-gap:12px;
	gap:12px;
	padding:6px 8px;
	margin:1px 0;
	border-radius:3px;
	font-size:14px;
	font-weight:500;
	line-height:18px;
	color:var(--text-secondary);
	cursor:pointer;
	box-sizing:border-box;
	min-height:32px;
	width:100%;
}

.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:18px;
	height:18px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	grid-column:1;
}

.caad3eeb3711915d-itemIcon > svg{
	width:16px;
	height:16px;
	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:var(--background-primary);
	border:1px solid var(--background-modifier-accent);
	border-radius:4px;
	box-shadow:0 8px 16px rgba(0, 0, 0, 0.24);
	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:3px;
	color:var(--text-primary);
	font-size:14px;
	font-weight:500;
	line-height:18px;
	cursor:pointer;
	outline:none;
	transition:none;
	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:3px;
	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:0.75rem;
	padding:1.25rem;
	color:white;
	box-shadow:0 12px 30px rgba(0, 0, 0, 0.25);
}

._6dc61ef9ae45e92c-grid{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:1rem;
	gap:1rem;
}

@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.75rem;
}

._6dc61ef9ae45e92c-header{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.375rem;
}

._6dc61ef9ae45e92c-title{
	font-weight:bold;
	font-size:1rem;
	line-height:1.5rem;
	text-transform:uppercase;
	letter-spacing:0.025em;
}

._6dc61ef9ae45e92c-badge{
	border-radius:0.25rem;
	background-color:white;
	padding:0.125rem 0.375rem;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	line-height:1;
}

._6dc61ef9ae45e92c-description{
	font-size:0.875rem;
	line-height:1.25rem;
	color:rgba(255, 255, 255, 0.9);
}

._6dc61ef9ae45e92c-renewalInfo{
	font-size:0.875rem;
	color:rgba(255, 255, 255, 0.9);
}

._6dc61ef9ae45e92c-upgradeNote{
	font-size:0.75rem;
	line-height:1rem;
	color:rgba(255, 255, 255, 0.8);
}

._6dc61ef9ae45e92c-actions{
	display:flex;
	width:100%;
	flex-direction:column;
	gap:0.5rem;
}

@media (min-width: 768px){
	._6dc61ef9ae45e92c-actions{
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		grid-gap:0.75rem;
		gap:0.75rem;
	}
}

@media (min-width: 1024px){
	._6dc61ef9ae45e92c-actions{
		display:flex;
		min-width:220px;
		flex-direction:column;
		align-items:flex-end;
		justify-content:flex-start;
		gap:0.75rem;
	}
}

._6dc61ef9ae45e92c-actionButton{
	width:100%;
}

@media (min-width: 768px){
	._6dc61ef9ae45e92c-actionButton{
		width:100%;
	}
}

@media (min-width: 1024px){
	._6dc61ef9ae45e92c-actionButton{
		width:auto;
	}
}

._6dc61ef9ae45e92c-communityButtonActive{
	background-color:rgba(255, 255, 255, 0.2);
}

._6dc61ef9ae45e92c-iconSmall{
	height:1rem;
	width:1rem;
}

._6dc61ef9ae45e92c-cardExpired{
	background-color:var(--status-danger);
}

._6dc61ef9ae45e92c-cardGracePeriod{
	background-color:rgb(249 115 22);
}

._6dc61ef9ae45e92c-cardVisionary{
	background-color:var(--brand-primary);
}

._6dc61ef9ae45e92c-cardActive{
	background-color:var(--status-online);
}

::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);
}

.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.5rem;
	width:2.75rem;
	border-radius:9999px;
	background-color:rgb(107 114 128);
	transition-property:color, background-color, border-color;
	transition-duration:300ms;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	cursor:pointer;
}

._69cb17cd56929991-switchRoot._69cb17cd56929991-disabled{
	cursor:not-allowed;
	opacity:0.5;
}

._69cb17cd56929991-switchRoot[data-state='checked']{
	background-color:var(--brand-primary);
}

._69cb17cd56929991-switchThumb{
	position:relative;
	display:flex;
	height:1.25rem;
	width:1.25rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:white;
	box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	transition-property:transform;
	transition-duration:300ms;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	will-change:transform;
	transform:translateX(2px);
}

._69cb17cd56929991-switchThumb[data-state='checked']{
	transform:translateX(22px);
}

._69cb17cd56929991-iconChecked{
	color:var(--brand-primary);
}

._69cb17cd56929991-iconUnchecked{
	color:rgb(107 114 128);
}

._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:var(--spacing-1) 0;
	width:100%;
}

._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-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-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;
	transition:opacity 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;
}

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

._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);
}

.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:#dcddde;
	background-color:var(--interactive-muted, #dcddde);
	border-radius:4px;
	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:1px solid rgba(255, 255, 255, 0.1);
	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 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow:var(--shadow-low, 0 1px 3px rgba(0, 0, 0, 0.1));
	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%;
}

@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-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;
}

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

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

._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;
	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:50vw;
	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-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-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:80px;
		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{
	border-top-left-radius:24px;
	border-top-right-radius:24px;
	overflow:hidden;
	color:var(--text-primary);
	background-color:var(--sheet-surface, var(--background-secondary));
}

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

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

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

._3c71b2654df4a8e7-root{
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
	background-color:var(--sheet-surface, var(--background-secondary));
}

._3c71b2654df4a8e7-handle{
	display:flex;
	width:100%;
	justify-content:center;
	padding:calc(12px + env(safe-area-inset-top, 0px)) 0 12px;
	background-color:var(--sheet-surface, var(--background-secondary));
}

._3c71b2654df4a8e7-handleBar{
	height:4px;
	width:40px;
	border-radius:9999px;
	background-color:var(--text-primary-muted);
	opacity:0.5;
}

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

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

._3c71b2654df4a8e7-headerSafeArea{
	padding-top:calc(12px + env(safe-area-inset-top, 0px));
}

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

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

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

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

._3c71b2654df4a8e7-headerSlot{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:32px;
	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:12px;
	width:100%;
}

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

._3c71b2654df4a8e7-subtitle{
	margin:0;
	font-size:14px;
	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 16px;
}

._3c71b2654df4a8e7-contentNoPadding{
	padding:0;
}

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

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

._3c71b2654df4a8e7-contentStatic{
	overflow:visible;
}

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

._3c71b2654df4a8e7-footer{
	padding:16px;
	padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));
	background-color:var(--sheet-surface, var(--background-secondary));
}

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

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

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

._3c71b2654df4a8e7-closeButton{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:8px;
	color:var(--text-primary);
	border-radius:50%;
	transition:background-color 0.15s;
	cursor:pointer;
}

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

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

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

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

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

.b865c46e257289ac-loadingContainer{
	display:flex;
	min-height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.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:1.5rem;
	flex:1 1 0%;
	display:flex;
	flex-direction:column;
	gap:1.25rem;
}

.b865c46e257289ac-loginForm{
	margin-top:2rem;
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

.b865c46e257289ac-bottomLink{
	margin-top:1rem;
	text-align:left;
}

.b865c46e257289ac-bottomLinks{
	margin-top:1.25rem;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.b865c46e257289ac-bottomLinkText{
	font-size:0.875rem;
	color:var(--text-tertiary);
}

.b865c46e257289ac-bottomLinkAnchor{
	font-size:0.875rem;
	color:var(--text-link);
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

.b865c46e257289ac-bottomLinkAnchor:hover{
	color:var(--text-link);
	text-decoration:underline;
}

.b865c46e257289ac-divider{
	margin-top:1.5rem;
	margin-bottom:1.5rem;
	display:flex;
	align-items:center;
	gap:1rem;
}

.b865c46e257289ac-dividerLine{
	flex:1 1 0%;
	border-top:1px solid var(--background-modifier-accent);
}

.b865c46e257289ac-dividerText{
	font-size:0.875rem;
	color:var(--text-tertiary);
}

.b865c46e257289ac-forgotPasswordLink{
	text-align:left;
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.b865c46e257289ac-forgotPasswordLinkText{
	font-size:0.875rem;
	color:var(--text-tertiary);
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

.b865c46e257289ac-forgotPasswordLinkText:hover{
	color:var(--text-primary);
	text-decoration:underline;
}

.b865c46e257289ac-usernameHint{
	margin-top:0.25rem;
	display:block;
	font-size:0.75rem;
	color:var(--text-tertiary);
}

.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-primary);
}

.b865c46e257289ac-policyLink{
	color:var(--text-link);
	text-decoration:none;
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
}

.b865c46e257289ac-policyLink:hover{
	text-decoration:underline;
}

.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.5rem;
	text-align:center;
	font-size:1.25rem;
	line-height:1.75rem;
	font-weight:600;
	letter-spacing:0.025em;
	color:var(--text-primary);
}

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

@keyframes _1c30a6c705c2a4f0-blink{
	50%{
		opacity:0;
	}
}

._1c30a6c705c2a4f0-dot{
	animation:1s _1c30a6c705c2a4f0-blink infinite;
	color:var(--text-chat);
}

._1c30a6c705c2a4f0-dot:nth-child(2){
	animation-delay:250ms;
}

._1c30a6c705c2a4f0-dot:nth-child(3){
	animation-delay:500ms;
}

html:not(.window-focused) ._1c30a6c705c2a4f0-dot{
	animation-play-state:paused;
	opacity:1;
}

._6d5729425f7d70e6-container{
	position:relative;
}

._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-color:hsl(0, 0%, 0%);
	opacity:0;
	transition:opacity 0.2s ease;
	pointer-events:none;
}

._6d5729425f7d70e6-clickable:hover ._6d5729425f7d70e6-hoverOverlay,
._6d5729425f7d70e6-clickable:has(:focus-visible) ._6d5729425f7d70e6-hoverOverlay{
	opacity:0.4;
}

._6d5729425f7d70e6-statusContainer{
	pointer-events:auto;
	position:absolute;
}

._6d5729425f7d70e6-typingDots{
	display:flex;
	gap:2px;
	align-items:center;
	justify-content:center;
}

._6d5729425f7d70e6-typingDot{
	background-color:white;
	border-radius:50%;
	animation:1s _6d5729425f7d70e6-blink infinite;
}

@keyframes _6d5729425f7d70e6-blink{
	50%{
		opacity:0;
	}
}

html:not(.window-focused) ._6d5729425f7d70e6-typingDot{
	animation-play-state:paused;
	opacity:1;
}

._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);
	}
}

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

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

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

._1acbb039df768747-box{
	border-radius:3px;
}

._1acbb039df768747-round{
	border-radius:50%;
}

._1acbb039df768747-checked{
	background-color:var(--brand-primary);
	border:1px solid var(--brand-primary);
}

._1acbb039df768747-checkedInverted{
	background-color:var(--text-on-brand-primary);
	border-color:var(--brand-primary);
}

._1acbb039df768747-inverted{
	border-color:white;
}

._1acbb039df768747-focused{
	box-shadow:none;
}

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

._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);
}

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

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

.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:0.5rem;
}

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

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

._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%;
	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;
}

._9aa9f59c22a099c8-triggerDisabled{
	opacity:0.5;
	cursor:not-allowed;
}

._9aa9f59c22a099c8-triggerError{
	border-color:var(--status-danger);
}

._9aa9f59c22a099c8-triggerValue{
	flex:1;
	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%;
	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;
}

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

._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-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%;
}

._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 0.2s, color 0.2s;
	background:none;
	border:none;
	padding:0;
	outline:none;
}

._9c581ee6c404657b-emojiRenderer:hover,
._9c581ee6c404657b-emojiRenderer._9c581ee6c404657b-selectedEmojiRenderer{
	background-color:var(--background-modifier-selected) !important;
}

._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.3;
	-webkit-filter:blur(1px);
	        filter:blur(1px);
}

._9c581ee6c404657b-iconSmall{
	height:1rem;
	width:1rem;
}

._9c581ee6c404657b-horizontalCategories{
	display:flex;
	width:100%;
	justify-content:space-around;
}

._9c581ee6c404657b-container{
	position:relative;
	height:100%;
}

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

._66f0caa9b7ca96cb-container{
	padding:4px 16px 8px;
}

._66f0caa9b7ca96cb-tabList{
	position:relative;
	display:flex;
	border-radius:10px;
	background:var(--background-tertiary);
	padding:3px;
}

._66f0caa9b7ca96cb-tab{
	position:relative;
	z-index:10;
	flex:1;
	border:none;
	border-radius:8px;
	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:8px;
	background:var(--background-secondary);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);
}

.ac4fb1f43cb7d901-container{
	display:flex;
	flex-direction:column;
	height:100%;
}

.ac4fb1f43cb7d901-scroller{
	flex:1;
	min-height:0;
}

.ac4fb1f43cb7d901-scrollContent{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	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;
}

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

.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{
	display:flex;
	flex-direction:column;
	flex:1;
	min-height:0;
	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;
}

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

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

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

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

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

.b4cbbbb7d1db3de7-nativeDragRegion{
	-webkit-app-region:none;
}

html.platform-native.platform-macos .b4cbbbb7d1db3de7-nativeDragRegion{
	-webkit-app-region:drag;
}

._57f3b3476f6d99f1-container{
	display:flex;
	flex:1 1 auto;
	min-height:0;
	min-width:0;
	height:100%;
	max-height:100%;
	width:100%;
	position:relative;
	overflow:hidden;
	will-change:transform;
	--settings-edge-gutter:clamp(16px, 3vw, 24px);
}

._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(252px, 24svw, 320px);
	display:flex;
	border-right:1px solid var(--background-header-secondary);
	background:var(--background-primary);
	overflow:hidden;
	position:relative;
}

._57f3b3476f6d99f1-desktopSidebarInner{
	display:flex;
	flex-direction:column;
	padding:20px 16px 0 16px;
	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:var(--background-secondary);
	min-width:0;
	min-height:0;
	overflow:hidden;
}

._57f3b3476f6d99f1-desktopContentPad{
	display:flex;
	flex-direction:column;
	gap:0;
	padding: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;
	overflow:hidden;
	background:transparent;
	border: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 20px;
	flex-shrink:0;
	background:var(--background-secondary);
	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 16px 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:var(--background-secondary);
		border:1px solid var(--background-header-secondary);
		isolation:isolate;
	}
	._57f3b3476f6d99f1-containerFullscreen ._57f3b3476f6d99f1-desktopHeader{
		background:var(--background-secondary);
	}
}

.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:6px;
}

._57f3b3476f6d99f1-sidebarCategoryTitle{
	padding:4px 10px;
	font-size:0.8rem;
	font-weight:600;
	color:var(--text-tertiary);
	text-transform:uppercase;
	letter-spacing:0.5px;
}

._57f3b3476f6d99f1-sidebarItem{
	background:transparent;
	border:none;
	margin-bottom:3px;
	padding:8px 12px;
	border-radius:8px;
	color:var(--text-primary-muted);
	font-size:1rem;
	line-height:1.5rem;
	font-weight:500;
	display:flex;
	align-items:center;
	gap:10px;
	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;
}

._57f3b3476f6d99f1-sidebarItemSelected{
	background:var(--surface-interactive-selected-bg);
	color:var(--surface-interactive-selected-color);
}

._57f3b3476f6d99f1-sidebarItemIcon{
	flex-shrink:0;
	font-size:1.25rem;
	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:var(--surface-interactive-hover-bg);
		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 0 0;
	text-align:center;
}

._57f3b3476f6d99f1-sidebarNavFooter{
	margin-top:auto;
}

._57f3b3476f6d99f1-closeButton{
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	color:var(--text-primary-muted);
	cursor:pointer;
	border:none;
	background:transparent;
	-webkit-app-region:no-drag;
}

._57f3b3476f6d99f1-closeButton:hover{
	background:var(--background-modifier-selected);
	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:32px 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:20px;
	padding-left:10px;
	border-left:2px solid var(--background-modifier-accent);
}

._57f3b3476f6d99f1-sidebarSubItem{
	background:transparent;
	border:none;
	padding:6px 12px;
	border-radius:6px;
	color:var(--text-secondary);
	font-size:0.875rem;
	line-height:1.25rem;
	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;
}

._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:var(--surface-interactive-hover-bg);
		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);
	}
}

._92d69f39f9e01c68-userProfile{
	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;
}

._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);
}

._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 + env(safe-area-inset-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 + env(safe-area-inset-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);
}

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

._197cdfb20c105e49-menuItem{
	display:flex;
	width:100%;
	align-items:center;
	gap:0.75rem;
	padding: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-secondary-alt);
	}

	._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:var(--background-secondary);
	}
}

._197cdfb20c105e49-menuItem:not(._197cdfb20c105e49-disabled):not(._197cdfb20c105e49-danger){
	color:var(--text-primary);
}

._197cdfb20c105e49-menuItem._197cdfb20c105e49-danger:not(._197cdfb20c105e49-disabled){
	color:hsl(350, calc(90% * var(--saturation-factor)), 65%);
}

._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:var(--background-secondary);
}

._197cdfb20c105e49-iconContainer{
	display:flex;
	height:1.25rem;
	width:1.25rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
}

._197cdfb20c105e49-label{
	flex:1;
	font-weight:500;
	font-size:1rem;
}

._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:3px;
	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;
	color:var(--text-muted);
}

._197cdfb20c105e49-divider{
	margin-left:1rem;
	margin-right:1rem;
	height:1px;
	background-color:var(--background-header-secondary);
	opacity:0.3;
}

._197cdfb20c105e49-sliderContainer{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	padding:1rem;
}

._197cdfb20c105e49-sliderLabel{
	font-weight:500;
	font-size:1rem;
	color:var(--text-primary);
}

._197cdfb20c105e49-groupContainer{
	overflow:hidden;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
}

._197cdfb20c105e49-groupSpacer{
	height:1rem;
}

._197cdfb20c105e49-bottomSheetContent{
	display:flex;
	flex-direction:column;
	gap:0;
}

._197cdfb20c105e49-headerSlot{
	padding-bottom:0.75rem;
}

._197cdfb20c105e49-groupStack{
	display:flex;
	flex-direction:column;
}

._197cdfb20c105e49-groupStackWithHeader{
	padding-top:0.75rem;
}

._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;
	transition:none;
	-webkit-app-region:no-drag;
}

.cb31b597994a64bb-popouts{
	background:none;
	inset:0;
	pointer-events:none;
	position:fixed;
	z-index:var(--z-index-popout);
}

html.platform-native:not(.platform-macos) .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;
}

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

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

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

._3b4735aa01198fc4-topDragRegion{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:var(--layout-header-height);
	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;
	background-color:var(--background-secondary);
}

._3b4735aa01198fc4-container{
	position:relative;
	min-height:100svh;
	width:100%;
	background-color:var(--brand-primary);
}

.auth-page,
.auth-page *{
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}

._3b4735aa01198fc4-characterBackground{
	min-height:100svh;
	overflow:auto;
	position:relative;
	width:100%;
}

._3b4735aa01198fc4-rightSplit{
	bottom:0;
	inset-inline-end:0;
	opacity:1;
	pointer-events:none;
	position:fixed;
	transition:opacity 0.4s ease;
	width:auto;
	z-index:0;
}

._3b4735aa01198fc4-leftSplit{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	min-height:100svh;
	position:relative;
	width:100%;
}

._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:0;
	bottom:0;
	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;
	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:auto;
	min-height:500px;
	width:100%;
	max-width:56rem;
	overflow:hidden;
	border-radius:1rem;
	background-color:var(--background-secondary);
	box-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
}

._3b4735aa01198fc4-cardSingle{
	max-width:42rem;
}

._3b4735aa01198fc4-logoSide{
	display:flex;
	width:33.333333%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:3rem 2rem;
	border-right:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
}

._3b4735aa01198fc4-logo{
	margin-bottom:1.5rem;
	height:8rem;
	width:8rem;
}

._3b4735aa01198fc4-wordmark{
	height:2rem;
}

._3b4735aa01198fc4-formSide{
	display:flex;
	width:66.666667%;
	flex-direction:column;
	justify-content:center;
	padding:3rem;
	background:var(--background-secondary);
}

._3b4735aa01198fc4-formSideSingle{
	width:100%;
}

._3b4735aa01198fc4-mobileContainer{
	min-height:100dvh;
	background-color:var(--background-secondary);
	padding:calc(2rem + env(safe-area-inset-top, 0px)) 1.5rem calc(2.5rem + env(safe-area-inset-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);
}

@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-color:var(--background-secondary);
}

@supports (padding: env(safe-area-inset-top)){
	.auth-page body.is-standalone{
		padding-top:env(safe-area-inset-top);
		padding-right:env(safe-area-inset-right);
		padding-bottom:env(safe-area-inset-bottom);
		padding-left:env(safe-area-inset-left);
	}
}

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

._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);
	}
}

._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:not(.platform-macos) .f4bffa970b9138dc-previewModal{
	top:var(--native-titlebar-height);
}

.f4bffa970b9138dc-previewPillContainer{
	position:absolute;
	top:calc(16px + env(safe-area-inset-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 + env(safe-area-inset-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;
}

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

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

._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);
}

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

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

._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);
}

.fbb827d6fa646228-container{
	display:flex;
	flex-direction:column;
	height:100%;
	background-color:var(--background-secondary);
	padding:0 16px calc(env(safe-area-inset-bottom, 0px) + 1rem);
	gap:12px;
}

.fbb827d6fa646228-tabsContainer{
	padding-top:4px;
}

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

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

.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-option{
	display:flex;
	width:100%;
	height:36px;
	align-items:center;
	border:none;
	background:transparent;
	text-align:left;
	border-radius:var(--radius-sm);
	padding:0 8px;
	cursor:pointer;
	color:var(--text-primary);
}

.e8b243d88ce9abe5-option:hover{
	background-color:var(--background-modifier-accent);
}

.e8b243d88ce9abe5-optionActive{
	background-color:var(--background-modifier-accent);
}

html.theme-light .e8b243d88ce9abe5-option:hover{
	background-color:var(--background-modifier-hover);
}

html.theme-light .e8b243d88ce9abe5-optionActive{
	background-color:var(--background-modifier-hover);
}

.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:var(--text-secondary);
	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:var(--text-tertiary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	flex-shrink:1;
	min-width:0;
}

.e8b243d88ce9abe5-optionIcon{
	width:20px;
	height:20px;
	flex-shrink:0;
	color:var(--text-primary-muted);
}

.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:4px 8px;
	margin-bottom:2px;
	font-size:0.6875rem;
	font-weight:600;
	color:var(--text-tertiary);
	letter-spacing:0.05em;
	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:0.75rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-textarea);
	box-shadow:var(--shadow-xl);
}

.e8b243d88ce9abe5-header{
	padding:0.75rem;
}

.e8b243d88ce9abe5-inputBackground{
	background-color:var(--background-secondary);
}

.e8b243d88ce9abe5-scrollerContainer{
	--scrollbar-track-bg:var(--background-textarea);
	height:320px;
	min-height:320px;
	max-height:320px;
}

.e8b243d88ce9abe5-emptyState{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:100%;
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
}

.e8b243d88ce9abe5-emptyStateTitle{
	font-weight:500;
}

.e8b243d88ce9abe5-emptyStateHint{
	margin-top:0.25rem;
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:1rem;
}

.e8b243d88ce9abe5-footer{
	background-color:var(--background-textarea);
	padding:0.5rem 0.75rem;
	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:0.25rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	padding-left:0.25rem;
	padding-right:0.25rem;
	font-size:11px;
	line-height:1.25rem;
	color:var(--text-primary);
}

.e8b243d88ce9abe5-optionHighlight{
	color:var(--text-secondary);
}

.e8b243d88ce9abe5-optionIconHighlight{
	color:var(--text-secondary);
}

.e8b243d88ce9abe5-mobileSheet{
	display:flex;
	flex-direction:column;
	height:100%;
	background-color:var(--background-secondary);
	padding:0 16px calc(env(safe-area-inset-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:600;
	color:var(--text-primary-muted);
	text-transform:uppercase;
	letter-spacing:0.04em;
	margin-bottom:0.35rem;
}

.e8b243d88ce9abe5-mobileSectionList{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
}

.e8b243d88ce9abe5-mobileOption{
	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;
}

._0096613cbc707d89-searchInputContainer{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	flex:1;
}

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

._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);
}

._8e73411d0031e81d-container{
	display:flex;
	align-items:center;
	gap:var(--spacing-3);
}

._7153ccbebcb5d27f-upsell{
	display:flex;
	align-items:flex-start;
	gap:0.5rem;
	padding:0.75rem;
	border-radius:var(--radius-md);
	background-color:var(--brand-primary);
}

._7153ccbebcb5d27f-icon{
	flex-shrink:0;
	margin-top:0.125rem;
	color:white;
}

._7153ccbebcb5d27f-content{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	flex:1;
	min-width:0;
}

._7153ccbebcb5d27f-text{
	font-size:0.8125rem;
	color:white;
	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:rgba(255, 255, 255, 0.7);
	background:none;
	border:none;
	padding:0;
	cursor:pointer;
	text-decoration:none;
}

._7153ccbebcb5d27f-dismissLink:hover{
	color:white;
	text-decoration:underline;
}

.d2ef0aa38082df20-banner{
	margin:0 var(--spacing-2) var(--spacing-3);
}

._9dc432fa20268382-gifPickerContainer{
	position:relative;
	display:grid;
	height:100%;
	grid-template-rows:1fr;
	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);
}

._9dc432fa20268382-gifPickerMain{
	position:relative;
	min-height:0;
	overflow:hidden;
	background-color:var(--background-primary);
}

._9dc432fa20268382-autoSizerWrapper{
	height:100%;
	width:100%;
}

._9dc432fa20268382-autoSizerWrapper > div{
	height:100% !important;
	width:100% !important;
}

._9dc432fa20268382-virtualList{
	scrollbar-color:var(--scrollbar-thumb-bg) transparent;
	scrollbar-width:thin;
	overflow-anchor:none;
	background-color:var(--background-primary);
}

@media (max-width: 768px){
	._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-inline:var(--spacing-4);
}

._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 0 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 10px 0 10px;
	}

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

._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.5;
	--message-sending-link-opacity:0.7;
	--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-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:var(--background-modifier-hover);
}

._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.14);
	background-color:var(--message-mention-bg-hover);
}

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:var(--background-modifier-hover);
}

._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-messageEditing{
	background-color:var(--background-modifier-hover);
}

._45f1566142610334-messageSent{
	color:var(--text-chat);
}

._45f1566142610334-messageSending{
	color:var(--text-chat-muted);
	opacity:0.5;
	opacity:var(--message-sending-opacity);
}

._45f1566142610334-messageSending a{
	opacity:0.7;
	opacity:var(--message-sending-link-opacity);
}

._45f1566142610334-messageFailed,
._45f1566142610334-messageFailed *{
	opacity:0.5;
	opacity:var(--message-failed-opacity);
}

._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-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:2px;
	margin-top:var(--message-highlight-bar-width);
}

._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-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);
	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:center;
	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;
	overflow:visible;
	line-height:1.375rem;
	line-height:var(--message-line-height);
	white-space:break-spaces;
	word-break:break-word;
}

._45f1566142610334-message ._45f1566142610334-buttons,
._45f1566142610334-messageCompact ._45f1566142610334-buttons{
	opacity:0;
	pointer-events:none;
}

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

@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;
}

._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:0.45rem;
	margin-right:var(--message-compact-username-gap);
	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:inherit;
	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,
._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{
	grid-area:content;
	min-width:0;
	overflow-wrap:break-word;
	position:relative;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	overflow:hidden;
	white-space:normal;
	word-break:break-word;
	color:var(--text-tertiary);
	line-height:1.375rem;
	line-height:var(--message-line-height);
}

._45f1566142610334-systemMessageTimestamp{
	margin-left:0.25rem;
}

._45f1566142610334-systemMessageContentWrapper{
	display:inline;
	vertical-align:baseline;
}

._45f1566142610334-systemMessageCompactContent ._45f1566142610334-systemMessageContent{
	display:inline;
	text-indent:0;
}

._45f1566142610334-systemMessageCompactContent{
	--system-message-compact-indent:calc(var(--message-compact-indent) + var(--system-message-icon-size) + 0.5rem);
	display:block;
	padding-left:calc(calc(3.5rem + 0.25rem) + 18px + 0.5rem);
	padding-left:var(--system-message-compact-indent);
	margin-left:calc(-1 * calc(3.5rem + 0.25rem));
	margin-left:calc(-1 * var(--message-compact-indent));
	text-indent:calc(-1 * calc(calc(3.5rem + 0.25rem) + 18px + 0.5rem));
	text-indent:calc(-1 * var(--system-message-compact-indent));
	color:var(--text-tertiary);
	line-height:1.375rem;
	line-height:var(--message-line-height);
}

._45f1566142610334-systemMessageCompactContent ._45f1566142610334-messageTimestampCompact{
	margin-right:0.25rem;
	margin-right:var(--message-compact-gap);
	display:inline-block;
	width:3.5rem;
	width:var(--message-compact-timestamp-width);
	vertical-align:baseline;
	text-align:right;
}

._45f1566142610334-systemMessageContent ._45f1566142610334-container{
	margin-left:16px;
	margin-left:var(--message-compact-container-margin);
}

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

._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{
	margin-right:0;
}

._45f1566142610334-messageAuthorInfoCompact ._45f1566142610334-messageUsername{
	margin-right:0;
}

._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);
	-webkit-column-gap:0.75rem;
	   -moz-column-gap:0.75rem;
	        column-gap:0.75rem;
	-webkit-column-gap:var(--textarea-upload-gap, 0.75rem);
	   -moz-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 > div{
	text-indent:0;
	display:block;
}

._45f1566142610334-compactInlineContent ul,
._45f1566142610334-compactInlineContent ol{
	margin-left:calc(3.5rem + 0.25rem);
	margin-left:var(--message-compact-indent);
}

._45f1566142610334-compactInlineContent li > ul,
._45f1566142610334-compactInlineContent li > ol{
	margin-left:0;
}

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

._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:wrap;
}

._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%;
}

._6d4c42a83e1b5b11-columnContainer{
	display:flex;
	height:100%;
	flex-direction:column;
}

._6d4c42a83e1b5b11-columnContainerOverflow{
	
	overflow:hidden;
}

._6d4c42a83e1b5b11-bodyWrapper{
	position:relative;
	flex:1;
	min-height:0;
	overflow:hidden;
}

._6d4c42a83e1b5b11-scrollerFull{
	height:100%;
	width:100%;
}

@media (max-width: 768px){
	._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:0.5rem;
	gap:0.5rem;
	padding: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;
}

.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:var(--radius-xl);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-tertiary);
}

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

.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:var(--radius-md);
	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:var(--background-modifier-selected);
	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:var(--background-primary);
}

.f0c9be9d76f7208e-containerModal{
	display:flex;
	align-items:center;
}

.f0c9be9d76f7208e-containerModalMobile{
	gap:8px;
}

.f0c9be9d76f7208e-containerModalDesktop{
	gap:4px;
}

.f0c9be9d76f7208e-containerPopout{
	position:absolute;
	top:115px;
	right:10px;
	z-index:10;
	display:flex;
	gap:8px;
	border-radius:6px;
	padding:4px;
	background:color-mix(in srgb, var(--background-secondary) 80%, transparent);
	-webkit-backdrop-filter:blur(10px) saturate(1.1);
	        backdrop-filter:blur(10px) saturate(1.1);
}

.f0c9be9d76f7208e-badgeMobile{
	height:28px;
	width:28px;
}

.f0c9be9d76f7208e-badgeDesktop{
	height:20px;
	width:20px;
}

.f0c9be9d76f7208e-virtualBadge{
	display:flex;
	align-items:center;
	justify-content:center;
	padding-top:1px;
	font-weight:700;
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
	color:#4641d9;
	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;
}

.f0c9be9d76f7208e-virtualBadgeMobile{
	height:28px;
	width:28px;
	font-size:18px;
	line-height:24px;
}

.f0c9be9d76f7208e-virtualBadgeDesktop{
	height:20px;
	width:20px;
	font-size:14px;
	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;
}

.f0c9be9d76f7208e-link:hover,
.f0c9be9d76f7208e-link:focus,
.f0c9be9d76f7208e-link:active{
	text-decoration:none;
}

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

._96dc5ce382c4d0b3-bannerWrapper{
	flex-shrink:0;
	min-height:105px;
	position:relative;
}

._96dc5ce382c4d0b3-banner{
	width:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

:where(._96dc5ce382c4d0b3-banner):before{
	border-bottom:1px solid var(--background-modifier-accent);
	bottom:0;
	content:'';
	left:0;
	position:absolute;
	width:100%;
}

._96dc5ce382c4d0b3-bannerMask{
	contain:paint;
	z-index:0;
	display:block;
	width:100%;
}

._96dc5ce382c4d0b3-avatarButton{
	position:absolute;
	top:55px;
	left:10px;
	border:6px solid var(--background-primary);
	border-radius:9999px;
	background-color:var(--background-primary);
	padding:0;
	outline:none;
}

._96dc5ce382c4d0b3-avatarButton:focus{
	outline:none;
}

._3d2cc671b7e5efe8-contentSection{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	padding-top:0.5rem;
	padding-left:1rem;
	padding-right:1rem;
}

._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{
	position:relative;
	display:flex;
	width:300px;
	flex-direction:column;
	gap:4px;
	overflow:hidden;
	border-radius:0.375rem;
	border-width:2px;
	background-color:var(--background-primary);
	padding-bottom:0.75rem;
}

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

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

._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-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-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%;
}

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

._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-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-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:6px;
	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-bannerContainer{
	height:210px;
	width:100%;
	overflow:hidden;
	position:relative;
}

._56f27604b54c27d4-bannerMask{
	contain:paint;
	z-index:0;
	display:block;
	width:100%;
}

._56f27604b54c27d4-bannerImage{
	height:210px;
	width:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

._56f27604b54c27d4-bannerColor{
	height:210px;
	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:6px;
	background-color:var(--background-primary);
}

._56f27604b54c27d4-scrollerFullHeight{
	height:100%;
}

._56f27604b54c27d4-modalContainer{
	display:flex;
	height:780px;
	width:600px;
	flex-direction:column;
	overflow:hidden;
	border-radius:6px;
	border-width:4px;
	border-style:solid;
	background-color:var(--background-primary);
	position:relative;
}

._56f27604b54c27d4-actionButtons{
	display:flex;
	gap:8px;
}

._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:4px;
	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 var(--background-modifier-accent);
	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;
}

._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;
	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);
}

._14a71f3ca8aed59f-iconMedium{
	height:20px;
	width:20px;
}

._14a71f3ca8aed59f-noteButtonContainer{
	transition:opacity 0.3s ease-in-out;
	opacity:0;
	pointer-events:none;
}

._14a71f3ca8aed59f-noteButtonContainerVisible{
	opacity:1;
	pointer-events:auto;
}

._14a71f3ca8aed59f-noteButton{
	cursor:pointer;
	border:none;
	background:transparent;
	padding:0;
}

._14a71f3ca8aed59f-noteTooltipContent{
	max-width:13rem;
	text-align:center;
}

._14a71f3ca8aed59f-noteIconWrapper{
	padding-top:0.25rem;
	color:var(--text-primary-muted);
}

._14a71f3ca8aed59f-copyIdButtonContainer{
	transition:opacity 0.3s ease-in-out;
	opacity:0;
	pointer-events:none;
}

._14a71f3ca8aed59f-copyIdButtonContainerVisible{
	opacity:1;
	pointer-events:auto;
}

._14a71f3ca8aed59f-copyIdButton{
	cursor:pointer;
	border:none;
	background:transparent;
	padding:0;
}

._14a71f3ca8aed59f-copyIdIconWrapper{
	padding-top:0.25rem;
	color:var(--text-primary-muted);
}

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

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

.cdc154905cd67a68-warningText{
	color:var(--alert-warning-color);
	font-size:0.875rem;
}

.cdc154905cd67a68-divider{
	border-top:1px solid var(--background-header-secondary);
	padding-top:1rem;
}

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

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

._66f86ad020a7c770-container{
	display:flex;
	flex-direction:column;
}

._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{
	margin-top:0.125rem;
	flex-shrink:0;
	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 + env(safe-area-inset-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.25rem;
	width:1.25rem;
}

.f5807eb8d49359ed-iconSmall{
	height:1rem;
	width:1rem;
}

.f5807eb8d49359ed-iconSpacer{
	width:1.25rem;
}

._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-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);
}

.af9ef5868be041b1-container{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding:16px;
}

.af9ef5868be041b1-buttonRow{
	display:flex;
	gap:8px;
}

.af9ef5868be041b1-primaryButton{
	flex:1;
	padding:12px 16px;
	border-radius:8px;
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
	font-weight:500;
	transition:background-color 0.2s ease;
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	.af9ef5868be041b1-primaryButton:hover{
		background-color:var(--background-modifier-selected);
	}
}

.af9ef5868be041b1-dangerButton{
	flex:1;
	padding:12px 16px;
	border-radius:8px;
	background-color:var(--status-danger);
	color:white;
	font-weight:500;
	transition:background-color 0.2s ease;
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	.af9ef5868be041b1-dangerButton:hover{
		background-color:#dc2626;
	}
}

.af9ef5868be041b1-brandButton{
	flex:1;
	padding:12px 16px;
	border-radius:8px;
	background-color:var(--brand-primary);
	color:white;
	font-weight:500;
	transition:background-color 0.2s ease;
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	.af9ef5868be041b1-brandButton:hover{
		background-color:#2563eb;
	}
}

.af9ef5868be041b1-disconnectIcon{
	margin-right:8px;
	display:inline-block;
	vertical-align:middle;
}

.af9ef5868be041b1-actionButtons{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(min(100px, 100%), 1fr));
	grid-gap:12px;
	gap:12px;
}

.af9ef5868be041b1-actionButton{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
	padding:12px;
	border-radius:12px;
	background-color:var(--background-secondary-alt);
	transition:background-color 0.2s ease;
	cursor:pointer;
	border:none;
}

.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:48px;
	height:48px;
	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;
}

.af9ef5868be041b1-actionIconSecondary{
	color:var(--text-primary);
}

.af9ef5868be041b1-actionText{
	font-weight:500;
	color:var(--text-secondary);
	font-size:12px;
}

.af9ef5868be041b1-connectionInfo{
	border-radius:12px;
	background-color:var(--background-secondary-alt);
	padding:16px;
}

.af9ef5868be041b1-connectionHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin-bottom:8px;
}

.af9ef5868be041b1-connectionStatusInfo{
	flex:1;
}

.af9ef5868be041b1-connectionTitle{
	font-weight:500;
	color:var(--text-primary);
}

.af9ef5868be041b1-connectionSubtitle{
	font-size:14px;
	color:var(--text-primary-muted);
}

.af9ef5868be041b1-connectionStatusDot{
	width:12px;
	height:12px;
	border-radius:9999px;
	background-color:var(--status-online);
	flex-shrink:0;
}

.af9ef5868be041b1-statsGrid{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:8px;
	gap:8px;
	margin-top:8px;
	color:var(--text-primary-muted);
}

.af9ef5868be041b1-statRow{
	display:grid;
	grid-template-columns:auto 1fr;
	align-items:center;
	grid-gap:12px;
	gap:12px;
}

.af9ef5868be041b1-statLabel{
	white-space:nowrap;
	font-size:12px;
	color:var(--text-secondary);
}

.af9ef5868be041b1-statValue{
	min-width:0;
	text-align:right;
	font-size:12px;
}

.af9ef5868be041b1-statValuePrimary{
	font-weight:500;
	color:var(--text-primary);
}

.af9ef5868be041b1-endpointValue{
	display:block;
	font-family:ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
	font-size:12px;
	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:12px;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.af9ef5868be041b1-maxWidth{
	max-width:100%;
}

.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.375rem;
	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;
}

._99ff235b3d16fa52-container{
	position:relative;
	width:100%;
}

._99ff235b3d16fa52-unreadIndicator{
	position:absolute;
	top:50%;
	left:-0.25rem;
	transform:translateY(-50%);
	height:0.5rem;
	width:0.5rem;
	border-radius:0 9999px 9999px 0;
	background-color:var(--text-primary);
}

._99ff235b3d16fa52-channelItem{
	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.375rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
}

._99ff235b3d16fa52-channelItemNoScrollbar{
	margin-right:0.5rem;
}

._99ff235b3d16fa52-channelItemCategory{
	margin-top:0.25rem;
	margin-bottom:0;
	gap:0.25rem;
	padding-top:0.375rem;
	padding-bottom:0.375rem;
	color:var(--text-tertiary-muted);
	cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
	._99ff235b3d16fa52-channelItemCategory:hover{
		color:var(--text-primary);
	}
}

._99ff235b3d16fa52-channelItemRegular{
	gap:0.375rem;
	padding-top:0.375rem;
	padding-bottom:0.375rem;
	color:var(--text-tertiary-muted);
}

._99ff235b3d16fa52-channelItemHighlight{
	color:var(--text-secondary);
}

._99ff235b3d16fa52-channelItemMuted{
	color:var(--text-tertiary-muted);
}

._99ff235b3d16fa52-channelItemSelected{
	background-color:var(--background-modifier-selected);
	color:var(--text-primary);
}

._99ff235b3d16fa52-channelItemSelectedWithUnread{
	color:var(--text-primary);
}

@media (hover: hover) and (pointer: fine){
	._99ff235b3d16fa52-channelItemHoverable:hover{
		background-color:var(--background-modifier-hover);
		color:var(--text-chat);
	}
}

._99ff235b3d16fa52-channelItemPressed{
	background-color:var(--background-modifier-hover);
	color:var(--text-chat);
}

._99ff235b3d16fa52-channelItemOver{
	background-color:var(--background-modifier-hover);
	color:var(--text-chat);
}

._99ff235b3d16fa52-channelItemContextMenu{
	background-color:var(--background-modifier-hover) !important;
	color:var(--text-chat) !important;
}

._99ff235b3d16fa52-channelItemCategoryContextMenu{
	color:var(--text-primary) !important;
}

._99ff235b3d16fa52-channelItemDragging{
	opacity:0.3;
}

._99ff235b3d16fa52-channelItemDimmed{
	opacity:0.6;
}

._99ff235b3d16fa52-channelItemMutedState{
	color:var(--text-tertiary-muted);
	opacity:0.5;
}

._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.25rem;
}

._99ff235b3d16fa52-categoryName{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
	max-height:1.25rem;
	min-width:0;
}

._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:500;
	font-size:1rem;
	line-height:1.25rem;
	max-height:1.25rem;
	min-width:0;
}

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

._99ff235b3d16fa52-channelItemVoice:hover ._99ff235b3d16fa52-voiceUserCount,
._99ff235b3d16fa52-channelItemVoice._99ff235b3d16fa52-contextMenuOpen ._99ff235b3d16fa52-voiceUserCount{
	display:none;
}

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

._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:var(--background-secondary-lighter);
}

._99677ded54fd7204-previewContainer{
	display:flex;
	flex-direction:column;
	height:176px;
	overflow:hidden;
	position:relative;
	padding:2px 12px 6px;
	padding-bottom:0;
	border-radius:8px;
	border:1px solid var(--background-modifier-accent);
}

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

._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;
	right:0;
	bottom:0;
	left:0;
	cursor:default;
	content:'';
	pointer-events:none;
	height:32px;
	background:linear-gradient(transparent, var(--background-secondary-lighter));
}

._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:flex;
	gap:0.75rem;
}

._276924b654a22ca1-themeButton{
	position:relative;
	height:3.5rem;
	width:3.5rem;
	border-radius:9999px;
	border:2px solid;
	outline:none;
	cursor:pointer;
}

._276924b654a22ca1-themeButton:focus{
	outline:none;
}

._276924b654a22ca1-themeButton:active{
	transform:none;
}

._276924b654a22ca1-themeButtonSelected{
	border-color:var(--brand-primary);
}

._276924b654a22ca1-themeButtonLight{
	border-color:var(--border-color);
}

._276924b654a22ca1-themeButtonDark{
	border-color:white;
}

._276924b654a22ca1-themeButtonIcon{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:none;
}

._276924b654a22ca1-themeButtonCheckmark{
	position:absolute;
	top:-0.25rem;
	right:-0.25rem;
	display:flex;
	height:1.25rem;
	width:1.25rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--brand-primary);
}

._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 var(--background-header-secondary);
	padding-top:1rem;
}

._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 var(--background-header-secondary);
	padding-top:1rem;
}

._276924b654a22ca1-buttonGroup{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
}

._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-fluxerTagContainer{
	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-fluxerTagLabel{
	margin:0;
	display:block;
	padding:0;
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

._4c8ccc27a82e46a7-fluxerTagInputRow{
	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);
	-webkit-column-gap:var(--spacing-2);
	   -moz-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:var(--text-link);
	text-decoration:none;
	cursor:pointer;
	background:none;
	border:none;
	padding:0;
	font:inherit;
}

._3877d51b88bba3a3-link:hover{
	text-decoration:underline;
}

._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:500;
	font-size:0.875rem;
	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.875rem;
	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);
}

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

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

.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;
	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);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

@media (min-width: 640px){
	.ffb064fcd9a4b9ff-authSessionTitle{
		font-size:1rem;
	}
}

.ffb064fcd9a4b9ff-authSessionLocation{
	font-size:0.875rem;
	color:var(--text-primary-muted);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.ffb064fcd9a4b9ff-lastUsed{
	font-size:0.75rem;
}

.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-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:grid;
	grid-template-columns:repeat(1, minmax(0, 1fr));
	grid-gap:1rem;
	gap:1rem;
}

@media (min-width: 1024px){
	.ffb064fcd9a4b9ff-devicesGrid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

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

._3c78f8b6ed23bd88-actionButton{
	display:flex;
	flex:1;
	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-tooltipContent{
	display:flex;
	align-items:center;
	gap:0.25rem;
}

.c59991a7418c22cf-tooltipText{
	font-style:italic;
}

.c59991a7418c22cf-switchWrapper{
	margin-top:0.5rem;
}

._068aee084036af2f-container{
	position:relative;
	height:100%;
}

._068aee084036af2f-mobileEmojiPicker{
	position:relative;
	display:grid;
	grid-template-rows:auto 1fr auto;
	width:auto;
	height:100%;
	overflow:hidden;
	padding:0 16px 0 8px;
}

._068aee084036af2f-bodyWrapper{
	display:grid;
	position:relative;
	grid-row:2 / 3;
	grid-template-rows:1fr;
}

._068aee084036af2f-emojiPickerListWrapper{
	position:relative;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	min-height:0;
}

._068aee084036af2f-listWrapper{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

._068aee084036af2f-list{
	padding:0 4px;
}

@media (max-width: 768px){
	._068aee084036af2f-list{
		scrollbar-width:none;
	}

	._068aee084036af2f-list::-webkit-scrollbar{
		display:none;
	}
}

._068aee084036af2f-categoryListBottom{
	position:relative;
	grid-row:3 / 4;
	width:100%;
	background:var(--background-secondary);
	border-top:1px solid var(--background-header-secondary);
	overflow-x:auto;
	overflow-y:hidden;
	padding:8px 0 calc(8px + env(safe-area-inset-bottom, 0px));
	display:flex;
	align-items:center;
	justify-content:center;
}

._068aee084036af2f-categoryListBottom::-webkit-scrollbar{
	height:0;
}

._068aee084036af2f-categoryListBottom::-webkit-scrollbar-track{
	background:transparent;
}

._068aee084036af2f-container{
	position:relative;
	height:100%;
}

.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;
	height:100%;
	flex-direction:column;
	overflow:hidden;
}

._3758e94f38588d1c-contentContainer{
	position:relative;
	flex:1;
	overflow:hidden;
	height:100%;
}

._3758e94f38588d1c-contentInner{
	width:100%;
	height:100%;
}

._3758e94f38588d1c-pickerContent{
	height:100%;
}

._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%;
	}

.f041d4fcf8ff08ef-container{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background-color:var(--background-primary);
	z-index:2;
}

.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;
		gap:clamp(2rem, 3vw, 3.5rem);
	}
}

.eac9d2fc6555e68f-formColumn{
	display:flex;
	flex:2;
	flex-direction:column;
	gap:1.5rem;
}

.eac9d2fc6555e68f-inputFooter{
	color:var(--text-primary-muted);
	font-size:0.875rem;
}

.eac9d2fc6555e68f-opacityHalf{
	opacity:0.5;
}

.eac9d2fc6555e68f-previewColumn{
	display:flex;
	flex:1;
	justify-content:center;
}

@media (min-width: 1024px){
	.eac9d2fc6555e68f-previewColumn{
		justify-content:flex-end;
	}
}

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

._652d0732e11305ed-errorMessage{
	margin-top:0.5rem;
	color:var(--status-danger);
	font-size:0.875rem;
}

._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:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:0.25rem;
	transition:color 0.15s ease;
	color:var(--text-tertiary);
	cursor:pointer;
}

._3531d21abebc6b9c-emojiButton:hover{
	color:var(--text-primary);
}

._3531d21abebc6b9c-emojiButtonActive{
	color:var(--text-primary);
}

._3531d21abebc6b9c-description{
	margin-top:0.5rem;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._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:1rem;
}

._7dba335fb862dbc7-disabled{
	opacity:0.5;
}

._7dba335fb862dbc7-description{
	margin-top:0.5rem;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

._7dba335fb862dbc7-guildOption,
._7dba335fb862dbc7-guildValue{
	display:inline-flex;
	align-items:center;
	gap:var(--spacing-1);
	min-height:36px;
	padding:0 var(--spacing-1);
	width:100%;
}

._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.9rem;
	color:var(--text-primary);
}

.b08f07c67e5084b7-confirmDescription{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	font-size:0.875rem;
}

.b08f07c67e5084b7-confirmSecondary{
	color:var(--text-secondary);
}

.b08f07c67e5084b7-fluxerTagContainer{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

.b08f07c67e5084b7-description{
	margin-bottom:var(--spacing-4);
}

.b08f07c67e5084b7-fluxerTagLabel{
	margin-bottom:0.25rem;
	font-size:0.875rem;
	font-weight:600;
	color:var(--text-tertiary);
}

.b08f07c67e5084b7-fluxerTagInputRow{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.b08f07c67e5084b7-usernameInput{
	flex:1;
}

.b08f07c67e5084b7-separator{
	font-family:monospace;
	font-size:1.125rem;
	color:var(--text-primary);
}

.b08f07c67e5084b7-discriminatorInput{
	width:5rem;
}

.b08f07c67e5084b7-discriminatorInputDisabled{
	position:relative;
}

.b08f07c67e5084b7-discriminatorInputDisabled input:disabled{
	cursor:pointer;
}

.b08f07c67e5084b7-discriminatorOverlay{
	position:absolute;
	inset:0;
	cursor:pointer;
}

.b08f07c67e5084b7-errorMessage{
	font-size:0.875rem;
	color:var(--status-danger);
}

.b08f07c67e5084b7-validationBox{
	margin-top:0.5rem;
	padding:0.75rem;
	border-radius:0.375rem;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
}

.b08f07c67e5084b7-premiumUpsell{
	margin-top:0.5rem;
}

.b08f07c67e5084b7-footer{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:8px;
}

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

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

._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);
}

._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:1rem;
	-webkit-app-region:no-drag;
}

.ed1a0f8acb43e4b9-backButtonContainer{
	padding:0.5rem;
	padding-bottom:0.5rem;
}

.ed1a0f8acb43e4b9-backIcon{
	height:1rem;
	width:1rem;
}

.ed1a0f8acb43e4b9-noResults{
	padding:1rem 0.5rem;
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
}

.ed1a0f8acb43e4b9-tabLabel{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

.ed1a0f8acb43e4b9-badgeContainer{
	margin-left:auto;
}

.ed1a0f8acb43e4b9-footerActions{
	margin-bottom:1rem;
}

.ed1a0f8acb43e4b9-legalLinks{
	margin-top:0.75rem;
	font-size:0.6875rem;
	line-height:1.25;
	text-align:left;
}

.ed1a0f8acb43e4b9-footerContent{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	-webkit-padding-start:0.75rem;
	        padding-inline-start:0.75rem;
	width:100%;
}

.ed1a0f8acb43e4b9-legalLink{
	display:block;
	color:var(--text-link);
	cursor:pointer;
}

.ed1a0f8acb43e4b9-legalLink:hover{
	text-decoration:underline;
}

.ed1a0f8acb43e4b9-footerSpacer{
	height:12px;
}

.ed1a0f8acb43e4b9-logoutIcon{
	height:1rem;
	width:1rem;
}

.ed1a0f8acb43e4b9-previewDivider{
	border-bottom:1px solid var(--background-header-secondary);
	padding-bottom:2rem;
}

.ed1a0f8acb43e4b9-fullWidth{
	width:100%;
}

.d9edefcd23127aa8-header{
	display:flex;
	height:3.5rem;
	flex-shrink:0;
	align-items:center;
	padding-left:1rem;
	padding-right: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-duration:200ms;
}

.d9edefcd23127aa8-headerContent{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

.d9edefcd23127aa8-headerContentRelative{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}

.d9edefcd23127aa8-bannerTextContainer{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

.d9edefcd23127aa8-bannerText{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
}

.d9edefcd23127aa8-bannerTextWhite{
	color:white;
}

.d9edefcd23127aa8-bannerTextPrimary{
	color:var(--text-primary);
}

.d9edefcd23127aa8-bannerActions{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.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:600;
	font-size:1rem;
	line-height:1.5rem;
	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-icon4{
	height:1rem;
	width:1rem;
}

.d9edefcd23127aa8-scrollerContainer{
	min-height:0;
	flex:1;
	padding:1rem;
}

.d9edefcd23127aa8-categorySection{
	margin-bottom:1.5rem;
}

.d9edefcd23127aa8-categorySection:last-child{
	margin-bottom:0;
}

.d9edefcd23127aa8-categoryTitle{
	margin-bottom:0.5rem;
	padding-left:0.75rem;
	padding-right:0.75rem;
	font-weight:600;
	font-size:0.75rem;
	line-height:1rem;
	color:var(--text-tertiary);
	text-transform:uppercase;
	letter-spacing:0.05em;
}

.d9edefcd23127aa8-categoryList{
	overflow:hidden;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
}

.d9edefcd23127aa8-settingsItem{
	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){
	.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:var(--background-modifier-hover);
	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) 40%, 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-settingsItemLabel{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-secondary);
}

.d9edefcd23127aa8-settingsItemArrow{
	height:1rem;
	width:1rem;
	transform:rotate(180deg);
	color:var(--text-tertiary);
}

.d9edefcd23127aa8-divider{
	height:1px;
	margin-left:1rem;
	margin-right:1rem;
	background-color:var(--background-header-secondary);
}

.d9edefcd23127aa8-actionsContainer{
	margin-top:2rem;
	margin-bottom:1rem;
}

.d9edefcd23127aa8-logoutButton{
	width:100%;
}

.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:1rem;
	padding-bottom:calc(16px + env(safe-area-inset-bottom, 20px));
}

.d9edefcd23127aa8-scrollerFlex{
	min-height:0;
	flex:1;
}

._9c3759aaa5ca4abb-button{
	border-radius:0.5rem;
	padding:0.5rem 1.5rem;
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25rem;
	outline:none;
	transition:colors 150ms cubic-bezier(0.4, 0, 0.2, 1);
	cursor:pointer;
}

._9c3759aaa5ca4abb-button:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:2px;
}

._9c3759aaa5ca4abb-active{
	background-color:var(--brand-primary);
	color:white;
}

._9c3759aaa5ca4abb-inactive{
	background-color:var(--background-tertiary);
	color:var(--text-primary-muted);
	cursor:pointer;
}

._9c3759aaa5ca4abb-inactive:hover{
	background-color:var(--background-header-secondary);
}

._63b5b7d444c579bc-section{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

._63b5b7d444c579bc-toggleContainer{
	margin-bottom:0.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.75rem;
}

._63b5b7d444c579bc-footerContainer{
	margin-top:1rem;
	margin-bottom:0.5rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.75rem;
}

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

._63b5b7d444c579bc-scrollPromptText{
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

._63b5b7d444c579bc-scrollPromptIcon{
	height:1.25rem;
	width:1.25rem;
	color:var(--text-primary-muted);
}

.b64e96bf71beb98a-section{
	display:flex;
	min-height:0;
	width:100%;
	flex-direction:column;
	gap:1rem;
}

.b64e96bf71beb98a-card{
	width:100%;
	overflow:hidden;
	border-radius:0.75rem;
	border:1px solid var(--background-modifier-accent);
	padding:1.25rem;
}

.b64e96bf71beb98a-grid{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:1rem;
	gap:1rem;
}

@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.25rem;
}

.b64e96bf71beb98a-title{
	font-weight:bold;
	font-size:1rem;
	line-height:1.5rem;
	color:var(--text-primary);
}

.b64e96bf71beb98a-description{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary-muted);
}

.b64e96bf71beb98a-button{
	width:100%;
}

@media (min-width: 768px){
	.b64e96bf71beb98a-button{
		width:100%;
	}
}

@media (min-width: 1024px){
	.b64e96bf71beb98a-button{
		width:auto;
		justify-self:end;
	}
}

._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.5rem;
	border:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
	padding:1rem;
	text-align:center;
}

._2943507f7a776c9d-iconContainer{
	margin-bottom:0.75rem;
	display:flex;
	flex-shrink:0;
	justify-content:center;
}

._2943507f7a776c9d-iconWrapper{
	display:flex;
	height:2.5rem;
	width:2.5rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--brand-primary);
}

._2943507f7a776c9d-title{
	margin-bottom:0.5rem;
	flex-shrink:0;
	font-weight:600;
	font-size:0.875rem;
	line-height:1.25;
	color:var(--text-primary);
}

._2943507f7a776c9d-description{
	min-height:0;
	font-size:0.75rem;
	line-height:1.625;
	color:var(--text-primary-muted);
}

.acdda4fdab996e2b-section{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.acdda4fdab996e2b-benefitsGrid{
	margin-top:0.5rem;
	display:grid;
	min-height:0;
	grid-template-columns:1fr;
	grid-gap:1rem;
	gap:1rem;
}

@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:white;
}

.acdda4fdab996e2b-ctaContainer{
	margin-top:1.5rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
}

.acdda4fdab996e2b-ctaButton{
	padding-left:2rem;
	padding-right:2rem;
	padding-top:0.75rem;
	padding-bottom:0.75rem;
	font-weight:bold;
	font-size:1rem;
	line-height:1.5rem;
}

.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:var(--text-primary-muted);
}

.f7659a7a55f4e032-contentContainer{
	padding:16px 24px;
}

@media screen and (min-width: 768px){
	.f7659a7a55f4e032-contentContainer{
		padding:16px 24px 24px 24px;
	}
}

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

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

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

._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);
}

._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:1rem;
	padding:0;
	overflow:hidden;
	background:var(--background-primary);
}

@media screen and (max-width: 720px){
	._6bb997c9021911c0-modalRoot{
		width:min(100%, calc(100vw - 32px));
		min-height:360px;
		height:auto;
		max-height:calc(100svh - 48px);
	}
}

._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:var(--background-secondary);
	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:0 0 0 2px var(--background-modifier-accent-focus);
	background-color:var(--background-modifier-hover);
	transform:translateY(-1px);
}

._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:var(--background-secondary);
}

._6bb997c9021911c0-reactionListPanel{
	display:flex;
	flex:1;
	flex-direction:column;
	background:var(--background-secondary-lighter);
	border-radius:8px;
	padding:0.2rem 0;
	overflow:hidden;
	border:1px solid var(--border-color);
}

._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 var(--background-header-secondary);
}

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

.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);
	transition:color var(--transition-normal);
	cursor:pointer;
	background:transparent;
	border:none;
	outline:none;
	flex-shrink:0;
}

._33e92ab45610e91c-button:hover:not(:disabled){
	color:var(--text-primary);
}

._33e92ab45610e91c-button:disabled{
	cursor:not-allowed;
	opacity:0.7;
}

._33e92ab45610e91c-button._33e92ab45610e91c-selected{
	color:var(--text-primary);
}

._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:var(--input-container-min-height);
	--textarea-horizontal-padding:var(--spacing-4);
	--textarea-content-offset:calc((var(--user-area-content-height) - var(--textarea-line-height)) / 2);
	--textarea-upload-gap:var(--spacing-3);
	--textarea-side-button-padding:0.34375rem;

	--textarea-line-height:1.375rem;
}

._27371bdb329d34ee-textareaContainer{
	position:relative;
	margin-top:0.5rem;
	background-color:var(--background-textarea);
	border-radius:var(--radius-xl);
}

._27371bdb329d34ee-textareaWrapper{
	display:grid;
	grid-template-columns:1fr auto;
	align-items:start;
	position:relative;
	min-height:var(--textarea-min-height);
}

._27371bdb329d34ee-textareaContent{
	grid-column:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:16px;
	min-height:var(--textarea-min-height);
}

._27371bdb329d34ee-editingButtonContainer{
	grid-column:2;
	display:flex;
	align-items:stretch;
	padding-right:16px;
	height:var(--textarea-min-height);
}

._27371bdb329d34ee-textarea{
	width:100%;
	resize:none;
	overflow:visible;
	white-space:pre-wrap;
	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:inherit;
	font-size:inherit;
}

._27371bdb329d34ee-textarea:disabled{
	pointer-events:none;
}

._27371bdb329d34ee-textarea::-webkit-input-placeholder{
	color:var(--text-primary-muted);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._27371bdb329d34ee-textarea::-moz-placeholder{
	color:var(--text-primary-muted);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._27371bdb329d34ee-textarea::-ms-input-placeholder{
	color:var(--text-primary-muted);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._27371bdb329d34ee-textarea:-ms-input-placeholder{
	color:var(--text-primary-muted);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._27371bdb329d34ee-textarea::placeholder{
	color:var(--text-primary-muted);
	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.75rem;
	font-weight:600;
	color:var(--text-chat);
}

._27371bdb329d34ee-buttonGroupRight{
	
}

._27371bdb329d34ee-divider{
	width:1px;
	height:1.5rem;
	background-color:var(--background-modifier-hover);
	margin:0 0.25rem;
	align-self:center;
}

._27371bdb329d34ee-textareaOuter{
	padding-left:var(--textarea-horizontal-padding);
	padding-right:var(--textarea-horizontal-padding);
	box-sizing:border-box;
	box-shadow:inset 0 1px 0 var(--user-area-divider-color);
}

._27371bdb329d34ee-mainWrapperDense{
	display:grid;
	grid-template-columns:auto 1fr auto;
	align-items:flex-start;
	position:relative;
	min-height:var(--textarea-min-height);
	box-sizing:border-box;
	padding:var(--user-area-padding-y) 0;
	grid-column-gap:var(--textarea-upload-gap);
	-webkit-column-gap:var(--textarea-upload-gap);
	   -moz-column-gap:var(--textarea-upload-gap);
	        column-gap:var(--textarea-upload-gap);
}

._27371bdb329d34ee-textareaFocusRing{
	border-radius:var(--radius-xl);
}

._27371bdb329d34ee-mainWrapperEditing{
	display:flex;
	align-items:flex-start;
	gap:var(--spacing-3);
	padding:var(--spacing-2) var(--spacing-4);
	background-color:var(--background-textarea);
	border:1px solid var(--background-modifier-accent);
	border-radius:var(--radius-md);
	transition:colors;
	--scrollbar-track-bg:var(--background-textarea);
}

._27371bdb329d34ee-mainWrapperEditing:focus-within{
	border-color:var(--background-modifier-accent-focus);
}

._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.34375rem;
	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:var(--textarea-content-offset);
}

._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:var(--textarea-min-height);
}

._27371bdb329d34ee-buttonContainerDense{
	grid-column:3;
	display:flex;
	align-items:flex-start;
	gap:10px;
	min-height:var(--user-area-content-height);
}

._27371bdb329d34ee-buttonContainerEditing{
	display:flex;
	align-items:flex-start;
	justify-content:center;
}

._27371bdb329d34ee-footerArea{
	position:absolute;
	bottom:1px;
	left:1rem;
	right:1rem;
	margin-left:0.25rem;
	display:flex;
	align-items:center;
	height:1.5rem;
	min-width:0;
	overflow:visible;
}

._27371bdb329d34ee-footerText{
	font-size:0.875rem;
	font-weight:600;
	line-height:1.5rem;
	color:var(--text-chat);
	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;
}

._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:50svh;
	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;
}

.c1dc942a5e367ea7-container{
	display:flex;
	flex-direction:column;
	gap:8px;
	padding:12px;
	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-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-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-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-spinner{
	animation:c1dc942a5e367ea7-spin 1s linear infinite;
}

@keyframes c1dc942a5e367ea7-spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

.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-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:flex;
	flex-direction:row;
	gap:4px;
	max-height:280px;
}

._98d47c1b485761cd-oneByTwoGridItem{
	flex:1;
	min-width:0;
}

._98d47c1b485761cd-oneByTwoLayoutThreeGrid{
	max-height:350px;
}

._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:350px;
}

._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:350px;
}

._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:var(--media-border-radius);
	cursor:pointer;
}

._98d47c1b485761cd-clickableWrapper{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

._98d47c1b485761cd-clickableButton{
	cursor:pointer;
}

._98d47c1b485761cd-loadingOverlay{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

._98d47c1b485761cd-mediaContainer{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

._98d47c1b485761cd-oneByOneGrid{
	width:100%;
	max-width:550px;
	max-height:400px;
	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:var(--media-border-radius);
}

._98d47c1b485761cd-oneByOneGridMosaic{
	display:flex;
	height:280px;
}

._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:visible;
	display:block;
	width:100%;
	max-width: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:240px;
	}

	._98d47c1b485761cd-oneByOneGrid{
		max-height:300px;
		max-width:100%;
	}

	._98d47c1b485761cd-threeByThreeGrid ._98d47c1b485761cd-mosaicItem{
		aspect-ratio:1 / 1;
	}
}

._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:100%;
	max-width:550px;
	width:100%;
}

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

._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{
	margin-top:0.5rem;
}

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

._42ad57f83cefb9d2-footer{
	display:flex;
	width:100%;
	flex-direction:column;
	gap:0.5rem;
}

._42ad57f83cefb9d2-fullWidth{
	width:100%;
}

._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:0.375rem;
	padding:0.375rem;
	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:none;
	background:transparent;
}

._32b7d1cc4505012f-controlButton:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:-2px;
}

._32b7d1cc4505012f-controlButton:active{
	transform:scale(0.95);
}

._32b7d1cc4505012f-controlButtonDefault{
	color:var(--text-tertiary);
}

._32b7d1cc4505012f-controlButtonDefault:hover{
	color:var(--text-secondary);
}

._32b7d1cc4505012f-controlButtonDefaultActive{
	background-color:var(--background-tertiary);
	color:var(--text-primary);
}

._32b7d1cc4505012f-controlButtonPrimary{
	color:var(--text-tertiary);
}

._32b7d1cc4505012f-controlButtonPrimary:hover{
	color:var(--text-secondary);
}

._32b7d1cc4505012f-controlButtonPrimaryActive{
	background-color:var(--brand-primary);
	color:var(--text-on-brand-primary);
}

._32b7d1cc4505012f-controlButtonPrimaryActive:hover{
	background-color:var(--brand-primary);
}

._32b7d1cc4505012f-controlButtonDanger{
	color:var(--text-tertiary);
}

._32b7d1cc4505012f-controlButtonDanger:hover{
	color:var(--text-secondary);
}

._32b7d1cc4505012f-controlButtonDangerActive{
	background-color:var(--status-danger);
	color:var(--text-on-brand-primary);
}

._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.125rem;
	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 ._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:0.5rem;
		left:0.5rem;
		right:0.5rem;
		min-height:40px;
	}
}

._32b7d1cc4505012f-headerMeta{
	display:flex;
	align-items:center;
	gap:0.375rem;
	padding:0.25rem 0.5rem;
	border-radius:var(--radius-lg);
	background-color:var(--background-textarea);
	border:1px solid var(--background-modifier-accent);
	box-shadow:0 2px 8px rgb(0 0 0 / 0.15);
	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.375rem;
	margin-left:auto;
	flex-shrink:0;
	pointer-events:none;
	height:100%;
}

._32b7d1cc4505012f-actionControlsBox{
	display:flex;
	align-items:center;
	gap:0.125rem;
	padding:0.25rem 0.375rem;
	border-radius:var(--radius-lg);
	background-color:var(--background-textarea);
	border:1px solid var(--background-modifier-accent);
	box-shadow:0 2px 8px rgb(0 0 0 / 0.15);
	pointer-events:auto;
	height:100%;
	box-sizing:border-box;
}

._32b7d1cc4505012f-closeControlBox{
	display:flex;
	align-items:center;
	padding:0.25rem 0.375rem;
	border-radius:var(--radius-lg);
	background-color:var(--background-textarea);
	border:1px solid var(--background-modifier-accent);
	box-shadow:0 2px 8px rgb(0 0 0 / 0.15);
	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;
}

._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%;
}

@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;
}

._7e5e1b1a2bc5a0f9-gifvVideo{
	max-height:100%;
	max-width:100%;
	object-fit:contain;
}

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

._18fe08622634f083-modals{
	background:none;
	inset:0;
	pointer-events:none;
	position:fixed;
	z-index:var(--z-index-modal);
}

html.platform-native:not(.platform-macos) ._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 + env(safe-area-inset-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-color:var(--background-primary);
}

._9cc80d2156ecf06c-loadingScreen{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:0;
}

._9cc80d2156ecf06c-bannerContainer{
	position:relative;
	height:184px;
	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-notchContainer{
	position:absolute;
	inset-inline:0;
	top:0;
	z-index:30;
	display:flex;
	width:100%;
	justify-content:center;
	padding-top:0.75rem;
	padding-bottom:0.75rem;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	touch-action:pan-x;
}

._9cc80d2156ecf06c-notch{
	height:0.25rem;
	width:2.5rem;
	border-radius:9999px;
}

._9cc80d2156ecf06c-profileContent{
	position:relative;
	background-color:var(--background-primary);
}

._9cc80d2156ecf06c-avatarContainer{
	position:absolute;
	left:1rem;
	z-index:20;
	top:-40px;
}

._9cc80d2156ecf06c-avatarBorder{
	border:4px solid var(--background-primary);
	background-color:var(--background-primary);
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
}

._9cc80d2156ecf06c-contentPadding{
	padding-left:1rem;
	padding-right:1rem;
	padding-top:3rem;
}

._9cc80d2156ecf06c-actionsContainer{
	position:absolute;
	top:1rem;
	right:1rem;
	z-index:10;
	display:flex;
	gap:0.5rem;
}

._9cc80d2156ecf06c-actionButton{
	display:flex;
	height:2.5rem;
	width:2.5rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-tertiary);
	color:var(--text-primary);
	cursor:pointer;
}

._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-editProfileButton{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	border-radius:0.75rem;
	background-color:var(--brand-primary);
	padding-left:1rem;
	padding-right:1rem;
	padding-top:0.75rem;
	padding-bottom:0.75rem;
	cursor:pointer;
}

._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:0.75rem;
	background-color:var(--background-secondary-alt);
	padding:0.75rem;
	cursor:pointer;
}

._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:0.75rem;
	background-color:var(--background-secondary-alt);
	padding:1rem;
}

._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:0.75rem;
	background-color:var(--background-secondary-alt);
	padding:1rem;
	text-align:left;
	cursor:pointer;
}

._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-sheetContainer{
	background-color:transparent;
}

.ccddfe323aa95093-toast{
	display:inline-flex;
	max-width:90svw;
	cursor:pointer;
	align-items:center;
	border-radius:9999px;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-primary);
	box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.ccddfe323aa95093-toastMobile{
	gap:0.5rem;
	padding:0.625rem 1rem;
}

.ccddfe323aa95093-toastDesktop{
	gap:0.75rem;
	padding:0.75rem 1.25rem;
}

.ccddfe323aa95093-icon{
	flex-shrink:0;
}

.ccddfe323aa95093-iconSuccess{
	color:var(--status-online);
}

.ccddfe323aa95093-iconError{
	color:var(--status-danger);
}

.ccddfe323aa95093-iconMobile{
	height:1rem;
	width:1rem;
}

.ccddfe323aa95093-iconDesktop{
	height:1.25rem;
	width:1.25rem;
}

.ccddfe323aa95093-text{
	font-weight:600;
	color:var(--text-primary);
	line-height:1.375;
}

.ccddfe323aa95093-textMobile{
	font-size:0.875rem;
}

.ccddfe323aa95093-textDesktop{
	font-size:1rem;
}

._1b8915f55950a6b5-container{
	pointer-events:none;
	position:fixed;
	z-index:var(--z-index-toast);
}

._1b8915f55950a6b5-containerMobile{
	right:1rem;
	left:1rem;
	top:calc(1rem + env(safe-area-inset-top, 0px));
	display:flex;
	justify-content:center;
}

._1b8915f55950a6b5-containerDesktop{
	transform:translateX(-50%);
	top:calc(1.5rem + env(safe-area-inset-top, 0px));
	left:50%;
}

html.platform-native:not(.platform-macos) #_1b8915f55950a6b5-toast-portal-root ._1b8915f55950a6b5-containerDesktop{
	top:calc(1.5rem + env(safe-area-inset-top, 0px) + 0px);
	top:calc(1.5rem + env(safe-area-inset-top, 0px) + var(--native-titlebar-height, 0px));
}

html.platform-native:not(.platform-macos) #_1b8915f55950a6b5-toast-portal-root ._1b8915f55950a6b5-containerMobile{
	top:calc(1rem + env(safe-area-inset-top, 0px) + 0px);
	top:calc(1rem + env(safe-area-inset-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) + env(safe-area-inset-right)) 0 calc(var(--spacing-3) + env(safe-area-inset-left));
	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-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-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 1rem 1rem;
}

._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:var(--background-secondary-lighter);
	border:none;
	transition:border-color 0.2s ease;
	margin-bottom:0;
}

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

._7074330423a574c6-stackSection + ._7074330423a574c6-stackSection{
	border-top:1px solid var(--user-area-divider-color);
}

._7074330423a574c6-box:focus-within{
	border-top:none;
}

._7074330423a574c6-roundedAll{
	border-radius:0;
}

._7074330423a574c6-roundedTop{
	border-top-left-radius:0;
	border-top-right-radius:0;
}

._7074330423a574c6-roundedBottom{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

._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{
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
	min-width:0;
	overflow:hidden;
	background-color:var(--background-secondary-lighter);
	contain:layout style;
}

._78874b8c53068d6c-messagesArea{
	display:flex;
	flex:1 1 0%;
	min-height:0;
	min-width:0;
	position:relative;
	overflow:hidden;
	contain:strict;
}

._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));
}

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

._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;
	overflow:hidden;
	background-color:var(--background-secondary-lighter);
}

::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:8px;
}

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

._926ddf2a1da94ee4-headerContainer{
	z-index:3;
	display:grid;
	grid-template-columns:1fr auto;
	align-items:center;
	grid-gap:var(--spacing-4);
	gap:var(--spacing-4);
	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-lighter);
	padding:0 var(--spacing-4);
	color:var(--text-primary);
}

._926ddf2a1da94ee4-headerWrapper{
	--channel-header-background:var(--background-secondary-lighter);
	background-color:var(--channel-header-background);
	display:flex;
	flex-direction:column;
}

._926ddf2a1da94ee4-headerWrapperCallActive{
	--channel-header-background:#000;
	background-color:#000;
	background-color:var(--channel-header-background);
}

._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:1px solid color-mix(in srgb, var(--white) 10%, transparent);
	background-color:#000;
	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:-6px;
	border-radius:50%;
	border:1px solid color-mix(in srgb, var(--white) 45%, transparent);
	animation:_926ddf2a1da94ee4-callBannerRing 1.6s ease-in-out infinite;
}

._926ddf2a1da94ee4-callBannerAvatarPending ._926ddf2a1da94ee4-callBannerAvatar{
	-webkit-filter:grayscale(0.75);
	        filter:grayscale(0.75);
	opacity:0.75;
}

@keyframes _926ddf2a1da94ee4-callBannerRing{
	0%{
		transform:scale(0.9);
		opacity:0.7;
	}
	70%{
		transform:scale(1.15);
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@media (max-width: 767px){
	._926ddf2a1da94ee4-headerContainer{
		height:4rem;
		min-height:4rem;
	}
}

._926ddf2a1da94ee4-headerLeftSection{
	position:relative;
	display:flex;
	align-items:center;
	min-width:0;
	overflow:hidden;
}

._926ddf2a1da94ee4-backButton{
	margin-right:var(--spacing-3);
	flex-shrink:0;
	cursor:pointer;
	-webkit-app-region:no-drag;
}

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

._926ddf2a1da94ee4-mobileButton{
	display:flex;
	align-items:center;
	border:none;
	background-color:transparent;
	padding:0;
	text-align:left;
	cursor:pointer;
	-webkit-app-region:no-drag;
}

._926ddf2a1da94ee4-desktopButton{
	
	cursor:pointer;
}

._926ddf2a1da94ee4-desktopButton:hover{
	background-color:color-mix(in srgb, var(--white) 6%, transparent);
}

._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%;
	cursor:pointer;
	-webkit-app-region:no-drag;
}

._926ddf2a1da94ee4-groupDMHeaderTrigger:hover{
	background-color:color-mix(in srgb, var(--white) 6%, transparent);
}

._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:var(--spacing-3);
	min-width:0;
	flex-shrink:1;
	font-weight:500;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.5rem;
	max-height:1.5rem;
}

._926ddf2a1da94ee4-groupDMChannelName{
	margin-left:0;
}

._926ddf2a1da94ee4-dmNameWrapper{
	display:inline-flex;
	align-items:center;
	gap:0.35rem;
	min-width:0;
	max-width:15rem;
	flex-shrink:1;
}

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

._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:var(--spacing-2);
	flex-shrink:0;
	-webkit-app-region:no-drag;
}

._926ddf2a1da94ee4-messageSearchFocusWrapper{
	display:flex;
	flex-shrink:1;
	min-width:0;
}

._926ddf2a1da94ee4-iconButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:2rem;
	width:2rem;
	flex-shrink:0;
	cursor:pointer;
	border-radius:var(--radius-full);
	border:none;
	background-color:transparent;
	transition:color var(--transition-fast);
}

._926ddf2a1da94ee4-iconButtonDefault{
	
	color:var(--text-primary-muted);
	cursor:pointer;
}

._926ddf2a1da94ee4-iconButtonDefault:hover{
	color:var(--text-primary);
}

._926ddf2a1da94ee4-iconButtonSelected{
	
	color:var(--text-primary);
}

._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.5rem;
	width:2.5rem;
	flex-shrink:0;
	border-radius:var(--radius-full);
	background-color:var(--background-tertiary);
	color:var(--text-primary);
	cursor:pointer;
}

._926ddf2a1da94ee4-buttonIcon{
	height:1.5rem;
	width:1.5rem;
}

._926ddf2a1da94ee4-buttonIconMobile{
	height:1.25rem;
	width:1.25rem;
}

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

.d620a612533f1b13-container{
	position:relative;
	display:flex;
	max-height:min(calc(100vh - 120px), 720px);
	min-height:200px;
	width:480px;
	flex-direction:column;
	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;
}

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

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

.f4e9a1c9aa947842-tabContent{
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
}

.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{
	max-height:700px;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
}

._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:244px;
}

._504adc2bb50440b8-inputContainer{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	padding-left:var(--input-container-padding);
	padding-right:var(--input-container-padding);
	min-height:36px;
	border-radius:var(--radius-xl);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-textarea);
}

._504adc2bb50440b8-inputContainer:focus-within{
	border-color:var(--background-modifier-accent-focus);
}

._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-color:var(--background-secondary);
	color:var(--text-primary-muted);
	border:1px solid var(--background-modifier-accent);
}

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

._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:36px;
	min-height:36px;
	flex:1;
	border:none;
	background:transparent;
	outline:none;
	color:var(--text-primary);
	font-size:0.875rem;
}

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

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

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

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

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

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

._504adc2bb50440b8-clearButton:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._504adc2bb50440b8-popoutContainer{
	border-radius:var(--radius-xl);
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-textarea);
	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;
}

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

._371e1d555ff945b9-memberListContainer{
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
	width:100svw;
	min-width:0;
	overflow:hidden;
	background-color:var(--background-secondary-lighter);
	--member-list-width:100svw;
}

@media (min-width: 768px){
	._371e1d555ff945b9-memberListContainer{
		--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-4);
	background-color:var(--background-secondary-lighter);
	padding-left:var(--spacing-2);
	padding-right:0;
	padding-bottom:var(--spacing-4);
}

._371e1d555ff945b9-scrollerSpacer{
	height:0.625rem;
	flex-shrink:0;
}

.a864e307ef4de346-button{
	position:relative;
	margin-top:1px;
	margin-bottom:1px;
	cursor:pointer;
	border-radius:0.375rem;
	color:var(--text-chat);
	display:block;
	width:100%;
	text-align:left;
}

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

.a864e307ef4de346-button[aria-expanded='true']{
	background-color:var(--background-modifier-selected);
	color:var(--text-primary);
	opacity:1;
}

.a864e307ef4de346-buttonOffline{
	opacity:0.3;
}

.a864e307ef4de346-buttonContextMenuOpen{
	background-color:var(--background-modifier-selected);
	color:var(--text-primary);
	opacity:1;
}

.a864e307ef4de346-memberFocusRing{
	border-radius:0.375rem;
}

.a864e307ef4de346-grid{
	display:grid;
	height:42px;
	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;
}

.a864e307ef4de346-content{
	display:flex;
	min-width:0;
	align-items:center;
	gap:0.625rem;
	font-weight:500;
}

.a864e307ef4de346-avatarContainer{
	flex-shrink:0;
}

.a864e307ef4de346-userInfoContainer{
	display:flex;
	flex-direction:column;
	min-width:0;
	flex-grow:1;
}

.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.25rem;
	max-height:1.25rem;
}

.a864e307ef4de346-memberCustomStatus{
	max-width:100%;
	color:var(--text-primary-muted);
	font-size:0.6875rem;
	line-height:0.875rem;
	font-weight:500;
	opacity:0.85;
	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.1em;
	margin-left:4px;
	flex-shrink:0;
}

.a864e307ef4de346-crownIcon{
	height:14px;
	width:14px;
	color:hsl(39, 57%, 64%);
}

.a864e307ef4de346-userTag{
	margin-left:0.25rem;
}

.fe8dcc88e564902b-frame{
	position:relative;
	height:100%;
	width:100%;
	border:1px solid var(--user-area-divider-color);
	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 var(--user-area-divider-color);
}

.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(--layout-sidebar-width);
	width:1px;
	pointer-events:none;
	background:var(--user-area-divider-color);
	z-index:2;
}

.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;
	flex-direction:column;
}

.b99e21c8e1361fbc-groupHeader{
	padding-top:1rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	font-weight:600;
	font-size:0.875rem;
	color:var(--text-primary-muted);
}

.b99e21c8e1361fbc-membersList{
	display:flex;
	flex-direction:column;
}

.b99e21c8e1361fbc-groupSpacer{
	height:0.25rem;
}

.b99e21c8e1361fbc-skeletonItem{
	display:grid;
	height:42px;
	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;
}

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

.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:4px;
	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:4px;
}

.a75afca0b45a481d-clickableMedia{
	cursor:pointer;
	width:100%;
	height:100%;
	display:block;
	border:none;
	background:none;
	padding:0;
	margin:0;
}

.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:4px;
	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:4px;
	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);
}

.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:4px;
}

.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:4px;
}

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

._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:blur(8px);
	        backdrop-filter:blur(8px);
	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:flex-end;
	justify-content:center;
	gap:0.5rem;
	padding:1.5rem 1rem 0.75rem;
	min-height:140px;
	background-color:#000;
}

.e15035b7bd303a5f-callParticipant{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:4px;
	border:none;
	background:transparent;
	cursor:context-menu;
}

.e15035b7bd303a5f-callParticipantAvatar{
	position:relative;
	z-index:1;
	border-radius:9999px;
}

.e15035b7bd303a5f-callParticipantRinging .e15035b7bd303a5f-callParticipantAvatar{
	-webkit-filter:grayscale(0.5) brightness(0.7);
	        filter:grayscale(0.5) brightness(0.7);
}

.e15035b7bd303a5f-callParticipantRipple{
	position:absolute;
	inset:0;
	border-radius:50%;
	opacity:0;
	background-color:rgba(255, 255, 255, 0.9);
	animation:e15035b7bd303a5f-callParticipantPulse 2.429s infinite ease-out;
}

.e15035b7bd303a5f-callParticipantRipple0{
	animation-delay:20ms;
}

.e15035b7bd303a5f-callParticipantRipple1{
	animation-delay:145ms;
}

.e15035b7bd303a5f-callParticipantRipple2{
	animation-delay:270ms;
}

@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);
	}
}

.e15035b7bd303a5f-callBanner{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	padding:0 1rem 1rem;
	background-color:#000;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
}

.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.75rem;
	padding:0 1rem 1rem;
	background-color:#000;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
}

.e15035b7bd303a5f-callBannerMobileLabel{
	font-weight:600;
	color:var(--text-primary);
	text-align:center;
}

.e15035b7bd303a5f-callControlsMobile{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.e15035b7bd303a5f-callSheetContent{
	display:flex;
	flex-direction:column;
	gap:1rem;
	padding:0 1rem 1rem;
}

.e15035b7bd303a5f-callSheetStatus{
	font-weight:600;
	color:var(--text-primary);
	text-align:center;
}

.e15035b7bd303a5f-callSheetControls{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.e15035b7bd303a5f-compactVoiceCallView{
	background-color:#000;
	width:100%;
	border-radius:var(--radius-lg);
	overflow:hidden;
	min-height:0;
}

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

.d8dd188f38e775c1-container{
	display:flex;
	flex-direction:column;
	background-color:var(--background-secondary);
	min-width:0;
}

.d8dd188f38e775c1-containerNoHeader{
	padding-top:0;
}

.d8dd188f38e775c1-header{
	display:flex;
	height:56px;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid var(--background-modifier-accent);
	padding-left:1rem;
	padding-right:1rem;
}

.d8dd188f38e775c1-headerContent{
	display:flex;
	align-items:center;
	gap:0.75rem;
	min-width:0;
}

.d8dd188f38e775c1-statusContainer{
	display:flex;
	align-items:center;
	gap:0.5rem;
	min-width:0;
}

.d8dd188f38e775c1-statusDot{
	height:8px;
	width:8px;
	border-radius:9999px;
	background-color:rgb(34 197 94);
	animation:d8dd188f38e775c1-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
	flex-shrink:0;
}

.d8dd188f38e775c1-statusContainer[data-state='Connecting'] .d8dd188f38e775c1-statusDot,
.d8dd188f38e775c1-statusContainer[data-state='Reconnecting'] .d8dd188f38e775c1-statusDot{
	background-color:rgb(245 158 11);
}
.d8dd188f38e775c1-statusContainer[data-state='Disconnected'] .d8dd188f38e775c1-statusDot{
	background-color:rgb(239 68 68);
}

@keyframes d8dd188f38e775c1-pulse{
	0%,
	100%{
		opacity:1;
	}
	50%{
		opacity:0.5;
	}
}

.d8dd188f38e775c1-statusText{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.d8dd188f38e775c1-controls{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.d8dd188f38e775c1-expandButton{
	display:flex;
	height:32px;
	width:32px;
	align-items:center;
	justify-content:center;
	border-radius:6px;
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
	transition:background-color 150ms ease;
	cursor:pointer;
}

.d8dd188f38e775c1-expandButton:hover{
	background-color:var(--background-modifier-selected);
}

.d8dd188f38e775c1-videoSection{
	padding:0.5rem;
	overflow:hidden;
}

.d8dd188f38e775c1-videoContainer{
	display:flex;
	gap:0.5rem;
	overflow-x:auto;
	padding-bottom:0.25rem;
	scrollbar-width:thin;

	-webkit-scroll-snap-type:x mandatory;

	    -ms-scroll-snap-type:x mandatory;

	        scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch;
}

.d8dd188f38e775c1-videoTile{
	height:128px;
	width:192px;
	flex:0 0 auto;
	overflow:hidden;
	border-radius:10px;
	background-color:var(--background-tertiary);

	scroll-snap-align:start;
}

.d8dd188f38e775c1-moreVideos{
	height:128px;
	width:192px;
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:10px;
	background-color:var(--background-tertiary);

	scroll-snap-align:start;
}

.d8dd188f38e775c1-moreVideosText{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-secondary);
}

.d8dd188f38e775c1-controlBarSection{
	padding:0.5rem;
	background-color:#000;
}

.d8dd188f38e775c1-iconSmall{
	height:16px;
	width:16px;
}

._2bdd3802455125ca-content{
	display:flex;
	flex-direction:column;
	gap:20px;
}

._2bdd3802455125ca-section{
	display:flex;
	flex-direction:column;
}

._2bdd3802455125ca-sectionLabel{
	margin-bottom:8px;
	font-weight:500;
	color:var(--text-primary);
	font-size:14px;
}

._2bdd3802455125ca-optionGrid{
	display:flex;
	gap:4px;
}

._2bdd3802455125ca-optionButton{
	display:flex;
	flex:1;
	align-items:center;
	justify-content:center;
	gap:4px;
	border-radius:6px;
	padding:8px 12px;
	font-weight:500;
	font-size:14px;
	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;
}

._2bdd3802455125ca-optionButtonSelected{
	background-color:var(--brand-primary);
	color:white;
	cursor:pointer;
}

._2bdd3802455125ca-optionButtonSelected:hover{
	background-color:var(--brand-secondary);
}

._2bdd3802455125ca-optionButtonSelectedLocked{
	background-color:var(--background-modifier-selected);
	color:var(--text-primary);
}

._2bdd3802455125ca-optionButtonUnselected{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
	cursor:pointer;
}

._2bdd3802455125ca-optionButtonUnselected:hover{
	background-color:var(--background-modifier-selected);
}

._2bdd3802455125ca-optionButtonUnselectedLocked{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary-muted);
	cursor:pointer;
}

._2bdd3802455125ca-optionButtonUnselectedLocked:hover{
	background-color:var(--background-modifier-selected);
}

._2bdd3802455125ca-lockIcon{
	color:var(--text-tertiary);
}

._2bdd3802455125ca-premiumBanner{
	border-radius:8px;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-secondary);
	padding:12px;
}

._2bdd3802455125ca-premiumBannerHeader{
	margin-bottom:8px;
	display:flex;
	align-items:center;
	gap:8px;
}

._2bdd3802455125ca-premiumBannerIcon{
	color:var(--text-tertiary);
}

._2bdd3802455125ca-premiumBannerTitle{
	font-weight:500;
	color:var(--text-primary);
	font-size:14px;
}

._2bdd3802455125ca-premiumBannerDescription{
	color:var(--text-primary-muted);
	font-size:12px;
}

._2bdd3802455125ca-audioToggleRow{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:12px;
	background-color:var(--background-secondary);
	border-radius:8px;
}

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

._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:1rem;
	width:1rem;
}

._82963e0e4b5652cc-container{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.75rem;
}

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

._82963e0e4b5652cc-button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:56px;
	height:56px;
	border-radius:9999px;
	border:none;
	cursor:pointer;
	background:none;
	transition-duration:150ms;
	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;
}

._82963e0e4b5652cc-button:hover{
	background-color:var(--background-modifier-selected);
}

._82963e0e4b5652cc-button:disabled{
	cursor:not-allowed;
	opacity:0.75;
}

._82963e0e4b5652cc-buttonMuted{
	background-color:rgb(239 68 68 / 0.2);
	color:rgb(239 68 68);
}

._82963e0e4b5652cc-buttonMuted:hover{
	background-color:rgb(239 68 68 / 0.3);
}

._82963e0e4b5652cc-buttonUnmuted{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._82963e0e4b5652cc-buttonUnmuted:hover{
	background-color:var(--background-modifier-selected);
}

._82963e0e4b5652cc-buttonDeafened{
	background-color:rgb(239 68 68 / 0.2);
	color:rgb(239 68 68);
}

._82963e0e4b5652cc-buttonDeafened:hover{
	background-color:rgb(239 68 68 / 0.3);
}

._82963e0e4b5652cc-buttonUndeafened{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._82963e0e4b5652cc-buttonUndeafened:hover{
	background-color:var(--background-modifier-selected);
}

._82963e0e4b5652cc-buttonCameraOn{
	background-color:rgb(34 197 94 / 0.2);
	color:rgb(34 197 94);
}

._82963e0e4b5652cc-buttonCameraOn:hover{
	background-color:rgb(34 197 94 / 0.3);
}

._82963e0e4b5652cc-buttonCameraOff{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._82963e0e4b5652cc-buttonCameraOff:hover{
	background-color:var(--background-modifier-selected);
}

._82963e0e4b5652cc-buttonScreenShareOn{
	background-color:rgb(34 197 94 / 0.2);
	color:rgb(34 197 94);
}

._82963e0e4b5652cc-buttonScreenShareOn:hover{
	background-color:rgb(34 197 94 / 0.3);
}

._82963e0e4b5652cc-buttonScreenShareOff{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._82963e0e4b5652cc-buttonScreenShareOff:hover{
	background-color:var(--background-modifier-selected);
}

._82963e0e4b5652cc-buttonMoreOptions{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._82963e0e4b5652cc-buttonMoreOptions:hover{
	background-color:var(--background-modifier-selected);
}

._82963e0e4b5652cc-buttonDisconnect{
	background-color:rgb(239 68 68 / 0.2);
	color:rgb(239 68 68);
}

._82963e0e4b5652cc-buttonDisconnect:hover{
	background-color:rgb(239 68 68 / 0.3);
}

._82963e0e4b5652cc-settingsButton{
	position:absolute;
	top:-4px;
	right:-4px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:20px;
	height:20px;
	border-radius:9999px;
	background-color:var(--background-tertiary);
	color:var(--text-primary);
	box-shadow:0 0 0 2px var(--background-primary);
	border:none;
	cursor:pointer;
	transition-duration:150ms;
	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;
}

._82963e0e4b5652cc-settingsButton:hover{
	background-color:var(--background-secondary);
}

._82963e0e4b5652cc-icon{
	width:28px;
	height:28px;
}

._82963e0e4b5652cc-iconSmall{
	width:12px;
	height:12px;
}

.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:var(--background-tertiary);
	width:100%;
	aspect-ratio:16 / 9;
	max-width: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 #22c55e;
	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 video{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:var(--radius-lg);
}

._7f8a5e4087eb80df-lkParticipantTile[data-source='screen_share'] video{
	object-fit:contain;
}

._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-color:rgba(0, 0, 0, 0.7);
	border-radius:var(--radius-md);
	color:white;
	font-size:0.875rem;
	font-weight:500;
	min-width:0;
}

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

._7f8a5e4087eb80df-lkParticipantTile:hover ._7f8a5e4087eb80df-lkParticipantMetadataItem:last-child{
	opacity:1;
}

._7f8a5e4087eb80df-tileContextMenuActive ._7f8a5e4087eb80df-lkParticipantMetadataItem:last-child{
	opacity:1 !important;
}

._7f8a5e4087eb80df-voiceRoot._7f8a5e4087eb80df-keyboardModeActive ._7f8a5e4087eb80df-lkParticipantTile ._7f8a5e4087eb80df-lkParticipantMetadataItem:last-child{
	opacity:1;
}

._7f8a5e4087eb80df-lkFocusToggle{
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	padding:0.375rem;
	background-color:rgba(0, 0, 0, 0.7);
	border-radius:var(--radius-md);
	color:white;
	opacity:0;
	border:none;
	cursor:pointer;
	z-index:10;
}

._7f8a5e4087eb80df-lkFocusToggle:hover{
	background-color:rgba(0, 0, 0, 0.9);
}

._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:visible;
	position:relative;
	width:100%;
	max-width:1600px;
}

._7f8a5e4087eb80df-carouselWrapper .lk-carousel{
	display:inline-flex;
	flex:0 0 auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:0;
	padding-bottom:0;
	gap:0.5rem;
}

._7f8a5e4087eb80df-carouselInner{
	display:flex;
	justify-content:center;
	width:100%;
}

._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:var(--background-modifier-hover);
	color:var(--text-primary);
	border-radius:50%;
	cursor:pointer;
	border:1px solid var(--background-modifier-active);
}

._7f8a5e4087eb80df-carouselToggle:hover{
	background-color:var(--background-modifier-selected);
}

._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-voiceChrome{
	opacity:0;
	pointer-events:none;
}

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

.lk-pagination-indicator{
	position:absolute;
	left:50%;
	bottom:0.75rem;
	transform:translateX(-50%);
	display:flex;
	gap:6px;
	background:rgba(0, 0, 0, 0.4);
	border-radius:9999px;
	padding:4px 8px;
}

.lk-pagination-indicator > span{
	width:6px;
	height:6px;
	border-radius:9999px;
	background:rgba(255, 255, 255, 0.5);
}

.lk-pagination-indicator > span[data-lk-active]{
	background:rgba(255, 255, 255, 0.9);
}

.lk-pagination-control{
	position:absolute;
	left:50%;
	bottom:0.75rem;
	transform:translateX(-50%);
	background:rgba(0, 0, 0, 0.6);
	border-radius:9999px;
	padding:4px 8px;
	display:flex;
	align-items:center;
	gap:8px;
	color:white;
	pointer-events:auto;
}

.lk-pagination-control .lk-pagination-count{
	display:none;
}

@media (max-width: 768px){
	._7f8a5e4087eb80df-mainContent{
		padding-left:1rem;
		padding-right:1rem;
		justify-content:flex-start;
		align-items:stretch;
		gap:0.5rem;
	}

	._7f8a5e4087eb80df-focusLayoutMain{
		padding-top:0;
		padding-bottom:0;
	}

	._7f8a5e4087eb80df-focusLayoutMain ._7f8a5e4087eb80df-lkParticipantTile{
		max-width:100%;
	}

	._7f8a5e4087eb80df-gridLayoutWrapper{
		padding-top:0;
		padding-bottom:0;
	}

	._7f8a5e4087eb80df-focusLayoutContent{
		--carousel-row-height:140px;
		--content-padding:1.5rem;
	}

	._7f8a5e4087eb80df-carouselToggleWrap{
		opacity:1;
		pointer-events:auto;
		margin-top:0.5rem;
	}

	._7f8a5e4087eb80df-voiceChrome{
		opacity:1;
		pointer-events:auto;
	}

	._7f8a5e4087eb80df-controlBarContainer{
		--voice-control-horizontal-padding:1rem;
		--voice-control-top-padding:1rem;
		--voice-control-bottom-padding:calc(0.75rem + env(safe-area-inset-bottom, 0px));
	}
}

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

._7f8a5e4087eb80df-screenshareGridLayout ._7f8a5e4087eb80df-lkParticipantTile{
	width:100%;
	height:100%;
	aspect-ratio:16 / 9;
}

._7f8a5e4087eb80df-root{
	display:grid;
	grid-template-rows:auto minmax(0, 1fr) auto;
	grid-template-areas:'header' 'main' 'footer';
	height:100%;
	width:100%;
	background-color:var(--background-primary);
}

._7f8a5e4087eb80df-chrome{
	grid-area:header;
	position:relative;
	z-index:20;
	display:flex;
	height:64px;
	align-items:center;
	justify-content:space-between;
	background:var(--background-secondary);
	padding-left:1rem;
	padding-right:1rem;
	border-top:none;
	box-shadow:none;
}

._7f8a5e4087eb80df-chromeMobile{
	height:56px;
}

._7f8a5e4087eb80df-channelInfoContainer{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

._7f8a5e4087eb80df-backButton{
	display:flex;
	height:32px;
	width:32px;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:6px;
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
	transition-duration:150ms;
	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;
}

._7f8a5e4087eb80df-backButton:hover{
	background-color:var(--background-modifier-selected);
}

._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(--text-primary);
}

._7f8a5e4087eb80df-participantCount{
	color:var(--text-secondary);
	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:6px;
	padding-left:0.75rem;
	padding-right:0.75rem;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
	font-weight:600;
	font-size:0.75rem;
	line-height:1rem;
}

._7f8a5e4087eb80df-statusConnecting{
	background-color:rgb(234 179 8 / 0.2);
	color:rgb(245 158 11);
}

._7f8a5e4087eb80df-statusReconnecting{
	background-color:rgb(234 179 8 / 0.2);
	color:rgb(245 158 11);
}

._7f8a5e4087eb80df-statusDisconnected{
	background-color:rgb(239 68 68 / 0.2);
	color:rgb(239 68 68);
}

._7f8a5e4087eb80df-statusConnected{
	background-color:rgb(34 197 94 / 0.2);
	color:rgb(34 197 94);
}

._7f8a5e4087eb80df-connectionStatusDot{
	height:8px;
	width:8px;
	border-radius:9999px;
	background-color:currentColor;
	animation:_7f8a5e4087eb80df-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes _7f8a5e4087eb80df-pulse{
	0%,
	100%{
		opacity:1;
	}
	50%{
		opacity:0.5;
	}
}

._7f8a5e4087eb80df-headerButton{
	display:flex;
	height:32px;
	width:32px;
	align-items:center;
	justify-content:center;
	border-radius:6px;
	color:var(--text-primary);
	transition-duration:150ms;
	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;
}

._7f8a5e4087eb80df-headerButton:hover{
	background-color:var(--background-modifier-selected);
}

._7f8a5e4087eb80df-headerButtonActive{
	background-color:var(--background-modifier-selected);
}

._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, 8vw, 14rem);
	padding-right:clamp(1rem, 8vw, 14rem);
	min-height:0;
	min-width:0;
	container-type:size;
}

._7f8a5e4087eb80df-controlBarContainer{
	grid-area:footer;
	position:relative;
	z-index:30;
	display:flex;
	justify-content:center;
	background:var(--background-primary);
	--voice-control-horizontal-padding:1.5rem;
	--voice-control-top-padding:1.5rem;
	--voice-control-bottom-padding:calc(1rem + env(safe-area-inset-bottom, 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 + env(safe-area-inset-bottom, 0px));
	padding-bottom:var(--voice-control-bottom-padding);
	pointer-events:none;
}

._7f8a5e4087eb80df-controlBarContainer::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:30px;
	background:linear-gradient(to top, var(--background-primary) 0%, transparent 100%);
	pointer-events:none;
	transform:translateY(-100%);
}

._7f8a5e4087eb80df-controlBarContainer > *{
	pointer-events:auto;
}

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

._7f8a5e4087eb80df-voiceCallSheetContent{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._7f8a5e4087eb80df-voiceCallSheetCompact{
	width:100%;
	min-height:0;
	border-radius:var(--radius-lg);
	overflow:hidden;
}

._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:none;
	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{
	cursor:pointer;
	transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

._7f16f52f93b4640d-menuButton:hover{
	background-color:rgb(0 0 0 / 0.9);
}

._7f16f52f93b4640d-menuButtonIcon{
	height:1rem;
	width:1rem;
}

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

._8682f1fd93bf9b77-voiceChannelContainer{
	height:100%;
	width:100%;
}

._8682f1fd93bf9b77-channelGrid{
	display:grid;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	grid-template-rows:4rem 1fr;
	background:var(--background-secondary-lighter);
}

@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-color:#000;
}

._8682f1fd93bf9b77-contentGrid{
	display:grid;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	grid-template-columns:1fr auto;
	position:relative;
	contain:layout style;
}

._8682f1fd93bf9b77-memberListDivider{
	position:absolute;
	top:0;
	bottom:0;
	right:16.5rem;
	right:var(--member-list-width, 16.5rem);
	width:1px;
	background:var(--user-area-divider-color);
	pointer-events:none;
	z-index:5;
}

._8682f1fd93bf9b77-searchPanel{
	display:flex;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	border-left:1px solid var(--user-area-divider-color);
}

._8682f1fd93bf9b77-emptyStateContent{
	display:flex;
	height:100%;
	width:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:1rem;
	padding:2rem;
}

._8682f1fd93bf9b77-centeredText{
	text-align:center;
}

._8682f1fd93bf9b77-voiceChannelTitle{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:1.5rem;
	line-height:2rem;
	color:var(--text-primary);
}

._8682f1fd93bf9b77-voiceChannelDescription{
	color:var(--text-primary-muted);
}

._8682f1fd93bf9b77-buttonContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.75rem;
}

._6c0bb6b12b77f46e-container{
	display:flex;
	height:100%;
	min-height:0;
	width:420px;
	flex-direction:column;
	border-left:1px solid var(--background-modifier-hover);
	background-color:var(--background-secondary);
}

._6c0bb6b12b77f46e-header{
	display:flex;
	height:3.5rem;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid var(--background-modifier-hover);
	padding-left:1rem;
	padding-right:1rem;
}

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

._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);
	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);
	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:var(--background-secondary-lighter);
	--message-group-spacing:16px;
}

._9690d10c9532b1f6-scrollerContainer{
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	min-height:0;
	min-width:0;
	height:100%;
	width:100%;
}

._9690d10c9532b1f6-scrollerContent{
	display:flex;
	flex-direction:column;
	flex:1 0 auto;
	min-height:100%;
	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:0.75rem;
	padding-right:0.75rem;
	position:relative;
}

@media (min-width: 768px){
	._9690d10c9532b1f6-scrollerInner{
		padding-left:var(--chat-horizontal-padding);
		padding-right:var(--chat-horizontal-padding);
	}
}

._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 0.5rem 0.5rem;
	background:var(--brand-primary);
	border:none;
	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 2px 4px rgba(0, 0, 0, 0.15);
}

._9690d10c9532b1f6-newMessagesBar:active{
	transform:translateY(2px);
	box-shadow:0 0 0 rgba(0, 0, 0, 0.15);
}

._9690d10c9532b1f6-newMessagesBarText{
	color:white;
	font-size:0.875rem;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

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

._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-compact{
	padding-left:calc(16px + 3.5rem + 0.25rem);
	padding-left:calc(var(--chat-horizontal-padding, 16px) + 3.5rem + 0.25rem);
	padding-right:calc(16px + 3rem);
	padding-right:calc(var(--chat-horizontal-padding, 16px) + 3rem);
}

.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:not(.platform-macos) ._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;
}

._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);
}

.b5a5081a1b8e09c3-overlay{
	width:320px;
	border-radius:8px;
	border:1px solid var(--background-modifier-accent);
	background-color:var(--background-primary);
	padding:1rem;
	box-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.b5a5081a1b8e09c3-header{
	margin-bottom:1rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.b5a5081a1b8e09c3-headerContent{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.b5a5081a1b8e09c3-title{
	font-weight:600;
	color:var(--text-primary);
}

.b5a5081a1b8e09c3-closeButton{
	display:flex;
	height:24px;
	width:24px;
	align-items:center;
	justify-content:center;
	border-radius:4px;
	color:var(--text-primary-muted);
	transition-duration:150ms;
	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;
}

.b5a5081a1b8e09c3-closeButton:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.b5a5081a1b8e09c3-content{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.b5a5081a1b8e09c3-section{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

.b5a5081a1b8e09c3-sectionHeader{
	display:flex;
	align-items:center;
	gap:0.5rem;
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
}

.b5a5081a1b8e09c3-sectionContent{
	margin-left:1.5rem;
	display:flex;
	flex-direction:column;
	gap:0.375rem;
}

.b5a5081a1b8e09c3-statRow{
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:0.875rem;
	line-height:1.25rem;
}

.b5a5081a1b8e09c3-statLabel{
	color:var(--text-primary-muted);
}

.b5a5081a1b8e09c3-statValue{
	font-family:ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
	color:var(--text-primary);
}

.b5a5081a1b8e09c3-statValueColored{
	font-family:ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
	font-weight:500;
}

.b5a5081a1b8e09c3-divider{
	height:1px;
	background-color:var(--background-modifier-accent);
}

.b5a5081a1b8e09c3-dividerTop{
	margin-top:1rem;
	border-top:1px solid var(--background-modifier-accent);
	padding-top:1rem;
}

.b5a5081a1b8e09c3-footerText{
	text-align:center;
	color:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:1rem;
}

.b5a5081a1b8e09c3-textGreen{
	color:rgb(34 197 94);
}

.b5a5081a1b8e09c3-textYellow{
	color:rgb(234 179 8);
}

.b5a5081a1b8e09c3-textOrange{
	color:rgb(251 146 60);
}

.b5a5081a1b8e09c3-textRed{
	color:rgb(239 68 68);
}

.b5a5081a1b8e09c3-iconSmall{
	height:16px;
	width:16px;
}

.b5a5081a1b8e09c3-iconMedium{
	height:20px;
	width:20px;
}

._34120e27f907413b-channelLayoutContainer{
	display:grid;
	grid-template-rows:1fr;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	background-color:var(--background-tertiary);
}

._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:12px;
}

.ce55423556669fa2-containerDesktop{
	flex-direction:row;
	gap:0;
}

.ce55423556669fa2-input{
	width:100%;
}

.ce55423556669fa2-inputDesktop{
	padding-right:8rem;
}

.ce55423556669fa2-inputError{
	border-color:var(--status-danger);
}

.ce55423556669fa2-button{
	width:100%;
}

.ce55423556669fa2-inlineButton{
	flex-shrink:0;
}

.ce55423556669fa2-errorMessage{
	margin-top:8px;
	font-size:0.875rem;
	color:var(--status-danger);
}

.ce55423556669fa2-successMessage{
	margin-top:8px;
	font-size:0.875rem;
	color:var(--status-online);
}

.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:radial-gradient(
		ellipse at 50% 0%,
		color-mix(in srgb, var(--brand-primary) 15%, transparent) 0%,
		transparent 70%
	);
}

.e4090d308c789f7e-card{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	max-width:480px;
	padding:2rem;
	text-align:center;
}

.e4090d308c789f7e-heroIcon{
	width:64px;
	height:64px;
	margin-bottom:1rem;
	color:var(--brand-primary-light);
}

.theme-light .e4090d308c789f7e-heroIcon{
	color:var(--brand-primary);
}

.e4090d308c789f7e-title{
	margin:0 0 0.5rem 0;
	font-weight:700;
	font-size:1.5rem;
	line-height:2rem;
	color:var(--text-primary);
}

.e4090d308c789f7e-subtitle{
	margin:0 0 1.5rem 0;
	font-size:0.9375rem;
	line-height:1.375rem;
	color:var(--text-secondary);
}

.e4090d308c789f7e-formContainer{
	width:100%;
}

@media (max-width: 480px){
	.e4090d308c789f7e-addFriendContainer{
		padding:1rem;
		padding-bottom:calc(1rem + 48px);
	}

	.e4090d308c789f7e-card{
		padding:1.5rem;
	}

	.e4090d308c789f7e-heroIcon{
		width:56px;
		height:56px;
	}

	.e4090d308c789f7e-title{
		font-size:1.25rem;
		line-height:1.75rem;
	}
}

._0b9b22a7a38b11c2-container{
	display:flex;
	height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:2rem;
	text-align:center;
}

._0b9b22a7a38b11c2-icon{
	margin-bottom:1rem;
	height:4rem;
	width:4rem;
	color:var(--text-tertiary);
}

._0b9b22a7a38b11c2-title{
	margin-bottom:0.5rem;
	font-weight:600;
	color:var(--text-primary);
	font-size:1.25rem;
}

._0b9b22a7a38b11c2-subtitle{
	max-width:28rem;
	color:var(--text-tertiary);
}

.e1712d379557fc29-button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:2.25rem;
	height:2.25rem;
	border-radius:50%;
	transition:colors 0.2s ease;
}

.e1712d379557fc29-danger{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary-muted);
	cursor:pointer;
}

.e1712d379557fc29-danger:hover{
	background-color:var(--status-danger);
	color:white;
}

.f9f84a067f1f560d-friendListItem{
	display:flex;
	justify-content:space-between;
	align-items:center;
	cursor:pointer;
	padding:0.75rem 1rem;
	position:relative;
	overflow:hidden;
	max-width:100%;
}

.f9f84a067f1f560d-friendListItem::before{
	content:'';
	position:absolute;
	inset:0 0.4rem 0 var(--spacing-2);
	border-radius:0.375rem;
	border-top:1px solid var(--background-modifier-accent);
	pointer-events:none;
}

.f9f84a067f1f560d-friendListItem:hover::before{
	background-color:var(--background-modifier-hover);
	border-top-color:transparent;
}

.f9f84a067f1f560d-friendListItem:hover + .f9f84a067f1f560d-friendListItem::before{
	border-top-color:transparent;
}

.f9f84a067f1f560d-contextMenuActive::before{
	background-color:var(--background-modifier-hover) !important;
	border-top-color:transparent !important;
}

.f9f84a067f1f560d-contextMenuActive + .f9f84a067f1f560d-friendListItem::before{
	border-top-color:transparent;
}

.f9f84a067f1f560d-friendInfo{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	gap:0.75rem;
	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:600;
	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:var(--text-tertiary);
	flex-shrink:0;
	opacity:0;
	transition:opacity var(--transition-fast);
}

.f9f84a067f1f560d-friendListItem:hover .f9f84a067f1f560d-friendTag,
.f9f84a067f1f560d-contextMenuActive .f9f84a067f1f560d-friendTag{
	opacity:1;
}

.f9f84a067f1f560d-friendSubtext{
	font-size:0.6875rem;
	line-height:1rem;
	color:var(--text-primary-muted);
	font-weight:500;
	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:var(--text-tertiary);
}

.f9f84a067f1f560d-friendStatusOnline{
	color:var(--text-primary-muted);
}

.f9f84a067f1f560d-friendActions{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	gap:0.5rem;
	flex-shrink:0;
}

.f9f84a067f1f560d-actionButtonMessage{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary-muted);
	cursor:pointer;
}

.f9f84a067f1f560d-actionButtonMessage:hover{
	background-color:var(--background-tertiary);
	color:var(--text-primary);
}

.f9f84a067f1f560d-actionButtonMore{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary-muted);
	cursor:pointer;
}

.f9f84a067f1f560d-actionButtonMore:hover{
	background-color:var(--background-tertiary);
	color:var(--text-primary);
}

.f9f84a067f1f560d-actionButtonAccept{
	background-color:var(--brand-primary);
	padding:0.5rem;
	color:var(--brand-primary-fill);
	cursor:pointer;
}

.f9f84a067f1f560d-actionButtonAccept:hover{
	-webkit-filter:brightness(1.05);
	        filter:brightness(1.05);
}

.f9f84a067f1f560d-actionButtonIgnore{
	background-color:var(--background-tertiary);
	padding:0.5rem;
	color:var(--text-primary);
	cursor:pointer;
}

.f9f84a067f1f560d-actionButtonIgnore:hover{
	background-color:var(--background-modifier-hover);
}

.f9f84a067f1f560d-actionButtonCancel{
	background-color:var(--status-danger);
	padding:0.5rem;
	color:white;
	cursor:pointer;
}

.f9f84a067f1f560d-actionButtonCancel:hover{
	-webkit-filter:brightness(1.05);
	        filter:brightness(1.05);
}

.f9f84a067f1f560d-iconSize{
	height:1.25rem;
	width:1.25rem;
}

.da1eb3cf8d651dfc-sectionTitle{
	margin-bottom:1rem;
	font-weight:600;
	font-size:0.75rem;
	line-height:1rem;
	text-transform:uppercase;
	color:var(--text-primary-muted);
}

.da1eb3cf8d651dfc-sectionContent{
	margin:0 -1rem;
}

.da1eb3cf8d651dfc-sectionContentWithMargin{
	margin:0 -1rem 2rem;
}

._4a075ed4b6a24d62-friendsListContainer{
	padding:1rem;
}

._4a075ed4b6a24d62-scroller{
	height:100%;
}

._9140b7c1310daa02-pendingViewContainer{
	padding:1rem;
}

._9140b7c1310daa02-scroller{
	height:100%;
}

.a918904ac478609f-container{
	display:grid;
	grid-template-rows:3.5rem 1fr;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	background-color:var(--background-secondary-lighter);
}

.a918904ac478609f-content{
	flex:1;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	padding-bottom:1rem;
	min-height:0;
}

.a918904ac478609f-searchWrapper{
	width:100%;
	padding:0 1rem;
	padding-top:0.75rem;
}

.a918904ac478609f-searchIcon{
	height:1.25rem;
	width:1.25rem;
	color:var(--text-secondary);
}

.a918904ac478609f-tabBody{
	flex:1;
	min-height:0;
	overflow:hidden;
}

.a918904ac478609f-headerContent{
	display:flex;
	min-width:0;
	align-items:center;
	gap:1rem;
}

.a918904ac478609f-titleSection{
	display:flex;
	align-items:center;
	gap:0.5rem;
	flex-shrink:0;
	-webkit-app-region:no-drag;
}

.a918904ac478609f-titleIcon{
	height:1.5rem;
	width:1.5rem;
}

.a918904ac478609f-titleText{
	font-weight:600;
	white-space:nowrap;
}

.a918904ac478609f-divider{
	height:1.5rem;
	width:1px;
	background-color:var(--background-modifier-accent);
	flex-shrink:0;
	-webkit-app-region:no-drag;
}

.a918904ac478609f-tabsWrapper{
	flex:1;
	min-width:0;
	height:100%;
	-webkit-app-region:no-drag;
	overflow:hidden;
}

.a918904ac478609f-tabsInner{
	display:flex;
	gap:0.5rem;
	align-items:center;
	padding:4px;
	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.25rem 0.75rem;
	border-radius:0.375rem;
	font-weight:600;
	font-size:1rem;
	line-height:1.5rem;
	color:var(--text-primary-muted);
	background:transparent;
	border:none;
	cursor:pointer;
	transition:background-color 0.15s ease, color 0.15s ease;
	white-space:nowrap;
	flex-shrink:0;
}

.a918904ac478609f-tabButton:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

.a918904ac478609f-tabButton.a918904ac478609f-active{
	background-color:var(--background-modifier-selected);
	color:var(--text-primary);
}

.a918904ac478609f-tabButton.a918904ac478609f-primary{
	background-color:var(--brand-primary);
	color:var(--brand-primary-fill);
}

.a918904ac478609f-tabButton.a918904ac478609f-primary:hover{
	background-color:var(--brand-primary);
	color:var(--brand-primary-fill);
	opacity:0.9;
}

.a918904ac478609f-tabContent{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._9b75e7ac4c6ad667-container{
	display:flex;
	height:100%;
	flex-direction:column;
	overflow:hidden;
}

._9b75e7ac4c6ad667-scroller{
	flex:1;
}

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

._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 + env(safe-area-inset-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;
}

.ee8a0bd3258b573c-requestItem{
	display:flex;
	align-items:center;
	gap:0.75rem;
	padding-left:1rem;
	padding-right:1rem;
	padding-top:0.75rem;
	padding-bottom:0.75rem;
}

.ee8a0bd3258b573c-userInfo{
	display:flex;
	flex:1 1 0%;
	flex-direction:column;
}

.ee8a0bd3258b573c-userName{
	font-weight:500;
	font-size:1rem;
	line-height:1.5rem;
	color:var(--text-primary);
}

.ee8a0bd3258b573c-requestStatus{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
}

.ee8a0bd3258b573c-actionButton{
	display:flex;
	height:2.25rem;
	width:2.25rem;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-full);
	background-color:var(--background-modifier-hover);
	color:var(--text-primary-muted);
	transition-property:color, background-color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

.ee8a0bd3258b573c-actionButton:active{
	background-color:var(--background-tertiary);
	color:var(--text-primary);
}

.ee8a0bd3258b573c-iconSize{
	height:1.25rem;
	width:1.25rem;
}

.a80ce4a6d7684eea-container{
	display:flex;
	height:100%;
	flex-direction:column;
	overflow:hidden;
}

.a80ce4a6d7684eea-scroller{
	flex:1;
}

.a80ce4a6d7684eea-content{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding:16px;
	padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));
}

.a80ce4a6d7684eea-description{
	color:var(--text-primary-muted);
	font-size:14px;
	line-height:20px;
}

.a80ce4a6d7684eea-requestsSection{
	margin-top:16px;
}

.a80ce4a6d7684eea-requestsGroup{
	margin-bottom:24px;
}

.a80ce4a6d7684eea-requestsHeader{
	margin-bottom:12px;
	font-weight:600;
	font-size:14px;
	color:var(--text-primary-muted);
}

.a80ce4a6d7684eea-requestsList{
	overflow:hidden;
	border-radius:12px;
	background:var(--background-tertiary);
}

.a80ce4a6d7684eea-requestDivider{
	margin:0 16px;
	height:1px;
	background:var(--background-header-secondary);
	opacity:0.3;
}

._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 + env(safe-area-inset-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 + env(safe-area-inset-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;
}

._6bd0671dfcf3e3f7-dmListContainer{
	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-color:var(--background-secondary);
	padding-bottom:0;
}

._6bd0671dfcf3e3f7-dmListHeader{
	display:flex;
	align-items:center;
	height:var(--layout-header-height);
	min-height:var(--layout-header-height);
	background-color:var(--background-secondary);
	padding:0 var(--spacing-2);
	width:100%;
	border:none;
	border-bottom:1px solid var(--user-area-divider-color);
	cursor:pointer;
	text-align:left;
	transition:background-color var(--transition-fast);
}

._6bd0671dfcf3e3f7-dmListHeaderButton{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	height:1.75rem;
	padding:0 var(--spacing-3);
	border:none;
	border-radius:var(--radius-md);
	background-color:transparent;
	color:var(--text-primary-muted);
	font-size:0.8125rem;
	font-weight:500;
	transition:color var(--transition-fast);
}

._6bd0671dfcf3e3f7-dmListHeader:hover{
	background-color:var(--background-modifier-hover);
}

._6bd0671dfcf3e3f7-dmListHeader:hover ._6bd0671dfcf3e3f7-dmListHeaderButton{
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-dmListHeaderText{
	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:var(--radius-sm);
	background-color:var(--background-modifier-accent);
	color:var(--surface-interactive-selected-color);
	font-size:0.625rem;
	font-weight:500;
	font-family:inherit;
}

._6bd0671dfcf3e3f7-theme-light ._6bd0671dfcf3e3f7-dmListHeaderShortcut kbd{
	border-color:hsla(0, 0%, 100%, 0.15);
	background-color:hsl(220, calc(13% * var(--saturation-factor)), 18.44%);
	color:var(--text-on-brand-primary);
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
}

._6bd0671dfcf3e3f7-mobileContainer{
	position:relative;
	display:grid;
	grid-template-rows:auto 1fr;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	background-color:var(--background-secondary);
}

._6bd0671dfcf3e3f7-mobileHeader{
	display:flex;
	height:3.5rem;
	flex-shrink:0;
	align-items:center;
	justify-content:space-between;
	border-bottom:var(--theme-border-width) solid var(--background-header-secondary);
	padding-left:1rem;
	padding-right:0.5rem;
}

._6bd0671dfcf3e3f7-mobileHeaderTitle{
	font-weight:600;
	font-size:1.125rem;
	line-height:1.75rem;
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-mobileHeaderActions{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

._6bd0671dfcf3e3f7-mobileHeaderButton{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-full);
	background-color:var(--guild-list-foreground);
	color:var(--text-primary);
	border:none;
	cursor:pointer;
	transition:background-color var(--transition-fast);
}

._6bd0671dfcf3e3f7-mobileHeaderButton:hover{
	background-color:color-mix(in srgb, var(--guild-list-foreground) 90%, white);
}

._6bd0671dfcf3e3f7-mobileAddFriendButton{
	position:relative;
	display:flex;
	align-items:center;
	gap:0.5rem;
	border-radius:var(--radius-full);
	background-color:var(--guild-list-foreground);
	padding-left:1rem;
	padding-right:1rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	font-weight:500;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-primary);
	border:none;
	cursor:pointer;
	transition:background-color var(--transition-fast);
}

._6bd0671dfcf3e3f7-mobileAddFriendButton:hover{
	background-color:color-mix(in srgb, var(--guild-list-foreground) 90%, white);
}

._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.25rem;
	padding:0;
	padding-left:var(--spacing-2);
	padding-right:var(--spacing-2);
	padding-bottom:var(--mobile-bottom-nav-height);
}

._6bd0671dfcf3e3f7-desktopScroller{
	background-color:var(--background-secondary);
}

._6bd0671dfcf3e3f7-mobileScroller{
	background-color:var(--background-secondary);
}

._6bd0671dfcf3e3f7-mobileFAB{
	position:fixed;
	right:1rem;
	bottom:calc(60px + env(safe-area-inset-bottom, 0px) + 1rem);
	z-index:50;
	display:flex;
	height:3.5rem;
	width:3.5rem;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-full);
	background-color:var(--brand-primary);
	box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	border:none;
	cursor:pointer;
}

._6bd0671dfcf3e3f7-scrollerContent{
	display:flex;
	flex-direction:column;
	padding-top:0;
	padding-bottom:0;
	padding-left:var(--spacing-2);
	padding-right:max(0px, calc(var(--spacing-2) - 8px));
	padding-right:max(0px, calc(var(--spacing-2) - var(--scroller-track-size, 8px)));
}

._6bd0671dfcf3e3f7-clickableItem{
	display:flex;
	height:2.625rem;
	width:100%;
	cursor:pointer;
	align-items:center;
	border-radius:var(--radius-md);
	border:none;
	padding-left:0.5rem;
	padding-right:0.5rem;
	text-align:left;
	background-color:transparent;
	color:var(--text-primary-muted);
}

._6bd0671dfcf3e3f7-clickableItemIcon{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-full);
	background-color:var(--guild-list-foreground);
	color:var(--text-primary);
	transition:background-color var(--transition-fast), color var(--transition-fast);
}

@media (hover: hover) and (pointer: fine){
	._6bd0671dfcf3e3f7-clickableItem:hover:not(._6bd0671dfcf3e3f7-clickableItemSelected) ._6bd0671dfcf3e3f7-clickableItemIcon{
		background-color:color-mix(in srgb, var(--guild-list-foreground) 90%, white);
	}
}

._6bd0671dfcf3e3f7-clickableItemSelected ._6bd0671dfcf3e3f7-clickableItemIcon{
	background-color:var(--brand-primary);
	color:white;
}

@media (hover: hover) and (pointer: fine){
	._6bd0671dfcf3e3f7-clickableItem:hover:not(._6bd0671dfcf3e3f7-clickableItemSelected){
		background-color:var(--surface-interactive-hover-bg);
		color:var(--text-primary);
	}
}

._6bd0671dfcf3e3f7-clickableItemPressed:not(._6bd0671dfcf3e3f7-clickableItemSelected){
	background-color:var(--surface-interactive-hover-bg);
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-clickableItemSelected{
	
	background-color:color-mix(in srgb, var(--surface-interactive-selected-bg) 35%, transparent);
	color:var(--surface-interactive-selected-color);
}

._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:white;
}

._6bd0671dfcf3e3f7-sendIcon{
	height:1.5rem;
	width:1.5rem;
	color:white;
}

._6bd0671dfcf3e3f7-clickableItemText{
	font-weight:500;
}

._6bd0671dfcf3e3f7-dmSectionSeparator{
	height:1px;
	margin:var(--spacing-2) calc(-1 * var(--spacing-2));
	background-color:var(--user-area-divider-color);
}

._6bd0671dfcf3e3f7-dmSectionHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:0.5rem;
	margin-bottom:0.5rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
}

._6bd0671dfcf3e3f7-dmSectionHeaderText{
	display:flex;
	align-items:center;
	gap:0.25rem;
	color:var(--text-primary-muted);
}

._6bd0671dfcf3e3f7-dmSectionHeaderLabel{
	font-size:0.8125rem;
	line-height:1rem;
	font-weight:500;
}

._6bd0671dfcf3e3f7-dmCreateButton{
	display:flex;
	height:1rem;
	width:1rem;
	cursor:pointer;
	align-items:center;
	justify-content:center;
	border:none;
	background-color:transparent;
	color:var(--text-primary-muted);
}

._6bd0671dfcf3e3f7-dmCreateButton:hover{
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-dmCreateButtonActive{
	
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-dmChannelList{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._6bd0671dfcf3e3f7-dmItemMobile{
	position:relative;
	display:flex;
	width:100%;
	cursor:pointer;
	align-items:center;
	justify-content:space-between;
	border-radius:var(--radius-md);
	padding-left:0.5rem;
	padding-right:0.5rem;
	text-align:left;
	height:3.25rem;
	background-color:transparent;
	color:var(--text-primary-muted);
}

._6bd0671dfcf3e3f7-dmItemMobileSelected{
	
	background-color:color-mix(in srgb, var(--surface-interactive-selected-bg) 35%, transparent);
	color:var(--surface-interactive-selected-color);
}

._6bd0671dfcf3e3f7-dmItemMobileUnread{
	
	background-color:transparent;
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-dmItemMobileMuted{
	opacity:0.5;
	color:var(--text-tertiary-muted);
}

._6bd0671dfcf3e3f7-dmItem{
	position:relative;
	display:flex;
	width:100%;
	cursor:pointer;
	align-items:center;
	justify-content:space-between;
	border-radius:var(--radius-md);
	border:none;
	padding-left:0.5rem;
	padding-right:0.5rem;
	text-align:left;
	height:2.625rem;
	background-color:transparent;
	color:var(--text-primary-muted);
}

._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:0;
	left:0;
	display:flex;
	width:0.5rem;
	align-items:center;
	justify-content:flex-start;
}

._6bd0671dfcf3e3f7-dmItemUnreadIndicatorContainerMobile{
	
	height:3.25rem;
}

._6bd0671dfcf3e3f7-dmItemUnreadIndicatorContainerDesktop{
	
	height:2.625rem;
}

._6bd0671dfcf3e3f7-dmItemUnreadIndicator{
	position:absolute;
	margin-left:-0.75rem;
	width:0.5rem;
	border-radius:0 var(--radius-full) var(--radius-full) 0;
	background-color:var(--text-primary);
}

._6bd0671dfcf3e3f7-dmItemContent{
	position:relative;
	display:flex;
	width:100%;
	align-items:center;
	gap:0.75rem;
}

._6bd0671dfcf3e3f7-dmItemAvatarWrapper{
	position:relative;
}

._6bd0671dfcf3e3f7-dmItemInfo{
	min-width:0;
	flex:1 1 0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:0.0625rem;
}

._6bd0671dfcf3e3f7-dmItemName{
	display:flex;
	align-items:center;
	gap:0.15rem;
	min-width:0;
	font-weight:500;
	font-size:16px;
	line-height:20px;
}

._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:var(--text-primary-muted);
	font-size:0.6875rem;
	line-height:1rem;
	font-weight:500;
	margin-top:-0.0625rem;
	opacity:0.85;
}

._6bd0671dfcf3e3f7-dmItemCustomStatus{
	
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
}

._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:var(--text-primary-muted);
	font-size:0.75rem;
	line-height:1rem;
}

._6bd0671dfcf3e3f7-dmItemSelected{
	
	background-color:color-mix(in srgb, var(--surface-interactive-selected-bg) 35%, transparent);
	color:var(--surface-interactive-selected-color);
}

._6bd0671dfcf3e3f7-dmItemSelected ._6bd0671dfcf3e3f7-dmItemSubtext,
._6bd0671dfcf3e3f7-dmItemSelected ._6bd0671dfcf3e3f7-dmItemMembersSubtext,
._6bd0671dfcf3e3f7-dmItemSelected ._6bd0671dfcf3e3f7-dmItemTimestamp,
._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemSubtext,
._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemMembersSubtext,
._6bd0671dfcf3e3f7-dmItemMobileSelected ._6bd0671dfcf3e3f7-dmItemTimestamp{
	color:var(--surface-interactive-selected-color);
}

._6bd0671dfcf3e3f7-dmItemCallBadge{
	display:flex;
	height:1.5rem;
	width:1.5rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-full);
	background-color:var(--status-online);
}

._6bd0671dfcf3e3f7-dmItemCloseButton{
	display:flex;
	height:1.5rem;
	width:1.5rem;
	flex-shrink:0;
	cursor:pointer;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-full);
	opacity:0;
}

._6bd0671dfcf3e3f7-dmItem:hover ._6bd0671dfcf3e3f7-dmItemCloseButton{
	opacity:1;
}

._6bd0671dfcf3e3f7-mobileSpecialButton{
	
	background-color:transparent;
	box-shadow:none;
}

._6bd0671dfcf3e3f7-mobileSpecialButtonSelected{
	
}

._6bd0671dfcf3e3f7-mobilePersonalNotesButton{
	
}

._6bd0671dfcf3e3f7-mobilePersonalNotesButtonSelected{
	
}

._6bd0671dfcf3e3f7-mobilePlutoniumButton{
	
}

@media (hover: hover) and (pointer: fine){
	._6bd0671dfcf3e3f7-dmItemMobile:hover:not(._6bd0671dfcf3e3f7-dmItemMobileSelected){
		background-color:var(--surface-interactive-hover-bg);
		color:var(--text-primary);
	}

	._6bd0671dfcf3e3f7-dmItem:hover:not(._6bd0671dfcf3e3f7-dmItemSelected){
		background-color:var(--surface-interactive-hover-bg);
		color:var(--text-primary);
	}
}

._6bd0671dfcf3e3f7-dmItemMobilePressed:not(._6bd0671dfcf3e3f7-dmItemMobileSelected){
	background-color:var(--surface-interactive-hover-bg);
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-dmItemPressed:not(._6bd0671dfcf3e3f7-dmItemSelected){
	background-color:var(--surface-interactive-hover-bg);
	color:var(--text-primary);
}

._6bd0671dfcf3e3f7-mobileSpecialButtonContent{
	position:relative;
	display:flex;
	width:100%;
	align-items:center;
	gap:0.75rem;
}

._6bd0671dfcf3e3f7-mobileSpecialButtonIcon{
	display:flex;
	height:2.5rem;
	width:2.5rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-radius:var(--radius-full);
	background-color:var(--guild-list-foreground);
	color:var(--text-primary);
	transition:background-color var(--transition-fast), color var(--transition-fast);
}

@media (hover: hover) and (pointer: fine){
	._6bd0671dfcf3e3f7-mobileSpecialButton:hover:not(._6bd0671dfcf3e3f7-mobileSpecialButtonSelected) ._6bd0671dfcf3e3f7-mobileSpecialButtonIcon{
		background-color:color-mix(in srgb, var(--guild-list-foreground) 90%, white);
	}
}

._6bd0671dfcf3e3f7-mobileSpecialButtonSelected ._6bd0671dfcf3e3f7-mobileSpecialButtonIcon{
	background-color:var(--brand-primary);
	color:white;
}

._6bd0671dfcf3e3f7-mobileSpecialButtonText{
	min-width:0;
	flex:1 1 0;
}

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

._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{
	display:grid;
	grid-template-columns:var(--layout-sidebar-width) 1fr;
	grid-template-rows:1fr;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	background-color:var(--background-secondary);
}

.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-color:var(--background-secondary);
}

.fe5be59d9f84083d-contentColumn{
	display:grid;
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	background-color:var(--background-tertiary);
}

.fe5be59d9f84083d-contentInner{
	height:100%;
	min-height:0;
	width:100%;
	min-width:0;
	background-color:var(--background-secondary);
}

.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:not(.platform-macos) .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-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-icon{
	position:relative;
	z-index:var(--z-index-elevated-1);
	width:5rem;
	height:5rem;
}

@media (min-width: 640px){
	.e0d2bacdce94f2d3-icon{
		width:6rem;
		height:6rem;
	}
}

@media (min-width: 768px){
	.e0d2bacdce94f2d3-icon{
		width:7rem;
		height:7rem;
	}
}

@keyframes e0d2bacdce94f2d3-splashPulse{
	0%{
		transform:scale(1);
		opacity:0.75;
	}
	75%{
		transform:scale(2);
		opacity:0;
	}
	100%{
		transform:scale(2);
		opacity:0;
	}
}

._0e3b0aa1a3346714-appLayout{
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:1fr;
	overflow:hidden;
	height:100svh;
	background-color:transparent;
	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(--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;
}

._4aa0622149f41814-skeletonContainerMobile{
	width:100%;
}

html.platform-native:not(._4aa0622149f41814-platform-macos) ._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-color:var(--background-secondary);
}

._7e720e5c48e48c8d-channelListScrollerWrapper{
	position:relative;
	width:100%;
	min-height:0;
	min-width:0;
}

._7e720e5c48e48c8d-navigationContainer{
	width:100%;
	min-width:0;
	min-height:100%;
}

._7e720e5c48e48c8d-topDropZone{
	position:relative;
	height:0.625rem;
}

._7e720e5c48e48c8d-channelGroupsContainer{
	display:flex;
	width:100%;
	min-width:0;
	flex-direction:column;
	gap:0.25rem;
}

._7e720e5c48e48c8d-channelGroup{
	display:flex;
	width:100%;
	min-width:0;
	flex-direction:column;
	gap:1px;
}

._7e720e5c48e48c8d-bottomDropZone{
	position:relative;
	height:0.625rem;
}

._7e720e5c48e48c8d-bottomSpacer{
	height:0.5rem;
}

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

.dce80c6d8797df7b-headerContainer{
	position:relative;
	display:flex;
	align-items:flex-start;
	overflow:hidden;
	min-height:var(--layout-header-height);
	min-width:0;
	border-bottom:1px solid var(--user-area-divider-color);
	background-color:var(--background-secondary);
	transition:background-color var(--transition-normal);
}

.dce80c6d8797df7b-headerRounded{
	border-top-left-radius:0;
}

.dce80c6d8797df7b-headerContainerNoBanner:hover,
.dce80c6d8797df7b-headerContainerActive{
	background-color:var(--background-modifier-hover);
}

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

.dce80c6d8797df7b-bannerBackgroundCentered{
	background-position:center;
}

.dce80c6d8797df7b-bannerGradient{
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:2.5rem;
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent);
	pointer-events:none;
}

.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 var(--spacing-4);
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-app-region:no-drag;
}

.dce80c6d8797df7b-headerFocusRing{
	border-radius:0;
}

.dce80c6d8797df7b-verifiedIcon{
	height:1rem;
	width:1rem;
	flex-shrink:0;
}

.dce80c6d8797df7b-verifiedIconDefault{
	
	color:var(--text-primary);
}

.dce80c6d8797df7b-verifiedIconWithBanner{
	
	color:white;
	-webkit-filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.9));
	        filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.9));
}

.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-guildNameWithBanner{
	
	color:white;
	-webkit-filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.9));
	        filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.9));
}

.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:white;
	-webkit-filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.9));
	        filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.9));
}

.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:white;
	-webkit-filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.9));
	        filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.9));
}

._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{
	display:grid;
	grid-template-rows:auto 1fr;
	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(--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);
	position:relative;
}

._786bef5d05457cd0-guildNavbarContainerMobile{
	width:100%;
}

._786bef5d05457cd0-guildNavbarReserveMobileBottomNav{
	--layout-mobile-bottom-nav-reserved-height:var(--mobile-bottom-nav-height);
}

html.platform-native:not(._786bef5d05457cd0-platform-macos) ._786bef5d05457cd0-guildNavbarContainer{
	border-top-left-radius:clamp(8px, 1.2vw, 14px);
	background-clip:padding-box;
	overflow:hidden;
}

._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(--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%;
}

._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);
}

._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);
}

.ef04683f7d0006a7-container{
	position:relative;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid var(--user-area-divider-color);
	background-color:var(--background-secondary);
}

.ef04683f7d0006a7-banner{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}

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

._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);
}

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

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

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

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

.d3307ee8b0cc6851-nagbar{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	padding-left:0.5rem;
	padding-right:0.5rem;
}

.d3307ee8b0cc6851-nagbarDismissible{
	padding-right:2.5rem;
}

.d3307ee8b0cc6851-nagbarDesktop{
	min-height:36px;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
	font-weight:600;
	font-size:0.875rem;
}

.d3307ee8b0cc6851-nagbarMobile{
	min-height:48px;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	font-size:0.75rem;
}

.d3307ee8b0cc6851-dismissButton{
	position:absolute;
	top:50%;
	right:0.5rem;
	transform:translateY(-50%);
	display:flex;
	align-items:center;
	justify-content:center;
	border:none;
	background-color:transparent;
	cursor:pointer;
	padding:0.25rem;
	-webkit-app-region:no-drag;
}

.d3307ee8b0cc6851-dismissIcon{
	height:1.25rem;
	width:1.25rem;
	display:block;
}

._786172cd54bac102-button{
	font-weight:600;
	-webkit-app-region:no-drag;
}

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

._3eae1cd7e333cc72-container{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:center;
	gap:0.5rem 0.75rem;
}

._3eae1cd7e333cc72-containerMobile{
	flex-direction:column;
	align-items:center;
	gap:0.5rem;
}

._3eae1cd7e333cc72-message{
	text-align:center;
}

._3eae1cd7e333cc72-actions{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.5rem;
	flex-shrink:0;
}

._3eae1cd7e333cc72-actionsMobile{
	display:flex;
	align-items:center;
	gap:0.5rem;
	flex-wrap:wrap;
	justify-content:center;
}

._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-forgetButton{
	border-color:transparent;
}

.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;
	position:relative;
	display:grid;
	grid-template-columns: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-color:var(--background-secondary);
}

._90dbe3f5adc44afa-guildsLayoutReserveSpace{
	--layout-user-area-reserved-height:calc(var(--layout-user-area-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;
	background-color:var(--background-secondary);
}

._90dbe3f5adc44afa-guildListScrollContainer{
	grid-column:1;
	grid-row:1;
	min-height:0;
	height:calc(
		100% -
		0px -
		0px
	);
	height:calc(
		100% -
		var(--layout-user-area-reserved-height, 0px) -
		var(--layout-mobile-bottom-nav-reserved-height, 0px)
	);
	width:var(--layout-guild-list-width);
	min-width:0;
	overflow-y:auto;
	background-color:var(--background-secondary);
	padding-top:var(--spacing-1);
	padding-bottom:var(--spacing-2);
	scrollbar-width:none;
	position:relative;
	z-index:var(--z-index-elevated-1);
}

._90dbe3f5adc44afa-guildListScrollContainer::-webkit-scrollbar{
	display:none;
}

._90dbe3f5adc44afa-guildListContent{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	min-width:0;
	padding-bottom:var(--spacing-2);
}

._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-contentContainer{
	grid-column:2;
	grid-row:1;
	display:grid;
	grid-template-rows:minmax(0, 1fr);
	min-height:0;
	min-width:0;
	background-color:var(--background-secondary);
	position:relative;
	height:100%;
	max-height:100%;
	width:100%;
	max-width:100%;
}

._90dbe3f5adc44afa-contentContainerRounded{
	border-top-left-radius:clamp(12px, 1.6vw, 18px);
	background-clip:padding-box;
	overflow:hidden;
}

._90dbe3f5adc44afa-contentContainerMobile{
	grid-column:1 / -1;
}

._90dbe3f5adc44afa-contentInner{
	height:100%;
	min-height:0;
	max-height:100%;
	width:100%;
	min-width:0;
	background-color:var(--background-secondary);
}

._90dbe3f5adc44afa-nagbarStack{
	display:flex;
	flex-direction:column;
	gap:0;
}

._90dbe3f5adc44afa-userAreaWrapper{
	position:absolute;
	bottom:0;
	left:0;
	width:calc(var(--layout-guild-list-width) + var(--layout-sidebar-width));
	display:flex;
	align-items:flex-end;
	padding:0;
	pointer-events:none;
	z-index:var(--z-index-elevated-1);
}

._90dbe3f5adc44afa-userAreaWrapper > *{
	pointer-events:auto;
}

._90dbe3f5adc44afa-guildListItem{
	position:relative;
	display:flex;
	width:100%;
	justify-content:center;
	margin-bottom:var(--spacing-1);
	padding:2px;
	z-index:0;
}

._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-color:transparent;
	background-size:cover;
	background-position:center;
	font-weight:600;
	font-size:1.25rem;
	color:var(--text-primary);
	transition:border-radius 70ms ease-out, background-color 70ms ease-out, color 70ms ease-out;
	container-type:size;
}

._90dbe3f5adc44afa-guildIcon:active{
	transform:translateY(1px);
}

._90dbe3f5adc44afa-guildIconSelected:not(._90dbe3f5adc44afa-guildIconNoImage){
	border-radius:30%;
}

@media (hover: hover) and (pointer: fine){
	._90dbe3f5adc44afa-guildListItem:hover ._90dbe3f5adc44afa-guildIcon:not(._90dbe3f5adc44afa-guildIconNoImage),
	._90dbe3f5adc44afa-guildIcon:hover:not(._90dbe3f5adc44afa-guildIconNoImage){
		border-radius:30%;
	}
}

._90dbe3f5adc44afa-guildIconNoImage{
	transition-property:background-color, color, border-radius;
	transition-duration:70ms;
	transition-timing-function:ease-out;
	background-color:var(--guilds-layout-item-bg, var(--guild-list-foreground));
	cursor:pointer;
}

._90dbe3f5adc44afa-guildIconSelected._90dbe3f5adc44afa-guildIconNoImage{
	border-radius:30%;
	background-color:var(--brand-primary);
	color:white;
}

@media (hover: hover) and (pointer: fine){
	._90dbe3f5adc44afa-guildListItem:hover ._90dbe3f5adc44afa-guildIconNoImage,
	._90dbe3f5adc44afa-guildIconNoImage:hover{
		border-radius:30%;
		background-color: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-color:var(--text-primary);
}

._90dbe3f5adc44afa-guildBadge{
	position:absolute;
	right:-0.25rem;
	bottom:-0.25rem;
	pointer-events:none;
	border-radius:var(--radius-md);
}

._90dbe3f5adc44afa-guildBadgeActive{
	box-shadow:0 0 0 3px var(--background-secondary);
}

._90dbe3f5adc44afa-dmListSection{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	min-height:0;
}

._90dbe3f5adc44afa-guildVoiceBadge{
	position:absolute;
	right:-0.25rem;
	top:-0.25rem;
	pointer-events:none;
}

._90dbe3f5adc44afa-guildVoiceBadgeInner{
	display:flex;
	align-items:center;
	justify-content:center;
	height:1.25rem;
	width:1.25rem;
	flex-shrink:0;
	border-radius:var(--radius-full);
	background-color:var(--status-online);
	box-shadow:0 0 0 3px var(--background-secondary);
	color:white;
}

._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 var(--background-secondary);
}

._90dbe3f5adc44afa-dmListItem{
	
}

._90dbe3f5adc44afa-dmListItemWrapper{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:stretch;
}

._90dbe3f5adc44afa-dmIcon{
	
}

._90dbe3f5adc44afa-fluxerButton{
	
}

._90dbe3f5adc44afa-fluxerButtonIcon{
	
	background-color:var(--guilds-layout-item-bg, var(--guild-list-foreground));
	color:var(--text-primary);
}

._90dbe3f5adc44afa-fluxerButtonIconSelected{
	background-color:var(--brand-primary);
	color:white;
}

@media (hover: hover) and (pointer: fine){
	._90dbe3f5adc44afa-fluxerButton:hover ._90dbe3f5adc44afa-fluxerButtonIcon,
	._90dbe3f5adc44afa-fluxerButtonIcon:hover{
		background-color: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:2px dashed var(--background-modifier-accent);
	background-color:transparent;
	color:var(--text-primary);
	transition-property:border-radius, border-color;
	transition-duration:70ms;
	transition-timing-function:ease-out;
}

._90dbe3f5adc44afa-addGuildButtonIcon:active{
	transform:translateY(1px);
}

@media (hover: hover) and (pointer: fine){
	._90dbe3f5adc44afa-addGuildButton:hover ._90dbe3f5adc44afa-addGuildButtonIcon,
	._90dbe3f5adc44afa-addGuildButtonIcon:hover{
		border-color:var(--text-primary);
	}
}

._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:var(--background-modifier-hover);
}

._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-fluxerSymbolIcon{
	height:3rem;
	width:3rem;
	color:currentColor;
}

._90dbe3f5adc44afa-relative{
	position:relative;
}

._90dbe3f5adc44afa-favoritesIcon{
	height:1.75rem;
	width:1.75rem;
}

._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:not(.platform-macos) ._90dbe3f5adc44afa-guildsLayoutContainer{
	padding-top:var(--native-titlebar-height);
}

html.platform-native.platform-macos ._90dbe3f5adc44afa-guildListScrollContainer{
	padding-top:var(--native-titlebar-height);
}

html:not(.platform-native) ._90dbe3f5adc44afa-outlineFrame,
html.platform-native.platform-macos ._90dbe3f5adc44afa-outlineFrame{
	border-top:none;
}

html.platform-native:not(.platform-macos) ._90dbe3f5adc44afa-outlineFrame{
	border-top:1px solid var(--user-area-divider-color);
	--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.75rem;
	width:0.75rem;
}

._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-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);
}

._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);
}

._1217bcf514268a6d-userAreaInnerWrapper{
	display:flex;
	flex-direction:column;
	gap:0;
	width:100%;
	background-color:var(--panel-control-bg);
	position:relative;
}

._1217bcf514268a6d-separator{
	height:1px;
	background-color:var(--user-area-divider-color);
}

._1217bcf514268a6d-userAreaContainer{
	display:flex;
	align-items:center;
	gap:var(--spacing-3);
	margin:0;
	padding:var(--user-area-padding-y) var(--user-area-padding-x);
	box-sizing:border-box;
	background-color:transparent;
	width:100%;
	min-height:var(--layout-user-area-height);
}

._1217bcf514268a6d-userAreaInnerWrapperHasVoiceConnection{
	min-height:var(--layout-user-area-height);
}

._1217bcf514268a6d-userAreaInnerWrapperHasVoiceConnection ._1217bcf514268a6d-userAreaContainer{
	border-top:0;
}

._1217bcf514268a6d-voiceConnectionWrapper{
	border-bottom:0;
	border-top:0;
}

._1217bcf514268a6d-userInfo{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	flex:1;
	min-width:0;
	cursor:pointer;
	padding:0 var(--spacing-2);
	margin:0;
	border-radius:var(--radius-md);
	height:var(--user-area-content-height);
	position:relative;
	transition:color var(--transition-normal);
	outline:none;
}

._1217bcf514268a6d-userInfo::before{
	content:'';
	position:absolute;
	inset:calc(var(--spacing-1) * -1);
	border-radius:calc(var(--radius-md) + var(--spacing-1));
	background-color:transparent;
	z-index:-1;
	transition:background-color var(--transition-normal);
}

._1217bcf514268a6d-userInfo:hover::before,
._1217bcf514268a6d-userInfo._1217bcf514268a6d-active::before,
._1217bcf514268a6d-userInfo:focus-visible::before{
	background-color:color-mix(in srgb, var(--text-primary) 3%, transparent);
}

._1217bcf514268a6d-userInfoText{
	display:flex;
	flex-direction:column;
	flex:1;
	min-width:0;
	-moz-user-select:text;
	 -ms-user-select:text;
	     user-select:text;
	-webkit-user-select:text;
	gap:0.0625rem;
}

._1217bcf514268a6d-userName{
	font-weight:500;
	font-size:0.875rem;
	line-height:1.125rem;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:100%;
}

._1217bcf514268a6d-userStatus{
	font-size:0.6875rem;
	line-height:1rem;
	color:var(--text-primary-muted);
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:100%;
	margin-top:-0.0625rem;
	opacity:0.85;
}

._1217bcf514268a6d-userStatusLabel{
	
}

._1217bcf514268a6d-userCustomStatus{
	
}

._1217bcf514268a6d-userInfo:hover ._1217bcf514268a6d-userCustomStatus{
	--emoji-show-animated:1;
}

._1217bcf514268a6d-hoverRoll{
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:100%;
	contain:paint;
	overflow:hidden;
}

._1217bcf514268a6d-defaultState,
._1217bcf514268a6d-hovered{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
	transform-style:preserve-3d;
	pointer-events:none;
	width:100%;
	transition:transform 0.22s ease, opacity 0.22s ease;
}

._1217bcf514268a6d-hovered{
	opacity:0;
	transform:translate3d(0, 107%, 0);
	position:absolute;
	top:0;
	left:0;
	right:0;
}

._1217bcf514268a6d-forceHover ._1217bcf514268a6d-defaultState,
._1217bcf514268a6d-userInfo:hover ._1217bcf514268a6d-hoverRoll ._1217bcf514268a6d-defaultState,
._1217bcf514268a6d-userInfo:focus-visible ._1217bcf514268a6d-hoverRoll ._1217bcf514268a6d-defaultState{
	transform:translate3d(0, 107%, 0);
	opacity:0;
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
}

._1217bcf514268a6d-forceHover ._1217bcf514268a6d-hovered,
._1217bcf514268a6d-userInfo:hover ._1217bcf514268a6d-hoverRoll ._1217bcf514268a6d-hovered,
._1217bcf514268a6d-userInfo:focus-visible ._1217bcf514268a6d-hoverRoll ._1217bcf514268a6d-hovered{
	transform:translate3d(0, 0, 0);
	opacity:1;
}

._1217bcf514268a6d-controlsContainer{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
	flex-shrink:0;
	padding-left:var(--spacing-3);
}

._1217bcf514268a6d-controlButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:32px;
	width:32px;
	background-color:transparent;
	color:var(--control-button-normal-text);
	border:none;
	border-radius:var(--radius-md);
	cursor:pointer;
	transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
	position:relative;
	padding:0;
}

._1217bcf514268a6d-controlButton:hover{
	background-color:color-mix(in srgb, var(--control-button-normal-text) 10%, transparent);
	color:var(--control-button-hover-text);
}

._1217bcf514268a6d-controlButton:active{
	transform:scale(0.95);
}

._1217bcf514268a6d-controlButton._1217bcf514268a6d-active{
	background-color:color-mix(in srgb, var(--control-button-danger-text) 10%, transparent);
	color:var(--control-button-danger-text);
}

._1217bcf514268a6d-controlButton._1217bcf514268a6d-active:hover{
	background-color:color-mix(in srgb, var(--control-button-danger-text) 20%, transparent);
	color:var(--control-button-danger-text);
}

._1217bcf514268a6d-controlButton._1217bcf514268a6d-disabled{
	cursor:not-allowed;
	opacity:0.5;
}

._1217bcf514268a6d-controlButton._1217bcf514268a6d-disabled:hover{
	background-color:color-mix(in srgb, var(--control-button-danger-text) 15%, transparent);
	color:var(--control-button-danger-text);
}

._1217bcf514268a6d-controlButton._1217bcf514268a6d-disabled:active{
	transform:none;
}

._1217bcf514268a6d-controlIcon{
	height:20px;
	width:20px;
}

._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:320px;
}

._1920a68328a168bd-customStatusRow{
	display:flex;
	align-items:center;
}

._1920a68328a168bd-customStatusRow:hover{
	--emoji-show-animated:1;
}

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

._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.75rem;
	width:100%;
}

._1920a68328a168bd-actionGroup{
	display:flex;
	flex-direction:column;
	border-radius:0.75rem;
	background-color:var(--background-secondary-alt);
	overflow:hidden;
}

._1920a68328a168bd-editProfileButton{
	margin-top:0;
}

._1920a68328a168bd-actionButton{
	display:flex;
	align-items:center;
	gap:0.625rem;
	width:100%;
	padding:0.625rem 0.75rem;
	border:none;
	background:transparent;
	color:var(--text-primary);
	text-align:left;
	font-weight:500;
	cursor:pointer;
}

._1920a68328a168bd-actionButton:hover{
	background:var(--background-modifier-hover);
}

._1920a68328a168bd-actionDivider{
	margin-left:0.75rem;
	margin-right:0.75rem;
	height:1px;
	background-color:var(--background-header-secondary);
	opacity:0.3;
}

._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:var(--text-secondary);
}

._1920a68328a168bd-actionContent{
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:0.125rem;
}

._1920a68328a168bd-actionLabel{
	font-weight:500;
	font-size:0.8125rem;
	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:var(--background-primary);
	border:1px solid var(--background-modifier-accent);
	border-radius:4px;
	border-radius:var(--popout-border-radius);
	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:var(--background-primary);
	border:1px solid var(--background-modifier-accent);
	border-radius:4px;
	border-radius:var(--popout-border-radius);
	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:var(--background-primary);
	border:1px solid var(--background-modifier-accent);
	border-radius:4px;
	border-radius:var(--popout-border-radius);
	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;
}

.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{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	margin:0;
	padding:var(--voice-connection-padding-y) var(--user-area-padding-x);
	background-color:transparent;
	border:none;
	width:100%;
	min-width:0;
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-statusRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	min-width:0;
}

._4bc3fa4a0a1bf800-signalIcon{
	display:flex;
	align-items:center;
	justify-content:center;
	height:24px;
	width:24px;
	color:var(--text-tertiary);
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-statusButton{
	cursor:pointer;
	border:none;
	background:transparent;
	padding:0;
	text-align:left;
	font-weight:600;
	font-size:0.875rem;
	line-height:1.125rem;
	color:var(--text-primary);
	-moz-user-select:none;
	 -ms-user-select:none;
	     user-select:none;
	-webkit-user-select:none;
	flex:1;
	min-width:0;
}

._4bc3fa4a0a1bf800-statusConnected{
	color:var(--status-online);
}

._4bc3fa4a0a1bf800-statusConnecting{
	color:var(--status-idle);
}

._4bc3fa4a0a1bf800-statusDisconnected{
	color:var(--status-danger);
}

._4bc3fa4a0a1bf800-controls{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-controlButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:32px;
	width:32px;
	background-color:transparent;
	color:var(--control-button-normal-text);
	border:none;
	border-radius:var(--radius-md);
	cursor:pointer;
	transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
	position:relative;
	padding:0;
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-controlButton:hover{
	background-color:color-mix(in srgb, var(--control-button-normal-text) 10%, transparent);
	color:var(--control-button-hover-text);
}

._4bc3fa4a0a1bf800-controlButton:active{
	transform:scale(0.95);
}

._4bc3fa4a0a1bf800-controlButton._4bc3fa4a0a1bf800-selected{
	background-color:var(--background-modifier-selected);
	color:var(--surface-interactive-selected-color);
}

._4bc3fa4a0a1bf800-controlButton._4bc3fa4a0a1bf800-selected:hover{
	background-color:color-mix(in srgb, var(--text-primary) 12%, transparent);
	color:var(--surface-interactive-selected-color);
}

._4bc3fa4a0a1bf800-icon{
	height:20px;
	width:20px;
}

._4bc3fa4a0a1bf800-connectionInfo{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._4bc3fa4a0a1bf800-infoRow{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	color:var(--text-secondary);
	font-size:0.75rem;
	line-height:1rem;
}

._4bc3fa4a0a1bf800-channelInfo{
	display:flex;
	align-items:center;
	gap:var(--spacing-2);
	color:var(--text-secondary);
	font-size:0.75rem;
	line-height:1rem;
	text-decoration:none;
	cursor:pointer;
}

._4bc3fa4a0a1bf800-channelInfo:hover{
	text-decoration:underline;
	color:var(--text-primary);
}

._4bc3fa4a0a1bf800-channelInfo:focus-visible{
	outline:2px solid var(--brand-primary);
	outline-offset:1px;
}

._4bc3fa4a0a1bf800-channelIcon{
	height:16px;
	width:16px;
	color:var(--text-tertiary);
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

._4bc3fa4a0a1bf800-channelText{
	display:flex;
	align-items:center;
	flex:1;
	min-width:0;
}

._4bc3fa4a0a1bf800-channelName{
	font-weight:500;
	color:var(--text-primary);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._4bc3fa4a0a1bf800-channelInfo:hover ._4bc3fa4a0a1bf800-channelName{
	color:inherit;
}

._4bc3fa4a0a1bf800-guildSeparator{
	color:var(--text-tertiary);
	margin:0 2px;
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-guildName{
	color:var(--text-tertiary);
	font-weight:400;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

._4bc3fa4a0a1bf800-infoIcon{
	height:16px;
	width:16px;
	color:var(--text-tertiary);
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-infoText{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	flex:1;
	color:var(--text-secondary);
}

._4bc3fa4a0a1bf800-mediaSection{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:var(--spacing-1);
	gap:var(--spacing-1);
}

._4bc3fa4a0a1bf800-mediaButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:32px;
	width:100%;
	background-color:transparent;
	color:var(--control-button-normal-text);
	border:1px solid var(--background-modifier-hover);
	border-radius:var(--radius-md);
	cursor:pointer;
	transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);
	position:relative;
	padding:0;
}

._4bc3fa4a0a1bf800-mediaButton:hover:not(:disabled){
	background-color:color-mix(in srgb, var(--control-button-normal-text) 5%, transparent);
	color:var(--control-button-hover-text);
	border-color:var(--background-modifier-selected);
}

._4bc3fa4a0a1bf800-mediaButton:active:not(:disabled){
	transform:scale(0.95);
}

._4bc3fa4a0a1bf800-mediaButton:disabled{
	opacity:0.5;
	cursor:not-allowed;
}

._4bc3fa4a0a1bf800-mediaButton._4bc3fa4a0a1bf800-cameraActive,
._4bc3fa4a0a1bf800-mediaButton._4bc3fa4a0a1bf800-screenShareActive{
	background-color:color-mix(in srgb, var(--status-online) 10%, transparent);
	color:var(--status-online);
	border-color:var(--status-online);
}

._4bc3fa4a0a1bf800-mediaButton._4bc3fa4a0a1bf800-cameraActive:hover:not(:disabled),
._4bc3fa4a0a1bf800-mediaButton._4bc3fa4a0a1bf800-screenShareActive:hover:not(:disabled){
	background-color:color-mix(in srgb, var(--status-online) 15%, transparent);
	color:var(--status-online);
}

._4bc3fa4a0a1bf800-mediaIcon{
	height:20px;
	width:20px;
}

._4bc3fa4a0a1bf800-popoutContainer{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-3);
	width:calc(var(--layout-sidebar-width) - 16px);
	box-sizing:border-box;
	padding:var(--spacing-3);
	background-color:var(--background-primary);
	border:1px solid var(--background-header-secondary);
	border-radius:var(--radius-md);
}

._4bc3fa4a0a1bf800-popoutHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:var(--spacing-1);
}

._4bc3fa4a0a1bf800-popoutTitle{
	font-weight:600;
	font-size:0.875rem;
	color:var(--text-primary);
}

._4bc3fa4a0a1bf800-popoutCloseButton{
	display:flex;
	align-items:center;
	justify-content:center;
	height:24px;
	width:24px;
	background-color:transparent;
	color:var(--text-primary-muted);
	border:none;
	border-radius:var(--radius-sm);
	cursor:pointer;
	transition:background-color var(--transition-fast), color var(--transition-fast);
	padding:0;
}

._4bc3fa4a0a1bf800-popoutCloseButton:hover{
	background-color:var(--background-modifier-hover);
	color:var(--text-primary);
}

._4bc3fa4a0a1bf800-popoutStats{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
}

._4bc3fa4a0a1bf800-popoutStatRow{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:var(--spacing-2);
}

._4bc3fa4a0a1bf800-popoutStatLabel{
	font-size:0.75rem;
	color:var(--text-secondary);
}

._4bc3fa4a0a1bf800-popoutStatValue{
	font-weight:600;
	font-size:0.75rem;
	color:var(--text-primary);
	margin-left:auto;
}

._4bc3fa4a0a1bf800-deviceBadge{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
	min-width:0;
	justify-content:flex-end;
	flex:1 1 auto;
}

._4bc3fa4a0a1bf800-deviceBadgeText{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:600;
	font-size:0.75rem;
	color:var(--text-primary);
}

._4bc3fa4a0a1bf800-endpointBadge{
	display:flex;
	align-items:center;
	gap:var(--spacing-1);
	min-width:0;
	justify-content:flex-end;
	flex:1 1 auto;
	max-width:100%;
	cursor:pointer;
	padding:2px 4px;
	border-radius:var(--radius-sm);
}

._4bc3fa4a0a1bf800-endpointBadgeText{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:700;
	font-size:0.75rem;
	color:var(--status-online);
	min-width:0;
	max-width:100%;
	text-align:right;
}

._4bc3fa4a0a1bf800-chartContainer{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._4bc3fa4a0a1bf800-chartSvg{
	overflow:visible;
}

._4bc3fa4a0a1bf800-gridLine{
	stroke:currentColor;
	stroke-width:1px;
}

._4bc3fa4a0a1bf800-gridLineHorizontal{
	opacity:0.3;
}

._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:2px;
	fill:none;
	stroke-linecap:round;
	stroke-linejoin:round;
}

._4bc3fa4a0a1bf800-chartPoint{
	fill:currentColor;
}

._4bc3fa4a0a1bf800-textGreen{
	color:rgb(34 197 94);
}

._4bc3fa4a0a1bf800-textBackgroundModifierHover{
	color:var(--background-modifier-hover);
}

._4bc3fa4a0a1bf800-textTextTertiary{
	fill:var(--text-tertiary);
}

._4bc3fa4a0a1bf800-flexShrink0{
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-iconSmall{
	height:16px;
	width:16px;
}

._4bc3fa4a0a1bf800-deviceIcon{
	height:14px;
	width:14px;
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-lockIcon{
	height:12px;
	width:12px;
	flex-shrink:0;
}

._4bc3fa4a0a1bf800-channelIconSize{
	height:16px;
	width:16px;
}

._336b64af175fa462-container{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	display:flex;
	height:var(--mobile-bottom-nav-height);
	align-items:center;
	justify-content:space-around;
	border-top:1px solid var(--background-header-secondary);
	background-color:var(--background-secondary);
}

.theme-light ._336b64af175fa462-container{
	background-color:var(--background-primary);
}

._336b64af175fa462-navButton{
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0.25rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	cursor:pointer;
}

._336b64af175fa462-navButtonActive{
	color:var(--text-primary);
}

._336b64af175fa462-navButtonInactive{
	color:var(--text-primary-muted);
}

._336b64af175fa462-voiceButton{
	color:var(--status-online);
}

._336b64af175fa462-icon{
	height:1.5rem;
	width:1.5rem;
}

._336b64af175fa462-label{
	font-weight:600;
	font-size:10px;
}

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

.f7f987c18505d351-container{
	text-align:center;
}

.f7f987c18505d351-iconContainer{
	margin-bottom:1.5rem;
}

.f7f987c18505d351-iconCircle{
	display:flex;
	align-items:center;
	justify-content:center;
	height:3rem;
	width:3rem;
	margin:0 auto;
	border-radius:9999px;
}

.f7f987c18505d351-iconCircleSuccess{
	background-color:var(--status-online);
}

.f7f987c18505d351-iconCircleError{
	background-color:var(--status-danger);
}

.f7f987c18505d351-icon{
	height:1.5rem;
	width:1.5rem;
	color:var(--text-primary);
}

.f7f987c18505d351-title{
	margin-bottom:1rem;
	font-size:1.25rem;
	line-height:1.75rem;
	font-weight:600;
	letter-spacing:0.025em;
	color:var(--text-primary);
}

.f7f987c18505d351-description{
	margin-bottom:1.5rem;
	color:var(--text-tertiary);
}

.f7f987c18505d351-footer{
	padding-top:1rem;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.f7f987c18505d351-link{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-link);
	text-decoration:none;
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

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

.f7f987c18505d351-loadingPlaceholder{
	margin-bottom:1rem;
	height:1.75rem;
}

.f7f987c18505d351-descriptionPlaceholder{
	margin-bottom:1.5rem;
	height:1.5rem;
}

.e886f6b173ee84cc-title{
	margin-bottom:0.5rem;
	text-align:center;
	font-size:1.25rem;
	line-height:1.75rem;
	font-weight:600;
	letter-spacing:0.025em;
	color:var(--text-primary);
}

.e886f6b173ee84cc-description{
	margin-bottom:2rem;
	text-align:center;
	font-size:0.875rem;
	line-height:1.625;
	color:var(--text-tertiary);
}

.e886f6b173ee84cc-form{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

.e886f6b173ee84cc-footer{
	margin-top:1.5rem;
	text-align:center;
}

.e886f6b173ee84cc-link{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
	text-decoration:none;
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

.e886f6b173ee84cc-link:hover{
	color:var(--text-primary);
	text-decoration:underline;
}

.eb25c8568fa3d1ea-container{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
	text-align:center;
}

.eb25c8568fa3d1ea-title{
	margin-bottom:0.5rem;
	text-align:center;
	font-size:1.25rem;
	line-height:1.75rem;
	font-weight:600;
	letter-spacing:0.025em;
	color:var(--text-primary);
}

.eb25c8568fa3d1ea-description{
	margin-bottom:2rem;
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
}

.eb25c8568fa3d1ea-form{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

.eb25c8568fa3d1ea-footer{
	margin-top:1.5rem;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	text-align:center;
}

.eb25c8568fa3d1ea-link{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
	text-decoration:none;
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

.eb25c8568fa3d1ea-link:hover{
	color:var(--text-primary);
	text-decoration:underline;
}

.eb25c8568fa3d1ea-primaryLink{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-link);
	text-decoration:none;
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

.eb25c8568fa3d1ea-primaryLink:hover{
	color:var(--text-link);
	text-decoration:underline;
}

.eb25c8568fa3d1ea-footerLabel{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
}

._339fbd0dfce55127-container{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-2);
}

._339fbd0dfce55127-title{
	margin-bottom:0;
	text-align:center;
	font-size:1.25rem;
	font-weight:600;
	letter-spacing:0.025em;
	color:var(--text-primary);
}

._339fbd0dfce55127-description{
	margin:0;
	text-align:center;
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._339fbd0dfce55127-error{
	background-color:hsla(0, calc(100% * var(--saturation-factor)), 50%, 0.1);
	border:1px solid hsla(0, calc(100% * var(--saturation-factor)), 50%, 0.2);
	border-radius:8px;
	padding:12px;
	font-size:0.875rem;
	color:var(--status-danger);
	text-align:center;
}

._339fbd0dfce55127-accountListWrapper{
	min-height:120px;
}

._339fbd0dfce55127-scroller{
	max-height:280px;
}

._339fbd0dfce55127-accountList{
	display:flex;
	flex-direction:column;
	gap:var(--spacing-1);
	padding:var(--spacing-1) 0;
}

._339fbd0dfce55127-noAccounts{
	display:flex;
	height:120px;
	align-items:center;
	justify-content:center;
	color:var(--text-secondary);
	font-size:0.875rem;
	font-weight:500;
}

.fe27b1b0879fd10b-container{
	text-align:center;
}

.fe27b1b0879fd10b-title{
	margin-bottom:0.5rem;
	text-align:center;
	font-size:1.25rem;
	font-weight:600;
	letter-spacing:0.025em;
	color:var(--text-primary);
}

.fe27b1b0879fd10b-description{
	margin-bottom:1.5rem;
	text-align:center;
	font-size:0.875rem;
	color:var(--text-tertiary);
}

.fe27b1b0879fd10b-codeSection{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:12px;
	margin:1.5rem 0;
}

.fe27b1b0879fd10b-codeLabel{
	font-size:0.75rem;
	font-weight:600;
	color:var(--text-tertiary);
	text-transform:uppercase;
	letter-spacing:0.05em;
	margin:0;
}

.fe27b1b0879fd10b-codeDisplay{
	display:flex;
	align-items:center;
	gap:8px;
	padding:16px 24px;
	background-color:var(--background-tertiary);
	border:2px solid var(--background-modifier-accent);
	border-radius:12px;
}

.fe27b1b0879fd10b-codeChar{
	font-family:var(--font-mono);
	font-size:2rem;
	font-weight:700;
	color:var(--text-primary);
	letter-spacing:0.1em;
}

.fe27b1b0879fd10b-codeSeparator{
	font-family:var(--font-mono);
	font-size:2rem;
	font-weight:700;
	color:var(--text-tertiary);
	margin:0 4px;
}

.fe27b1b0879fd10b-spinner{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	padding:1.5rem 0;
}

.fe27b1b0879fd10b-spinnerIcon{
	width:24px;
	height:24px;
	border:3px solid var(--background-modifier-accent);
	border-top-color:var(--brand-primary);
	border-radius:50%;
	animation:fe27b1b0879fd10b-spin 1s linear infinite;
}

@keyframes fe27b1b0879fd10b-spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

.fe27b1b0879fd10b-error{
	background-color:hsla(0, calc(100% * var(--saturation-factor)), 50%, 0.1);
	border:1px solid hsla(0, calc(100% * var(--saturation-factor)), 50%, 0.2);
	border-radius:8px;
	padding:12px;
	font-size:0.875rem;
	color:var(--status-danger);
	margin:1rem 0;
	text-align:center;
}

._331e8426765173ff-container{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
	padding:2rem 1.5rem;
	text-align:center;
}

._331e8426765173ff-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:72px;
	height:72px;
	border-radius:50%;
	background:var(--background-modifier-accent);
	color:var(--text-primary);
}

._331e8426765173ff-title{
	margin:0;
	font-size:1.25rem;
	font-weight:600;
	letter-spacing:0.025em;
	color:var(--text-primary);
}

._331e8426765173ff-description{
	font-size:0.9375rem;
	color:var(--text-secondary);
	margin:0;
	line-height:1.5;
}

._331e8426765173ff-retryingText{
	font-size:0.875rem;
	color:var(--text-muted);
	margin:0;
}

._331e8426765173ff-actions{
	display:flex;
	gap:0.75rem;
	flex-wrap:wrap;
	justify-content:center;
}

._8afe4cae6a25e822-title{
	margin-bottom:2rem;
	text-align:center;
	font-size:1.25rem;
	font-weight:600;
	letter-spacing:0.025em;
	color:var(--text-primary);
}

._8afe4cae6a25e822-loginNotice{
	margin:0 0 1rem;
	padding:0.75rem 1rem;
	border-radius:10px;
	background:var(--background-secondary);
	border:1px solid var(--background-modifier-accent);
	font-size:0.875rem;
	color:var(--text-primary);
	text-align:center;
}

._8afe4cae6a25e822-form{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

._8afe4cae6a25e822-formLinks{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

._8afe4cae6a25e822-link{
	font-size:0.875rem;
	color:var(--text-tertiary);
	text-decoration:none;
	cursor:pointer;
}

._8afe4cae6a25e822-link:hover{
	color:var(--text-primary);
	text-decoration:underline;
}

._8afe4cae6a25e822-instanceToggle{
	display:block;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	padding:0;
	border:none;
	background:none;
	font-size:0.75rem;
	color:var(--text-secondary);
	text-align:left;
	cursor:pointer;
}

._8afe4cae6a25e822-instanceToggle:hover{
	color:var(--text-primary);
	text-decoration:underline;
}

._8afe4cae6a25e822-instanceToggle:disabled{
	color:var(--text-tertiary);
	cursor:not-allowed;
	text-decoration:none;
}

._8afe4cae6a25e822-passkeyActions{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}

._8afe4cae6a25e822-divider{
	display:flex;
	align-items:center;
	gap:1rem;
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}

._8afe4cae6a25e822-dividerLine{
	flex:1;
	border-top:1px solid var(--background-modifier-accent);
}

._8afe4cae6a25e822-dividerText{
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._8afe4cae6a25e822-footer{
	margin-top:1.25rem;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._8afe4cae6a25e822-footerText{
	text-align:left;
}

._8afe4cae6a25e822-footerLabel{
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._8afe4cae6a25e822-footerLink{
	font-size:0.875rem;
	color:var(--text-link);
	text-decoration:none;
	cursor:pointer;
}

._8afe4cae6a25e822-footerLink:hover{
	color:var(--text-link);
	text-decoration:underline;
}

._8afe4cae6a25e822-mfaDescription{
	margin-bottom:2rem;
	text-align:center;
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._8afe4cae6a25e822-mfaSmsSection{
	margin-bottom:1.5rem;
}

._8afe4cae6a25e822-mfaWebAuthnSection{
	margin-bottom:1rem;
}

._8afe4cae6a25e822-forgotLink{
	margin-top:-0.5rem;
}

._8afe4cae6a25e822-accountSection{
	margin-top:2rem;
	padding-top:1.5rem;
	border-top:1px solid var(--background-modifier-accent);
}

._8afe4cae6a25e822-accountSectionHeader{
	margin-bottom:1rem;
}

._8afe4cae6a25e822-accountSectionTitle{
	font-size:0.875rem;
	font-weight:600;
	color:var(--text-primary);
	margin:0 0 0.25rem 0;
}

._8afe4cae6a25e822-accountSectionSubtitle{
	font-size:0.8125rem;
	color:var(--text-tertiary);
	margin:0;
}

._8afe4cae6a25e822-ipAuthContainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
	padding:2rem 1.5rem;
	text-align:center;
}

._8afe4cae6a25e822-ipAuthIcon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:72px;
	height:72px;
	border-radius:50%;
	background:var(--background-modifier-accent);
	color:var(--text-primary);
}

._8afe4cae6a25e822-ipAuthActions{
	display:flex;
	gap:0.75rem;
	flex-wrap:wrap;
	justify-content:center;
}

._8afe4cae6a25e822-accountList{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._8afe4cae6a25e822-accountCard{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.75rem;
	padding:0.75rem;
	background-color:var(--background-secondary);
	border-radius:8px;
}

._8afe4cae6a25e822-accountDetails{
	display:flex;
	align-items:center;
	gap:0.75rem;
	min-width:0;
	flex:1;
}

._8afe4cae6a25e822-accountInfo{
	display:flex;
	flex-direction:column;
	gap:0.125rem;
	min-width:0;
}

._8afe4cae6a25e822-accountName{
	font-size:0.875rem;
	font-weight:500;
	color:var(--text-primary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._8afe4cae6a25e822-accountEmail{
	font-size:0.75rem;
	color:var(--text-secondary);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

._8afe4cae6a25e822-accountMeta{
	font-size:0.6875rem;
	color:var(--text-tertiary);
}

._8afe4cae6a25e822-accountServer{
	font-size:0.6875rem;
	color:var(--text-tertiary);
}

._8afe4cae6a25e822-accountActions{
	flex-shrink:0;
}

._8afe4cae6a25e822-instanceNotice{
	margin-top:1rem;
}

._8afe4cae6a25e822-handoffSuccess{
	text-align:center;
}

._8afe4cae6a25e822-handoffCodeSection{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:12px;
	margin:1.5rem 0;
}

._8afe4cae6a25e822-handoffCodeLabel{
	font-size:0.75rem;
	font-weight:600;
	color:var(--text-tertiary);
	text-transform:uppercase;
	letter-spacing:0.05em;
	margin:0;
}

._8afe4cae6a25e822-handoffCodeDisplay{
	display:flex;
	align-items:center;
	gap:8px;
	padding:16px 24px;
	background-color:var(--background-tertiary);
	border:2px solid var(--background-modifier-accent);
	border-radius:12px;
}

._8afe4cae6a25e822-handoffCodeChar{
	font-family:var(--font-mono);
	font-size:2rem;
	font-weight:700;
	color:var(--text-primary);
	letter-spacing:0.1em;
}

._8afe4cae6a25e822-handoffCodeSeparator{
	font-family:var(--font-mono);
	font-size:2rem;
	font-weight:700;
	color:var(--text-tertiary);
	margin:0 4px;
}

._8afe4cae6a25e822-handoffSpinner{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	padding:1.5rem 0;
}

._8afe4cae6a25e822-handoffSpinnerIcon{
	width:24px;
	height:24px;
	border:3px solid var(--background-modifier-accent);
	border-top-color:var(--brand-primary);
	border-radius:50%;
	animation:_8afe4cae6a25e822-handoffSpin 1s linear infinite;
}

@keyframes _8afe4cae6a25e822-handoffSpin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

._8afe4cae6a25e822-handoffError{
	background-color:hsla(0, calc(100% * var(--saturation-factor)), 50%, 0.1);
	border:1px solid hsla(0, calc(100% * var(--saturation-factor)), 50%, 0.2);
	border-radius:8px;
	padding:12px;
	font-size:0.875rem;
	color:var(--status-danger);
	margin:1rem 0;
	text-align:center;
}

._1624d9ccf5a0cbe8-banner{
	display:flex;
	align-items:center;
	gap:0.75rem;
	padding:0.9rem 1rem;
	margin-bottom:1rem;
	border-radius:var(--radius-xl);
	background:var(--background-secondary-alt);
	border:1px solid var(--border-color);
}

._1624d9ccf5a0cbe8-copy{
	flex:1 1 0%;
	display:flex;
	flex-direction:column;
	gap:0.15rem;
}

._1624d9ccf5a0cbe8-title{
	margin:0;
	font-weight:700;
	color:var(--text-primary);
}

._1624d9ccf5a0cbe8-body{
	margin:0;
	color:var(--text-secondary);
	font-size:0.95rem;
}

._1624d9ccf5a0cbe8-cta{
	display:inline-flex;
	gap:0.4rem;
	align-items:center;
	white-space:nowrap;
}

._1624d9ccf5a0cbe8-notInstalled{
	color:var(--text-warning);
	font-size:0.875rem;
	margin:0;
}

._882ee633ed173ca2-container{
	display:flex;
	flex-direction:column;
}

._882ee633ed173ca2-title{
	margin-bottom:0.5rem;
	text-align:center;
	font-size:1.25rem;
	font-weight:600;
	letter-spacing:0.025em;
	color:var(--text-primary);
}

._882ee633ed173ca2-description{
	margin-bottom:2rem;
	text-align:center;
	font-size:0.875rem;
	color:var(--text-tertiary);
}

._882ee633ed173ca2-buttons{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._882ee633ed173ca2-form{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}

._882ee633ed173ca2-smsSection{
	margin-bottom:1.5rem;
}

._882ee633ed173ca2-webauthnSection{
	margin-bottom:1rem;
}

._882ee633ed173ca2-footer{
	margin-top:1.5rem;
	text-align:center;
}

._882ee633ed173ca2-footerButtons{
	margin-top:1.5rem;
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	text-align:center;
}

._882ee633ed173ca2-footerButton{
	display:block;
	width:100%;
	background:none;
	border:none;
	padding:0;
	font-size:0.875rem;
	color:var(--text-tertiary);
	cursor:pointer;
}

._882ee633ed173ca2-footerButton:hover,
._882ee633ed173ca2-footerButton:focus{
	color:var(--text-primary);
}

._83d94388f4ab8895-buttonWrapper{
	width:100%;
}

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

._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);
}

.d07638224717a742-page{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

.d07638224717a742-loadingContainer{
	display:flex;
	min-height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.d07638224717a742-errorContainer{
	display:flex;
	min-height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.d07638224717a742-errorContent{
	text-align:center;
}

.d07638224717a742-errorTitle{
	margin-bottom:0.5rem;
	text-align:center;
	font-weight:600;
	color:var(--text-primary);
	font-size:1.25rem;
	letter-spacing:0.025em;
}

.d07638224717a742-errorText{
	text-align:center;
	font-size:0.875rem;
	color:var(--text-tertiary);
}

.d07638224717a742-heroCard{
	display:flex;
	gap:1rem;
	align-items:center;
	padding:0.875rem 1rem;
	border-radius:0.75rem;
	background:none;
	border:none;
}

.d07638224717a742-pageLogo{
	display:flex;
	justify-content:center;
	margin-bottom:0.35rem;
}

.d07638224717a742-pageWordmark{
	height:32px;
	width:auto;
}

.d07638224717a742-breadcrumbs{
	display:flex;
	align-items:center;
	gap:0.5rem;
	margin-bottom:0.25rem;
}

.d07638224717a742-breadcrumbStep{
	display:flex;
	align-items:center;
	gap:0.35rem;
	padding:0.25rem 0.5rem;
	border-radius:0.375rem;
	background:none;
	border:none;
	color:var(--text-tertiary);
	font-size:0.8rem;
	cursor:pointer;
	transition:color 0.1s ease;
}

.d07638224717a742-breadcrumbStep:hover{
	color:var(--text-secondary);
}

.d07638224717a742-breadcrumbActive{
	color:var(--text-primary);
	cursor:default;
}

.d07638224717a742-breadcrumbActive:hover{
	color:var(--text-primary);
}

.d07638224717a742-breadcrumbNumber{
	display:flex;
	align-items:center;
	justify-content:center;
	width:1.25rem;
	height:1.25rem;
	border-radius:50%;
	background:var(--background-modifier-accent);
	font-weight:600;
	font-size:0.7rem;
}

.d07638224717a742-breadcrumbActive .d07638224717a742-breadcrumbNumber{
	background:var(--brand-primary);
	color:white;
}

.d07638224717a742-breadcrumbLabel{
	font-weight:500;
}

.d07638224717a742-breadcrumbSeparator{
	color:var(--text-tertiary);
	font-size:0.9rem;
}

.d07638224717a742-permissionsHint{
	margin:0;
	padding:0.5rem 0;
	color:var(--text-secondary);
	font-size:0.85rem;
	line-height:1.4;
}

.d07638224717a742-textEmphasis{
	font-weight:700;
	color:var(--text-primary);
}

.d07638224717a742-heroAvatarShell{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.d07638224717a742-appAvatarFallback{
	border-radius:12px;
	background:color-mix(in srgb, #0f1014 80%, var(--background-header-secondary) 20%);
}

.d07638224717a742-appAvatarInitial{
	position:absolute;
	font-weight:700;
	font-size:1rem;
	color:var(--text-primary);
}

.d07638224717a742-heroCopy{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

.d07638224717a742-eyebrow{
	margin:0;
	text-transform:uppercase;
	letter-spacing:0.06em;
	font-size:0.75rem;
	color:var(--text-tertiary);
}

.d07638224717a742-heroTitle{
	margin:0;
	font-size:1.15rem;
	font-weight:700;
	color:var(--text-primary);
}

.d07638224717a742-heroDescription{
	margin:0.15rem 0 0;
	color:var(--text-secondary);
	font-size:0.9rem;
	line-height:1.4;
}

.d07638224717a742-chipRow{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
	margin-top:0.4rem;
}

.d07638224717a742-chip{
	display:inline-flex;
	align-items:center;
	gap:0.35rem;
	padding:0.35rem 0.65rem;
	border-radius:999px;
	background:var(--background-secondary);
	border:1px solid var(--background-modifier-accent);
	color:var(--text-secondary);
	font-size:0.78rem;
}

.d07638224717a742-userCard{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0.75rem 0.85rem;
	border-radius:0.75rem;
	background:none;
	border:none;
}

.d07638224717a742-userDetails{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

.d07638224717a742-userText{
	display:flex;
	flex-direction:column;
	gap:0.1rem;
}

.d07638224717a742-userLabel{
	font-size:0.8rem;
	color:var(--text-tertiary);
}

.d07638224717a742-userNameLine{
	display:flex;
	gap:0.35rem;
	align-items:baseline;
	flex-wrap:wrap;
}

.d07638224717a742-userName{
	font-weight:700;
	color:var(--text-primary);
	font-size:0.95rem;
}

.d07638224717a742-userTag{
	color:var(--text-tertiary);
	font-size:0.85rem;
}

.d07638224717a742-switchAccountLink{
	background:none;
	border:none;
	color:var(--text-link, var(--brand-primary));
	font-weight:500;
	font-size:0.85rem;
	cursor:pointer;
	text-decoration:none;
	white-space:nowrap;
}

.d07638224717a742-switchAccountLink:hover,
.d07638224717a742-switchAccountLink:focus-visible{
	text-decoration:underline;
	outline:none;
}

.d07638224717a742-cardGrid{
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.d07638224717a742-sectionDivider{
	height:1px;
	width:100%;
	background:color-mix(in srgb, var(--background-modifier-accent) 70%, transparent);
	margin:0.3rem 0;
	border-radius:999px;
}

.d07638224717a742-panel{
	background:transparent;
	border:none;
	border-radius:0.85rem;
	padding:0.6rem 0;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

.d07638224717a742-sectionHeader{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}

.d07638224717a742-sectionTitle{
	margin:0;
	font-weight:700;
	font-size:1rem;
	color:var(--text-primary);
}

.d07638224717a742-sectionDescription{
	margin:0;
	color:var(--text-secondary);
	font-size:0.9rem;
	line-height:1.4;
}

.d07638224717a742-scopeList{
	display:flex;
	flex-direction:column;
	gap:0.35rem;
}

.d07638224717a742-permissionScrollContainer{
	max-height:300px;
	border-radius:0.5rem;
	background:var(--background-secondary);
	border:1px solid var(--background-modifier-accent);
}

.d07638224717a742-permissionScroller{
	max-height:300px;
	padding:0.5rem 0;
}

.d07638224717a742-permissionList{
	display:flex;
	flex-direction:column;
}

.d07638224717a742-permissionRow{
	display:flex;
	align-items:center;
	padding:0.65rem 0.75rem;
	transition:background-color 0.1s ease;
	cursor:pointer;
}

.d07638224717a742-permissionRow:hover{
	background:var(--background-modifier-hover);
}

.d07638224717a742-permissionRow label{
	flex:1;
	cursor:pointer;
}

.d07638224717a742-permissionLabel{
	font-size:0.9rem;
	line-height:1.25rem;
	font-weight:500;
	color:var(--text-primary);
}

.d07638224717a742-scopeRow{
	padding:0.2rem 0;
	border-radius:0.4rem;
	border:none;
	background:none;
	overflow:visible;
	width:100%;
	display:block;
}

.d07638224717a742-scopeHeading{
	display:flex;
	align-items:center;
	gap:0.35rem;
	flex-wrap:wrap;
}

.d07638224717a742-scopeContent,
.d07638224717a742-permissionText{
	display:flex;
	flex-direction:column;
	gap:0.2rem;
	align-items:flex-start;
	width:100%;
	word-break:break-word;
}

.d07638224717a742-scopeName,
.d07638224717a742-permissionName{
	font-weight:600;
	color:var(--text-primary);
	font-size:0.95rem;
}

.d07638224717a742-scopeDescription,
.d07638224717a742-permissionHint{
	margin:0;
	color:var(--text-secondary);
	font-size:0.85rem;
	line-height:1.4;
}

.d07638224717a742-scopeChip{
	display:inline-flex;
	align-items:center;
	padding:0.12rem 0.45rem;
	border-radius:999px;
	background:var(--background-secondary);
	border:1px solid var(--background-modifier-accent);
	color:var(--text-tertiary);
	font-size:0.7rem;
}

.d07638224717a742-emptyState{
	padding:0.75rem;
	border-radius:0.6rem;
	background:var(--background-secondary);
	border:1px dashed var(--background-modifier-accent);
	color:var(--text-secondary);
	font-size:0.85rem;
}

.d07638224717a742-caution{
	padding:0.65rem 0.75rem;
	border-radius:0.7rem;
	border:1px solid var(--background-modifier-accent);
	background:var(--background-secondary);
	color:var(--text-secondary);
	font-size:0.82rem;
	line-height:1.35;
}

.d07638224717a742-dangerNotice{
	padding:0.75rem 0.85rem;
	border-radius:0.7rem;
	border:1px solid var(--status-danger, var(--background-modifier-accent));
	background:color-mix(in srgb, var(--background-secondary) 70%, #f04747 30%);
	color:var(--text-primary);
	font-size:0.85rem;
	line-height:1.35;
}

@supports (color: color-mix(in lch, red, blue)){
.d07638224717a742-dangerNotice{
	background:color-mix(in srgb, var(--background-secondary) 70%, var(--status-danger, #f04747) 30%);
}
}

.d07638224717a742-successCard{
	padding:0.75rem 0.9rem;
	border-radius:0.85rem;
	background:var(--background-secondary);
	border:1px solid var(--background-modifier-accent);
	color:var(--text-primary);
	font-size:0.9rem;
	line-height:1.35;
}

.d07638224717a742-successScreen{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0.65rem;
	padding:2.5rem 1.5rem;
	text-align:center;
}

.d07638224717a742-successIconCircle{
	height:72px;
	width:72px;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:color-mix(in srgb, #3ba55c 15%, transparent);
}

@supports (color: color-mix(in lch, red, blue)){
.d07638224717a742-successIconCircle{
	background:color-mix(in srgb, var(--status-online, #3ba55c) 15%, transparent);
}
}

.d07638224717a742-successIcon{
	height:48px;
	width:48px;
	color:#3ba55c;
	color:var(--status-online, #3ba55c);
}

.d07638224717a742-successTitle{
	margin:0;
	font-size:1.35rem;
	font-weight:700;
	color:var(--text-primary);
}

.d07638224717a742-successSubtitle{
	margin:0;
	color:var(--text-secondary);
	font-size:0.95rem;
	line-height:1.5;
}

.d07638224717a742-appAvatarHasImage{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.d07638224717a742-appAvatarInitial{
	font-weight:700;
}

.d07638224717a742-guildOption,
.d07638224717a742-guildValue{
	display:inline-flex;
	align-items:center;
	gap:var(--spacing-1);
	width:100%;
	min-height:36px;
	padding:0 var(--spacing-1);
}

.d07638224717a742-guildAvatar,
.d07638224717a742-guildAvatarPlaceholder{
	height:28px;
	width:28px;
	border-radius:999px;
	flex:0 0 28px;
}

.d07638224717a742-guildAvatar{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.d07638224717a742-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.9rem;
	line-height:28px;
	border:1px solid var(--background-modifier-accent);
}

.d07638224717a742-guildOptionLabel{
	font-size:0.9rem;
	color:var(--text-primary);
}

.d07638224717a742-guildOptionDisabled{
	opacity:0.5;
}

.d07638224717a742-guildOptionNotice{
	margin-left:auto;
	color:#f04747;
	color:var(--status-danger, #f04747);
	font-style:italic;
	font-size:0.85rem;
}

.d07638224717a742-actionSection{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	align-items:stretch;
}

.d07638224717a742-actionCopy{
	display:flex;
	flex-direction:column;
	gap:0.25rem;
	color:var(--text-secondary);
}

.d07638224717a742-actionText{
	margin:0;
	font-weight:700;
	color:var(--text-primary);
}

.d07638224717a742-footerText{
	margin:0;
	font-size:0.85rem;
	color:var(--text-secondary);
	line-height:1.35;
	text-align:left;
	display:block;
	width:100%;
	margin-top:0.35rem;
	padding-top:0.1rem;
}

.d07638224717a742-actions{
	display:flex;
	flex-direction:row;
	gap:0.5rem;
	width:100%;
}

.d07638224717a742-actionButton{
	flex:1;
	width:100%;
}

._4a872138ebc5ba37-header{
	margin-bottom:1.5rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
	text-align:center;
}

._4a872138ebc5ba37-iconWrapper{
	border-radius:9999px;
	padding:0.75rem;
}

._4a872138ebc5ba37-iconWrapperSuccess{
	background-color:rgb(34 197 94 / 0.1);
}

._4a872138ebc5ba37-iconWrapperWarning{
	background-color:rgb(234 179 8 / 0.1);
}

._4a872138ebc5ba37-iconSuccess{
	height:3rem;
	width:3rem;
	color:var(--status-online);
}

._4a872138ebc5ba37-iconWarning{
	height:3rem;
	width:3rem;
	color:var(--status-idle);
}

._4a872138ebc5ba37-title{
	font-size:1.5rem;
	line-height:2rem;
	font-weight:600;
	color:var(--text-primary);
}

._4a872138ebc5ba37-description{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
}

._4a872138ebc5ba37-section{
	margin-bottom:1.5rem;
	border-top:1px solid var(--background-modifier-accent);
	padding-top:1.5rem;
}

._4a872138ebc5ba37-sectionTitle{
	margin-bottom:0.5rem;
	text-align:center;
	font-weight:500;
	color:var(--text-primary);
}

._4a872138ebc5ba37-sectionDescription{
	margin-bottom:1rem;
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
}

._4a872138ebc5ba37-form{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._4a872138ebc5ba37-footer{
	border-top:1px solid var(--background-modifier-accent);
	padding-top:1rem;
	text-align:center;
}

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

.af9b98377a745c5b-container{
	overflow:hidden;
	animation:af9b98377a745c5b-slideDown 300ms ease-out;
}

.af9b98377a745c5b-label{
	color:var(--text-secondary);
	font-size:0.75rem;
	line-height:1rem;
	margin-bottom:0.5rem;
}

.af9b98377a745c5b-suggestionsList{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
}

.af9b98377a745c5b-suggestionButton{
	border-radius:0.375rem;
	background-color:var(--background-secondary-alt);
	padding:0.375rem 0.75rem;
	color:var(--text-primary);
	font-size:0.75rem;
	line-height:1rem;
	transition:background-color 150ms ease, transform 150ms ease;
	animation:af9b98377a745c5b-fadeInScale 200ms ease-out backwards;
	border:none;
	cursor:pointer;
}

.af9b98377a745c5b-suggestionButton:hover{
	background-color:var(--background-modifier-hover);
	transform:translateY(-1px);
}

.af9b98377a745c5b-suggestionButton:active{
	transform:translateY(0);
}

@keyframes af9b98377a745c5b-slideDown{
	from{
		opacity:0;
		max-height:0;
		transform:translateY(-10px);
	}
	to{
		opacity:1;
		max-height:500px;
		transform:translateY(0);
	}
}

@keyframes af9b98377a745c5b-fadeInScale{
	from{
		opacity:0;
		transform:scale(0.9);
	}
	to{
		opacity:1;
		transform:scale(1);
	}
}

._7ec43d5ecfe704e9-container{
	display:flex;
	flex-direction:column;
	gap:1.25rem;
	max-width:32rem;
	margin:0 auto;
	text-align:left;
}

._7ec43d5ecfe704e9-stepIndicator{
	font-size:0.75rem;
	line-height:1rem;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color:var(--text-muted);
	text-align:center;
}

._7ec43d5ecfe704e9-title{
	margin-bottom:0.25rem;
	text-align:center;
	font-size:1.25rem;
	line-height:1.75rem;
	font-weight:600;
	letter-spacing:0.025em;
	color:var(--text-primary);
}

._7ec43d5ecfe704e9-description{
	margin-bottom:0.75rem;
	text-align:center;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
}

._7ec43d5ecfe704e9-metaLine{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
	text-align:center;
}

._7ec43d5ecfe704e9-metaValue{
	color:var(--text-primary);
	font-weight:500;
}

._7ec43d5ecfe704e9-metaSpacer{
	color:var(--text-muted);
}

._7ec43d5ecfe704e9-form{
	display:flex;
	flex-direction:column;
	gap:1rem;
}

._7ec43d5ecfe704e9-footer{
	margin-top:1.25rem;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
	align-items:center;
	text-align:center;
}

._7ec43d5ecfe704e9-footerRow{
	display:flex;
	gap:1rem;
	justify-content:center;
	flex-wrap:wrap;
}

._7ec43d5ecfe704e9-link{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
	text-decoration:none;
	background:none;
	border:none;
	cursor:pointer;
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	padding:0;
}

._7ec43d5ecfe704e9-link:hover{
	color:var(--text-primary);
	text-decoration:underline;
}

._7ec43d5ecfe704e9-link:disabled{
	opacity:0.6;
	cursor:not-allowed;
	text-decoration:none;
}

._7ec43d5ecfe704e9-errorBox{
	margin-bottom:0.5rem;
	padding:0.75rem 1rem;
	border-radius:var(--radius-lg);
	background-color:color-mix(in srgb, var(--status-danger) 15%, transparent);
	color:var(--status-danger);
	font-size:0.875rem;
	line-height:1.25rem;
	text-align:left;
}

._7ec43d5ecfe704e9-successBox{
	margin-top:0.25rem;
	padding:0.75rem 1rem;
	border-radius:var(--radius-lg);
	background-color:color-mix(in srgb, var(--status-success) 12%, transparent);
	color:var(--text-primary);
	text-align:left;
}

._7ec43d5ecfe704e9-successLabel{
	font-size:0.75rem;
	line-height:1rem;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color:var(--text-tertiary);
	margin-bottom:0.25rem;
}

._7ec43d5ecfe704e9-successValue{
	font-size:1rem;
	line-height:1.5rem;
	font-weight:600;
	letter-spacing:0.02em;
	word-break:break-word;
}

._7ec43d5ecfe704e9-helperText{
	font-size:0.75rem;
	color:var(--text-muted);
	text-align:left;
}

._43bb7234654252ef-container{
	text-align:center;
}

._43bb7234654252ef-iconContainer{
	margin-bottom:1.5rem;
}

._43bb7234654252ef-spinnerWrapper{
	display:flex;
	align-items:center;
	justify-content:center;
	height:3rem;
	width:3rem;
	margin:0 auto;
}

._43bb7234654252ef-iconCircle{
	display:flex;
	align-items:center;
	justify-content:center;
	height:3rem;
	width:3rem;
	margin:0 auto;
	border-radius:9999px;
}

._43bb7234654252ef-iconCircleSuccess{
	background-color:var(--status-online);
}

._43bb7234654252ef-iconCircleError{
	background-color:var(--status-danger);
}

._43bb7234654252ef-icon{
	height:1.5rem;
	width:1.5rem;
	color:var(--text-primary);
}

._43bb7234654252ef-title{
	margin-bottom:1rem;
	font-size:1.25rem;
	line-height:1.75rem;
	font-weight:600;
	letter-spacing:0.025em;
	color:var(--text-primary);
}

._43bb7234654252ef-description{
	margin-bottom:1.5rem;
	color:var(--text-tertiary);
}

._43bb7234654252ef-footer{
	padding-top:1rem;
	display:flex;
	flex-direction:column;
	gap:0.75rem;
}

._43bb7234654252ef-link{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-link);
	text-decoration:none;
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

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

._43bb7234654252ef-secondaryLink{
	font-size:0.875rem;
	line-height:1.25rem;
	color:var(--text-tertiary);
	text-decoration:none;
	transition-property:color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms;
	cursor:pointer;
}

._43bb7234654252ef-secondaryLink:hover{
	color:var(--text-primary);
	text-decoration:underline;
}

._43bb7234654252ef-loadingPlaceholder{
	margin-bottom:1rem;
	height:1.75rem;
}

._43bb7234654252ef-descriptionPlaceholder{
	margin-bottom:1.5rem;
	height:1.5rem;
}

._28da75ed86f16797-container{
	position:relative;
	display:flex;
	height:100%;
	min-height:0;
	width:100%;
	flex-direction:column;
	overflow:hidden;
	background-color:var(--background-primary);
}

._28da75ed86f16797-banner{
	position:relative;
	height:184px;
	width:100%;
	overflow:hidden;
}

._28da75ed86f16797-bannerImage{
	height:100%;
	width:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

._28da75ed86f16797-bannerDefault{
	height:100%;
	width:100%;
	background-color:var(--brand-primary);
}

._28da75ed86f16797-profile{
	position:relative;
	background-color:var(--background-primary);
}

._28da75ed86f16797-avatarButton{
	position:absolute;
	left:1rem;
	top:-40px;
	border:4px solid var(--background-primary);
	background-color:var(--background-primary);
	border-radius:9999px;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
}

._28da75ed86f16797-content{
	padding-left:1rem;
	padding-right:1rem;
	padding-top:3rem;
}

._28da75ed86f16797-actions{
	position:absolute;
	top:1rem;
	right:1rem;
	z-index:10;
	display:flex;
	gap:0.5rem;
}

._28da75ed86f16797-settingsButton{
	display:flex;
	height:2.5rem;
	width:2.5rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-tertiary);
	color:var(--text-primary);
}

._28da75ed86f16797-settingsIcon{
	height:1.25rem;
	width:1.25rem;
}

._28da75ed86f16797-userInfo{
	margin-top:0.75rem;
}

._28da75ed86f16797-usernameRow{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	min-width:0;
}

._28da75ed86f16797-username{
	font-weight:700;
	font-size:1.5rem;
	line-height:2rem;
	color:var(--text-primary);
	word-break:break-word;
	overflow-wrap:break-word;
}

._28da75ed86f16797-tagBadgeRow{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:0.375rem;
	min-width:0;
}

._28da75ed86f16797-fullTag{
	font-weight:500;
	color:var(--text-tertiary);
}

._28da75ed86f16797-badgesWrapper{
	display:flex;
	align-items:center;
	flex-shrink:0;
}

._28da75ed86f16797-customStatusRow{
	margin-top:0.25rem;
}

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

._28da75ed86f16797-customStatusRow:hover ._28da75ed86f16797-customStatusText,
._28da75ed86f16797-customStatusRow:active ._28da75ed86f16797-customStatusText{
	--emoji-show-animated:1;
}

._28da75ed86f16797-editButton{
	margin-top:1rem;
	display:flex;
	width:100%;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	border-radius:0.75rem;
	background-color:var(--brand-primary);
	padding:0.75rem 1rem;
}

._28da75ed86f16797-editIcon{
	height:1.25rem;
	width:1.25rem;
	color:white;
}

._28da75ed86f16797-editLabel{
	font-weight:500;
	color:white;
}

._28da75ed86f16797-section{
	margin-top:1rem;
	border-radius:0.75rem;
	background-color:var(--background-secondary);
	padding:1rem;
}

._28da75ed86f16797-sectionHeader{
	margin-bottom:0.75rem;
}

._28da75ed86f16797-sectionTitle{
	margin-bottom:0.5rem;
	font-weight:600;
	font-size:0.875rem;
	color:var(--text-primary);
}

._28da75ed86f16797-noteButton{
	margin-top:1rem;
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	border-radius:0.75rem;
	background-color:var(--background-secondary);
	padding:1rem;
	text-align:left;
}

._28da75ed86f16797-noteLabel{
	font-weight:600;
	font-size:0.875rem;
	color:var(--text-primary);
}

._28da75ed86f16797-noteSubtext{
	color:var(--text-tertiary);
	font-size:0.75rem;
}

._28da75ed86f16797-noteText{
	margin-top:0.25rem;
	font-size:0.875rem;
	color:var(--text-secondary);
}

._28da75ed86f16797-noteIconWrapper{
	display:flex;
	height:2rem;
	width:2rem;
	align-items:center;
	justify-content:center;
	border-radius:9999px;
	background-color:var(--background-tertiary);
}

._28da75ed86f16797-noteIcon{
	height:1rem;
	width:1rem;
	color:var(--text-primary);
}

html:not(.auth-page) ._83e95e8b324c7cd1-appContainer{
	height:100svh;
	min-height:100svh;
	box-sizing:border-box;
	background:var(--background-primary);
	padding-top:0;
	padding-right:env(safe-area-inset-right);
	padding-left:env(safe-area-inset-left);
	overflow:hidden;
	position:relative;
}

html.is-standalone:not(.auth-page) ._83e95e8b324c7cd1-appContainer{
	padding-top:env(safe-area-inset-top);
}

html ._83e95e8b324c7cd1-overlayScope{
	position:fixed;
	inset:0;
	z-index:var(--z-index-overlay);
	pointer-events:none;
}

html.platform-native:not(.platform-macos) ._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;
	}
}


/*# sourceMappingURL=30f6a3c3f1d34bd9.css.map*/