/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-space-y-reverse:0;--tw-font-weight:initial;--tw-tracking:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--s-base-xs:.5rem;--s-base-sm:.75rem;--s-base-md:1rem;--s-base-lg:1.25rem;--s-base-xl:1.5rem;--s-base-2xl:1.75rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--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:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root,:host,:where([class*=mode-]){--m-bg:oklch(var(--m-bg-l) var(--m-bg-c,.01) var(--m-bg-h,0));--m-surface-1:oklch(calc(var(--m-bg-l) - (var(--m-step) * var(--m-direction))) var(--m-bg-c,.01) var(--m-bg-h,0));--m-surface-2:oklch(calc(var(--m-bg-l) - (var(--m-step) * 2 * var(--m-direction))) var(--m-bg-c,.01) var(--m-bg-h,0));--m-surface-3:oklch(calc(var(--m-bg-l) - (var(--m-step) * 3 * var(--m-direction))) calc(2 * var(--m-bg-c,.01)) var(--m-bg-h,0));--m-text:oklch(var(--m-text-l) var(--m-text-c,.01) var(--m-text-h,0));--m-text-muted:var(--m-text)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-]){--m-text-muted:color-mix(in oklab, var(--m-text), transparent 40%)}}:root,:host,:where([class*=mode-]){--m-ring-opacity:calc(.6 - .2 * var(--m-direction))}:root,:host,:where([class*=size-],[class*=variant-]){--s-font-size-xs:calc(var(--s-base,1rem) * .75);--s-font-size-sm:calc(var(--s-base,1rem) * .875);--s-font-size:round(to-zero, var(--s-base,1rem), 1px);--s-font-size-lg:calc(var(--s-base,1rem) * 1.125);--s-font-size-xl:calc(var(--s-base,1rem) * 1.25);--s-font-size-2xl:calc(var(--s-base,1rem) * 1.5);--s-font-weight:500;--s-font-weight-semibold:600;--s-font-weight-bold:800;--s-line-height-tight:var(--v-lh-tight,1.25);--s-line-height:var(--v-lh,1.5);--s-line-height-relaxed:var(--v-lh-relaxed,1.75);--s-py:round(to-zero, calc(var(--v-py-offset,2px) + var(--s-base,1rem) * var(--v-py-mult,.25)), 1px);--s-px:round(to-zero, calc(var(--v-px-offset,4px) + var(--s-base,1rem) * var(--v-px-mult,.5)), 1px);--s-gap:round(to-zero, calc(var(--s-base,1rem) * var(--v-gap-mult,.5)), 1px);--s-radius:round(to-zero, calc(var(--s-base,1rem) * var(--v-radius-mult,.5)), 1px);--s-aspect:var(--v-aspect,auto);--s-separator-w:1px;--s-border-w:2px;--s-outline-w:3px}:root,:host,:where([class*=mode-],[class*=theme-]){--t-h:calc(var(--t-h-base) + var(--t-h-slope) * var(--m-direction));--t-c:calc(var(--t-c-base) + var(--t-c-slope) * var(--m-direction));--t-l:calc(var(--t-l-base) + var(--t-l-slope) * var(--m-direction));--t-main:oklch(var(--t-l) var(--t-c) var(--t-h));--t-on-main-l:calc(var(--t-on-main-l-base) + var(--t-on-main-l-slope) * var(--m-direction));--t-on-main:oklch(var(--t-on-main-l) .01 var(--t-h));--t-hover:var(--t-main)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-],[class*=theme-]){--t-hover:color-mix(in oklab, var(--t-main), var(--t-on-main) 12%)}}:root,:host,:where([class*=mode-],[class*=theme-]){--t-active:var(--t-main)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-],[class*=theme-]){--t-active:color-mix(in oklab, var(--t-main), var(--t-on-main) 24%)}}:root,:host,:where([class*=mode-],[class*=theme-]){--t-surface:var(--t-main)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-],[class*=theme-]){--t-surface:color-mix(in oklab, var(--t-main) 12%, var(--m-current-bg))}}:root,:host,:where([class*=mode-],[class*=theme-]){--t-surface-hover:var(--t-main)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-],[class*=theme-]){--t-surface-hover:color-mix(in oklab, var(--t-main) 20%, var(--m-current-bg))}}:root,:host,:where([class*=mode-],[class*=theme-]){--t-surface-active:var(--t-main)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-],[class*=theme-]){--t-surface-active:color-mix(in oklab, var(--t-main) 32%, var(--m-current-bg))}}:root,:host,:where([class*=mode-],[class*=theme-]){--t-transparent-hover:var(--t-main)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-],[class*=theme-]){--t-transparent-hover:color-mix(in oklab, var(--t-main) 10%, transparent)}}:root,:host,:where([class*=mode-],[class*=theme-]){--t-transparent-active:var(--t-main)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-],[class*=theme-]){--t-transparent-active:color-mix(in oklab, var(--t-main) 20%, transparent)}}:root,:host,:where([class*=mode-],[class*=theme-]){--t-on-surface:var(--t-main)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-],[class*=theme-]){--t-on-surface:color-mix(in oklab, var(--t-main), var(--m-text) 50%)}}:root,:host,:where([class*=mode-],[class*=theme-]){--t-on-transparent:var(--t-main)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-],[class*=theme-]){--t-on-transparent:color-mix(in oklab, var(--t-main), var(--m-text) 30%)}}:root,:host,:where([class*=mode-],[class*=theme-]){--t-soft-border:var(--t-main)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-],[class*=theme-]){--t-soft-border:color-mix(in oklab, var(--t-main) 45%, var(--m-current-bg))}}:root,:host,:where([class*=mode-],[class*=theme-]){--t-soft-separator:var(--t-main)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-],[class*=theme-]){--t-soft-separator:color-mix(in oklab, var(--t-main) 20%, var(--t-on-main) 10%)}}:root,:host,:where([class*=mode-],[class*=theme-]){--t-ring:var(--t-main)}@supports (color:color-mix(in lab,red,red)){:root,:host,:where([class*=mode-],[class*=theme-]){--t-ring:color-mix(in oklab, var(--t-main) 40%, transparent)}}:root,:host{--transition-timing:.1s cubic-bezier(.4, 0, .2, 1)}}@layer components;@layer utilities{@layer cssui.l1.l2{.card-bleed-full{inset:calc(var(--spacing) * 0);z-index:0;border-style:var(--tw-border-style);object-fit:cover;width:100%;height:100%;padding:calc(var(--spacing) * 0);border-width:0;grid-column:1;position:absolute}.list-row-action:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):after{inset:calc(var(--spacing) * 0);cursor:pointer;--tw-content:"";content:var(--tw-content);position:absolute}.list-separator-inset:after{inset-inline:var(--s-px)}.list-separator-none:after{inset-inline:100%}.card-bleed-end{border-style:var(--tw-border-style);object-fit:cover;height:100%;padding-block:calc(var(--spacing) * 0);border-width:0;grid-area:1/5/9999}.card-bleed-start{border-style:var(--tw-border-style);object-fit:cover;height:100%;padding-block:calc(var(--spacing) * 0);border-width:0;grid-area:1/1/9999}.card-bleed{border-style:var(--tw-border-style);object-fit:cover;width:100%;padding-block:calc(var(--spacing) * 0);border-width:0;grid-column:2/5}.surface{--m-current-bg:var(--m-bg);background-color:var(--m-current-bg);color:var(--m-text)}.surface-lv-1{--m-current-bg:var(--m-surface-1);background-color:var(--m-current-bg);color:var(--m-text)}.surface-lv-2{--m-current-bg:var(--m-surface-2);background-color:var(--m-current-bg);color:var(--m-text)}.surface-lv-3{--m-current-bg:var(--m-surface-3);background-color:var(--m-current-bg);color:var(--m-text)}.surface-themed{--m-current-bg:var(--m-bg);background-color:var(--v-bg);color:var(--v-fg)}}@layer cssui.l1.l2.l3{.list-row{appearance:none;--c-bg:var(--v-bg,transparent);--c-fg:var(--v-fg,inherit);--list-grid-cols:minmax(0, auto) 1fr;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);align-items:center;gap:var(--s-gap);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight);line-height:var(--s-line-height-relaxed);padding:var(--s-py) var(--s-px);background-color:var(--c-bg);color:var(--c-fg);display:grid;position:relative}.list-row:has(+[class~=list-row]):after{bottom:calc(var(--spacing) * 0);z-index:1;text-align:center;--tw-leading:calc(var(--spacing) * 0);line-height:calc(var(--spacing) * 0);--tw-content:"";content:var(--tw-content);border-bottom:var(--s-separator-w) solid var(--v-separator,var(--t-soft-border));position:absolute;inset-inline:0}.list-row:has(.list-col-grow:first-child){--list-grid-cols:1fr}.list-row:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0, auto) 1fr}.list-row:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0, auto) minmax(0, auto) 1fr}.list-row:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr}.list-row:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr}.list-row:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr}.card{appearance:none;grid-template-columns:fit-content(50%) var(--s-px) 1fr var(--s-px) fit-content(50%);--c-bg:var(--v-bg,transparent);--c-fg:var(--v-fg,inherit);--c-border:var(--v-border,transparent);--c-shadow:var(--v-shadow,none);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight);line-height:var(--s-line-height-relaxed);border-radius:var(--s-radius);border:var(--s-border-w) solid var(--c-border);background-color:var(--c-bg);color:var(--c-fg);aspect-ratio:var(--s-aspect);box-shadow:var(--c-shadow);align-content:flex-start;display:grid;position:relative;overflow:hidden}.card>*{z-index:1;padding-block:calc(var(--s-py) * .5);grid-column:3}.card>:first-child{padding-top:var(--s-py)}.card>:last-child{padding-bottom:var(--s-py)}.btn{height:auto;width:calc(var(--spacing) * 0);cursor:pointer;appearance:none;text-wrap:nowrap;-webkit-user-select:none;user-select:none;--c-bg:var(--v-bg,transparent);--c-fg:var(--v-fg,inherit);--c-border:var(--v-border,transparent);--c-shadow:var(--v-shadow,none);--c-bg-hover:var(--v-bg-hover,var(--m-text));flex-shrink:0;justify-content:center;align-items:center;min-width:fit-content;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.btn{--c-bg-hover:var(--v-bg-hover,color-mix(in oklab, var(--m-text) 8%, var(--c-bg)))}}.btn{--c-bg-active:var(--v-bg-active,var(--m-text))}@supports (color:color-mix(in lab,red,red)){.btn{--c-bg-active:var(--v-bg-active,color-mix(in oklab, var(--m-text) 16%, var(--c-bg)))}}.btn{gap:var(--s-gap);font-family:inherit;font-size:var(--s-font-size);font-weight:var(--s-font-weight);line-height:var(--s-line-height);min-height:calc(var(--s-font-size) * var(--s-line-height) + 2 * var(--s-py) + 2 * var(--s-border-w));padding:var(--s-py) var(--s-px);border-radius:var(--s-radius);border:var(--s-border-w) solid var(--c-border);background-color:var(--c-bg);color:var(--c-fg);aspect-ratio:var(--s-aspect);box-shadow:var(--c-shadow)}.btn[aria-label]:empty:after{--tw-content:attr(aria-label);content:var(--tw-content)}.list-col-wrap{grid-area:2/1/auto/-1}.card-title{margin:calc(var(--spacing) * 0);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-tight);padding-top:var(--s-py)}.list-title{margin:calc(var(--spacing) * 0);font-size:var(--s-font-size-md);font-weight:var(--s-font-weight-bold)}.list-subtitle{margin:calc(var(--spacing) * 0);opacity:.8;font-size:var(--s-font-size-xs)}.list{appearance:none;border-radius:var(--s-radius);border:var(--s-border-w) solid var(--v-border,transparent);box-shadow:var(--v-shadow);flex-direction:column;display:flex;overflow:hidden}.card-actions{gap:calc(var(--s-gap) * 2);padding-block:var(--s-py);flex-wrap:wrap;display:flex}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-s-0{inset-inline-start:calc(var(--spacing) * 0)}.start-1{inset-inline-start:calc(var(--spacing) * 1)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}@layer cssui.l1{.btn{outline-offset:var(--s-outline-offset,2px);outline:0 solid #0000}@media(prefers-reduced-motion:no-preference){.btn{transition:var(--transition,all var(--transition-timing))}}@media(hover:hover)and (pointer:fine){.btn:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(:hover){z-index:1;background-color:var(--c-bg-hover);color:var(--c-fg);box-shadow:var(--v-shadow-hover,var(--c-shadow));transform:var(--transform-hover)}}.btn:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(.state-hover){background-color:var(--c-bg-hover);color:var(--c-fg);box-shadow:var(--v-shadow-hover,var(--c-shadow));transform:var(--transform-hover)}.btn:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(:active,:checked,:target,[aria-current=page],[aria-pressed]:not([aria-pressed=false]),[aria-selected]:not([aria-selected=false]),.state-active,:has(:checked)){background-color:var(--c-bg-active);color:var(--c-fg);box-shadow:var(--v-shadow-active,var(--c-shadow))}.btn:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(:active){z-index:1;transform:var(--transform-active,translateY(1px))}.btn:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(:focus-visible,.state-focus,:has(:focus-visible)){outline:var(--s-outline-w) solid var(--t-ring)}.btn:where(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled){cursor:not-allowed;filter:grayscale(.4)contrast(.8)opacity(.6)}.list-row-interactive{cursor:pointer;--c-bg-hover:var(--v-bg-hover,var(--m-text))}@supports (color:color-mix(in lab,red,red)){.list-row-interactive{--c-bg-hover:var(--v-bg-hover,color-mix(in oklab, var(--m-text) 6%, var(--c-bg)))}}.list-row-interactive{--c-bg-active:var(--v-bg-active,var(--m-text))}@supports (color:color-mix(in lab,red,red)){.list-row-interactive{--c-bg-active:var(--v-bg-active,color-mix(in oklab, var(--m-text) 12%, var(--c-bg)))}}.list-row-interactive{outline-offset:var(--s-outline-offset,-2px);outline:0 solid #0000}@media(prefers-reduced-motion:no-preference){.list-row-interactive{transition:var(--transition,all var(--transition-timing))}}@media(hover:hover)and (pointer:fine){.list-row-interactive:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(:hover){z-index:1;background-color:var(--c-bg-hover);color:var(--c-fg);box-shadow:var(--v-shadow-hover,none);transform:var(--transform-hover)}}.list-row-interactive:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(.state-hover){background-color:var(--c-bg-hover);color:var(--c-fg);box-shadow:var(--v-shadow-hover,none);transform:var(--transform-hover)}.list-row-interactive:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(:active:not(:has(.list-row-action)),:has(.list-row-action:active),:target,[aria-current=page],[aria-pressed]:not([aria-pressed=false]),[aria-selected]:not([aria-selected=false]),.state-active,:has(.list-row-selector:checked)){background-color:var(--c-bg-active);color:var(--c-fg);box-shadow:var(--v-shadow-active,none)}.list-row-interactive:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(:active:not(:has(.list-row-action)),:has(.list-row-action:active)){z-index:1;transform:var(--transform-active)}.list-row-interactive:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(:focus-visible,.state-focus,:has(.list-row-selector:focus-visible)){z-index:1;outline:var(--s-outline-w) solid var(--t-ring)}.list-row-interactive:where(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled){cursor:not-allowed;filter:grayscale(.4)contrast(.8)opacity(.6)}.card-interactive{cursor:pointer;--c-bg-hover:var(--v-bg-hover,var(--m-text))}@supports (color:color-mix(in lab,red,red)){.card-interactive{--c-bg-hover:var(--v-bg-hover,color-mix(in oklab, var(--m-text) 4%, var(--c-bg)))}}.card-interactive{--c-bg-active:var(--v-bg-active,var(--m-text))}@supports (color:color-mix(in lab,red,red)){.card-interactive{--c-bg-active:var(--v-bg-active,color-mix(in oklab, var(--m-text) 8%, var(--c-bg)))}}.card-interactive{outline-offset:var(--s-outline-offset,4px);outline:0 solid #0000}@media(prefers-reduced-motion:no-preference){.card-interactive{transition:var(--transition,all var(--transition-timing))}}@media(hover:hover)and (pointer:fine){.card-interactive:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(:hover){z-index:1;background-color:var(--c-bg-hover);color:var(--c-fg);box-shadow:var(--v-shadow-hover,var(--c-shadow));transform:var(--transform-hover)}}.card-interactive:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(.state-hover){background-color:var(--c-bg-hover);color:var(--c-fg);box-shadow:var(--v-shadow-hover,var(--c-shadow));transform:var(--transform-hover)}.card-interactive:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(:active:not(:has(.card-action)),:has(.card-action:active),:target,[aria-current=page],[aria-pressed]:not([aria-pressed=false]),[aria-selected]:not([aria-selected=false]),.state-active,:has(.card-selector:checked)){background-color:var(--c-bg-active);color:var(--c-fg);box-shadow:var(--v-shadow-active,var(--c-shadow))}.card-interactive:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(:active:not(:has(.card-action)),:has(.card-action:active)){z-index:1;transform:var(--transform-active,translateY(1px))}.card-interactive:where(:not(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled)):where(:focus-visible,.state-focus,:has(.card-selector:focus-visible)){outline:var(--s-outline-w) solid var(--t-ring)}.card-interactive:where(:disabled,[disabled]:not([disabled=false]),[aria-disabled]:not([aria-disabled=false]),.state-disabled){cursor:not-allowed;filter:grayscale(.4)contrast(.8)opacity(.6)}}.z-1{z-index:1}.z-5{z-index:5}.z-10{z-index:10}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-4{margin-inline-start:calc(var(--spacing) * 4)}.ms-auto{margin-inline-start:auto}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.h-screen{height:100vh}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-80{width:calc(var(--spacing) * 80)}.w-full{width:100%}.max-w-50{max-width:calc(var(--spacing) * 50)}.max-w-80{max-width:calc(var(--spacing) * 80)}.max-w-100{max-width:calc(var(--spacing) * 100)}.max-w-120{max-width:calc(var(--spacing) * 120)}.max-w-\[1920px\]{max-width:1920px}.min-w-60{min-width:calc(var(--spacing) * 60)}.min-w-70{min-width:calc(var(--spacing) * 70)}.min-w-80{min-width:calc(var(--spacing) * 80)}.flex-1{flex:1}.flex-1\/3{flex:33.3333%}.shrink-0{flex-shrink:0}.grow-1{flex-grow:1}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-visible{overflow:visible}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-surface-2{background-color:var(--m-surface-2)}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-end{text-align:end}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-theme{color:var(--t-main)}.uppercase{text-transform:uppercase}.mode-auto{color-scheme:light;--m-direction:1;--m-bg-l:98%;--m-text-l:12%;--m-step:3%;--m-shadow-color:var(--m-text)}@supports (color:color-mix(in lab,red,red)){.mode-auto{--m-shadow-color:color-mix(in oklab, var(--m-text), transparent 80%)}}.mode-auto{color-scheme:light dark}@media(prefers-color-scheme:dark){.mode-auto{color-scheme:dark;--m-direction:-1;--m-bg-l:12%;--m-text-l:96%;--m-step:5%;--m-shadow-color:oklch(0% 0 0/.6)}}.mode-dark{color-scheme:dark;--m-direction:-1;--m-bg-l:12%;--m-text-l:96%;--m-step:5%;--m-shadow-color:oklch(0% 0 0/.6)}.mode-light{color-scheme:light;--m-direction:1;--m-bg-l:98%;--m-text-l:12%;--m-step:3%;--m-shadow-color:var(--m-text)}@supports (color:color-mix(in lab,red,red)){.mode-light{--m-shadow-color:color-mix(in oklab, var(--m-text), transparent 80%)}}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.theme-accent{--t-h-base:45;--t-h-slope:0;--t-c-base:.18;--t-c-slope:0;--t-l-base:60%;--t-l-slope:0%;--t-on-main-l-base:99%;--t-on-main-l-slope:0%}.theme-error{--t-h-base:25;--t-h-slope:0;--t-c-base:.18;--t-c-slope:0;--t-l-base:52%;--t-l-slope:0%;--t-on-main-l-base:99%;--t-on-main-l-slope:0%}.theme-info{--t-h-base:235;--t-h-slope:0;--t-c-base:.12;--t-c-slope:0;--t-l-base:57%;--t-l-slope:0%;--t-on-main-l-base:99%;--t-on-main-l-slope:0%}.theme-neutral{--t-h-base:0;--t-h-slope:0;--t-c-base:0;--t-c-slope:0;--t-l-base:54%;--t-l-slope:-38%;--t-on-main-l-base:54.5%;--t-on-main-l-slope:44.5%}.theme-primary{--t-h-base:250;--t-h-slope:0;--t-c-base:.16;--t-c-slope:0;--t-l-base:45%;--t-l-slope:0%;--t-on-main-l-base:99%;--t-on-main-l-slope:0%}.theme-secondary{--t-h-base:290;--t-h-slope:0;--t-c-base:.24;--t-c-slope:0;--t-l-base:55%;--t-l-slope:0%;--t-on-main-l-base:99%;--t-on-main-l-slope:0%}.theme-success{--t-h-base:145;--t-h-slope:0;--t-c-base:.17;--t-c-slope:0;--t-l-base:55%;--t-l-slope:0%;--t-on-main-l-base:99%;--t-on-main-l-slope:0%}.theme-warning{--t-h-base:75;--t-h-slope:0;--t-c-base:.17;--t-c-slope:0;--t-l-base:84%;--t-l-slope:0%;--t-on-main-l-base:10%;--t-on-main-l-slope:0%}.variant-density-default{--v-py-mult:.25;--v-py-offset:2px;--v-px-mult:.5;--v-px-offset:4px;--v-gap-mult:.5;--v-lh-tight:1.25;--v-lh:1.5;--v-lh-relaxed:1.75}.variant-density-dense{--v-py-mult:.125;--v-py-offset:1px;--v-px-mult:.25;--v-px-offset:2px;--v-gap-mult:.4;--v-lh-tight:calc(1.5 - 6px / var(--s-base));--v-lh:calc(1.75 - 6px / var(--s-base));--v-lh-relaxed:calc(2 - 6px / var(--s-base))}.variant-density-lax{--v-py-mult:.375;--v-py-offset:3px;--v-px-mult:.75;--v-px-offset:6px;--v-gap-mult:.625;--v-lh-tight:calc(1 + 6px / var(--s-base));--v-lh:calc(1.25 + 6px / var(--s-base));--v-lh-relaxed:calc(1.5 + 6px / var(--s-base))}@scope(.variant-depth-0){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--depth: 1 ;--depth-hover: 2 ;--depth-active: -2 ;--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}}@scope(.variant-depth-1){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--depth: 2 ;--depth-hover: 3 ;--depth-active: 0 ;--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}}@scope(.variant-depth-2){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--depth: 3 ;--depth-hover: 4 ;--depth-active: 2 ;--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}}@scope(.variant-depth-3){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--depth: 4 ;--depth-hover: 5 ;--depth-active: 4 ;--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}}@scope(.variant-depth-4){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--depth: 5 ;--depth-hover: 6 ;--depth-active: 6 ;--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}}@scope(.variant-depth-5){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--depth: 6 ;--depth-hover: 7 ;--depth-active: 8 ;--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}}@scope(.variant-style-filled){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-bg:var(--t-main);--v-bg-hover:var(--t-hover);--v-bg-active:var(--t-active);--v-fg:var(--t-on-main);--v-border:transparent;--v-separator:var(--t-soft-separator)}}@scope(.variant-style-ghost){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-bg:transparent;--v-bg-hover:var(--t-transparent-hover);--v-bg-active:var(--t-transparent-active);--v-fg:var(--t-on-transparent);--v-border:transparent;--v-separator:transparent}}@scope(.variant-style-outlined){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-bg:transparent;--v-bg-hover:var(--t-transparent-hover);--v-bg-active:var(--t-transparent-active);--v-fg:var(--t-on-transparent);--v-border:var(--t-soft-border);--v-separator:var(--t-soft-separator)}}@scope(.variant-style-soft){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-bg:var(--t-surface);--v-bg-hover:var(--t-surface-hover);--v-bg-active:var(--t-surface-active);--v-fg:var(--t-on-surface);--v-border:var(--t-soft-border);--v-separator:var(--t-soft-separator)}}@scope(.variant-depth-0){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:none;--v-shadow-hover:none;--v-shadow-active:none}}.variant-aspect-default{--v-aspect:auto;--v-px-mult:.5}.variant-aspect-square{--v-aspect:1/1;--v-px-mult:var(--v-py-mult,.5)}.size{--s-base:1rem}.size-2xl{--s-base:var(--s-base-2xl)}.size-lg{--s-base:var(--s-base-lg)}.size-md{--s-base:var(--s-base-md)}.size-sm{--s-base:var(--s-base-sm)}.size-xl{--s-base:var(--s-base-xl)}.size-xs{--s-base:var(--s-base-xs)}.variant-shape-default{--v-radius-mult:.5}.variant-shape-pill{--v-radius-mult:9999}.variant-shape-sharp{--v-radius-mult:0}.group-has-\[\[value\=\'size-2xl\'\]\:checked\]\:size-2xl:is(:where(.group):has([value=size-2xl]:checked) *){--s-base:var(--s-base-2xl)}.group-has-\[\[value\=\'size-lg\'\]\:checked\]\:size-lg:is(:where(.group):has([value=size-lg]:checked) *){--s-base:var(--s-base-lg)}.group-has-\[\[value\=\'size-md\'\]\:checked\]\:size-md:is(:where(.group):has([value=size-md]:checked) *){--s-base:var(--s-base-md)}.group-has-\[\[value\=\'size-sm\'\]\:checked\]\:size-sm:is(:where(.group):has([value=size-sm]:checked) *){--s-base:var(--s-base-sm)}.group-has-\[\[value\=\'size-xl\'\]\:checked\]\:size-xl:is(:where(.group):has([value=size-xl]:checked) *){--s-base:var(--s-base-xl)}.group-has-\[\[value\=\'size-xs\'\]\:checked\]\:size-xs:is(:where(.group):has([value=size-xs]:checked) *){--s-base:var(--s-base-xs)}.group-has-\[\[value\=\'theme-accent\'\]\:checked\]\:theme-accent:is(:where(.group):has([value=theme-accent]:checked) *){--t-h-base:45;--t-h-slope:0;--t-c-base:.18;--t-c-slope:0;--t-l-base:60%;--t-l-slope:0%;--t-on-main-l-base:99%;--t-on-main-l-slope:0%}.group-has-\[\[value\=\'theme-error\'\]\:checked\]\:theme-error:is(:where(.group):has([value=theme-error]:checked) *){--t-h-base:25;--t-h-slope:0;--t-c-base:.18;--t-c-slope:0;--t-l-base:52%;--t-l-slope:0%;--t-on-main-l-base:99%;--t-on-main-l-slope:0%}.group-has-\[\[value\=\'theme-info\'\]\:checked\]\:theme-info:is(:where(.group):has([value=theme-info]:checked) *){--t-h-base:235;--t-h-slope:0;--t-c-base:.12;--t-c-slope:0;--t-l-base:57%;--t-l-slope:0%;--t-on-main-l-base:99%;--t-on-main-l-slope:0%}.group-has-\[\[value\=\'theme-neutral\'\]\:checked\]\:theme-neutral:is(:where(.group):has([value=theme-neutral]:checked) *){--t-h-base:0;--t-h-slope:0;--t-c-base:0;--t-c-slope:0;--t-l-base:54%;--t-l-slope:-38%;--t-on-main-l-base:54.5%;--t-on-main-l-slope:44.5%}.group-has-\[\[value\=\'theme-primary\'\]\:checked\]\:theme-primary:is(:where(.group):has([value=theme-primary]:checked) *){--t-h-base:250;--t-h-slope:0;--t-c-base:.16;--t-c-slope:0;--t-l-base:45%;--t-l-slope:0%;--t-on-main-l-base:99%;--t-on-main-l-slope:0%}.group-has-\[\[value\=\'theme-secondary\'\]\:checked\]\:theme-secondary:is(:where(.group):has([value=theme-secondary]:checked) *){--t-h-base:290;--t-h-slope:0;--t-c-base:.24;--t-c-slope:0;--t-l-base:55%;--t-l-slope:0%;--t-on-main-l-base:99%;--t-on-main-l-slope:0%}.group-has-\[\[value\=\'theme-success\'\]\:checked\]\:theme-success:is(:where(.group):has([value=theme-success]:checked) *){--t-h-base:145;--t-h-slope:0;--t-c-base:.17;--t-c-slope:0;--t-l-base:55%;--t-l-slope:0%;--t-on-main-l-base:99%;--t-on-main-l-slope:0%}.group-has-\[\[value\=\'theme-warning\'\]\:checked\]\:theme-warning:is(:where(.group):has([value=theme-warning]:checked) *){--t-h-base:75;--t-h-slope:0;--t-c-base:.17;--t-c-slope:0;--t-l-base:84%;--t-l-slope:0%;--t-on-main-l-base:10%;--t-on-main-l-slope:0%}.group-has-\[\[value\=\'variant-aspect-default\'\]\:checked\]\:variant-aspect-default:is(:where(.group):has([value=variant-aspect-default]:checked) *){--v-aspect:auto;--v-px-mult:.5}.group-has-\[\[value\=\'variant-aspect-square\'\]\:checked\]\:variant-aspect-square:is(:where(.group):has([value=variant-aspect-square]:checked) *){--v-aspect:1/1;--v-px-mult:var(--v-py-mult,.5)}.group-has-\[\[value\=\'variant-density-default\'\]\:checked\]\:variant-density-default:is(:where(.group):has([value=variant-density-default]:checked) *){--v-py-mult:.25;--v-py-offset:2px;--v-px-mult:.5;--v-px-offset:4px;--v-gap-mult:.5;--v-lh-tight:1.25;--v-lh:1.5;--v-lh-relaxed:1.75}.group-has-\[\[value\=\'variant-density-dense\'\]\:checked\]\:variant-density-dense:is(:where(.group):has([value=variant-density-dense]:checked) *){--v-py-mult:.125;--v-py-offset:1px;--v-px-mult:.25;--v-px-offset:2px;--v-gap-mult:.4;--v-lh-tight:calc(1.5 - 6px / var(--s-base));--v-lh:calc(1.75 - 6px / var(--s-base));--v-lh-relaxed:calc(2 - 6px / var(--s-base))}.group-has-\[\[value\=\'variant-density-lax\'\]\:checked\]\:variant-density-lax:is(:where(.group):has([value=variant-density-lax]:checked) *){--v-py-mult:.375;--v-py-offset:3px;--v-px-mult:.75;--v-px-offset:6px;--v-gap-mult:.625;--v-lh-tight:calc(1 + 6px / var(--s-base));--v-lh:calc(1.25 + 6px / var(--s-base));--v-lh-relaxed:calc(1.5 + 6px / var(--s-base))}@scope(.group-has-\[\[value\=\'variant-depth-0\'\]\:checked\]\:variant-depth-0:is(:where(.group):has([value=variant-depth-0]:checked) *)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--depth: 1 ;--depth-hover: 2 ;--depth-active: -2 ;--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}}@scope(.group-has-\[\[value\=\'variant-depth-0\'\]\:checked\]\:variant-depth-0:is(:where(.group):has([value=variant-depth-0]:checked) *)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:none;--v-shadow-hover:none;--v-shadow-active:none}}@scope(.group-has-\[\[value\=\'variant-depth-1\'\]\:checked\]\:variant-depth-1:is(:where(.group):has([value=variant-depth-1]:checked) *)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--depth: 2 ;--depth-hover: 3 ;--depth-active: 0 ;--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}}@scope(.group-has-\[\[value\=\'variant-depth-2\'\]\:checked\]\:variant-depth-2:is(:where(.group):has([value=variant-depth-2]:checked) *)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--depth: 3 ;--depth-hover: 4 ;--depth-active: 2 ;--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}}@scope(.group-has-\[\[value\=\'variant-depth-3\'\]\:checked\]\:variant-depth-3:is(:where(.group):has([value=variant-depth-3]:checked) *)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--depth: 4 ;--depth-hover: 5 ;--depth-active: 4 ;--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}}@scope(.group-has-\[\[value\=\'variant-depth-4\'\]\:checked\]\:variant-depth-4:is(:where(.group):has([value=variant-depth-4]:checked) *)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--depth: 5 ;--depth-hover: 6 ;--depth-active: 6 ;--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}}@scope(.group-has-\[\[value\=\'variant-depth-5\'\]\:checked\]\:variant-depth-5:is(:where(.group):has([value=variant-depth-5]:checked) *)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--depth: 6 ;--depth-hover: 7 ;--depth-active: 8 ;--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow:0 calc(1px * var(--depth)) calc(2px * var(--depth)) calc(-1px * var(--depth)) var(--m-shadow-color), 0 calc(2px * var(--depth)) calc(6px * var(--depth)) calc(-1px * var(--depth)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-hover:0 calc(1px * var(--depth-hover)) calc(2px * var(--depth-hover)) calc(-1px * var(--depth-hover)) var(--m-shadow-color), 0 calc(2px * var(--depth-hover)) calc(6px * var(--depth-hover)) calc(-1px * var(--depth-hover)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color)}@supports (color:color-mix(in lab,red,red)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-shadow-active:0 calc(1px * var(--depth-active)) calc(2px * var(--depth-active)) calc(-1px * var(--depth-active)) var(--m-shadow-color), 0 calc(2px * var(--depth-active)) calc(6px * var(--depth-active)) calc(-1px * var(--depth-active)) color-mix(in oklab, var(--m-shadow-color), transparent 50%)}}}.group-has-\[\[value\=\'variant-shape-default\'\]\:checked\]\:variant-shape-default:is(:where(.group):has([value=variant-shape-default]:checked) *){--v-radius-mult:.5}.group-has-\[\[value\=\'variant-shape-pill\'\]\:checked\]\:variant-shape-pill:is(:where(.group):has([value=variant-shape-pill]:checked) *){--v-radius-mult:9999}.group-has-\[\[value\=\'variant-shape-sharp\'\]\:checked\]\:variant-shape-sharp:is(:where(.group):has([value=variant-shape-sharp]:checked) *){--v-radius-mult:0}@scope(.group-has-\[\[value\=\'variant-style-filled\'\]\:checked\]\:variant-style-filled:is(:where(.group):has([value=variant-style-filled]:checked) *)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-bg:var(--t-main);--v-bg-hover:var(--t-hover);--v-bg-active:var(--t-active);--v-fg:var(--t-on-main);--v-border:transparent;--v-separator:var(--t-soft-separator)}}@scope(.group-has-\[\[value\=\'variant-style-ghost\'\]\:checked\]\:variant-style-ghost:is(:where(.group):has([value=variant-style-ghost]:checked) *)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-bg:transparent;--v-bg-hover:var(--t-transparent-hover);--v-bg-active:var(--t-transparent-active);--v-fg:var(--t-on-transparent);--v-border:transparent;--v-separator:transparent}}@scope(.group-has-\[\[value\=\'variant-style-outlined\'\]\:checked\]\:variant-style-outlined:is(:where(.group):has([value=variant-style-outlined]:checked) *)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-bg:transparent;--v-bg-hover:var(--t-transparent-hover);--v-bg-active:var(--t-transparent-active);--v-fg:var(--t-on-transparent);--v-border:var(--t-soft-border);--v-separator:var(--t-soft-separator)}}@scope(.group-has-\[\[value\=\'variant-style-soft\'\]\:checked\]\:variant-style-soft:is(:where(.group):has([value=variant-style-soft]:checked) *)){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-bg:var(--t-surface);--v-bg-hover:var(--t-surface-hover);--v-bg-active:var(--t-surface-active);--v-fg:var(--t-on-surface);--v-border:var(--t-soft-border);--v-separator:var(--t-soft-separator)}}.after\:content-\[\'🙜_🙜_🙜\'\]:after{--tw-content:"🙜 🙜 🙜";content:var(--tw-content)}@scope(.checked\:variant-style-filled:checked){:scope,:scope :where([class*=mode-],[class*=theme-],[class*=variant-]){--v-bg:var(--t-main);--v-bg-hover:var(--t-hover);--v-bg-active:var(--t-active);--v-fg:var(--t-on-main);--v-border:transparent;--v-separator:var(--t-soft-separator)}}@media not all and (min-width:64rem){.max-lg\:w-full{width:100%}.max-lg\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.max-lg\:flex-col{flex-direction:column}.max-lg\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.max-lg\:group-peer-checked\:block:is(:where(.group):is(:where(.peer):checked~*) *){display:block}.max-lg\:group-peer-checked\:translate-x-0:is(:where(.group):is(:where(.peer):checked~*) *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.lg\:hidden{display:none}.lg\:w-80{width:calc(var(--spacing) * 80)}}@media(min-width:80rem){.xl\:w-1\/3{width:33.3333%}.xl\:w-2\/3{width:66.6667%}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}}}:root{font-family:Inter,system-ui,sans-serif}h1,h2,h3,h4{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);margin-inline-start:calc(var(--spacing) * 4.5);position:relative}:is(h1,h2,h3,h4):before{width:calc(var(--spacing) * 1.5);--tw-content:"";content:var(--tw-content);background-color:var(--t-main);inset-block:calc(var(--spacing) * 1);border-radius:3.40282e38px;margin-inline-end:calc(var(--spacing) * 3);position:absolute;inset-inline-end:100%}h1{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}h3{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}h4{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}dt{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}dd{margin-inline-start:calc(var(--spacing) * 4)}.inspect-class{inset-inline-end:calc(var(--spacing) * 1);top:calc(var(--spacing) * 1);z-index:1;border-radius:var(--radius-sm);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * .5);text-align:end;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--m-text-muted);background-color:var(--m-surface-3);position:absolute}.inspect-class:hover{color:var(--m-text)}.separator-vertical{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * .5);border-style:var(--tw-border-style);background-color:var(--m-surface-3);border-width:0}.form-input{border-bottom-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-outline-style:none;background-color:#0000;border-bottom-width:1px;outline-style:none}.form-label{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.form-help{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));opacity:.7}.form-range{height:calc(var(--spacing) * 6);cursor:pointer;appearance:none;background-color:#0000;background-image:var(--range-gradient);background-position:50%;background-repeat:no-repeat;background-size:100% .5rem;border-radius:999px;width:100%}.form-range::-webkit-slider-runnable-track{height:calc(var(--spacing) * 2);background-color:#0000;border-radius:3.40282e38px;width:100%}.form-range::-webkit-slider-thumb{margin-top:calc(var(--spacing) * -1);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);appearance:none;border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;border-radius:3.40282e38px}.form-range::-moz-range-track{height:calc(var(--spacing) * 2);background-color:#0000;border-radius:3.40282e38px;width:100%}.form-range::-moz-range-thumb{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);appearance:none;border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;border-radius:3.40282e38px}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}