:root{--tint:var(--indigo);--gray:oklch(0.5 0 0);--red:oklch(0.6 .181447 27.0726);--orange:oklch(0.7 .150492 54);--yellow:oklch(0.8 .128516 73.8032);--turquoise:oklch(0.5 .081146 205.114);--cyan:oklch(0.4 .142107 243.926);--green:oklch(0.5 .121276 155.372);--blue:oklch(0.5 .22049 266.315);--indigo:oklch(1 .25049 284.23);--purple:oklch(0.7 .223324 302);--pink:oklch(0.6 .177717 347.813);--tint-100:oklch(from var(--tint) var(--lightness-100) var(--chroma-100) h);--tint-200:oklch(from var(--tint) var(--lightness-200) var(--chroma-200) h);--tint-300:oklch(from var(--tint) var(--lightness-300) var(--chroma-300) h);--tint-400:oklch(from var(--tint) var(--lightness-400) var(--chroma-400) h);--tint-500:oklch(from var(--tint) var(--lightness-500) var(--chroma-500) h);--tint-600:oklch(from var(--tint) var(--lightness-600) var(--chroma-600) h);--tint-700:oklch(from var(--tint) var(--lightness-700) var(--chroma-700) h);--tint-800:oklch(from var(--tint) var(--lightness-800) var(--chroma-800) h);--tint-900:oklch(from var(--tint) var(--lightness-900) var(--chroma-900) h);--tint-1000:oklch(from var(--tint) var(--lightness-1000) var(--chroma-1000) h);--tint-1100:oklch(from var(--tint) var(--lightness-1100) var(--chroma-1100) h);--tint-1200:oklch(from var(--tint) var(--lightness-1200) var(--chroma-1200) h);--tint-1300:oklch(from var(--tint) var(--lightness-1300) var(--chroma-1300) h);--tint-1400:oklch(from var(--tint) var(--lightness-1400) var(--chroma-1400) h);--tint-1500:oklch(from var(--tint) var(--lightness-1500) var(--chroma-1500) h);--tint-1600:oklch(from var(--tint) var(--lightness-1600) var(--chroma-1600) h);--gray-100:oklch(from var(--gray) var(--lightness-100) c h);--gray-200:oklch(from var(--gray) var(--lightness-200) c h);--gray-300:oklch(from var(--gray) var(--lightness-300) c h);--gray-400:oklch(from var(--gray) var(--lightness-400) c h);--gray-500:oklch(from var(--gray) var(--lightness-500) c h);--gray-600:oklch(from var(--gray) var(--lightness-600) c h);--gray-700:oklch(from var(--gray) var(--lightness-700) c h);--gray-800:oklch(from var(--gray) var(--lightness-800) c h);--gray-900:oklch(from var(--gray) var(--lightness-900) c h);--gray-1000:oklch(from var(--gray) var(--lightness-1000) c h);--gray-1100:oklch(from var(--gray) var(--lightness-1100) c h);--gray-1200:oklch(from var(--gray) var(--lightness-1200) c h);--gray-1300:oklch(from var(--gray) var(--lightness-1300) c h);--gray-1400:oklch(from var(--gray) var(--lightness-1400) c h);--gray-1500:oklch(from var(--gray) var(--lightness-1500) c h);--gray-1600:oklch(from var(--gray) var(--lightness-1600) c h);--background-color:#f8f8f8;--gray-50:#ffffff;--lightness-100:98.1187%;--lightness-200:95.2045%;--lightness-300:91.1434%;--lightness-400:85.1751%;--lightness-500:79.1773%;--lightness-600:72.3297%;--lightness-700:67.0121%;--lightness-800:62.3039%;--lightness-900:57.9699%;--lightness-1000:51.9076%;--lightness-1100:46.9058%;--lightness-1200:41.0821%;--lightness-1300:35.3616%;--lightness-1400:29.6725%;--lightness-1500:24.5366%;--lightness-1600:16.6959%;--chroma-100:calc(l * c * 0.5);--chroma-200:calc(l * c * 0.6);--chroma-300:calc(l * c * 0.7);--chroma-400:calc(l * c * 0.8);--chroma-500:calc(l * c * 0.9);--chroma-600:c;--chroma-700:c;--chroma-800:c;--chroma-900:c;--chroma-1000:c;--chroma-1100:c;--chroma-1200:c;--chroma-1300:c;--chroma-1400:c;--chroma-1500:c;--chroma-1600:c;--highlight-hover:rgb(0 0 0/0.07);--highlight-pressed:rgb(0 0 0/0.15);--overlay-background:var(--gray-50);--overlay-border:rgb(0 0 0/0.06);--popover-shadow:0 8px 20px rgba(0 0 0/0.12)}@media (prefers-color-scheme:dark){:root{--background-color:#1b1b1b;--gray-50:oklch(22% 0 0);--lightness-100:29.6725%;--lightness-200:35.3616%;--lightness-300:41.0821%;--lightness-400:46.9058%;--lightness-500:51.9076%;--lightness-600:57.9699%;--lightness-700:56.1347%;--lightness-800:59.2866%;--lightness-900:62.3039%;--lightness-1000:67.0121%;--lightness-1100:72.3297%;--lightness-1200:79.1773%;--lightness-1300:85.1751%;--lightness-1400:91.1434%;--lightness-1500:95.2045%;--lightness-1600:100%;--highlight-hover:rgb(255 255 255/0.1);--highlight-pressed:rgb(255 255 255/0.2);--overlay-background:var(--gray-100);--overlay-border:rgb(255 255 255/0.2);--popover-shadow:0 8px 20px rgba(0 0 0/0.5)}}:root{--focus-ring-color:var(--tint-1000);--text-color:var(--gray-1200);--text-color-hover:var(--gray-1300);--text-color-disabled:var(--gray-600);--text-color-placeholder:var(--gray-1000);--link-color:var(--tint-1200);--link-color-secondary:var(--gray-1200);--link-color-pressed:var(--tint-1300);--border-color:var(--gray-400);--border-color-hover:var(--gray-500);--border-color-disabled:var(--gray-300);--field-text-color:var(--gray-1400);--button-background:var(--tint-100);--button-background-pressed:var(--tint-200);--highlight-background:oklch(from var(--tint) 55% c h);--highlight-background-pressed:oklch(from var(--tint) 50% c h);--highlight-background-invalid:oklch(from var(--red) var(--lightness-900) c h);--highlight-foreground:white;--highlight-overlay:oklch(from var(--tint-1000) l c h/15%);--invalid-color:oklch(from var(--red) var(--lightness-1000) c h);--field-background:var(--gray-50)}@media (forced-colors:active){:root{--background-color:Canvas;--focus-ring-color:Highlight;--text-color:ButtonText;--text-color-hover:ButtonText;--text-color-disabled:GrayText;--text-color-placeholder:ButtonText;--link-color:LinkText;--link-color-secondary:LinkText;--link-color-pressed:LinkText;--border-color:ButtonBorder;--border-color-hover:ButtonBorder;--border-color-pressed:ButtonBorder;--border-color-disabled:GrayText;--field-background:Field;--field-text-color:FieldText;--overlay-background:Canvas;--overlay-border:ButtonBorder;--button-background:ButtonFace;--button-background-pressed:ButtonFace;--highlight-background:Highlight;--highlight-background-pressed:Highlight;--highlight-background-invalid:LinkText;--highlight-foreground:HighlightText;--invalid-color:LinkText}}:root{--font-size:0.875rem;--font-size-sm:0.75rem;--font-size-lg:1rem;--radius:8px;--radius-sm:6px;--radius-lg:10px;--radius-xl:16px;--spacing:0.25rem;--spacing-1:var(--spacing);--spacing-2:calc(2 * var(--spacing));--spacing-3:calc(3 * var(--spacing));--spacing-4:calc(4 * var(--spacing));--spacing-5:calc(5 * var(--spacing));--spacing-6:calc(6 * var(--spacing));--spacing-7:calc(7 * var(--spacing));--spacing-8:calc(8 * var(--spacing));--spacing-9:calc(9 * var(--spacing));--spacing-10:calc(10 * var(--spacing))}@media (min-resolution:200dpi){:root{--spacing:calc(0.25rem * 1.25);--font-size:1.0625rem;--font-size-sm:0.9375rem;--font-size-lg:1.25rem}}@layer utilities{.button-base{--button-color:var(--accent);--button-background:oklch(from var(--button-color) var(--lightness-100) var(--chroma-100) h);--button-gradient:oklch(from var(--button-color) var(--lightness-200) var(--chroma-200) h);--button-border:oklch(from var(--button-color) var(--lightness-300) var(--chroma-300) h);--button-highlight:rgb(255 255 255/0.8);--button-shadow:oklch(from var(--button-color) var(--lightness-400) var(--chroma-400) h);--button-border-size:1px;--button-text:oklch(from var(--button-color) var(--lightness-1400) var(--chroma-1400) h);--button-gradient-size:8px;background:var(--button-background);color:var(--button-text);box-shadow:inset 0 -1px 0 var(--button-shadow),inset 0 0 0 var(--button-border-size) var(--button-border),inset 0 calc(var(--button-border-size) + 1px) 0 var(--button-highlight),inset 0 calc(-1 * var(--button-gradient-size)) var(--button-gradient-size) -2px var(--button-gradient);outline:none;transition-property:background,color,scale,box-shadow;transition-duration:.2s;will-change:scale;forced-color-adjust:none;-webkit-tap-highlight-color:transparent;@media (prefers-color-scheme:dark){--button-shadow:oklch(from var(--button-color) var(--lightness-200) var(--chroma-200) h);--button-highlight:rgb(255 255 255/0.15);box-shadow:inset 0 var(--button-border-size) 0 var(--button-highlight),inset 0 calc(-1 * var(--button-border-size)) 0 var(--button-shadow),inset 0 0 0 var(--button-border-size) var(--button-border),inset 0 var(--button-gradient-size) var(--button-gradient-size) -2px var(--button-gradient)}&:where([data-pressed]){--button-background:oklch(from var(--button-color) var(--lightness-200) var(--chroma-200) h)}&:where([data-focus-visible]){outline:2px solid var(--focus-ring-color);outline-offset:2px}&:where([data-variant=secondary]){--button-color:var(--gray)}&:where([data-variant=quiet]){--button-background:none;--button-text:var(--text-color);box-shadow:0 0 0 1px transparent;&:where([data-hovered],[data-pressed]){--button-background:var(--tint-200);--button-text:var(--tint-1400);box-shadow:0 0 0 1px var(--tint-200)}}&:where([data-selected]){--button-background:oklch(from var(--button-color) 55% c h);--button-border:oklch(from var(--button-color) 50% c h);--button-gradient:var(--button-border);--button-highlight:rgb(255 255 255/0.2);--button-shadow:oklch(from var(--button-color) 30% c h);--button-text:var(--highlight-foreground);box-shadow:inset 0 -1px 0 var(--button-shadow),inset 0 0 0 1px var(--button-border),inset 0 2px 0 var(--button-highlight),inset 0 calc(-1 * var(--button-gradient-size)) var(--button-gradient-size) var(--button-gradient);@media (prefers-color-scheme:dark){--button-highlight:rgb(255 255 255/0.4);--button-gradient:rgb(255 255 255/0.2);--button-shadow:var(--button-border);box-shadow:inset 0 1px 0 var(--button-highlight),inset 0 var(--button-gradient-size) var(--button-gradient-size) var(--button-gradient),inset 0 0 0 1px var(--button-border)}&:where([data-pressed]){--button-background:oklch(from var(--button-color) 50% c h)}}&:where([data-disabled]){box-shadow:none;--button-background:var(--border-color-disabled);--button-text:var(--text-color-disabled);&:where([data-variant=quiet]){--button-background:none}}@media (forced-colors:active){--button-background:ButtonFace;--button-text:ButtonText;--button-border:ButtonBorder;box-shadow:inset 0 0 0 var(--button-border-size) var(--button-border);&:where([data-variant=quiet]){--button-border:transparent;&:where([data-hovered],[data-pressed]){--button-border:ButtonBorder}}&:where([data-selected]){--button-background:Highlight;--button-text:HighlightText;--button-border:Highlight}&:where([data-disabled]){--button-background:ButtonFace;--button-text:GrayText;--button-border:GrayText;&:where([data-variant=quiet]){--button-border:transparent}}}}.indicator{--indicator-color:var(--gray);--indicator-background:oklch(from var(--indicator-color) var(--lightness-100) var(--chroma-100) h);--indicator-border:oklch(from var(--indicator-color) var(--lightness-800) var(--chroma-800) h);--indicator-drop-shadow:0 0;background:var(--indicator-background);box-shadow:inset 0 0 0 1px var(--indicator-border),inset 0 2px 0 white,inset 0 -4px 2px oklch(from var(--indicator-color) 30% c h/.08),var(--indicator-drop-shadow);will-change:scale;@media (prefers-color-scheme:dark){box-shadow:inset 0 1px 0 rgb(255 255 255/.4),inset 0 4px 2px rgb(255 255 255/.1),inset 0 0 0 1px var(--indicator-border),var(--indicator-drop-shadow)}@media (forced-colors:active){--indicator-background:ButtonFace;--indicator-border:ButtonBorder;box-shadow:inset 0 0 0 1px var(--indicator-border)}&[data-pressed],[data-pressed] &{scale:.9}[data-indeterminate]>&,[data-selected]>&{--indicator-color:var(--highlight-background);--indicator-background:var(--indicator-color);--indicator-highlight:rgb(255 255 255/0.3);--indicator-shadow:oklch(from var(--indicator-color) 45% c h);--indicator-border:var(--indicator-background);box-shadow:inset 0 -1px 0 var(--indicator-shadow),inset 0 0 0 1px var(--indicator-border),inset 0 2px 0 var(--indicator-highlight),var(--indicator-drop-shadow);@media (prefers-color-scheme:dark){--indicator-highlight:rgb(255 255 255/0.5);--indicator-gradient:rgb(255 255 255/0.12);box-shadow:inset 0 1px 0 var(--indicator-highlight),inset 0 4px 2px var(--indicator-gradient),inset 0 0 0 1px var(--indicator-border),var(--indicator-drop-shadow)}@media (forced-colors:active){box-shadow:none}}&[data-invalid],[data-invalid]>&{--indicator-color:var(--invalid-color);@media (forced-colors:active){--indicator-border:var(--invalid-color)}}&[data-focus-visible],[data-focus-visible]>&{outline:2px solid var(--focus-ring-color);outline-offset:2px}&[data-disabled],[data-disabled]>&{background:var(--field-background);box-shadow:inset 0 0 0 1px var(--border-color-disabled)}}.inset{--inset-background:var(--field-background);--inset-border:var(--border-color);--inset-border-size:1px;--inset-shadow-offset:2px;--inset-shadow-size:4px;background:var(--inset-background);box-shadow:inset 0 0 0 var(--inset-border-size) var(--inset-border),inset 0 var(--inset-shadow-offset) var(--inset-shadow-size) rgb(0 0 0/.15),0 1px 0 var(--gray-50);transition:box-shadow .2s;forced-color-adjust:none;@media (prefers-color-scheme:dark){--inset-border:var(--gray-200);--border-color-hover:var(--gray-300);--inset-highlight:var(--gray-400);--inset-shadow-size:6px;box-shadow:inset 0 calc(-1 * var(--inset-border-size)) 0 var(--inset-highlight),inset 0 0 0 var(--inset-border-size) var(--inset-border),inset 0 1px var(--inset-shadow-size) rgb(0 0 0)}&:where([data-hovered],[data-pressed]){--inset-border:var(--border-color-hover)}@media (forced-colors:active){--inset-border:ButtonBorder;box-shadow:inset 0 0 0 var(--inset-border-size) var(--inset-border)}&:where([data-invalid]){--inset-border:var(--invalid-color);--inset-highlight:var(--inset-border)}&:where([data-disabled]){box-shadow:inset 0 0 0 1px var(--border-color-disabled)}&.track{--inset-shadow-offset:1px;--inset-shadow-size:3px;@media (prefers-color-scheme:light){--inset-background:var(--gray-300);--inset-border:var(--gray-500);--inset-border-size:0.5px}@media (forced-colors:active){--inset-background:Field;--inset-border:ButtonBorder;--inset-border-size:1px}}}}.react-aria-Button{border:none;border-radius:var(--radius);appearance:none;font:var(--font-size) system-ui;font-weight:500;margin:0;height:var(--spacing-8);padding:0 var(--spacing-3);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);-webkit-tap-highlight-color:transparent;>svg{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}&:has(>svg:only-child){width:var(--spacing-8);flex-shrink:0;padding:0;border-radius:9999px}&[data-pressed]{scale:.95}.react-aria-ProgressBar{@media (prefers-color-scheme:dark){--highlight-background:var(--gray-1600)}}kbd{font:var(--font-size-sm) system-ui;background:var(--highlight-hover);border:.5px solid var(--tint-500);padding:0 var(--spacing-1);border-radius:var(--radius-sm);margin-inline-start:var(--spacing-3)}}.bn{border:none}@layer base{.x-button{all:unset}.x-button[class]{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-size:15px;font-weight:500;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:6px;gap:8px;white-space:nowrap;color:light-dark(white,black);background:light-dark(var(--gray800,#1D2939),var(--gray200,#EAECF0))}}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}@layer base{}.br-8px{border-radius:8px}.appearance-none{appearance:none}.fs-16px{font-size:16px}.ff-system-ui{font-family:system-ui}.fw5{font-weight:500}.m-0{margin:0}.tdn{text-decoration:none}.inline-flex-center{display:inline-flex;align-items:center;justify-content:center}.gap-1{gap:var(--space-1,.25rem)}.-webkit-tap-highlight-color-transparent{-webkit-tap-highlight-color:transparent}.__svg\[width\(calc\(--spacing\,\*\,4\.5\)\)\,height\(calc\(--spacing\,\*\,4\.5\)\)\]>svg{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.__svg--has\(--oc\)\[p-0px\,br-9999px\,flex-shrink-0\,w-2rem\]>svg:has(:only-child){padding:0}.__svg--has\(--oc\)\[p-0px\,br-9999px\,flex-shrink-0\,w-2rem\]>svg:has(:only-child){border-radius:9999px}.__svg--has\(--oc\)\[p-0px\,br-9999px\,flex-shrink-0\,w-2rem\]>svg:has(:only-child){flex-shrink:0}.__svg--has\(--oc\)\[p-0px\,br-9999px\,flex-shrink-0\,w-2rem\]>svg:has(:only-child){width:2rem}.\[data-pressed\]-scale-0\.9[data-pressed]{scale:.9}