@layer base,utilities,layouts,components;@layer base{:root{--font-size-min: 16;--font-size-max: 18;--font-ratio-min: 1.2;--font-ratio-max: 1.33;--font-width-min: 320;--font-width-max: 1500;--br-xs: 2px;--br-sm: 4px;--br-md: 8px;--br-lg: 16px;--br-xl: 24px;--br-2xl: 32px;--pad-2xs: .25rem;--pad-xs: .5rem;--pad-sm: .75rem;--pad-md: 1rem;--pad-lg: 1.5rem;--pad-xl: 2rem;--pad-2xl: 4rem;--vs-xs: .25rem;--vs-sm: .5rem;--vs-md: 1rem;--vs-lg: 1.5rem;--vs-xl: 2rem;--vs-2xl: 4rem;--vs-3xl: 6rem;--vs-4xl: 8rem;--red: rgb(223, 50, 50);--green: rgb(64, 168, 64);--blue: rgb(0, 174, 255);--yellow: rgb(255, 213, 0);--teal: rgb(0, 198, 191);--purple: purple;--black: #000;--white: #fff;--gray: oklch(.5 .02 270);--slate: oklch(.52 .04 255);--bg-light: #fff;--bg-dark: #050505;--bg: light-dark(var(--bg-light), var(--bg-dark));--bg-100: oklch(from var(--bg) l c h / .1);--bg-200: oklch(from var(--bg) l c h / .2);--bg-300: oklch(from var(--bg) l c h / .3);--bg-400: oklch(from var(--bg) l c h / .4);--bg-500: oklch(from var(--bg) l c h / .5);--bg-600: oklch(from var(--bg) l c h / .6);--bg-700: oklch(from var(--bg) l c h / .75);--bg-800: oklch(from var(--bg) l c h / .9);--bg-900: var(--bg);--fg-light: #050505;--fg-dark: #fff;--fg: light-dark(var(--fg-light), var(--fg-dark));--fg-100: oklch(from var(--fg) l c h / .1);--fg-200: oklch(from var(--fg) l c h / .2);--fg-300: oklch(from var(--fg) l c h / .3);--fg-400: oklch(from var(--fg) l c h / .4);--fg-500: oklch(from var(--fg) l c h / .5);--fg-600: oklch(from var(--fg) l c h / .6);--fg-700: oklch(from var(--fg) l c h / .75);--fg-800: oklch(from var(--fg) l c h / .9);--fg-900: var(--fg);--red-100: oklch(from var(--red) l c h / .1);--red-200: oklch(from var(--red) l c h / .2);--red-300: oklch(from var(--red) l c h / .3);--red-400: oklch(from var(--red) l c h / .4);--red-500: oklch(from var(--red) l c h / .5);--red-600: oklch(from var(--red) l c h / .6);--red-700: oklch(from var(--red) l c h / .75);--red-800: oklch(from var(--red) l c h / .9);--red-900: var(--red);--green-100: oklch(from var(--green) l c h / .1);--green-200: oklch(from var(--green) l c h / .2);--green-300: oklch(from var(--green) l c h / .3);--green-400: oklch(from var(--green) l c h / .4);--green-500: oklch(from var(--green) l c h / .5);--green-600: oklch(from var(--green) l c h / .6);--green-700: oklch(from var(--green) l c h / .75);--green-800: oklch(from var(--green) l c h / .9);--green-900: var(--green);--blue-100: oklch(from var(--blue) l c h / .1);--blue-200: oklch(from var(--blue) l c h / .2);--blue-300: oklch(from var(--blue) l c h / .3);--blue-400: oklch(from var(--blue) l c h / .4);--blue-500: oklch(from var(--blue) l c h / .5);--blue-600: oklch(from var(--blue) l c h / .6);--blue-700: oklch(from var(--blue) l c h / .75);--blue-800: oklch(from var(--blue) l c h / .9);--blue-900: var(--blue);--yellow-100: oklch(from var(--yellow) l c h / .1);--yellow-200: oklch(from var(--yellow) l c h / .2);--yellow-300: oklch(from var(--yellow) l c h / .3);--yellow-400: oklch(from var(--yellow) l c h / .4);--yellow-500: oklch(from var(--yellow) l c h / .5);--yellow-600: oklch(from var(--yellow) l c h / .6);--yellow-700: oklch(from var(--yellow) l c h / .75);--yellow-800: oklch(from var(--yellow) l c h / .9);--yellow-900: var(--yellow);--teal-100: oklch(from var(--teal) l c h / .1);--teal-200: oklch(from var(--teal) l c h / .2);--teal-300: oklch(from var(--teal) l c h / .3);--teal-400: oklch(from var(--teal) l c h / .4);--teal-500: oklch(from var(--teal) l c h / .5);--teal-600: oklch(from var(--teal) l c h / .6);--teal-700: oklch(from var(--teal) l c h / .75);--teal-800: oklch(from var(--teal) l c h / .9);--teal-900: var(--teal);--purple-100: oklch(from var(--purple) l c h / .1);--purple-200: oklch(from var(--purple) l c h / .2);--purple-300: oklch(from var(--purple) l c h / .3);--purple-400: oklch(from var(--purple) l c h / .4);--purple-500: oklch(from var(--purple) l c h / .5);--purple-600: oklch(from var(--purple) l c h / .6);--purple-700: oklch(from var(--purple) l c h / .75);--purple-800: oklch(from var(--purple) l c h / .9);--purple-900: var(--purple);--black-100: oklch(from var(--black) l c h / .1);--black-200: oklch(from var(--black) l c h / .2);--black-300: oklch(from var(--black) l c h / .3);--black-400: oklch(from var(--black) l c h / .4);--black-500: oklch(from var(--black) l c h / .5);--black-600: oklch(from var(--black) l c h / .6);--black-700: oklch(from var(--black) l c h / .75);--black-800: oklch(from var(--black) l c h / .9);--black-900: var(--black);--white-100: oklch(from var(--white) l c h / .1);--white-200: oklch(from var(--white) l c h / .2);--white-300: oklch(from var(--white) l c h / .3);--white-400: oklch(from var(--white) l c h / .4);--white-500: oklch(from var(--white) l c h / .5);--white-600: oklch(from var(--white) l c h / .6);--white-700: oklch(from var(--white) l c h / .75);--white-800: oklch(from var(--white) l c h / .9);--white-900: var(--white);--gray-100: oklch(from var(--gray) l c h / .1);--gray-200: oklch(from var(--gray) l c h / .2);--gray-300: oklch(from var(--gray) l c h / .3);--gray-400: oklch(from var(--gray) l c h / .4);--gray-500: oklch(from var(--gray) l c h / .5);--gray-600: oklch(from var(--gray) l c h / .6);--gray-700: oklch(from var(--gray) l c h / .75);--gray-800: oklch(from var(--gray) l c h / .9);--gray-900: var(--gray);--slate-100: oklch(from var(--slate) l c h / .1);--slate-200: oklch(from var(--slate) l c h / .2);--slate-300: oklch(from var(--slate) l c h / .3);--slate-400: oklch(from var(--slate) l c h / .4);--slate-500: oklch(from var(--slate) l c h / .5);--slate-600: oklch(from var(--slate) l c h / .6);--slate-700: oklch(from var(--slate) l c h / .75);--slate-800: oklch(from var(--slate) l c h / .9);--slate-900: var(--slate);--primary: var(--blue);--primary-100: oklch(from var(--primary) l c h / .1);--primary-200: oklch(from var(--primary) l c h / .2);--primary-300: oklch(from var(--primary) l c h / .3);--primary-400: oklch(from var(--primary) l c h / .4);--primary-500: oklch(from var(--primary) l c h / .5);--primary-600: oklch(from var(--primary) l c h / .6);--primary-700: oklch(from var(--primary) l c h / .75);--primary-800: oklch(from var(--primary) l c h / .9);--primary-900: var(--primary);--success: var(--green);--success-100: oklch(from var(--success) l c h / .1);--success-200: oklch(from var(--success) l c h / .2);--success-300: oklch(from var(--success) l c h / .3);--success-400: oklch(from var(--success) l c h / .4);--success-500: oklch(from var(--success) l c h / .5);--success-600: oklch(from var(--success) l c h / .6);--success-700: oklch(from var(--success) l c h / .75);--success-800: oklch(from var(--success) l c h / .9);--success-900: var(--success);--warning: var(--yellow);--warning-100: oklch(from var(--warning) l c h / .1);--warning-200: oklch(from var(--warning) l c h / .2);--warning-300: oklch(from var(--warning) l c h / .3);--warning-400: oklch(from var(--warning) l c h / .4);--warning-500: oklch(from var(--warning) l c h / .5);--warning-600: oklch(from var(--warning) l c h / .6);--warning-700: oklch(from var(--warning) l c h / .75);--warning-800: oklch(from var(--warning) l c h / .9);--warning-900: var(--warning);--error: var(--red);--error-100: oklch(from var(--error) l c h / .1);--error-200: oklch(from var(--error) l c h / .2);--error-300: oklch(from var(--error) l c h / .3);--error-400: oklch(from var(--error) l c h / .4);--error-500: oklch(from var(--error) l c h / .5);--error-600: oklch(from var(--error) l c h / .6);--error-700: oklch(from var(--error) l c h / .75);--error-800: oklch(from var(--error) l c h / .9);--error-900: var(--error);color-scheme:light dark}html{box-sizing:border-box}html,body{margin:0;padding:0;width:100vw;height:100%}*,*:before,*:after{box-sizing:inherit}body{background:var(--bg);color:var(--fg);font-family:Verdana,Geneva,Tahoma,sans-serif;display:flex;flex-direction:column;height:100%}h1,h2,h3,h4,h5,h6,p,li,textarea,input,th,td,button,select,label,.fluid{--fluid-min: calc(var(--font-size-min) * pow(var(--font-ratio-min), var(--fluid-level, 0)));--fluid-max: calc(var(--font-size-max) * pow(var(--font-ratio-max), var(--fluid-level, 0)));--fluid-scaled: calc( (var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)) );--fluid-size: clamp( (var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-scaled) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-scaled) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1rem );font-size:var(--fluid-size);line-height:1.5}h1{--fluid-level: 5}h2{--fluid-level: 4}h3{--fluid-level: 3}h4{--fluid-level: 2}h5{--fluid-level: 1}h6{--fluid-level: 0}p,li,body,input,textarea,button,select{--fluid-level: 0;line-height:1.5}.font-size-xs{--fluid-level: -2}.font-size-sm{--fluid-level: -1}.font-size-md{--fluid-level: 0}.font-size-lg{--fluid-level: 2}.font-size-xl{--fluid-level: 3}img{object-fit:cover}button,.button,[data-button-root]{--button-bg: var(--gray-300);--button-bg-disabled: var(--gray-200);--button-fg: var(--fg);--button-fg-disabled: var(--fg-500);background:var(--button-bg);color:var(--button-fg);appearance:none;margin:0;cursor:pointer;font-weight:500;display:inline-flex;justify-content:center;align-items:center;line-height:1.5;border:var(--gray-100) 1px solid;border-radius:var(--br-sm);text-decoration:none;padding:var(--pad-xs) var(--pad-lg)}:is(button,.button,[data-button-root]):hover{background:oklch(from var(--button-bg) calc(l + .05) c h)}:is(button,.button,[data-button-root]):active{background:oklch(from var(--button-bg) calc(l + .1) c h);translate:0 1px}:is(button,.button,[data-button-root]).small{padding:var(--pad-2xs) var(--pad-md)}:is(button,.button,[data-button-root]).primary{--button-bg: var(--primary);--button-fg: var(--white);--button-bg-disabled: var(--primary-500);--button-fg-disabled: var(--white-500)}:is(button,.button,[data-button-root]).success{--button-bg: var(--success);--button-fg: var(--white);--button-bg-disabled: var(--success-500);--button-fg-disabled: var(--white-500)}:is(button,.button,[data-button-root]).warning{--button-bg: var(--warning);--button-fg: var(--black);--button-bg-disabled: var(--warning-500);--button-fg-disabled: var(--black-500)}:is(button,.button,[data-button-root]).error{--button-bg: var(--error);--button-fg: var(--white);--button-bg-disabled: var(--error-500);--button-fg-disabled: var(--white-500)}:is(button,.button,[data-button-root]).ghost{--button-bg: transparent;--button-fg: var(--fg);--button-bg-disabled: transparent;--button-fg-disabled: var(--fg-500);border:var(--gray) 1px solid}:is(button,.button,[data-button-root]).ghost:hover:not([disabled]){background:var(--fg-100)}:is(button,.button,[data-button-root]).ghost:active:not([disabled]){background:var(--fg-200)}:is(button,.button,[data-button-root]).text{--button-bg: transparent;--button-bg-disabled: transparent;--button-fg: var(--fg);--button-fg-disabled: var(--fg-500);border:none}:is(button,.button,[data-button-root])[disabled]{background:var(--button-bg-disabled);color:var(--button-fg-disabled);cursor:default}:is(button,.button,[data-button-root])[disabled]:active{translate:none}input,select,textarea{--input-bg: transparent;--input-fg: var(--fg);--input-fg-disabled: var(--fg-500);background:var(--input-bg);color:var(--input-fg);line-height:1.5;border:var(--fg-200) solid .5px;border-radius:var(--br-sm);text-decoration:none;padding-inline:var(--pad-xs) var(--pad-lg);width:100%}:is(input,select,textarea)[disabled]{color:var(--input-fg-disabled)}label{--fluid-level: -2;display:block;font-weight:700;color:var(--fg-700);padding:0 var(--pad-xs) var(--pad-xs) 0}}@layer utilities{.self-start{align-self:flex-start}.h-fit{height:fit-content}.h-full{height:100%}.w-full{width:100%}.grow{flex-grow:1}}@layer layout{.box{background-color:var(--gray-200);padding:var(--padding, 0);border:var(--gray-400) var(--border-width, 1px) solid;border-radius:var(--br-md);height:fit-content}.box.ghost{background:none}.box.invisible{border:none;background:transparent}.box.large{height:100%}.center{box-sizing:content-box;margin-inline:auto;max-inline-size:var(--max-width);padding-inline-start:var(--gutter-width);padding-inline-end:var(--gutter-width)}.center.intrinsic{display:flex;flex-direction:column;align-items:center}.center.text{text-align:center}.cluster{display:flex;flex-wrap:wrap;gap:var(--gap, 1rem);justify-content:var(--justify, flex-start);align-items:var(--align, center)}.stack{display:flex;flex-direction:column;justify-content:flex-start;flex-grow:1}.stack>*{margin-block:0}.stack:not(.recursive)>*+*{margin-block-start:var(--gap, 0)}.stack.recursive *+*{margin-block-start:var(--gap, 0)}.stack[data-split-after]>:only-child{block-size:100%}.stack[data-split-after="1"]>:nth-child(1){margin-block-end:auto}.stack[data-split-after="2"]>:nth-child(2){margin-block-end:auto}.stack[data-split-after="3"]>:nth-child(3){margin-block-end:auto}.sidebar{display:flex;flex-wrap:wrap;gap:var(--gap)}.sidebar.no-stretch{align-items:flex-start}.sidebar>:first-child{flex-grow:1}.sidebar>:last-child{flex-basis:0;flex-grow:999;min-inline-size:50%}.switcher{display:flex;flex-wrap:wrap;gap:var(--gap)}.switcher>*{flex-grow:1;flex-basis:calc((30rem - 100%)*999)}.split{display:flex;flex-direction:row;gap:var(--gap)}.split.column{flex-direction:column}.split :last-child{flex-grow:1}.cover{display:flex;flex-direction:column;min-block-size:var(--min-height);padding:var(--padding)}.cover>*{margin-block:var(--padding)}.cover>:first-child:not(main){margin-block-start:0}.cover>:last-child:not(main){margin-block-end:0}.cover>main{margin-block:auto}}@layer components{.combobox{display:flex;align-items:stretch}.combobox .relative{position:relative;display:flex;flex:1;min-width:0;align-items:stretch;justify-content:stretch}.combobox [data-combobox-trigger]{position:absolute;inset-inline-end:0rem;top:50%;transform:translateY(-50%);border:none;background:none;touch-action:none;cursor:pointer;padding:var(--pad-2xs);outline:red 1px}.combobox [data-combobox-input]{flex:1;min-width:0;background-color:var(--bg-600)}.button-combobox{display:flex;align-items:stretch}.button-combobox button:active{translate:0}.button-combobox .relative{position:relative;display:flex;flex:1;min-width:0;align-items:stretch;justify-content:stretch}.button-combobox [data-combobox-trigger]{position:absolute;inset-inline-end:0rem;top:50%;transform:translateY(-50%);border:none;background:none;touch-action:none;cursor:pointer;padding:var(--pad-2xs);outline:red 1px}.button-combobox [data-combobox-input]{flex:1;min-width:0;border-start-end-radius:0;border-end-end-radius:0;background-color:var(--bg-600)}.button-combobox [data-button-root]{border-start-start-radius:0;border-end-start-radius:0;margin:0;flex-shrink:0}[data-combobox-content]{background:var(--bg);border-radius:var(--br-sm);border:var(--gray) 1px solid;min-width:var(--bits-combobox-anchor-width);padding:8px}[data-combobox-content] [data-combobox-item]{width:100%;outline:hidden;display:flex;flex-direction:column;padding:var(--pad-xs);border-radius:var(--br-md);cursor:pointer}[data-combobox-content] [data-combobox-item]:hover{background-color:var(--fg-300)}[data-dialog-overlay]{transition:all .25s linear}[data-dialog-overlay][data-state=open]{position:fixed;inset:0;z-index:50;background-color:#000c}[data-dialog-overlay][data-state=closed]{position:fixed;inset:0;z-index:50;background-color:#000c}[data-dialog-content]{position:fixed;z-index:50;inset:50% 0 0 50%;translate:-50% -50%;width:fit-content;height:fit-content;background-color:var(--bg)}[data-dialog-title]{font-weight:700}.input-group{display:flex;align-items:stretch}.input-group>input{flex-grow:1;border-start-end-radius:0;border-end-end-radius:0}.input-group>button,.input-group>.button{border-start-start-radius:0;border-end-start-radius:0;margin:0;flex-shrink:0}.switch{--switch-bg: transparent;--switch-fg: var(--fg);--switch-bg-disabled: transparent;--switch-fg-disabled: var(--fg-500);--switch-height: 2rem;--switch-thumb-size: calc(var(--switch-height) * .8);--switch-width: 4rem;display:inline-flex;align-items:center;flex-direction:row;column-gap:var(--pad-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.switch>[data-switch-root]{border:var(--gray) 1px solid;border-radius:999px;background-color:var(--switch-bg);height:var(--switch-height);width:var(--switch-width);translate:none;position:relative}.switch>[data-switch-root]>[data-switch-thumb]{position:absolute;background-color:var(--switch-fg);height:var(--switch-thumb-size);width:var(--switch-thumb-size);border-radius:999px;transition:transform 80ms ease}.switch>[data-switch-root]>[data-switch-thumb][data-disabled]{background-color:var(--switch-fg-disabled)}.switch>[data-switch-root][data-state=checked]{background-color:var(--bg-300)}.switch>[data-switch-root][data-state=checked] [data-switch-thumb]{transform:translate(.9rem)}.switch>[data-switch-root][data-state=unchecked] [data-switch-thumb]{transform:translate(-.9rem)}.switch>[data-switch-root][data-disabled]{background-color:var(--switch-bg-disabled)}.switch>[data-label-root]{width:100%;padding:0}.progress{--progress-bg: var(transparent);--progress-fg: var(--fg);--speed: 2s}.progress>section{--fluid-level: -2;display:flex;justify-content:space-between;padding:0 var(--pad-xs)}.progress>[data-progress-root]{background-color:var(--progress-bg);border:var(--gray) 1px solid;border-radius:999px;box-shadow:inset 0 2px 4px #0003;width:100%;overflow:hidden;border-radius:var(--br-md);height:1rem;position:relative}.progress>[data-progress-root]>*{background-color:var(--progress-fg);border-radius:999px;height:1rem;width:50%;position:absolute;animation:moveRight var(--speed) linear infinite}@keyframes moveRight{0%{left:-50%}to{left:100%}}.search-input{display:flex;justify-content:stretch}.search-input>.relative{position:relative;display:flex;flex:1;min-width:0;align-items:stretch;justify-content:stretch}.search-input>.relative>input{flex:1}.search-input>.relative>.clear{position:absolute;inset-inline-end:0rem;top:50%;transform:translateY(-50%);padding:var(--pad-2xs)}.search-input>.relative>.spinner{position:absolute;inset-inline-end:0rem;padding:var(--pad-2xs)}}
