diff --git a/docs/src/assets/styles-rhea.css b/docs/src/assets/styles-rhea.css
index fed4af3..e7ff055 100644
--- a/docs/src/assets/styles-rhea.css
+++ b/docs/src/assets/styles-rhea.css
@@ -1,2 +1,8861 @@
/*! tailwindcss v4.1.4 | 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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:"";--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/geist/geist-sans-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/geist/geist-sans-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/geist/geist-sans-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/geist/geist-sans-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/geist/geist-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/geist/geist-mono-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/geist/geist-mono-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/geist/geist-mono-latin-700-normal.woff2)format("woff2")}@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-red-500:oklch(63.7% .237 25.331);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-500:oklch(62.7% .265 303.9);--color-neutral-300:oklch(87% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--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-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-xs:4px;--blur-sm:8px;--aspect-video:16/9;--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);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring)}}@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;-webkit-text-decoration: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}:-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}*{border-color:var(--color-border);outline-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}html{scroll-behavior:smooth}body{overscroll-behavior:none;background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}.scrollbar::-webkit-scrollbar{width:var(--scrollbar-width)}.scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius)}}@layer components{.alert,.alert-destructive{width:100%;position:relative}.alert>:is(h2,h3,h4,h5,h6,strong,[data-title]),.alert-destructive>:is(h2,h3,h4,h5,h6,strong,[data-title]){min-height:calc(var(--spacing)*4)}.alert>section,.alert-destructive>section{justify-items:start;gap:calc(var(--spacing)*1);display:grid}:is(.alert>section,.alert-destructive>section) ul{list-style-type:disc;list-style-position:inside}.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;width:fit-content;display:inline-flex;overflow:hidden}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link)[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link)>svg{pointer-events:none}.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive{white-space:nowrap;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):disabled{pointer-events:none;opacity:.5}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive) svg{pointer-events:none;flex-shrink:0}.button-group{isolation:isolate;align-items:stretch;width:fit-content;display:inline-flex}.button-group>.input{flex:1}.button-group>:focus-visible,.button-group>:is(.dropdown-menu,.popover,.select)>button:focus-visible{z-index:10;position:relative}.button-group>:is(hr[role=separator],.button-group-separator){margin-inline:calc(var(--spacing)*0);border-style:var(--tw-border-style);border-width:0;flex-shrink:0;align-self:stretch;width:1px;height:auto;margin-block:1px;position:relative}.button-group:not([data-orientation=vertical])>:not(:first-child),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:first-child)>button{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}.button-group:not([data-orientation=vertical])>:not(:last-child),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:last-child)>button{border-start-end-radius:0;border-end-end-radius:0}.button-group[data-orientation=vertical]{flex-direction:column}.button-group[data-orientation=vertical]>:is(hr[role=separator],.button-group-separator){margin-inline:1px;margin-block:calc(var(--spacing)*0);width:auto;height:1px}.button-group[data-orientation=vertical]>:not(:first-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:first-child)>button{border-top-style:var(--tw-border-style);border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.button-group[data-orientation=vertical]>:not(:last-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:last-child)>button{border-bottom-right-radius:0;border-bottom-left-radius:0}.button-group-text{align-items:center;display:flex}.button-group-text svg{pointer-events:none}.button-group-separator{flex-shrink:0;align-self:stretch;position:relative}.card{flex-direction:column;display:flex}.card>header{grid-auto-rows:min-content;align-items:flex-start;display:grid;container:card-header/inline-size}.card>header:has(>[data-slot=card-action],>.card-action){grid-template-columns:1fr auto}.card>header:has(>p){grid-template-rows:auto auto}.card>header>:is(h2,h3,[data-title],.card-title){--tw-leading:1;line-height:1}.card>header>:is([data-slot=card-action],.card-action){grid-row:1/span 2;grid-column-start:2;place-self:flex-start flex-end}.card>footer{align-items:center;display:flex}details::details-content{opacity:0;block-size:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-behavior:allow-discrete;display:block}details[open]::details-content{block-size:auto;block-size:calc-size(auto,size);opacity:1}details summary{cursor:pointer;align-items:center;display:inline-flex}details>summary::-webkit-details-marker{display:none}.command-dialog{inset-block:calc(var(--spacing)*0);padding:calc(var(--spacing)*0);color:inherit;opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-behavior:allow-discrete;background-color:#0000;max-width:none;max-height:none}.command-dialog:is([open],:popover-open),.command-dialog:is([open],:popover-open)::backdrop{opacity:1}.command-dialog:is([open],:popover-open)>*{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}@starting-style{.command-dialog:is([open],:popover-open),.command-dialog:is([open],:popover-open)::backdrop{opacity:0}.command-dialog:is([open],:popover-open)>*{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.command-dialog::backdrop{opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-behavior:allow-discrete}.command-dialog>*{z-index:50;--tw-translate-x:calc(calc(1/2*100%)*-1);width:100%;max-width:calc(100% - 2rem);max-height:min(640px,100% - 2rem);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex-direction:column;display:flex;position:fixed;top:33.3333%;left:50%;overflow:hidden}@media (min-width:40rem){.command-dialog>*{max-width:var(--container-lg)}}.command-dialog>*>:is(button,form[method=dialog]){position:absolute}.command-dialog>*>:is(button,form[method=dialog]>button){opacity:.7;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.command-dialog>*>:is(button,form[method=dialog]>button):hover{opacity:1}}.command-dialog>*>:is(button,form[method=dialog]>button):focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.command-dialog>*>:is(button,form[method=dialog]>button):focus-visible{outline-offset:2px;outline:2px solid #0000}}.command-dialog>*>:is(button,form[method=dialog]>button):disabled,.command-dialog>*>:is(button,form[method=dialog]>button) svg{pointer-events:none}.command-dialog>*>:is(button,form[method=dialog]>button) svg{flex-shrink:0}.command-dialog>*>:is(button,form[method=dialog]>button)>svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.command{flex-direction:column;width:100%;display:flex;overflow:hidden}.command>header{align-items:center;display:flex}.command>header svg{flex-shrink:0}.command>header input{--tw-outline-style:none;background-color:#0000;outline-style:none;width:100%}@media (forced-colors:active){.command>header input{outline-offset:2px;outline:2px solid #0000}}.command>header input:disabled{cursor:not-allowed;opacity:.5}.command [role=menu]{--tw-outline-style:none;outline-style:none;overflow:hidden auto}@media (forced-colors:active){.command [role=menu]{outline-offset:2px;outline:2px solid #0000}}.command [role=menuitem]{cursor:default;text-overflow:ellipsis;white-space:nowrap;--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}@media (forced-colors:active){.command [role=menuitem]{outline-offset:2px;outline:2px solid #0000}}.command [role=menuitem]:disabled,.command [role=menuitem][aria-disabled=true]{pointer-events:none;opacity:.5}.command [role=menuitem][aria-hidden=true]{display:none}.command [role=menuitem] svg{pointer-events:none;flex-shrink:0}.command [role=group]{overflow:hidden}.command [role=group]:not(:has([role=menuitem]:not([aria-hidden=true]))){display:none}.command [role=heading]{display:flex}.command [role=separator]{border-style:var(--tw-border-style);border-width:0}.command [data-shortcut]{margin-inline-start:auto}.command [data-indicator]{opacity:0;margin-inline-start:auto}.command [role=menuitem][data-checked=true] [data-indicator],.command [role=menuitem][aria-selected=true] [data-indicator]{opacity:1}.command [role=menuitem]:has([data-shortcut]) [data-indicator]{display:none}.command [role=menu]:not(:has([role=menuitem]:not([aria-hidden=true]))):before{text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;display:flex;overflow:hidden}.command [role=menu][data-empty]:not(:has([role=menuitem]:not([aria-hidden=true]))):before{--tw-content:attr(data-empty);content:var(--tw-content)}.command [role=menu]:not([data-empty]):not(:has([role=menuitem]:not([aria-hidden=true]))):before{--tw-content:"No results found";content:var(--tw-content)}.command:not([data-command-initialized]) [role=menuitem]:not([aria-disabled=true]):not(:disabled):hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}.command:has(>header input:not(:placeholder-shown)) [role=separator]{display:none}.combobox{flex-direction:column;width:fit-content;display:inline-flex;position:relative}.combobox>input[role=combobox]{width:100%;min-width:calc(var(--spacing)*0);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.combobox>input[role=combobox]{outline-offset:2px;outline:2px solid #0000}}.combobox>input[role=combobox]::placeholder{color:var(--color-muted-foreground)}.combobox>input[role=combobox]:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.combobox>svg,.combobox-trigger-icon{pointer-events:none;flex-shrink:0;position:absolute}.combobox [data-popover]{isolation:isolate;min-width:max(100%,9rem);overflow:hidden}.combobox [role=listbox]{--tw-outline-style:none;outline-style:none;overflow-y:auto}@media (forced-colors:active){.combobox [role=listbox]{outline-offset:2px;outline:2px solid #0000}}.combobox [role=listbox] [role=group]:not(:has([role=option]:not([aria-hidden=true]))){display:none}.combobox [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))):before{text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;display:flex;overflow:hidden}.combobox [role=listbox][data-empty]:not(:has([data-value]:not([aria-hidden=true]))):before{--tw-content:attr(data-empty);content:var(--tw-content)}.combobox [role=listbox]:not([data-empty]):not(:has([data-value]:not([aria-hidden=true]))):before{--tw-content:"No results found";content:var(--tw-content)}.combobox [role=option]{cursor:default;text-overflow:ellipsis;white-space:nowrap;--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}@media (forced-colors:active){.combobox [role=option]{outline-offset:2px;outline:2px solid #0000}}.combobox [role=option]:disabled,.combobox [role=option][aria-disabled=true]{pointer-events:none;opacity:.5}.combobox [role=option][aria-hidden=true]{display:none}.combobox [role=option] svg{pointer-events:none;flex-shrink:0}.combobox [role=option][aria-selected=true]{background-image:var(--check-icon);background-position:right .5rem center;background-repeat:no-repeat;background-size:.875rem}.combobox [role=option][aria-selected=true]:dir(rtl){background-position:.5rem}.combobox [role=separator]{border-style:var(--tw-border-style);border-width:0}.combobox [role=option].active,.combobox [role=option]:focus-visible,.combobox:not([data-combobox-initialized]) [role=option]:not([aria-disabled=true]):not(:disabled):hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}.combobox-chips{width:100%;min-width:calc(var(--spacing)*0);flex-wrap:wrap;align-items:center;display:flex}.combobox-chips>input[role=combobox]{min-width:calc(var(--spacing)*16);--tw-outline-style:none;background-color:#0000;outline-style:none;flex:1}@media (forced-colors:active){.combobox-chips>input[role=combobox]{outline-offset:2px;outline:2px solid #0000}}.combobox-chips>input[role=combobox]::placeholder{color:var(--color-muted-foreground)}.combobox-chips>input[role=combobox]:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.combobox-chip{white-space:nowrap;flex-shrink:0;align-items:center;width:fit-content;display:inline-flex}.combobox-chip-remove{justify-content:center;align-items:center;display:inline-flex}.dialog{padding:calc(var(--spacing)*0);color:inherit;opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-behavior:allow-discrete;background-color:#0000;max-width:none;max-height:none}.dialog::backdrop{opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-behavior:allow-discrete}.dialog:is([open],:popover-open),.dialog:is([open],:popover-open)::backdrop{opacity:1}.dialog:is([open],:popover-open)>*{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}@starting-style{.dialog:is([open],:popover-open),.dialog:is([open],:popover-open)::backdrop{opacity:0}.dialog:is([open],:popover-open)>*{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.dialog>*{z-index:50;--tw-translate-x:calc(calc(1/2*100%)*-1);width:100%;max-height:calc(100% - 2rem);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);--tw-outline-style:none;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));outline-style:none;flex-direction:column;display:flex;position:fixed;top:50%;left:50%}@media (forced-colors:active){.dialog>*{outline-offset:2px;outline:2px solid #0000}}.dialog>*>header{flex-direction:column;display:flex}.dialog>*>section{flex:1}.dialog>*>footer{flex-direction:column-reverse;display:flex}@media (min-width:40rem){.dialog>*>footer{flex-direction:row;justify-content:flex-end}}.dialog>*>:is(button,form[method=dialog]){position:absolute}.dialog>*>:is(button,form[method=dialog]>button){opacity:.7;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.dialog>*>:is(button,form[method=dialog]>button):hover{opacity:1}}.dialog>*>:is(button,form[method=dialog]>button):focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.dialog>*>:is(button,form[method=dialog]>button):focus-visible{outline-offset:2px;outline:2px solid #0000}}.dialog>*>:is(button,form[method=dialog]>button):disabled,.dialog>*>:is(button,form[method=dialog]>button) svg{pointer-events:none}.dialog>*>:is(button,form[method=dialog]>button) svg{flex-shrink:0}.dialog>*>:is(button,form[method=dialog]>button)>svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.dropdown-menu{display:inline-flex;position:relative}.dropdown-menu>[data-popover]{min-width:anchor-size(width)}.dropdown-menu [role=menu]{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.dropdown-menu [role=menu]{outline-offset:2px;outline:2px solid #0000}}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]){cursor:default;text-overflow:ellipsis;white-space:nowrap;--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}@media (forced-colors:active){.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]){outline-offset:2px;outline:2px solid #0000}}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]):disabled,.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio])[aria-disabled=true]{pointer-events:none;opacity:.5}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio])[aria-hidden=true]{display:none}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]) svg{pointer-events:none;flex-shrink:0}.dropdown-menu [role=menu] [role=heading]{display:flex}.dropdown-menu [role=separator]{border-style:var(--tw-border-style);border-width:0}.dropdown-menu [data-shortcut]{margin-inline-start:auto}.dropdown-menu [data-indicator]{pointer-events:none;visibility:hidden}.dropdown-menu :is([role=menuitemcheckbox],[role=menuitemradio])[aria-checked=true] [data-indicator]{visibility:visible}.dropdown-menu [data-rtl-flip]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.dropdown-menu:not([data-dropdown-menu-initialized]) :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]):not([aria-disabled=true]):not(:disabled):hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}.empty{width:100%;min-width:calc(var(--spacing)*0);text-align:center;text-wrap:balance;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty>header{max-width:var(--container-sm);flex-direction:column;align-items:center;display:flex}.empty figure{flex-shrink:0;justify-content:center;align-items:center;display:flex}.empty figure svg{pointer-events:none;flex-shrink:0}.empty figure:has(img){overflow:hidden}.empty figure:has(img) img{object-fit:cover;width:100%;height:100%}.empty>:is(section,footer){width:100%;max-width:var(--container-sm);min-width:calc(var(--spacing)*0);text-wrap:balance;flex-direction:column;align-items:center;display:flex}.empty p>a{text-underline-offset:4px;text-decoration-line:underline}.empty p>a:hover{color:var(--color-primary)}.fieldset{flex-direction:column;display:flex}.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field){flex-direction:column;width:100%;display:flex;container:field-group/inline-size}.field{flex-direction:column;width:100%;display:flex}.field>*{width:100%}.field>.sr-only{width:auto}.field[data-orientation=horizontal]{flex-direction:row;align-items:center}.field[data-orientation=horizontal]:has(>section){align-items:flex-start}.field[data-orientation=horizontal] p{text-wrap:balance}.field[data-orientation=horizontal]:has(>section)>[type=checkbox],.field[data-orientation=horizontal]:has(>section) [type=radio]{margin-top:1px}.field[data-orientation=horizontal]>label{flex:auto}.field[data-orientation=responsive]{flex-direction:column}@container field-group (min-width:28rem){.field[data-orientation=responsive]{flex-direction:row;align-items:center}.field[data-orientation=responsive]:has(>section){align-items:flex-start}.field[data-orientation=responsive]>*{width:auto}.field[data-orientation=responsive]:has(>section)>[type=checkbox],.field[data-orientation=responsive]:has(>section) [type=radio]{margin-top:1px}.field[data-orientation=responsive]>label{flex:auto}}.field section,.field .field-content{--tw-leading:var(--leading-snug);line-height:var(--leading-snug);flex-direction:column;flex:1;display:flex}.field h2,.field h3,.field .field-title{align-items:center;width:fit-content;display:flex}.field [role=alert],.field .field-error{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}:is(.field [role=alert],.field .field-error) ul{gap:calc(var(--spacing)*1);flex-direction:column;margin-inline-start:calc(var(--spacing)*4);list-style-type:disc;display:flex}.field>label,label:has(>.field){width:fit-content}.field>label:has(>.field),.field>label:has(input[type=radio]),.field>label:has(input[type=checkbox]),.field>label:has(input[role=switch]),label:has(>.field){width:100%}.field>label:has(>.field),label:has(>.field){flex-direction:column}.field-description,.fieldset legend+p,.field>p,.field section>p{--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}:is(.field-description,.fieldset legend+p,.field>p,.field section>p)>a{text-underline-offset:4px;text-decoration-line:underline}:is(.field-description,.fieldset legend+p,.field>p,.field section>p)>a:hover{color:var(--color-primary)}:is(.field>p,.field section>p,.field-description):last-child{margin-top:calc(var(--spacing)*0)}:is(.field>p,.field section>p,.field-description):nth-last-child(2){margin-top:calc(var(--spacing)*-1)}.field-separator{position:relative}.field-separator>hr[role=separator]{inset-inline:calc(var(--spacing)*0);position:absolute;top:50%}.field-separator>span{background-color:var(--color-background);width:fit-content;margin-inline:auto;display:block;position:relative}.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]){appearance:none;--tw-outline-style:none;outline-style:none;flex-shrink:0;position:relative}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):disabled{cursor:not-allowed;opacity:.5}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):checked:after{--tw-content:"";content:var(--tw-content);-webkit-mask-image:var(--check-icon);-webkit-mask-image:var(--check-icon);mask-image:var(--check-icon);background-color:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:.875rem;mask-size:.875rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]){width:100%;min-width:calc(var(--spacing)*0);--tw-outline-style:none;outline-style:none}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{display:inline-flex}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{border-style:var(--tw-border-style);border-width:0}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{background-color:#0000}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{color:var(--color-foreground)}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::placeholder{color:var(--color-muted-foreground)}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.input-group{isolation:isolate;width:100%;min-width:calc(var(--spacing)*0);--tw-outline-style:none;outline-style:none;align-items:center;display:flex;position:relative;overflow:hidden}.input-group[data-orientation=vertical]{flex-direction:column;align-items:stretch;height:auto}.input-group>:is(input,textarea,select,[data-control]){min-width:calc(var(--spacing)*0);appearance:none;border-style:var(--tw-border-style);color:var(--color-foreground);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;background-color:#0000;border-width:0;border-radius:0;outline-style:none;flex:1;display:block}.input-group>:is(input,textarea,select,[data-control])::placeholder{color:var(--color-muted-foreground)}.input-group>:is(input,textarea,select,[data-control]):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.input-group>:is(input,textarea,select,[data-control]):disabled{background-color:#0000}.input-group>:is(input,textarea,select,[data-control])[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.input-group>:is(input,select,[data-control]){height:100%}.input-group>[data-control]{width:100%}.input-group[data-orientation=vertical]>:is(input,select,[data-control]){flex:none;height:auto}.input-group>textarea{field-sizing:content;min-height:calc(var(--spacing)*20);resize:none;width:100%}.input-group>:is(span,kbd,svg,[role=group],.popover,.dropdown-menu,button,footer,header,hr[role=separator]){flex-shrink:0}.input-group>:is(span,[role=group],footer,header){align-items:center;display:inline-flex}.input-group>svg{pointer-events:none}.input-group>[data-align=start]{order:-9999}.input-group>[data-align=end]{order:9999}.item-group{flex-direction:column;width:100%;display:flex}.item-group>hr{border-style:var(--tw-border-style);border-width:0;border-top-style:var(--tw-border-style);border-top-width:1px;flex-shrink:0;width:100%}.item{border-style:var(--tw-border-style);width:100%;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;--tw-outline-style:none;border-width:1px;outline-style:none;flex-wrap:wrap;align-items:center;transition-duration:.1s;display:flex}.item:focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.item:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}@media (hover:hover){a.item:hover{background-color:var(--color-muted)}}.item>figure{flex-shrink:0;justify-content:center;align-items:center;display:flex}.item>figure svg{pointer-events:none}.item>figure:has(img){overflow:hidden}.item>figure:has(img) img{object-fit:cover;width:100%;height:100%}.item>section{flex-direction:column;flex:1;display:flex}.item>section+section{flex:none}.item>aside{align-items:center;display:flex}.item>:is(header,footer){flex-basis:100%;justify-content:space-between;align-items:center;display:flex}.item :is(h2,h3,h4){-webkit-line-clamp:1;-webkit-box-orient:vertical;align-items:center;width:fit-content;display:flex;overflow:hidden}.item p{-webkit-line-clamp:2;text-align:start;--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-muted-foreground);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.item p>a{text-underline-offset:4px;text-decoration-line:underline}.item p>a:hover{color:var(--color-primary)}.kbd{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.kbd-group{align-items:center;display:inline-flex}.field>label,.label{-webkit-user-select:none;user-select:none;align-items:center;display:flex}:is(.field>label,.label):is(:where(.peer):disabled~*),:is(.field>label,.label):has(>:disabled),:is(.field>label,.label):has(+:disabled){pointer-events:none}.field>select,select.select{min-width:calc(var(--spacing)*0);appearance:none;--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none}:is(.field>select,select.select):disabled{cursor:not-allowed;opacity:.5}:is(.field>select,select.select) option,:is(.field>select,select.select) optgroup{color:canvastext;background-color:canvas}[data-popover]{visibility:visible;z-index:50;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;width:max-content;min-width:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1;--tw-outline-style:none;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));outline-style:none;position:absolute;overflow:hidden auto}@media (forced-colors:active){[data-popover]{outline-offset:2px;outline:2px solid #0000}}[data-popover][aria-hidden=true]{visibility:hidden;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}[data-popover][aria-hidden=true]:not([data-side]),[data-popover][aria-hidden=true][data-side=bottom]{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}[data-popover][aria-hidden=true][data-side=top]{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}[data-popover][aria-hidden=true][data-side=left]{--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}[data-popover][aria-hidden=true][data-side=right]{--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}[data-popover]:not([data-side]),[data-popover][data-side=bottom]{margin-top:calc(var(--spacing)*1);top:100%}[data-popover][data-side=top]{margin-bottom:calc(var(--spacing)*1);bottom:100%}[data-popover][data-side=left]{margin-inline-end:calc(var(--spacing)*1);inset-inline-end:100%}[data-popover][data-side=right]{margin-inline-start:calc(var(--spacing)*1);inset-inline-start:100%}:is([data-popover]:not([data-side]),[data-popover][data-side=bottom],[data-popover][data-side=top]):not([data-align]),:is([data-popover]:not([data-side]),[data-popover][data-side=bottom],[data-popover][data-side=top])[data-align=start]{inset-inline-start:calc(var(--spacing)*0)}:is([data-popover]:not([data-side]),[data-popover][data-side=bottom],[data-popover][data-side=top])[data-align=end]{inset-inline-end:calc(var(--spacing)*0)}:is([data-popover]:not([data-side]),[data-popover][data-side=bottom],[data-popover][data-side=top])[data-align=center]{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);inset-inline-start:50%}:is([data-popover][data-side=left],[data-popover][data-side=right]):not([data-align]),:is([data-popover][data-side=left],[data-popover][data-side=right])[data-align=start]{top:calc(var(--spacing)*0)}:is([data-popover][data-side=left],[data-popover][data-side=right])[data-align=end]{bottom:calc(var(--spacing)*0)}:is([data-popover][data-side=left],[data-popover][data-side=right])[data-align=center]{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);top:50%}.popover{display:inline-flex;position:relative}.field>input[type=radio],.input[type=radio]{appearance:none;border-style:var(--tw-border-style);--tw-outline-style:none;border-width:1px;outline-style:none;flex-shrink:0;position:relative}:is(.field>input[type=radio],.input[type=radio]):disabled{cursor:not-allowed;opacity:.5}:is(.field>input[type=radio],.input[type=radio]):checked:before{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-content:"";content:var(--tw-content);border-radius:3.40282e38px;position:absolute;top:50%;left:50%}.field>input[type=range],.input[type=range]{appearance:none;padding:calc(var(--spacing)*0);--tw-outline-style:none;--slider-value:20%;outline-style:none;align-items:center;display:flex}:is(.field>input[type=range],.input[type=range]):disabled{pointer-events:none;opacity:.5}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb{appearance:none;flex-shrink:0;display:block}:is(.field>input[type=range],.input[type=range])::-webkit-slider-runnable-track{appearance:none;background:linear-gradient(to right,var(--primary)var(--slider-value),var(--muted)var(--slider-value));width:100%}:is(.field>input[type=range],.input[type=range]):dir(rtl)::-webkit-slider-runnable-track{background:linear-gradient(to left,var(--primary)var(--slider-value),var(--muted)var(--slider-value))}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb{appearance:none;flex-shrink:0;display:block}:is(.field>input[type=range],.input[type=range])::-moz-range-track{appearance:none;background:linear-gradient(to right,var(--primary)var(--slider-value),var(--muted)var(--slider-value));width:100%}:is(.field>input[type=range],.input[type=range]):dir(rtl)::-moz-range-track{background:linear-gradient(to left,var(--primary)var(--slider-value),var(--muted)var(--slider-value))}:is(.field>input[type=range],.input[type=range])::-ms-thumb{appearance:none;flex-shrink:0;display:block}:is(.field>input[type=range],.input[type=range])::-ms-track{appearance:none;width:100%}:is(.field>input[type=range],.input[type=range])::-ms-fill-lower{background-color:var(--color-primary)}:is(.field>input[type=range],.input[type=range])::-ms-fill-upper{background-color:var(--color-muted)}:not(select).select{display:inline-flex;position:relative}:not(select).select>button{--tw-font-weight:var(--font-weight-normal);width:fit-content;font-weight:var(--font-weight-normal);white-space:nowrap;--tw-outline-style:none;outline-style:none;justify-content:space-between;align-items:center;display:flex}@media (forced-colors:active){:not(select).select>button{outline-offset:2px;outline:2px solid #0000}}:not(select).select>button:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}:not(select).select>button svg{pointer-events:none;flex-shrink:0}:not(select).select>button>span{text-overflow:ellipsis;white-space:nowrap;text-align:start;flex:1;display:flex;overflow:hidden}:not(select).select>button>svg{flex-shrink:0}:not(select).select [data-popover]{isolation:isolate;min-width:max(100%,9rem);overflow-x:hidden}:not(select).select [role=listbox]{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:not(select).select [role=listbox]{outline-offset:2px;outline:2px solid #0000}}:not(select).select [role=listbox] [role=group]:not(:has([role=option]:not([aria-hidden=true]))){display:none}:not(select).select [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))):before{text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;display:flex;overflow:hidden}:not(select).select [role=listbox][data-empty]:not(:has([data-value]:not([aria-hidden=true]))):before{--tw-content:attr(data-empty);content:var(--tw-content)}:not(select).select [role=listbox]:not([data-empty]):not(:has([data-value]:not([aria-hidden=true]))):before{--tw-content:"No results found";content:var(--tw-content)}:not(select).select [role=option]{cursor:default;text-overflow:ellipsis;white-space:nowrap;--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}@media (forced-colors:active){:not(select).select [role=option]{outline-offset:2px;outline:2px solid #0000}}:not(select).select [role=option]:disabled,:not(select).select [role=option][aria-disabled=true]{pointer-events:none;opacity:.5}:not(select).select [role=option][aria-hidden=true]{display:none}:not(select).select [role=option] svg{pointer-events:none;flex-shrink:0}:not(select).select [role=option][aria-selected=true]{background-image:var(--check-icon);background-position:right .5rem center;background-repeat:no-repeat;background-size:.875rem}:not(select).select [role=option][aria-selected=true]:dir(rtl){background-position:.5rem}:not(select).select [role=separator]{border-style:var(--tw-border-style);border-width:0}:not(select).select:not([data-select-initialized]) [role=option]:not([aria-disabled=true]):not(:disabled):hover,:not(select).select [role=option].active{background-color:var(--color-accent);color:var(--color-accent-foreground)}@media not all and (min-width:48rem){.sidebar:not([data-sidebar-initialized]){display:none}:is(.sidebar:not([aria-hidden]),.sidebar[aria-hidden=false]){inset:calc(var(--spacing)*0);z-index:40;background-color:#00000080;position:fixed}@supports (color:color-mix(in lab, red, red)){:is(.sidebar:not([aria-hidden]),.sidebar[aria-hidden=false]){background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}}.sidebar nav{inset-block:calc(var(--spacing)*0);z-index:50;width:var(--sidebar-mobile-width);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));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);flex-direction:column;display:flex;position:fixed}@media (min-width:48rem){.sidebar nav{width:var(--sidebar-width)}}.sidebar+*{transition-property:margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out)}:is(.sidebar:not([data-side]),.sidebar[data-side=left]) nav{left:calc(var(--spacing)*0);border-right-style:var(--tw-border-style);border-right-width:1px}:is(.sidebar:not([data-side]),.sidebar[data-side=left])+*{position:relative}@media (min-width:48rem){:is(.sidebar:not([data-side]),.sidebar[data-side=left])+*{margin-left:var(--sidebar-width)}}:is(.sidebar:not([data-side]),.sidebar[data-side=left])[aria-hidden=true] nav{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}@media (min-width:48rem){:is(.sidebar:not([data-side]),.sidebar[data-side=left])[aria-hidden=true]+*{margin-left:calc(var(--spacing)*0)}}.sidebar[data-side=right] nav{right:calc(var(--spacing)*0);border-left-style:var(--tw-border-style);border-left-width:1px}.sidebar[data-side=right]+*{position:relative}@media (min-width:48rem){.sidebar[data-side=right]+*{margin-right:var(--sidebar-width)}}.sidebar[data-side=right][aria-hidden=true] nav{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}@media (min-width:48rem){.sidebar[data-side=right][aria-hidden=true]+*{margin-right:calc(var(--spacing)*0)}}.sidebar nav>header,.sidebar nav>footer{flex-direction:column;display:flex}.sidebar nav [role=separator]{width:auto}.sidebar nav>section{min-height:calc(var(--spacing)*0);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar nav>section>[role=group]{width:100%;min-width:calc(var(--spacing)*0);flex-direction:column;display:flex;position:relative}.sidebar nav>section h3{--tw-outline-style:none;transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:linear;outline-style:none;flex-shrink:0;align-items:center;transition-duration:.2s;transition-timing-function:linear;display:flex}@media (forced-colors:active){.sidebar nav>section h3{outline-offset:2px;outline:2px solid #0000}}.sidebar nav>section h3>svg{flex-shrink:0}.sidebar nav>section ul{width:100%;min-width:calc(var(--spacing)*0);flex-direction:column;display:flex}.sidebar nav>section ul li{position:relative}.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary{text-align:left;--tw-outline-style:none;width:100%;transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));outline-style:none;align-items:center;display:flex;overflow:hidden}@media (forced-colors:active){:is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary){outline-offset:2px;outline:2px solid #0000}}:is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary):disabled,:is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary)[aria-disabled=true]{pointer-events:none;opacity:.5}:is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary)>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary)>svg{flex-shrink:0}.sidebar nav>section ul li>details:not([open])>summary:after{rotate:-90deg}.sidebar nav>section ul li>details:not([open])>summary:after:where(){rotate:90deg}.sidebar nav>section ul li>details>summary:after{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5);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));--tw-ease:linear;--tw-content:"";content:var(--tw-content);-webkit-mask-image:var(--chevron-down-icon);-webkit-mask-image:var(--chevron-down-icon);mask-image:var(--chevron-down-icon);background-color:currentColor;margin-inline-start:auto;transition-timing-function:linear;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1rem;mask-size:1rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sidebar nav>section ul ul{min-width:calc(var(--spacing)*0);flex-direction:column;display:flex}.skeleton{animation:var(--animate-pulse)}.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]{appearance:none;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;outline-style:none;flex-shrink:0;align-items:center;display:inline-flex}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):disabled{cursor:not-allowed;opacity:.5}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):before{content:var(--tw-content);pointer-events:none;content:var(--tw-content);content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);content:var(--tw-content);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));content:var(--tw-content);--tw-content:"";content:var(--tw-content);display:block}.table{caption-side:bottom;width:100%}.table tfoot{border-top-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);border-top-width:1px}.table th{vertical-align:middle;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap}.table th>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.table td{vertical-align:middle;white-space:nowrap}.table td>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.tabs{display:flex}.tabs:has(>[role=tablist][aria-orientation=horizontal]),.tabs:not(:has(>[role=tablist][aria-orientation=vertical])){flex-direction:column}.tabs:has(>[role=tablist][aria-orientation=vertical]){flex-direction:row}.tabs>[role=tablist]{width:fit-content;color:var(--color-muted-foreground);justify-content:center;align-items:center;display:inline-flex}.tabs>[role=tablist][aria-orientation=vertical]{flex-direction:column;height:fit-content}.tabs>[role=tablist]>[role=tab]{white-space:nowrap;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;outline-style:none;flex:1;justify-content:center;align-items:center;display:inline-flex;position:relative}.tabs>[role=tablist]>[role=tab]:disabled,.tabs>[role=tablist]>[role=tab][aria-disabled=true]{pointer-events:none;opacity:.5}.tabs>[role=tablist]>[role=tab] svg{pointer-events:none;flex-shrink:0}.tabs>[role=tabpanel]{--tw-outline-style:none;outline-style:none;flex:1}.field>textarea,.textarea{field-sizing:content;min-height:calc(var(--spacing)*16);--tw-outline-style:none;outline-style:none;width:100%;display:flex}:is(.field>textarea,.textarea)::placeholder{color:var(--color-muted-foreground)}:is(.field>textarea,.textarea):disabled{cursor:not-allowed;opacity:.5}.toaster{pointer-events:none;bottom:calc(var(--spacing)*0);z-index:50;width:100%;padding:calc(var(--spacing)*4);flex-direction:column-reverse;display:flex;position:fixed}@media (min-width:40rem){.toaster{max-width:calc(var(--spacing)*90)}}.toaster:not([data-align]),.toaster[data-align=end]{right:calc(var(--spacing)*0)}.toaster[data-align=start]{left:calc(var(--spacing)*0)}.toaster[data-align=center]{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);left:50%}.toaster .toast{pointer-events:auto;margin-top:calc(var(--spacing)*4);width:100%;transition-property:grid-template-rows,opacity,margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);grid-template-rows:1fr;animation:.3s ease-in-out toast-up;display:grid}.toaster .toast .toast-content{align-items:center;gap:calc(var(--spacing)*2.5);padding:calc(var(--spacing)*3);font-size:13px;display:flex;overflow:hidden}.toaster .toast .toast-content svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);flex-shrink:0}.toaster .toast .toast-content section h2{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.toaster .toast .toast-content section p{word-break:break-all;color:var(--color-muted-foreground)}.toaster .toast .toast-content footer{gap:calc(var(--spacing)*2);flex-direction:column;margin-inline-start:auto;display:flex}.toaster .toast .toast-content footer [data-toast-action],.toaster .toast .toast-content footer [data-toast-cancel]{height:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.toaster .toast[aria-hidden=true]{margin:calc(var(--spacing)*0);border-style:var(--tw-border-style);padding:calc(var(--spacing)*0);opacity:0;border-width:0;grid-template-rows:0fr;overflow:hidden}.toaster .toast[aria-hidden=true] .toast-content{border-style:var(--tw-border-style);border-width:0}[data-tooltip]{position:relative}[data-tooltip]:before{pointer-events:none;visibility:hidden;z-index:60;width:fit-content;max-width:var(--container-xs);transform-origin:var(--transform-origin);--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);text-overflow:ellipsis;white-space:nowrap;opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:attr(data-tooltip);content:var(--tw-content);position:absolute;overflow:hidden}[data-tooltip]:hover:before{visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}[data-tooltip]:focus-visible:not(:hover):before{display:none}:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top]):before{content:var(--tw-content);content:var(--tw-content);margin-bottom:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y);bottom:100%}@media (hover:hover){:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top]):hover:before{content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-side=bottom]:before{content:var(--tw-content);content:var(--tw-content);margin-top:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y);top:100%}@media (hover:hover){[data-tooltip][data-side=bottom]:hover:before{content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top],[data-tooltip][data-side=bottom])[data-align=start]:before{content:var(--tw-content);left:calc(var(--spacing)*0)}:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top],[data-tooltip][data-side=bottom])[data-align=end]:before{content:var(--tw-content);right:calc(var(--spacing)*0)}:is(:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top],[data-tooltip][data-side=bottom]):not([data-align]),:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top],[data-tooltip][data-side=bottom])[data-align=center]):before{content:var(--tw-content);content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);left:50%}[data-tooltip][data-side=left]:before{content:var(--tw-content);content:var(--tw-content);margin-right:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y);right:100%}@media (hover:hover){[data-tooltip][data-side=left]:hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-side=right]:before{content:var(--tw-content);content:var(--tw-content);margin-left:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y);left:100%}@media (hover:hover){[data-tooltip][data-side=right]:hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-side=inline-start]:before{content:var(--tw-content);content:var(--tw-content);margin-right:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y);right:100%}@media (hover:hover){[data-tooltip][data-side=inline-start]:hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-side=inline-start]:dir(rtl):before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);margin-right:calc(var(--spacing)*0);content:var(--tw-content);margin-left:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y);left:100%;right:auto}@media (hover:hover){[data-tooltip][data-side=inline-start]:dir(rtl):hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-side=inline-end]:before{content:var(--tw-content);content:var(--tw-content);margin-left:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y);left:100%}@media (hover:hover){[data-tooltip][data-side=inline-end]:hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-side=inline-end]:dir(rtl):before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);margin-right:calc(var(--spacing)*1.5);content:var(--tw-content);margin-left:calc(var(--spacing)*0);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y);left:auto;right:100%}@media (hover:hover){[data-tooltip][data-side=inline-end]:dir(rtl):hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}:is([data-tooltip][data-side=left],[data-tooltip][data-side=right],[data-tooltip][data-side=inline-start],[data-tooltip][data-side=inline-end])[data-align=start]:before{content:var(--tw-content);top:calc(var(--spacing)*0)}:is([data-tooltip][data-side=left],[data-tooltip][data-side=right],[data-tooltip][data-side=inline-start],[data-tooltip][data-side=inline-end])[data-align=end]:before{content:var(--tw-content);bottom:calc(var(--spacing)*0)}:is(:is([data-tooltip][data-side=left],[data-tooltip][data-side=right],[data-tooltip][data-side=inline-start],[data-tooltip][data-side=inline-end]):not([data-align]),:is([data-tooltip][data-side=left],[data-tooltip][data-side=right],[data-tooltip][data-side=inline-start],[data-tooltip][data-side=inline-end])[data-align=center]):before{content:var(--tw-content);content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);top:50%}.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);background-clip:padding-box;border-width:1px;border-color:#0000}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive)[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive) svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive{height:calc(var(--spacing)*8);gap:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*3)}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive):has(>[data-icon=inline-start]){padding-inline-start:calc(var(--spacing)*2.5)}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive):has(>[data-icon=inline-end]){padding-inline-end:calc(var(--spacing)*2.5)}.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive{height:calc(var(--spacing)*6);gap:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}:is(.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive) svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}:is(.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive):has(>[data-icon=inline-start]){padding-inline-start:calc(var(--spacing)*2)}:is(.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive):has(>[data-icon=inline-end]){padding-inline-end:calc(var(--spacing)*2)}.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive{height:calc(var(--spacing)*7);gap:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*3)}:is(.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive):has(>[data-icon=inline-start]){padding-inline-start:calc(var(--spacing)*2)}:is(.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive):has(>[data-icon=inline-end]){padding-inline-end:calc(var(--spacing)*2)}.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive{height:calc(var(--spacing)*9);gap:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*4)}:is(.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive):has(>[data-icon=inline-start]){padding-inline-start:calc(var(--spacing)*3)}:is(.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive):has(>[data-icon=inline-end]){padding-inline-end:calc(var(--spacing)*3)}.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}:is(.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive) svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.btn,.btn-primary,.btn-xs,.btn-xs-primary,.btn-sm,.btn-sm-primary,.btn-lg,.btn-lg-primary,.btn-icon,.btn-icon-primary,.btn-xs-icon,.btn-xs-icon-primary,.btn-sm-icon,.btn-sm-icon-primary,.btn-lg-icon,.btn-lg-icon-primary{background-color:var(--color-primary);color:var(--color-primary-foreground)}@media (hover:hover){:is(.btn,.btn-primary,.btn-xs,.btn-xs-primary,.btn-sm,.btn-sm-primary,.btn-lg,.btn-lg-primary,.btn-icon,.btn-icon-primary,.btn-xs-icon,.btn-xs-icon-primary,.btn-sm-icon,.btn-sm-icon-primary,.btn-lg-icon,.btn-lg-icon-primary):hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-xs,.btn-xs-primary,.btn-sm,.btn-sm-primary,.btn-lg,.btn-lg-primary,.btn-icon,.btn-icon-primary,.btn-xs-icon,.btn-xs-icon-primary,.btn-sm-icon,.btn-sm-icon-primary,.btn-lg-icon,.btn-lg-icon-primary):hover{background-color:color-mix(in oklab,var(--color-primary)80%,transparent)}}}.btn-secondary,.btn-xs-secondary,.btn-sm-secondary,.btn-lg-secondary,.btn-icon-secondary,.btn-xs-icon-secondary,.btn-sm-icon-secondary,.btn-lg-icon-secondary{background-color:var(--color-secondary);color:var(--color-secondary-foreground)}@media (hover:hover){:is(.btn-secondary,.btn-xs-secondary,.btn-sm-secondary,.btn-lg-secondary,.btn-icon-secondary,.btn-xs-icon-secondary,.btn-sm-icon-secondary,.btn-lg-icon-secondary):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){:is(.btn-secondary,.btn-xs-secondary,.btn-sm-secondary,.btn-lg-secondary,.btn-icon-secondary,.btn-xs-icon-secondary,.btn-sm-icon-secondary,.btn-lg-icon-secondary):hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground)5%)}}}:is(.btn-secondary,.btn-xs-secondary,.btn-sm-secondary,.btn-lg-secondary,.btn-icon-secondary,.btn-xs-icon-secondary,.btn-sm-icon-secondary,.btn-lg-icon-secondary)[aria-expanded=true]{background-color:var(--color-secondary);color:var(--color-secondary-foreground)}.btn-outline,.btn-xs-outline,.btn-sm-outline,.btn-lg-outline,.btn-icon-outline,.btn-xs-icon-outline,.btn-sm-icon-outline,.btn-lg-icon-outline{border-color:var(--color-border);background-color:var(--color-background)}@media (hover:hover){:is(.btn-outline,.btn-xs-outline,.btn-sm-outline,.btn-lg-outline,.btn-icon-outline,.btn-xs-icon-outline,.btn-sm-icon-outline,.btn-lg-icon-outline):hover{background-color:var(--color-muted);color:var(--color-foreground)}}:is(.btn-outline,.btn-xs-outline,.btn-sm-outline,.btn-lg-outline,.btn-icon-outline,.btn-xs-icon-outline,.btn-sm-icon-outline,.btn-lg-icon-outline)[aria-expanded=true]{background-color:var(--color-muted);color:var(--color-foreground)}:is(.btn-outline,.btn-xs-outline,.btn-sm-outline,.btn-lg-outline,.btn-icon-outline,.btn-xs-icon-outline,.btn-sm-icon-outline,.btn-lg-icon-outline):is(.dark *){background-color:#0000}@media (hover:hover){:is(.btn-outline,.btn-xs-outline,.btn-sm-outline,.btn-lg-outline,.btn-icon-outline,.btn-xs-icon-outline,.btn-sm-icon-outline,.btn-lg-icon-outline):is(.dark *):hover{background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){:is(.btn-outline,.btn-xs-outline,.btn-sm-outline,.btn-lg-outline,.btn-icon-outline,.btn-xs-icon-outline,.btn-sm-icon-outline,.btn-lg-icon-outline):is(.dark *):hover{background-color:color-mix(in oklab,var(--color-input)30%,transparent)}}:is(.btn-ghost,.btn-xs-ghost,.btn-sm-ghost,.btn-lg-ghost,.btn-icon-ghost,.btn-xs-icon-ghost,.btn-sm-icon-ghost,.btn-lg-icon-ghost):hover{background-color:var(--color-muted);color:var(--color-foreground)}}:is(.btn-ghost,.btn-xs-ghost,.btn-sm-ghost,.btn-lg-ghost,.btn-icon-ghost,.btn-xs-icon-ghost,.btn-sm-icon-ghost,.btn-lg-icon-ghost)[aria-expanded=true]{background-color:var(--color-muted);color:var(--color-foreground)}@media (hover:hover){:is(.btn-ghost,.btn-xs-ghost,.btn-sm-ghost,.btn-lg-ghost,.btn-icon-ghost,.btn-xs-icon-ghost,.btn-sm-icon-ghost,.btn-lg-icon-ghost):is(.dark *):hover{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){:is(.btn-ghost,.btn-xs-ghost,.btn-sm-ghost,.btn-lg-ghost,.btn-icon-ghost,.btn-xs-icon-ghost,.btn-sm-icon-ghost,.btn-lg-icon-ghost):is(.dark *):hover{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}}.btn-link,.btn-xs-link,.btn-sm-link,.btn-lg-link,.btn-icon-link,.btn-xs-icon-link,.btn-sm-icon-link,.btn-lg-icon-link{color:var(--color-primary);text-underline-offset:4px}@media (hover:hover){:is(.btn-link,.btn-xs-link,.btn-sm-link,.btn-lg-link,.btn-icon-link,.btn-xs-icon-link,.btn-sm-icon-link,.btn-lg-icon-link):hover{text-decoration-line:underline}}.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive{background-color:var(--color-destructive);color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive){background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}@media (hover:hover){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):hover{background-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}}:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):focus-visible{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):focus-visible{border-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):focus-visible{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):is(.dark *){background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):is(.dark *){background-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}@media (hover:hover){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):is(.dark *):hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):is(.dark *):hover{background-color:color-mix(in oklab,var(--color-destructive)30%,transparent)}}}:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):is(.dark *):focus-visible{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}.button-group:has(>.button-group){gap:calc(var(--spacing)*2)}:is(.button-group:has(>:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)),.button-group:has(>.select>button:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)))>.input,:is(.button-group:has(>:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)),.button-group:has(>.select>button:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)))>.select>button{border-color:var(--color-border)}:is(:is(.button-group:has(>:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)),.button-group:has(>.select>button:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)))>.input,:is(.button-group:has(>:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)),.button-group:has(>.select>button:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)))>.select>button):focus-visible{border-color:var(--color-ring)}.button-group:not([data-orientation=vertical])>:last-child,.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):last-child>button{border-start-end-radius:var(--radius-2xl)!important;border-end-end-radius:var(--radius-2xl)!important}.button-group[data-orientation=vertical]>:last-child,.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):last-child>button{border-bottom-right-radius:var(--radius-2xl)!important;border-bottom-left-radius:var(--radius-2xl)!important}.button-group-text{gap:calc(var(--spacing)*2);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background-color:var(--color-muted);padding-inline:calc(var(--spacing)*2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);border-width:1px}.button-group-text svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.button-group>hr[role=separator],.button-group-separator{background-color:var(--color-input)}.tabs{gap:calc(var(--spacing)*2)}.tabs>[role=tablist]{height:calc(var(--spacing)*8);border-radius:var(--radius-2xl);padding:3px}.tabs>[role=tablist]:not([data-variant=line]){background-color:var(--color-muted)}.tabs>[role=tablist][data-variant=line]{gap:calc(var(--spacing)*1);background-color:#0000;border-radius:0}.tabs>[role=tablist][aria-orientation=vertical]{height:fit-content;padding:calc(var(--spacing)*1)}.tabs>[role=tablist]>[role=tab]{gap:calc(var(--spacing)*1.5);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*1.5);padding-block:calc(var(--spacing)*.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-foreground);border-width:1px;border-color:#0000!important}@supports (color:color-mix(in lab, red, red)){.tabs>[role=tablist]>[role=tab]{color:color-mix(in oklab,var(--color-foreground)60%,transparent)}}@media (hover:hover){.tabs>[role=tablist]>[role=tab]:hover{color:var(--color-foreground)}}.tabs>[role=tablist]>[role=tab]:focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.tabs>[role=tablist]>[role=tab]:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.tabs>[role=tablist]>[role=tab]:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px;outline-color:var(--color-ring)}.tabs>[role=tablist]>[role=tab]:is(.dark *){color:var(--color-muted-foreground)}@media (hover:hover){.tabs>[role=tablist]>[role=tab]:is(.dark *):hover{color:var(--color-foreground)}}.tabs>[role=tablist]>[role=tab] svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.tabs>[role=tablist]>[role=tab]:after{content:var(--tw-content);content:var(--tw-content);background-color:var(--color-foreground);content:var(--tw-content);opacity:0;content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:absolute}.tabs>[role=tablist][aria-orientation=vertical]>[role=tab]{width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*.5);justify-content:flex-start}.tabs>[role=tablist][data-variant=line][aria-orientation=horizontal]>[role=tab]{--tw-shadow:0 0 #0000;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}.tabs>[role=tablist][data-variant=line][aria-orientation=horizontal]>[role=tab]:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*0);content:var(--tw-content);content:var(--tw-content);height:calc(var(--spacing)*.5);bottom:-5px}.tabs>[role=tablist][data-variant=line][aria-orientation=vertical]>[role=tab]{--tw-shadow:0 0 #0000;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}.tabs>[role=tablist][data-variant=line][aria-orientation=vertical]>[role=tab]:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0);content:var(--tw-content);content:var(--tw-content);width:calc(var(--spacing)*.5);inset-inline-end:-4px}.tabs>[role=tablist]:not([data-variant=line])>[role=tab][aria-selected=true]{background-color:var(--color-background);color:var(--color-foreground);--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)}.tabs>[role=tablist]:not([data-variant=line])>[role=tab][aria-selected=true]:is(.dark *){border-color:var(--color-input);background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){.tabs>[role=tablist]:not([data-variant=line])>[role=tab][aria-selected=true]:is(.dark *){background-color:color-mix(in oklab,var(--color-input)30%,transparent)}}.tabs>[role=tablist]:not([data-variant=line])>[role=tab][aria-selected=true]:is(.dark *){color:var(--color-foreground)}.tabs>[role=tablist][data-variant=line]>[role=tab][aria-selected=true]{color:var(--color-foreground);--tw-shadow:0 0 #0000;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}.tabs>[role=tablist][data-variant=line]>[role=tab][aria-selected=true]:after{content:var(--tw-content);opacity:1}.tabs>[role=tablist][data-variant=line]>[role=tab][aria-selected=true]:is(.dark *){color:var(--color-foreground);background-color:#0000;border-color:#0000}.tabs>[role=tablist]>[role=tab]:has(>svg:first-child){padding-inline-start:calc(var(--spacing)*1)}.tabs>[role=tablist]>[role=tab]:has(>svg:last-child){padding-inline-end:calc(var(--spacing)*1)}.tabs>[role=tabpanel]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.field>textarea,.textarea{resize:none;border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background-color:var(--color-input);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*2);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-width:1px;border-color:#0000;transition-duration:.2s}@supports (color:color-mix(in lab, red, red)){:is(.field>textarea,.textarea){background-color:color-mix(in oklab,var(--color-input)50%,transparent)}}:is(.field>textarea,.textarea):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>textarea,.textarea):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>textarea,.textarea)[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>textarea,.textarea)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}@media (min-width:48rem){:is(.field>textarea,.textarea){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}:is(.field>textarea,.textarea):is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>textarea,.textarea):is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:is(.field>textarea,.textarea):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>textarea,.textarea):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]){height:calc(var(--spacing)*8);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background-color:var(--color-input);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*1);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-width:1px;border-color:#0000;transition-duration:.2s}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])){background-color:color-mix(in oklab,var(--color-input)50%,transparent)}}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{height:calc(var(--spacing)*6)}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}@media (min-width:48rem){:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}.field>select,select.select{height:calc(var(--spacing)*8);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background-color:var(--color-input);width:fit-content;padding-block:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background-image:var(--chevron-down-icon-50);background-position:right .625rem center;background-repeat:no-repeat;background-size:1rem;border-width:1px;border-color:#0000;padding-inline-start:calc(var(--spacing)*2.5);padding-inline-end:calc(var(--spacing)*8);transition-duration:.2s}@supports (color:color-mix(in lab, red, red)){:is(.field>select,select.select){background-color:color-mix(in oklab,var(--color-input)50%,transparent)}}:is(.field>select,select.select) ::selection{background-color:var(--color-primary)}:is(.field>select,select.select)::selection{background-color:var(--color-primary)}:is(.field>select,select.select) ::selection{color:var(--color-primary-foreground)}:is(.field>select,select.select)::selection{color:var(--color-primary-foreground)}:is(.field>select,select.select)::placeholder{color:var(--color-muted-foreground)}:is(.field>select,select.select):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>select,select.select):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>select,select.select)[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>select,select.select)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.field>select,select.select)[data-size=sm]{height:calc(var(--spacing)*7)}:is(.field>select,select.select):is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>select,select.select):is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:is(.field>select,select.select):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>select,select.select):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.field>select,select.select):dir(rtl){background-position:.625rem}.alert,.alert-destructive{gap:calc(var(--spacing)*.5);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border-width:1px;display:grid}:is(.alert,.alert-destructive):has(>[data-action]){padding-inline-end:calc(var(--spacing)*18);position:relative}:is(.alert,.alert-destructive):has(>svg){column-gap:calc(var(--spacing)*2.5);grid-template-columns:auto 1fr}:is(.alert,.alert-destructive)>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y);color:currentColor;grid-row:span 2/span 2}:is(.alert,.alert-destructive)>svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.alert{background-color:var(--color-card);color:var(--color-card-foreground)}.alert-destructive{background-color:var(--color-card);color:var(--color-destructive)}.alert-destructive>section{color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.alert-destructive>section{color:color-mix(in oklab,var(--color-destructive)90%,transparent)}}.alert-destructive>svg{color:currentColor}.alert>:is(h2,h3,h4,h5,h6,strong,[data-title]),.alert-destructive>:is(h2,h3,h4,h5,h6,strong,[data-title]){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}:is(.alert,.alert-destructive):has(>svg)>:is(h2,h3,h4,h5,h6,strong,[data-title]){grid-column-start:2}.alert>section,.alert-destructive>section{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-wrap:balance;color:var(--color-muted-foreground)}@media (min-width:48rem){:is(.alert>section,.alert-destructive>section){text-wrap:pretty}}:is(.alert>section,.alert-destructive>section) p:not(:last-child){margin-bottom:calc(var(--spacing)*4)}.alert>[data-action],.alert-destructive>[data-action]{inset-inline-end:calc(var(--spacing)*3);top:calc(var(--spacing)*2.5);position:absolute}.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link{height:calc(var(--spacing)*5);gap:calc(var(--spacing)*1);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:1px;border-color:#0000}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link):has([data-icon=inline-end]){padding-inline-end:calc(var(--spacing)*1.5)}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link):has([data-icon=inline-start]){padding-inline-start:calc(var(--spacing)*1.5)}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link)>svg{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.badge,.badge-primary{background-color:var(--color-primary);color:var(--color-primary-foreground)}@media (hover:hover){:is(.badge,.badge-primary):is(a):hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:is(.badge,.badge-primary):is(a):hover{background-color:color-mix(in oklab,var(--color-primary)80%,transparent)}}}.badge-secondary{background-color:var(--color-secondary);color:var(--color-secondary-foreground)}@media (hover:hover){.badge-secondary:is(a):hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.badge-secondary:is(a):hover{background-color:color-mix(in oklab,var(--color-secondary)80%,transparent)}}}.badge-outline{border-color:var(--color-border);color:var(--color-foreground)}@media (hover:hover){.badge-outline:is(a):hover{background-color:var(--color-muted);color:var(--color-muted-foreground)}}.badge-destructive{background-color:var(--color-destructive);color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.badge-destructive{background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}.badge-destructive:focus-visible{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.badge-destructive:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.badge-destructive:is(.dark *){background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.badge-destructive:is(.dark *){background-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.badge-destructive:is(.dark *):focus-visible{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.badge-destructive:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}@media (hover:hover){.badge-destructive:is(a):hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.badge-destructive:is(a):hover{background-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.badge-ghost:hover{background-color:var(--color-muted);color:var(--color-muted-foreground)}.badge-ghost:is(.dark *):hover{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.badge-ghost:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}}.badge-link{color:var(--color-primary);text-underline-offset:4px}@media (hover:hover){.badge-link:hover{text-decoration-line:underline}}.command{border-radius:var(--radius-3xl);background-color:var(--color-popover);padding:calc(var(--spacing)*1);color:var(--color-popover-foreground)}.command-dialog>*{border-radius:var(--radius-3xl);padding:calc(var(--spacing)*0)}.command>header{margin:calc(var(--spacing)*1);margin-bottom:calc(var(--spacing)*0);height:calc(var(--spacing)*8);gap:calc(var(--spacing)*2);border-radius:var(--radius-2xl);background-color:var(--color-input);padding-inline:calc(var(--spacing)*2)}@supports (color:color-mix(in lab, red, red)){.command>header{background-color:color-mix(in oklab,var(--color-input)50%,transparent)}}.command>header svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);opacity:.5}.command>header input{height:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.command>header input::placeholder{color:var(--color-muted-foreground)}.command [role=menu]{max-height:calc(var(--spacing)*72);scroll-padding-block:calc(var(--spacing)*1)}.command [role=menu]:not(:has([role=menuitem]:not([aria-hidden=true]))):before{padding-block:calc(var(--spacing)*6);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.command [role=group]{padding:calc(var(--spacing)*1);color:var(--color-foreground)}.command [role=heading]{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-muted-foreground)}.command [role=separator]{margin-block:calc(var(--spacing)*1);background-color:var(--color-border);height:1px}@supports (color:color-mix(in lab, red, red)){.command [role=separator]{background-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.command [role=menuitem]{min-height:calc(var(--spacing)*7);gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:where(.command-dialog) :is(.command [role=menuitem]){border-radius:var(--radius-2xl)}.command [role=menuitem] svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.command [role=menuitem].active{background-color:var(--color-accent);color:var(--color-accent-foreground)}.command [role=menuitem].active svg{color:var(--color-accent-foreground)}.command [data-shortcut]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-muted-foreground)}.command [role=menuitem].active [data-shortcut]{color:var(--color-foreground)}.combobox>input[role=combobox]{height:calc(var(--spacing)*8);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background-color:var(--color-input);padding-block:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-width:1px;border-color:#0000;padding-inline-start:calc(var(--spacing)*2.5);padding-inline-end:calc(var(--spacing)*8);transition-duration:.2s}@supports (color:color-mix(in lab, red, red)){.combobox>input[role=combobox]{background-color:color-mix(in oklab,var(--color-input)50%,transparent)}}.combobox>input[role=combobox]:focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.combobox>input[role=combobox]:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}.combobox>input[role=combobox][aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.combobox>input[role=combobox][aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.combobox>input[role=combobox]:is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.combobox>input[role=combobox]:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}.combobox>input[role=combobox]:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.combobox>input[role=combobox]:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}.combobox>svg,.combobox-trigger-icon{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);color:var(--color-muted-foreground);inset-inline-end:calc(var(--spacing)*2.5);top:50%}.combobox [data-popover]{max-height:calc(var(--spacing)*72);border-radius:var(--radius-2xl);background-color:var(--color-popover);padding:calc(var(--spacing)*1);color:var(--color-popover-foreground);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground);--tw-duration:.1s;transition-duration:.1s}@supports (color:color-mix(in lab, red, red)){.combobox [data-popover]{--tw-ring-color:color-mix(in oklab,var(--color-foreground)5%,transparent)}}.combobox [data-popover]:is(.dark *){--tw-ring-color:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.combobox [data-popover]:is(.dark *){--tw-ring-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.combobox [role=listbox]{max-height:min(18rem,var(--available-height,18rem));scroll-padding-block:calc(var(--spacing)*1);overflow-y:auto}.combobox [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))):before{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted-foreground)}.combobox [role=heading]{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted-foreground)}.combobox [role=option]{min-height:calc(var(--spacing)*7);gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-inline-start:calc(var(--spacing)*2);padding-inline-end:calc(var(--spacing)*8)}.combobox [role=option] svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.combobox [role=option].active,.combobox [role=option]:focus-visible{background-color:var(--color-accent);color:var(--color-accent-foreground)}:is(.combobox [role=option].active,.combobox [role=option]:focus-visible) svg{color:var(--color-accent-foreground)}.combobox [role=group]{scroll-margin-block:calc(var(--spacing)*1);padding:calc(var(--spacing)*1)}.combobox [role=separator]{margin-inline:calc(var(--spacing)*-1);margin-block:calc(var(--spacing)*1);background-color:var(--color-border);height:1px}.combobox-chips{min-height:calc(var(--spacing)*8);gap:calc(var(--spacing)*1);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background-color:var(--color-input);padding-inline:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background-clip:padding-box;border-width:1px;border-color:#0000;transition-duration:.2s}@supports (color:color-mix(in lab, red, red)){.combobox-chips{background-color:color-mix(in oklab,var(--color-input)50%,transparent)}}.combobox-chips:focus-within{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.combobox-chips:focus-within{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}.combobox-chips:has([aria-invalid=true]){border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.combobox-chips:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.combobox-chips:is(.dark *):has([aria-invalid=true]){border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.combobox-chips:is(.dark *):has([aria-invalid=true]){border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}.combobox-chips:is(.dark *):has([aria-invalid=true]){--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.combobox-chips:is(.dark *):has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}.combobox-chip{height:calc(var(--spacing)*5.25);gap:calc(var(--spacing)*1);border-radius:var(--radius-2xl);background-color:var(--color-input);padding-inline:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.combobox-chip:has(>.combobox-chip-remove){padding-inline-end:calc(var(--spacing)*.5)}.combobox-chip:is(.dark *){background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){.combobox-chip:is(.dark *){background-color:color-mix(in oklab,var(--color-input)60%,transparent)}}.combobox-chip-remove{width:calc(var(--spacing)*4.5);height:calc(var(--spacing)*4.5);opacity:.5;margin-inline-start:calc(var(--spacing)*-.5)}@media (hover:hover){.combobox-chip-remove:hover{opacity:1}}.combobox-chip-remove svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}:not(select).select>button{height:calc(var(--spacing)*8);gap:calc(var(--spacing)*1.5);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background-color:var(--color-input);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-width:1px;border-color:#0000;transition-duration:.2s}@supports (color:color-mix(in lab, red, red)){:not(select).select>button{background-color:color-mix(in oklab,var(--color-input)50%,transparent)}}:not(select).select>button:focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:not(select).select>button:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:not(select).select>button[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:not(select).select>button[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:not(select).select>button[data-size=sm]{height:calc(var(--spacing)*7)}:not(select).select>button:is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:not(select).select>button:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:not(select).select>button:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:not(select).select>button:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:not(select).select>button svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}:not(select).select>button>span{gap:calc(var(--spacing)*1.5)}:not(select).select>button>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);color:var(--color-muted-foreground)}:not(select).select [data-popover]{border-radius:var(--radius-2xl);background-color:var(--color-popover);padding:calc(var(--spacing)*1);color:var(--color-popover-foreground);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground);--tw-duration:.1s;transition-duration:.1s}@supports (color:color-mix(in lab, red, red)){:not(select).select [data-popover]{--tw-ring-color:color-mix(in oklab,var(--color-foreground)5%,transparent)}}:not(select).select [data-popover]:is(.dark *){--tw-ring-color:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){:not(select).select [data-popover]:is(.dark *){--tw-ring-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}:not(select).select [role=listbox]{scroll-padding-block:calc(var(--spacing)*1.5)}:not(select).select [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))):before{padding-block:calc(var(--spacing)*6);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:not(select).select [role=heading]{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted-foreground)}:not(select).select [role=option]{min-height:calc(var(--spacing)*7);gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-inline-start:calc(var(--spacing)*2);padding-inline-end:calc(var(--spacing)*8)}:not(select).select [role=option] svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}:not(select).select [role=option].active,:not(select).select [role=option]:focus-visible{background-color:var(--color-accent);color:var(--color-accent-foreground)}:is(:not(select).select [role=option].active,:not(select).select [role=option]:focus-visible) svg{color:var(--color-accent-foreground)}:not(select).select [role=group]{scroll-margin-block:calc(var(--spacing)*1.5);padding:calc(var(--spacing)*1)}:not(select).select [role=separator]{margin-inline:calc(var(--spacing)*-1);margin-block:calc(var(--spacing)*1);background-color:var(--color-border);height:1px}.dialog::backdrop,.command-dialog::backdrop{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);--tw-duration:.1s;background-color:#0000004d;transition-duration:.1s}@supports (color:color-mix(in lab, red, red)){:is(){background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.dialog>*{gap:calc(var(--spacing)*6);border-radius:min(var(--radius-4xl),24px);background-color:var(--color-popover);max-width:calc(100% - 2rem);padding:calc(var(--spacing)*6);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-popover-foreground);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground);--tw-duration:.1s;transition-duration:.1s}@supports (color:color-mix(in lab, red, red)){.dialog>*{--tw-ring-color:color-mix(in oklab,var(--color-foreground)5%,transparent)}}@media (min-width:40rem){.dialog>*{max-width:var(--container-md)}}.dialog>:is(.dark *){--tw-ring-color:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.dialog>:is(.dark *){--tw-ring-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.dialog>*>:is(button,form[method=dialog]){inset-inline-end:calc(var(--spacing)*4);top:calc(var(--spacing)*4)}.dialog>*>:is(button,form[method=dialog]>button){background-color:var(--color-secondary)}.dialog>*>header{gap:calc(var(--spacing)*1.5)}.dialog>*>footer{gap:calc(var(--spacing)*2)}.dialog>*>header>h2,.dialog>*>[data-title]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium)}.dialog>*>header>p,.dialog>*>[data-description]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-normal);line-height:var(--leading-normal);color:var(--color-muted-foreground)}:is(.dialog>*>header>p,.dialog>*>[data-description]) a{text-underline-offset:3px;text-decoration-line:underline}:is(.dialog>*>header>p,.dialog>*>[data-description]) a:hover{color:var(--color-foreground)}.dropdown-menu>[data-popover]{gap:calc(var(--spacing)*0);border-radius:var(--radius-2xl);background-color:var(--color-popover);padding:calc(var(--spacing)*1);color:var(--color-popover-foreground);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground);--tw-duration:.1s;transition-duration:.1s;overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.dropdown-menu>[data-popover]{--tw-ring-color:color-mix(in oklab,var(--color-foreground)5%,transparent)}}.dropdown-menu>[data-popover]:is(.dark *){--tw-ring-color:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.dropdown-menu>[data-popover]:is(.dark *){--tw-ring-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]){min-height:calc(var(--spacing)*7);gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]):focus-visible{background-color:var(--color-accent);color:var(--color-accent-foreground)}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]) svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]).active{background-color:var(--color-accent);color:var(--color-accent-foreground)}.dropdown-menu [data-variant=destructive]{color:var(--color-destructive)}.dropdown-menu [data-variant=destructive]:is(:focus-visible,.active){background-color:var(--color-destructive);color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.dropdown-menu [data-variant=destructive]:is(:focus-visible,.active){background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}.dropdown-menu [data-variant=destructive]:is(:focus-visible,.active):is(.dark *){background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.dropdown-menu [data-variant=destructive]:is(:focus-visible,.active):is(.dark *){background-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.dropdown-menu [data-variant=destructive] svg{color:var(--color-destructive)}.dropdown-menu :is([role=menuitemcheckbox],[role=menuitemradio]){padding-block:calc(var(--spacing)*1.5);padding-inline-start:calc(var(--spacing)*2);padding-inline-end:calc(var(--spacing)*8)}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio])[data-inset],.dropdown-menu [role=heading][data-inset]{padding-inline-start:calc(var(--spacing)*7)}.dropdown-menu [data-indicator]{justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:calc(var(--spacing)*2)}.dropdown-menu [role=heading]{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted-foreground)}.dropdown-menu [role=separator]{margin-inline:calc(var(--spacing)*-1);margin-block:calc(var(--spacing)*1);background-color:var(--color-border);height:1px}@supports (color:color-mix(in lab, red, red)){.dropdown-menu [role=separator]{background-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.dropdown-menu [data-shortcut]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-muted-foreground)}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]):is(:focus-visible,.active) [data-shortcut]{color:var(--color-accent-foreground)}[data-popover]{gap:calc(var(--spacing)*4);border-radius:var(--radius-3xl);background-color:var(--color-popover);padding:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-popover-foreground);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground);--tw-duration:.1s;flex-direction:column;transition-duration:.1s;display:flex}@supports (color:color-mix(in lab, red, red)){[data-popover]{--tw-ring-color:color-mix(in oklab,var(--color-foreground)5%,transparent)}}[data-popover]:is(.dark *){--tw-ring-color:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){[data-popover]:is(.dark *){--tw-ring-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.popover>[data-popover]>header,.popover>[data-popover]>[data-header]{gap:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));flex-direction:column;display:flex}.popover>[data-popover]>header>:is(h1,h2,h3,h4,h5,h6),.popover>[data-popover]>:is(h1,h2,h3,h4,h5,h6,[data-title]){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.popover>[data-popover]>header>p,.popover>[data-popover]>[data-description]{color:var(--color-muted-foreground)}.card{gap:calc(var(--spacing)*5);border-radius:min(var(--radius-4xl),24px);background-color:var(--color-card);padding-block:calc(var(--spacing)*5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-card-foreground);--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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.card{--tw-ring-color:color-mix(in oklab,var(--color-foreground)5%,transparent)}}.card:has(>img:first-child){padding-top:calc(var(--spacing)*0)}.card[data-size=sm]{gap:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4)}.card:is(.dark *){--tw-ring-color:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.card:is(.dark *){--tw-ring-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.card>img:first-child{border-top-left-radius:min(var(--radius-4xl),24px);border-top-right-radius:min(var(--radius-4xl),24px)}.card>img:last-child{border-bottom-right-radius:min(var(--radius-4xl),24px);border-bottom-left-radius:min(var(--radius-4xl),24px)}.card>header{gap:calc(var(--spacing)*1.5);border-top-left-radius:min(var(--radius-4xl),24px);border-top-right-radius:min(var(--radius-4xl),24px);padding-inline:calc(var(--spacing)*5)}:where([data-size=sm]) :is(.card>header){padding-inline:calc(var(--spacing)*4)}.card>header.border-b{padding-bottom:calc(var(--spacing)*5)}:where([data-size=sm]) :is(.card>header).border-b{padding-bottom:calc(var(--spacing)*4)}.card>header>:is(h2,h3,[data-title],.card-title){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.card>header>:is(p,[data-description],.card-description){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted-foreground)}.card>section{padding-inline:calc(var(--spacing)*5)}:where([data-size=sm]) :is(.card>section){padding-inline:calc(var(--spacing)*4)}.card>footer{border-bottom-right-radius:min(var(--radius-4xl),24px);border-bottom-left-radius:min(var(--radius-4xl),24px);padding-inline:calc(var(--spacing)*5)}:where([data-size=sm]) :is(.card>footer){padding-inline:calc(var(--spacing)*4)}.card>footer.border-t{padding-top:calc(var(--spacing)*5)}:where([data-size=sm]) :is(.card>footer).border-t{padding-top:calc(var(--spacing)*4)}.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);border-style:var(--tw-border-style);background-color:var(--color-input);transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:1px;border-color:#0000;border-radius:5px;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])){background-color:color-mix(in oklab,var(--color-input)90%,transparent)}}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):checked{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-foreground)}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:where([data-disabled=true]) :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])){opacity:.5}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]))[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]))[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]))[aria-invalid=true]:checked{border-color:var(--color-primary)}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(.dark *):checked{background-color:var(--color-primary)}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):checked:after{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}[role=radiogroup]{gap:calc(var(--spacing)*3);display:grid}.field>input[type=radio],.input[type=radio]{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background-color:var(--color-input);border-width:1px;border-color:#0000;display:flex}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=radio],.input[type=radio]){background-color:color-mix(in oklab,var(--color-input)90%,transparent)}}:is(.field>input[type=radio],.input[type=radio]):checked{background-color:var(--color-primary);color:var(--color-primary-foreground)}:is(.field>input[type=radio],.input[type=radio]):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=radio],.input[type=radio]):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>input[type=radio],.input[type=radio])[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=radio],.input[type=radio])[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.field>input[type=radio],.input[type=radio]):is(.dark *):checked{background-color:var(--color-primary)}:is(.field>input[type=radio],.input[type=radio]):is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=radio],.input[type=radio]):is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:is(.field>input[type=radio],.input[type=radio]):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=radio],.input[type=radio]):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.field>input[type=radio],.input[type=radio]):checked:before{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2);background-color:var(--color-primary-foreground)}:is(.field>input[type=radio],.input[type=radio]):checked:before:is(){width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:2px}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not(:checked){background-color:var(--color-input);border-color:#0000}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not(:checked){background-color:color-mix(in oklab,var(--color-input)90%,transparent)}}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):checked{border-color:var(--color-primary);background-color:var(--color-primary)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch])[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch])[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not([data-size=sm]){height:calc(var(--spacing)*5);width:calc(var(--spacing)*8)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch])[data-size=sm]{height:calc(var(--spacing)*4);width:calc(var(--spacing)*6)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):before{border-radius:var(--radius-2xl);background-color:var(--color-background);--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)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):before:not(:is()){background-clip:padding-box}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not([data-size=sm]):before{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch])[data-size=sm]:before{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):checked:not([data-size=sm]):before,:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):checked[data-size=sm]:before{--tw-translate-x:calc(100% - 4px);translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):dir(rtl):checked:not([data-size=sm]):before{--tw-translate-x:calc(calc(100% - 4px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):dir(rtl):checked[data-size=sm]:before{--tw-translate-x:calc(calc(100% - 4px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not(:checked):before{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.fieldset{gap:calc(var(--spacing)*6)}.fieldset:has(>[data-slot=checkbox-group]),.fieldset:has(>[data-slot=radio-group]){gap:calc(var(--spacing)*3)}.fieldset>legend,.field-legend{margin-bottom:calc(var(--spacing)*3);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}:is(.fieldset>legend,.field-legend)[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:is(.fieldset>legend,.field-legend)[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field){gap:calc(var(--spacing)*6)}:is(.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field))[role=radiogroup],:is(.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field))[data-slot=checkbox-group],:is(.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field))[data-slot=radio-group]{gap:calc(var(--spacing)*3)}:is(.fieldset,.field)>:is([role=group],[role=radiogroup]):not(.field)>:is([role=group],[role=radiogroup]):not(.field),.field>fieldset:not(.field)>:is([role=group],[role=radiogroup]):not(.field){gap:calc(var(--spacing)*4)}.field{gap:calc(var(--spacing)*3)}.field[data-invalid=true]{color:var(--color-destructive)}.field>section,.field-content{gap:calc(var(--spacing)*1)}.field>label,label:has(>.field){gap:calc(var(--spacing)*2);--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}:where([data-disabled=true]) :is(.field>label,label:has(>.field)){opacity:.5}:is(.field>label,label:has(>.field)):has(:checked){background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){:is(.field>label,label:has(>.field)):has(:checked){background-color:color-mix(in oklab,var(--color-input)30%,transparent)}}.field>label:has(input[type=radio]),.field>label:has(input[type=checkbox]),.field>label:has(input[role=switch]),.field>label:has(>.field),label:has(>.field){border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px}.field>label:has(input[type=radio]),.field>label:has(input[type=checkbox]),.field>label:has(input[role=switch]),:is(.field>label,label:has(>.field))>.field{padding:calc(var(--spacing)*4)}.field h2,.field h3,.field-title{gap:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-snug);line-height:var(--leading-snug);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}:where([data-disabled=true]) :is(.field h2,.field h3,.field-title){opacity:.5}.fieldset legend+p,.field>p,.field section>p,.field-description{text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted-foreground)}[data-variant=legend]+:is(.fieldset legend+p,.field>p,.field section>p,.field-description){margin-top:calc(var(--spacing)*-1.5)}.field-separator{margin-block:calc(var(--spacing)*-2);height:calc(var(--spacing)*5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:where([data-variant=outline]) .field-separator{margin-bottom:calc(var(--spacing)*-2)}.field-separator>span{padding-inline:calc(var(--spacing)*2);color:var(--color-muted-foreground)}.field [role=alert],.field-error{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-destructive)}.input-group{height:calc(var(--spacing)*8);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background-color:var(--color-input);transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-width:1px;border-color:#0000;transition-duration:.2s}@supports (color:color-mix(in lab, red, red)){.input-group{background-color:color-mix(in oklab,var(--color-input)50%,transparent)}}.input-group:focus-within{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.input-group:focus-within{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}.input-group:has([aria-invalid=true]){border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.input-group:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.input-group:has(>textarea){height:auto}.input-group:is(.dark *):has([aria-invalid=true]){--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.input-group:is(.dark *):has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}.input-group:has(>:is(input,textarea,select,[data-control]):disabled){opacity:.5}.input-group>:is(input,select,[data-control]){padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.input-group:not([data-orientation=vertical]):has(>[data-align=start])>:is(input,select,[data-control]){padding-inline-start:calc(var(--spacing)*1.5)}.input-group:not([data-orientation=vertical]):has(>[data-align=end])>:is(input,select,[data-control]){padding-inline-end:calc(var(--spacing)*1.5)}.input-group>textarea{padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.input-group>:is(span,[role=group],header,footer),.input-group>:is(svg,kbd,.popover,.dropdown-menu){gap:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-muted-foreground);-webkit-user-select:none;user-select:none}:is(.input-group>:is(span,[role=group],header,footer),.input-group>:is(svg,kbd,.popover,.dropdown-menu))>svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.input-group>[data-align=start]{padding-inline-start:calc(var(--spacing)*2)}.input-group>[data-align=end]{padding-inline-end:calc(var(--spacing)*2)}.input-group>[data-align=start]:has(>button){margin-inline-start:calc(var(--spacing)*-1)}.input-group>[data-align=end]:has(>button){margin-inline-end:calc(var(--spacing)*-1)}.input-group>[data-align=start]:has(>kbd){margin-inline-start:calc(var(--spacing)*-.5)}.input-group>[data-align=end]:has(>kbd){margin-inline-end:calc(var(--spacing)*-.5)}.input-group[data-orientation=vertical]>:is(header,footer,[role=group],[data-align]){padding-inline:calc(var(--spacing)*2.5)}.input-group>:is(kbd,span>kbd,[role=group]>kbd,header>kbd,footer>kbd){border-radius:var(--radius-2xl);background-color:var(--color-muted-foreground);padding-inline:calc(var(--spacing)*1.5)}@supports (color:color-mix(in lab, red, red)){.input-group>:is(kbd,span>kbd,[role=group]>kbd,header>kbd,footer>kbd){background-color:color-mix(in oklab,var(--color-muted-foreground)10%,transparent)}}.input-group>:is(button,[role=group]>button,header>button,footer>button){gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.input-group>:is(button,[role=group]>button,header>button,footer>button)>svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.input-group>:is(button,[role=group]>button,header>button,footer>button):has(>svg):not(:has(>:not(svg))){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);border-radius:var(--radius-xl);padding:calc(var(--spacing)*0)}.empty{gap:calc(var(--spacing)*4);border-radius:var(--radius-3xl);--tw-border-style:dashed;padding:calc(var(--spacing)*12);border-style:dashed}.empty>header{gap:calc(var(--spacing)*2)}.empty figure{margin-bottom:calc(var(--spacing)*2)}.empty figure:has(>svg:only-child){width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);border-radius:var(--radius-xl);background-color:var(--color-muted);color:var(--color-foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex}.empty figure:has(>svg:only-child) svg:not([class*=size-]){width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.empty :is(h2,h3,h4){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.empty p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-muted-foreground)}.empty>:is(section,footer){gap:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.item{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border-width:1px}.item:not([data-variant]),.item[data-variant=default]{border-color:#0000}.item[data-variant=outline]{border-color:var(--color-border)}.item[data-variant=muted]{background-color:var(--color-muted);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.item[data-variant=muted]{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.item:not([data-size]),.item[data-size=default]{gap:calc(var(--spacing)*3.5);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3.5)}.item[data-size=sm]{gap:calc(var(--spacing)*3.5);padding-inline:calc(var(--spacing)*3.5);padding-block:calc(var(--spacing)*3)}.item[data-size=xs]{gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*2)}.item>figure{gap:calc(var(--spacing)*2)}.item:has(p)>figure{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y);align-self:flex-start}.item>figure:has(>svg:only-child) svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.item>figure:has(img){width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);border-radius:var(--radius-xl);overflow:hidden}.item[data-size=sm]>figure:has(img){width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.item[data-size=xs]>figure:has(img){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);border-radius:var(--radius-lg)}.item>section{gap:calc(var(--spacing)*1)}.item[data-size=xs]>section{gap:calc(var(--spacing)*.5)}.item :is(h2,h3,h4){gap:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-snug);line-height:var(--leading-snug);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-underline-offset:4px}.item p,.item[data-size=xs] p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.item>aside,.item>:is(header,footer){gap:calc(var(--spacing)*2)}.item-group{gap:calc(var(--spacing)*4)}.item-group:has(>.item[data-size=sm]){gap:calc(var(--spacing)*2.5)}.item-group:has(>.item[data-size=xs]){gap:calc(var(--spacing)*2)}.item-group>hr{margin-block:calc(var(--spacing)*2)}.kbd{height:calc(var(--spacing)*5);width:fit-content;min-width:calc(var(--spacing)*5);gap:calc(var(--spacing)*1);border-radius:var(--radius-lg);background-color:var(--color-muted);padding-inline:calc(var(--spacing)*1);font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-muted-foreground)}:where([data-slot=tooltip-content]) .kbd{background-color:var(--color-background)}@supports (color:color-mix(in lab, red, red)){:where([data-slot=tooltip-content]) .kbd{background-color:color-mix(in oklab,var(--color-background)20%,transparent)}}:where([data-slot=tooltip-content]) .kbd{color:var(--color-background)}:where([data-slot=tooltip-content]) .kbd:is(.dark *){background-color:var(--color-background)}@supports (color:color-mix(in lab, red, red)){:where([data-slot=tooltip-content]) .kbd:is(.dark *){background-color:color-mix(in oklab,var(--color-background)10%,transparent)}}.kbd svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.kbd-group{gap:calc(var(--spacing)*1)}.field>label,.label{gap:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium)}:is(.field>label,.label):is(:where(.peer):disabled~*),:where([data-disabled=true]) :is(.field>label,.label){opacity:.5}.sidebar nav{background-color:var(--color-sidebar);color:var(--color-sidebar-foreground)}.sidebar nav>header,.sidebar nav>footer{gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*2);--radius:var(--radius-xl)}.sidebar nav>section{gap:calc(var(--spacing)*2);--radius:var(--radius-xl)}.sidebar nav [role=separator]{margin-inline:calc(var(--spacing)*2);border-color:var(--color-sidebar-border)}.sidebar nav>section>[role=group]{padding:calc(var(--spacing)*2)}.sidebar nav h3{height:calc(var(--spacing)*8);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-sidebar-foreground);--tw-ring-color:var(--color-sidebar-ring);transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:linear;transition-duration:.2s;transition-timing-function:linear}@supports (color:color-mix(in lab, red, red)){.sidebar nav h3{color:color-mix(in oklab,var(--color-sidebar-foreground)70%,transparent)}}.sidebar nav h3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sidebar nav h3>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.sidebar nav>section>[role=group]>ul{gap:calc(var(--spacing)*.5)}.sidebar nav>section>[role=group]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sidebar nav li>:is(a,button,details>summary){gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;--tw-ring-color:var(--color-sidebar-ring);--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.sidebar nav li>:is(a,button,details>summary):hover{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground)}}.sidebar nav li>:is(a,button,details>summary):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.sidebar nav li>:is(a,button,details>summary):focus-visible{outline-offset:2px;outline:2px solid #0000}}.sidebar nav li>:is(a,button,details>summary):active{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground)}.sidebar nav li>:is(a,button,details>summary):has(>svg:first-child){padding-inline-start:calc(var(--spacing)*2.5)}.sidebar nav li>:is(a,button,details>summary):has(>svg:last-child){padding-inline-end:calc(var(--spacing)*2.5)}@media (hover:hover){.sidebar nav li>:is(a,button,details>summary)[data-open]:hover{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground)}}.sidebar nav li>:is(a,button,details>summary)>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);flex-shrink:0}.sidebar nav li>:is(a,button,details>summary):is([aria-current=page],[data-active=true]){background-color:var(--color-sidebar-accent);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-sidebar-accent-foreground)}@media (hover:hover){:is(.sidebar nav li>:is(a,button,details>summary):not([data-variant]),.sidebar nav li>:is(a,button,details>summary)[data-variant=default]):hover{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground)}}.sidebar nav li>:is(a,button,details>summary)[data-variant=outline]{background-color:var(--color-background);--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.sidebar nav li>:is(a,button,details>summary)[data-variant=outline]:hover{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground);--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.sidebar nav li>:is(a,button,details>summary):not([data-size]),.sidebar nav li>:is(a,button,details>summary)[data-size=default]{height:calc(var(--spacing)*8);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sidebar nav li>:is(a,button,details>summary)[data-size=sm]{height:calc(var(--spacing)*7);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sidebar nav li>:is(a,button,details>summary)[data-size=lg]{height:calc(var(--spacing)*12);padding-inline:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sidebar nav li>details>summary:after{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.sidebar nav li>details::details-content{padding-inline:calc(var(--spacing)*3.5)}.sidebar nav ul ul{margin-inline:calc(var(--spacing)*3.5);--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y);gap:calc(var(--spacing)*1);border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-color:var(--color-sidebar-border);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*.5)}.sidebar nav ul ul:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.sidebar nav ul ul>li>:is(a,button,details>summary){height:calc(var(--spacing)*7);gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-sidebar-foreground);--tw-ring-color:var(--color-sidebar-ring)}@media (hover:hover){.sidebar nav ul ul>li>:is(a,button,details>summary):hover{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground)}}.sidebar nav ul ul>li>:is(a,button,details>summary):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sidebar nav ul ul>li>:is(a,button,details>summary):active{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground)}.sidebar nav ul ul>li>:is(a,button,details>summary)>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.skeleton{border-radius:var(--radius-2xl);background-color:var(--color-muted)}.table-container{width:100%;position:relative;overflow-x:auto}.table{caption-side:bottom;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.table thead tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.table tbody tr:last-child{border-style:var(--tw-border-style);border-width:0}.table tfoot{border-top-style:var(--tw-border-style);background-color:var(--color-muted);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);border-top-width:1px}@supports (color:color-mix(in lab, red, red)){.table tfoot{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.table tfoot>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.table tr{border-bottom-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-bottom-width:1px}@media (hover:hover){.table tr:hover{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.table tr:hover{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}}.table tr[data-state=selected]{background-color:var(--color-muted)}.table th{height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*2);text-align:start;vertical-align:middle;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-foreground)}.table th:has([role=checkbox]){padding-inline-end:calc(var(--spacing)*0)}.table td{padding:calc(var(--spacing)*2);vertical-align:middle;white-space:nowrap}.table td:has([role=checkbox]){padding-inline-end:calc(var(--spacing)*0)}.table caption{margin-top:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted-foreground)}[data-tooltip]:before{align-items:center;gap:calc(var(--spacing)*1.5);border-radius:var(--radius-xl);background-color:var(--color-foreground);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-background);display:inline-flex}[data-tooltip]:before:has(){padding-inline-end:calc(var(--spacing)*1.5)}[data-tooltip][data-arrow]:after{z-index:60;width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5);background-color:var(--color-foreground);border-radius:2px;position:absolute;rotate:45deg}.toast-content{border-style:var(--tw-border-style);background-color:var(--color-popover);color:var(--color-popover-foreground);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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);border-width:1px;border-radius:var(--radius-2xl)!important}.field>input[type=range],.input[type=range]{height:calc(var(--spacing)*5);--slider-track-height:.25rem;--slider-thumb-size:1rem}:is(.field>input[type=range],.input[type=range])::-webkit-slider-runnable-track{height:calc(var(--spacing)*1);border-radius:var(--radius-2xl);background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-webkit-slider-runnable-track{background-color:color-mix(in oklab,var(--color-input)90%,transparent)}}:is(.field>input[type=range],.input[type=range])::-moz-range-track{height:calc(var(--spacing)*1);border-radius:var(--radius-2xl);background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-moz-range-track{background-color:color-mix(in oklab,var(--color-input)90%,transparent)}}:is(.field>input[type=range],.input[type=range])::-ms-track{height:calc(var(--spacing)*1);border-radius:var(--radius-2xl);background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-ms-track{background-color:color-mix(in oklab,var(--color-input)90%,transparent)}}:is(.field>input[type=range],.input[type=range])::-ms-fill-lower{border-radius:inherit}:is(.field>input[type=range],.input[type=range])::-ms-fill-upper{border-radius:inherit}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb{margin-top:calc(calc((var(--slider-thumb-size) - var(--slider-track-height))/2)*-1);width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);border-radius:var(--radius-2xl);background-color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:#0000001a;transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb{--tw-ring-color:color-mix(in oklab,var(--color-black)10%,transparent)}}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:not(:is(.dark *)){background-clip:padding-box}@media (hover:hover){:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:hover{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:hover{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:focus-visible{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:focus-visible{outline-offset:2px;outline:2px solid #0000}}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);border-radius:var(--radius-2xl);background-color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:#0000001a;transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-moz-range-thumb{--tw-ring-color:color-mix(in oklab,var(--color-black)10%,transparent)}}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:not(:is(.dark *)){background-clip:padding-box}@media (hover:hover){:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:hover{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:hover{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:focus-visible{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:focus-visible{outline-offset:2px;outline:2px solid #0000}}:is(.field>input[type=range],.input[type=range])::-ms-thumb{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);border-radius:var(--radius-2xl);background-color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:#0000001a;transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-ms-thumb{--tw-ring-color:color-mix(in oklab,var(--color-black)10%,transparent)}}:is(.field>input[type=range],.input[type=range])::-ms-thumb:not(:is(.dark *)){background-clip:padding-box}@media (hover:hover){:is(.field>input[type=range],.input[type=range])::-ms-thumb:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.field>input[type=range],.input[type=range])::-ms-thumb:hover{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-ms-thumb:hover{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}}:is(.field>input[type=range],.input[type=range])::-ms-thumb:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.field>input[type=range],.input[type=range])::-ms-thumb:focus-visible{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-ms-thumb:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>input[type=range],.input[type=range])::-ms-thumb:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.field>input[type=range],.input[type=range])::-ms-thumb:focus-visible{outline-offset:2px;outline:2px solid #0000}}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.start-3{inset-inline-start:calc(var(--spacing)*3)}.end-3{inset-inline-end:calc(var(--spacing)*3)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-22{top:calc(var(--spacing)*22)}.right-2\.5{right:calc(var(--spacing)*2.5)}.right-3{right:calc(var(--spacing)*3)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.ms-auto{margin-inline-start:auto}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.-mr-1\.5{margin-right:calc(var(--spacing)*-1.5)}.mr-auto{margin-right:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.-ml-1\.5{margin-left:calc(var(--spacing)*-1.5)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\[150px\]{max-height:150px}.max-h-\[200px\]{max-height:200px}.max-h-\[612px\]{max-height:612px}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-27{min-height:calc(var(--spacing)*27)}.min-h-32{min-height:calc(var(--spacing)*32)}.min-h-\[200px\]{min-height:200px}.min-h-\[350px\]{min-height:350px}.w-1\/2{width:50%}.w-2\/3{width:66.6667%}.w-4{width:calc(var(--spacing)*4)}.w-5\/6{width:83.3333%}.w-7\.5{width:calc(var(--spacing)*7.5)}.w-10{width:calc(var(--spacing)*10)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-\[100px\]{width:100px}.w-\[150px\]{width:150px}.w-\[180px\]{width:180px}.w-\[220px\]{width:220px}.w-\[240px\]{width:240px}.w-\[271px\]{width:271px}.w-\[280px\]{width:280px}.w-\[320px\]{width:320px}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-3xl{max-width:var(--container-3xl)}.max-w-72{max-width:calc(var(--spacing)*72)}.max-w-\[75\%\]{max-width:75%}.max-w-\[200px\]{max-width:200px}.max-w-\[300px\]{max-width:300px}.max-w-\[400px\]{max-width:400px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-lg{max-width:var(--breakpoint-lg)}.max-w-screen-md{max-width:var(--breakpoint-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-28{min-width:calc(var(--spacing)*28)}.min-w-32{min-width:calc(var(--spacing)*32)}.min-w-56{min-width:calc(var(--spacing)*56)}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-full{flex-basis:100%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.scroll-m-20{scroll-margin:calc(var(--spacing)*20)}.scroll-mt-14{scroll-margin-top:calc(var(--spacing)*14)}.scroll-mt-16{scroll-margin-top:calc(var(--spacing)*16)}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}: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)))}.gap-x-1\.5{column-gap:calc(var(--spacing)*1.5)}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-10{column-gap:calc(var(--spacing)*10)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.gap-y-10{row-gap:calc(var(--spacing)*10)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-amber-50{border-color:var(--color-amber-50)}.border-border,.border-border\/50{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.border-input{border-color:var(--color-input)}.border-muted{border-color:var(--color-muted)}.border-transparent{border-color:#0000}.bg-accent{background-color:var(--color-accent)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-background{background-color:var(--color-background)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-card{background-color:var(--color-card)}.bg-foreground{background-color:var(--color-foreground)}.bg-green-50{background-color:var(--color-green-50)}.bg-muted,.bg-muted\/50{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.bg-primary,.bg-primary\/20{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.bg-sidebar-primary{background-color:var(--color-sidebar-primary)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-10{padding:calc(var(--spacing)*10)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-\[0\.3rem\]{padding-inline:.3rem}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-\[0\.2rem\]{padding-block:.2rem}.ps-6{padding-inline-start:calc(var(--spacing)*6)}.ps-9{padding-inline-start:calc(var(--spacing)*9)}.pe-2{padding-inline-end:calc(var(--spacing)*2)}.pe-12{padding-inline-end:calc(var(--spacing)*12)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-1\.5\!{padding-right:calc(var(--spacing)*1.5)!important}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pl-6{padding-left:calc(var(--spacing)*6)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-500{color:var(--color-blue-500)}.text-destructive{color:var(--color-destructive)}.text-foreground{color:var(--color-foreground)}.text-green-500{color:var(--color-green-500)}.text-green-700{color:var(--color-green-700)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-neutral-800{color:var(--color-neutral-800)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-purple-500{color:var(--color-purple-500)}.text-red-500{color:var(--color-red-500)}.text-sidebar-primary-foreground{color:var(--color-sidebar-primary-foreground)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow\/ring{--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)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.outline-none{--tw-outline-style:none;outline-style:none}.\[--radius\:0\.95rem\]{--radius:.95rem}.\[--radius\:1rem\]{--radius:1rem}.\[--radius\:9999px\]{--radius:9999px}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.group-aria-checked\:visible:is(:where(.group)[aria-checked=true] *){visibility:visible}.group-\[\.copied\]\:block:is(:where(.group).copied *){display:block}.group-\[\.copied\]\:hidden:is(:where(.group).copied *){display:none}.peer-checked\:border-primary:is(:where(.peer):checked~*){border-color:var(--color-primary)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.checked\:border-blue-600:checked{border-color:var(--color-blue-600)}.checked\:border-green-600:checked{border-color:var(--color-green-600)}.checked\:bg-blue-500:checked{background-color:var(--color-blue-500)}.checked\:bg-blue-600:checked{background-color:var(--color-blue-600)}.checked\:bg-green-600:checked{background-color:var(--color-green-600)}.checked\:before\:bg-background:checked:before{content:var(--tw-content);background-color:var(--color-background)}.checked\:after\:bg-white:checked:after{content:var(--tw-content);background-color:var(--color-white)}@media (hover:hover){:where(.hover\:space-x-1:hover>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}.hover\:bg-accent\/50:hover{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--color-accent)50%,transparent)}}.hover\:bg-destructive\/10:hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-destructive\/10:focus{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.focus\:bg-destructive\/10:focus{background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}.focus\:text-destructive:focus{color:var(--color-destructive)}.focus-visible\:border-ring:focus-visible{border-color:var(--color-ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.has-\[\:checked\]\:border-primary:has(:checked){border-color:var(--color-primary)}.has-\[\:checked\]\:bg-primary\/5:has(:checked){background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.has-\[\:checked\]\:bg-primary\/5:has(:checked){background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}.has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-600:has(:is(input[type=checkbox]:checked)){border-color:var(--color-blue-600)}.has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-50:has(:is(input[type=checkbox]:checked)){background-color:var(--color-blue-50)}.has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-600:has(:is(input[type=radio]:checked)){border-color:var(--color-green-600)}.has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-50:has(:is(input[type=radio]:checked)){background-color:var(--color-green-50)}@media not all and (min-width:40rem){.max-sm\:size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.max-sm\:flex-col{flex-direction:column}}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:max-w-\[425px\]{max-width:425px}.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:w-\[239px\]{width:239px}.md\:w-auto{width:auto}.md\:max-w-\[200px\]{max-width:200px}.md\:min-w-80{min-width:calc(var(--spacing)*80)}.md\:flex-auto{flex:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.xl\:block{display:block}.xl\:p-12{padding:calc(var(--spacing)*12)}.xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@container (min-width:28rem){.\@md\:w-auto{width:auto}.\@md\:min-w-sm{min-width:var(--container-sm)}}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:border-amber-950:is(.dark *){border-color:var(--color-amber-950)}.dark\:bg-amber-950:is(.dark *){background-color:var(--color-amber-950)}.dark\:bg-blue-600:is(.dark *){background-color:var(--color-blue-600)}.dark\:bg-green-950:is(.dark *){background-color:var(--color-green-950)}.dark\:bg-input\/30:is(.dark *){background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-input)30%,transparent)}}.dark\:text-amber-100:is(.dark *){color:var(--color-amber-100)}.dark\:text-amber-200:is(.dark *){color:var(--color-amber-200)}.dark\:text-amber-300:is(.dark *){color:var(--color-amber-300)}.dark\:text-green-300:is(.dark *){color:var(--color-green-300)}.dark\:text-neutral-300:is(.dark *){color:var(--color-neutral-300)}.dark\:checked\:border-blue-700:is(.dark *):checked{border-color:var(--color-blue-700)}.dark\:checked\:bg-blue-600:is(.dark *):checked{background-color:var(--color-blue-600)}.dark\:checked\:bg-blue-700:is(.dark *):checked{background-color:var(--color-blue-700)}.dark\:checked\:bg-input\/30:is(.dark *):checked{background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){.dark\:checked\:bg-input\/30:is(.dark *):checked{background-color:color-mix(in oklab,var(--color-input)30%,transparent)}}.dark\:checked\:before\:bg-primary:is(.dark *):checked:before{content:var(--tw-content);background-color:var(--color-primary)}@media (hover:hover){.dark\:hover\:bg-destructive\/20:is(.dark *):hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/20:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}}.dark\:focus\:bg-destructive\/20:is(.dark *):focus{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus\:bg-destructive\/20:is(.dark *):focus{background-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.dark\:has-\[\:checked\]\:bg-primary\/10:is(.dark *):has(:checked){background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.dark\:has-\[\:checked\]\:bg-primary\/10:is(.dark *):has(:checked){background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-900:is(.dark *):has(:is(input[type=checkbox]:checked)){border-color:var(--color-blue-900)}.dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-950:is(.dark *):has(:is(input[type=checkbox]:checked)){background-color:var(--color-blue-950)}.dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-900:is(.dark *):has(:is(input[type=radio]:checked)){border-color:var(--color-green-900)}.dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-950:is(.dark *):has(:is(input[type=radio]:checked)){background-color:var(--color-green-950)}.\[\&_\[data-name\]\]\:hidden [data-name]{display:none}.\[\&_a\]\:inline-block a{display:inline-block}.\[\&_a\]\:text-muted-foreground a{color:var(--color-muted-foreground)}.\[\&_a\]\:no-underline a{text-decoration-line:none}.\[\&_a\]\:transition-colors a{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.\[\&_a\]\:hover\:text-foreground a:hover{color:var(--color-foreground)}}.\[\&_img\]\:size-8 img{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.\[\&_img\]\:size-12 img{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.\[\&_img\]\:shrink-0 img{flex-shrink:0}.\[\&_img\]\:rounded-full img{border-radius:3.40282e38px}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_img\]\:ring-2 img{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_img\]\:ring-background img{--tw-ring-color:var(--color-background)}.\[\&_img\]\:ring-card img{--tw-ring-color:var(--color-card)}.\[\&_img\]\:grayscale img{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.\[\&_img\]\:transition-all img{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&_img\]\:duration-300 img{--tw-duration:.3s;transition-duration:.3s}.\[\&_img\]\:ease-in-out img{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[\&_li\]\:mt-0 li{margin-top:calc(var(--spacing)*0)}.\[\&_li\]\:pt-2 li{padding-top:calc(var(--spacing)*2)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:\!text-destructive svg{color:var(--color-destructive)!important}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.\[\&_ul\]\:m-0 ul{margin:calc(var(--spacing)*0)}.\[\&_ul\]\:list-none ul{list-style-type:none}.\[\&_ul_ul\]\:pl-4 ul ul{padding-left:calc(var(--spacing)*4)}@media (min-width:48rem){:is(.md\:\*\:\[\.card\]\:basis-1\/4>*).card{flex-basis:25%}}.\[a\]\:transition-colors:is(a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab,var(--color-accent)50%,transparent)}}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--color-primary)}.\[\&\>svg\]\:mb-3>svg{margin-bottom:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:size-6>svg{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}}:root{--radius:.625rem;--background:oklch(1 0 0);--foreground:oklch(.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(.145 0 0);--primary:oklch(.205 0 0);--primary-foreground:oklch(.985 0 0);--secondary:oklch(.97 0 0);--secondary-foreground:oklch(.205 0 0);--muted:oklch(.97 0 0);--muted-foreground:oklch(.556 0 0);--accent:oklch(.97 0 0);--accent-foreground:oklch(.205 0 0);--destructive:oklch(.577 .245 27.325);--border:oklch(.922 0 0);--input:oklch(.922 0 0);--ring:oklch(.708 0 0);--chart-1:oklch(.646 .222 41.116);--chart-2:oklch(.6 .118 184.704);--chart-3:oklch(.398 .07 227.392);--chart-4:oklch(.828 .189 84.429);--chart-5:oklch(.769 .188 70.08);--sidebar:oklch(.985 0 0);--sidebar-foreground:oklch(.145 0 0);--sidebar-primary:oklch(.205 0 0);--sidebar-primary-foreground:oklch(.985 0 0);--sidebar-accent:oklch(.97 0 0);--sidebar-accent-foreground:oklch(.205 0 0);--sidebar-border:oklch(.922 0 0);--sidebar-ring:oklch(.708 0 0);--sidebar-width:16rem;--sidebar-mobile-width:18rem;--scrollbar-track:transparent;--scrollbar-thumb:#0000004d;--scrollbar-width:6px;--scrollbar-radius:6px;--chevron-down-icon:url("data:image/svg+xml;utf8,");--chevron-down-icon-50:url("data:image/svg+xml;utf8,");--check-icon:url("data:image/svg+xml;utf8,")}.dark{--background:oklch(.145 0 0);--foreground:oklch(.985 0 0);--card:oklch(.205 0 0);--card-foreground:oklch(.985 0 0);--popover:oklch(.269 0 0);--popover-foreground:oklch(.985 0 0);--primary:oklch(.922 0 0);--primary-foreground:oklch(.205 0 0);--secondary:oklch(.269 0 0);--secondary-foreground:oklch(.985 0 0);--muted:oklch(.269 0 0);--muted-foreground:oklch(.708 0 0);--accent:oklch(.371 0 0);--accent-foreground:oklch(.985 0 0);--destructive:oklch(.704 .191 22.216);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/15%);--ring:oklch(.556 0 0);--chart-1:oklch(.488 .243 264.376);--chart-2:oklch(.696 .17 162.48);--chart-3:oklch(.769 .188 70.08);--chart-4:oklch(.627 .265 303.9);--chart-5:oklch(.645 .246 16.439);--sidebar:oklch(.205 0 0);--sidebar-foreground:oklch(.985 0 0);--sidebar-primary:oklch(.488 .243 264.376);--sidebar-primary-foreground:oklch(.985 0 0);--sidebar-accent:oklch(.269 0 0);--sidebar-accent-foreground:oklch(.985 0 0);--sidebar-border:oklch(1 0 0/10%);--sidebar-ring:oklch(.439 0 0);--scrollbar-thumb:#ffffff4d;--chevron-down-icon:url("data:image/svg+xml;utf8,");--chevron-down-icon-50:url("data:image/svg+xml;utf8,");--check-icon:url("data:image/svg+xml;utf8,");color-scheme:dark}@keyframes toast-up{0%{opacity:0;transform:translateY(100%)}}.theme-claude:root{--background:oklch(.98 .01 95.1);--foreground:oklch(.34 .03 95.72);--card:oklch(.98 .01 95.1);--card-foreground:oklch(.19 0 106.59);--popover:oklch(1 0 0);--popover-foreground:oklch(.27 .02 98.94);--primary:oklch(.62 .14 39.04);--primary-foreground:oklch(1 0 0);--secondary:oklch(.92 .01 92.99);--secondary-foreground:oklch(.43 .02 98.6);--muted:oklch(.93 .02 90.24);--muted-foreground:oklch(.61 .01 97.42);--accent:oklch(.92 .01 92.99);--accent-foreground:oklch(.27 .02 98.94);--destructive:oklch(.19 0 106.59);--destructive-foreground:oklch(1 0 0);--border:oklch(.88 .01 97.36);--input:oklch(.76 .02 98.35);--ring:oklch(.59 .17 253.06);--chart-1:oklch(.56 .13 43);--chart-2:oklch(.69 .16 290.41);--chart-3:oklch(.88 .03 93.13);--chart-4:oklch(.88 .04 298.18);--chart-5:oklch(.56 .13 42.06);--sidebar:oklch(.97 .01 98.88);--sidebar-foreground:oklch(.36 .01 106.65);--sidebar-primary:oklch(.62 .14 39.04);--sidebar-primary-foreground:oklch(.99 0 0);--sidebar-accent:oklch(.92 .01 92.99);--sidebar-accent-foreground:oklch(.33 0 0);--sidebar-border:oklch(.94 0 0);--sidebar-ring:oklch(.77 0 0);--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius:.5rem;--shadow-2xs:0 1px 3px 0px #0000000d;--shadow-xs:0 1px 3px 0px #0000000d;--shadow-sm:0 1px 3px 0px #0000001a,0 1px 2px -1px #0000001a;--shadow:0 1px 3px 0px #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 1px 3px 0px #0000001a,0 2px 4px -1px #0000001a;--shadow-lg:0 1px 3px 0px #0000001a,0 4px 6px -1px #0000001a;--shadow-xl:0 1px 3px 0px #0000001a,0 8px 10px -1px #0000001a;--shadow-2xl:0 1px 3px 0px #00000040}.theme-claude.dark{--background:oklch(.27 0 106.64);--foreground:oklch(.81 .01 93.01);--card:oklch(.27 0 106.64);--card-foreground:oklch(.98 .01 95.1);--popover:oklch(.31 0 106.6);--popover-foreground:oklch(.92 0 106.48);--primary:oklch(.67 .13 38.76);--primary-foreground:oklch(1 0 0);--secondary:oklch(.98 .01 95.1);--secondary-foreground:oklch(.31 0 106.6);--muted:oklch(.22 0 106.71);--muted-foreground:oklch(.77 .02 99.07);--accent:oklch(.21 .01 95.42);--accent-foreground:oklch(.97 .01 98.88);--destructive:oklch(.64 .21 25.33);--destructive-foreground:oklch(1 0 0);--border:oklch(.36 .01 106.89);--input:oklch(.43 .01 100.22);--ring:oklch(.59 .17 253.06);--chart-1:oklch(.56 .13 43);--chart-2:oklch(.69 .16 290.41);--chart-3:oklch(.21 .01 95.42);--chart-4:oklch(.31 .05 289.32);--chart-5:oklch(.56 .13 42.06);--sidebar:oklch(.24 0 67.71);--sidebar-foreground:oklch(.81 .01 93.01);--sidebar-primary:oklch(.33 0 0);--sidebar-primary-foreground:oklch(.99 0 0);--sidebar-accent:oklch(.17 0 106.62);--sidebar-accent-foreground:oklch(.81 .01 93.01);--sidebar-border:oklch(.94 0 0);--sidebar-ring:oklch(.77 0 0);--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius:.5rem;--shadow-2xs:0 1px 3px 0px #0000000d;--shadow-xs:0 1px 3px 0px #0000000d;--shadow-sm:0 1px 3px 0px #0000001a,0 1px 2px -1px #0000001a;--shadow:0 1px 3px 0px #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 1px 3px 0px #0000001a,0 2px 4px -1px #0000001a;--shadow-lg:0 1px 3px 0px #0000001a,0 4px 6px -1px #0000001a;--shadow-xl:0 1px 3px 0px #0000001a,0 8px 10px -1px #0000001a;--shadow-2xl:0 1px 3px 0px #00000040}.theme-doom-64:root{--background:oklch(.85 0 0);--foreground:oklch(.24 0 0);--card:oklch(.76 0 0);--card-foreground:oklch(.24 0 0);--popover:oklch(.76 0 0);--popover-foreground:oklch(.24 0 0);--primary:oklch(.5 .19 27.48);--primary-foreground:oklch(1 0 0);--secondary:oklch(.5 .09 126.19);--secondary-foreground:oklch(1 0 0);--muted:oklch(.78 0 0);--muted-foreground:oklch(.41 0 0);--accent:oklch(.59 .1 245.74);--accent-foreground:oklch(1 0 0);--destructive:oklch(.71 .2 46.46);--destructive-foreground:oklch(0 0 0);--border:oklch(.43 0 0);--input:oklch(.43 0 0);--ring:oklch(.5 .19 27.48);--chart-1:oklch(.5 .19 27.48);--chart-2:oklch(.5 .09 126.19);--chart-3:oklch(.59 .1 245.74);--chart-4:oklch(.71 .2 46.46);--chart-5:oklch(.57 .04 40.43);--sidebar:oklch(.76 0 0);--sidebar-foreground:oklch(.24 0 0);--sidebar-primary:oklch(.5 .19 27.48);--sidebar-primary-foreground:oklch(1 0 0);--sidebar-accent:oklch(.59 .1 245.74);--sidebar-accent-foreground:oklch(1 0 0);--sidebar-border:oklch(.43 0 0);--sidebar-ring:oklch(.5 .19 27.48);--font-sans:"Oxanium",sans-serif;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:"Source Code Pro",monospace;--radius:0px;--shadow-2xs:0px 2px 4px 0px #0003;--shadow-xs:0px 2px 4px 0px #0003;--shadow-sm:0px 2px 4px 0px #0006,0px 1px 2px -1px #0006;--shadow:0px 2px 4px 0px #0006,0px 1px 2px -1px #0006;--shadow-md:0px 2px 4px 0px #0006,0px 2px 4px -1px #0006;--shadow-lg:0px 2px 4px 0px #0006,0px 4px 6px -1px #0006;--shadow-xl:0px 2px 4px 0px #0006,0px 8px 10px -1px #0006;--shadow-2xl:0px 2px 4px 0px #000}.theme-doom-64.dark{--background:oklch(.22 0 0);--foreground:oklch(.91 0 0);--card:oklch(.29 0 0);--card-foreground:oklch(.91 0 0);--popover:oklch(.29 0 0);--popover-foreground:oklch(.91 0 0);--primary:oklch(.61 .21 27.03);--primary-foreground:oklch(1 0 0);--secondary:oklch(.64 .15 133.01);--secondary-foreground:oklch(0 0 0);--muted:oklch(.26 0 0);--muted-foreground:oklch(.71 0 0);--accent:oklch(.75 .12 244.75);--accent-foreground:oklch(0 0 0);--destructive:oklch(.78 .17 68.09);--destructive-foreground:oklch(0 0 0);--border:oklch(.41 0 0);--input:oklch(.41 0 0);--ring:oklch(.61 .21 27.03);--chart-1:oklch(.61 .21 27.03);--chart-2:oklch(.64 .15 133.01);--chart-3:oklch(.75 .12 244.75);--chart-4:oklch(.78 .17 68.09);--chart-5:oklch(.65 .03 40.8);--sidebar:oklch(.19 0 0);--sidebar-foreground:oklch(.91 0 0);--sidebar-primary:oklch(.61 .21 27.03);--sidebar-primary-foreground:oklch(1 0 0);--sidebar-accent:oklch(.75 .12 244.75);--sidebar-accent-foreground:oklch(0 0 0);--sidebar-border:oklch(.41 0 0);--sidebar-ring:oklch(.61 .21 27.03);--font-sans:"Oxanium",sans-serif;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:"Source Code Pro",monospace;--radius:0px;--shadow-2xs:0px 2px 5px 0px #0000004d;--shadow-xs:0px 2px 5px 0px #0000004d;--shadow-sm:0px 2px 5px 0px #0009,0px 1px 2px -1px #0009;--shadow:0px 2px 5px 0px #0009,0px 1px 2px -1px #0009;--shadow-md:0px 2px 5px 0px #0009,0px 2px 4px -1px #0009;--shadow-lg:0px 2px 5px 0px #0009,0px 4px 6px -1px #0009;--shadow-xl:0px 2px 5px 0px #0009,0px 8px 10px -1px #0009;--shadow-2xl:0px 2px 5px 0px #000}.theme-supabase:root{--background:oklch(.99 0 0);--foreground:oklch(.2 0 0);--card:oklch(.99 0 0);--card-foreground:oklch(.2 0 0);--popover:oklch(.99 0 0);--popover-foreground:oklch(.44 0 0);--primary:oklch(.83 .13 160.91);--primary-foreground:oklch(.26 .01 166.46);--secondary:oklch(.99 0 0);--secondary-foreground:oklch(.2 0 0);--muted:oklch(.95 0 0);--muted-foreground:oklch(.24 0 0);--accent:oklch(.95 0 0);--accent-foreground:oklch(.24 0 0);--destructive:oklch(.55 .19 32.73);--destructive-foreground:oklch(.99 0 17.21);--border:oklch(.9 0 0);--input:oklch(.9 0 0);--ring:oklch(.83 .13 160.91);--chart-1:oklch(.83 .13 160.91);--chart-2:oklch(.62 .19 259.81);--chart-3:oklch(.61 .22 292.72);--chart-4:oklch(.77 .16 70.08);--chart-5:oklch(.7 .15 162.48);--sidebar:oklch(.99 0 0);--sidebar-foreground:oklch(.55 0 0);--sidebar-primary:oklch(.83 .13 160.91);--sidebar-primary-foreground:oklch(.26 .01 166.46);--sidebar-accent:oklch(.95 0 0);--sidebar-accent-foreground:oklch(.24 0 0);--sidebar-border:oklch(.9 0 0);--sidebar-ring:oklch(.83 .13 160.91);--font-sans:Outfit,sans-serif;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:monospace;--radius:.5rem;--shadow-2xs:0px 1px 3px 0px #00000017;--shadow-xs:0px 1px 3px 0px #00000017;--shadow-sm:0px 1px 3px 0px #0000002b,0px 1px 2px -1px #0000002b;--shadow:0px 1px 3px 0px #0000002b,0px 1px 2px -1px #0000002b;--shadow-md:0px 1px 3px 0px #0000002b,0px 2px 4px -1px #0000002b;--shadow-lg:0px 1px 3px 0px #0000002b,0px 4px 6px -1px #0000002b;--shadow-xl:0px 1px 3px 0px #0000002b,0px 8px 10px -1px #0000002b;--shadow-2xl:0px 1px 3px 0px #0000006e;--tracking-normal:.025em}.theme-supabase.dark{--background:oklch(.18 0 0);--foreground:oklch(.93 .01 255.51);--card:oklch(.2 0 0);--card-foreground:oklch(.93 .01 255.51);--popover:oklch(.26 0 0);--popover-foreground:oklch(.73 0 0);--primary:oklch(.44 .1 156.76);--primary-foreground:oklch(.92 .01 167.16);--secondary:oklch(.26 0 0);--secondary-foreground:oklch(.99 0 0);--muted:oklch(.24 0 0);--muted-foreground:oklch(.71 0 0);--accent:oklch(.31 0 0);--accent-foreground:oklch(.99 0 0);--destructive:oklch(.31 .09 29.79);--destructive-foreground:oklch(.94 0 34.31);--border:oklch(.28 0 0);--input:oklch(.28 0 0);--ring:oklch(.8 .18 151.71);--chart-1:oklch(.8 .18 151.71);--chart-2:oklch(.71 .14 254.62);--chart-3:oklch(.71 .16 293.54);--chart-4:oklch(.84 .16 84.43);--chart-5:oklch(.78 .13 181.91);--sidebar:oklch(.18 0 0);--sidebar-foreground:oklch(.63 0 0);--sidebar-primary:oklch(.44 .1 156.76);--sidebar-primary-foreground:oklch(.92 .01 167.16);--sidebar-accent:oklch(.31 0 0);--sidebar-accent-foreground:oklch(.99 0 0);--sidebar-border:oklch(.28 0 0);--sidebar-ring:oklch(.8 .18 151.71);--font-sans:Outfit,sans-serif;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:monospace;--radius:.5rem;--shadow-2xs:0px 1px 3px 0px #00000017;--shadow-xs:0px 1px 3px 0px #00000017;--shadow-sm:0px 1px 3px 0px #0000002b,0px 1px 2px -1px #0000002b;--shadow:0px 1px 3px 0px #0000002b,0px 1px 2px -1px #0000002b;--shadow-md:0px 1px 3px 0px #0000002b,0px 2px 4px -1px #0000002b;--shadow-lg:0px 1px 3px 0px #0000002b,0px 4px 6px -1px #0000002b;--shadow-xl:0px 1px 3px 0px #0000002b,0px 8px 10px -1px #0000002b;--shadow-2xl:0px 1px 3px 0px #0000006e}.theme-supabase body{letter-spacing:var(--tracking-normal)}:root{--font-sans:"Geist Sans",ui-sans-serif,system-ui,sans-serif;--font-heading:"Geist Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.htmx-indicator{visibility:hidden;opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-behavior:allow-discrete}.htmx-indicator:not(.htmx-request){display:none}.htmx-request,.htmx-request.htmx-indicator{visibility:visible;opacity:1}.content pre{border-radius:var(--radius-lg);background-color:var(--color-muted);max-height:650px;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:grid;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.content pre{background-color:color-mix(in oklab,var(--color-muted)40%,transparent)}}.content pre>code{border-radius:inherit;padding:calc(var(--spacing)*3.5);font-family:var(--font-mono);background-color:#0000;display:block}.content pre>code.hljs{background-color:#0000!important}.content>h2{margin-top:calc(var(--spacing)*12);margin-bottom:calc(var(--spacing)*6);scroll-margin:calc(var(--spacing)*22);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.content>h2:first-child{margin-top:calc(var(--spacing)*0)}@media (min-width:64rem){.content>h2{margin-top:calc(var(--spacing)*20)}}.content>h3{margin-top:calc(var(--spacing)*8);margin-bottom:calc(var(--spacing)*6);scroll-margin:calc(var(--spacing)*22);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.content>h4{margin-block:calc(var(--spacing)*6);scroll-margin:calc(var(--spacing)*22);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.content .prose{margin-block:calc(var(--spacing)*6)}.content .prose a{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-underline-offset:4px;text-decoration-line:underline}.content .prose code:not(pre>code){border-radius:var(--radius-md);background-color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:.2rem;padding-inline:.3rem;position:relative}@supports (color:color-mix(in lab, red, red)){.content .prose code:not(pre>code){background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.content .prose blockquote{border-left-style:var(--tw-border-style);border-left-width:4px;border-color:var(--color-border);padding-left:calc(var(--spacing)*4)}.content .prose ol{margin-left:calc(var(--spacing)*6);list-style-type:decimal}.content .prose ul{margin-left:calc(var(--spacing)*6);list-style-type:disc}:is(.content .prose ol,.content .prose ul) li{margin-top:calc(var(--spacing)*2)}.content .prose dl{margin-block:calc(var(--spacing)*6);border-bottom-style:var(--tw-border-style);padding-bottom:calc(var(--spacing)*3);border-bottom-width:1px}.content .prose dl dt{margin-top:calc(var(--spacing)*3);border-top-style:var(--tw-border-style);padding-top:calc(var(--spacing)*3);border-top-width:1px}.content .prose dl dt:first-child{margin-top:calc(var(--spacing)*0)}.content .prose dl dd{margin-top:calc(var(--spacing)*2)}:where(.content .prose dl dd>: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)))}.content .prose dl dl{margin-block:calc(var(--spacing)*0);margin-top:calc(var(--spacing)*4);border-bottom-style:var(--tw-border-style);padding-bottom:calc(var(--spacing)*0);padding-left:calc(var(--spacing)*8);border-bottom-width:0}.content .prose b,.content .prose strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.content .prose>p,.content .prose>blockquote,.content .prose>ul,.content .prose>ol,.content .prose>dl,.content .prose>table,.content .prose>pre,.content .prose>p{margin-block:calc(var(--spacing)*6)}.content .prose>:first-child{margin-top:calc(var(--spacing)*0)!important}.content .prose>:last-child{margin-bottom:calc(var(--spacing)*0)!important}.content .step{counter-increment:step}.content .step:before{margin-right:calc(var(--spacing)*2);height:calc(var(--spacing)*8);width:calc(var(--spacing)*8);border-style:var(--tw-border-style);border-width:4px;border-color:var(--color-background);background-color:var(--color-muted);text-align:center;text-indent:-1px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);content:counter(step);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}@media (min-width:48rem){.content .step:before{height:calc(var(--spacing)*9);width:calc(var(--spacing)*9);margin-top:-4px;margin-left:-50px}}.content .step>h3{min-height:calc(var(--spacing)*8);align-items:center;display:flex}@media not all and (min-width:48rem){.content .step>h3{margin-left:calc(var(--spacing)*10)}}:root{--hljs-bg:#fff;--hljs-color:#24292e;--hljs-keyword:#d73a49;--hljs-title:#6f42c1;--hljs-literal:#005cc5;--hljs-string:#032f62;--hljs-symbol:#e36209;--hljs-comment:#6a737d;--hljs-tag:#22863a;--hljs-section:#005cc5;--hljs-bullet:#735c0f;--hljs-addition-color:#22863a;--hljs-addition-bg:#f0fff4;--hljs-deletion-color:#b31d28;--hljs-deletion-bg:#ffeef0}html.dark{--hljs-bg:#0d1117;--hljs-color:#c9d1d9;--hljs-keyword:#ff7b72;--hljs-title:#d2a8ff;--hljs-literal:#79c0ff;--hljs-string:#a5d6ff;--hljs-symbol:#ffa657;--hljs-comment:#8b949e;--hljs-tag:#7ee787;--hljs-section:#1f6feb;--hljs-bullet:#f2cc60;--hljs-addition-color:#aff5b4;--hljs-addition-bg:#033a16;--hljs-deletion-color:#ffdcd7;--hljs-deletion-bg:#67060c}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:var(--hljs-color);background:var(--hljs-bg)}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:var(--hljs-keyword)}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:var(--hljs-title)}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:var(--hljs-literal)}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:var(--hljs-string)}.hljs-built_in,.hljs-symbol{color:var(--hljs-symbol)}.hljs-code,.hljs-comment,.hljs-formula{color:var(--hljs-comment)}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--hljs-tag)}.hljs-subst{color:var(--hljs-color)}.hljs-section{color:var(--hljs-section);font-weight:700}.hljs-bullet{color:var(--hljs-bullet)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-addition{color:var(--hljs-addition-color);background-color:var(--hljs-addition-bg)}.hljs-deletion{color:var(--hljs-deletion-color);background-color:var(--hljs-deletion-bg)}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";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:"";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:"";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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
\ No newline at end of file
+@layer properties;
+@font-face {
+ font-family: "Geist Sans";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 400;
+ src: url("/assets/fonts/geist/geist-sans-latin-400-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Sans";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 500;
+ src: url("/assets/fonts/geist/geist-sans-latin-500-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Sans";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 600;
+ src: url("/assets/fonts/geist/geist-sans-latin-600-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Sans";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 700;
+ src: url("/assets/fonts/geist/geist-sans-latin-700-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Mono";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 400;
+ src: url("/assets/fonts/geist/geist-mono-latin-400-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Mono";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 500;
+ src: url("/assets/fonts/geist/geist-mono-latin-500-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Mono";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 600;
+ src: url("/assets/fonts/geist/geist-mono-latin-600-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Mono";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 700;
+ src: url("/assets/fonts/geist/geist-mono-latin-700-normal.woff2") format("woff2");
+}
+@layer theme, base, components, utilities;
+@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-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+ "Courier New", monospace;
+ --color-red-500: oklch(63.7% 0.237 25.331);
+ --color-amber-50: oklch(98.7% 0.022 95.277);
+ --color-amber-100: oklch(96.2% 0.059 95.617);
+ --color-amber-200: oklch(92.4% 0.12 95.746);
+ --color-amber-300: oklch(87.9% 0.169 91.605);
+ --color-amber-800: oklch(47.3% 0.137 46.201);
+ --color-amber-900: oklch(41.4% 0.112 45.904);
+ --color-amber-950: oklch(27.9% 0.077 45.635);
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
+ --color-green-50: oklch(98.2% 0.018 155.826);
+ --color-green-300: oklch(87.1% 0.15 154.449);
+ --color-green-500: oklch(72.3% 0.219 149.579);
+ --color-green-600: oklch(62.7% 0.194 149.214);
+ --color-green-700: oklch(52.7% 0.154 150.069);
+ --color-green-900: oklch(39.3% 0.095 152.535);
+ --color-green-950: oklch(26.6% 0.065 152.934);
+ --color-blue-50: oklch(97% 0.014 254.604);
+ --color-blue-500: oklch(62.3% 0.214 259.815);
+ --color-blue-600: oklch(54.6% 0.245 262.881);
+ --color-blue-700: oklch(48.8% 0.243 264.376);
+ --color-blue-900: oklch(37.9% 0.146 265.522);
+ --color-blue-950: oklch(28.2% 0.091 267.935);
+ --color-purple-500: oklch(62.7% 0.265 303.9);
+ --color-neutral-300: oklch(87% 0 0);
+ --color-neutral-800: oklch(26.9% 0 0);
+ --color-black: #000;
+ --color-white: #fff;
+ --spacing: 0.25rem;
+ --breakpoint-md: 48rem;
+ --breakpoint-lg: 64rem;
+ --container-xs: 20rem;
+ --container-sm: 24rem;
+ --container-md: 28rem;
+ --container-lg: 32rem;
+ --container-xl: 36rem;
+ --container-3xl: 48rem;
+ --text-xs: 0.75rem;
+ --text-xs--line-height: calc(1 / 0.75);
+ --text-sm: 0.875rem;
+ --text-sm--line-height: calc(1.25 / 0.875);
+ --text-base: 1rem;
+ --text-base--line-height: calc(1.5 / 1);
+ --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-3xl: 1.875rem;
+ --text-3xl--line-height: calc(2.25 / 1.875);
+ --text-4xl: 2.25rem;
+ --text-4xl--line-height: calc(2.5 / 2.25);
+ --font-weight-normal: 400;
+ --font-weight-medium: 500;
+ --font-weight-semibold: 600;
+ --font-weight-bold: 700;
+ --tracking-tight: -0.025em;
+ --tracking-normal: 0em;
+ --tracking-wide: 0.025em;
+ --tracking-wider: 0.05em;
+ --tracking-widest: 0.1em;
+ --leading-tight: 1.25;
+ --leading-snug: 1.375;
+ --leading-normal: 1.5;
+ --leading-relaxed: 1.625;
+ --radius-xs: 0.125rem;
+ --radius-sm: calc(var(--radius) - 4px);
+ --radius-md: calc(var(--radius) - 2px);
+ --radius-lg: var(--radius);
+ --radius-xl: calc(var(--radius) + 4px);
+ --radius-2xl: 1rem;
+ --radius-3xl: 1.5rem;
+ --radius-4xl: 2rem;
+ --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
+ --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+ --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+ --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+ --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+ --animate-spin: spin 1s linear infinite;
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ --blur-xs: 4px;
+ --blur-sm: 8px;
+ --aspect-video: 16 / 9;
+ --default-transition-duration: 150ms;
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ --default-font-family: var(--font-sans);
+ --default-mono-font-family: var(--font-mono);
+ --color-background: var(--background);
+ --color-foreground: var(--foreground);
+ --color-card: var(--card);
+ --color-card-foreground: var(--card-foreground);
+ --color-popover: var(--popover);
+ --color-popover-foreground: var(--popover-foreground);
+ --color-primary: var(--primary);
+ --color-primary-foreground: var(--primary-foreground);
+ --color-secondary: var(--secondary);
+ --color-secondary-foreground: var(--secondary-foreground);
+ --color-muted: var(--muted);
+ --color-muted-foreground: var(--muted-foreground);
+ --color-accent: var(--accent);
+ --color-accent-foreground: var(--accent-foreground);
+ --color-destructive: var(--destructive);
+ --color-border: var(--border);
+ --color-input: var(--input);
+ --color-ring: var(--ring);
+ --color-sidebar: var(--sidebar);
+ --color-sidebar-foreground: var(--sidebar-foreground);
+ --color-sidebar-primary: var(--sidebar-primary);
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+ --color-sidebar-accent: var(--sidebar-accent);
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+ --color-sidebar-border: var(--sidebar-border);
+ --color-sidebar-ring: var(--sidebar-ring);
+ }
+}
+@layer base {
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ border: 0 solid;
+ }
+ html, :host {
+ line-height: 1.5;
+ -webkit-text-size-adjust: 100%;
+ tab-size: 4;
+ 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 {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+ }
+ sub {
+ bottom: -0.25em;
+ }
+ sup {
+ top: -0.5em;
+ }
+ table {
+ text-indent: 0;
+ border-color: inherit;
+ border-collapse: collapse;
+ }
+ :-moz-focusring {
+ outline: auto;
+ }
+ progress {
+ vertical-align: baseline;
+ }
+ summary {
+ display: list-item;
+ }
+ ol, ul, menu {
+ list-style: none;
+ }
+ img, svg, video, canvas, audio, iframe, embed, object {
+ display: block;
+ vertical-align: middle;
+ }
+ img, video {
+ max-width: 100%;
+ height: auto;
+ }
+ button, input, select, optgroup, textarea, ::file-selector-button {
+ font: inherit;
+ font-feature-settings: inherit;
+ font-variation-settings: inherit;
+ letter-spacing: inherit;
+ color: inherit;
+ border-radius: 0;
+ background-color: transparent;
+ opacity: 1;
+ }
+ :where(select:is([multiple], [size])) optgroup {
+ font-weight: bolder;
+ }
+ :where(select:is([multiple], [size])) optgroup option {
+ 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)) {
+ color: color-mix(in oklab, currentcolor 50%, transparent);
+ }
+ }
+ }
+ textarea {
+ resize: vertical;
+ }
+ ::-webkit-search-decoration {
+ -webkit-appearance: none;
+ }
+ ::-webkit-date-and-time-value {
+ min-height: 1lh;
+ text-align: inherit;
+ }
+ ::-webkit-datetime-edit {
+ display: inline-flex;
+ }
+ ::-webkit-datetime-edit-fields-wrapper {
+ padding: 0;
+ }
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+ padding-block: 0;
+ }
+ :-moz-ui-invalid {
+ box-shadow: none;
+ }
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+ appearance: button;
+ }
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+ height: auto;
+ }
+ [hidden]:where(:not([hidden="until-found"])) {
+ display: none !important;
+ }
+}
+@layer utilities {
+ .\@container {
+ container-type: inline-size;
+ }
+ .pointer-events-none {
+ pointer-events: none;
+ }
+ .collapse {
+ visibility: collapse;
+ }
+ .invisible {
+ visibility: hidden;
+ }
+ .visible {
+ visibility: visible;
+ }
+ .sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0;
+ }
+ .absolute {
+ position: absolute;
+ }
+ .fixed {
+ position: fixed;
+ }
+ .relative {
+ position: relative;
+ }
+ .static {
+ position: static;
+ }
+ .sticky {
+ position: sticky;
+ }
+ .inset-0 {
+ inset: calc(var(--spacing) * 0);
+ }
+ .inset-x-0 {
+ inset-inline: calc(var(--spacing) * 0);
+ }
+ .start-3 {
+ inset-inline-start: calc(var(--spacing) * 3);
+ }
+ .end-3 {
+ inset-inline-end: calc(var(--spacing) * 3);
+ }
+ .top-0 {
+ top: calc(var(--spacing) * 0);
+ }
+ .top-1 {
+ top: calc(var(--spacing) * 1);
+ }
+ .top-1\/2 {
+ top: calc(1/2 * 100%);
+ }
+ .top-2 {
+ top: calc(var(--spacing) * 2);
+ }
+ .top-22 {
+ top: calc(var(--spacing) * 22);
+ }
+ .right-2 {
+ right: calc(var(--spacing) * 2);
+ }
+ .right-2\.5 {
+ right: calc(var(--spacing) * 2.5);
+ }
+ .right-3 {
+ right: calc(var(--spacing) * 3);
+ }
+ .bottom-0 {
+ bottom: calc(var(--spacing) * 0);
+ }
+ .left-1 {
+ left: calc(var(--spacing) * 1);
+ }
+ .left-1\/2 {
+ left: calc(1/2 * 100%);
+ }
+ .isolate {
+ isolation: isolate;
+ }
+ .z-10 {
+ z-index: 10;
+ }
+ .col-span-2 {
+ grid-column: span 2 / span 2;
+ }
+ .container {
+ width: 100%;
+ @media (width >= 40rem) {
+ max-width: 40rem;
+ }
+ @media (width >= 48rem) {
+ max-width: 48rem;
+ }
+ @media (width >= 64rem) {
+ max-width: 64rem;
+ }
+ @media (width >= 80rem) {
+ max-width: 80rem;
+ }
+ @media (width >= 96rem) {
+ max-width: 96rem;
+ }
+ }
+ .mx-auto {
+ margin-inline: auto;
+ }
+ .my-4 {
+ margin-block: calc(var(--spacing) * 4);
+ }
+ .my-6 {
+ margin-block: calc(var(--spacing) * 6);
+ }
+ .ms-auto {
+ margin-inline-start: auto;
+ }
+ .mt-4 {
+ margin-top: calc(var(--spacing) * 4);
+ }
+ .mt-6 {
+ margin-top: calc(var(--spacing) * 6);
+ }
+ .mt-8 {
+ margin-top: calc(var(--spacing) * 8);
+ }
+ .mt-12 {
+ margin-top: calc(var(--spacing) * 12);
+ }
+ .-mr-1 {
+ margin-right: calc(var(--spacing) * -1);
+ }
+ .-mr-1\.5 {
+ margin-right: calc(var(--spacing) * -1.5);
+ }
+ .mr-auto {
+ margin-right: auto;
+ }
+ .mb-2 {
+ margin-bottom: calc(var(--spacing) * 2);
+ }
+ .mb-4 {
+ margin-bottom: calc(var(--spacing) * 4);
+ }
+ .mb-6 {
+ margin-bottom: calc(var(--spacing) * 6);
+ }
+ .mb-8 {
+ margin-bottom: calc(var(--spacing) * 8);
+ }
+ .mb-12 {
+ margin-bottom: calc(var(--spacing) * 12);
+ }
+ .-ml-1 {
+ margin-left: calc(var(--spacing) * -1);
+ }
+ .-ml-1\.5 {
+ margin-left: calc(var(--spacing) * -1.5);
+ }
+ .ml-auto {
+ margin-left: auto;
+ }
+ .line-clamp-1 {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ }
+ .line-clamp-2 {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ }
+ .block {
+ display: block;
+ }
+ .contents {
+ display: contents;
+ }
+ .flex {
+ display: flex;
+ }
+ .grid {
+ display: grid;
+ }
+ .hidden {
+ display: none;
+ }
+ .inline {
+ display: inline;
+ }
+ .inline-block {
+ display: inline-block;
+ }
+ .inline-flex {
+ display: inline-flex;
+ }
+ .table {
+ display: table;
+ }
+ .field-sizing-content {
+ field-sizing: content;
+ }
+ .aspect-square {
+ aspect-ratio: 1 / 1;
+ }
+ .aspect-video {
+ aspect-ratio: var(--aspect-video);
+ }
+ .size-2 {
+ width: calc(var(--spacing) * 2);
+ height: calc(var(--spacing) * 2);
+ }
+ .size-2\.5 {
+ width: calc(var(--spacing) * 2.5);
+ height: calc(var(--spacing) * 2.5);
+ }
+ .size-3 {
+ width: calc(var(--spacing) * 3);
+ height: calc(var(--spacing) * 3);
+ }
+ .size-3\.5 {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ .size-4 {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ .size-6 {
+ width: calc(var(--spacing) * 6);
+ height: calc(var(--spacing) * 6);
+ }
+ .size-7 {
+ width: calc(var(--spacing) * 7);
+ height: calc(var(--spacing) * 7);
+ }
+ .size-8 {
+ width: calc(var(--spacing) * 8);
+ height: calc(var(--spacing) * 8);
+ }
+ .size-9 {
+ width: calc(var(--spacing) * 9);
+ height: calc(var(--spacing) * 9);
+ }
+ .size-10 {
+ width: calc(var(--spacing) * 10);
+ height: calc(var(--spacing) * 10);
+ }
+ .size-12 {
+ width: calc(var(--spacing) * 12);
+ height: calc(var(--spacing) * 12);
+ }
+ .h-2 {
+ height: calc(var(--spacing) * 2);
+ }
+ .h-4 {
+ height: calc(var(--spacing) * 4);
+ }
+ .h-5 {
+ height: calc(var(--spacing) * 5);
+ }
+ .h-6 {
+ height: calc(var(--spacing) * 6);
+ }
+ .h-7 {
+ height: calc(var(--spacing) * 7);
+ }
+ .h-8 {
+ height: calc(var(--spacing) * 8);
+ }
+ .h-9 {
+ height: calc(var(--spacing) * 9);
+ }
+ .h-10 {
+ height: calc(var(--spacing) * 10);
+ }
+ .h-12 {
+ height: calc(var(--spacing) * 12);
+ }
+ .h-14 {
+ height: calc(var(--spacing) * 14);
+ }
+ .h-full {
+ height: 100%;
+ }
+ .max-h-64 {
+ max-height: calc(var(--spacing) * 64);
+ }
+ .max-h-\[150px\] {
+ max-height: 150px;
+ }
+ .max-h-\[200px\] {
+ max-height: 200px;
+ }
+ .max-h-\[612px\] {
+ max-height: 612px;
+ }
+ .min-h-16 {
+ min-height: calc(var(--spacing) * 16);
+ }
+ .min-h-27 {
+ min-height: calc(var(--spacing) * 27);
+ }
+ .min-h-32 {
+ min-height: calc(var(--spacing) * 32);
+ }
+ .min-h-\[200px\] {
+ min-height: 200px;
+ }
+ .min-h-\[350px\] {
+ min-height: 350px;
+ }
+ .w-1 {
+ width: calc(var(--spacing) * 1);
+ }
+ .w-1\/2 {
+ width: calc(1/2 * 100%);
+ }
+ .w-2 {
+ width: calc(var(--spacing) * 2);
+ }
+ .w-2\/3 {
+ width: calc(2/3 * 100%);
+ }
+ .w-4 {
+ width: calc(var(--spacing) * 4);
+ }
+ .w-5 {
+ width: calc(var(--spacing) * 5);
+ }
+ .w-5\/6 {
+ width: calc(5/6 * 100%);
+ }
+ .w-7 {
+ width: calc(var(--spacing) * 7);
+ }
+ .w-7\.5 {
+ width: calc(var(--spacing) * 7.5);
+ }
+ .w-10 {
+ width: calc(var(--spacing) * 10);
+ }
+ .w-24 {
+ width: calc(var(--spacing) * 24);
+ }
+ .w-32 {
+ width: calc(var(--spacing) * 32);
+ }
+ .w-48 {
+ width: calc(var(--spacing) * 48);
+ }
+ .w-56 {
+ width: calc(var(--spacing) * 56);
+ }
+ .w-72 {
+ width: calc(var(--spacing) * 72);
+ }
+ .w-80 {
+ width: calc(var(--spacing) * 80);
+ }
+ .w-\[100px\] {
+ width: 100px;
+ }
+ .w-\[150px\] {
+ width: 150px;
+ }
+ .w-\[180px\] {
+ width: 180px;
+ }
+ .w-\[220px\] {
+ width: 220px;
+ }
+ .w-\[240px\] {
+ width: 240px;
+ }
+ .w-\[271px\] {
+ width: 271px;
+ }
+ .w-\[280px\] {
+ width: 280px;
+ }
+ .w-\[320px\] {
+ width: 320px;
+ }
+ .w-fit {
+ width: fit-content;
+ }
+ .w-full {
+ width: 100%;
+ }
+ .w-max {
+ width: max-content;
+ }
+ .max-w-3xl {
+ max-width: var(--container-3xl);
+ }
+ .max-w-72 {
+ max-width: calc(var(--spacing) * 72);
+ }
+ .max-w-\[75\%\] {
+ max-width: 75%;
+ }
+ .max-w-\[200px\] {
+ max-width: 200px;
+ }
+ .max-w-\[300px\] {
+ max-width: 300px;
+ }
+ .max-w-\[400px\] {
+ max-width: 400px;
+ }
+ .max-w-lg {
+ max-width: var(--container-lg);
+ }
+ .max-w-md {
+ max-width: var(--container-md);
+ }
+ .max-w-screen-lg {
+ max-width: var(--breakpoint-lg);
+ }
+ .max-w-screen-md {
+ max-width: var(--breakpoint-md);
+ }
+ .max-w-sm {
+ max-width: var(--container-sm);
+ }
+ .max-w-xl {
+ max-width: var(--container-xl);
+ }
+ .max-w-xs {
+ max-width: var(--container-xs);
+ }
+ .min-w-0 {
+ min-width: calc(var(--spacing) * 0);
+ }
+ .min-w-5 {
+ min-width: calc(var(--spacing) * 5);
+ }
+ .min-w-28 {
+ min-width: calc(var(--spacing) * 28);
+ }
+ .min-w-32 {
+ min-width: calc(var(--spacing) * 32);
+ }
+ .min-w-56 {
+ min-width: calc(var(--spacing) * 56);
+ }
+ .min-w-\[8rem\] {
+ min-width: 8rem;
+ }
+ .flex-1 {
+ flex: 1;
+ }
+ .flex-none {
+ flex: none;
+ }
+ .flex-shrink {
+ flex-shrink: 1;
+ }
+ .shrink-0 {
+ flex-shrink: 0;
+ }
+ .basis-full {
+ flex-basis: 100%;
+ }
+ .border-collapse {
+ border-collapse: collapse;
+ }
+ .-translate-x-1 {
+ --tw-translate-x: calc(var(--spacing) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .-translate-x-1\/2 {
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .-translate-y-1 {
+ --tw-translate-y: calc(var(--spacing) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .-translate-y-1\/2 {
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .translate-y-0 {
+ --tw-translate-y: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .translate-y-0\.5 {
+ --tw-translate-y: calc(var(--spacing) * 0.5);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .transform {
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+ }
+ .animate-pulse {
+ animation: var(--animate-pulse);
+ }
+ .animate-spin {
+ animation: var(--animate-spin);
+ }
+ .cursor-pointer {
+ cursor: pointer;
+ }
+ .cursor-text {
+ cursor: text;
+ }
+ .resize {
+ resize: both;
+ }
+ .resize-none {
+ resize: none;
+ }
+ .scroll-m-20 {
+ scroll-margin: calc(var(--spacing) * 20);
+ }
+ .scroll-mt-14 {
+ scroll-margin-top: calc(var(--spacing) * 14);
+ }
+ .scroll-mt-16 {
+ scroll-margin-top: calc(var(--spacing) * 16);
+ }
+ .list-inside {
+ list-style-position: inside;
+ }
+ .list-decimal {
+ list-style-type: decimal;
+ }
+ .list-disc {
+ list-style-type: disc;
+ }
+ .grid-cols-1 {
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+ }
+ .grid-cols-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+ .grid-cols-3 {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+ .flex-col {
+ flex-direction: column;
+ }
+ .flex-row {
+ flex-direction: row;
+ }
+ .flex-wrap {
+ flex-wrap: wrap;
+ }
+ .items-center {
+ align-items: center;
+ }
+ .items-start {
+ align-items: flex-start;
+ }
+ .items-stretch {
+ align-items: stretch;
+ }
+ .justify-between {
+ justify-content: space-between;
+ }
+ .justify-center {
+ justify-content: center;
+ }
+ .justify-start {
+ justify-content: flex-start;
+ }
+ .gap-0 {
+ gap: calc(var(--spacing) * 0);
+ }
+ .gap-0\.5 {
+ gap: calc(var(--spacing) * 0.5);
+ }
+ .gap-1 {
+ gap: calc(var(--spacing) * 1);
+ }
+ .gap-1\.5 {
+ gap: calc(var(--spacing) * 1.5);
+ }
+ .gap-2 {
+ gap: calc(var(--spacing) * 2);
+ }
+ .gap-3 {
+ gap: calc(var(--spacing) * 3);
+ }
+ .gap-4 {
+ gap: calc(var(--spacing) * 4);
+ }
+ .gap-6 {
+ gap: calc(var(--spacing) * 6);
+ }
+ .gap-7 {
+ gap: calc(var(--spacing) * 7);
+ }
+ .gap-8 {
+ gap: calc(var(--spacing) * 8);
+ }
+ .gap-10 {
+ gap: calc(var(--spacing) * 10);
+ }
+ .gap-12 {
+ gap: calc(var(--spacing) * 12);
+ }
+ .space-y-1 {
+ :where(& > :not(:last-child)) {
+ --tw-space-y-reverse: 0;
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+ }
+ }
+ .space-y-2 {
+ :where(& > :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)));
+ }
+ }
+ .space-y-4 {
+ :where(& > :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)));
+ }
+ }
+ .space-y-6 {
+ :where(& > :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)));
+ }
+ }
+ .gap-x-1 {
+ column-gap: calc(var(--spacing) * 1);
+ }
+ .gap-x-1\.5 {
+ column-gap: calc(var(--spacing) * 1.5);
+ }
+ .gap-x-2 {
+ column-gap: calc(var(--spacing) * 2);
+ }
+ .gap-x-4 {
+ column-gap: calc(var(--spacing) * 4);
+ }
+ .gap-x-10 {
+ column-gap: calc(var(--spacing) * 10);
+ }
+ .-space-x-2 {
+ :where(& > :not(:last-child)) {
+ --tw-space-x-reverse: 0;
+ margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
+ margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
+ }
+ }
+ .gap-y-4 {
+ row-gap: calc(var(--spacing) * 4);
+ }
+ .gap-y-6 {
+ row-gap: calc(var(--spacing) * 6);
+ }
+ .gap-y-10 {
+ row-gap: calc(var(--spacing) * 10);
+ }
+ .self-start {
+ align-self: flex-start;
+ }
+ .truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .overflow-auto {
+ overflow: auto;
+ }
+ .overflow-hidden {
+ overflow: hidden;
+ }
+ .overflow-x-auto {
+ overflow-x: auto;
+ }
+ .overflow-y-auto {
+ overflow-y: auto;
+ }
+ .rounded {
+ border-radius: 0.25rem;
+ }
+ .rounded-4xl {
+ border-radius: var(--radius-4xl);
+ }
+ .rounded-\[2px\] {
+ border-radius: 2px;
+ }
+ .rounded-full {
+ border-radius: calc(infinity * 1px);
+ }
+ .rounded-lg {
+ border-radius: var(--radius-lg);
+ }
+ .rounded-md {
+ border-radius: var(--radius-md);
+ }
+ .rounded-sm {
+ border-radius: var(--radius-sm);
+ }
+ .rounded-s {
+ border-start-start-radius: 0.25rem;
+ border-end-start-radius: 0.25rem;
+ }
+ .rounded-e {
+ border-start-end-radius: 0.25rem;
+ border-end-end-radius: 0.25rem;
+ }
+ .border {
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ }
+ .border-2 {
+ border-style: var(--tw-border-style);
+ border-width: 2px;
+ }
+ .border-s {
+ border-inline-start-style: var(--tw-border-style);
+ border-inline-start-width: 1px;
+ }
+ .border-t {
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ }
+ .border-b {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ }
+ .border-amber-50 {
+ border-color: var(--color-amber-50);
+ }
+ .border-border {
+ border-color: var(--color-border);
+ }
+ .border-border\/50 {
+ border-color: var(--color-border);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
+ }
+ }
+ .border-input {
+ border-color: var(--color-input);
+ }
+ .border-muted {
+ border-color: var(--color-muted);
+ }
+ .border-transparent {
+ border-color: transparent;
+ }
+ .bg-accent {
+ background-color: var(--color-accent);
+ }
+ .bg-amber-50 {
+ background-color: var(--color-amber-50);
+ }
+ .bg-background {
+ background-color: var(--color-background);
+ }
+ .bg-blue-500 {
+ background-color: var(--color-blue-500);
+ }
+ .bg-card {
+ background-color: var(--color-card);
+ }
+ .bg-foreground {
+ background-color: var(--color-foreground);
+ }
+ .bg-green-50 {
+ background-color: var(--color-green-50);
+ }
+ .bg-muted {
+ background-color: var(--color-muted);
+ }
+ .bg-muted\/50 {
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ }
+ .bg-primary {
+ background-color: var(--color-primary);
+ }
+ .bg-primary\/20 {
+ background-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+ }
+ }
+ .bg-sidebar-primary {
+ background-color: var(--color-sidebar-primary);
+ }
+ .mask-repeat {
+ mask-repeat: repeat;
+ }
+ .object-cover {
+ object-fit: cover;
+ }
+ .p-0 {
+ padding: calc(var(--spacing) * 0);
+ }
+ .p-1 {
+ padding: calc(var(--spacing) * 1);
+ }
+ .p-2 {
+ padding: calc(var(--spacing) * 2);
+ }
+ .p-3 {
+ padding: calc(var(--spacing) * 3);
+ }
+ .p-4 {
+ padding: calc(var(--spacing) * 4);
+ }
+ .p-6 {
+ padding: calc(var(--spacing) * 6);
+ }
+ .p-10 {
+ padding: calc(var(--spacing) * 10);
+ }
+ .px-0 {
+ padding-inline: calc(var(--spacing) * 0);
+ }
+ .px-1 {
+ padding-inline: calc(var(--spacing) * 1);
+ }
+ .px-2 {
+ padding-inline: calc(var(--spacing) * 2);
+ }
+ .px-2\.5 {
+ padding-inline: calc(var(--spacing) * 2.5);
+ }
+ .px-3 {
+ padding-inline: calc(var(--spacing) * 3);
+ }
+ .px-4 {
+ padding-inline: calc(var(--spacing) * 4);
+ }
+ .px-\[0\.3rem\] {
+ padding-inline: 0.3rem;
+ }
+ .py-1 {
+ padding-block: calc(var(--spacing) * 1);
+ }
+ .py-1\.5 {
+ padding-block: calc(var(--spacing) * 1.5);
+ }
+ .py-2 {
+ padding-block: calc(var(--spacing) * 2);
+ }
+ .py-3 {
+ padding-block: calc(var(--spacing) * 3);
+ }
+ .py-4 {
+ padding-block: calc(var(--spacing) * 4);
+ }
+ .py-\[0\.2rem\] {
+ padding-block: 0.2rem;
+ }
+ .ps-6 {
+ padding-inline-start: calc(var(--spacing) * 6);
+ }
+ .ps-9 {
+ padding-inline-start: calc(var(--spacing) * 9);
+ }
+ .pe-2 {
+ padding-inline-end: calc(var(--spacing) * 2);
+ }
+ .pe-12 {
+ padding-inline-end: calc(var(--spacing) * 12);
+ }
+ .pt-1 {
+ padding-top: calc(var(--spacing) * 1);
+ }
+ .pt-1\.5 {
+ padding-top: calc(var(--spacing) * 1.5);
+ }
+ .pt-2 {
+ padding-top: calc(var(--spacing) * 2);
+ }
+ .pt-6 {
+ padding-top: calc(var(--spacing) * 6);
+ }
+ .pr-1 {
+ padding-right: calc(var(--spacing) * 1);
+ }
+ .pr-1\.5\! {
+ padding-right: calc(var(--spacing) * 1.5) !important;
+ }
+ .pr-9 {
+ padding-right: calc(var(--spacing) * 9);
+ }
+ .pr-10 {
+ padding-right: calc(var(--spacing) * 10);
+ }
+ .pb-3 {
+ padding-bottom: calc(var(--spacing) * 3);
+ }
+ .pb-4 {
+ padding-bottom: calc(var(--spacing) * 4);
+ }
+ .pb-12 {
+ padding-bottom: calc(var(--spacing) * 12);
+ }
+ .pl-6 {
+ padding-left: calc(var(--spacing) * 6);
+ }
+ .text-center {
+ text-align: center;
+ }
+ .text-end {
+ text-align: end;
+ }
+ .text-left {
+ text-align: left;
+ }
+ .text-right {
+ text-align: right;
+ }
+ .font-mono {
+ font-family: var(--font-mono);
+ }
+ .text-2xl {
+ font-size: var(--text-2xl);
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
+ }
+ .text-3xl {
+ font-size: var(--text-3xl);
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
+ }
+ .text-base {
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ }
+ .text-lg {
+ font-size: var(--text-lg);
+ line-height: var(--tw-leading, var(--text-lg--line-height));
+ }
+ .text-sm {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .text-sm\/relaxed {
+ font-size: var(--text-sm);
+ line-height: var(--leading-relaxed);
+ }
+ .text-xs {
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ }
+ .text-\[1\.05rem\] {
+ font-size: 1.05rem;
+ }
+ .text-\[13px\] {
+ font-size: 13px;
+ }
+ .leading-none {
+ --tw-leading: 1;
+ line-height: 1;
+ }
+ .leading-normal {
+ --tw-leading: var(--leading-normal);
+ line-height: var(--leading-normal);
+ }
+ .leading-snug {
+ --tw-leading: var(--leading-snug);
+ line-height: var(--leading-snug);
+ }
+ .leading-tight {
+ --tw-leading: var(--leading-tight);
+ line-height: var(--leading-tight);
+ }
+ .font-bold {
+ --tw-font-weight: var(--font-weight-bold);
+ font-weight: var(--font-weight-bold);
+ }
+ .font-medium {
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ }
+ .font-normal {
+ --tw-font-weight: var(--font-weight-normal);
+ font-weight: var(--font-weight-normal);
+ }
+ .font-semibold {
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ }
+ .tracking-normal {
+ --tw-tracking: var(--tracking-normal);
+ letter-spacing: var(--tracking-normal);
+ }
+ .tracking-tight {
+ --tw-tracking: var(--tracking-tight);
+ letter-spacing: var(--tracking-tight);
+ }
+ .tracking-widest {
+ --tw-tracking: var(--tracking-widest);
+ letter-spacing: var(--tracking-widest);
+ }
+ .text-balance {
+ text-wrap: balance;
+ }
+ .text-wrap {
+ text-wrap: wrap;
+ }
+ .break-words {
+ overflow-wrap: break-word;
+ }
+ .whitespace-pre-wrap {
+ white-space: pre-wrap;
+ }
+ .text-amber-800 {
+ color: var(--color-amber-800);
+ }
+ .text-amber-900 {
+ color: var(--color-amber-900);
+ }
+ .text-blue-500 {
+ color: var(--color-blue-500);
+ }
+ .text-destructive {
+ color: var(--color-destructive);
+ }
+ .text-foreground {
+ color: var(--color-foreground);
+ }
+ .text-green-500 {
+ color: var(--color-green-500);
+ }
+ .text-green-700 {
+ color: var(--color-green-700);
+ }
+ .text-muted-foreground {
+ color: var(--color-muted-foreground);
+ }
+ .text-neutral-800 {
+ color: var(--color-neutral-800);
+ }
+ .text-primary {
+ color: var(--color-primary);
+ }
+ .text-primary-foreground {
+ color: var(--color-primary-foreground);
+ }
+ .text-purple-500 {
+ color: var(--color-purple-500);
+ }
+ .text-red-500 {
+ color: var(--color-red-500);
+ }
+ .text-sidebar-primary-foreground {
+ color: var(--color-sidebar-primary-foreground);
+ }
+ .text-white {
+ color: var(--color-white);
+ }
+ .text-yellow-500 {
+ color: var(--color-yellow-500);
+ }
+ .normal-case {
+ text-transform: none;
+ }
+ .uppercase {
+ text-transform: uppercase;
+ }
+ .tabular-nums {
+ --tw-numeric-spacing: tabular-nums;
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+ }
+ .underline {
+ text-decoration-line: underline;
+ }
+ .underline-offset-4 {
+ text-underline-offset: 4px;
+ }
+ .opacity-0 {
+ opacity: 0%;
+ }
+ .opacity-50 {
+ opacity: 50%;
+ }
+ .opacity-60 {
+ opacity: 60%;
+ }
+ .opacity-100 {
+ opacity: 100%;
+ }
+ .shadow {
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .shadow-xl {
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .shadow-xs {
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .shadow\/ring {
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .ring-offset-background {
+ --tw-ring-offset-color: var(--color-background);
+ }
+ .outline {
+ outline-style: var(--tw-outline-style);
+ outline-width: 1px;
+ }
+ .filter {
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+ }
+ .backdrop-filter {
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+ }
+ .transition {
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ .transition-all {
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ .transition-colors {
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ .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));
+ }
+ .duration-100 {
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ }
+ .duration-200 {
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ }
+ .duration-400 {
+ --tw-duration: 400ms;
+ transition-duration: 400ms;
+ }
+ .ease-in-out {
+ --tw-ease: var(--ease-in-out);
+ transition-timing-function: var(--ease-in-out);
+ }
+ .outline-none {
+ --tw-outline-style: none;
+ outline-style: none;
+ }
+ .\[--radius\:0\.95rem\] {
+ --radius: 0.95rem;
+ }
+ .\[--radius\:1rem\] {
+ --radius: 1rem;
+ }
+ .\[--radius\:9999px\] {
+ --radius: 9999px;
+ }
+ .group-open\:rotate-180 {
+ &:is(:where(.group):is([open], :popover-open, :open) *) {
+ rotate: 180deg;
+ }
+ }
+ .group-aria-checked\:visible {
+ &:is(:where(.group)[aria-checked="true"] *) {
+ visibility: visible;
+ }
+ }
+ .group-\[\.copied\]\:block {
+ &:is(:where(.group):is(.copied) *) {
+ display: block;
+ }
+ }
+ .group-\[\.copied\]\:hidden {
+ &:is(:where(.group):is(.copied) *) {
+ display: none;
+ }
+ }
+ .peer-checked\:border-primary {
+ &:is(:where(.peer):checked ~ *) {
+ border-color: var(--color-primary);
+ }
+ }
+ .last\:border-b-0 {
+ &:last-child {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 0px;
+ }
+ }
+ .checked\:border-blue-600 {
+ &:checked {
+ border-color: var(--color-blue-600);
+ }
+ }
+ .checked\:border-green-600 {
+ &:checked {
+ border-color: var(--color-green-600);
+ }
+ }
+ .checked\:bg-blue-500 {
+ &:checked {
+ background-color: var(--color-blue-500);
+ }
+ }
+ .checked\:bg-blue-600 {
+ &:checked {
+ background-color: var(--color-blue-600);
+ }
+ }
+ .checked\:bg-green-600 {
+ &:checked {
+ background-color: var(--color-green-600);
+ }
+ }
+ .checked\:before\:bg-background {
+ &:checked {
+ &::before {
+ content: var(--tw-content);
+ background-color: var(--color-background);
+ }
+ }
+ }
+ .checked\:after\:bg-white {
+ &:checked {
+ &::after {
+ content: var(--tw-content);
+ background-color: var(--color-white);
+ }
+ }
+ }
+ .hover\:space-x-1 {
+ &:hover {
+ @media (hover: hover) {
+ :where(& > :not(:last-child)) {
+ --tw-space-x-reverse: 0;
+ margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
+ margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
+ }
+ }
+ }
+ }
+ .hover\:bg-accent\/50 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-accent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
+ }
+ }
+ }
+ }
+ .hover\:bg-destructive\/10 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
+ }
+ }
+ }
+ }
+ .hover\:bg-muted {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ }
+ }
+ }
+ .hover\:text-foreground {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ }
+ .hover\:underline {
+ &:hover {
+ @media (hover: hover) {
+ text-decoration-line: underline;
+ }
+ }
+ }
+ .focus\:bg-destructive\/10 {
+ &:focus {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
+ }
+ }
+ }
+ .focus\:text-destructive {
+ &:focus {
+ color: var(--color-destructive);
+ }
+ }
+ .focus-visible\:border-ring {
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ }
+ .focus-visible\:ring-2 {
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ .focus-visible\:ring-\[3px\] {
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ .focus-visible\:ring-ring {
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ }
+ }
+ .focus-visible\:ring-ring\/50 {
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
+ }
+ }
+ }
+ .focus-visible\:ring-offset-2 {
+ &:focus-visible {
+ --tw-ring-offset-width: 2px;
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ }
+ }
+ .focus-visible\:outline-none {
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ }
+ }
+ .has-\[\:checked\]\:border-primary {
+ &:has(*:is(:checked)) {
+ border-color: var(--color-primary);
+ }
+ }
+ .has-\[\:checked\]\:bg-primary\/5 {
+ &:has(*:is(:checked)) {
+ background-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
+ }
+ }
+ }
+ .has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-600 {
+ &:has(*:is(input[type='checkbox']:checked)) {
+ border-color: var(--color-blue-600);
+ }
+ }
+ .has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-50 {
+ &:has(*:is(input[type='checkbox']:checked)) {
+ background-color: var(--color-blue-50);
+ }
+ }
+ .has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-600 {
+ &:has(*:is(input[type='radio']:checked)) {
+ border-color: var(--color-green-600);
+ }
+ }
+ .has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-50 {
+ &:has(*:is(input[type='radio']:checked)) {
+ background-color: var(--color-green-50);
+ }
+ }
+ .max-sm\:size-7 {
+ @media (width < 40rem) {
+ width: calc(var(--spacing) * 7);
+ height: calc(var(--spacing) * 7);
+ }
+ }
+ .max-sm\:flex-col {
+ @media (width < 40rem) {
+ flex-direction: column;
+ }
+ }
+ .sm\:block {
+ @media (width >= 40rem) {
+ display: block;
+ }
+ }
+ .sm\:flex {
+ @media (width >= 40rem) {
+ display: flex;
+ }
+ }
+ .sm\:max-w-\[425px\] {
+ @media (width >= 40rem) {
+ max-width: 425px;
+ }
+ }
+ .sm\:gap-2\.5 {
+ @media (width >= 40rem) {
+ gap: calc(var(--spacing) * 2.5);
+ }
+ }
+ .sm\:text-3xl {
+ @media (width >= 40rem) {
+ font-size: var(--text-3xl);
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
+ }
+ }
+ .sm\:text-base {
+ @media (width >= 40rem) {
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ }
+ }
+ .sm\:text-lg {
+ @media (width >= 40rem) {
+ font-size: var(--text-lg);
+ line-height: var(--tw-leading, var(--text-lg--line-height));
+ }
+ }
+ .md\:col-span-2 {
+ @media (width >= 48rem) {
+ grid-column: span 2 / span 2;
+ }
+ }
+ .md\:flex {
+ @media (width >= 48rem) {
+ display: flex;
+ }
+ }
+ .md\:w-\[239px\] {
+ @media (width >= 48rem) {
+ width: 239px;
+ }
+ }
+ .md\:w-auto {
+ @media (width >= 48rem) {
+ width: auto;
+ }
+ }
+ .md\:max-w-\[200px\] {
+ @media (width >= 48rem) {
+ max-width: 200px;
+ }
+ }
+ .md\:min-w-80 {
+ @media (width >= 48rem) {
+ min-width: calc(var(--spacing) * 80);
+ }
+ }
+ .md\:flex-auto {
+ @media (width >= 48rem) {
+ flex: auto;
+ }
+ }
+ .md\:grid-cols-2 {
+ @media (width >= 48rem) {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+ }
+ .md\:flex-row {
+ @media (width >= 48rem) {
+ flex-direction: row;
+ }
+ }
+ .md\:items-center {
+ @media (width >= 48rem) {
+ align-items: center;
+ }
+ }
+ .md\:items-start {
+ @media (width >= 48rem) {
+ align-items: flex-start;
+ }
+ }
+ .md\:p-6 {
+ @media (width >= 48rem) {
+ padding: calc(var(--spacing) * 6);
+ }
+ }
+ .md\:p-12 {
+ @media (width >= 48rem) {
+ padding: calc(var(--spacing) * 12);
+ }
+ }
+ .md\:text-4xl {
+ @media (width >= 48rem) {
+ font-size: var(--text-4xl);
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
+ }
+ }
+ .lg\:grid-cols-2 {
+ @media (width >= 64rem) {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+ }
+ .xl\:block {
+ @media (width >= 80rem) {
+ display: block;
+ }
+ }
+ .xl\:p-12 {
+ @media (width >= 80rem) {
+ padding: calc(var(--spacing) * 12);
+ }
+ }
+ .xl\:text-4xl {
+ @media (width >= 80rem) {
+ font-size: var(--text-4xl);
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
+ }
+ }
+ .\@md\:w-auto {
+ @container (width >= 28rem) {
+ width: auto;
+ }
+ }
+ .\@md\:min-w-sm {
+ @container (width >= 28rem) {
+ min-width: var(--container-sm);
+ }
+ }
+ .rtl\:rotate-180 {
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+ rotate: 180deg;
+ }
+ }
+ .dark\:block {
+ &:is(.dark *) {
+ display: block;
+ }
+ }
+ .dark\:hidden {
+ &:is(.dark *) {
+ display: none;
+ }
+ }
+ .dark\:border-amber-950 {
+ &:is(.dark *) {
+ border-color: var(--color-amber-950);
+ }
+ }
+ .dark\:bg-amber-950 {
+ &:is(.dark *) {
+ background-color: var(--color-amber-950);
+ }
+ }
+ .dark\:bg-blue-600 {
+ &:is(.dark *) {
+ background-color: var(--color-blue-600);
+ }
+ }
+ .dark\:bg-green-950 {
+ &:is(.dark *) {
+ background-color: var(--color-green-950);
+ }
+ }
+ .dark\:bg-input\/30 {
+ &:is(.dark *) {
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
+ }
+ }
+ }
+ .dark\:text-amber-100 {
+ &:is(.dark *) {
+ color: var(--color-amber-100);
+ }
+ }
+ .dark\:text-amber-200 {
+ &:is(.dark *) {
+ color: var(--color-amber-200);
+ }
+ }
+ .dark\:text-amber-300 {
+ &:is(.dark *) {
+ color: var(--color-amber-300);
+ }
+ }
+ .dark\:text-green-300 {
+ &:is(.dark *) {
+ color: var(--color-green-300);
+ }
+ }
+ .dark\:text-neutral-300 {
+ &:is(.dark *) {
+ color: var(--color-neutral-300);
+ }
+ }
+ .dark\:checked\:border-blue-700 {
+ &:is(.dark *) {
+ &:checked {
+ border-color: var(--color-blue-700);
+ }
+ }
+ }
+ .dark\:checked\:bg-blue-600 {
+ &:is(.dark *) {
+ &:checked {
+ background-color: var(--color-blue-600);
+ }
+ }
+ }
+ .dark\:checked\:bg-blue-700 {
+ &:is(.dark *) {
+ &:checked {
+ background-color: var(--color-blue-700);
+ }
+ }
+ }
+ .dark\:checked\:bg-input\/30 {
+ &:is(.dark *) {
+ &:checked {
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
+ }
+ }
+ }
+ }
+ .dark\:checked\:before\:bg-primary {
+ &:is(.dark *) {
+ &:checked {
+ &::before {
+ content: var(--tw-content);
+ background-color: var(--color-primary);
+ }
+ }
+ }
+ }
+ .dark\:hover\:bg-destructive\/20 {
+ &:is(.dark *) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .dark\:focus\:bg-destructive\/20 {
+ &:is(.dark *) {
+ &:focus {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ }
+ }
+ .dark\:has-\[\:checked\]\:bg-primary\/10 {
+ &:is(.dark *) {
+ &:has(*:is(:checked)) {
+ background-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+ }
+ }
+ }
+ }
+ .dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-900 {
+ &:is(.dark *) {
+ &:has(*:is(input[type='checkbox']:checked)) {
+ border-color: var(--color-blue-900);
+ }
+ }
+ }
+ .dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-950 {
+ &:is(.dark *) {
+ &:has(*:is(input[type='checkbox']:checked)) {
+ background-color: var(--color-blue-950);
+ }
+ }
+ }
+ .dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-900 {
+ &:is(.dark *) {
+ &:has(*:is(input[type='radio']:checked)) {
+ border-color: var(--color-green-900);
+ }
+ }
+ }
+ .dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-950 {
+ &:is(.dark *) {
+ &:has(*:is(input[type='radio']:checked)) {
+ background-color: var(--color-green-950);
+ }
+ }
+ }
+ .\[\&_\[data-name\]\]\:hidden {
+ & [data-name] {
+ display: none;
+ }
+ }
+ .\[\&_a\]\:inline-block {
+ & a {
+ display: inline-block;
+ }
+ }
+ .\[\&_a\]\:text-muted-foreground {
+ & a {
+ color: var(--color-muted-foreground);
+ }
+ }
+ .\[\&_a\]\:no-underline {
+ & a {
+ text-decoration-line: none;
+ }
+ }
+ .\[\&_a\]\:transition-colors {
+ & a {
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ }
+ .\[\&_a\]\:hover\:text-foreground {
+ & a {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ }
+ }
+ .\[\&_img\]\:size-8 {
+ & img {
+ width: calc(var(--spacing) * 8);
+ height: calc(var(--spacing) * 8);
+ }
+ }
+ .\[\&_img\]\:size-12 {
+ & img {
+ width: calc(var(--spacing) * 12);
+ height: calc(var(--spacing) * 12);
+ }
+ }
+ .\[\&_img\]\:shrink-0 {
+ & img {
+ flex-shrink: 0;
+ }
+ }
+ .\[\&_img\]\:rounded-full {
+ & img {
+ border-radius: calc(infinity * 1px);
+ }
+ }
+ .\[\&_img\]\:object-cover {
+ & img {
+ object-fit: cover;
+ }
+ }
+ .\[\&_img\]\:ring-2 {
+ & img {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ .\[\&_img\]\:ring-background {
+ & img {
+ --tw-ring-color: var(--color-background);
+ }
+ }
+ .\[\&_img\]\:ring-card {
+ & img {
+ --tw-ring-color: var(--color-card);
+ }
+ }
+ .\[\&_img\]\:grayscale {
+ & img {
+ --tw-grayscale: grayscale(100%);
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+ }
+ }
+ .\[\&_img\]\:transition-all {
+ & img {
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ }
+ .\[\&_img\]\:duration-300 {
+ & img {
+ --tw-duration: 300ms;
+ transition-duration: 300ms;
+ }
+ }
+ .\[\&_img\]\:ease-in-out {
+ & img {
+ --tw-ease: var(--ease-in-out);
+ transition-timing-function: var(--ease-in-out);
+ }
+ }
+ .\[\&_li\]\:mt-0 {
+ & li {
+ margin-top: calc(var(--spacing) * 0);
+ }
+ }
+ .\[\&_li\]\:pt-2 {
+ & li {
+ padding-top: calc(var(--spacing) * 2);
+ }
+ }
+ .\[\&_svg\]\:pointer-events-none {
+ & svg {
+ pointer-events: none;
+ }
+ }
+ .\[\&_svg\]\:size-4 {
+ & svg {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .\[\&_svg\]\:shrink-0 {
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ .\[\&_svg\]\:\!text-destructive {
+ & svg {
+ color: var(--color-destructive) !important;
+ }
+ }
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 6);
+ height: calc(var(--spacing) * 6);
+ }
+ }
+ .\[\&_ul\]\:m-0 {
+ & ul {
+ margin: calc(var(--spacing) * 0);
+ }
+ }
+ .\[\&_ul\]\:list-none {
+ & ul {
+ list-style-type: none;
+ }
+ }
+ .\[\&_ul_ul\]\:pl-4 {
+ & ul ul {
+ padding-left: calc(var(--spacing) * 4);
+ }
+ }
+ .md\:\*\:\[\.card\]\:basis-1\/4 {
+ @media (width >= 48rem) {
+ :is(& > *) {
+ &:is(.card) {
+ flex-basis: calc(1/4 * 100%);
+ }
+ }
+ }
+ }
+ .\[a\]\:transition-colors {
+ &:is(a) {
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ }
+ .\[a\]\:hover\:bg-accent\/50 {
+ &:is(a) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-accent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .\[\&\>a\]\:underline {
+ &>a {
+ text-decoration-line: underline;
+ }
+ }
+ .\[\&\>a\]\:underline-offset-4 {
+ &>a {
+ text-underline-offset: 4px;
+ }
+ }
+ .\[\&\>a\:hover\]\:text-primary {
+ &>a:hover {
+ color: var(--color-primary);
+ }
+ }
+ .\[\&\>svg\]\:mb-3 {
+ &>svg {
+ margin-bottom: calc(var(--spacing) * 3);
+ }
+ }
+ .\[\&\>svg\]\:size-4 {
+ &>svg {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .\[\&\>svg\]\:size-6 {
+ &>svg {
+ width: calc(var(--spacing) * 6);
+ height: calc(var(--spacing) * 6);
+ }
+ }
+}
+:root {
+ --radius: 0.625rem;
+ --background: oklch(1 0 0);
+ --foreground: oklch(0.145 0 0);
+ --card: oklch(1 0 0);
+ --card-foreground: oklch(0.145 0 0);
+ --popover: oklch(1 0 0);
+ --popover-foreground: oklch(0.145 0 0);
+ --primary: oklch(0.205 0 0);
+ --primary-foreground: oklch(0.985 0 0);
+ --secondary: oklch(0.97 0 0);
+ --secondary-foreground: oklch(0.205 0 0);
+ --muted: oklch(0.97 0 0);
+ --muted-foreground: oklch(0.556 0 0);
+ --accent: oklch(0.97 0 0);
+ --accent-foreground: oklch(0.205 0 0);
+ --destructive: oklch(0.577 0.245 27.325);
+ --border: oklch(0.922 0 0);
+ --input: oklch(0.922 0 0);
+ --ring: oklch(0.708 0 0);
+ --chart-1: oklch(0.646 0.222 41.116);
+ --chart-2: oklch(0.6 0.118 184.704);
+ --chart-3: oklch(0.398 0.07 227.392);
+ --chart-4: oklch(0.828 0.189 84.429);
+ --chart-5: oklch(0.769 0.188 70.08);
+ --sidebar: oklch(0.985 0 0);
+ --sidebar-foreground: oklch(0.145 0 0);
+ --sidebar-primary: oklch(0.205 0 0);
+ --sidebar-primary-foreground: oklch(0.985 0 0);
+ --sidebar-accent: oklch(0.97 0 0);
+ --sidebar-accent-foreground: oklch(0.205 0 0);
+ --sidebar-border: oklch(0.922 0 0);
+ --sidebar-ring: oklch(0.708 0 0);
+ --sidebar-width: 16rem;
+ --sidebar-mobile-width: 18rem;
+ --scrollbar-track: transparent;
+ --scrollbar-thumb: rgba(0, 0, 0, 0.3);
+ --scrollbar-width: 6px;
+ --scrollbar-radius: 6px;
+ --chevron-down-icon: url('data:image/svg+xml;utf8,');
+ --chevron-down-icon-50: url('data:image/svg+xml;utf8,');
+ --check-icon: url('data:image/svg+xml;utf8,');
+}
+.dark {
+ --background: oklch(0.145 0 0);
+ --foreground: oklch(0.985 0 0);
+ --card: oklch(0.205 0 0);
+ --card-foreground: oklch(0.985 0 0);
+ --popover: oklch(0.269 0 0);
+ --popover-foreground: oklch(0.985 0 0);
+ --primary: oklch(0.922 0 0);
+ --primary-foreground: oklch(0.205 0 0);
+ --secondary: oklch(0.269 0 0);
+ --secondary-foreground: oklch(0.985 0 0);
+ --muted: oklch(0.269 0 0);
+ --muted-foreground: oklch(0.708 0 0);
+ --accent: oklch(0.371 0 0);
+ --accent-foreground: oklch(0.985 0 0);
+ --destructive: oklch(0.704 0.191 22.216);
+ --border: oklch(1 0 0 / 10%);
+ --input: oklch(1 0 0 / 15%);
+ --ring: oklch(0.556 0 0);
+ --chart-1: oklch(0.488 0.243 264.376);
+ --chart-2: oklch(0.696 0.17 162.48);
+ --chart-3: oklch(0.769 0.188 70.08);
+ --chart-4: oklch(0.627 0.265 303.9);
+ --chart-5: oklch(0.645 0.246 16.439);
+ --sidebar: oklch(0.205 0 0);
+ --sidebar-foreground: oklch(0.985 0 0);
+ --sidebar-primary: oklch(0.488 0.243 264.376);
+ --sidebar-primary-foreground: oklch(0.985 0 0);
+ --sidebar-accent: oklch(0.269 0 0);
+ --sidebar-accent-foreground: oklch(0.985 0 0);
+ --sidebar-border: oklch(1 0 0 / 10%);
+ --sidebar-ring: oklch(0.439 0 0);
+ --scrollbar-thumb: rgba(255, 255, 255, 0.3);
+ --chevron-down-icon: url('data:image/svg+xml;utf8,');
+ --chevron-down-icon-50: url('data:image/svg+xml;utf8,');
+ --check-icon: url('data:image/svg+xml;utf8,');
+ color-scheme: dark;
+}
+@layer base {
+ * {
+ border-color: var(--color-border);
+ outline-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ outline-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
+ }
+ }
+ html {
+ scroll-behavior: smooth;
+ }
+ body {
+ overscroll-behavior: none;
+ background-color: var(--color-background);
+ color: var(--color-foreground);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ .scrollbar {
+ scrollbar-width: thin;
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
+ &::-webkit-scrollbar {
+ width: var(--scrollbar-width);
+ }
+ &::-webkit-scrollbar-track {
+ background: var(--scrollbar-track);
+ }
+ &::-webkit-scrollbar-thumb {
+ background: var(--scrollbar-thumb);
+ border-radius: var(--scrollbar-radius);
+ }
+ }
+}
+@layer components {
+ .alert, .alert-destructive {
+ position: relative;
+ width: 100%;
+ }
+ .alert > :is(h2, h3, h4, h5, h6, strong, [data-title]), .alert-destructive > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
+ min-height: calc(var(--spacing) * 4);
+ }
+ .alert > section, .alert-destructive > section {
+ display: grid;
+ justify-items: start;
+ gap: calc(var(--spacing) * 1);
+ ul {
+ list-style-position: inside;
+ list-style-type: disc;
+ }
+ }
+}
+@layer components {
+ .badge, .badge-primary, .badge-secondary, .badge-destructive, .badge-outline, .badge-ghost, .badge-link {
+ display: inline-flex;
+ width: fit-content;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ white-space: nowrap;
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ &>svg {
+ pointer-events: none;
+ }
+ }
+}
+@layer components {
+ .btn, .btn-primary, .btn-secondary, .btn-outline, .btn-ghost, .btn-link, .btn-destructive, .btn-xs, .btn-xs-primary, .btn-xs-secondary, .btn-xs-outline, .btn-xs-ghost, .btn-xs-link, .btn-xs-destructive, .btn-sm, .btn-sm-primary, .btn-sm-secondary, .btn-sm-outline, .btn-sm-ghost, .btn-sm-link, .btn-sm-destructive, .btn-lg, .btn-lg-primary, .btn-lg-secondary, .btn-lg-outline, .btn-lg-ghost, .btn-lg-link, .btn-lg-destructive, .btn-icon, .btn-icon-primary, .btn-icon-secondary, .btn-icon-outline, .btn-icon-ghost, .btn-icon-link, .btn-icon-destructive, .btn-xs-icon, .btn-xs-icon-primary, .btn-xs-icon-secondary, .btn-xs-icon-outline, .btn-xs-icon-ghost, .btn-xs-icon-link, .btn-xs-icon-destructive, .btn-sm-icon, .btn-sm-icon-primary, .btn-sm-icon-secondary, .btn-sm-icon-outline, .btn-sm-icon-ghost, .btn-sm-icon-link, .btn-sm-icon-destructive, .btn-lg-icon, .btn-lg-icon-primary, .btn-lg-icon-secondary, .btn-lg-icon-outline, .btn-lg-icon-ghost, .btn-lg-icon-link, .btn-lg-icon-destructive {
+ display: inline-flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ white-space: nowrap;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-outline-style: none;
+ outline-style: none;
+ -webkit-user-select: none;
+ user-select: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+}
+@layer components {
+ .button-group {
+ isolation: isolate;
+ display: inline-flex;
+ width: fit-content;
+ align-items: stretch;
+ > .input {
+ flex: 1;
+ }
+ > *:focus-visible, > :is(.dropdown-menu, .popover, .select) > button:focus-visible {
+ position: relative;
+ z-index: 10;
+ }
+ > :is(hr[role='separator'], .button-group-separator) {
+ position: relative;
+ margin-inline: calc(var(--spacing) * 0);
+ margin-block: 1px;
+ height: auto;
+ width: 1px;
+ flex-shrink: 0;
+ align-self: stretch;
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ &:not([data-orientation='vertical']) {
+ > *:not(:first-child), > :is(.dropdown-menu, .popover, .select):not(:first-child) > button {
+ border-start-start-radius: 0;
+ border-end-start-radius: 0;
+ border-inline-start-style: var(--tw-border-style);
+ border-inline-start-width: 0px;
+ }
+ > *:not(:last-child), > :is(.dropdown-menu, .popover, .select):not(:last-child) > button {
+ border-start-end-radius: 0;
+ border-end-end-radius: 0;
+ }
+ }
+ &[data-orientation='vertical'] {
+ flex-direction: column;
+ > :is(hr[role='separator'], .button-group-separator) {
+ margin-inline: 1px;
+ margin-block: calc(var(--spacing) * 0);
+ height: 1px;
+ width: auto;
+ }
+ > *:not(:first-child), > :is(.dropdown-menu, .popover, .select):not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-top-style: var(--tw-border-style);
+ border-top-width: 0px;
+ }
+ > *:not(:last-child), > :is(.dropdown-menu, .popover, .select):not(:last-child) > button {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ }
+ }
+ .button-group-text {
+ display: flex;
+ align-items: center;
+ & svg {
+ pointer-events: none;
+ }
+ }
+ .button-group-separator {
+ position: relative;
+ flex-shrink: 0;
+ align-self: stretch;
+ }
+}
+@layer components {
+ .card {
+ display: flex;
+ flex-direction: column;
+ > header {
+ container-type: inline-size;
+ container-name: card-header;
+ display: grid;
+ grid-auto-rows: min-content;
+ align-items: flex-start;
+ &:has(>[data-slot=card-action],>.card-action) {
+ grid-template-columns: 1fr auto;
+ }
+ &:has(>p) {
+ grid-template-rows: auto auto;
+ }
+ }
+ > header > :is(h2, h3, [data-title], .card-title) {
+ --tw-leading: 1;
+ line-height: 1;
+ }
+ > header > :is([data-slot='card-action'], .card-action) {
+ grid-column-start: 2;
+ grid-row: span 2 / span 2;
+ grid-row-start: 1;
+ align-self: flex-start;
+ justify-self: flex-end;
+ }
+ > footer {
+ display: flex;
+ align-items: center;
+ }
+ }
+}
+@layer components {
+ details {
+ &::details-content {
+ block-size: 0;
+ display: block;
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ transition-behavior: allow-discrete;
+ }
+ &[open]::details-content {
+ block-size: auto;
+ block-size: calc-size(auto, size);
+ opacity: 100%;
+ }
+ summary {
+ display: inline-flex;
+ cursor: pointer;
+ align-items: center;
+ }
+ }
+ details > summary::-webkit-details-marker {
+ display: none;
+ }
+}
+@layer components {
+ .command-dialog {
+ inset-block: calc(var(--spacing) * 0);
+ background-color: transparent;
+ padding: calc(var(--spacing) * 0);
+ color: inherit;
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ transition-behavior: allow-discrete;
+ max-width: none;
+ max-height: none;
+ &:is([open], :popover-open) {
+ opacity: 100%;
+ &::backdrop {
+ opacity: 100%;
+ }
+ > * {
+ --tw-scale-x: 100%;
+ --tw-scale-y: 100%;
+ --tw-scale-z: 100%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ }
+ @starting-style {
+ opacity: 0%;
+ &::backdrop {
+ opacity: 0%;
+ }
+ > * {
+ --tw-scale-x: 95%;
+ --tw-scale-y: 95%;
+ --tw-scale-z: 95%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ }
+ }
+ }
+ &::backdrop {
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ transition-behavior: allow-discrete;
+ }
+ > * {
+ position: fixed;
+ top: calc(1/3 * 100%);
+ left: calc(1/2 * 100%);
+ z-index: 50;
+ display: flex;
+ max-height: min(640px, calc(100% - 2rem));
+ width: 100%;
+ max-width: calc(100% - 2rem);
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ --tw-translate-y: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ --tw-scale-x: 95%;
+ --tw-scale-y: 95%;
+ --tw-scale-z: 95%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ flex-direction: column;
+ overflow: hidden;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ @media (width >= 40rem) {
+ max-width: var(--container-lg);
+ }
+ }
+ > * > :is(button, form[method='dialog']) {
+ position: absolute;
+ }
+ > * > :is(button, form[method='dialog'] > button) {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ opacity: 70%;
+ transition-property: opacity;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:hover {
+ @media (hover: hover) {
+ opacity: 100%;
+ }
+ }
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ &:disabled {
+ pointer-events: none;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ > * > :is(button, form[method='dialog'] > button) > svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .command {
+ display: flex;
+ width: 100%;
+ flex-direction: column;
+ overflow: hidden;
+ }
+ .command > header {
+ display: flex;
+ align-items: center;
+ }
+ .command > header svg {
+ flex-shrink: 0;
+ }
+ .command > header input {
+ width: 100%;
+ background-color: transparent;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ }
+ .command [role='menu'] {
+ overflow-x: hidden;
+ overflow-y: auto;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ .command [role='menuitem'] {
+ position: relative;
+ display: flex;
+ width: 100%;
+ cursor: default;
+ align-items: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ -webkit-user-select: none;
+ user-select: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &[aria-disabled="true"] {
+ pointer-events: none;
+ }
+ &[aria-disabled="true"] {
+ opacity: 50%;
+ }
+ &[aria-hidden="true"] {
+ display: none;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ .command [role='menuitem'].active {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ }
+ .command [role='group'] {
+ overflow: hidden;
+ }
+ .command [role='group']:not(:has([role='menuitem']:not([aria-hidden='true']))) {
+ display: none;
+ }
+ .command [role='heading'] {
+ display: flex;
+ }
+ .command [role='separator'] {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ .command [data-shortcut] {
+ margin-inline-start: auto;
+ }
+ .command [data-indicator] {
+ margin-inline-start: auto;
+ opacity: 0%;
+ }
+ .command [role='menuitem'][data-checked='true'] [data-indicator], .command [role='menuitem'][aria-selected='true'] [data-indicator] {
+ opacity: 100%;
+ }
+ .command [role='menuitem']:has([data-shortcut]) [data-indicator] {
+ display: none;
+ }
+ .command [role='menu']:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .command [role='menu'][data-empty]:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
+ --tw-content: attr(data-empty);
+ content: var(--tw-content);
+ }
+ .command [role='menu']:not([data-empty]):not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
+ --tw-content: 'No results found';
+ content: var(--tw-content);
+ }
+ .command:not([data-command-initialized]) [role='menuitem']:not([aria-disabled='true']):not(:disabled):hover {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ }
+ .command:has(> header input:not(:placeholder-shown)) [role='separator'] {
+ display: none;
+ }
+}
+@layer components {
+ .combobox {
+ position: relative;
+ display: inline-flex;
+ width: fit-content;
+ flex-direction: column;
+ }
+ .combobox > input[role='combobox'] {
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ }
+ .combobox > svg, .combobox-trigger-icon {
+ pointer-events: none;
+ position: absolute;
+ flex-shrink: 0;
+ }
+ .combobox [data-popover] {
+ isolation: isolate;
+ overflow: hidden;
+ min-width: max(100%, 9rem);
+ }
+ .combobox [role='listbox'] {
+ overflow-y: auto;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ .combobox [role='listbox'] [role='group']:not(:has([role='option']:not([aria-hidden='true']))) {
+ display: none;
+ }
+ .combobox [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .combobox [role='listbox'][data-empty]:not(:has([data-value]:not([aria-hidden='true'])))::before {
+ --tw-content: attr(data-empty);
+ content: var(--tw-content);
+ }
+ .combobox [role='listbox']:not([data-empty]):not(:has([data-value]:not([aria-hidden='true'])))::before {
+ --tw-content: 'No results found';
+ content: var(--tw-content);
+ }
+ .combobox [role='option'] {
+ position: relative;
+ display: flex;
+ width: 100%;
+ cursor: default;
+ align-items: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ -webkit-user-select: none;
+ user-select: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &[aria-disabled="true"] {
+ pointer-events: none;
+ }
+ &[aria-disabled="true"] {
+ opacity: 50%;
+ }
+ &[aria-hidden="true"] {
+ display: none;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ .combobox [role='option'][aria-selected='true'] {
+ background-image: var(--check-icon);
+ background-size: 0.875rem;
+ background-position: center right 0.5rem;
+ background-repeat: no-repeat;
+ }
+ .combobox [role='option'][aria-selected='true']:dir(rtl) {
+ background-position: center left 0.5rem;
+ }
+ .combobox [role='separator'] {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ .combobox [role='option'].active, .combobox [role='option']:focus-visible, .combobox:not([data-combobox-initialized]) [role='option']:not([aria-disabled='true']):not(:disabled):hover {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ }
+ .combobox-chips {
+ display: flex;
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ flex-wrap: wrap;
+ align-items: center;
+ }
+ .combobox-chips > input[role='combobox'] {
+ min-width: calc(var(--spacing) * 16);
+ flex: 1;
+ background-color: transparent;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ }
+ .combobox-chip {
+ display: inline-flex;
+ width: fit-content;
+ flex-shrink: 0;
+ align-items: center;
+ white-space: nowrap;
+ }
+ .combobox-chip-remove {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ }
+}
+@layer components {
+ .dialog {
+ background-color: transparent;
+ padding: calc(var(--spacing) * 0);
+ color: inherit;
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ transition-behavior: allow-discrete;
+ &::backdrop {
+ opacity: 0%;
+ }
+ &::backdrop {
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ &::backdrop {
+ transition-behavior: allow-discrete;
+ }
+ max-width: none;
+ max-height: none;
+ &:is([open], :popover-open) {
+ opacity: 100%;
+ &::backdrop {
+ opacity: 100%;
+ }
+ > * {
+ --tw-scale-x: 100%;
+ --tw-scale-y: 100%;
+ --tw-scale-z: 100%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ }
+ @starting-style {
+ opacity: 0%;
+ &::backdrop {
+ opacity: 0%;
+ }
+ > * {
+ --tw-scale-x: 95%;
+ --tw-scale-y: 95%;
+ --tw-scale-z: 95%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ }
+ }
+ }
+ > * {
+ position: fixed;
+ top: calc(1/2 * 100%);
+ left: calc(1/2 * 100%);
+ z-index: 50;
+ display: flex;
+ max-height: calc(100% - 2rem);
+ width: 100%;
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ --tw-scale-x: 95%;
+ --tw-scale-y: 95%;
+ --tw-scale-z: 95%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ flex-direction: column;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ > * > header {
+ display: flex;
+ flex-direction: column;
+ }
+ > * > section {
+ flex: 1;
+ }
+ > * > footer {
+ display: flex;
+ flex-direction: column-reverse;
+ @media (width >= 40rem) {
+ flex-direction: row;
+ }
+ @media (width >= 40rem) {
+ justify-content: flex-end;
+ }
+ }
+ > * > :is(button, form[method='dialog']) {
+ position: absolute;
+ }
+ > * > :is(button, form[method='dialog'] > button) {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ opacity: 70%;
+ transition-property: opacity;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:hover {
+ @media (hover: hover) {
+ opacity: 100%;
+ }
+ }
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ &:disabled {
+ pointer-events: none;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ > * > :is(button, form[method='dialog'] > button) > svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+}
+@layer components {
+ .dropdown-menu {
+ position: relative;
+ display: inline-flex;
+ }
+ .dropdown-menu > [data-popover] {
+ min-width: anchor-size(width);
+ }
+ .dropdown-menu [role='menu'] {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ .dropdown-menu :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio']) {
+ position: relative;
+ display: flex;
+ width: 100%;
+ cursor: default;
+ align-items: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ -webkit-user-select: none;
+ user-select: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &[aria-disabled="true"] {
+ pointer-events: none;
+ }
+ &[aria-disabled="true"] {
+ opacity: 50%;
+ }
+ &[aria-hidden="true"] {
+ display: none;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ .dropdown-menu [role='menu'] [role='heading'] {
+ display: flex;
+ }
+ .dropdown-menu [role='separator'] {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ .dropdown-menu [data-shortcut] {
+ margin-inline-start: auto;
+ }
+ .dropdown-menu [data-indicator] {
+ pointer-events: none;
+ visibility: hidden;
+ }
+ .dropdown-menu :is([role='menuitemcheckbox'], [role='menuitemradio'])[aria-checked='true'] [data-indicator] {
+ visibility: visible;
+ }
+ .dropdown-menu [data-rtl-flip] {
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+ rotate: 180deg;
+ }
+ }
+ .dropdown-menu:not([data-dropdown-menu-initialized]) :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio']) {
+ &:not([aria-disabled='true']):not(:disabled):hover {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ }
+ }
+}
+@layer components {
+ .empty {
+ display: flex;
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ flex: 1;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ text-wrap: balance;
+ }
+ .empty > header {
+ display: flex;
+ max-width: var(--container-sm);
+ flex-direction: column;
+ align-items: center;
+ }
+ .empty figure {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ .empty figure:has(img) {
+ overflow: hidden;
+ & img {
+ width: 100%;
+ height: 100%;
+ }
+ & img {
+ object-fit: cover;
+ }
+ }
+ .empty > :is(section, footer) {
+ display: flex;
+ width: 100%;
+ max-width: var(--container-sm);
+ min-width: calc(var(--spacing) * 0);
+ flex-direction: column;
+ align-items: center;
+ text-wrap: balance;
+ }
+ .empty p {
+ &>a {
+ text-decoration-line: underline;
+ }
+ &>a {
+ text-underline-offset: 4px;
+ }
+ &>a:hover {
+ color: var(--color-primary);
+ }
+ }
+}
+@layer components {
+ .fieldset {
+ display: flex;
+ flex-direction: column;
+ }
+ .fieldset > :is([role='group'], [role='radiogroup']):not(.field), .field > :is(fieldset, [role='group'], [role='radiogroup']):not(.field) {
+ container-type: inline-size;
+ container-name: field-group;
+ display: flex;
+ width: 100%;
+ flex-direction: column;
+ }
+ .field {
+ display: flex;
+ width: 100%;
+ flex-direction: column;
+ &[data-invalid="true"] {
+ color: var(--color-destructive);
+ }
+ &>* {
+ width: 100%;
+ }
+ &>.sr-only {
+ width: auto;
+ }
+ &[data-orientation='horizontal'] {
+ flex-direction: row;
+ align-items: center;
+ &:has(>section) {
+ align-items: flex-start;
+ }
+ & p {
+ text-wrap: balance;
+ }
+ &:has(>section) {
+ &>[type=checkbox],[type=radio] {
+ margin-top: 1px;
+ }
+ }
+ &>label {
+ flex: auto;
+ }
+ }
+ &[data-orientation='responsive'] {
+ flex-direction: column;
+ @container field-group (width >= 28rem) {
+ flex-direction: row;
+ }
+ @container field-group (width >= 28rem) {
+ align-items: center;
+ }
+ @container field-group (width >= 28rem) {
+ &:has(>section) {
+ align-items: flex-start;
+ }
+ }
+ @container field-group (width >= 28rem) {
+ &>* {
+ width: auto;
+ }
+ }
+ @container field-group (width >= 28rem) {
+ &:has(>section) {
+ &>[type=checkbox],[type=radio] {
+ margin-top: 1px;
+ }
+ }
+ }
+ @container field-group (width >= 28rem) {
+ &>label {
+ flex: auto;
+ }
+ }
+ }
+ section, .field-content {
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ --tw-leading: var(--leading-snug);
+ line-height: var(--leading-snug);
+ }
+ h2, h3, .field-title {
+ display: flex;
+ width: fit-content;
+ align-items: center;
+ }
+ [role='alert'], .field-error {
+ --tw-font-weight: var(--font-weight-normal);
+ font-weight: var(--font-weight-normal);
+ ul {
+ margin-inline-start: calc(var(--spacing) * 4);
+ display: flex;
+ list-style-type: disc;
+ flex-direction: column;
+ gap: calc(var(--spacing) * 1);
+ }
+ }
+ }
+ .field > label, label:has(> .field) {
+ width: fit-content;
+ }
+ .field > label:has(> .field), .field > label:has(input[type='radio']), .field > label:has(input[type='checkbox']), .field > label:has(input[role='switch']), label:has(> .field) {
+ width: 100%;
+ }
+ .field > label:has(> .field), label:has(> .field) {
+ flex-direction: column;
+ }
+ .field-description, .fieldset legend + p, .field > p, .field section > p {
+ --tw-leading: var(--leading-normal);
+ line-height: var(--leading-normal);
+ --tw-font-weight: var(--font-weight-normal);
+ font-weight: var(--font-weight-normal);
+ &>a {
+ text-decoration-line: underline;
+ }
+ &>a {
+ text-underline-offset: 4px;
+ }
+ &>a:hover {
+ color: var(--color-primary);
+ }
+ }
+ .field > p, .field section > p, .field-description {
+ &:last-child {
+ margin-top: calc(var(--spacing) * 0);
+ }
+ &:nth-last-child(2) {
+ margin-top: calc(var(--spacing) * -1);
+ }
+ }
+ .field-separator {
+ position: relative;
+ }
+ .field-separator > hr[role='separator'] {
+ position: absolute;
+ inset-inline: calc(var(--spacing) * 0);
+ top: calc(1/2 * 100%);
+ }
+ .field-separator > span {
+ position: relative;
+ margin-inline: auto;
+ display: block;
+ width: fit-content;
+ background-color: var(--color-background);
+ }
+}
+@layer components {
+ .field > input[type='checkbox']:not([role='switch']), .input[type='checkbox']:not([role='switch']) {
+ position: relative;
+ flex-shrink: 0;
+ appearance: none;
+ --tw-outline-style: none;
+ outline-style: none;
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &:checked:after {
+ display: block;
+ background-color: currentcolor;
+ --tw-content: '';
+ content: var(--tw-content);
+ mask-image: var(--check-icon);
+ mask-size: 0.875rem;
+ mask-position: center;
+ mask-repeat: no-repeat;
+ }
+ }
+}
+@layer components {
+ .field > input[type='text']:not(:is(.command > header input, .dialog > * > header input)), .field > input[type='email'], .field > input[type='password'], .field > input[type='number'], .field > input[type='file'], .field > input[type='tel'], .field > input[type='url'], .field > input[type='search']:not(:is(.command > header input, .dialog > * > header input)), .field > input[type='date'], .field > input[type='datetime-local'], .field > input[type='month'], .field > input[type='week'], .field > input[type='time'], .input[type='text'], .input[type='email'], .input[type='password'], .input[type='number'], .input[type='file'], .input[type='tel'], .input[type='url'], .input[type='search'], .input[type='date'], .input[type='datetime-local'], .input[type='month'], .input[type='week'], .input[type='time'], .input:not([type]) {
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ --tw-outline-style: none;
+ outline-style: none;
+ &::file-selector-button {
+ display: inline-flex;
+ }
+ &::file-selector-button {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ &::file-selector-button {
+ background-color: transparent;
+ }
+ &::file-selector-button {
+ color: var(--color-foreground);
+ }
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ }
+}
+@layer components {
+ .input-group {
+ position: relative;
+ isolation: isolate;
+ display: flex;
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ align-items: center;
+ overflow: hidden;
+ --tw-outline-style: none;
+ outline-style: none;
+ &[data-orientation='vertical'] {
+ height: auto;
+ flex-direction: column;
+ align-items: stretch;
+ }
+ }
+ .input-group > :is(input, textarea, select, [data-control]) {
+ display: block;
+ min-width: calc(var(--spacing) * 0);
+ flex: 1;
+ appearance: none;
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ background-color: transparent;
+ color: var(--color-foreground);
+ --tw-shadow: 0 0 #0000;
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-outline-style: none;
+ outline-style: none;
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:disabled {
+ background-color: transparent;
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ .input-group > :is(input, select, [data-control]) {
+ height: 100%;
+ }
+ .input-group > [data-control] {
+ width: 100%;
+ }
+ .input-group[data-orientation='vertical'] > :is(input, select, [data-control]) {
+ height: auto;
+ flex: none;
+ }
+ .input-group > textarea {
+ field-sizing: content;
+ min-height: calc(var(--spacing) * 20);
+ width: 100%;
+ resize: none;
+ }
+ .input-group > :is(span, kbd, svg, [role='group'], .popover, .dropdown-menu, button, footer, header, hr[role='separator']) {
+ flex-shrink: 0;
+ }
+ .input-group > :is(span, [role='group'], footer, header) {
+ display: inline-flex;
+ align-items: center;
+ }
+ .input-group > svg {
+ pointer-events: none;
+ }
+ .input-group > [data-align='start'] {
+ order: -9999;
+ }
+ .input-group > [data-align='end'] {
+ order: 9999;
+ }
+}
+@layer components {
+ .item-group {
+ display: flex;
+ width: 100%;
+ flex-direction: column;
+ }
+ .item-group > hr {
+ width: 100%;
+ flex-shrink: 0;
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ }
+ .item {
+ display: flex;
+ width: 100%;
+ flex-wrap: wrap;
+ align-items: center;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ --tw-outline-style: none;
+ outline-style: none;
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
+ }
+ }
+ }
+ a.item {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ }
+ }
+ }
+ .item > figure {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ & svg {
+ pointer-events: none;
+ }
+ }
+ .item > figure:has(img) {
+ overflow: hidden;
+ & img {
+ width: 100%;
+ height: 100%;
+ }
+ & img {
+ object-fit: cover;
+ }
+ }
+ .item > section {
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ }
+ .item > section + section {
+ flex: none;
+ }
+ .item > aside {
+ display: flex;
+ align-items: center;
+ }
+ .item > :is(header, footer) {
+ display: flex;
+ flex-basis: 100%;
+ align-items: center;
+ justify-content: space-between;
+ }
+ .item :is(h2, h3, h4) {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ display: flex;
+ width: fit-content;
+ align-items: center;
+ }
+ .item p {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ text-align: start;
+ --tw-font-weight: var(--font-weight-normal);
+ font-weight: var(--font-weight-normal);
+ color: var(--color-muted-foreground);
+ &>a {
+ text-decoration-line: underline;
+ }
+ &>a {
+ text-underline-offset: 4px;
+ }
+ &>a:hover {
+ color: var(--color-primary);
+ }
+ }
+}
+@layer components {
+ .kbd {
+ pointer-events: none;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ -webkit-user-select: none;
+ user-select: none;
+ }
+ .kbd-group {
+ display: inline-flex;
+ align-items: center;
+ }
+}
+@layer components {
+ .field > label, .label {
+ display: flex;
+ align-items: center;
+ -webkit-user-select: none;
+ user-select: none;
+ &:is(:where(.peer):disabled ~ *) {
+ pointer-events: none;
+ }
+ &:has(>*:disabled), &:has(+*:disabled) {
+ pointer-events: none;
+ }
+ }
+}
+@layer components {
+ .field > select, select.select {
+ min-width: calc(var(--spacing) * 0);
+ appearance: none;
+ --tw-outline-style: none;
+ outline-style: none;
+ -webkit-user-select: none;
+ user-select: none;
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ option, optgroup {
+ background-color: Canvas;
+ color: CanvasText;
+ }
+ }
+}
+@layer components {
+ [data-popover] {
+ visibility: visible;
+ position: absolute;
+ z-index: 50;
+ width: max-content;
+ min-width: 100%;
+ --tw-scale-x: 100%;
+ --tw-scale-y: 100%;
+ --tw-scale-z: 100%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ overflow-x: hidden;
+ overflow-y: auto;
+ opacity: 100%;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &[aria-hidden='true'] {
+ visibility: hidden;
+ --tw-scale-x: 95%;
+ --tw-scale-y: 95%;
+ --tw-scale-z: 95%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ opacity: 0%;
+ &:not([data-side]), &[data-side='bottom'] {
+ --tw-translate-y: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &[data-side='top'] {
+ --tw-translate-y: calc(var(--spacing) * 2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &[data-side='left'] {
+ --tw-translate-x: calc(var(--spacing) * 2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &[data-side='right'] {
+ --tw-translate-x: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ &:not([data-side]), &[data-side='bottom'] {
+ top: 100%;
+ margin-top: calc(var(--spacing) * 1);
+ }
+ &[data-side='top'] {
+ bottom: 100%;
+ margin-bottom: calc(var(--spacing) * 1);
+ }
+ &[data-side='left'] {
+ inset-inline-end: 100%;
+ margin-inline-end: calc(var(--spacing) * 1);
+ }
+ &[data-side='right'] {
+ inset-inline-start: 100%;
+ margin-inline-start: calc(var(--spacing) * 1);
+ }
+ &:not([data-side]), &[data-side='bottom'], &[data-side='top'] {
+ &:not([data-align]), &[data-align='start'] {
+ inset-inline-start: calc(var(--spacing) * 0);
+ }
+ &[data-align='end'] {
+ inset-inline-end: calc(var(--spacing) * 0);
+ }
+ &[data-align='center'] {
+ inset-inline-start: calc(1/2 * 100%);
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ &[data-side='left'], &[data-side='right'] {
+ &:not([data-align]), &[data-align='start'] {
+ top: calc(var(--spacing) * 0);
+ }
+ &[data-align='end'] {
+ bottom: calc(var(--spacing) * 0);
+ }
+ &[data-align='center'] {
+ top: calc(1/2 * 100%);
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ .popover {
+ position: relative;
+ display: inline-flex;
+ }
+}
+@layer components {
+ .field > input[type='radio'], .input[type='radio'] {
+ position: relative;
+ flex-shrink: 0;
+ appearance: none;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ --tw-outline-style: none;
+ outline-style: none;
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &:checked:before {
+ position: absolute;
+ top: calc(1/2 * 100%);
+ left: calc(1/2 * 100%);
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ border-radius: calc(infinity * 1px);
+ --tw-content: '';
+ content: var(--tw-content);
+ }
+ }
+}
+@layer components {
+ .field > input[type='range'], .input[type='range'] {
+ display: flex;
+ appearance: none;
+ align-items: center;
+ padding: calc(var(--spacing) * 0);
+ --tw-outline-style: none;
+ outline-style: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ --slider-value: 20%;
+ &::-webkit-slider-thumb {
+ display: block;
+ flex-shrink: 0;
+ appearance: none;
+ }
+ &::-webkit-slider-runnable-track {
+ width: 100%;
+ appearance: none;
+ background: linear-gradient(to right, var(--primary) var(--slider-value), var(--muted) var(--slider-value));
+ }
+ &:dir(rtl)::-webkit-slider-runnable-track {
+ background: linear-gradient(to left, var(--primary) var(--slider-value), var(--muted) var(--slider-value));
+ }
+ &::-moz-range-thumb {
+ display: block;
+ flex-shrink: 0;
+ appearance: none;
+ }
+ &::-moz-range-track {
+ width: 100%;
+ appearance: none;
+ background: linear-gradient(to right, var(--primary) var(--slider-value), var(--muted) var(--slider-value));
+ }
+ &:dir(rtl)::-moz-range-track {
+ background: linear-gradient(to left, var(--primary) var(--slider-value), var(--muted) var(--slider-value));
+ }
+ &::-ms-thumb {
+ display: block;
+ flex-shrink: 0;
+ appearance: none;
+ }
+ &::-ms-track {
+ width: 100%;
+ appearance: none;
+ }
+ &::-ms-fill-lower {
+ background-color: var(--color-primary);
+ }
+ &::-ms-fill-upper {
+ background-color: var(--color-muted);
+ }
+ }
+}
+@layer components {
+ *:not(select).select {
+ position: relative;
+ display: inline-flex;
+ }
+ *:not(select).select > button {
+ display: flex;
+ width: fit-content;
+ align-items: center;
+ justify-content: space-between;
+ --tw-font-weight: var(--font-weight-normal);
+ font-weight: var(--font-weight-normal);
+ white-space: nowrap;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ *:not(select).select > button > span {
+ display: flex;
+ flex: 1;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ text-align: start;
+ }
+ *:not(select).select > button > svg {
+ flex-shrink: 0;
+ }
+ *:not(select).select [data-popover] {
+ isolation: isolate;
+ overflow-x: hidden;
+ min-width: max(100%, 9rem);
+ }
+ *:not(select).select [role='listbox'] {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ *:not(select).select [role='listbox'] [role='group']:not(:has([role='option']:not([aria-hidden='true']))) {
+ display: none;
+ }
+ *:not(select).select [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ *:not(select).select [role='listbox'][data-empty]:not(:has([data-value]:not([aria-hidden='true'])))::before {
+ --tw-content: attr(data-empty);
+ content: var(--tw-content);
+ }
+ *:not(select).select [role='listbox']:not([data-empty]):not(:has([data-value]:not([aria-hidden='true'])))::before {
+ --tw-content: 'No results found';
+ content: var(--tw-content);
+ }
+ *:not(select).select [role='option'] {
+ position: relative;
+ display: flex;
+ width: 100%;
+ cursor: default;
+ align-items: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ -webkit-user-select: none;
+ user-select: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &[aria-disabled="true"] {
+ pointer-events: none;
+ }
+ &[aria-disabled="true"] {
+ opacity: 50%;
+ }
+ &[aria-hidden="true"] {
+ display: none;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ *:not(select).select [role='option'][aria-selected='true'] {
+ background-image: var(--check-icon);
+ background-size: 0.875rem;
+ background-position: center right 0.5rem;
+ background-repeat: no-repeat;
+ }
+ *:not(select).select [role='option'][aria-selected='true']:dir(rtl) {
+ background-position: center left 0.5rem;
+ }
+ *:not(select).select [role='separator'] {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ *:not(select).select:not([data-select-initialized]) [role='option']:not([aria-disabled='true']):not(:disabled):hover, *:not(select).select [role='option'].active {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ }
+}
+@layer components {
+ .sidebar {
+ &:not([data-sidebar-initialized]) {
+ @media (width < 48rem) {
+ display: none;
+ }
+ }
+ &:not([aria-hidden]), &[aria-hidden=false] {
+ @media (width < 48rem) {
+ position: fixed;
+ }
+ @media (width < 48rem) {
+ inset: calc(var(--spacing) * 0);
+ }
+ @media (width < 48rem) {
+ z-index: 40;
+ }
+ @media (width < 48rem) {
+ background-color: color-mix(in srgb, #000 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+ }
+ }
+ }
+ nav {
+ position: fixed;
+ inset-block: calc(var(--spacing) * 0);
+ z-index: 50;
+ display: flex;
+ width: var(--sidebar-mobile-width);
+ flex-direction: column;
+ 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));
+ --tw-duration: 300ms;
+ transition-duration: 300ms;
+ --tw-ease: var(--ease-in-out);
+ transition-timing-function: var(--ease-in-out);
+ @media (width >= 48rem) {
+ width: var(--sidebar-width);
+ }
+ }
+ & + * {
+ transition-property: margin;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 300ms;
+ transition-duration: 300ms;
+ --tw-ease: var(--ease-in-out);
+ transition-timing-function: var(--ease-in-out);
+ }
+ &:not([data-side]), &[data-side=left] {
+ nav {
+ left: calc(var(--spacing) * 0);
+ border-right-style: var(--tw-border-style);
+ border-right-width: 1px;
+ }
+ & + * {
+ position: relative;
+ @media (width >= 48rem) {
+ margin-left: var(--sidebar-width);
+ }
+ }
+ &[aria-hidden=true] {
+ nav {
+ --tw-translate-x: -100%;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ & + * {
+ @media (width >= 48rem) {
+ margin-left: calc(var(--spacing) * 0);
+ }
+ }
+ }
+ }
+ &[data-side=right] {
+ nav {
+ right: calc(var(--spacing) * 0);
+ border-left-style: var(--tw-border-style);
+ border-left-width: 1px;
+ }
+ & + * {
+ position: relative;
+ @media (width >= 48rem) {
+ margin-right: var(--sidebar-width);
+ }
+ }
+ &[aria-hidden=true] {
+ nav {
+ --tw-translate-x: 100%;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ & + * {
+ @media (width >= 48rem) {
+ margin-right: calc(var(--spacing) * 0);
+ }
+ }
+ }
+ }
+ nav {
+ > header, > footer {
+ display: flex;
+ flex-direction: column;
+ }
+ [role=separator] {
+ width: auto;
+ }
+ > section {
+ display: flex;
+ min-height: calc(var(--spacing) * 0);
+ flex: 1;
+ flex-direction: column;
+ overflow-y: auto;
+ > [role=group] {
+ position: relative;
+ display: flex;
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ flex-direction: column;
+ }
+ h3 {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ transition-property: margin,opacity;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ --tw-ease: linear;
+ transition-timing-function: linear;
+ &>svg {
+ flex-shrink: 0;
+ }
+ }
+ ul {
+ display: flex;
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ flex-direction: column;
+ li {
+ position: relative;
+ > a, > button, > details > summary {
+ display: flex;
+ width: 100%;
+ align-items: center;
+ overflow: hidden;
+ text-align: left;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ transition-property: width,height,padding;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &[aria-disabled="true"] {
+ pointer-events: none;
+ }
+ &[aria-disabled="true"] {
+ opacity: 50%;
+ }
+ &>span:last-child {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ &>svg {
+ flex-shrink: 0;
+ }
+ }
+ > details {
+ &:not([open]) {
+ > summary {
+ &::after {
+ rotate: calc(90deg * -1);
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+ rotate: 90deg;
+ }
+ }
+ }
+ }
+ > summary {
+ &::after {
+ margin-inline-start: auto;
+ display: block;
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ background-color: currentcolor;
+ 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));
+ --tw-ease: linear;
+ transition-timing-function: linear;
+ --tw-content: '';
+ content: var(--tw-content);
+ mask-image: var(--chevron-down-icon);
+ mask-size: 1rem;
+ mask-position: center;
+ mask-repeat: no-repeat;
+ }
+ }
+ }
+ }
+ ul {
+ display: flex;
+ min-width: calc(var(--spacing) * 0);
+ flex-direction: column;
+ }
+ }
+ }
+ }
+ }
+}
+@layer components {
+ .skeleton {
+ animation: var(--animate-pulse);
+ }
+}
+@layer components {
+ .field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch'] {
+ display: inline-flex;
+ flex-shrink: 0;
+ appearance: none;
+ align-items: center;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-outline-style: none;
+ outline-style: none;
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &::before {
+ content: var(--tw-content);
+ pointer-events: none;
+ }
+ &::before {
+ content: var(--tw-content);
+ display: block;
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &::before {
+ content: var(--tw-content);
+ 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));
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-content: '';
+ content: var(--tw-content);
+ }
+ }
+}
+@layer components {
+ .table-container {
+ position: relative;
+ width: 100%;
+ overflow-x: auto;
+ }
+ .table {
+ width: 100%;
+ caption-side: bottom;
+ thead {
+ & tr {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ }
+ }
+ tbody {
+ & tr:last-child {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ }
+ tfoot {
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ &>tr {
+ &:last-child {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 0px;
+ }
+ }
+ }
+ tr {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &[data-state="selected"] {
+ background-color: var(--color-muted);
+ }
+ }
+ th {
+ vertical-align: middle;
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ white-space: nowrap;
+ &:has([role=checkbox]) {
+ padding-inline-end: calc(var(--spacing) * 0);
+ }
+ &>[role=checkbox] {
+ --tw-translate-y: 2px;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ td {
+ vertical-align: middle;
+ white-space: nowrap;
+ &:has([role=checkbox]) {
+ padding-inline-end: calc(var(--spacing) * 0);
+ }
+ &>[role=checkbox] {
+ --tw-translate-y: 2px;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+}
+@layer components {
+ .tabs {
+ display: flex;
+ &:has(> [role='tablist'][aria-orientation='horizontal']), &:not(:has(> [role='tablist'][aria-orientation='vertical'])) {
+ flex-direction: column;
+ }
+ &:has(> [role='tablist'][aria-orientation='vertical']) {
+ flex-direction: row;
+ }
+ > [role='tablist'] {
+ display: inline-flex;
+ width: fit-content;
+ align-items: center;
+ justify-content: center;
+ color: var(--color-muted-foreground);
+ &[aria-orientation='vertical'] {
+ height: fit-content;
+ flex-direction: column;
+ }
+ > [role='tab'] {
+ position: relative;
+ display: inline-flex;
+ flex: 1;
+ align-items: center;
+ justify-content: center;
+ white-space: nowrap;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-outline-style: none;
+ outline-style: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &[aria-disabled="true"] {
+ pointer-events: none;
+ }
+ &[aria-disabled="true"] {
+ opacity: 50%;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ }
+ > [role='tabpanel'] {
+ flex: 1;
+ --tw-outline-style: none;
+ outline-style: none;
+ }
+ }
+}
+@layer components {
+ .field > textarea, .textarea {
+ display: flex;
+ field-sizing: content;
+ min-height: calc(var(--spacing) * 16);
+ width: 100%;
+ --tw-outline-style: none;
+ outline-style: none;
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ }
+}
+@layer components {
+ .toaster {
+ pointer-events: none;
+ position: fixed;
+ bottom: calc(var(--spacing) * 0);
+ z-index: 50;
+ display: flex;
+ width: 100%;
+ flex-direction: column-reverse;
+ padding: calc(var(--spacing) * 4);
+ @media (width >= 40rem) {
+ max-width: calc(var(--spacing) * 90);
+ }
+ &:not([data-align]), &[data-align='end'] {
+ right: calc(var(--spacing) * 0);
+ }
+ &[data-align='start'] {
+ left: calc(var(--spacing) * 0);
+ }
+ &[data-align='center'] {
+ left: calc(1/2 * 100%);
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .toast {
+ pointer-events: auto;
+ margin-top: calc(var(--spacing) * 4);
+ display: grid;
+ width: 100%;
+ animation: toast-up 0.3s ease-in-out;
+ grid-template-rows: 1fr;
+ transition-property: grid-template-rows,opacity,margin;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 300ms;
+ transition-duration: 300ms;
+ --tw-ease: var(--ease-in-out);
+ transition-timing-function: var(--ease-in-out);
+ .toast-content {
+ display: flex;
+ align-items: center;
+ gap: calc(var(--spacing) * 2.5);
+ overflow: hidden;
+ padding: calc(var(--spacing) * 3);
+ font-size: 13px;
+ svg {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ flex-shrink: 0;
+ }
+ section {
+ h2 {
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ --tw-tracking: var(--tracking-tight);
+ letter-spacing: var(--tracking-tight);
+ }
+ p {
+ word-break: break-all;
+ color: var(--color-muted-foreground);
+ }
+ }
+ footer {
+ margin-inline-start: auto;
+ display: flex;
+ flex-direction: column;
+ gap: calc(var(--spacing) * 2);
+ [data-toast-action], [data-toast-cancel] {
+ height: calc(var(--spacing) * 6);
+ padding-inline: calc(var(--spacing) * 2.5);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ }
+ }
+ }
+ &[aria-hidden='true'] {
+ margin: calc(var(--spacing) * 0);
+ grid-template-rows: 0fr;
+ overflow: hidden;
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ padding: calc(var(--spacing) * 0);
+ opacity: 0%;
+ .toast-content {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ }
+ }
+ }
+}
+@keyframes toast-up {
+ from {
+ opacity: 0;
+ transform: translateY(100%);
+ }
+}
+@layer components {
+ [data-tooltip] {
+ position: relative;
+ &:before {
+ pointer-events: none;
+ visibility: hidden;
+ position: absolute;
+ z-index: 60;
+ width: fit-content;
+ max-width: var(--container-xs);
+ transform-origin: var(--transform-origin);
+ --tw-scale-x: 95%;
+ --tw-scale-y: 95%;
+ --tw-scale-z: 95%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-content: attr(data-tooltip);
+ content: var(--tw-content);
+ }
+ &:hover:before {
+ visibility: visible;
+ --tw-scale-x: 100%;
+ --tw-scale-y: 100%;
+ --tw-scale-z: 100%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ opacity: 100%;
+ }
+ &:focus-visible:not(:hover):before {
+ display: none;
+ }
+ &:not([data-side]), &[data-side='top'] {
+ &::before {
+ content: var(--tw-content);
+ bottom: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-bottom: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-y: calc(var(--spacing) * 2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-y: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='bottom'] {
+ &::before {
+ content: var(--tw-content);
+ top: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-top: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-y: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-y: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &:not([data-side]), &[data-side='top'], &[data-side='bottom'] {
+ &[data-align='start'] {
+ &::before {
+ content: var(--tw-content);
+ left: calc(var(--spacing) * 0);
+ }
+ }
+ &[data-align='end'] {
+ &::before {
+ content: var(--tw-content);
+ right: calc(var(--spacing) * 0);
+ }
+ }
+ &:not([data-align]), &[data-align='center'] {
+ &::before {
+ content: var(--tw-content);
+ left: calc(1/2 * 100%);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ &[data-side='left'] {
+ &::before {
+ content: var(--tw-content);
+ right: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-right: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='right'] {
+ &::before {
+ content: var(--tw-content);
+ left: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-left: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='inline-start'] {
+ &::before {
+ content: var(--tw-content);
+ right: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-right: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='inline-start']:dir(rtl) {
+ &::before {
+ content: var(--tw-content);
+ right: auto;
+ }
+ &::before {
+ content: var(--tw-content);
+ left: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-right: calc(var(--spacing) * 0);
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-left: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='inline-end'] {
+ &::before {
+ content: var(--tw-content);
+ left: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-left: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='inline-end']:dir(rtl) {
+ &::before {
+ content: var(--tw-content);
+ right: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ left: auto;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-right: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-left: calc(var(--spacing) * 0);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='left'], &[data-side='right'], &[data-side='inline-start'], &[data-side='inline-end'] {
+ &[data-align='start'] {
+ &::before {
+ content: var(--tw-content);
+ top: calc(var(--spacing) * 0);
+ }
+ }
+ &[data-align='end'] {
+ &::before {
+ content: var(--tw-content);
+ bottom: calc(var(--spacing) * 0);
+ }
+ }
+ &:not([data-align]), &[data-align='center'] {
+ &::before {
+ content: var(--tw-content);
+ top: calc(1/2 * 100%);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+}
+@layer components {
+ .btn, .btn-primary, .btn-secondary, .btn-outline, .btn-ghost, .btn-link, .btn-destructive, .btn-xs, .btn-xs-primary, .btn-xs-secondary, .btn-xs-outline, .btn-xs-ghost, .btn-xs-link, .btn-xs-destructive, .btn-sm, .btn-sm-primary, .btn-sm-secondary, .btn-sm-outline, .btn-sm-ghost, .btn-sm-link, .btn-sm-destructive, .btn-lg, .btn-lg-primary, .btn-lg-secondary, .btn-lg-outline, .btn-lg-ghost, .btn-lg-link, .btn-lg-destructive, .btn-icon, .btn-icon-primary, .btn-icon-secondary, .btn-icon-outline, .btn-icon-ghost, .btn-icon-link, .btn-icon-destructive, .btn-xs-icon, .btn-xs-icon-primary, .btn-xs-icon-secondary, .btn-xs-icon-outline, .btn-xs-icon-ghost, .btn-xs-icon-link, .btn-xs-icon-destructive, .btn-sm-icon, .btn-sm-icon-primary, .btn-sm-icon-secondary, .btn-sm-icon-outline, .btn-sm-icon-ghost, .btn-sm-icon-link, .btn-sm-icon-destructive, .btn-lg-icon, .btn-lg-icon-primary, .btn-lg-icon-secondary, .btn-lg-icon-outline, .btn-lg-icon-ghost, .btn-lg-icon-link, .btn-lg-icon-destructive {
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ background-clip: padding-box;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &:active {
+ &:not(*[aria-haspopup]) {
+ --tw-translate-y: 1px;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .btn, .btn-primary, .btn-secondary, .btn-outline, .btn-ghost, .btn-link, .btn-destructive {
+ height: calc(var(--spacing) * 8);
+ gap: calc(var(--spacing) * 1.5);
+ padding-inline: calc(var(--spacing) * 3);
+ &:has(> [data-icon=inline-start]) {
+ padding-inline-start: calc(var(--spacing) * 2.5);
+ }
+ &:has(> [data-icon=inline-end]) {
+ padding-inline-end: calc(var(--spacing) * 2.5);
+ }
+ }
+ .btn-xs, .btn-xs-primary, .btn-xs-secondary, .btn-xs-outline, .btn-xs-ghost, .btn-xs-link, .btn-xs-destructive {
+ height: calc(var(--spacing) * 6);
+ gap: calc(var(--spacing) * 1);
+ padding-inline: calc(var(--spacing) * 2.5);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3);
+ height: calc(var(--spacing) * 3);
+ }
+ &:has(> [data-icon=inline-start]) {
+ padding-inline-start: calc(var(--spacing) * 2);
+ }
+ &:has(> [data-icon=inline-end]) {
+ padding-inline-end: calc(var(--spacing) * 2);
+ }
+ }
+ .btn-sm, .btn-sm-primary, .btn-sm-secondary, .btn-sm-outline, .btn-sm-ghost, .btn-sm-link, .btn-sm-destructive {
+ height: calc(var(--spacing) * 7);
+ gap: calc(var(--spacing) * 1);
+ padding-inline: calc(var(--spacing) * 3);
+ &:has(> [data-icon=inline-start]) {
+ padding-inline-start: calc(var(--spacing) * 2);
+ }
+ &:has(> [data-icon=inline-end]) {
+ padding-inline-end: calc(var(--spacing) * 2);
+ }
+ }
+ .btn-lg, .btn-lg-primary, .btn-lg-secondary, .btn-lg-outline, .btn-lg-ghost, .btn-lg-link, .btn-lg-destructive {
+ height: calc(var(--spacing) * 9);
+ gap: calc(var(--spacing) * 1.5);
+ padding-inline: calc(var(--spacing) * 4);
+ &:has(> [data-icon=inline-start]) {
+ padding-inline-start: calc(var(--spacing) * 3);
+ }
+ &:has(> [data-icon=inline-end]) {
+ padding-inline-end: calc(var(--spacing) * 3);
+ }
+ }
+ .btn-icon, .btn-icon-primary, .btn-icon-secondary, .btn-icon-outline, .btn-icon-ghost, .btn-icon-link, .btn-icon-destructive {
+ width: calc(var(--spacing) * 8);
+ height: calc(var(--spacing) * 8);
+ }
+ .btn-xs-icon, .btn-xs-icon-primary, .btn-xs-icon-secondary, .btn-xs-icon-outline, .btn-xs-icon-ghost, .btn-xs-icon-link, .btn-xs-icon-destructive {
+ width: calc(var(--spacing) * 6);
+ height: calc(var(--spacing) * 6);
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3);
+ height: calc(var(--spacing) * 3);
+ }
+ }
+ .btn-sm-icon, .btn-sm-icon-primary, .btn-sm-icon-secondary, .btn-sm-icon-outline, .btn-sm-icon-ghost, .btn-sm-icon-link, .btn-sm-icon-destructive {
+ width: calc(var(--spacing) * 7);
+ height: calc(var(--spacing) * 7);
+ }
+ .btn-lg-icon, .btn-lg-icon-primary, .btn-lg-icon-secondary, .btn-lg-icon-outline, .btn-lg-icon-ghost, .btn-lg-icon-link, .btn-lg-icon-destructive {
+ width: calc(var(--spacing) * 9);
+ height: calc(var(--spacing) * 9);
+ }
+ .btn, .btn-primary, .btn-xs, .btn-xs-primary, .btn-sm, .btn-sm-primary, .btn-lg, .btn-lg-primary, .btn-icon, .btn-icon-primary, .btn-xs-icon, .btn-xs-icon-primary, .btn-sm-icon, .btn-sm-icon-primary, .btn-lg-icon, .btn-lg-icon-primary {
+ background-color: var(--color-primary);
+ color: var(--color-primary-foreground);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
+ }
+ }
+ }
+ }
+ .btn-secondary, .btn-xs-secondary, .btn-sm-secondary, .btn-lg-secondary, .btn-icon-secondary, .btn-xs-icon-secondary, .btn-sm-icon-secondary, .btn-lg-icon-secondary {
+ background-color: var(--color-secondary);
+ color: var(--color-secondary-foreground);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--secondary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
+ }
+ }
+ }
+ &[aria-expanded="true"] {
+ background-color: var(--color-secondary);
+ }
+ &[aria-expanded="true"] {
+ color: var(--color-secondary-foreground);
+ }
+ }
+ .btn-outline, .btn-xs-outline, .btn-sm-outline, .btn-lg-outline, .btn-icon-outline, .btn-xs-icon-outline, .btn-sm-icon-outline, .btn-lg-icon-outline {
+ border-color: var(--color-border);
+ background-color: var(--color-background);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ &[aria-expanded="true"] {
+ background-color: var(--color-muted);
+ }
+ &[aria-expanded="true"] {
+ color: var(--color-foreground);
+ }
+ &:is(.dark *) {
+ background-color: transparent;
+ }
+ &:is(.dark *) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .btn-ghost, .btn-xs-ghost, .btn-sm-ghost, .btn-lg-ghost, .btn-icon-ghost, .btn-xs-icon-ghost, .btn-sm-icon-ghost, .btn-lg-icon-ghost {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ &[aria-expanded="true"] {
+ background-color: var(--color-muted);
+ }
+ &[aria-expanded="true"] {
+ color: var(--color-foreground);
+ }
+ &:is(.dark *) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .btn-link, .btn-xs-link, .btn-sm-link, .btn-lg-link, .btn-icon-link, .btn-xs-icon-link, .btn-sm-icon-link, .btn-lg-icon-link {
+ color: var(--color-primary);
+ text-underline-offset: 4px;
+ &:hover {
+ @media (hover: hover) {
+ text-decoration-line: underline;
+ }
+ }
+ }
+ .btn-destructive, .btn-xs-destructive, .btn-sm-destructive, .btn-lg-destructive, .btn-icon-destructive, .btn-xs-icon-destructive, .btn-sm-icon-destructive, .btn-lg-icon-destructive {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
+ }
+ color: var(--color-destructive);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ }
+ &:focus-visible {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
+ }
+ }
+ }
+ }
+ &:is(.dark *) {
+ &:focus-visible {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ .button-group {
+ &:has(>.button-group) {
+ gap: calc(var(--spacing) * 2);
+ }
+ }
+ .button-group:has(> :is(.btn-outline, .btn-icon-outline, .btn-xs-outline, .btn-xs-icon-outline, .btn-sm-outline, .btn-sm-icon-outline, .btn-lg-outline, .btn-lg-icon-outline)), .button-group:has(> .select > button:is(.btn-outline, .btn-icon-outline, .btn-xs-outline, .btn-xs-icon-outline, .btn-sm-outline, .btn-sm-icon-outline, .btn-lg-outline, .btn-lg-icon-outline)) {
+ > .input, > .select > button {
+ border-color: var(--color-border);
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ }
+ }
+ .button-group:not([data-orientation='vertical']) {
+ > :last-child, > :is(.dropdown-menu, .popover, .select):last-child > button {
+ border-start-end-radius: var(--radius-2xl) !important;
+ border-end-end-radius: var(--radius-2xl) !important;
+ }
+ }
+ .button-group[data-orientation='vertical'] {
+ > :last-child, > :is(.dropdown-menu, .popover, .select):last-child > button {
+ border-bottom-right-radius: var(--radius-2xl) !important;
+ border-bottom-left-radius: var(--radius-2xl) !important;
+ }
+ }
+ .button-group-text {
+ gap: calc(var(--spacing) * 2);
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ background-color: var(--color-muted);
+ padding-inline: calc(var(--spacing) * 2.5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .button-group > hr[role='separator'], .button-group-separator {
+ background-color: var(--color-input);
+ }
+ .tabs {
+ gap: calc(var(--spacing) * 2);
+ }
+ .tabs > [role='tablist'] {
+ height: calc(var(--spacing) * 8);
+ border-radius: var(--radius-2xl);
+ padding: 3px;
+ }
+ .tabs > [role='tablist']:not([data-variant='line']) {
+ background-color: var(--color-muted);
+ }
+ .tabs > [role='tablist'][data-variant='line'] {
+ gap: calc(var(--spacing) * 1);
+ border-radius: 0;
+ background-color: transparent;
+ }
+ .tabs > [role='tablist'][aria-orientation='vertical'] {
+ height: fit-content;
+ padding: calc(var(--spacing) * 1);
+ }
+ .tabs > [role='tablist'] > [role='tab'] {
+ gap: calc(var(--spacing) * 1.5);
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent !important;
+ padding-inline: calc(var(--spacing) * 1.5);
+ padding-block: calc(var(--spacing) * 0.5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ color: color-mix(in oklab, var(--color-foreground) 60%, transparent);
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
+ }
+ }
+ &:focus-visible {
+ outline-style: var(--tw-outline-style);
+ outline-width: 1px;
+ }
+ &:focus-visible {
+ outline-color: var(--color-ring);
+ }
+ &:is(.dark *) {
+ color: var(--color-muted-foreground);
+ }
+ &:is(.dark *) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ }
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ &::after {
+ content: var(--tw-content);
+ position: absolute;
+ }
+ &::after {
+ content: var(--tw-content);
+ background-color: var(--color-foreground);
+ }
+ &::after {
+ content: var(--tw-content);
+ opacity: 0%;
+ }
+ &::after {
+ content: var(--tw-content);
+ transition-property: opacity;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ }
+ .tabs > [role='tablist'][aria-orientation='vertical'] > [role='tab'] {
+ width: 100%;
+ justify-content: flex-start;
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 0.5);
+ }
+ .tabs > [role='tablist'][data-variant='line'][aria-orientation='horizontal'] > [role='tab'] {
+ background-color: transparent;
+ --tw-shadow: 0 0 #0000;
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &::after {
+ content: var(--tw-content);
+ inset-inline: calc(var(--spacing) * 0);
+ }
+ &::after {
+ content: var(--tw-content);
+ bottom: -5px;
+ }
+ &::after {
+ content: var(--tw-content);
+ height: calc(var(--spacing) * 0.5);
+ }
+ }
+ .tabs > [role='tablist'][data-variant='line'][aria-orientation='vertical'] > [role='tab'] {
+ background-color: transparent;
+ --tw-shadow: 0 0 #0000;
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &::after {
+ content: var(--tw-content);
+ inset-block: calc(var(--spacing) * 0);
+ }
+ &::after {
+ content: var(--tw-content);
+ inset-inline-end: -4px;
+ }
+ &::after {
+ content: var(--tw-content);
+ width: calc(var(--spacing) * 0.5);
+ }
+ }
+ .tabs > [role='tablist']:not([data-variant='line']) > [role='tab'][aria-selected='true'] {
+ background-color: var(--color-background);
+ color: var(--color-foreground);
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &:is(.dark *) {
+ border-color: var(--color-input);
+ }
+ &:is(.dark *) {
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ color: var(--color-foreground);
+ }
+ }
+ .tabs > [role='tablist'][data-variant='line'] > [role='tab'][aria-selected='true'] {
+ background-color: transparent;
+ color: var(--color-foreground);
+ --tw-shadow: 0 0 #0000;
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &::after {
+ content: var(--tw-content);
+ opacity: 100%;
+ }
+ &:is(.dark *) {
+ border-color: transparent;
+ }
+ &:is(.dark *) {
+ background-color: transparent;
+ }
+ &:is(.dark *) {
+ color: var(--color-foreground);
+ }
+ }
+ .tabs > [role='tablist'] > [role='tab']:has(> svg:first-child) {
+ padding-inline-start: calc(var(--spacing) * 1);
+ }
+ .tabs > [role='tablist'] > [role='tab']:has(> svg:last-child) {
+ padding-inline-end: calc(var(--spacing) * 1);
+ }
+ .tabs > [role='tabpanel'] {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .field > textarea, .textarea {
+ resize: none;
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
+ }
+ padding-inline: calc(var(--spacing) * 2.5);
+ padding-block: calc(var(--spacing) * 2);
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ transition-property: color,box-shadow;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ @media (width >= 48rem) {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ .field > input[type='text']:not(:is(.command > header input, .dialog > * > header input)), .field > input[type='email'], .field > input[type='password'], .field > input[type='number'], .field > input[type='file'], .field > input[type='tel'], .field > input[type='url'], .field > input[type='search']:not(:is(.command > header input, .dialog > * > header input)), .field > input[type='date'], .field > input[type='datetime-local'], .field > input[type='month'], .field > input[type='week'], .field > input[type='time'], .field > input:not([type]), .input[type='text'], .input[type='email'], .input[type='password'], .input[type='number'], .input[type='file'], .input[type='tel'], .input[type='url'], .input[type='search'], .input[type='date'], .input[type='datetime-local'], .input[type='month'], .input[type='week'], .input[type='time'], .input:not([type]) {
+ height: calc(var(--spacing) * 8);
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
+ }
+ padding-inline: calc(var(--spacing) * 2.5);
+ padding-block: calc(var(--spacing) * 1);
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ transition-property: color,box-shadow;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ &::file-selector-button {
+ height: calc(var(--spacing) * 6);
+ }
+ &::file-selector-button {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ &::file-selector-button {
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ }
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ @media (width >= 48rem) {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ .field > select, select.select {
+ height: calc(var(--spacing) * 8);
+ width: fit-content;
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
+ }
+ padding-block: calc(var(--spacing) * 1);
+ padding-inline-start: calc(var(--spacing) * 2.5);
+ padding-inline-end: calc(var(--spacing) * 8);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ transition-property: color,box-shadow;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ & *::selection {
+ background-color: var(--color-primary);
+ }
+ &::selection {
+ background-color: var(--color-primary);
+ }
+ & *::selection {
+ color: var(--color-primary-foreground);
+ }
+ &::selection {
+ color: var(--color-primary-foreground);
+ }
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &[data-size="sm"] {
+ height: calc(var(--spacing) * 7);
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ background-image: var(--chevron-down-icon-50);
+ background-size: 1rem;
+ background-position: center right 0.625rem;
+ background-repeat: no-repeat;
+ }
+ :is(.field > select, select.select):dir(rtl) {
+ background-position: center left 0.625rem;
+ }
+ .alert, .alert-destructive {
+ display: grid;
+ gap: calc(var(--spacing) * 0.5);
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ padding-inline: calc(var(--spacing) * 4);
+ padding-block: calc(var(--spacing) * 3);
+ text-align: start;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ &:has(>[data-action]) {
+ position: relative;
+ }
+ &:has(>[data-action]) {
+ padding-inline-end: calc(var(--spacing) * 18);
+ }
+ &:has(>svg) {
+ grid-template-columns: auto 1fr;
+ }
+ &:has(>svg) {
+ column-gap: calc(var(--spacing) * 2.5);
+ }
+ &>svg {
+ grid-row: span 2 / span 2;
+ }
+ &>svg {
+ --tw-translate-y: calc(var(--spacing) * 0.5);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &>svg {
+ color: currentcolor;
+ }
+ &>svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .alert {
+ background-color: var(--color-card);
+ color: var(--color-card-foreground);
+ }
+ .alert-destructive {
+ background-color: var(--color-card);
+ color: var(--color-destructive);
+ &>section {
+ color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
+ }
+ }
+ &>svg {
+ color: currentcolor;
+ }
+ }
+ .alert > :is(h2, h3, h4, h5, h6, strong, [data-title]), .alert-destructive > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ }
+ :is(.alert, .alert-destructive):has(> svg) > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
+ grid-column-start: 2;
+ }
+ .alert > section, .alert-destructive > section {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ text-wrap: balance;
+ color: var(--color-muted-foreground);
+ @media (width >= 48rem) {
+ text-wrap: pretty;
+ }
+ & p:not(:last-child) {
+ margin-bottom: calc(var(--spacing) * 4);
+ }
+ }
+ .alert > [data-action], .alert-destructive > [data-action] {
+ position: absolute;
+ inset-inline-end: calc(var(--spacing) * 3);
+ top: calc(var(--spacing) * 2.5);
+ }
+ .badge, .badge-primary, .badge-secondary, .badge-destructive, .badge-outline, .badge-ghost, .badge-link {
+ height: calc(var(--spacing) * 5);
+ gap: calc(var(--spacing) * 1);
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ padding-inline: calc(var(--spacing) * 2);
+ padding-block: calc(var(--spacing) * 0.5);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:has(*[data-icon="inline-end"]) {
+ padding-inline-end: calc(var(--spacing) * 1.5);
+ }
+ &:has(*[data-icon="inline-start"]) {
+ padding-inline-start: calc(var(--spacing) * 1.5);
+ }
+ &>svg {
+ width: calc(var(--spacing) * 3) !important;
+ height: calc(var(--spacing) * 3) !important;
+ }
+ }
+ .badge, .badge-primary {
+ background-color: var(--color-primary);
+ color: var(--color-primary-foreground);
+ &:is(a) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .badge-secondary {
+ background-color: var(--color-secondary);
+ color: var(--color-secondary-foreground);
+ &:is(a) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-secondary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .badge-outline {
+ border-color: var(--color-border);
+ color: var(--color-foreground);
+ &:is(a) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ }
+ }
+ }
+ &:is(a) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-muted-foreground);
+ }
+ }
+ }
+ }
+ .badge-destructive {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
+ }
+ color: var(--color-destructive);
+ &:focus-visible {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &:focus-visible {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ &:is(a) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .badge-ghost {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-muted-foreground);
+ }
+ }
+ &:is(.dark *) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .badge-link {
+ color: var(--color-primary);
+ text-underline-offset: 4px;
+ &:hover {
+ @media (hover: hover) {
+ text-decoration-line: underline;
+ }
+ }
+ }
+ .command {
+ border-radius: var(--radius-3xl);
+ background-color: var(--color-popover);
+ padding: calc(var(--spacing) * 1);
+ color: var(--color-popover-foreground);
+ }
+ .command-dialog > * {
+ border-radius: var(--radius-3xl);
+ padding: calc(var(--spacing) * 0);
+ }
+ .command > header {
+ margin: calc(var(--spacing) * 1);
+ margin-bottom: calc(var(--spacing) * 0);
+ height: calc(var(--spacing) * 8);
+ gap: calc(var(--spacing) * 2);
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
+ }
+ padding-inline: calc(var(--spacing) * 2);
+ }
+ .command > header svg {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ opacity: 50%;
+ }
+ .command > header input {
+ height: 100%;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ }
+ .command [role='menu'] {
+ max-height: calc(var(--spacing) * 72);
+ scroll-padding-block: calc(var(--spacing) * 1);
+ }
+ .command [role='menu']:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
+ padding-block: calc(var(--spacing) * 6);
+ text-align: center;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .command [role='group'] {
+ padding: calc(var(--spacing) * 1);
+ color: var(--color-foreground);
+ }
+ .command [role='heading'] {
+ padding-inline: calc(var(--spacing) * 2);
+ padding-block: calc(var(--spacing) * 1.5);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-muted-foreground);
+ }
+ .command [role='separator'] {
+ margin-block: calc(var(--spacing) * 1);
+ height: 1px;
+ background-color: var(--color-border);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-border) 50%, transparent);
+ }
+ }
+ .command [role='menuitem'] {
+ min-height: calc(var(--spacing) * 7);
+ gap: calc(var(--spacing) * 2);
+ border-radius: var(--radius-xl);
+ padding-inline: calc(var(--spacing) * 2);
+ padding-block: calc(var(--spacing) * 1.5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ :where(*:is(.command-dialog)) & {
+ border-radius: var(--radius-2xl);
+ }
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .command [role='menuitem'].active {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ & svg {
+ color: var(--color-accent-foreground);
+ }
+ }
+ .command [data-shortcut] {
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-tracking: var(--tracking-widest);
+ letter-spacing: var(--tracking-widest);
+ color: var(--color-muted-foreground);
+ }
+ .command [role='menuitem'].active [data-shortcut] {
+ color: var(--color-foreground);
+ }
+ .combobox > input[role='combobox'] {
+ height: calc(var(--spacing) * 8);
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
+ }
+ padding-block: calc(var(--spacing) * 1);
+ padding-inline-start: calc(var(--spacing) * 2.5);
+ padding-inline-end: calc(var(--spacing) * 8);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ transition-property: color,box-shadow;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ .combobox > svg, .combobox-trigger-icon {
+ inset-inline-end: calc(var(--spacing) * 2.5);
+ top: calc(1/2 * 100%);
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ color: var(--color-muted-foreground);
+ }
+ .combobox [data-popover] {
+ max-height: calc(var(--spacing) * 72);
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-popover);
+ padding: calc(var(--spacing) * 1);
+ color: var(--color-popover-foreground);
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
+ }
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ &:is(.dark *) {
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
+ }
+ }
+ }
+ .combobox [role='listbox'] {
+ max-height: min(18rem, var(--available-height,18rem));
+ scroll-padding-block: calc(var(--spacing) * 1);
+ overflow-y: auto;
+ }
+ .combobox [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2);
+ text-align: center;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-muted-foreground);
+ }
+ .combobox [role='heading'] {
+ padding-inline: calc(var(--spacing) * 2);
+ padding-block: calc(var(--spacing) * 1.5);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ color: var(--color-muted-foreground);
+ }
+ .combobox [role='option'] {
+ min-height: calc(var(--spacing) * 7);
+ gap: calc(var(--spacing) * 2);
+ border-radius: var(--radius-xl);
+ padding-block: calc(var(--spacing) * 1.5);
+ padding-inline-start: calc(var(--spacing) * 2);
+ padding-inline-end: calc(var(--spacing) * 8);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .combobox [role='option'].active, .combobox [role='option']:focus-visible {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ & svg {
+ color: var(--color-accent-foreground);
+ }
+ }
+ .combobox [role='group'] {
+ scroll-margin-block: calc(var(--spacing) * 1);
+ padding: calc(var(--spacing) * 1);
+ }
+ .combobox [role='separator'] {
+ margin-inline: calc(var(--spacing) * -1);
+ margin-block: calc(var(--spacing) * 1);
+ height: 1px;
+ background-color: var(--color-border);
+ }
+ .combobox-chips {
+ min-height: calc(var(--spacing) * 8);
+ gap: calc(var(--spacing) * 1);
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
+ }
+ background-clip: padding-box;
+ padding-inline: calc(var(--spacing) * 1);
+ padding-block: calc(var(--spacing) * 1);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ transition-property: color,box-shadow;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ &:focus-within {
+ border-color: var(--color-ring);
+ }
+ &:focus-within {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-within {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &:has(*:is([aria-invalid=true])) {
+ border-color: var(--color-destructive);
+ }
+ &:has(*:is([aria-invalid=true])) {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:has(*:is([aria-invalid=true])) {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &:has(*:is([aria-invalid=true])) {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &:has(*:is([aria-invalid=true])) {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ .combobox-chip {
+ height: calc(var(--spacing) * 5.25);
+ gap: calc(var(--spacing) * 1);
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-input);
+ padding-inline: calc(var(--spacing) * 1.5);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-foreground);
+ &:has(>.combobox-chip-remove) {
+ padding-inline-end: calc(var(--spacing) * 0.5);
+ }
+ &:is(.dark *) {
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 60%, transparent);
+ }
+ }
+ }
+ .combobox-chip-remove {
+ margin-inline-start: calc(var(--spacing) * -0.5);
+ width: calc(var(--spacing) * 4.5);
+ height: calc(var(--spacing) * 4.5);
+ opacity: 50%;
+ &:hover {
+ @media (hover: hover) {
+ opacity: 100%;
+ }
+ }
+ & svg {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ *:not(select).select > button {
+ height: calc(var(--spacing) * 8);
+ gap: calc(var(--spacing) * 1.5);
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
+ }
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ transition-property: color,box-shadow;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &[data-size="sm"] {
+ height: calc(var(--spacing) * 7);
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ *:not(select).select > button > span {
+ gap: calc(var(--spacing) * 1.5);
+ }
+ *:not(select).select > button > svg {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ color: var(--color-muted-foreground);
+ }
+ *:not(select).select [data-popover] {
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-popover);
+ padding: calc(var(--spacing) * 1);
+ color: var(--color-popover-foreground);
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
+ }
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ &:is(.dark *) {
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
+ }
+ }
+ }
+ *:not(select).select [role='listbox'] {
+ scroll-padding-block: calc(var(--spacing) * 1.5);
+ }
+ *:not(select).select [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
+ padding-block: calc(var(--spacing) * 6);
+ text-align: center;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ *:not(select).select [role='heading'] {
+ padding-inline: calc(var(--spacing) * 2);
+ padding-block: calc(var(--spacing) * 1);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ color: var(--color-muted-foreground);
+ }
+ *:not(select).select [role='option'] {
+ min-height: calc(var(--spacing) * 7);
+ gap: calc(var(--spacing) * 2);
+ border-radius: var(--radius-xl);
+ padding-block: calc(var(--spacing) * 1.5);
+ padding-inline-start: calc(var(--spacing) * 2);
+ padding-inline-end: calc(var(--spacing) * 8);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ *:not(select).select [role='option'].active, *:not(select).select [role='option']:focus-visible {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ & svg {
+ color: var(--color-accent-foreground);
+ }
+ }
+ *:not(select).select [role='group'] {
+ scroll-margin-block: calc(var(--spacing) * 1.5);
+ padding: calc(var(--spacing) * 1);
+ }
+ *:not(select).select [role='separator'] {
+ margin-inline: calc(var(--spacing) * -1);
+ margin-block: calc(var(--spacing) * 1);
+ height: 1px;
+ background-color: var(--color-border);
+ }
+ .dialog::backdrop, .command-dialog::backdrop {
+ background-color: color-mix(in srgb, #000 30%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
+ }
+ --tw-backdrop-blur: blur(var(--blur-sm));
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ }
+ .dialog > * {
+ max-width: calc(100% - 2rem);
+ gap: calc(var(--spacing) * 6);
+ border-radius: min(var(--radius-4xl), 24px);
+ background-color: var(--color-popover);
+ padding: calc(var(--spacing) * 6);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-popover-foreground);
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
+ }
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ @media (width >= 40rem) {
+ max-width: var(--container-md);
+ }
+ &:is(.dark *) {
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
+ }
+ }
+ }
+ .dialog > * > :is(button, form[method='dialog']) {
+ inset-inline-end: calc(var(--spacing) * 4);
+ top: calc(var(--spacing) * 4);
+ }
+ .dialog > * > :is(button, form[method='dialog'] > button) {
+ background-color: var(--color-secondary);
+ }
+ .dialog > * > header {
+ gap: calc(var(--spacing) * 1.5);
+ }
+ .dialog > * > footer {
+ gap: calc(var(--spacing) * 2);
+ }
+ .dialog > * > header > h2, .dialog > * > [data-title] {
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ --tw-leading: 1;
+ line-height: 1;
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ }
+ .dialog > * > header > p, .dialog > * > [data-description] {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-leading: var(--leading-normal);
+ line-height: var(--leading-normal);
+ color: var(--color-muted-foreground);
+ & a {
+ text-decoration-line: underline;
+ }
+ & a {
+ text-underline-offset: 3px;
+ }
+ & a:hover {
+ color: var(--color-foreground);
+ }
+ }
+ .dropdown-menu > [data-popover] {
+ gap: calc(var(--spacing) * 0);
+ overflow-x: hidden;
+ overflow-y: auto;
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-popover);
+ padding: calc(var(--spacing) * 1);
+ color: var(--color-popover-foreground);
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
+ }
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ &:is(.dark *) {
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
+ }
+ }
+ }
+ .dropdown-menu :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio']) {
+ min-height: calc(var(--spacing) * 7);
+ gap: calc(var(--spacing) * 2);
+ border-radius: var(--radius-xl);
+ padding-inline: calc(var(--spacing) * 2);
+ padding-block: calc(var(--spacing) * 1.5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ &:focus-visible {
+ background-color: var(--color-accent);
+ }
+ &:focus-visible {
+ color: var(--color-accent-foreground);
+ }
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .dropdown-menu :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio']).active {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ }
+ .dropdown-menu [data-variant='destructive'] {
+ color: var(--color-destructive);
+ }
+ .dropdown-menu [data-variant='destructive']:is(:focus-visible, .active) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
+ }
+ color: var(--color-destructive);
+ &:is(.dark *) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ }
+ .dropdown-menu [data-variant='destructive'] svg {
+ color: var(--color-destructive);
+ }
+ .dropdown-menu :is([role='menuitemcheckbox'], [role='menuitemradio']) {
+ padding-block: calc(var(--spacing) * 1.5);
+ padding-inline-start: calc(var(--spacing) * 2);
+ padding-inline-end: calc(var(--spacing) * 8);
+ }
+ .dropdown-menu :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio'])[data-inset], .dropdown-menu [role='heading'][data-inset] {
+ padding-inline-start: calc(var(--spacing) * 7);
+ }
+ .dropdown-menu [data-indicator] {
+ position: absolute;
+ inset-inline-end: calc(var(--spacing) * 2);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ .dropdown-menu [role='heading'] {
+ padding-inline: calc(var(--spacing) * 2);
+ padding-block: calc(var(--spacing) * 1);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ color: var(--color-muted-foreground);
+ }
+ .dropdown-menu [role='separator'] {
+ margin-inline: calc(var(--spacing) * -1);
+ margin-block: calc(var(--spacing) * 1);
+ height: 1px;
+ background-color: var(--color-border);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-border) 50%, transparent);
+ }
+ }
+ .dropdown-menu [data-shortcut] {
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-tracking: var(--tracking-widest);
+ letter-spacing: var(--tracking-widest);
+ color: var(--color-muted-foreground);
+ }
+ .dropdown-menu :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio']):is(:focus-visible, .active) [data-shortcut] {
+ color: var(--color-accent-foreground);
+ }
+ [data-popover] {
+ display: flex;
+ flex-direction: column;
+ gap: calc(var(--spacing) * 4);
+ border-radius: var(--radius-3xl);
+ background-color: var(--color-popover);
+ padding: calc(var(--spacing) * 4);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-popover-foreground);
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
+ }
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ &:is(.dark *) {
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
+ }
+ }
+ }
+ .popover > [data-popover] > header, .popover > [data-popover] > [data-header] {
+ display: flex;
+ flex-direction: column;
+ gap: calc(var(--spacing) * 1);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .popover > [data-popover] > header > :is(h1, h2, h3, h4, h5, h6), .popover > [data-popover] > :is(h1, h2, h3, h4, h5, h6, [data-title]) {
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ }
+ .popover > [data-popover] > header > p, .popover > [data-popover] > [data-description] {
+ color: var(--color-muted-foreground);
+ }
+ .card {
+ gap: calc(var(--spacing) * 5);
+ border-radius: min(var(--radius-4xl), 24px);
+ background-color: var(--color-card);
+ padding-block: calc(var(--spacing) * 5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-card-foreground);
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
+ }
+ &:has(>img:first-child) {
+ padding-top: calc(var(--spacing) * 0);
+ }
+ &[data-size="sm"] {
+ gap: calc(var(--spacing) * 4);
+ }
+ &[data-size="sm"] {
+ padding-block: calc(var(--spacing) * 4);
+ }
+ &:is(.dark *) {
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
+ }
+ }
+ &>img:first-child {
+ border-top-left-radius: min(var(--radius-4xl), 24px);
+ border-top-right-radius: min(var(--radius-4xl), 24px);
+ }
+ &>img:last-child {
+ border-bottom-right-radius: min(var(--radius-4xl), 24px);
+ border-bottom-left-radius: min(var(--radius-4xl), 24px);
+ }
+ }
+ .card > header {
+ gap: calc(var(--spacing) * 1.5);
+ border-top-left-radius: min(var(--radius-4xl), 24px);
+ border-top-right-radius: min(var(--radius-4xl), 24px);
+ padding-inline: calc(var(--spacing) * 5);
+ :where(*[data-size="sm"]) & {
+ padding-inline: calc(var(--spacing) * 4);
+ }
+ &:is(.border-b) {
+ padding-bottom: calc(var(--spacing) * 5);
+ }
+ :where(*[data-size="sm"]) & {
+ &:is(.border-b) {
+ padding-bottom: calc(var(--spacing) * 4);
+ }
+ }
+ }
+ .card > header > :is(h2, h3, [data-title], .card-title) {
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ }
+ .card > header > :is(p, [data-description], .card-description) {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-muted-foreground);
+ }
+ .card > section {
+ padding-inline: calc(var(--spacing) * 5);
+ :where(*[data-size="sm"]) & {
+ padding-inline: calc(var(--spacing) * 4);
+ }
+ }
+ .card > footer {
+ border-bottom-right-radius: min(var(--radius-4xl), 24px);
+ border-bottom-left-radius: min(var(--radius-4xl), 24px);
+ padding-inline: calc(var(--spacing) * 5);
+ :where(*[data-size="sm"]) & {
+ padding-inline: calc(var(--spacing) * 4);
+ }
+ &:is(.border-t) {
+ padding-top: calc(var(--spacing) * 5);
+ }
+ :where(*[data-size="sm"]) & {
+ &:is(.border-t) {
+ padding-top: calc(var(--spacing) * 4);
+ }
+ }
+ }
+ .field > input[type='checkbox']:not([role='switch']), .input[type='checkbox']:not([role='switch']) {
+ display: flex;
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ align-items: center;
+ justify-content: center;
+ border-radius: 5px;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 90%, transparent);
+ }
+ transition-property: box-shadow;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:checked {
+ border-color: var(--color-primary);
+ }
+ &:checked {
+ background-color: var(--color-primary);
+ }
+ &:checked {
+ color: var(--color-primary-foreground);
+ }
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ :where(*[data-disabled="true"]) & {
+ opacity: 50%;
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ &:checked {
+ border-color: var(--color-primary);
+ }
+ }
+ &:is(.dark *) {
+ &:checked {
+ background-color: var(--color-primary);
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ :is(.field > input[type='checkbox']:not([role='switch']), .input[type='checkbox']:not([role='switch'])):checked:after {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ [role='radiogroup'] {
+ display: grid;
+ gap: calc(var(--spacing) * 3);
+ }
+ .field > input[type='radio'], .input[type='radio'] {
+ display: flex;
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 90%, transparent);
+ }
+ &:checked {
+ background-color: var(--color-primary);
+ }
+ &:checked {
+ color: var(--color-primary-foreground);
+ }
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &:checked {
+ background-color: var(--color-primary);
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ :is(.field > input[type='radio'], .input[type='radio']):checked:before {
+ width: calc(var(--spacing) * 2);
+ height: calc(var(--spacing) * 2);
+ background-color: var(--color-primary-foreground);
+ &:is(.dark *) {
+ width: calc(var(--spacing) * 2.5);
+ height: calc(var(--spacing) * 2.5);
+ }
+ }
+ .field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch'] {
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 2px;
+ &:not(*:checked) {
+ border-color: transparent;
+ }
+ &:not(*:checked) {
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 90%, transparent);
+ }
+ }
+ &:checked {
+ border-color: var(--color-primary);
+ }
+ &:checked {
+ background-color: var(--color-primary);
+ }
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not([data-size='sm']) {
+ height: calc(var(--spacing) * 5);
+ width: calc(var(--spacing) * 8);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch'])[data-size='sm'] {
+ height: calc(var(--spacing) * 4);
+ width: calc(var(--spacing) * 6);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):before {
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-background);
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &:not(*:is(.dark *)) {
+ background-clip: padding-box;
+ }
+ &:is(.dark *) {
+ &:not(*:checked) {
+ background-color: var(--color-foreground);
+ }
+ }
+ &:is(.dark *) {
+ &:checked {
+ background-color: var(--color-primary-foreground);
+ }
+ }
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not([data-size='sm']):before {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch'])[data-size='sm']:before {
+ width: calc(var(--spacing) * 3);
+ height: calc(var(--spacing) * 3);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:not([data-size='sm']):before {
+ --tw-translate-x: calc(100% - 4px);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked[data-size='sm']:before {
+ --tw-translate-x: calc(100% - 4px);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):dir(rtl):checked:not([data-size='sm']):before {
+ --tw-translate-x: calc(calc(100% - 4px) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):dir(rtl):checked[data-size='sm']:before {
+ --tw-translate-x: calc(calc(100% - 4px) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .fieldset {
+ gap: calc(var(--spacing) * 6);
+ &:has(>[data-slot=checkbox-group]) {
+ gap: calc(var(--spacing) * 3);
+ }
+ &:has(>[data-slot=radio-group]) {
+ gap: calc(var(--spacing) * 3);
+ }
+ }
+ .fieldset > legend, .field-legend {
+ margin-bottom: calc(var(--spacing) * 3);
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ &[data-variant="label"] {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ &[data-variant="legend"] {
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ }
+ }
+ .fieldset > :is([role='group'], [role='radiogroup']):not(.field), .field > :is(fieldset, [role='group'], [role='radiogroup']):not(.field) {
+ gap: calc(var(--spacing) * 6);
+ &[role='radiogroup'], &[data-slot='checkbox-group'], &[data-slot='radio-group'] {
+ gap: calc(var(--spacing) * 3);
+ }
+ }
+ :is(.fieldset, .field) > :is([role='group'], [role='radiogroup']):not(.field) > :is([role='group'], [role='radiogroup']):not(.field), .field > fieldset:not(.field) > :is([role='group'], [role='radiogroup']):not(.field) {
+ gap: calc(var(--spacing) * 4);
+ }
+ .field {
+ gap: calc(var(--spacing) * 3);
+ &[data-invalid="true"] {
+ color: var(--color-destructive);
+ }
+ }
+ .field > section, .field-content {
+ gap: calc(var(--spacing) * 1);
+ }
+ .field > label, label:has(> .field) {
+ gap: calc(var(--spacing) * 2);
+ --tw-leading: var(--leading-snug);
+ line-height: var(--leading-snug);
+ :where(*[data-disabled="true"]) & {
+ opacity: 50%;
+ }
+ &:has(*:is(:checked)) {
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
+ }
+ }
+ }
+ .field > label:has(input[type='radio']), .field > label:has(input[type='checkbox']), .field > label:has(input[role='switch']), .field > label:has(> .field), label:has(> .field) {
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ }
+ .field > label:has(input[type='radio']), .field > label:has(input[type='checkbox']), .field > label:has(input[role='switch']) {
+ padding: calc(var(--spacing) * 4);
+ }
+ :is(.field > label, label:has(> .field)) > .field {
+ padding: calc(var(--spacing) * 4);
+ }
+ .field h2, .field h3, .field-title {
+ gap: calc(var(--spacing) * 2);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-leading: var(--leading-snug);
+ line-height: var(--leading-snug);
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ :where(*[data-disabled="true"]) & {
+ opacity: 50%;
+ }
+ }
+ .fieldset legend + p, .field > p, .field section > p, .field-description {
+ text-align: start;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-muted-foreground);
+ [data-variant=legend]+& {
+ margin-top: calc(var(--spacing) * -1.5);
+ }
+ }
+ .field-separator {
+ margin-block: calc(var(--spacing) * -2);
+ height: calc(var(--spacing) * 5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ :where(*[data-variant="outline"]) & {
+ margin-bottom: calc(var(--spacing) * -2);
+ }
+ }
+ .field-separator > span {
+ padding-inline: calc(var(--spacing) * 2);
+ color: var(--color-muted-foreground);
+ }
+ .field [role="alert"], .field-error {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-destructive);
+ }
+ .input-group {
+ height: calc(var(--spacing) * 8);
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
+ }
+ transition-property: color,box-shadow;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ &:focus-within {
+ border-color: var(--color-ring);
+ }
+ &:focus-within {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-within {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &:has(*:is([aria-invalid=true])) {
+ border-color: var(--color-destructive);
+ }
+ &:has(*:is([aria-invalid=true])) {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:has(*:is([aria-invalid=true])) {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:has(>textarea) {
+ height: auto;
+ }
+ &:is(.dark *) {
+ &:has(*:is([aria-invalid=true])) {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ .input-group:has(> :is(input, textarea, select, [data-control]):disabled) {
+ opacity: 50%;
+ }
+ .input-group > :is(input, select, [data-control]) {
+ padding-inline: calc(var(--spacing) * 2.5);
+ padding-block: calc(var(--spacing) * 1);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .input-group:not([data-orientation='vertical']):has(> [data-align='start']) > :is(input, select, [data-control]) {
+ padding-inline-start: calc(var(--spacing) * 1.5);
+ }
+ .input-group:not([data-orientation='vertical']):has(> [data-align='end']) > :is(input, select, [data-control]) {
+ padding-inline-end: calc(var(--spacing) * 1.5);
+ }
+ .input-group > textarea {
+ padding-inline: calc(var(--spacing) * 2.5);
+ padding-block: calc(var(--spacing) * 2);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .input-group > :is(span, [role='group'], header, footer), .input-group > :is(svg, kbd, .popover, .dropdown-menu) {
+ gap: calc(var(--spacing) * 2);
+ padding-block: calc(var(--spacing) * 1.5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-muted-foreground);
+ -webkit-user-select: none;
+ user-select: none;
+ &>svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .input-group > [data-align='start'] {
+ padding-inline-start: calc(var(--spacing) * 2);
+ }
+ .input-group > [data-align='end'] {
+ padding-inline-end: calc(var(--spacing) * 2);
+ }
+ .input-group > [data-align='start']:has(> button) {
+ margin-inline-start: calc(var(--spacing) * -1);
+ }
+ .input-group > [data-align='end']:has(> button) {
+ margin-inline-end: calc(var(--spacing) * -1);
+ }
+ .input-group > [data-align='start']:has(> kbd) {
+ margin-inline-start: calc(var(--spacing) * -0.5);
+ }
+ .input-group > [data-align='end']:has(> kbd) {
+ margin-inline-end: calc(var(--spacing) * -0.5);
+ }
+ .input-group[data-orientation='vertical'] > :is(header, footer, [role='group'], [data-align]) {
+ padding-inline: calc(var(--spacing) * 2.5);
+ }
+ .input-group > :is(kbd, span > kbd, [role='group'] > kbd, header > kbd, footer > kbd) {
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-muted-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted-foreground) 10%, transparent);
+ }
+ padding-inline: calc(var(--spacing) * 1.5);
+ }
+ .input-group > :is(button, [role='group'] > button, header > button, footer > button) {
+ gap: calc(var(--spacing) * 2);
+ border-radius: var(--radius-xl);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-shadow: 0 0 #0000;
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &>svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ .input-group > :is(button, [role='group'] > button, header > button, footer > button):has(> svg):not(:has(> :not(svg))) {
+ width: calc(var(--spacing) * 6);
+ height: calc(var(--spacing) * 6);
+ border-radius: var(--radius-xl);
+ padding: calc(var(--spacing) * 0);
+ }
+ .empty {
+ gap: calc(var(--spacing) * 4);
+ border-radius: var(--radius-3xl);
+ --tw-border-style: dashed;
+ border-style: dashed;
+ padding: calc(var(--spacing) * 12);
+ }
+ .empty > header {
+ gap: calc(var(--spacing) * 2);
+ }
+ .empty figure {
+ margin-bottom: calc(var(--spacing) * 2);
+ }
+ .empty figure:has(> svg:only-child) {
+ display: flex;
+ width: calc(var(--spacing) * 10);
+ height: calc(var(--spacing) * 10);
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ border-radius: var(--radius-xl);
+ background-color: var(--color-muted);
+ color: var(--color-foreground);
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 5);
+ height: calc(var(--spacing) * 5);
+ }
+ }
+ .empty :is(h2, h3, h4) {
+ font-size: var(--text-lg);
+ line-height: var(--tw-leading, var(--text-lg--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ --tw-tracking: var(--tracking-tight);
+ letter-spacing: var(--tracking-tight);
+ }
+ .empty p {
+ font-size: var(--text-sm);
+ line-height: var(--leading-relaxed);
+ color: var(--color-muted-foreground);
+ }
+ .empty > :is(section, footer) {
+ gap: calc(var(--spacing) * 4);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .item {
+ border-radius: var(--radius-2xl);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .item:not([data-variant]), .item[data-variant='default'] {
+ border-color: transparent;
+ }
+ .item[data-variant='outline'] {
+ border-color: var(--color-border);
+ }
+ .item[data-variant='muted'] {
+ border-color: transparent;
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ }
+ .item:not([data-size]), .item[data-size='default'] {
+ gap: calc(var(--spacing) * 3.5);
+ padding-inline: calc(var(--spacing) * 4);
+ padding-block: calc(var(--spacing) * 3.5);
+ }
+ .item[data-size='sm'] {
+ gap: calc(var(--spacing) * 3.5);
+ padding-inline: calc(var(--spacing) * 3.5);
+ padding-block: calc(var(--spacing) * 3);
+ }
+ .item[data-size='xs'] {
+ gap: calc(var(--spacing) * 2);
+ padding-inline: calc(var(--spacing) * 2.5);
+ padding-block: calc(var(--spacing) * 2);
+ }
+ .item > figure {
+ gap: calc(var(--spacing) * 2);
+ }
+ .item:has(p) > figure {
+ --tw-translate-y: calc(var(--spacing) * 0.5);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ align-self: flex-start;
+ }
+ .item > figure:has(> svg:only-child) {
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .item > figure:has(img) {
+ width: calc(var(--spacing) * 10);
+ height: calc(var(--spacing) * 10);
+ overflow: hidden;
+ border-radius: var(--radius-xl);
+ }
+ .item[data-size='sm'] > figure:has(img) {
+ width: calc(var(--spacing) * 8);
+ height: calc(var(--spacing) * 8);
+ }
+ .item[data-size='xs'] > figure:has(img) {
+ width: calc(var(--spacing) * 6);
+ height: calc(var(--spacing) * 6);
+ border-radius: var(--radius-lg);
+ }
+ .item > section {
+ gap: calc(var(--spacing) * 1);
+ }
+ .item[data-size='xs'] > section {
+ gap: calc(var(--spacing) * 0.5);
+ }
+ .item :is(h2, h3, h4) {
+ gap: calc(var(--spacing) * 2);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-leading: var(--leading-snug);
+ line-height: var(--leading-snug);
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ text-underline-offset: 4px;
+ }
+ .item p {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .item[data-size='xs'] p {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .item > aside, .item > :is(header, footer) {
+ gap: calc(var(--spacing) * 2);
+ }
+ .item-group {
+ gap: calc(var(--spacing) * 4);
+ }
+ .item-group:has(> .item[data-size='sm']) {
+ gap: calc(var(--spacing) * 2.5);
+ }
+ .item-group:has(> .item[data-size='xs']) {
+ gap: calc(var(--spacing) * 2);
+ }
+ .item-group > hr {
+ margin-block: calc(var(--spacing) * 2);
+ }
+ .kbd {
+ height: calc(var(--spacing) * 5);
+ width: fit-content;
+ min-width: calc(var(--spacing) * 5);
+ gap: calc(var(--spacing) * 1);
+ border-radius: var(--radius-lg);
+ background-color: var(--color-muted);
+ padding-inline: calc(var(--spacing) * 1);
+ font-family: var(--font-sans);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-muted-foreground);
+ :where(*[data-slot="tooltip-content"]) & {
+ background-color: var(--color-background);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-background) 20%, transparent);
+ }
+ }
+ :where(*[data-slot="tooltip-content"]) & {
+ color: var(--color-background);
+ }
+ &:is(.dark *) {
+ :where(*[data-slot="tooltip-content"]) & {
+ background-color: var(--color-background);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-background) 10%, transparent);
+ }
+ }
+ }
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3);
+ height: calc(var(--spacing) * 3);
+ }
+ }
+ .kbd-group {
+ gap: calc(var(--spacing) * 1);
+ }
+ .field > label, .label {
+ gap: calc(var(--spacing) * 2);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-leading: 1;
+ line-height: 1;
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ &:is(:where(.peer):disabled ~ *) {
+ opacity: 50%;
+ }
+ :where(*[data-disabled="true"]) & {
+ opacity: 50%;
+ }
+ }
+ .sidebar nav {
+ background-color: var(--color-sidebar);
+ color: var(--color-sidebar-foreground);
+ }
+ .sidebar nav > header, .sidebar nav > footer {
+ gap: calc(var(--spacing) * 2);
+ padding: calc(var(--spacing) * 2);
+ --radius: var(--radius-xl);
+ }
+ .sidebar nav > section {
+ gap: calc(var(--spacing) * 2);
+ --radius: var(--radius-xl);
+ }
+ .sidebar nav [role=separator] {
+ margin-inline: calc(var(--spacing) * 2);
+ border-color: var(--color-sidebar-border);
+ }
+ .sidebar nav > section > [role=group] {
+ padding: calc(var(--spacing) * 2);
+ }
+ .sidebar nav h3 {
+ height: calc(var(--spacing) * 8);
+ border-radius: var(--radius-xl);
+ padding-inline: calc(var(--spacing) * 3);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-sidebar-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ color: color-mix(in oklab, var(--color-sidebar-foreground) 70%, transparent);
+ }
+ --tw-ring-color: var(--color-sidebar-ring);
+ transition-property: margin,opacity;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ --tw-ease: linear;
+ transition-timing-function: linear;
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &>svg {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .sidebar nav > section > [role=group] > ul {
+ gap: calc(var(--spacing) * 0.5);
+ }
+ .sidebar nav > section > [role=group] {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .sidebar nav li > :is(a, button, details > summary) {
+ gap: calc(var(--spacing) * 2);
+ border-radius: var(--radius-xl);
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2);
+ text-align: left;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ white-space: nowrap;
+ --tw-ring-color: var(--color-sidebar-ring);
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-sidebar-accent);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ &:active {
+ background-color: var(--color-sidebar-accent);
+ }
+ &:active {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ &:has(>svg:first-child) {
+ padding-inline-start: calc(var(--spacing) * 2.5);
+ }
+ &:has(>svg:last-child) {
+ padding-inline-end: calc(var(--spacing) * 2.5);
+ }
+ &[data-open] {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-sidebar-accent);
+ }
+ }
+ }
+ &[data-open] {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ }
+ }
+ &>svg {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ &>svg {
+ flex-shrink: 0;
+ }
+ }
+ .sidebar nav li > :is(a, button, details > summary):is([aria-current=page], [data-active=true]) {
+ background-color: var(--color-sidebar-accent);
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-sidebar-accent-foreground);
+ }
+ .sidebar nav li > :is(a, button, details > summary):not([data-variant]), .sidebar nav li > :is(a, button, details > summary)[data-variant=default] {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-sidebar-accent);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ }
+ }
+ .sidebar nav li > :is(a, button, details > summary)[data-variant=outline] {
+ background-color: var(--color-background);
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-sidebar-accent);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ }
+ .sidebar nav li > :is(a, button, details > summary):not([data-size]), .sidebar nav li > :is(a, button, details > summary)[data-size=default] {
+ height: calc(var(--spacing) * 8);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .sidebar nav li > :is(a, button, details > summary)[data-size=sm] {
+ height: calc(var(--spacing) * 7);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ }
+ .sidebar nav li > :is(a, button, details > summary)[data-size=lg] {
+ height: calc(var(--spacing) * 12);
+ padding-inline: calc(var(--spacing) * 3);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .sidebar nav li > details > summary::after {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ .sidebar nav li > details::details-content {
+ padding-inline: calc(var(--spacing) * 3.5);
+ }
+ .sidebar nav ul ul {
+ margin-inline: calc(var(--spacing) * 3.5);
+ --tw-translate-x: 1px;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ gap: calc(var(--spacing) * 1);
+ border-inline-start-style: var(--tw-border-style);
+ border-inline-start-width: 1px;
+ border-color: var(--color-sidebar-border);
+ padding-inline: calc(var(--spacing) * 2.5);
+ padding-block: calc(var(--spacing) * 0.5);
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+ --tw-translate-x: -1px;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ .sidebar nav ul ul > li > :is(a, button, details > summary) {
+ height: calc(var(--spacing) * 7);
+ gap: calc(var(--spacing) * 2);
+ border-radius: var(--radius-xl);
+ padding-inline: calc(var(--spacing) * 3);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-sidebar-foreground);
+ --tw-ring-color: var(--color-sidebar-ring);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-sidebar-accent);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:active {
+ background-color: var(--color-sidebar-accent);
+ }
+ &:active {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ &>svg {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .skeleton {
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-muted);
+ }
+ .table-container {
+ position: relative;
+ width: 100%;
+ overflow-x: auto;
+ }
+ .table {
+ width: 100%;
+ caption-side: bottom;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .table thead {
+ & tr {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ }
+ }
+ .table tbody {
+ & tr:last-child {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ }
+ .table tfoot {
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ &>tr {
+ &:last-child {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 0px;
+ }
+ }
+ }
+ .table tr {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ }
+ }
+ &[data-state="selected"] {
+ background-color: var(--color-muted);
+ }
+ }
+ .table th {
+ height: calc(var(--spacing) * 10);
+ padding-inline: calc(var(--spacing) * 2);
+ text-align: start;
+ vertical-align: middle;
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ white-space: nowrap;
+ color: var(--color-foreground);
+ &:has([role=checkbox]) {
+ padding-inline-end: calc(var(--spacing) * 0);
+ }
+ }
+ .table td {
+ padding: calc(var(--spacing) * 2);
+ vertical-align: middle;
+ white-space: nowrap;
+ &:has([role=checkbox]) {
+ padding-inline-end: calc(var(--spacing) * 0);
+ }
+ }
+ .table caption {
+ margin-top: calc(var(--spacing) * 4);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-muted-foreground);
+ }
+ [data-tooltip]::before {
+ display: inline-flex;
+ align-items: center;
+ gap: calc(var(--spacing) * 1.5);
+ border-radius: var(--radius-xl);
+ background-color: var(--color-foreground);
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 1.5);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ color: var(--color-background);
+ &:has(*:is(.kbd)) {
+ padding-inline-end: calc(var(--spacing) * 1.5);
+ }
+ & .kbd {
+ position: relative;
+ }
+ & .kbd {
+ isolation: isolate;
+ }
+ & .kbd {
+ z-index: 50;
+ }
+ & .kbd {
+ border-radius: var(--radius-lg);
+ }
+ }
+ [data-tooltip][data-arrow]::after {
+ position: absolute;
+ z-index: 60;
+ width: calc(var(--spacing) * 2.5);
+ height: calc(var(--spacing) * 2.5);
+ rotate: 45deg;
+ border-radius: 2px;
+ background-color: var(--color-foreground);
+ &[data-side="left"] {
+ --tw-translate-x: -1.5px;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &[data-side="right"] {
+ --tw-translate-x: 1.5px;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ .toast-content {
+ border-radius: var(--radius-2xl) !important;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ background-color: var(--color-popover);
+ color: var(--color-popover-foreground);
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .field > input[type='range'], .input[type='range'] {
+ height: calc(var(--spacing) * 5);
+ --slider-track-height: 0.25rem;
+ --slider-thumb-size: 1rem;
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-webkit-slider-runnable-track {
+ height: calc(var(--spacing) * 1);
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 90%, transparent);
+ }
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-moz-range-track {
+ height: calc(var(--spacing) * 1);
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 90%, transparent);
+ }
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-ms-track {
+ height: calc(var(--spacing) * 1);
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 90%, transparent);
+ }
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-ms-fill-lower, :is(.field > input[type='range'], .input[type='range'])::-ms-fill-upper {
+ border-radius: inherit;
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-webkit-slider-thumb {
+ margin-top: calc(calc((var(--slider-thumb-size) - var(--slider-track-height)) / 2) * -1);
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-white);
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: color-mix(in srgb, #000 10%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
+ }
+ transition-property: color,box-shadow;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ &:not(*:is(.dark *)) {
+ background-clip: padding-box;
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-moz-range-thumb {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-white);
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: color-mix(in srgb, #000 10%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
+ }
+ transition-property: color,box-shadow;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ &:not(*:is(.dark *)) {
+ background-clip: padding-box;
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-ms-thumb {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ border-radius: var(--radius-2xl);
+ background-color: var(--color-white);
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: color-mix(in srgb, #000 10%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
+ }
+ transition-property: color,box-shadow;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ &:not(*:is(.dark *)) {
+ background-clip: padding-box;
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ }
+}
+.theme-claude {
+ &:root {
+ --background: oklch(0.98 0.01 95.10);
+ --foreground: oklch(0.34 0.03 95.72);
+ --card: oklch(0.98 0.01 95.10);
+ --card-foreground: oklch(0.19 0.00 106.59);
+ --popover: oklch(1.00 0 0);
+ --popover-foreground: oklch(0.27 0.02 98.94);
+ --primary: oklch(0.62 0.14 39.04);
+ --primary-foreground: oklch(1.00 0 0);
+ --secondary: oklch(0.92 0.01 92.99);
+ --secondary-foreground: oklch(0.43 0.02 98.60);
+ --muted: oklch(0.93 0.02 90.24);
+ --muted-foreground: oklch(0.61 0.01 97.42);
+ --accent: oklch(0.92 0.01 92.99);
+ --accent-foreground: oklch(0.27 0.02 98.94);
+ --destructive: oklch(0.19 0.00 106.59);
+ --destructive-foreground: oklch(1.00 0 0);
+ --border: oklch(0.88 0.01 97.36);
+ --input: oklch(0.76 0.02 98.35);
+ --ring: oklch(0.59 0.17 253.06);
+ --chart-1: oklch(0.56 0.13 43.00);
+ --chart-2: oklch(0.69 0.16 290.41);
+ --chart-3: oklch(0.88 0.03 93.13);
+ --chart-4: oklch(0.88 0.04 298.18);
+ --chart-5: oklch(0.56 0.13 42.06);
+ --sidebar: oklch(0.97 0.01 98.88);
+ --sidebar-foreground: oklch(0.36 0.01 106.65);
+ --sidebar-primary: oklch(0.62 0.14 39.04);
+ --sidebar-primary-foreground: oklch(0.99 0 0);
+ --sidebar-accent: oklch(0.92 0.01 92.99);
+ --sidebar-accent-foreground: oklch(0.33 0 0);
+ --sidebar-border: oklch(0.94 0 0);
+ --sidebar-ring: oklch(0.77 0 0);
+ --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --radius: 0.5rem;
+ --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+ --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+ --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
+ --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
+ --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
+ --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
+ --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
+ --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+ }
+ &.dark {
+ --background: oklch(0.27 0.00 106.64);
+ --foreground: oklch(0.81 0.01 93.01);
+ --card: oklch(0.27 0.00 106.64);
+ --card-foreground: oklch(0.98 0.01 95.10);
+ --popover: oklch(0.31 0.00 106.60);
+ --popover-foreground: oklch(0.92 0.00 106.48);
+ --primary: oklch(0.67 0.13 38.76);
+ --primary-foreground: oklch(1.00 0 0);
+ --secondary: oklch(0.98 0.01 95.10);
+ --secondary-foreground: oklch(0.31 0.00 106.60);
+ --muted: oklch(0.22 0.00 106.71);
+ --muted-foreground: oklch(0.77 0.02 99.07);
+ --accent: oklch(0.21 0.01 95.42);
+ --accent-foreground: oklch(0.97 0.01 98.88);
+ --destructive: oklch(0.64 0.21 25.33);
+ --destructive-foreground: oklch(1.00 0 0);
+ --border: oklch(0.36 0.01 106.89);
+ --input: oklch(0.43 0.01 100.22);
+ --ring: oklch(0.59 0.17 253.06);
+ --chart-1: oklch(0.56 0.13 43.00);
+ --chart-2: oklch(0.69 0.16 290.41);
+ --chart-3: oklch(0.21 0.01 95.42);
+ --chart-4: oklch(0.31 0.05 289.32);
+ --chart-5: oklch(0.56 0.13 42.06);
+ --sidebar: oklch(0.24 0.00 67.71);
+ --sidebar-foreground: oklch(0.81 0.01 93.01);
+ --sidebar-primary: oklch(0.33 0 0);
+ --sidebar-primary-foreground: oklch(0.99 0 0);
+ --sidebar-accent: oklch(0.17 0.00 106.62);
+ --sidebar-accent-foreground: oklch(0.81 0.01 93.01);
+ --sidebar-border: oklch(0.94 0 0);
+ --sidebar-ring: oklch(0.77 0 0);
+ --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --radius: 0.5rem;
+ --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+ --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+ --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
+ --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
+ --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
+ --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
+ --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
+ --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+ }
+}
+.theme-doom-64 {
+ &:root {
+ --background: oklch(0.85 0 0);
+ --foreground: oklch(0.24 0 0);
+ --card: oklch(0.76 0 0);
+ --card-foreground: oklch(0.24 0 0);
+ --popover: oklch(0.76 0 0);
+ --popover-foreground: oklch(0.24 0 0);
+ --primary: oklch(0.50 0.19 27.48);
+ --primary-foreground: oklch(1.00 0 0);
+ --secondary: oklch(0.50 0.09 126.19);
+ --secondary-foreground: oklch(1.00 0 0);
+ --muted: oklch(0.78 0 0);
+ --muted-foreground: oklch(0.41 0 0);
+ --accent: oklch(0.59 0.10 245.74);
+ --accent-foreground: oklch(1.00 0 0);
+ --destructive: oklch(0.71 0.20 46.46);
+ --destructive-foreground: oklch(0 0 0);
+ --border: oklch(0.43 0 0);
+ --input: oklch(0.43 0 0);
+ --ring: oklch(0.50 0.19 27.48);
+ --chart-1: oklch(0.50 0.19 27.48);
+ --chart-2: oklch(0.50 0.09 126.19);
+ --chart-3: oklch(0.59 0.10 245.74);
+ --chart-4: oklch(0.71 0.20 46.46);
+ --chart-5: oklch(0.57 0.04 40.43);
+ --sidebar: oklch(0.76 0 0);
+ --sidebar-foreground: oklch(0.24 0 0);
+ --sidebar-primary: oklch(0.50 0.19 27.48);
+ --sidebar-primary-foreground: oklch(1.00 0 0);
+ --sidebar-accent: oklch(0.59 0.10 245.74);
+ --sidebar-accent-foreground: oklch(1.00 0 0);
+ --sidebar-border: oklch(0.43 0 0);
+ --sidebar-ring: oklch(0.50 0.19 27.48);
+ --font-sans: "Oxanium", sans-serif;
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: "Source Code Pro", monospace;
+ --radius: 0px;
+ --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.20);
+ --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.20);
+ --shadow-sm: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
+ --shadow: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
+ --shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 2px 4px -1px hsl(0 0% 0% / 0.40);
+ --shadow-lg: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 4px 6px -1px hsl(0 0% 0% / 0.40);
+ --shadow-xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 8px 10px -1px hsl(0 0% 0% / 0.40);
+ --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 1.00);
+ }
+ &.dark {
+ --background: oklch(0.22 0 0);
+ --foreground: oklch(0.91 0 0);
+ --card: oklch(0.29 0 0);
+ --card-foreground: oklch(0.91 0 0);
+ --popover: oklch(0.29 0 0);
+ --popover-foreground: oklch(0.91 0 0);
+ --primary: oklch(0.61 0.21 27.03);
+ --primary-foreground: oklch(1.00 0 0);
+ --secondary: oklch(0.64 0.15 133.01);
+ --secondary-foreground: oklch(0 0 0);
+ --muted: oklch(0.26 0 0);
+ --muted-foreground: oklch(0.71 0 0);
+ --accent: oklch(0.75 0.12 244.75);
+ --accent-foreground: oklch(0 0 0);
+ --destructive: oklch(0.78 0.17 68.09);
+ --destructive-foreground: oklch(0 0 0);
+ --border: oklch(0.41 0 0);
+ --input: oklch(0.41 0 0);
+ --ring: oklch(0.61 0.21 27.03);
+ --chart-1: oklch(0.61 0.21 27.03);
+ --chart-2: oklch(0.64 0.15 133.01);
+ --chart-3: oklch(0.75 0.12 244.75);
+ --chart-4: oklch(0.78 0.17 68.09);
+ --chart-5: oklch(0.65 0.03 40.80);
+ --sidebar: oklch(0.19 0 0);
+ --sidebar-foreground: oklch(0.91 0 0);
+ --sidebar-primary: oklch(0.61 0.21 27.03);
+ --sidebar-primary-foreground: oklch(1.00 0 0);
+ --sidebar-accent: oklch(0.75 0.12 244.75);
+ --sidebar-accent-foreground: oklch(0 0 0);
+ --sidebar-border: oklch(0.41 0 0);
+ --sidebar-ring: oklch(0.61 0.21 27.03);
+ --font-sans: "Oxanium", sans-serif;
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: "Source Code Pro", monospace;
+ --radius: 0px;
+ --shadow-2xs: 0px 2px 5px 0px hsl(0 0% 0% / 0.30);
+ --shadow-xs: 0px 2px 5px 0px hsl(0 0% 0% / 0.30);
+ --shadow-sm: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 1px 2px -1px hsl(0 0% 0% / 0.60);
+ --shadow: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 1px 2px -1px hsl(0 0% 0% / 0.60);
+ --shadow-md: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 2px 4px -1px hsl(0 0% 0% / 0.60);
+ --shadow-lg: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 4px 6px -1px hsl(0 0% 0% / 0.60);
+ --shadow-xl: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 8px 10px -1px hsl(0 0% 0% / 0.60);
+ --shadow-2xl: 0px 2px 5px 0px hsl(0 0% 0% / 1.50);
+ }
+}
+.theme-supabase {
+ &:root {
+ --background: oklch(0.99 0 0);
+ --foreground: oklch(0.20 0 0);
+ --card: oklch(0.99 0 0);
+ --card-foreground: oklch(0.20 0 0);
+ --popover: oklch(0.99 0 0);
+ --popover-foreground: oklch(0.44 0 0);
+ --primary: oklch(0.83 0.13 160.91);
+ --primary-foreground: oklch(0.26 0.01 166.46);
+ --secondary: oklch(0.99 0 0);
+ --secondary-foreground: oklch(0.20 0 0);
+ --muted: oklch(0.95 0 0);
+ --muted-foreground: oklch(0.24 0 0);
+ --accent: oklch(0.95 0 0);
+ --accent-foreground: oklch(0.24 0 0);
+ --destructive: oklch(0.55 0.19 32.73);
+ --destructive-foreground: oklch(0.99 0.00 17.21);
+ --border: oklch(0.90 0 0);
+ --input: oklch(0.90 0 0);
+ --ring: oklch(0.83 0.13 160.91);
+ --chart-1: oklch(0.83 0.13 160.91);
+ --chart-2: oklch(0.62 0.19 259.81);
+ --chart-3: oklch(0.61 0.22 292.72);
+ --chart-4: oklch(0.77 0.16 70.08);
+ --chart-5: oklch(0.70 0.15 162.48);
+ --sidebar: oklch(0.99 0 0);
+ --sidebar-foreground: oklch(0.55 0 0);
+ --sidebar-primary: oklch(0.83 0.13 160.91);
+ --sidebar-primary-foreground: oklch(0.26 0.01 166.46);
+ --sidebar-accent: oklch(0.95 0 0);
+ --sidebar-accent-foreground: oklch(0.24 0 0);
+ --sidebar-border: oklch(0.90 0 0);
+ --sidebar-ring: oklch(0.83 0.13 160.91);
+ --font-sans: Outfit, sans-serif;
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: monospace;
+ --radius: 0.5rem;
+ --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
+ --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
+ --shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
+ --shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
+ --shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 2px 4px -1px hsl(0 0% 0% / 0.17);
+ --shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 4px 6px -1px hsl(0 0% 0% / 0.17);
+ --shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 8px 10px -1px hsl(0 0% 0% / 0.17);
+ --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.43);
+ --tracking-normal: 0.025em;
+ }
+ &.dark {
+ --background: oklch(0.18 0 0);
+ --foreground: oklch(0.93 0.01 255.51);
+ --card: oklch(0.20 0 0);
+ --card-foreground: oklch(0.93 0.01 255.51);
+ --popover: oklch(0.26 0 0);
+ --popover-foreground: oklch(0.73 0 0);
+ --primary: oklch(0.44 0.10 156.76);
+ --primary-foreground: oklch(0.92 0.01 167.16);
+ --secondary: oklch(0.26 0 0);
+ --secondary-foreground: oklch(0.99 0 0);
+ --muted: oklch(0.24 0 0);
+ --muted-foreground: oklch(0.71 0 0);
+ --accent: oklch(0.31 0 0);
+ --accent-foreground: oklch(0.99 0 0);
+ --destructive: oklch(0.31 0.09 29.79);
+ --destructive-foreground: oklch(0.94 0.00 34.31);
+ --border: oklch(0.28 0 0);
+ --input: oklch(0.28 0 0);
+ --ring: oklch(0.80 0.18 151.71);
+ --chart-1: oklch(0.80 0.18 151.71);
+ --chart-2: oklch(0.71 0.14 254.62);
+ --chart-3: oklch(0.71 0.16 293.54);
+ --chart-4: oklch(0.84 0.16 84.43);
+ --chart-5: oklch(0.78 0.13 181.91);
+ --sidebar: oklch(0.18 0 0);
+ --sidebar-foreground: oklch(0.63 0 0);
+ --sidebar-primary: oklch(0.44 0.10 156.76);
+ --sidebar-primary-foreground: oklch(0.92 0.01 167.16);
+ --sidebar-accent: oklch(0.31 0 0);
+ --sidebar-accent-foreground: oklch(0.99 0 0);
+ --sidebar-border: oklch(0.28 0 0);
+ --sidebar-ring: oklch(0.80 0.18 151.71);
+ --font-sans: Outfit, sans-serif;
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: monospace;
+ --radius: 0.5rem;
+ --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
+ --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
+ --shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
+ --shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
+ --shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 2px 4px -1px hsl(0 0% 0% / 0.17);
+ --shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 4px 6px -1px hsl(0 0% 0% / 0.17);
+ --shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 8px 10px -1px hsl(0 0% 0% / 0.17);
+ --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.43);
+ }
+ body {
+ letter-spacing: var(--tracking-normal);
+ }
+}
+:root {
+ --font-sans: "Geist Sans", ui-sans-serif, system-ui, sans-serif;
+ --font-heading: "Geist Sans", ui-sans-serif, system-ui, sans-serif;
+ --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+}
+.htmx-indicator {
+ visibility: hidden;
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ transition-behavior: allow-discrete;
+}
+.htmx-indicator:not(.htmx-request) {
+ display: none;
+}
+.htmx-request, .htmx-request.htmx-indicator {
+ visibility: visible;
+ opacity: 100%;
+}
+.content {
+ pre {
+ display: grid;
+ max-height: 650px;
+ overflow-y: auto;
+ border-radius: var(--radius-lg);
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
+ }
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ pre > code {
+ display: block;
+ border-radius: inherit;
+ background-color: transparent;
+ padding: calc(var(--spacing) * 3.5);
+ font-family: var(--font-mono);
+ }
+ pre > code.hljs {
+ background-color: transparent !important;
+ }
+ > h2 {
+ margin-top: calc(var(--spacing) * 12);
+ margin-bottom: calc(var(--spacing) * 6);
+ scroll-margin: calc(var(--spacing) * 22);
+ font-size: var(--text-2xl);
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-tight);
+ letter-spacing: var(--tracking-tight);
+ &:first-child {
+ margin-top: calc(var(--spacing) * 0);
+ }
+ @media (width >= 64rem) {
+ margin-top: calc(var(--spacing) * 20);
+ }
+ }
+ > h3 {
+ margin-top: calc(var(--spacing) * 8);
+ margin-bottom: calc(var(--spacing) * 6);
+ scroll-margin: calc(var(--spacing) * 22);
+ font-size: var(--text-xl);
+ line-height: var(--tw-leading, var(--text-xl--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-tight);
+ letter-spacing: var(--tracking-tight);
+ }
+ > h4 {
+ margin-block: calc(var(--spacing) * 6);
+ scroll-margin: calc(var(--spacing) * 22);
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-tight);
+ letter-spacing: var(--tracking-tight);
+ }
+ .prose {
+ margin-block: calc(var(--spacing) * 6);
+ a {
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ text-decoration-line: underline;
+ text-underline-offset: 4px;
+ }
+ code:not(pre > code) {
+ position: relative;
+ border-radius: var(--radius-md);
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ padding-inline: 0.3rem;
+ padding-block: 0.2rem;
+ font-family: var(--font-mono);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ blockquote {
+ border-left-style: var(--tw-border-style);
+ border-left-width: 4px;
+ border-color: var(--color-border);
+ padding-left: calc(var(--spacing) * 4);
+ }
+ ol {
+ margin-left: calc(var(--spacing) * 6);
+ list-style-type: decimal;
+ }
+ ul {
+ margin-left: calc(var(--spacing) * 6);
+ list-style-type: disc;
+ }
+ ol, ul {
+ li {
+ margin-top: calc(var(--spacing) * 2);
+ }
+ }
+ dl {
+ margin-block: calc(var(--spacing) * 6);
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ padding-bottom: calc(var(--spacing) * 3);
+ dt {
+ margin-top: calc(var(--spacing) * 3);
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ padding-top: calc(var(--spacing) * 3);
+ &:first-child {
+ margin-top: calc(var(--spacing) * 0);
+ }
+ }
+ dd {
+ margin-top: calc(var(--spacing) * 2);
+ :where(& > :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)));
+ }
+ }
+ dl {
+ margin-block: calc(var(--spacing) * 0);
+ margin-top: calc(var(--spacing) * 4);
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 0px;
+ padding-bottom: calc(var(--spacing) * 0);
+ padding-left: calc(var(--spacing) * 8);
+ }
+ }
+ b, strong {
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ }
+ > p, > blockquote, > ul, > ol, > dl, > table, > pre, > p {
+ margin-block: calc(var(--spacing) * 6);
+ }
+ > *:first-child {
+ margin-top: calc(var(--spacing) * 0) !important;
+ }
+ > *:last-child {
+ margin-bottom: calc(var(--spacing) * 0) !important;
+ }
+ }
+ .step {
+ counter-increment: step;
+ &:before {
+ position: absolute;
+ margin-right: calc(var(--spacing) * 2);
+ display: inline-flex;
+ height: calc(var(--spacing) * 8);
+ width: calc(var(--spacing) * 8);
+ align-items: center;
+ justify-content: center;
+ border-radius: calc(infinity * 1px);
+ border-style: var(--tw-border-style);
+ border-width: 4px;
+ border-color: var(--color-background);
+ background-color: var(--color-muted);
+ text-align: center;
+ text-indent: -1px;
+ font-family: var(--font-mono);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ @media (width >= 48rem) {
+ height: calc(var(--spacing) * 9);
+ }
+ @media (width >= 48rem) {
+ width: calc(var(--spacing) * 9);
+ }
+ @media (width >= 48rem) {
+ margin-top: -4px;
+ }
+ @media (width >= 48rem) {
+ margin-left: -50px;
+ }
+ content: counter(step);
+ }
+ > h3 {
+ display: flex;
+ min-height: calc(var(--spacing) * 8);
+ align-items: center;
+ @media (width < 48rem) {
+ margin-left: calc(var(--spacing) * 10);
+ }
+ }
+ }
+}
+:root {
+ --hljs-bg: #fff;
+ --hljs-color: #24292e;
+ --hljs-keyword: #d73a49;
+ --hljs-title: #6f42c1;
+ --hljs-literal: #005cc5;
+ --hljs-string: #032f62;
+ --hljs-symbol: #e36209;
+ --hljs-comment: #6a737d;
+ --hljs-tag: #22863a;
+ --hljs-section: #005cc5;
+ --hljs-bullet: #735c0f;
+ --hljs-addition-color: #22863a;
+ --hljs-addition-bg: #f0fff4;
+ --hljs-deletion-color: #b31d28;
+ --hljs-deletion-bg: #ffeef0;
+}
+html.dark {
+ --hljs-bg: #0d1117;
+ --hljs-color: #c9d1d9;
+ --hljs-keyword: #ff7b72;
+ --hljs-title: #d2a8ff;
+ --hljs-literal: #79c0ff;
+ --hljs-string: #a5d6ff;
+ --hljs-symbol: #ffa657;
+ --hljs-comment: #8b949e;
+ --hljs-tag: #7ee787;
+ --hljs-section: #1f6feb;
+ --hljs-bullet: #f2cc60;
+ --hljs-addition-color: #aff5b4;
+ --hljs-addition-bg: #033a16;
+ --hljs-deletion-color: #ffdcd7;
+ --hljs-deletion-bg: #67060c;
+}
+pre code.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 1em;
+}
+code.hljs {
+ padding: 3px 5px;
+}
+.hljs {
+ color: var(--hljs-color);
+ background: var(--hljs-bg);
+}
+.hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ {
+ color: var(--hljs-keyword);
+}
+.hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ {
+ color: var(--hljs-title);
+}
+.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable {
+ color: var(--hljs-literal);
+}
+.hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
+ color: var(--hljs-string);
+}
+.hljs-built_in, .hljs-symbol {
+ color: var(--hljs-symbol);
+}
+.hljs-code, .hljs-comment, .hljs-formula {
+ color: var(--hljs-comment);
+}
+.hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag {
+ color: var(--hljs-tag);
+}
+.hljs-subst {
+ color: var(--hljs-color);
+}
+.hljs-section {
+ color: var(--hljs-section);
+ font-weight: 700;
+}
+.hljs-bullet {
+ color: var(--hljs-bullet);
+}
+.hljs-emphasis {
+ font-style: italic;
+}
+.hljs-strong {
+ font-weight: 700;
+}
+.hljs-addition {
+ color: var(--hljs-addition-color);
+ background-color: var(--hljs-addition-bg);
+}
+.hljs-deletion {
+ color: var(--hljs-deletion-color);
+ background-color: var(--hljs-deletion-bg);
+}
+@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-rotate-x {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-rotate-y {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-rotate-z {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-skew-x {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-skew-y {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-space-y-reverse {
+ syntax: "*";
+ inherits: false;
+ initial-value: 0;
+}
+@property --tw-space-x-reverse {
+ syntax: "*";
+ inherits: false;
+ initial-value: 0;
+}
+@property --tw-border-style {
+ syntax: "*";
+ inherits: false;
+ initial-value: solid;
+}
+@property --tw-leading {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-font-weight {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-tracking {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-ordinal {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-slashed-zero {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-numeric-figure {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-numeric-spacing {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-numeric-fraction {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-shadow {
+ syntax: "*";
+ inherits: false;
+ initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-shadow-alpha {
+ syntax: "";
+ 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: "";
+ 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: "";
+ inherits: false;
+ initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+ syntax: "*";
+ inherits: false;
+ initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+ syntax: "*";
+ inherits: false;
+ initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+ syntax: "*";
+ inherits: false;
+ initial-value: solid;
+}
+@property --tw-blur {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-brightness {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-contrast {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-grayscale {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-hue-rotate {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-invert {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-opacity {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-saturate {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-sepia {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-drop-shadow {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-drop-shadow-color {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+ syntax: "";
+ inherits: false;
+ initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-blur {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-brightness {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-contrast {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-grayscale {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-invert {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-opacity {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-saturate {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-sepia {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-duration {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-ease {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-content {
+ syntax: "*";
+ initial-value: "";
+ inherits: false;
+}
+@property --tw-scale-x {
+ syntax: "*";
+ inherits: false;
+ initial-value: 1;
+}
+@property --tw-scale-y {
+ syntax: "*";
+ inherits: false;
+ initial-value: 1;
+}
+@property --tw-scale-z {
+ syntax: "*";
+ inherits: false;
+ initial-value: 1;
+}
+@keyframes spin {
+ to {
+ transform: rotate(360deg);
+ }
+}
+@keyframes pulse {
+ 50% {
+ opacity: 0.5;
+ }
+}
+@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-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-translate-z: 0;
+ --tw-rotate-x: initial;
+ --tw-rotate-y: initial;
+ --tw-rotate-z: initial;
+ --tw-skew-x: initial;
+ --tw-skew-y: initial;
+ --tw-space-y-reverse: 0;
+ --tw-space-x-reverse: 0;
+ --tw-border-style: solid;
+ --tw-leading: initial;
+ --tw-font-weight: initial;
+ --tw-tracking: initial;
+ --tw-ordinal: initial;
+ --tw-slashed-zero: initial;
+ --tw-numeric-figure: initial;
+ --tw-numeric-spacing: initial;
+ --tw-numeric-fraction: initial;
+ --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;
+ --tw-outline-style: solid;
+ --tw-blur: initial;
+ --tw-brightness: initial;
+ --tw-contrast: initial;
+ --tw-grayscale: initial;
+ --tw-hue-rotate: initial;
+ --tw-invert: initial;
+ --tw-opacity: initial;
+ --tw-saturate: initial;
+ --tw-sepia: initial;
+ --tw-drop-shadow: initial;
+ --tw-drop-shadow-color: initial;
+ --tw-drop-shadow-alpha: 100%;
+ --tw-drop-shadow-size: initial;
+ --tw-backdrop-blur: initial;
+ --tw-backdrop-brightness: initial;
+ --tw-backdrop-contrast: initial;
+ --tw-backdrop-grayscale: initial;
+ --tw-backdrop-hue-rotate: initial;
+ --tw-backdrop-invert: initial;
+ --tw-backdrop-opacity: initial;
+ --tw-backdrop-saturate: initial;
+ --tw-backdrop-sepia: initial;
+ --tw-duration: initial;
+ --tw-ease: initial;
+ --tw-content: "";
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-scale-z: 1;
+ }
+ }
+}
diff --git a/docs/src/assets/styles-sera.css b/docs/src/assets/styles-sera.css
index 9678036..baefe28 100644
--- a/docs/src/assets/styles-sera.css
+++ b/docs/src/assets/styles-sera.css
@@ -1,2 +1,8611 @@
/*! tailwindcss v4.1.4 | 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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:"";--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/geist/geist-sans-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/geist/geist-sans-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/geist/geist-sans-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/geist/geist-sans-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/geist/geist-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/geist/geist-mono-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/geist/geist-mono-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/geist/geist-mono-latin-700-normal.woff2)format("woff2")}@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-red-500:oklch(63.7% .237 25.331);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-500:oklch(62.7% .265 303.9);--color-neutral-300:oklch(87% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--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-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-xs:4px;--blur-sm:8px;--aspect-video:16/9;--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);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring)}}@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;-webkit-text-decoration: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}:-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}*{border-color:var(--color-border);outline-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}html{scroll-behavior:smooth}body{overscroll-behavior:none;background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}.scrollbar::-webkit-scrollbar{width:var(--scrollbar-width)}.scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius)}}@layer components{.alert,.alert-destructive{width:100%;position:relative}.alert>:is(h2,h3,h4,h5,h6,strong,[data-title]),.alert-destructive>:is(h2,h3,h4,h5,h6,strong,[data-title]){min-height:calc(var(--spacing)*4)}.alert>section,.alert-destructive>section{justify-items:start;gap:calc(var(--spacing)*1);display:grid}:is(.alert>section,.alert-destructive>section) ul{list-style-type:disc;list-style-position:inside}.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;width:fit-content;display:inline-flex;overflow:hidden}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link)[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link)>svg{pointer-events:none}.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive{white-space:nowrap;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):disabled{pointer-events:none;opacity:.5}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive) svg{pointer-events:none;flex-shrink:0}.button-group{isolation:isolate;align-items:stretch;width:fit-content;display:inline-flex}.button-group>.input{flex:1}.button-group>:focus-visible,.button-group>:is(.dropdown-menu,.popover,.select)>button:focus-visible{z-index:10;position:relative}.button-group>:is(hr[role=separator],.button-group-separator){margin-inline:calc(var(--spacing)*0);border-style:var(--tw-border-style);border-width:0;flex-shrink:0;align-self:stretch;width:1px;height:auto;margin-block:1px;position:relative}.button-group:not([data-orientation=vertical])>:not(:first-child),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:first-child)>button{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}.button-group:not([data-orientation=vertical])>:not(:last-child),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:last-child)>button{border-start-end-radius:0;border-end-end-radius:0}.button-group[data-orientation=vertical]{flex-direction:column}.button-group[data-orientation=vertical]>:is(hr[role=separator],.button-group-separator){margin-inline:1px;margin-block:calc(var(--spacing)*0);width:auto;height:1px}.button-group[data-orientation=vertical]>:not(:first-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:first-child)>button{border-top-style:var(--tw-border-style);border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.button-group[data-orientation=vertical]>:not(:last-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:last-child)>button{border-bottom-right-radius:0;border-bottom-left-radius:0}.button-group-text{align-items:center;display:flex}.button-group-text svg{pointer-events:none}.button-group-separator{flex-shrink:0;align-self:stretch;position:relative}.card{flex-direction:column;display:flex}.card>header{grid-auto-rows:min-content;align-items:flex-start;display:grid;container:card-header/inline-size}.card>header:has(>[data-slot=card-action],>.card-action){grid-template-columns:1fr auto}.card>header:has(>p){grid-template-rows:auto auto}.card>header>:is(h2,h3,[data-title],.card-title){--tw-leading:1;line-height:1}.card>header>:is([data-slot=card-action],.card-action){grid-row:1/span 2;grid-column-start:2;place-self:flex-start flex-end}.card>footer{align-items:center;display:flex}details::details-content{opacity:0;block-size:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-behavior:allow-discrete;display:block}details[open]::details-content{block-size:auto;block-size:calc-size(auto,size);opacity:1}details summary{cursor:pointer;align-items:center;display:inline-flex}details>summary::-webkit-details-marker{display:none}.command-dialog{inset-block:calc(var(--spacing)*0);padding:calc(var(--spacing)*0);color:inherit;opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-behavior:allow-discrete;background-color:#0000;max-width:none;max-height:none}.command-dialog:is([open],:popover-open),.command-dialog:is([open],:popover-open)::backdrop{opacity:1}.command-dialog:is([open],:popover-open)>*{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}@starting-style{.command-dialog:is([open],:popover-open),.command-dialog:is([open],:popover-open)::backdrop{opacity:0}.command-dialog:is([open],:popover-open)>*{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.command-dialog::backdrop{opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-behavior:allow-discrete}.command-dialog>*{z-index:50;--tw-translate-x:calc(calc(1/2*100%)*-1);width:100%;max-width:calc(100% - 2rem);max-height:min(640px,100% - 2rem);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex-direction:column;display:flex;position:fixed;top:33.3333%;left:50%;overflow:hidden}@media (min-width:40rem){.command-dialog>*{max-width:var(--container-lg)}}.command-dialog>*>:is(button,form[method=dialog]){position:absolute}.command-dialog>*>:is(button,form[method=dialog]>button){opacity:.7;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.command-dialog>*>:is(button,form[method=dialog]>button):hover{opacity:1}}.command-dialog>*>:is(button,form[method=dialog]>button):focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.command-dialog>*>:is(button,form[method=dialog]>button):focus-visible{outline-offset:2px;outline:2px solid #0000}}.command-dialog>*>:is(button,form[method=dialog]>button):disabled,.command-dialog>*>:is(button,form[method=dialog]>button) svg{pointer-events:none}.command-dialog>*>:is(button,form[method=dialog]>button) svg{flex-shrink:0}.command-dialog>*>:is(button,form[method=dialog]>button)>svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.command{flex-direction:column;width:100%;display:flex;overflow:hidden}.command>header{align-items:center;display:flex}.command>header svg{flex-shrink:0}.command>header input{--tw-outline-style:none;background-color:#0000;outline-style:none;width:100%}@media (forced-colors:active){.command>header input{outline-offset:2px;outline:2px solid #0000}}.command>header input:disabled{cursor:not-allowed;opacity:.5}.command [role=menu]{--tw-outline-style:none;outline-style:none;overflow:hidden auto}@media (forced-colors:active){.command [role=menu]{outline-offset:2px;outline:2px solid #0000}}.command [role=menuitem]{cursor:default;text-overflow:ellipsis;white-space:nowrap;--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}@media (forced-colors:active){.command [role=menuitem]{outline-offset:2px;outline:2px solid #0000}}.command [role=menuitem]:disabled,.command [role=menuitem][aria-disabled=true]{pointer-events:none;opacity:.5}.command [role=menuitem][aria-hidden=true]{display:none}.command [role=menuitem] svg{pointer-events:none;flex-shrink:0}.command [role=group]{overflow:hidden}.command [role=group]:not(:has([role=menuitem]:not([aria-hidden=true]))){display:none}.command [role=heading]{display:flex}.command [role=separator]{border-style:var(--tw-border-style);border-width:0}.command [data-shortcut]{margin-inline-start:auto}.command [data-indicator]{opacity:0;margin-inline-start:auto}.command [role=menuitem][data-checked=true] [data-indicator],.command [role=menuitem][aria-selected=true] [data-indicator]{opacity:1}.command [role=menuitem]:has([data-shortcut]) [data-indicator]{display:none}.command [role=menu]:not(:has([role=menuitem]:not([aria-hidden=true]))):before{text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;display:flex;overflow:hidden}.command [role=menu][data-empty]:not(:has([role=menuitem]:not([aria-hidden=true]))):before{--tw-content:attr(data-empty);content:var(--tw-content)}.command [role=menu]:not([data-empty]):not(:has([role=menuitem]:not([aria-hidden=true]))):before{--tw-content:"No results found";content:var(--tw-content)}.command:not([data-command-initialized]) [role=menuitem]:not([aria-disabled=true]):not(:disabled):hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}.command:has(>header input:not(:placeholder-shown)) [role=separator]{display:none}.combobox{flex-direction:column;width:fit-content;display:inline-flex;position:relative}.combobox>input[role=combobox]{width:100%;min-width:calc(var(--spacing)*0);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.combobox>input[role=combobox]{outline-offset:2px;outline:2px solid #0000}}.combobox>input[role=combobox]::placeholder{color:var(--color-muted-foreground)}.combobox>input[role=combobox]:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.combobox>svg,.combobox-trigger-icon{pointer-events:none;flex-shrink:0;position:absolute}.combobox [data-popover]{isolation:isolate;min-width:max(100%,9rem);overflow:hidden}.combobox [role=listbox]{--tw-outline-style:none;outline-style:none;overflow-y:auto}@media (forced-colors:active){.combobox [role=listbox]{outline-offset:2px;outline:2px solid #0000}}.combobox [role=listbox] [role=group]:not(:has([role=option]:not([aria-hidden=true]))){display:none}.combobox [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))):before{text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;display:flex;overflow:hidden}.combobox [role=listbox][data-empty]:not(:has([data-value]:not([aria-hidden=true]))):before{--tw-content:attr(data-empty);content:var(--tw-content)}.combobox [role=listbox]:not([data-empty]):not(:has([data-value]:not([aria-hidden=true]))):before{--tw-content:"No results found";content:var(--tw-content)}.combobox [role=option]{cursor:default;text-overflow:ellipsis;white-space:nowrap;--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}@media (forced-colors:active){.combobox [role=option]{outline-offset:2px;outline:2px solid #0000}}.combobox [role=option]:disabled,.combobox [role=option][aria-disabled=true]{pointer-events:none;opacity:.5}.combobox [role=option][aria-hidden=true]{display:none}.combobox [role=option] svg{pointer-events:none;flex-shrink:0}.combobox [role=option][aria-selected=true]{background-image:var(--check-icon);background-position:right .5rem center;background-repeat:no-repeat;background-size:.875rem}.combobox [role=option][aria-selected=true]:dir(rtl){background-position:.5rem}.combobox [role=separator]{border-style:var(--tw-border-style);border-width:0}.combobox [role=option].active,.combobox [role=option]:focus-visible,.combobox:not([data-combobox-initialized]) [role=option]:not([aria-disabled=true]):not(:disabled):hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}.combobox-chips{width:100%;min-width:calc(var(--spacing)*0);flex-wrap:wrap;align-items:center;display:flex}.combobox-chips>input[role=combobox]{min-width:calc(var(--spacing)*16);--tw-outline-style:none;background-color:#0000;outline-style:none;flex:1}@media (forced-colors:active){.combobox-chips>input[role=combobox]{outline-offset:2px;outline:2px solid #0000}}.combobox-chips>input[role=combobox]::placeholder{color:var(--color-muted-foreground)}.combobox-chips>input[role=combobox]:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.combobox-chip{white-space:nowrap;flex-shrink:0;align-items:center;width:fit-content;display:inline-flex}.combobox-chip-remove{justify-content:center;align-items:center;display:inline-flex}.dialog{padding:calc(var(--spacing)*0);color:inherit;opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-behavior:allow-discrete;background-color:#0000;max-width:none;max-height:none}.dialog::backdrop{opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-behavior:allow-discrete}.dialog:is([open],:popover-open),.dialog:is([open],:popover-open)::backdrop{opacity:1}.dialog:is([open],:popover-open)>*{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}@starting-style{.dialog:is([open],:popover-open),.dialog:is([open],:popover-open)::backdrop{opacity:0}.dialog:is([open],:popover-open)>*{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.dialog>*{z-index:50;--tw-translate-x:calc(calc(1/2*100%)*-1);width:100%;max-height:calc(100% - 2rem);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);--tw-outline-style:none;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));outline-style:none;flex-direction:column;display:flex;position:fixed;top:50%;left:50%}@media (forced-colors:active){.dialog>*{outline-offset:2px;outline:2px solid #0000}}.dialog>*>header{flex-direction:column;display:flex}.dialog>*>section{flex:1}.dialog>*>footer{flex-direction:column-reverse;display:flex}@media (min-width:40rem){.dialog>*>footer{flex-direction:row;justify-content:flex-end}}.dialog>*>:is(button,form[method=dialog]){position:absolute}.dialog>*>:is(button,form[method=dialog]>button){opacity:.7;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.dialog>*>:is(button,form[method=dialog]>button):hover{opacity:1}}.dialog>*>:is(button,form[method=dialog]>button):focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.dialog>*>:is(button,form[method=dialog]>button):focus-visible{outline-offset:2px;outline:2px solid #0000}}.dialog>*>:is(button,form[method=dialog]>button):disabled,.dialog>*>:is(button,form[method=dialog]>button) svg{pointer-events:none}.dialog>*>:is(button,form[method=dialog]>button) svg{flex-shrink:0}.dialog>*>:is(button,form[method=dialog]>button)>svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.dropdown-menu{display:inline-flex;position:relative}.dropdown-menu>[data-popover]{min-width:anchor-size(width)}.dropdown-menu [role=menu]{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.dropdown-menu [role=menu]{outline-offset:2px;outline:2px solid #0000}}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]){cursor:default;text-overflow:ellipsis;white-space:nowrap;--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}@media (forced-colors:active){.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]){outline-offset:2px;outline:2px solid #0000}}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]):disabled,.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio])[aria-disabled=true]{pointer-events:none;opacity:.5}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio])[aria-hidden=true]{display:none}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]) svg{pointer-events:none;flex-shrink:0}.dropdown-menu [role=menu] [role=heading]{display:flex}.dropdown-menu [role=separator]{border-style:var(--tw-border-style);border-width:0}.dropdown-menu [data-shortcut]{margin-inline-start:auto}.dropdown-menu [data-indicator]{pointer-events:none;visibility:hidden}.dropdown-menu :is([role=menuitemcheckbox],[role=menuitemradio])[aria-checked=true] [data-indicator]{visibility:visible}.dropdown-menu [data-rtl-flip]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.dropdown-menu:not([data-dropdown-menu-initialized]) :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]):not([aria-disabled=true]):not(:disabled):hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}.empty{width:100%;min-width:calc(var(--spacing)*0);text-align:center;text-wrap:balance;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty>header{max-width:var(--container-sm);flex-direction:column;align-items:center;display:flex}.empty figure{flex-shrink:0;justify-content:center;align-items:center;display:flex}.empty figure svg{pointer-events:none;flex-shrink:0}.empty figure:has(img){overflow:hidden}.empty figure:has(img) img{object-fit:cover;width:100%;height:100%}.empty>:is(section,footer){width:100%;max-width:var(--container-sm);min-width:calc(var(--spacing)*0);text-wrap:balance;flex-direction:column;align-items:center;display:flex}.empty p>a{text-underline-offset:4px;text-decoration-line:underline}.empty p>a:hover{color:var(--color-primary)}.fieldset{flex-direction:column;display:flex}.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field){flex-direction:column;width:100%;display:flex;container:field-group/inline-size}.field{flex-direction:column;width:100%;display:flex}.field>*{width:100%}.field>.sr-only{width:auto}.field[data-orientation=horizontal]{flex-direction:row;align-items:center}.field[data-orientation=horizontal]:has(>section){align-items:flex-start}.field[data-orientation=horizontal] p{text-wrap:balance}.field[data-orientation=horizontal]:has(>section)>[type=checkbox],.field[data-orientation=horizontal]:has(>section) [type=radio]{margin-top:1px}.field[data-orientation=horizontal]>label{flex:auto}.field[data-orientation=responsive]{flex-direction:column}@container field-group (min-width:28rem){.field[data-orientation=responsive]{flex-direction:row;align-items:center}.field[data-orientation=responsive]:has(>section){align-items:flex-start}.field[data-orientation=responsive]>*{width:auto}.field[data-orientation=responsive]:has(>section)>[type=checkbox],.field[data-orientation=responsive]:has(>section) [type=radio]{margin-top:1px}.field[data-orientation=responsive]>label{flex:auto}}.field section,.field .field-content{--tw-leading:var(--leading-snug);line-height:var(--leading-snug);flex-direction:column;flex:1;display:flex}.field h2,.field h3,.field .field-title{align-items:center;width:fit-content;display:flex}.field [role=alert],.field .field-error{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}:is(.field [role=alert],.field .field-error) ul{gap:calc(var(--spacing)*1);flex-direction:column;margin-inline-start:calc(var(--spacing)*4);list-style-type:disc;display:flex}.field>label,label:has(>.field){width:fit-content}.field>label:has(>.field),.field>label:has(input[type=radio]),.field>label:has(input[type=checkbox]),.field>label:has(input[role=switch]),label:has(>.field){width:100%}.field>label:has(>.field),label:has(>.field){flex-direction:column}.field-description,.fieldset legend+p,.field>p,.field section>p{--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}:is(.field-description,.fieldset legend+p,.field>p,.field section>p)>a{text-underline-offset:4px;text-decoration-line:underline}:is(.field-description,.fieldset legend+p,.field>p,.field section>p)>a:hover{color:var(--color-primary)}:is(.field>p,.field section>p,.field-description):last-child{margin-top:calc(var(--spacing)*0)}:is(.field>p,.field section>p,.field-description):nth-last-child(2){margin-top:calc(var(--spacing)*-1)}.field-separator{position:relative}.field-separator>hr[role=separator]{inset-inline:calc(var(--spacing)*0);position:absolute;top:50%}.field-separator>span{background-color:var(--color-background);width:fit-content;margin-inline:auto;display:block;position:relative}.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]){appearance:none;--tw-outline-style:none;outline-style:none;flex-shrink:0;position:relative}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):disabled{cursor:not-allowed;opacity:.5}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):checked:after{--tw-content:"";content:var(--tw-content);-webkit-mask-image:var(--check-icon);-webkit-mask-image:var(--check-icon);mask-image:var(--check-icon);background-color:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:.875rem;mask-size:.875rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]){width:100%;min-width:calc(var(--spacing)*0);--tw-outline-style:none;outline-style:none}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{display:inline-flex}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{border-style:var(--tw-border-style);border-width:0}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{background-color:#0000}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{color:var(--color-foreground)}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::placeholder{color:var(--color-muted-foreground)}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.input-group{isolation:isolate;width:100%;min-width:calc(var(--spacing)*0);--tw-outline-style:none;outline-style:none;align-items:center;display:flex;position:relative;overflow:hidden}.input-group[data-orientation=vertical]{flex-direction:column;align-items:stretch;height:auto}.input-group>:is(input,textarea,select,[data-control]){min-width:calc(var(--spacing)*0);appearance:none;border-style:var(--tw-border-style);color:var(--color-foreground);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;background-color:#0000;border-width:0;border-radius:0;outline-style:none;flex:1;display:block}.input-group>:is(input,textarea,select,[data-control])::placeholder{color:var(--color-muted-foreground)}.input-group>:is(input,textarea,select,[data-control]):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.input-group>:is(input,textarea,select,[data-control]):disabled{background-color:#0000}.input-group>:is(input,textarea,select,[data-control])[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.input-group>:is(input,select,[data-control]){height:100%}.input-group>[data-control]{width:100%}.input-group[data-orientation=vertical]>:is(input,select,[data-control]){flex:none;height:auto}.input-group>textarea{field-sizing:content;min-height:calc(var(--spacing)*20);resize:none;width:100%}.input-group>:is(span,kbd,svg,[role=group],.popover,.dropdown-menu,button,footer,header,hr[role=separator]){flex-shrink:0}.input-group>:is(span,[role=group],footer,header){align-items:center;display:inline-flex}.input-group>svg{pointer-events:none}.input-group>[data-align=start]{order:-9999}.input-group>[data-align=end]{order:9999}.item-group{flex-direction:column;width:100%;display:flex}.item-group>hr{border-style:var(--tw-border-style);border-width:0;border-top-style:var(--tw-border-style);border-top-width:1px;flex-shrink:0;width:100%}.item{border-style:var(--tw-border-style);width:100%;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;--tw-outline-style:none;border-width:1px;outline-style:none;flex-wrap:wrap;align-items:center;transition-duration:.1s;display:flex}.item:focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.item:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}@media (hover:hover){a.item:hover{background-color:var(--color-muted)}}.item>figure{flex-shrink:0;justify-content:center;align-items:center;display:flex}.item>figure svg{pointer-events:none}.item>figure:has(img){overflow:hidden}.item>figure:has(img) img{object-fit:cover;width:100%;height:100%}.item>section{flex-direction:column;flex:1;display:flex}.item>section+section{flex:none}.item>aside{align-items:center;display:flex}.item>:is(header,footer){flex-basis:100%;justify-content:space-between;align-items:center;display:flex}.item :is(h2,h3,h4){-webkit-line-clamp:1;-webkit-box-orient:vertical;align-items:center;width:fit-content;display:flex;overflow:hidden}.item p{-webkit-line-clamp:2;text-align:start;--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-muted-foreground);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.item p>a{text-underline-offset:4px;text-decoration-line:underline}.item p>a:hover{color:var(--color-primary)}.kbd{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.kbd-group{align-items:center;display:inline-flex}.field>label,.label{-webkit-user-select:none;user-select:none;align-items:center;display:flex}:is(.field>label,.label):is(:where(.peer):disabled~*),:is(.field>label,.label):has(>:disabled),:is(.field>label,.label):has(+:disabled){pointer-events:none}.field>select,select.select{min-width:calc(var(--spacing)*0);appearance:none;--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none}:is(.field>select,select.select):disabled{cursor:not-allowed;opacity:.5}:is(.field>select,select.select) option,:is(.field>select,select.select) optgroup{color:canvastext;background-color:canvas}[data-popover]{visibility:visible;z-index:50;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;width:max-content;min-width:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1;--tw-outline-style:none;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));outline-style:none;position:absolute;overflow:hidden auto}@media (forced-colors:active){[data-popover]{outline-offset:2px;outline:2px solid #0000}}[data-popover][aria-hidden=true]{visibility:hidden;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}[data-popover][aria-hidden=true]:not([data-side]),[data-popover][aria-hidden=true][data-side=bottom]{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}[data-popover][aria-hidden=true][data-side=top]{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}[data-popover][aria-hidden=true][data-side=left]{--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}[data-popover][aria-hidden=true][data-side=right]{--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}[data-popover]:not([data-side]),[data-popover][data-side=bottom]{margin-top:calc(var(--spacing)*1);top:100%}[data-popover][data-side=top]{margin-bottom:calc(var(--spacing)*1);bottom:100%}[data-popover][data-side=left]{margin-inline-end:calc(var(--spacing)*1);inset-inline-end:100%}[data-popover][data-side=right]{margin-inline-start:calc(var(--spacing)*1);inset-inline-start:100%}:is([data-popover]:not([data-side]),[data-popover][data-side=bottom],[data-popover][data-side=top]):not([data-align]),:is([data-popover]:not([data-side]),[data-popover][data-side=bottom],[data-popover][data-side=top])[data-align=start]{inset-inline-start:calc(var(--spacing)*0)}:is([data-popover]:not([data-side]),[data-popover][data-side=bottom],[data-popover][data-side=top])[data-align=end]{inset-inline-end:calc(var(--spacing)*0)}:is([data-popover]:not([data-side]),[data-popover][data-side=bottom],[data-popover][data-side=top])[data-align=center]{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);inset-inline-start:50%}:is([data-popover][data-side=left],[data-popover][data-side=right]):not([data-align]),:is([data-popover][data-side=left],[data-popover][data-side=right])[data-align=start]{top:calc(var(--spacing)*0)}:is([data-popover][data-side=left],[data-popover][data-side=right])[data-align=end]{bottom:calc(var(--spacing)*0)}:is([data-popover][data-side=left],[data-popover][data-side=right])[data-align=center]{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);top:50%}.popover{display:inline-flex;position:relative}.field>input[type=radio],.input[type=radio]{appearance:none;border-style:var(--tw-border-style);--tw-outline-style:none;border-width:1px;outline-style:none;flex-shrink:0;position:relative}:is(.field>input[type=radio],.input[type=radio]):disabled{cursor:not-allowed;opacity:.5}:is(.field>input[type=radio],.input[type=radio]):checked:before{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-content:"";content:var(--tw-content);border-radius:3.40282e38px;position:absolute;top:50%;left:50%}.field>input[type=range],.input[type=range]{appearance:none;padding:calc(var(--spacing)*0);--tw-outline-style:none;--slider-value:20%;outline-style:none;align-items:center;display:flex}:is(.field>input[type=range],.input[type=range]):disabled{pointer-events:none;opacity:.5}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb{appearance:none;flex-shrink:0;display:block}:is(.field>input[type=range],.input[type=range])::-webkit-slider-runnable-track{appearance:none;background:linear-gradient(to right,var(--primary)var(--slider-value),var(--muted)var(--slider-value));width:100%}:is(.field>input[type=range],.input[type=range]):dir(rtl)::-webkit-slider-runnable-track{background:linear-gradient(to left,var(--primary)var(--slider-value),var(--muted)var(--slider-value))}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb{appearance:none;flex-shrink:0;display:block}:is(.field>input[type=range],.input[type=range])::-moz-range-track{appearance:none;background:linear-gradient(to right,var(--primary)var(--slider-value),var(--muted)var(--slider-value));width:100%}:is(.field>input[type=range],.input[type=range]):dir(rtl)::-moz-range-track{background:linear-gradient(to left,var(--primary)var(--slider-value),var(--muted)var(--slider-value))}:is(.field>input[type=range],.input[type=range])::-ms-thumb{appearance:none;flex-shrink:0;display:block}:is(.field>input[type=range],.input[type=range])::-ms-track{appearance:none;width:100%}:is(.field>input[type=range],.input[type=range])::-ms-fill-lower{background-color:var(--color-primary)}:is(.field>input[type=range],.input[type=range])::-ms-fill-upper{background-color:var(--color-muted)}:not(select).select{display:inline-flex;position:relative}:not(select).select>button{--tw-font-weight:var(--font-weight-normal);width:fit-content;font-weight:var(--font-weight-normal);white-space:nowrap;--tw-outline-style:none;outline-style:none;justify-content:space-between;align-items:center;display:flex}@media (forced-colors:active){:not(select).select>button{outline-offset:2px;outline:2px solid #0000}}:not(select).select>button:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}:not(select).select>button svg{pointer-events:none;flex-shrink:0}:not(select).select>button>span{text-overflow:ellipsis;white-space:nowrap;text-align:start;flex:1;display:flex;overflow:hidden}:not(select).select>button>svg{flex-shrink:0}:not(select).select [data-popover]{isolation:isolate;min-width:max(100%,9rem);overflow-x:hidden}:not(select).select [role=listbox]{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:not(select).select [role=listbox]{outline-offset:2px;outline:2px solid #0000}}:not(select).select [role=listbox] [role=group]:not(:has([role=option]:not([aria-hidden=true]))){display:none}:not(select).select [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))):before{text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;display:flex;overflow:hidden}:not(select).select [role=listbox][data-empty]:not(:has([data-value]:not([aria-hidden=true]))):before{--tw-content:attr(data-empty);content:var(--tw-content)}:not(select).select [role=listbox]:not([data-empty]):not(:has([data-value]:not([aria-hidden=true]))):before{--tw-content:"No results found";content:var(--tw-content)}:not(select).select [role=option]{cursor:default;text-overflow:ellipsis;white-space:nowrap;--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}@media (forced-colors:active){:not(select).select [role=option]{outline-offset:2px;outline:2px solid #0000}}:not(select).select [role=option]:disabled,:not(select).select [role=option][aria-disabled=true]{pointer-events:none;opacity:.5}:not(select).select [role=option][aria-hidden=true]{display:none}:not(select).select [role=option] svg{pointer-events:none;flex-shrink:0}:not(select).select [role=option][aria-selected=true]{background-image:var(--check-icon);background-position:right .5rem center;background-repeat:no-repeat;background-size:.875rem}:not(select).select [role=option][aria-selected=true]:dir(rtl){background-position:.5rem}:not(select).select [role=separator]{border-style:var(--tw-border-style);border-width:0}:not(select).select:not([data-select-initialized]) [role=option]:not([aria-disabled=true]):not(:disabled):hover,:not(select).select [role=option].active{background-color:var(--color-accent);color:var(--color-accent-foreground)}@media not all and (min-width:48rem){.sidebar:not([data-sidebar-initialized]){display:none}:is(.sidebar:not([aria-hidden]),.sidebar[aria-hidden=false]){inset:calc(var(--spacing)*0);z-index:40;background-color:#00000080;position:fixed}@supports (color:color-mix(in lab, red, red)){:is(.sidebar:not([aria-hidden]),.sidebar[aria-hidden=false]){background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}}.sidebar nav{inset-block:calc(var(--spacing)*0);z-index:50;width:var(--sidebar-mobile-width);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));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);flex-direction:column;display:flex;position:fixed}@media (min-width:48rem){.sidebar nav{width:var(--sidebar-width)}}.sidebar+*{transition-property:margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out)}:is(.sidebar:not([data-side]),.sidebar[data-side=left]) nav{left:calc(var(--spacing)*0);border-right-style:var(--tw-border-style);border-right-width:1px}:is(.sidebar:not([data-side]),.sidebar[data-side=left])+*{position:relative}@media (min-width:48rem){:is(.sidebar:not([data-side]),.sidebar[data-side=left])+*{margin-left:var(--sidebar-width)}}:is(.sidebar:not([data-side]),.sidebar[data-side=left])[aria-hidden=true] nav{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}@media (min-width:48rem){:is(.sidebar:not([data-side]),.sidebar[data-side=left])[aria-hidden=true]+*{margin-left:calc(var(--spacing)*0)}}.sidebar[data-side=right] nav{right:calc(var(--spacing)*0);border-left-style:var(--tw-border-style);border-left-width:1px}.sidebar[data-side=right]+*{position:relative}@media (min-width:48rem){.sidebar[data-side=right]+*{margin-right:var(--sidebar-width)}}.sidebar[data-side=right][aria-hidden=true] nav{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}@media (min-width:48rem){.sidebar[data-side=right][aria-hidden=true]+*{margin-right:calc(var(--spacing)*0)}}.sidebar nav>header,.sidebar nav>footer{flex-direction:column;display:flex}.sidebar nav [role=separator]{width:auto}.sidebar nav>section{min-height:calc(var(--spacing)*0);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar nav>section>[role=group]{width:100%;min-width:calc(var(--spacing)*0);flex-direction:column;display:flex;position:relative}.sidebar nav>section h3{--tw-outline-style:none;transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:linear;outline-style:none;flex-shrink:0;align-items:center;transition-duration:.2s;transition-timing-function:linear;display:flex}@media (forced-colors:active){.sidebar nav>section h3{outline-offset:2px;outline:2px solid #0000}}.sidebar nav>section h3>svg{flex-shrink:0}.sidebar nav>section ul{width:100%;min-width:calc(var(--spacing)*0);flex-direction:column;display:flex}.sidebar nav>section ul li{position:relative}.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary{text-align:left;--tw-outline-style:none;width:100%;transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));outline-style:none;align-items:center;display:flex;overflow:hidden}@media (forced-colors:active){:is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary){outline-offset:2px;outline:2px solid #0000}}:is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary):disabled,:is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary)[aria-disabled=true]{pointer-events:none;opacity:.5}:is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary)>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary)>svg{flex-shrink:0}.sidebar nav>section ul li>details:not([open])>summary:after{rotate:-90deg}.sidebar nav>section ul li>details:not([open])>summary:after:where(){rotate:90deg}.sidebar nav>section ul li>details>summary:after{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5);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));--tw-ease:linear;--tw-content:"";content:var(--tw-content);-webkit-mask-image:var(--chevron-down-icon);-webkit-mask-image:var(--chevron-down-icon);mask-image:var(--chevron-down-icon);background-color:currentColor;margin-inline-start:auto;transition-timing-function:linear;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1rem;mask-size:1rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sidebar nav>section ul ul{min-width:calc(var(--spacing)*0);flex-direction:column;display:flex}.skeleton{animation:var(--animate-pulse)}.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]{appearance:none;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;outline-style:none;flex-shrink:0;align-items:center;display:inline-flex}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):disabled{cursor:not-allowed;opacity:.5}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):before{content:var(--tw-content);pointer-events:none;content:var(--tw-content);content:var(--tw-content);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);content:var(--tw-content);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));content:var(--tw-content);--tw-content:"";content:var(--tw-content);display:block}.table{caption-side:bottom;width:100%}.table tfoot{border-top-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);border-top-width:1px}.table th{vertical-align:middle;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap}.table th>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.table td{vertical-align:middle;white-space:nowrap}.table td>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.tabs{display:flex}.tabs:has(>[role=tablist][aria-orientation=horizontal]),.tabs:not(:has(>[role=tablist][aria-orientation=vertical])){flex-direction:column}.tabs:has(>[role=tablist][aria-orientation=vertical]){flex-direction:row}.tabs>[role=tablist]{width:fit-content;color:var(--color-muted-foreground);justify-content:center;align-items:center;display:inline-flex}.tabs>[role=tablist][aria-orientation=vertical]{flex-direction:column;height:fit-content}.tabs>[role=tablist]>[role=tab]{white-space:nowrap;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;outline-style:none;flex:1;justify-content:center;align-items:center;display:inline-flex;position:relative}.tabs>[role=tablist]>[role=tab]:disabled,.tabs>[role=tablist]>[role=tab][aria-disabled=true]{pointer-events:none;opacity:.5}.tabs>[role=tablist]>[role=tab] svg{pointer-events:none;flex-shrink:0}.tabs>[role=tabpanel]{--tw-outline-style:none;outline-style:none;flex:1}.field>textarea,.textarea{field-sizing:content;min-height:calc(var(--spacing)*16);--tw-outline-style:none;outline-style:none;width:100%;display:flex}:is(.field>textarea,.textarea)::placeholder{color:var(--color-muted-foreground)}:is(.field>textarea,.textarea):disabled{cursor:not-allowed;opacity:.5}.toaster{pointer-events:none;bottom:calc(var(--spacing)*0);z-index:50;width:100%;padding:calc(var(--spacing)*4);flex-direction:column-reverse;display:flex;position:fixed}@media (min-width:40rem){.toaster{max-width:calc(var(--spacing)*90)}}.toaster:not([data-align]),.toaster[data-align=end]{right:calc(var(--spacing)*0)}.toaster[data-align=start]{left:calc(var(--spacing)*0)}.toaster[data-align=center]{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);left:50%}.toaster .toast{pointer-events:auto;margin-top:calc(var(--spacing)*4);width:100%;transition-property:grid-template-rows,opacity,margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);grid-template-rows:1fr;animation:.3s ease-in-out toast-up;display:grid}.toaster .toast .toast-content{align-items:center;gap:calc(var(--spacing)*2.5);padding:calc(var(--spacing)*3);font-size:13px;display:flex;overflow:hidden}.toaster .toast .toast-content svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);flex-shrink:0}.toaster .toast .toast-content section h2{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.toaster .toast .toast-content section p{word-break:break-all;color:var(--color-muted-foreground)}.toaster .toast .toast-content footer{gap:calc(var(--spacing)*2);flex-direction:column;margin-inline-start:auto;display:flex}.toaster .toast .toast-content footer [data-toast-action],.toaster .toast .toast-content footer [data-toast-cancel]{height:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.toaster .toast[aria-hidden=true]{margin:calc(var(--spacing)*0);border-style:var(--tw-border-style);padding:calc(var(--spacing)*0);opacity:0;border-width:0;grid-template-rows:0fr;overflow:hidden}.toaster .toast[aria-hidden=true] .toast-content{border-style:var(--tw-border-style);border-width:0}[data-tooltip]{position:relative}[data-tooltip]:before{pointer-events:none;visibility:hidden;z-index:60;width:fit-content;max-width:var(--container-xs);transform-origin:var(--transform-origin);--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);text-overflow:ellipsis;white-space:nowrap;opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:attr(data-tooltip);content:var(--tw-content);position:absolute;overflow:hidden}[data-tooltip]:hover:before{visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}[data-tooltip]:focus-visible:not(:hover):before{display:none}:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top]):before{content:var(--tw-content);content:var(--tw-content);margin-bottom:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y);bottom:100%}@media (hover:hover){:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top]):hover:before{content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-side=bottom]:before{content:var(--tw-content);content:var(--tw-content);margin-top:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y);top:100%}@media (hover:hover){[data-tooltip][data-side=bottom]:hover:before{content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top],[data-tooltip][data-side=bottom])[data-align=start]:before{content:var(--tw-content);left:calc(var(--spacing)*0)}:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top],[data-tooltip][data-side=bottom])[data-align=end]:before{content:var(--tw-content);right:calc(var(--spacing)*0)}:is(:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top],[data-tooltip][data-side=bottom]):not([data-align]),:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top],[data-tooltip][data-side=bottom])[data-align=center]):before{content:var(--tw-content);content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);left:50%}[data-tooltip][data-side=left]:before{content:var(--tw-content);content:var(--tw-content);margin-right:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y);right:100%}@media (hover:hover){[data-tooltip][data-side=left]:hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-side=right]:before{content:var(--tw-content);content:var(--tw-content);margin-left:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y);left:100%}@media (hover:hover){[data-tooltip][data-side=right]:hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-side=inline-start]:before{content:var(--tw-content);content:var(--tw-content);margin-right:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y);right:100%}@media (hover:hover){[data-tooltip][data-side=inline-start]:hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-side=inline-start]:dir(rtl):before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);margin-right:calc(var(--spacing)*0);content:var(--tw-content);margin-left:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y);left:100%;right:auto}@media (hover:hover){[data-tooltip][data-side=inline-start]:dir(rtl):hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-side=inline-end]:before{content:var(--tw-content);content:var(--tw-content);margin-left:calc(var(--spacing)*1.5);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y);left:100%}@media (hover:hover){[data-tooltip][data-side=inline-end]:hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-side=inline-end]:dir(rtl):before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);margin-right:calc(var(--spacing)*1.5);content:var(--tw-content);margin-left:calc(var(--spacing)*0);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y);left:auto;right:100%}@media (hover:hover){[data-tooltip][data-side=inline-end]:dir(rtl):hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}:is([data-tooltip][data-side=left],[data-tooltip][data-side=right],[data-tooltip][data-side=inline-start],[data-tooltip][data-side=inline-end])[data-align=start]:before{content:var(--tw-content);top:calc(var(--spacing)*0)}:is([data-tooltip][data-side=left],[data-tooltip][data-side=right],[data-tooltip][data-side=inline-start],[data-tooltip][data-side=inline-end])[data-align=end]:before{content:var(--tw-content);bottom:calc(var(--spacing)*0)}:is(:is([data-tooltip][data-side=left],[data-tooltip][data-side=right],[data-tooltip][data-side=inline-start],[data-tooltip][data-side=inline-end]):not([data-align]),:is([data-tooltip][data-side=left],[data-tooltip][data-side=right],[data-tooltip][data-side=inline-start],[data-tooltip][data-side=inline-end])[data-align=center]):before{content:var(--tw-content);content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);top:50%}.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive{border-style:var(--tw-border-style);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);text-transform:uppercase;background-clip:padding-box;border-width:1px;border-color:#0000;border-radius:0}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive)[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive,.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive,.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive,.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive,.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive,.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive,.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive,.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive) svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive{height:calc(var(--spacing)*10);gap:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*6)}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive):has(>[data-icon=inline-start]){padding-inline-start:calc(var(--spacing)*4)}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-link,.btn-destructive):has(>[data-icon=inline-end]){padding-inline-end:calc(var(--spacing)*4)}.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive{height:calc(var(--spacing)*7);gap:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*3)}:is(.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive) svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}:is(.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive):has(>[data-icon=inline-start]){padding-inline-start:calc(var(--spacing)*2)}:is(.btn-xs,.btn-xs-primary,.btn-xs-secondary,.btn-xs-outline,.btn-xs-ghost,.btn-xs-link,.btn-xs-destructive):has(>[data-icon=inline-end]){padding-inline-end:calc(var(--spacing)*2)}.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive{height:calc(var(--spacing)*9);gap:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*4)}:is(.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive):has(>[data-icon=inline-start]){padding-inline-start:calc(var(--spacing)*3)}:is(.btn-sm,.btn-sm-primary,.btn-sm-secondary,.btn-sm-outline,.btn-sm-ghost,.btn-sm-link,.btn-sm-destructive):has(>[data-icon=inline-end]){padding-inline-end:calc(var(--spacing)*3)}.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive{height:calc(var(--spacing)*11);gap:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*8)}:is(.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive):has(>[data-icon=inline-start]){padding-inline-start:calc(var(--spacing)*5)}:is(.btn-lg,.btn-lg-primary,.btn-lg-secondary,.btn-lg-outline,.btn-lg-ghost,.btn-lg-link,.btn-lg-destructive):has(>[data-icon=inline-end]){padding-inline-end:calc(var(--spacing)*5)}.btn-icon,.btn-icon-primary,.btn-icon-secondary,.btn-icon-outline,.btn-icon-ghost,.btn-icon-link,.btn-icon-destructive{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}:is(.btn-xs-icon,.btn-xs-icon-primary,.btn-xs-icon-secondary,.btn-xs-icon-outline,.btn-xs-icon-ghost,.btn-xs-icon-link,.btn-xs-icon-destructive) svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.btn-sm-icon,.btn-sm-icon-primary,.btn-sm-icon-secondary,.btn-sm-icon-outline,.btn-sm-icon-ghost,.btn-sm-icon-link,.btn-sm-icon-destructive{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.btn-lg-icon,.btn-lg-icon-primary,.btn-lg-icon-secondary,.btn-lg-icon-outline,.btn-lg-icon-ghost,.btn-lg-icon-link,.btn-lg-icon-destructive{width:calc(var(--spacing)*11);height:calc(var(--spacing)*11)}.btn,.btn-primary,.btn-xs,.btn-xs-primary,.btn-sm,.btn-sm-primary,.btn-lg,.btn-lg-primary,.btn-icon,.btn-icon-primary,.btn-xs-icon,.btn-xs-icon-primary,.btn-sm-icon,.btn-sm-icon-primary,.btn-lg-icon,.btn-lg-icon-primary{background-color:var(--color-primary);color:var(--color-primary-foreground)}@media (hover:hover){:is(.btn,.btn-primary,.btn-xs,.btn-xs-primary,.btn-sm,.btn-sm-primary,.btn-lg,.btn-lg-primary,.btn-icon,.btn-icon-primary,.btn-xs-icon,.btn-xs-icon-primary,.btn-sm-icon,.btn-sm-icon-primary,.btn-lg-icon,.btn-lg-icon-primary):hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-xs,.btn-xs-primary,.btn-sm,.btn-sm-primary,.btn-lg,.btn-lg-primary,.btn-icon,.btn-icon-primary,.btn-xs-icon,.btn-xs-icon-primary,.btn-sm-icon,.btn-sm-icon-primary,.btn-lg-icon,.btn-lg-icon-primary):hover{background-color:color-mix(in oklab,var(--color-primary)80%,transparent)}}}.btn-secondary,.btn-xs-secondary,.btn-sm-secondary,.btn-lg-secondary,.btn-icon-secondary,.btn-xs-icon-secondary,.btn-sm-icon-secondary,.btn-lg-icon-secondary{background-color:var(--color-secondary);color:var(--color-secondary-foreground)}@media (hover:hover){:is(.btn-secondary,.btn-xs-secondary,.btn-sm-secondary,.btn-lg-secondary,.btn-icon-secondary,.btn-xs-icon-secondary,.btn-sm-icon-secondary,.btn-lg-icon-secondary):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){:is(.btn-secondary,.btn-xs-secondary,.btn-sm-secondary,.btn-lg-secondary,.btn-icon-secondary,.btn-xs-icon-secondary,.btn-sm-icon-secondary,.btn-lg-icon-secondary):hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground)5%)}}}:is(.btn-secondary,.btn-xs-secondary,.btn-sm-secondary,.btn-lg-secondary,.btn-icon-secondary,.btn-xs-icon-secondary,.btn-sm-icon-secondary,.btn-lg-icon-secondary)[aria-expanded=true]{background-color:var(--color-secondary);color:var(--color-secondary-foreground)}.btn-outline,.btn-xs-outline,.btn-sm-outline,.btn-lg-outline,.btn-icon-outline,.btn-xs-icon-outline,.btn-sm-icon-outline,.btn-lg-icon-outline{border-color:var(--color-border);background-color:#0000}@media (hover:hover){:is(.btn-outline,.btn-xs-outline,.btn-sm-outline,.btn-lg-outline,.btn-icon-outline,.btn-xs-icon-outline,.btn-sm-icon-outline,.btn-lg-icon-outline):hover{background-color:var(--color-muted);color:var(--color-foreground)}}:is(.btn-outline,.btn-xs-outline,.btn-sm-outline,.btn-lg-outline,.btn-icon-outline,.btn-xs-icon-outline,.btn-sm-icon-outline,.btn-lg-icon-outline)[aria-expanded=true]{background-color:var(--color-muted);color:var(--color-foreground)}@media (hover:hover){:is(.btn-outline,.btn-xs-outline,.btn-sm-outline,.btn-lg-outline,.btn-icon-outline,.btn-xs-icon-outline,.btn-sm-icon-outline,.btn-lg-icon-outline):is(.dark *):hover{background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){:is(.btn-outline,.btn-xs-outline,.btn-sm-outline,.btn-lg-outline,.btn-icon-outline,.btn-xs-icon-outline,.btn-sm-icon-outline,.btn-lg-icon-outline):is(.dark *):hover{background-color:color-mix(in oklab,var(--color-input)30%,transparent)}}:is(.btn-ghost,.btn-xs-ghost,.btn-sm-ghost,.btn-lg-ghost,.btn-icon-ghost,.btn-xs-icon-ghost,.btn-sm-icon-ghost,.btn-lg-icon-ghost):hover{background-color:var(--color-muted);color:var(--color-foreground)}}:is(.btn-ghost,.btn-xs-ghost,.btn-sm-ghost,.btn-lg-ghost,.btn-icon-ghost,.btn-xs-icon-ghost,.btn-sm-icon-ghost,.btn-lg-icon-ghost)[aria-expanded=true]{background-color:var(--color-muted);color:var(--color-foreground)}@media (hover:hover){:is(.btn-ghost,.btn-xs-ghost,.btn-sm-ghost,.btn-lg-ghost,.btn-icon-ghost,.btn-xs-icon-ghost,.btn-sm-icon-ghost,.btn-lg-icon-ghost):is(.dark *):hover{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){:is(.btn-ghost,.btn-xs-ghost,.btn-sm-ghost,.btn-lg-ghost,.btn-icon-ghost,.btn-xs-icon-ghost,.btn-sm-icon-ghost,.btn-lg-icon-ghost):is(.dark *):hover{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}}.btn-link,.btn-xs-link,.btn-sm-link,.btn-lg-link,.btn-icon-link,.btn-xs-icon-link,.btn-sm-icon-link,.btn-lg-icon-link{color:var(--color-primary);text-underline-offset:4px;text-decoration-line:underline}@media (hover:hover){:is(.btn-link,.btn-xs-link,.btn-sm-link,.btn-lg-link,.btn-icon-link,.btn-xs-icon-link,.btn-sm-icon-link,.btn-lg-icon-link):hover{text-decoration-line:underline}}.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive{background-color:var(--color-destructive);color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive){background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}@media (hover:hover){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):hover{background-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}}:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):focus-visible{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):focus-visible{border-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):focus-visible{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):is(.dark *){background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):is(.dark *){background-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}@media (hover:hover){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):is(.dark *):hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):is(.dark *):hover{background-color:color-mix(in oklab,var(--color-destructive)30%,transparent)}}}:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):is(.dark *):focus-visible{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.btn-destructive,.btn-xs-destructive,.btn-sm-destructive,.btn-lg-destructive,.btn-icon-destructive,.btn-xs-icon-destructive,.btn-sm-icon-destructive,.btn-lg-icon-destructive):is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}.button-group:has(>.button-group){gap:calc(var(--spacing)*2)}.button-group>.input{padding-inline:calc(var(--spacing)*4)}:is(.button-group:has(>:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)),.button-group:has(>.select>button:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)))>.input,:is(.button-group:has(>:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)),.button-group:has(>.select>button:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)))>.select>button{border-color:var(--color-border)}:is(:is(.button-group:has(>:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)),.button-group:has(>.select>button:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)))>.input,:is(.button-group:has(>:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)),.button-group:has(>.select>button:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)))>.select>button):focus-visible{border-color:var(--color-ring)}:is(.button-group:has(>:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)),.button-group:has(>.select>button:is(.btn-outline,.btn-icon-outline,.btn-xs-outline,.btn-xs-icon-outline,.btn-sm-outline,.btn-sm-icon-outline,.btn-lg-outline,.btn-lg-icon-outline)))>.button-group-text{border-color:var(--color-border)}.button-group:not([data-orientation=vertical])>:last-child,.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):last-child>button{border-start-end-radius:0!important;border-end-end-radius:0!important}.button-group[data-orientation=vertical]>:last-child,.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):last-child>button{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.button-group-text{gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);border-width:1px;border-color:#0000;border-bottom-color:var(--color-input);padding-inline:calc(var(--spacing)*2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-transform:uppercase;background-color:#0000}.button-group-text svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.button-group>hr[role=separator],.button-group-separator{background-color:var(--color-input)}.tabs{gap:calc(var(--spacing)*2)}.tabs>[role=tablist]{height:calc(var(--spacing)*10);padding:calc(var(--spacing)*1)}.tabs>[role=tablist]:not([data-variant=line]){background-color:var(--color-muted)}.tabs>[role=tablist][data-variant=line]{gap:calc(var(--spacing)*1);background-color:#0000;border-radius:0}.tabs>[role=tablist][aria-orientation=vertical]{height:fit-content}.tabs>[role=tablist]>[role=tab]{gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-foreground);text-transform:uppercase;border-width:1px;border-color:#0000}@supports (color:color-mix(in lab, red, red)){.tabs>[role=tablist]>[role=tab]{color:color-mix(in oklab,var(--color-foreground)60%,transparent)}}@media (hover:hover){.tabs>[role=tablist]>[role=tab]:hover{color:var(--color-foreground)}}.tabs>[role=tablist]>[role=tab]:focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.tabs>[role=tablist]>[role=tab]:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.tabs>[role=tablist]>[role=tab]:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px;outline-color:var(--color-ring)}.tabs>[role=tablist]>[role=tab]:is(.dark *){color:var(--color-muted-foreground)}@media (hover:hover){.tabs>[role=tablist]>[role=tab]:is(.dark *):hover{color:var(--color-foreground)}}.tabs>[role=tablist]>[role=tab] svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.tabs>[role=tablist]>[role=tab]:after{content:var(--tw-content);content:var(--tw-content);background-color:var(--color-foreground);content:var(--tw-content);opacity:0;content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:absolute}.tabs>[role=tablist][aria-orientation=vertical]>[role=tab]{width:100%;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);justify-content:flex-start}.tabs>[role=tablist][data-variant=line][aria-orientation=horizontal]>[role=tab]{--tw-shadow:0 0 #0000;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}.tabs>[role=tablist][data-variant=line][aria-orientation=horizontal]>[role=tab]:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*0);content:var(--tw-content);content:var(--tw-content);height:calc(var(--spacing)*.5);bottom:-5px}.tabs>[role=tablist][data-variant=line][aria-orientation=vertical]>[role=tab]{--tw-shadow:0 0 #0000;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}.tabs>[role=tablist][data-variant=line][aria-orientation=vertical]>[role=tab]:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0);content:var(--tw-content);content:var(--tw-content);width:calc(var(--spacing)*.5);inset-inline-end:-4px}.tabs>[role=tablist]:not([data-variant=line])>[role=tab][aria-selected=true]{background-color:var(--color-background);color:var(--color-foreground);--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)}.tabs>[role=tablist]:not([data-variant=line])>[role=tab][aria-selected=true]:is(.dark *){border-color:var(--color-input);background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){.tabs>[role=tablist]:not([data-variant=line])>[role=tab][aria-selected=true]:is(.dark *){background-color:color-mix(in oklab,var(--color-input)30%,transparent)}}.tabs>[role=tablist]:not([data-variant=line])>[role=tab][aria-selected=true]:is(.dark *){color:var(--color-foreground)}.tabs>[role=tablist][data-variant=line]>[role=tab][aria-selected=true]{color:var(--color-foreground);--tw-shadow:0 0 #0000;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}.tabs>[role=tablist][data-variant=line]>[role=tab][aria-selected=true]:after{content:var(--tw-content);opacity:1}.tabs>[role=tablist][data-variant=line]>[role=tab][aria-selected=true]:is(.dark *){color:var(--color-foreground);background-color:#0000;border-color:#0000}.tabs>[role=tablist]>[role=tab]:has(>svg:first-child){padding-inline-start:calc(var(--spacing)*2.5)}.tabs>[role=tablist]>[role=tab]:has(>svg:last-child){padding-inline-end:calc(var(--spacing)*2.5)}.tabs>[role=tabpanel]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.field>textarea,.textarea{resize:none;border-style:var(--tw-border-style);border-width:1px;border-color:#0000;border-bottom-color:var(--color-input);padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));transition-property:color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000;border-radius:0}:is(.field>textarea,.textarea):focus-visible{border-bottom-color:var(--color-ring)}:is(.field>textarea,.textarea)[aria-invalid=true]{border-bottom-color:var(--color-destructive)}@media (min-width:48rem){:is(.field>textarea,.textarea){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}:is(.field>textarea,.textarea):is(.dark *)[aria-invalid=true]{border-bottom-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>textarea,.textarea):is(.dark *)[aria-invalid=true]{border-bottom-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]){height:calc(var(--spacing)*10);border-style:var(--tw-border-style);border-width:1px;border-color:#0000;border-bottom-color:var(--color-input);padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*1);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));transition-property:color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{height:calc(var(--spacing)*7)}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):focus-visible{border-bottom-color:var(--color-ring)}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))[aria-invalid=true]{border-bottom-color:var(--color-destructive)}@media (min-width:48rem){:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(.dark *)[aria-invalid=true]{border-bottom-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(.dark *)[aria-invalid=true]{border-bottom-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}.field>select,select.select{height:calc(var(--spacing)*10);border-style:var(--tw-border-style);border-width:1px;border-color:#0000;border-bottom-color:var(--color-input);width:fit-content;padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000;background-image:var(--chevron-down-icon-50);background-position:right 0 center;background-repeat:no-repeat;background-size:.875rem;border-radius:0;padding-inline-start:calc(var(--spacing)*0);padding-inline-end:calc(var(--spacing)*8)}:is(.field>select,select.select) ::selection{background-color:var(--color-primary)}:is(.field>select,select.select)::selection{background-color:var(--color-primary)}:is(.field>select,select.select) ::selection{color:var(--color-primary-foreground)}:is(.field>select,select.select)::selection{color:var(--color-primary-foreground)}:is(.field>select,select.select)::placeholder{color:var(--color-muted-foreground)}:is(.field>select,select.select):focus-visible{border-bottom-color:var(--color-ring)}:is(.field>select,select.select)[aria-invalid=true]{border-bottom-color:var(--color-destructive)}:is(.field>select,select.select)[data-size=sm]{height:calc(var(--spacing)*9)}:is(.field>select,select.select):is(.dark *)[aria-invalid=true]{border-bottom-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>select,select.select):is(.dark *)[aria-invalid=true]{border-bottom-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:is(.field>select,select.select):dir(rtl){background-position:0}.alert,.alert-destructive{gap:calc(var(--spacing)*1);border-style:var(--tw-border-style);background-color:var(--color-background);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border-width:1px;display:grid;position:relative}:is(.alert,.alert-destructive):after{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);width:calc(var(--spacing)*.5);position:absolute;inset-block:-1px;inset-inline-start:-1px}:is(.alert,.alert-destructive):has(>[data-action]){padding-inline-end:calc(var(--spacing)*18);position:relative}:is(.alert,.alert-destructive):has(>svg){column-gap:calc(var(--spacing)*2.5);grid-template-columns:auto 1fr}:is(.alert,.alert-destructive)>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y);color:currentColor;grid-row:span 2/span 2}:is(.alert,.alert-destructive)>svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.alert{background-color:var(--color-card);color:var(--color-card-foreground)}.alert:after{content:var(--tw-content);background-color:var(--color-foreground)}.alert-destructive{background-color:var(--color-card);color:var(--color-destructive)}.alert-destructive:after{content:var(--tw-content);background-color:var(--color-destructive)}.alert-destructive>section{color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.alert-destructive>section{color:color-mix(in oklab,var(--color-destructive)90%,transparent)}}.alert-destructive>svg{color:currentColor}.alert>:is(h2,h3,h4,h5,h6,strong,[data-title]),.alert-destructive>:is(h2,h3,h4,h5,h6,strong,[data-title]){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}:is(.alert,.alert-destructive):has(>svg)>:is(h2,h3,h4,h5,h6,strong,[data-title]){grid-column-start:2}.alert>section,.alert-destructive>section{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-wrap:balance;color:var(--color-muted-foreground)}@media (min-width:48rem){:is(.alert>section,.alert-destructive>section){text-wrap:pretty}}:is(.alert>section,.alert-destructive>section) p:not(:last-child){margin-bottom:calc(var(--spacing)*4)}.alert>[data-action],.alert-destructive>[data-action]{inset-inline-end:calc(var(--spacing)*3);top:calc(var(--spacing)*2.5);position:absolute}.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link{gap:calc(var(--spacing)*1.5);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*0);--tw-font-weight:var(--font-weight-semibold);font-size:.625rem;font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);text-transform:uppercase;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000;border-width:0;border-radius:0}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link):has([data-icon=inline-end]){padding-inline-end:calc(var(--spacing)*0)}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link):has([data-icon=inline-start]){padding-inline-start:calc(var(--spacing)*0)}:is(.badge,.badge-primary,.badge-secondary,.badge-destructive,.badge-outline,.badge-ghost,.badge-link)>svg{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.badge,.badge-primary{color:var(--color-foreground)}@media (hover:hover){:is(.badge,.badge-primary):is(a):hover{color:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){:is(.badge,.badge-primary):is(a):hover{color:color-mix(in oklab,var(--color-foreground)70%,transparent)}}}.badge-secondary{color:var(--color-muted-foreground)}@media (hover:hover){.badge-secondary:is(a):hover{color:var(--color-foreground)}}.badge-outline{color:var(--color-foreground)}@media (hover:hover){.badge-outline:is(a):hover{color:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.badge-outline:is(a):hover{color:color-mix(in oklab,var(--color-foreground)70%,transparent)}}}.badge-destructive{color:var(--color-destructive)}.badge-destructive:focus-visible{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.badge-destructive:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.badge-destructive:is(.dark *):focus-visible{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.badge-destructive:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}@media (hover:hover){.badge-destructive:is(a):hover{color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.badge-destructive:is(a):hover{color:color-mix(in oklab,var(--color-destructive)70%,transparent)}}}.badge-ghost{color:var(--color-muted-foreground)}@media (hover:hover){.badge-ghost:hover{color:var(--color-foreground)}}.badge-link{color:var(--color-foreground);text-underline-offset:4px}@media (hover:hover){.badge-link:hover{text-decoration-line:underline}}.command{background-color:var(--color-popover);color:var(--color-popover-foreground);border-radius:0}.command-dialog>*{padding:calc(var(--spacing)*0);border-radius:0}.command>header{margin:calc(var(--spacing)*1);gap:calc(var(--spacing)*2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-bottom-color:var(--color-input);padding-inline:calc(var(--spacing)*3);background-color:#0000}.command>header svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5);opacity:.5}.command>header input{height:calc(var(--spacing)*9);padding-inline:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.command>header input::placeholder{color:var(--color-muted-foreground)}.command [role=menu]{max-height:calc(var(--spacing)*72);scroll-padding-block:calc(var(--spacing)*1)}.command [role=menu]:not(:has([role=menuitem]:not([aria-hidden=true]))):before{padding-block:calc(var(--spacing)*6);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.command [role=group]{padding:calc(var(--spacing)*1.5);color:var(--color-foreground)}.command [role=heading]{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-muted-foreground);text-transform:uppercase}.command [role=separator]{margin-inline:calc(var(--spacing)*-1.5);margin-block:calc(var(--spacing)*1.5);background-color:var(--color-border);height:1px}@supports (color:color-mix(in lab, red, red)){.command [role=separator]{background-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.command [role=menuitem]{gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border-radius:0}.command [role=menuitem] svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.command [role=menuitem].active{background-color:var(--color-accent);color:var(--color-accent-foreground)}.command [role=menuitem].active svg{color:var(--color-accent-foreground)}.command [data-shortcut]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-muted-foreground)}.command [role=menuitem].active [data-shortcut]{color:var(--color-foreground)}.combobox>input[role=combobox]{height:calc(var(--spacing)*10);border-style:var(--tw-border-style);border-width:1px;border-color:#0000;border-bottom-color:var(--color-input);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000;border-radius:0;padding-inline-start:calc(var(--spacing)*0);padding-inline-end:calc(var(--spacing)*8)}.combobox>input[role=combobox]:focus-visible{border-bottom-color:var(--color-ring)}.combobox>input[role=combobox][aria-invalid=true],.combobox>input[role=combobox]:is(.dark *)[aria-invalid=true]{border-bottom-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.combobox>input[role=combobox]:is(.dark *)[aria-invalid=true]{border-bottom-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}.combobox>svg,.combobox-trigger-icon{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);color:var(--color-muted-foreground);inset-inline-end:calc(var(--spacing)*0);top:50%}.combobox [data-popover]{max-height:calc(var(--spacing)*72);background-color:var(--color-popover);padding:calc(var(--spacing)*1.5);color:var(--color-popover-foreground);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground);--tw-duration:.1s;border-radius:0;transition-duration:.1s}@supports (color:color-mix(in lab, red, red)){.combobox [data-popover]{--tw-ring-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.combobox [role=listbox]{max-height:min(18rem,var(--available-height,18rem));scroll-padding-block:calc(var(--spacing)*1.5);overflow-y:auto}.combobox [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))):before{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted-foreground)}.combobox [role=heading]{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-muted-foreground);text-transform:uppercase}.combobox [role=option]{gap:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border-radius:0;padding-inline-start:calc(var(--spacing)*3);padding-inline-end:calc(var(--spacing)*8)}.combobox [role=option] svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.combobox [role=option].active,.combobox [role=option]:focus-visible{background-color:var(--color-accent);color:var(--color-accent-foreground)}:is(.combobox [role=option].active,.combobox [role=option]:focus-visible) svg{color:var(--color-accent-foreground)}.combobox [role=group]{scroll-margin-block:calc(var(--spacing)*1.5);padding:calc(var(--spacing)*1.5)}.combobox [role=separator]{margin-inline:calc(var(--spacing)*-1.5);margin-block:calc(var(--spacing)*1.5);background-color:var(--color-border);height:1px}@supports (color:color-mix(in lab, red, red)){.combobox [role=separator]{background-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.combobox-chips{min-height:calc(var(--spacing)*10);gap:calc(var(--spacing)*1.5);border-style:var(--tw-border-style);border-width:1px;border-color:#0000;border-bottom-color:var(--color-input);padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000;background-clip:padding-box;border-radius:0}.combobox-chips:focus-within{border-bottom-color:var(--color-ring)}.combobox-chips:has([aria-invalid=true]),.combobox-chips:is(.dark *):has([aria-invalid=true]){border-bottom-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.combobox-chips:is(.dark *):has([aria-invalid=true]){border-bottom-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}.combobox-chip{height:calc(var(--spacing)*5.5);gap:calc(var(--spacing)*1);background-color:var(--color-muted);padding-inline:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-foreground);border-radius:0}.combobox-chip:has(>.combobox-chip-remove){padding-inline-end:calc(var(--spacing)*0)}.combobox-chip-remove{opacity:.5;margin-inline-start:calc(var(--spacing)*-1)}@media (hover:hover){.combobox-chip-remove:hover{opacity:1}}.combobox-chip-remove svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}:not(select).select>button{height:calc(var(--spacing)*10);gap:calc(var(--spacing)*1.5);border-style:var(--tw-border-style);border-width:1px;border-color:#0000;border-bottom-color:var(--color-input);padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000;border-radius:0}:not(select).select>button:focus-visible{border-bottom-color:var(--color-ring)}:not(select).select>button[aria-invalid=true]{border-bottom-color:var(--color-destructive)}:not(select).select>button[data-size=sm]{height:calc(var(--spacing)*9)}:not(select).select>button:is(.dark *)[aria-invalid=true]{border-bottom-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:not(select).select>button:is(.dark *)[aria-invalid=true]{border-bottom-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:not(select).select>button svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}:not(select).select>button>span{gap:calc(var(--spacing)*1.5)}:not(select).select>button>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5);color:var(--color-muted-foreground)}:not(select).select [data-popover]{background-color:var(--color-popover);padding:calc(var(--spacing)*1.5);color:var(--color-popover-foreground);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground);--tw-duration:.1s;border-radius:0;transition-duration:.1s}@supports (color:color-mix(in lab, red, red)){:not(select).select [data-popover]{--tw-ring-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}:not(select).select [role=listbox]{scroll-padding-block:calc(var(--spacing)*1.5)}:not(select).select [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))):before{padding-block:calc(var(--spacing)*6);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:not(select).select [role=heading]{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-muted-foreground);text-transform:uppercase}:not(select).select [role=option]{gap:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border-radius:0;padding-inline-start:calc(var(--spacing)*3);padding-inline-end:calc(var(--spacing)*8)}:not(select).select [role=option] svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}:not(select).select [role=option].active,:not(select).select [role=option]:focus-visible{background-color:var(--color-accent);color:var(--color-accent-foreground)}:is(:not(select).select [role=option].active,:not(select).select [role=option]:focus-visible) svg{color:var(--color-accent-foreground)}:not(select).select [role=group]{scroll-margin-block:calc(var(--spacing)*1.5);padding:calc(var(--spacing)*1.5)}:not(select).select [role=separator]{margin-inline:calc(var(--spacing)*-1.5);margin-block:calc(var(--spacing)*1.5);background-color:var(--color-border);height:1px}@supports (color:color-mix(in lab, red, red)){:not(select).select [role=separator]{background-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.dialog::backdrop,.command-dialog::backdrop{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);--tw-duration:.1s;background-color:#0003;transition-duration:.1s}@supports (color:color-mix(in lab, red, red)){:is(){background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.dialog>*{gap:calc(var(--spacing)*6);background-color:var(--color-popover);max-width:calc(100% - 2rem);padding:calc(var(--spacing)*6);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-popover-foreground);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground);--tw-duration:.1s;border-radius:0;transition-duration:.1s}@supports (color:color-mix(in lab, red, red)){.dialog>*{--tw-ring-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}@media (min-width:40rem){.dialog>*{max-width:var(--container-md)}}.dialog>*>:is(button,form[method=dialog]){inset-inline-end:calc(var(--spacing)*5);top:calc(var(--spacing)*5)}.dialog>*>:is(button,form[method=dialog]>button){background-color:var(--color-secondary)}.dialog>*>header,.dialog>*>footer{gap:calc(var(--spacing)*2)}.dialog>*>header>h2,.dialog>*>[data-title]{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-semibold);line-height:1;font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase}.dialog>*>header>p,.dialog>*>[data-description]{margin-top:calc(var(--spacing)*.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-muted-foreground)}:is(.dialog>*>header>p,.dialog>*>[data-description]) a{text-underline-offset:3px;text-decoration-line:underline}:is(.dialog>*>header>p,.dialog>*>[data-description]) a:hover{color:var(--color-foreground)}.dropdown-menu>[data-popover]{min-width:calc(var(--spacing)*48);gap:calc(var(--spacing)*0);background-color:var(--color-popover);padding:calc(var(--spacing)*1.5);color:var(--color-popover-foreground);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground);--tw-duration:.1s;border-radius:0;transition-duration:.1s;overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.dropdown-menu>[data-popover]{--tw-ring-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]){gap:calc(var(--spacing)*2.5);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-radius:0}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]):focus-visible{background-color:var(--color-accent);color:var(--color-accent-foreground)}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]) svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]).active{background-color:var(--color-accent);color:var(--color-accent-foreground)}.dropdown-menu [data-variant=destructive]{color:var(--color-destructive)}.dropdown-menu [data-variant=destructive]:is(:focus-visible,.active){background-color:var(--color-destructive);color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.dropdown-menu [data-variant=destructive]:is(:focus-visible,.active){background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}.dropdown-menu [data-variant=destructive]:is(:focus-visible,.active):is(.dark *){background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.dropdown-menu [data-variant=destructive]:is(:focus-visible,.active):is(.dark *){background-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.dropdown-menu [data-variant=destructive] svg{color:var(--color-destructive)}.dropdown-menu :is([role=menuitemcheckbox],[role=menuitemradio]){padding-block:calc(var(--spacing)*2);padding-inline-start:calc(var(--spacing)*3);padding-inline-end:calc(var(--spacing)*8)}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio])[data-inset],.dropdown-menu [role=heading][data-inset]{padding-inline-start:calc(var(--spacing)*9.5)}.dropdown-menu [data-indicator]{justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:calc(var(--spacing)*2)}.dropdown-menu [role=heading]{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-muted-foreground);text-transform:uppercase}.dropdown-menu [role=separator]{margin-inline:calc(var(--spacing)*-1.5);margin-block:calc(var(--spacing)*1.5);background-color:var(--color-border);height:1px}@supports (color:color-mix(in lab, red, red)){.dropdown-menu [role=separator]{background-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.dropdown-menu [data-shortcut]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-muted-foreground)}.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]):is(:focus-visible,.active) [data-shortcut]{color:var(--color-accent-foreground)}[data-popover]{gap:calc(var(--spacing)*4);background-color:var(--color-popover);padding:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-popover-foreground);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground);--tw-duration:.1s;border-radius:0;flex-direction:column;transition-duration:.1s;display:flex}@supports (color:color-mix(in lab, red, red)){[data-popover]{--tw-ring-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.popover>[data-popover]>header,.popover>[data-popover]>[data-header]{gap:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));flex-direction:column;display:flex}.popover>[data-popover]>header>:is(h1,h2,h3,h4,h5,h6),.popover>[data-popover]>:is(h1,h2,h3,h4,h5,h6,[data-title]){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-transform:uppercase}.popover>[data-popover]>header>p,.popover>[data-popover]>[data-description]{margin-top:calc(var(--spacing)*.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-muted-foreground)}.card{gap:calc(var(--spacing)*8);background-color:var(--color-card);padding-block:calc(var(--spacing)*8);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-card-foreground);--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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.card{--tw-ring-color:color-mix(in oklab,var(--color-foreground)5%,transparent)}}.card:has(>img:first-child){padding-top:calc(var(--spacing)*0)}.card[data-size=sm]{gap:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*5)}.card>img:first-child,.card>img:last-child{border-radius:0}.card>header{gap:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*8);border-radius:0}:where([data-size=sm]) :is(.card>header){padding-inline:calc(var(--spacing)*5)}.card>header.border-b{padding-bottom:calc(var(--spacing)*8)}:where([data-size=sm]) :is(.card>header).border-b{padding-bottom:calc(var(--spacing)*5)}.card>header>:is(h2,h3,[data-title],.card-title){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);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase}.card>header>:is(p,[data-description],.card-description){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-muted-foreground)}.card>section{padding-inline:calc(var(--spacing)*8)}:where([data-size=sm]) :is(.card>section){padding-inline:calc(var(--spacing)*5)}.card>footer{padding-inline:calc(var(--spacing)*8)}:where([data-size=sm]) :is(.card>footer){padding-inline:calc(var(--spacing)*5)}.card>footer.border-t{padding-top:calc(var(--spacing)*8)}:where([data-size=sm]) :is(.card>footer).border-t{padding-top:calc(var(--spacing)*5)}.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]){width:calc(var(--spacing)*4.5);height:calc(var(--spacing)*4.5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input);transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000;border-radius:0;justify-content:center;align-items:center;display:flex}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):checked{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-foreground)}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:where([data-disabled=true]) :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])){opacity:.5}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]))[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]))[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]))[aria-invalid=true]:checked{border-color:var(--color-primary)}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(.dark *):checked{background-color:var(--color-primary)}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):checked:after{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}[role=radiogroup]{gap:calc(var(--spacing)*3);display:grid}.field>input[type=radio],.input[type=radio]{width:calc(var(--spacing)*4.5);height:calc(var(--spacing)*4.5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input);background-color:#0000;border-radius:3.40282e38px;display:flex}:is(.field>input[type=radio],.input[type=radio]):checked{border-color:var(--color-foreground)}:is(.field>input[type=radio],.input[type=radio]):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=radio],.input[type=radio]):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>input[type=radio],.input[type=radio])[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=radio],.input[type=radio])[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.field>input[type=radio],.input[type=radio])[aria-invalid=true]:checked{border-color:var(--color-foreground)}:is(.field>input[type=radio],.input[type=radio]):is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=radio],.input[type=radio]):is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:is(.field>input[type=radio],.input[type=radio]):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=radio],.input[type=radio]):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.field>input[type=radio],.input[type=radio]):checked:before{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2);background-color:var(--color-foreground)}.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]{border-style:var(--tw-border-style);border-width:1px;border-radius:0}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not(:checked){border-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not(:checked){border-color:color-mix(in oklab,var(--color-input)50%,transparent)}}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not(:checked){background-color:var(--color-input)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):checked{border-color:var(--color-primary);background-color:var(--color-primary)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch])[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch])[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(.dark *)[aria-invalid=true]{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not([data-size=sm]){height:calc(var(--spacing)*4.5);width:calc(var(--spacing)*8.25)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch])[data-size=sm]{height:calc(var(--spacing)*3.5);width:calc(var(--spacing)*6.25)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):before{background-color:var(--color-background)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not([data-size=sm]):before{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch])[data-size=sm]:before{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):checked:not([data-size=sm]):before,:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):checked[data-size=sm]:before{--tw-translate-x:calc(100% + 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):dir(rtl):checked:not([data-size=sm]):before{--tw-translate-x:calc(calc(100% + 2px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):dir(rtl):checked[data-size=sm]:before{--tw-translate-x:calc(calc(100% + 2px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not(:checked):before{--tw-translate-x:calc(var(--spacing)*.25);translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):dir(rtl):not(:checked):before{--tw-translate-x:calc(var(--spacing)*-.25);translate:var(--tw-translate-x)var(--tw-translate-y)}.fieldset{gap:calc(var(--spacing)*6)}.fieldset:has(>[data-slot=checkbox-group]),.fieldset:has(>[data-slot=radio-group]){gap:calc(var(--spacing)*3)}.fieldset>legend,.field-legend{margin-bottom:calc(var(--spacing)*3);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-transform:uppercase}:is(.fieldset>legend,.field-legend)[data-variant=label],:is(.fieldset>legend,.field-legend)[data-variant=legend]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field){gap:calc(var(--spacing)*10)}:is(.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field))[role=radiogroup],:is(.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field))[data-slot=checkbox-group],:is(.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field))[data-slot=radio-group]{gap:calc(var(--spacing)*3)}:is(.fieldset,.field)>:is([role=group],[role=radiogroup]):not(.field)>:is([role=group],[role=radiogroup]):not(.field),.field>fieldset:not(.field)>:is([role=group],[role=radiogroup]):not(.field){gap:calc(var(--spacing)*4)}.field{gap:calc(var(--spacing)*3)}.field[data-invalid=true]{color:var(--color-destructive)}.field>section,.field-content{gap:calc(var(--spacing)*1)}.field>label,label:has(>.field){gap:calc(var(--spacing)*2);--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}:where([data-disabled=true]) :is(.field>label,label:has(>.field)){opacity:.5}:is(.field>label,label:has(>.field)):has(:checked){border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:is(.field>label,label:has(>.field)):has(:checked){border-color:color-mix(in oklab,var(--color-primary)30%,transparent)}}:is(.field>label,label:has(>.field)):has(:checked){background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:is(.field>label,label:has(>.field)):has(:checked){background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}:is(.field>label,label:has(>.field)):is(.dark *):has(:checked){border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:is(.field>label,label:has(>.field)):is(.dark *):has(:checked){border-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}:is(.field>label,label:has(>.field)):is(.dark *):has(:checked){background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:is(.field>label,label:has(>.field)):is(.dark *):has(:checked){background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.field>label:has(input[type=radio]),.field>label:has(input[type=checkbox]),.field>label:has(input[role=switch]),.field>label:has(>.field),label:has(>.field){border-style:var(--tw-border-style);border-width:1px;border-radius:0}.field>label:has(input[type=radio]),.field>label:has(input[type=checkbox]),.field>label:has(input[role=switch]),:is(.field>label,label:has(>.field))>.field{padding:calc(var(--spacing)*4)}.field h2,.field h3,.field-title{gap:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-transform:uppercase}:where([data-disabled=true]) :is(.field h2,.field h3,.field-title){opacity:.5}.fieldset legend+p,.field>p,.field section>p,.field-description{text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);color:var(--color-muted-foreground);text-transform:none}[data-variant=legend]+:is(.fieldset legend+p,.field>p,.field section>p,.field-description){margin-top:calc(var(--spacing)*-1.5)}.field-separator{margin-block:calc(var(--spacing)*-2);height:calc(var(--spacing)*5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:where([data-variant=outline]) .field-separator{margin-bottom:calc(var(--spacing)*-2)}.field-separator>span{padding-inline:calc(var(--spacing)*2);color:var(--color-muted-foreground)}.field [role=alert],.field-error{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-destructive)}.input-group{height:calc(var(--spacing)*10);border-style:var(--tw-border-style);border-width:1px;border-color:#0000;border-bottom-color:var(--color-input);transition-property:color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000;border-radius:0}.input-group:focus-within{border-bottom-color:var(--color-ring)}.input-group:has([aria-invalid=true]){border-bottom-color:var(--color-destructive)}.input-group:has(>textarea){border-radius:0;height:auto}.input-group:is(.dark *):has([aria-invalid=true]){border-bottom-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.input-group:is(.dark *):has([aria-invalid=true]){border-bottom-color:color-mix(in oklab,var(--color-destructive)50%,transparent)}}.input-group:has(>:is(input,textarea,select,[data-control]):disabled){opacity:.5}.input-group>:is(input,select,[data-control]){padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.input-group:not([data-orientation=vertical]):has(>[data-align=start])>:is(input,select,[data-control]){padding-inline-start:calc(var(--spacing)*2)}.input-group:not([data-orientation=vertical]):has(>[data-align=end])>:is(input,select,[data-control]){padding-inline-end:calc(var(--spacing)*2)}.input-group>textarea{padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.input-group>:is(span,[role=group],header,footer),.input-group>:is(svg,kbd,.popover,.dropdown-menu){gap:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-muted-foreground);-webkit-user-select:none;user-select:none}:is(.input-group>:is(span,[role=group],header,footer),.input-group>:is(svg,kbd,.popover,.dropdown-menu))>svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.input-group>[data-align=start]:has(>button){margin-inline-start:calc(var(--spacing)*-1)}.input-group>[data-align=end]:has(>button){margin-inline-end:calc(var(--spacing)*-1)}.input-group>[data-align=start]:has(>kbd){margin-inline-start:calc(var(--spacing)*-.5)}.input-group>[data-align=end]:has(>kbd){margin-inline-end:calc(var(--spacing)*-.5)}.input-group[data-orientation=vertical]>:is(header,footer,[role=group],[data-align]){padding-inline:calc(var(--spacing)*0)}.input-group>:is(kbd,span>kbd,[role=group]>kbd,header>kbd,footer>kbd){background-color:var(--color-muted-foreground);padding-inline:calc(var(--spacing)*1.5);border-radius:0}@supports (color:color-mix(in lab, red, red)){.input-group>:is(kbd,span>kbd,[role=group]>kbd,header>kbd,footer>kbd){background-color:color-mix(in oklab,var(--color-muted-foreground)10%,transparent)}}.input-group>:is(button,[role=group]>button,header>button,footer>button){gap:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:0}.input-group>:is(button,[role=group]>button,header>button,footer>button)>svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.input-group>:is(button,[role=group]>button,header>button,footer>button):has(>svg):not(:has(>:not(svg))){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);padding:calc(var(--spacing)*0);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));border-radius:0}.empty{gap:calc(var(--spacing)*4);--tw-border-style:dashed;padding:calc(var(--spacing)*12);border-style:dashed}.empty>header{gap:calc(var(--spacing)*2)}.empty figure{margin-bottom:calc(var(--spacing)*2)}.empty figure:has(>svg:only-child){width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);background-color:var(--color-muted);color:var(--color-foreground);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.empty figure:has(>svg:only-child) svg:not([class*=size-]){width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.empty :is(h2,h3,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);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);text-transform:uppercase}.empty p{margin-top:calc(var(--spacing)*.5);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-muted-foreground)}.empty>:is(section,footer){gap:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.item{border-style:var(--tw-border-style);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border-width:1px;border-radius:0}.item:not([data-variant]),.item[data-variant=default]{border-color:#0000}.item[data-variant=outline]{border-color:var(--color-border)}.item[data-variant=muted]{background-color:var(--color-muted);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.item[data-variant=muted]{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.item:not([data-size]),.item[data-size=default]{gap:calc(var(--spacing)*3.5);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3.5)}.item[data-size=sm]{gap:calc(var(--spacing)*3.5);padding-inline:calc(var(--spacing)*3.5);padding-block:calc(var(--spacing)*3)}.item[data-size=xs]{gap:calc(var(--spacing)*2.5);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2.5)}.item>figure{gap:calc(var(--spacing)*2)}.item:has(p)>figure{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y);align-self:flex-start}.item>figure:has(>svg:only-child) svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.item>figure:has(img){width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);border-radius:0;overflow:hidden}.item[data-size=sm]>figure:has(img){width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.item[data-size=xs]>figure:has(img){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);border-radius:0}.item>section{gap:calc(var(--spacing)*1)}.item[data-size=xs]>section{gap:calc(var(--spacing)*.5)}.item :is(h2,h3,h4){gap:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:var(--leading-snug);line-height:var(--leading-snug);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-transform:uppercase;text-underline-offset:4px}.item p,.item[data-size=xs] p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.item>aside,.item>:is(header,footer){gap:calc(var(--spacing)*2)}.item-group{gap:calc(var(--spacing)*4)}.item-group:has(>.item[data-size=sm]){gap:calc(var(--spacing)*2.5)}.item-group:has(>.item[data-size=xs]){gap:calc(var(--spacing)*2)}.item-group>hr{margin-block:calc(var(--spacing)*2)}.kbd{height:calc(var(--spacing)*5.5);width:fit-content;min-width:calc(var(--spacing)*5.5);gap:calc(var(--spacing)*1);background-color:var(--color-muted);padding-inline:calc(var(--spacing)*1.5);font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-muted-foreground);border-radius:0}:where([data-slot=tooltip-content]) .kbd{background-color:var(--color-background)}@supports (color:color-mix(in lab, red, red)){:where([data-slot=tooltip-content]) .kbd{background-color:color-mix(in oklab,var(--color-background)20%,transparent)}}:where([data-slot=tooltip-content]) .kbd{color:var(--color-background)}:where([data-slot=tooltip-content]) .kbd:is(.dark *){background-color:var(--color-background)}@supports (color:color-mix(in lab, red, red)){:where([data-slot=tooltip-content]) .kbd:is(.dark *){background-color:color-mix(in oklab,var(--color-background)10%,transparent)}}.kbd svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.kbd-group{gap:calc(var(--spacing)*1)}.field>label,.label{gap:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);text-transform:uppercase}:is(.field>label,.label):is(:where(.peer):disabled~*),:where([data-disabled=true]) :is(.field>label,.label){opacity:.5}:is(.field>label,.label):has(input[type=checkbox]),:is(.field>label,.label):has(input[type=radio]),:is(.field>label,.label):has(input[role=switch]),:is(input[type=checkbox],input[type=radio],input[role=switch])+:is(.field>label,.label){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);text-transform:none}.sidebar nav{background-color:var(--color-sidebar);color:var(--color-sidebar-foreground)}.sidebar nav>header,.sidebar nav>footer{gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*2);--radius:0}.sidebar nav>section{gap:calc(var(--spacing)*2);--radius:0}.sidebar nav [role=separator]{margin-inline:calc(var(--spacing)*2);border-color:var(--color-sidebar-border)}.sidebar nav>section>[role=group]{padding:calc(var(--spacing)*2)}.sidebar nav h3{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-sidebar-foreground);text-transform:uppercase;--tw-ring-color:var(--color-sidebar-ring);transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:linear;border-radius:0;transition-duration:.2s;transition-timing-function:linear}@supports (color:color-mix(in lab, red, red)){.sidebar nav h3{color:color-mix(in oklab,var(--color-sidebar-foreground)70%,transparent)}}.sidebar nav h3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sidebar nav h3>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.sidebar nav>section>[role=group]>ul{gap:calc(var(--spacing)*.5)}.sidebar nav>section>[role=group]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sidebar nav li>:is(a,button,details>summary){gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-ring-color:var(--color-sidebar-ring);border-radius:0}@media (hover:hover){.sidebar nav li>:is(a,button,details>summary):hover{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground)}}.sidebar nav li>:is(a,button,details>summary):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.sidebar nav li>:is(a,button,details>summary):focus-visible{outline-offset:2px;outline:2px solid #0000}}.sidebar nav li>:is(a,button,details>summary):active{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground)}@media (hover:hover){.sidebar nav li>:is(a,button,details>summary)[data-open]:hover{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground)}}.sidebar nav li>:is(a,button,details>summary)>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5);flex-shrink:0}.sidebar nav li>:is(a,button,details>summary):is([aria-current=page],[data-active=true]){background-color:var(--color-sidebar-accent);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-sidebar-accent-foreground)}@media (hover:hover){:is(.sidebar nav li>:is(a,button,details>summary):not([data-variant]),.sidebar nav li>:is(a,button,details>summary)[data-variant=default]):hover{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground)}}.sidebar nav li>:is(a,button,details>summary)[data-variant=outline]{background-color:var(--color-background);--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.sidebar nav li>:is(a,button,details>summary)[data-variant=outline]:hover{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground);--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.sidebar nav li>:is(a,button,details>summary):not([data-size]),.sidebar nav li>:is(a,button,details>summary)[data-size=default]{height:calc(var(--spacing)*9);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sidebar nav li>:is(a,button,details>summary)[data-size=sm]{height:calc(var(--spacing)*8);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sidebar nav li>:is(a,button,details>summary)[data-size=lg]{height:calc(var(--spacing)*14);padding-inline:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sidebar nav li>details>summary:after{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.sidebar nav li>details::details-content{padding-inline:calc(var(--spacing)*3.5)}.sidebar nav ul ul{margin-inline:calc(var(--spacing)*3.5);--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y);gap:calc(var(--spacing)*1);border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-color:var(--color-sidebar-border);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*.5)}.sidebar nav ul ul:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.sidebar nav ul ul>li>:is(a,button,details>summary){height:calc(var(--spacing)*7);gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-sidebar-foreground);--tw-ring-color:var(--color-sidebar-ring);border-radius:0}@media (hover:hover){.sidebar nav ul ul>li>:is(a,button,details>summary):hover{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground)}}.sidebar nav ul ul>li>:is(a,button,details>summary):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sidebar nav ul ul>li>:is(a,button,details>summary):active{background-color:var(--color-sidebar-accent);color:var(--color-sidebar-accent-foreground)}.sidebar nav ul ul>li>:is(a,button,details>summary)>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.skeleton{background-color:var(--color-muted)}.table-container{width:100%;position:relative;overflow-x:auto}.table{caption-side:bottom;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.table thead tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.table tbody tr:last-child{border-style:var(--tw-border-style);border-width:0}.table tfoot{border-top-style:var(--tw-border-style);background-color:var(--color-muted);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);border-top-width:1px}@supports (color:color-mix(in lab, red, red)){.table tfoot{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.table tfoot>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.table tr{border-bottom-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-bottom-width:1px}@media (hover:hover){.table tr:hover{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.table tr:hover{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}}.table tr[data-state=selected]{background-color:var(--color-muted)}.table th{height:calc(var(--spacing)*12);padding-inline:calc(var(--spacing)*3);text-align:start;vertical-align:middle;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);white-space:nowrap;color:var(--color-muted-foreground);text-transform:uppercase}.table th:has([role=checkbox]){padding-inline-end:calc(var(--spacing)*0)}.table td{padding:calc(var(--spacing)*3);vertical-align:middle;white-space:nowrap}.table td:has([role=checkbox]){padding-inline-end:calc(var(--spacing)*0)}.table caption{margin-top:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted-foreground)}[data-tooltip]:before{align-items:center;gap:calc(var(--spacing)*1.5);background-color:var(--color-foreground);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-background);border-radius:0;display:inline-flex}[data-tooltip]:before:has(){padding-inline-end:calc(var(--spacing)*1.5)}[data-tooltip][data-arrow]:after{z-index:60;width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5);background-color:var(--color-foreground);border-radius:0;position:absolute;rotate:45deg}.toast-content{border-style:var(--tw-border-style);background-color:var(--color-popover);color:var(--color-popover-foreground);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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);border-width:1px;border-radius:0!important}.field>input[type=range],.input[type=range]{height:calc(var(--spacing)*5);--slider-track-height:.125rem;--slider-thumb-size:.75rem}:is(.field>input[type=range],.input[type=range])::-webkit-slider-runnable-track{height:calc(var(--spacing)*.5);background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-webkit-slider-runnable-track{background-color:color-mix(in oklab,var(--color-input)50%,transparent)}}:is(.field>input[type=range],.input[type=range])::-moz-range-track{height:calc(var(--spacing)*.5);background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-moz-range-track{background-color:color-mix(in oklab,var(--color-input)50%,transparent)}}:is(.field>input[type=range],.input[type=range])::-ms-track{height:calc(var(--spacing)*.5);background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-ms-track{background-color:color-mix(in oklab,var(--color-input)50%,transparent)}}:is(.field>input[type=range],.input[type=range])::-ms-fill-lower{border-radius:inherit}:is(.field>input[type=range],.input[type=range])::-ms-fill-upper{border-radius:inherit}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb{margin-top:calc(calc((var(--slider-thumb-size) - var(--slider-track-height))/2)*-1);width:calc(var(--spacing)*3);height:calc(var(--spacing)*3);--tw-border-style:none;background-color:var(--color-primary);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-style:none}@media (hover:hover){:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:hover{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:hover{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:focus-visible{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:focus-visible{outline-offset:2px;outline:2px solid #0000}}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3);--tw-border-style:none;background-color:var(--color-primary);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-style:none}@media (hover:hover){:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:hover{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:hover{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:focus-visible{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.field>input[type=range],.input[type=range])::-moz-range-thumb:focus-visible{outline-offset:2px;outline:2px solid #0000}}:is(.field>input[type=range],.input[type=range])::-ms-thumb{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3);--tw-border-style:none;background-color:var(--color-primary);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-style:none}@media (hover:hover){:is(.field>input[type=range],.input[type=range])::-ms-thumb:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.field>input[type=range],.input[type=range])::-ms-thumb:hover{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-ms-thumb:hover{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}}:is(.field>input[type=range],.input[type=range])::-ms-thumb:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.field>input[type=range],.input[type=range])::-ms-thumb:focus-visible{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){:is(.field>input[type=range],.input[type=range])::-ms-thumb:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)30%,transparent)}}:is(.field>input[type=range],.input[type=range])::-ms-thumb:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.field>input[type=range],.input[type=range])::-ms-thumb:focus-visible{outline-offset:2px;outline:2px solid #0000}}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.start-3{inset-inline-start:calc(var(--spacing)*3)}.end-3{inset-inline-end:calc(var(--spacing)*3)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-22{top:calc(var(--spacing)*22)}.right-2\.5{right:calc(var(--spacing)*2.5)}.right-3{right:calc(var(--spacing)*3)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.ms-auto{margin-inline-start:auto}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.-mr-1\.5{margin-right:calc(var(--spacing)*-1.5)}.mr-auto{margin-right:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.-ml-1\.5{margin-left:calc(var(--spacing)*-1.5)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\[150px\]{max-height:150px}.max-h-\[200px\]{max-height:200px}.max-h-\[612px\]{max-height:612px}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-27{min-height:calc(var(--spacing)*27)}.min-h-32{min-height:calc(var(--spacing)*32)}.min-h-\[200px\]{min-height:200px}.min-h-\[350px\]{min-height:350px}.w-1\/2{width:50%}.w-2\/3{width:66.6667%}.w-4{width:calc(var(--spacing)*4)}.w-5\/6{width:83.3333%}.w-7\.5{width:calc(var(--spacing)*7.5)}.w-10{width:calc(var(--spacing)*10)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-\[100px\]{width:100px}.w-\[150px\]{width:150px}.w-\[180px\]{width:180px}.w-\[220px\]{width:220px}.w-\[240px\]{width:240px}.w-\[271px\]{width:271px}.w-\[280px\]{width:280px}.w-\[320px\]{width:320px}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-3xl{max-width:var(--container-3xl)}.max-w-72{max-width:calc(var(--spacing)*72)}.max-w-\[75\%\]{max-width:75%}.max-w-\[200px\]{max-width:200px}.max-w-\[300px\]{max-width:300px}.max-w-\[400px\]{max-width:400px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-lg{max-width:var(--breakpoint-lg)}.max-w-screen-md{max-width:var(--breakpoint-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-28{min-width:calc(var(--spacing)*28)}.min-w-32{min-width:calc(var(--spacing)*32)}.min-w-56{min-width:calc(var(--spacing)*56)}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-full{flex-basis:100%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.scroll-m-20{scroll-margin:calc(var(--spacing)*20)}.scroll-mt-14{scroll-margin-top:calc(var(--spacing)*14)}.scroll-mt-16{scroll-margin-top:calc(var(--spacing)*16)}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}: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)))}.gap-x-1\.5{column-gap:calc(var(--spacing)*1.5)}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-10{column-gap:calc(var(--spacing)*10)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.gap-y-10{row-gap:calc(var(--spacing)*10)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-amber-50{border-color:var(--color-amber-50)}.border-border,.border-border\/50{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.border-input{border-color:var(--color-input)}.border-muted{border-color:var(--color-muted)}.border-transparent{border-color:#0000}.bg-accent{background-color:var(--color-accent)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-background{background-color:var(--color-background)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-card{background-color:var(--color-card)}.bg-foreground{background-color:var(--color-foreground)}.bg-green-50{background-color:var(--color-green-50)}.bg-muted,.bg-muted\/50{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.bg-primary,.bg-primary\/20{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.bg-sidebar-primary{background-color:var(--color-sidebar-primary)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-10{padding:calc(var(--spacing)*10)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-\[0\.3rem\]{padding-inline:.3rem}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-\[0\.2rem\]{padding-block:.2rem}.ps-6{padding-inline-start:calc(var(--spacing)*6)}.ps-9{padding-inline-start:calc(var(--spacing)*9)}.pe-2{padding-inline-end:calc(var(--spacing)*2)}.pe-12{padding-inline-end:calc(var(--spacing)*12)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-1\.5\!{padding-right:calc(var(--spacing)*1.5)!important}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pl-6{padding-left:calc(var(--spacing)*6)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-500{color:var(--color-blue-500)}.text-destructive{color:var(--color-destructive)}.text-foreground{color:var(--color-foreground)}.text-green-500{color:var(--color-green-500)}.text-green-700{color:var(--color-green-700)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-neutral-800{color:var(--color-neutral-800)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-purple-500{color:var(--color-purple-500)}.text-red-500{color:var(--color-red-500)}.text-sidebar-primary-foreground{color:var(--color-sidebar-primary-foreground)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow\/ring{--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)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.outline-none{--tw-outline-style:none;outline-style:none}.\[--radius\:0\.95rem\]{--radius:.95rem}.\[--radius\:1rem\]{--radius:1rem}.\[--radius\:9999px\]{--radius:9999px}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.group-aria-checked\:visible:is(:where(.group)[aria-checked=true] *){visibility:visible}.group-\[\.copied\]\:block:is(:where(.group).copied *){display:block}.group-\[\.copied\]\:hidden:is(:where(.group).copied *){display:none}.peer-checked\:border-primary:is(:where(.peer):checked~*){border-color:var(--color-primary)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.checked\:border-blue-600:checked{border-color:var(--color-blue-600)}.checked\:border-green-600:checked{border-color:var(--color-green-600)}.checked\:bg-blue-500:checked{background-color:var(--color-blue-500)}.checked\:bg-blue-600:checked{background-color:var(--color-blue-600)}.checked\:bg-green-600:checked{background-color:var(--color-green-600)}.checked\:before\:bg-background:checked:before{content:var(--tw-content);background-color:var(--color-background)}.checked\:after\:bg-white:checked:after{content:var(--tw-content);background-color:var(--color-white)}@media (hover:hover){:where(.hover\:space-x-1:hover>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}.hover\:bg-accent\/50:hover{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--color-accent)50%,transparent)}}.hover\:bg-destructive\/10:hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-destructive\/10:focus{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.focus\:bg-destructive\/10:focus{background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}.focus\:text-destructive:focus{color:var(--color-destructive)}.focus-visible\:border-ring:focus-visible{border-color:var(--color-ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.has-\[\:checked\]\:border-primary:has(:checked){border-color:var(--color-primary)}.has-\[\:checked\]\:bg-primary\/5:has(:checked){background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.has-\[\:checked\]\:bg-primary\/5:has(:checked){background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}.has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-600:has(:is(input[type=checkbox]:checked)){border-color:var(--color-blue-600)}.has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-50:has(:is(input[type=checkbox]:checked)){background-color:var(--color-blue-50)}.has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-600:has(:is(input[type=radio]:checked)){border-color:var(--color-green-600)}.has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-50:has(:is(input[type=radio]:checked)){background-color:var(--color-green-50)}@media not all and (min-width:40rem){.max-sm\:size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.max-sm\:flex-col{flex-direction:column}}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:max-w-\[425px\]{max-width:425px}.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:w-\[239px\]{width:239px}.md\:w-auto{width:auto}.md\:max-w-\[200px\]{max-width:200px}.md\:min-w-80{min-width:calc(var(--spacing)*80)}.md\:flex-auto{flex:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.xl\:block{display:block}.xl\:p-12{padding:calc(var(--spacing)*12)}.xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@container (min-width:28rem){.\@md\:w-auto{width:auto}.\@md\:min-w-sm{min-width:var(--container-sm)}}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:border-amber-950:is(.dark *){border-color:var(--color-amber-950)}.dark\:bg-amber-950:is(.dark *){background-color:var(--color-amber-950)}.dark\:bg-blue-600:is(.dark *){background-color:var(--color-blue-600)}.dark\:bg-green-950:is(.dark *){background-color:var(--color-green-950)}.dark\:bg-input\/30:is(.dark *){background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-input)30%,transparent)}}.dark\:text-amber-100:is(.dark *){color:var(--color-amber-100)}.dark\:text-amber-200:is(.dark *){color:var(--color-amber-200)}.dark\:text-amber-300:is(.dark *){color:var(--color-amber-300)}.dark\:text-green-300:is(.dark *){color:var(--color-green-300)}.dark\:text-neutral-300:is(.dark *){color:var(--color-neutral-300)}.dark\:checked\:border-blue-700:is(.dark *):checked{border-color:var(--color-blue-700)}.dark\:checked\:bg-blue-600:is(.dark *):checked{background-color:var(--color-blue-600)}.dark\:checked\:bg-blue-700:is(.dark *):checked{background-color:var(--color-blue-700)}.dark\:checked\:bg-input\/30:is(.dark *):checked{background-color:var(--color-input)}@supports (color:color-mix(in lab, red, red)){.dark\:checked\:bg-input\/30:is(.dark *):checked{background-color:color-mix(in oklab,var(--color-input)30%,transparent)}}.dark\:checked\:before\:bg-primary:is(.dark *):checked:before{content:var(--tw-content);background-color:var(--color-primary)}@media (hover:hover){.dark\:hover\:bg-destructive\/20:is(.dark *):hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/20:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}}.dark\:focus\:bg-destructive\/20:is(.dark *):focus{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus\:bg-destructive\/20:is(.dark *):focus{background-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.dark\:has-\[\:checked\]\:bg-primary\/10:is(.dark *):has(:checked){background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.dark\:has-\[\:checked\]\:bg-primary\/10:is(.dark *):has(:checked){background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-900:is(.dark *):has(:is(input[type=checkbox]:checked)){border-color:var(--color-blue-900)}.dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-950:is(.dark *):has(:is(input[type=checkbox]:checked)){background-color:var(--color-blue-950)}.dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-900:is(.dark *):has(:is(input[type=radio]:checked)){border-color:var(--color-green-900)}.dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-950:is(.dark *):has(:is(input[type=radio]:checked)){background-color:var(--color-green-950)}.\[\&_\[data-name\]\]\:hidden [data-name]{display:none}.\[\&_a\]\:inline-block a{display:inline-block}.\[\&_a\]\:text-muted-foreground a{color:var(--color-muted-foreground)}.\[\&_a\]\:no-underline a{text-decoration-line:none}.\[\&_a\]\:transition-colors a{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.\[\&_a\]\:hover\:text-foreground a:hover{color:var(--color-foreground)}}.\[\&_img\]\:size-8 img{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.\[\&_img\]\:size-12 img{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.\[\&_img\]\:shrink-0 img{flex-shrink:0}.\[\&_img\]\:rounded-full img{border-radius:3.40282e38px}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_img\]\:ring-2 img{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_img\]\:ring-background img{--tw-ring-color:var(--color-background)}.\[\&_img\]\:ring-card img{--tw-ring-color:var(--color-card)}.\[\&_img\]\:grayscale img{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.\[\&_img\]\:transition-all img{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&_img\]\:duration-300 img{--tw-duration:.3s;transition-duration:.3s}.\[\&_img\]\:ease-in-out img{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[\&_li\]\:mt-0 li{margin-top:calc(var(--spacing)*0)}.\[\&_li\]\:pt-2 li{padding-top:calc(var(--spacing)*2)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:\!text-destructive svg{color:var(--color-destructive)!important}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.\[\&_ul\]\:m-0 ul{margin:calc(var(--spacing)*0)}.\[\&_ul\]\:list-none ul{list-style-type:none}.\[\&_ul_ul\]\:pl-4 ul ul{padding-left:calc(var(--spacing)*4)}@media (min-width:48rem){:is(.md\:\*\:\[\.card\]\:basis-1\/4>*).card{flex-basis:25%}}.\[a\]\:transition-colors:is(a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab,var(--color-accent)50%,transparent)}}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--color-primary)}.\[\&\>svg\]\:mb-3>svg{margin-bottom:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:size-6>svg{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}}:root{--radius:.625rem;--background:oklch(1 0 0);--foreground:oklch(.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(.145 0 0);--primary:oklch(.205 0 0);--primary-foreground:oklch(.985 0 0);--secondary:oklch(.97 0 0);--secondary-foreground:oklch(.205 0 0);--muted:oklch(.97 0 0);--muted-foreground:oklch(.556 0 0);--accent:oklch(.97 0 0);--accent-foreground:oklch(.205 0 0);--destructive:oklch(.577 .245 27.325);--border:oklch(.922 0 0);--input:oklch(.922 0 0);--ring:oklch(.708 0 0);--chart-1:oklch(.646 .222 41.116);--chart-2:oklch(.6 .118 184.704);--chart-3:oklch(.398 .07 227.392);--chart-4:oklch(.828 .189 84.429);--chart-5:oklch(.769 .188 70.08);--sidebar:oklch(.985 0 0);--sidebar-foreground:oklch(.145 0 0);--sidebar-primary:oklch(.205 0 0);--sidebar-primary-foreground:oklch(.985 0 0);--sidebar-accent:oklch(.97 0 0);--sidebar-accent-foreground:oklch(.205 0 0);--sidebar-border:oklch(.922 0 0);--sidebar-ring:oklch(.708 0 0);--sidebar-width:16rem;--sidebar-mobile-width:18rem;--scrollbar-track:transparent;--scrollbar-thumb:#0000004d;--scrollbar-width:6px;--scrollbar-radius:6px;--chevron-down-icon:url("data:image/svg+xml;utf8,");--chevron-down-icon-50:url("data:image/svg+xml;utf8,");--check-icon:url("data:image/svg+xml;utf8,")}.dark{--background:oklch(.145 0 0);--foreground:oklch(.985 0 0);--card:oklch(.205 0 0);--card-foreground:oklch(.985 0 0);--popover:oklch(.269 0 0);--popover-foreground:oklch(.985 0 0);--primary:oklch(.922 0 0);--primary-foreground:oklch(.205 0 0);--secondary:oklch(.269 0 0);--secondary-foreground:oklch(.985 0 0);--muted:oklch(.269 0 0);--muted-foreground:oklch(.708 0 0);--accent:oklch(.371 0 0);--accent-foreground:oklch(.985 0 0);--destructive:oklch(.704 .191 22.216);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/15%);--ring:oklch(.556 0 0);--chart-1:oklch(.488 .243 264.376);--chart-2:oklch(.696 .17 162.48);--chart-3:oklch(.769 .188 70.08);--chart-4:oklch(.627 .265 303.9);--chart-5:oklch(.645 .246 16.439);--sidebar:oklch(.205 0 0);--sidebar-foreground:oklch(.985 0 0);--sidebar-primary:oklch(.488 .243 264.376);--sidebar-primary-foreground:oklch(.985 0 0);--sidebar-accent:oklch(.269 0 0);--sidebar-accent-foreground:oklch(.985 0 0);--sidebar-border:oklch(1 0 0/10%);--sidebar-ring:oklch(.439 0 0);--scrollbar-thumb:#ffffff4d;--chevron-down-icon:url("data:image/svg+xml;utf8,");--chevron-down-icon-50:url("data:image/svg+xml;utf8,");--check-icon:url("data:image/svg+xml;utf8,");color-scheme:dark}@keyframes toast-up{0%{opacity:0;transform:translateY(100%)}}.theme-claude:root{--background:oklch(.98 .01 95.1);--foreground:oklch(.34 .03 95.72);--card:oklch(.98 .01 95.1);--card-foreground:oklch(.19 0 106.59);--popover:oklch(1 0 0);--popover-foreground:oklch(.27 .02 98.94);--primary:oklch(.62 .14 39.04);--primary-foreground:oklch(1 0 0);--secondary:oklch(.92 .01 92.99);--secondary-foreground:oklch(.43 .02 98.6);--muted:oklch(.93 .02 90.24);--muted-foreground:oklch(.61 .01 97.42);--accent:oklch(.92 .01 92.99);--accent-foreground:oklch(.27 .02 98.94);--destructive:oklch(.19 0 106.59);--destructive-foreground:oklch(1 0 0);--border:oklch(.88 .01 97.36);--input:oklch(.76 .02 98.35);--ring:oklch(.59 .17 253.06);--chart-1:oklch(.56 .13 43);--chart-2:oklch(.69 .16 290.41);--chart-3:oklch(.88 .03 93.13);--chart-4:oklch(.88 .04 298.18);--chart-5:oklch(.56 .13 42.06);--sidebar:oklch(.97 .01 98.88);--sidebar-foreground:oklch(.36 .01 106.65);--sidebar-primary:oklch(.62 .14 39.04);--sidebar-primary-foreground:oklch(.99 0 0);--sidebar-accent:oklch(.92 .01 92.99);--sidebar-accent-foreground:oklch(.33 0 0);--sidebar-border:oklch(.94 0 0);--sidebar-ring:oklch(.77 0 0);--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius:.5rem;--shadow-2xs:0 1px 3px 0px #0000000d;--shadow-xs:0 1px 3px 0px #0000000d;--shadow-sm:0 1px 3px 0px #0000001a,0 1px 2px -1px #0000001a;--shadow:0 1px 3px 0px #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 1px 3px 0px #0000001a,0 2px 4px -1px #0000001a;--shadow-lg:0 1px 3px 0px #0000001a,0 4px 6px -1px #0000001a;--shadow-xl:0 1px 3px 0px #0000001a,0 8px 10px -1px #0000001a;--shadow-2xl:0 1px 3px 0px #00000040}.theme-claude.dark{--background:oklch(.27 0 106.64);--foreground:oklch(.81 .01 93.01);--card:oklch(.27 0 106.64);--card-foreground:oklch(.98 .01 95.1);--popover:oklch(.31 0 106.6);--popover-foreground:oklch(.92 0 106.48);--primary:oklch(.67 .13 38.76);--primary-foreground:oklch(1 0 0);--secondary:oklch(.98 .01 95.1);--secondary-foreground:oklch(.31 0 106.6);--muted:oklch(.22 0 106.71);--muted-foreground:oklch(.77 .02 99.07);--accent:oklch(.21 .01 95.42);--accent-foreground:oklch(.97 .01 98.88);--destructive:oklch(.64 .21 25.33);--destructive-foreground:oklch(1 0 0);--border:oklch(.36 .01 106.89);--input:oklch(.43 .01 100.22);--ring:oklch(.59 .17 253.06);--chart-1:oklch(.56 .13 43);--chart-2:oklch(.69 .16 290.41);--chart-3:oklch(.21 .01 95.42);--chart-4:oklch(.31 .05 289.32);--chart-5:oklch(.56 .13 42.06);--sidebar:oklch(.24 0 67.71);--sidebar-foreground:oklch(.81 .01 93.01);--sidebar-primary:oklch(.33 0 0);--sidebar-primary-foreground:oklch(.99 0 0);--sidebar-accent:oklch(.17 0 106.62);--sidebar-accent-foreground:oklch(.81 .01 93.01);--sidebar-border:oklch(.94 0 0);--sidebar-ring:oklch(.77 0 0);--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius:.5rem;--shadow-2xs:0 1px 3px 0px #0000000d;--shadow-xs:0 1px 3px 0px #0000000d;--shadow-sm:0 1px 3px 0px #0000001a,0 1px 2px -1px #0000001a;--shadow:0 1px 3px 0px #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 1px 3px 0px #0000001a,0 2px 4px -1px #0000001a;--shadow-lg:0 1px 3px 0px #0000001a,0 4px 6px -1px #0000001a;--shadow-xl:0 1px 3px 0px #0000001a,0 8px 10px -1px #0000001a;--shadow-2xl:0 1px 3px 0px #00000040}.theme-doom-64:root{--background:oklch(.85 0 0);--foreground:oklch(.24 0 0);--card:oklch(.76 0 0);--card-foreground:oklch(.24 0 0);--popover:oklch(.76 0 0);--popover-foreground:oklch(.24 0 0);--primary:oklch(.5 .19 27.48);--primary-foreground:oklch(1 0 0);--secondary:oklch(.5 .09 126.19);--secondary-foreground:oklch(1 0 0);--muted:oklch(.78 0 0);--muted-foreground:oklch(.41 0 0);--accent:oklch(.59 .1 245.74);--accent-foreground:oklch(1 0 0);--destructive:oklch(.71 .2 46.46);--destructive-foreground:oklch(0 0 0);--border:oklch(.43 0 0);--input:oklch(.43 0 0);--ring:oklch(.5 .19 27.48);--chart-1:oklch(.5 .19 27.48);--chart-2:oklch(.5 .09 126.19);--chart-3:oklch(.59 .1 245.74);--chart-4:oklch(.71 .2 46.46);--chart-5:oklch(.57 .04 40.43);--sidebar:oklch(.76 0 0);--sidebar-foreground:oklch(.24 0 0);--sidebar-primary:oklch(.5 .19 27.48);--sidebar-primary-foreground:oklch(1 0 0);--sidebar-accent:oklch(.59 .1 245.74);--sidebar-accent-foreground:oklch(1 0 0);--sidebar-border:oklch(.43 0 0);--sidebar-ring:oklch(.5 .19 27.48);--font-sans:"Oxanium",sans-serif;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:"Source Code Pro",monospace;--radius:0px;--shadow-2xs:0px 2px 4px 0px #0003;--shadow-xs:0px 2px 4px 0px #0003;--shadow-sm:0px 2px 4px 0px #0006,0px 1px 2px -1px #0006;--shadow:0px 2px 4px 0px #0006,0px 1px 2px -1px #0006;--shadow-md:0px 2px 4px 0px #0006,0px 2px 4px -1px #0006;--shadow-lg:0px 2px 4px 0px #0006,0px 4px 6px -1px #0006;--shadow-xl:0px 2px 4px 0px #0006,0px 8px 10px -1px #0006;--shadow-2xl:0px 2px 4px 0px #000}.theme-doom-64.dark{--background:oklch(.22 0 0);--foreground:oklch(.91 0 0);--card:oklch(.29 0 0);--card-foreground:oklch(.91 0 0);--popover:oklch(.29 0 0);--popover-foreground:oklch(.91 0 0);--primary:oklch(.61 .21 27.03);--primary-foreground:oklch(1 0 0);--secondary:oklch(.64 .15 133.01);--secondary-foreground:oklch(0 0 0);--muted:oklch(.26 0 0);--muted-foreground:oklch(.71 0 0);--accent:oklch(.75 .12 244.75);--accent-foreground:oklch(0 0 0);--destructive:oklch(.78 .17 68.09);--destructive-foreground:oklch(0 0 0);--border:oklch(.41 0 0);--input:oklch(.41 0 0);--ring:oklch(.61 .21 27.03);--chart-1:oklch(.61 .21 27.03);--chart-2:oklch(.64 .15 133.01);--chart-3:oklch(.75 .12 244.75);--chart-4:oklch(.78 .17 68.09);--chart-5:oklch(.65 .03 40.8);--sidebar:oklch(.19 0 0);--sidebar-foreground:oklch(.91 0 0);--sidebar-primary:oklch(.61 .21 27.03);--sidebar-primary-foreground:oklch(1 0 0);--sidebar-accent:oklch(.75 .12 244.75);--sidebar-accent-foreground:oklch(0 0 0);--sidebar-border:oklch(.41 0 0);--sidebar-ring:oklch(.61 .21 27.03);--font-sans:"Oxanium",sans-serif;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:"Source Code Pro",monospace;--radius:0px;--shadow-2xs:0px 2px 5px 0px #0000004d;--shadow-xs:0px 2px 5px 0px #0000004d;--shadow-sm:0px 2px 5px 0px #0009,0px 1px 2px -1px #0009;--shadow:0px 2px 5px 0px #0009,0px 1px 2px -1px #0009;--shadow-md:0px 2px 5px 0px #0009,0px 2px 4px -1px #0009;--shadow-lg:0px 2px 5px 0px #0009,0px 4px 6px -1px #0009;--shadow-xl:0px 2px 5px 0px #0009,0px 8px 10px -1px #0009;--shadow-2xl:0px 2px 5px 0px #000}.theme-supabase:root{--background:oklch(.99 0 0);--foreground:oklch(.2 0 0);--card:oklch(.99 0 0);--card-foreground:oklch(.2 0 0);--popover:oklch(.99 0 0);--popover-foreground:oklch(.44 0 0);--primary:oklch(.83 .13 160.91);--primary-foreground:oklch(.26 .01 166.46);--secondary:oklch(.99 0 0);--secondary-foreground:oklch(.2 0 0);--muted:oklch(.95 0 0);--muted-foreground:oklch(.24 0 0);--accent:oklch(.95 0 0);--accent-foreground:oklch(.24 0 0);--destructive:oklch(.55 .19 32.73);--destructive-foreground:oklch(.99 0 17.21);--border:oklch(.9 0 0);--input:oklch(.9 0 0);--ring:oklch(.83 .13 160.91);--chart-1:oklch(.83 .13 160.91);--chart-2:oklch(.62 .19 259.81);--chart-3:oklch(.61 .22 292.72);--chart-4:oklch(.77 .16 70.08);--chart-5:oklch(.7 .15 162.48);--sidebar:oklch(.99 0 0);--sidebar-foreground:oklch(.55 0 0);--sidebar-primary:oklch(.83 .13 160.91);--sidebar-primary-foreground:oklch(.26 .01 166.46);--sidebar-accent:oklch(.95 0 0);--sidebar-accent-foreground:oklch(.24 0 0);--sidebar-border:oklch(.9 0 0);--sidebar-ring:oklch(.83 .13 160.91);--font-sans:Outfit,sans-serif;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:monospace;--radius:.5rem;--shadow-2xs:0px 1px 3px 0px #00000017;--shadow-xs:0px 1px 3px 0px #00000017;--shadow-sm:0px 1px 3px 0px #0000002b,0px 1px 2px -1px #0000002b;--shadow:0px 1px 3px 0px #0000002b,0px 1px 2px -1px #0000002b;--shadow-md:0px 1px 3px 0px #0000002b,0px 2px 4px -1px #0000002b;--shadow-lg:0px 1px 3px 0px #0000002b,0px 4px 6px -1px #0000002b;--shadow-xl:0px 1px 3px 0px #0000002b,0px 8px 10px -1px #0000002b;--shadow-2xl:0px 1px 3px 0px #0000006e;--tracking-normal:.025em}.theme-supabase.dark{--background:oklch(.18 0 0);--foreground:oklch(.93 .01 255.51);--card:oklch(.2 0 0);--card-foreground:oklch(.93 .01 255.51);--popover:oklch(.26 0 0);--popover-foreground:oklch(.73 0 0);--primary:oklch(.44 .1 156.76);--primary-foreground:oklch(.92 .01 167.16);--secondary:oklch(.26 0 0);--secondary-foreground:oklch(.99 0 0);--muted:oklch(.24 0 0);--muted-foreground:oklch(.71 0 0);--accent:oklch(.31 0 0);--accent-foreground:oklch(.99 0 0);--destructive:oklch(.31 .09 29.79);--destructive-foreground:oklch(.94 0 34.31);--border:oklch(.28 0 0);--input:oklch(.28 0 0);--ring:oklch(.8 .18 151.71);--chart-1:oklch(.8 .18 151.71);--chart-2:oklch(.71 .14 254.62);--chart-3:oklch(.71 .16 293.54);--chart-4:oklch(.84 .16 84.43);--chart-5:oklch(.78 .13 181.91);--sidebar:oklch(.18 0 0);--sidebar-foreground:oklch(.63 0 0);--sidebar-primary:oklch(.44 .1 156.76);--sidebar-primary-foreground:oklch(.92 .01 167.16);--sidebar-accent:oklch(.31 0 0);--sidebar-accent-foreground:oklch(.99 0 0);--sidebar-border:oklch(.28 0 0);--sidebar-ring:oklch(.8 .18 151.71);--font-sans:Outfit,sans-serif;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:monospace;--radius:.5rem;--shadow-2xs:0px 1px 3px 0px #00000017;--shadow-xs:0px 1px 3px 0px #00000017;--shadow-sm:0px 1px 3px 0px #0000002b,0px 1px 2px -1px #0000002b;--shadow:0px 1px 3px 0px #0000002b,0px 1px 2px -1px #0000002b;--shadow-md:0px 1px 3px 0px #0000002b,0px 2px 4px -1px #0000002b;--shadow-lg:0px 1px 3px 0px #0000002b,0px 4px 6px -1px #0000002b;--shadow-xl:0px 1px 3px 0px #0000002b,0px 8px 10px -1px #0000002b;--shadow-2xl:0px 1px 3px 0px #0000006e}.theme-supabase body{letter-spacing:var(--tracking-normal)}:root{--font-sans:"Geist Sans",ui-sans-serif,system-ui,sans-serif;--font-heading:"Geist Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.htmx-indicator{visibility:hidden;opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-behavior:allow-discrete}.htmx-indicator:not(.htmx-request){display:none}.htmx-request,.htmx-request.htmx-indicator{visibility:visible;opacity:1}.content pre{border-radius:var(--radius-lg);background-color:var(--color-muted);max-height:650px;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:grid;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.content pre{background-color:color-mix(in oklab,var(--color-muted)40%,transparent)}}.content pre>code{border-radius:inherit;padding:calc(var(--spacing)*3.5);font-family:var(--font-mono);background-color:#0000;display:block}.content pre>code.hljs{background-color:#0000!important}.content>h2{margin-top:calc(var(--spacing)*12);margin-bottom:calc(var(--spacing)*6);scroll-margin:calc(var(--spacing)*22);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.content>h2:first-child{margin-top:calc(var(--spacing)*0)}@media (min-width:64rem){.content>h2{margin-top:calc(var(--spacing)*20)}}.content>h3{margin-top:calc(var(--spacing)*8);margin-bottom:calc(var(--spacing)*6);scroll-margin:calc(var(--spacing)*22);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.content>h4{margin-block:calc(var(--spacing)*6);scroll-margin:calc(var(--spacing)*22);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.content .prose{margin-block:calc(var(--spacing)*6)}.content .prose a{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-underline-offset:4px;text-decoration-line:underline}.content .prose code:not(pre>code){border-radius:var(--radius-md);background-color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:.2rem;padding-inline:.3rem;position:relative}@supports (color:color-mix(in lab, red, red)){.content .prose code:not(pre>code){background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.content .prose blockquote{border-left-style:var(--tw-border-style);border-left-width:4px;border-color:var(--color-border);padding-left:calc(var(--spacing)*4)}.content .prose ol{margin-left:calc(var(--spacing)*6);list-style-type:decimal}.content .prose ul{margin-left:calc(var(--spacing)*6);list-style-type:disc}:is(.content .prose ol,.content .prose ul) li{margin-top:calc(var(--spacing)*2)}.content .prose dl{margin-block:calc(var(--spacing)*6);border-bottom-style:var(--tw-border-style);padding-bottom:calc(var(--spacing)*3);border-bottom-width:1px}.content .prose dl dt{margin-top:calc(var(--spacing)*3);border-top-style:var(--tw-border-style);padding-top:calc(var(--spacing)*3);border-top-width:1px}.content .prose dl dt:first-child{margin-top:calc(var(--spacing)*0)}.content .prose dl dd{margin-top:calc(var(--spacing)*2)}:where(.content .prose dl dd>: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)))}.content .prose dl dl{margin-block:calc(var(--spacing)*0);margin-top:calc(var(--spacing)*4);border-bottom-style:var(--tw-border-style);padding-bottom:calc(var(--spacing)*0);padding-left:calc(var(--spacing)*8);border-bottom-width:0}.content .prose b,.content .prose strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.content .prose>p,.content .prose>blockquote,.content .prose>ul,.content .prose>ol,.content .prose>dl,.content .prose>table,.content .prose>pre,.content .prose>p{margin-block:calc(var(--spacing)*6)}.content .prose>:first-child{margin-top:calc(var(--spacing)*0)!important}.content .prose>:last-child{margin-bottom:calc(var(--spacing)*0)!important}.content .step{counter-increment:step}.content .step:before{margin-right:calc(var(--spacing)*2);height:calc(var(--spacing)*8);width:calc(var(--spacing)*8);border-style:var(--tw-border-style);border-width:4px;border-color:var(--color-background);background-color:var(--color-muted);text-align:center;text-indent:-1px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);content:counter(step);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}@media (min-width:48rem){.content .step:before{height:calc(var(--spacing)*9);width:calc(var(--spacing)*9);margin-top:-4px;margin-left:-50px}}.content .step>h3{min-height:calc(var(--spacing)*8);align-items:center;display:flex}@media not all and (min-width:48rem){.content .step>h3{margin-left:calc(var(--spacing)*10)}}:root{--hljs-bg:#fff;--hljs-color:#24292e;--hljs-keyword:#d73a49;--hljs-title:#6f42c1;--hljs-literal:#005cc5;--hljs-string:#032f62;--hljs-symbol:#e36209;--hljs-comment:#6a737d;--hljs-tag:#22863a;--hljs-section:#005cc5;--hljs-bullet:#735c0f;--hljs-addition-color:#22863a;--hljs-addition-bg:#f0fff4;--hljs-deletion-color:#b31d28;--hljs-deletion-bg:#ffeef0}html.dark{--hljs-bg:#0d1117;--hljs-color:#c9d1d9;--hljs-keyword:#ff7b72;--hljs-title:#d2a8ff;--hljs-literal:#79c0ff;--hljs-string:#a5d6ff;--hljs-symbol:#ffa657;--hljs-comment:#8b949e;--hljs-tag:#7ee787;--hljs-section:#1f6feb;--hljs-bullet:#f2cc60;--hljs-addition-color:#aff5b4;--hljs-addition-bg:#033a16;--hljs-deletion-color:#ffdcd7;--hljs-deletion-bg:#67060c}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:var(--hljs-color);background:var(--hljs-bg)}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:var(--hljs-keyword)}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:var(--hljs-title)}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:var(--hljs-literal)}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:var(--hljs-string)}.hljs-built_in,.hljs-symbol{color:var(--hljs-symbol)}.hljs-code,.hljs-comment,.hljs-formula{color:var(--hljs-comment)}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--hljs-tag)}.hljs-subst{color:var(--hljs-color)}.hljs-section{color:var(--hljs-section);font-weight:700}.hljs-bullet{color:var(--hljs-bullet)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-addition{color:var(--hljs-addition-color);background-color:var(--hljs-addition-bg)}.hljs-deletion{color:var(--hljs-deletion-color);background-color:var(--hljs-deletion-bg)}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";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:"";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:"";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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
\ No newline at end of file
+@layer properties;
+@font-face {
+ font-family: "Geist Sans";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 400;
+ src: url("/assets/fonts/geist/geist-sans-latin-400-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Sans";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 500;
+ src: url("/assets/fonts/geist/geist-sans-latin-500-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Sans";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 600;
+ src: url("/assets/fonts/geist/geist-sans-latin-600-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Sans";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 700;
+ src: url("/assets/fonts/geist/geist-sans-latin-700-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Mono";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 400;
+ src: url("/assets/fonts/geist/geist-mono-latin-400-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Mono";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 500;
+ src: url("/assets/fonts/geist/geist-mono-latin-500-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Mono";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 600;
+ src: url("/assets/fonts/geist/geist-mono-latin-600-normal.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Geist Mono";
+ font-style: normal;
+ font-display: swap;
+ font-weight: 700;
+ src: url("/assets/fonts/geist/geist-mono-latin-700-normal.woff2") format("woff2");
+}
+@layer theme, base, components, utilities;
+@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-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+ "Courier New", monospace;
+ --color-red-500: oklch(63.7% 0.237 25.331);
+ --color-amber-50: oklch(98.7% 0.022 95.277);
+ --color-amber-100: oklch(96.2% 0.059 95.617);
+ --color-amber-200: oklch(92.4% 0.12 95.746);
+ --color-amber-300: oklch(87.9% 0.169 91.605);
+ --color-amber-800: oklch(47.3% 0.137 46.201);
+ --color-amber-900: oklch(41.4% 0.112 45.904);
+ --color-amber-950: oklch(27.9% 0.077 45.635);
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
+ --color-green-50: oklch(98.2% 0.018 155.826);
+ --color-green-300: oklch(87.1% 0.15 154.449);
+ --color-green-500: oklch(72.3% 0.219 149.579);
+ --color-green-600: oklch(62.7% 0.194 149.214);
+ --color-green-700: oklch(52.7% 0.154 150.069);
+ --color-green-900: oklch(39.3% 0.095 152.535);
+ --color-green-950: oklch(26.6% 0.065 152.934);
+ --color-blue-50: oklch(97% 0.014 254.604);
+ --color-blue-500: oklch(62.3% 0.214 259.815);
+ --color-blue-600: oklch(54.6% 0.245 262.881);
+ --color-blue-700: oklch(48.8% 0.243 264.376);
+ --color-blue-900: oklch(37.9% 0.146 265.522);
+ --color-blue-950: oklch(28.2% 0.091 267.935);
+ --color-purple-500: oklch(62.7% 0.265 303.9);
+ --color-neutral-300: oklch(87% 0 0);
+ --color-neutral-800: oklch(26.9% 0 0);
+ --color-black: #000;
+ --color-white: #fff;
+ --spacing: 0.25rem;
+ --breakpoint-md: 48rem;
+ --breakpoint-lg: 64rem;
+ --container-xs: 20rem;
+ --container-sm: 24rem;
+ --container-md: 28rem;
+ --container-lg: 32rem;
+ --container-xl: 36rem;
+ --container-3xl: 48rem;
+ --text-xs: 0.75rem;
+ --text-xs--line-height: calc(1 / 0.75);
+ --text-sm: 0.875rem;
+ --text-sm--line-height: calc(1.25 / 0.875);
+ --text-base: 1rem;
+ --text-base--line-height: calc(1.5 / 1);
+ --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-3xl: 1.875rem;
+ --text-3xl--line-height: calc(2.25 / 1.875);
+ --text-4xl: 2.25rem;
+ --text-4xl--line-height: calc(2.5 / 2.25);
+ --font-weight-normal: 400;
+ --font-weight-medium: 500;
+ --font-weight-semibold: 600;
+ --font-weight-bold: 700;
+ --tracking-tight: -0.025em;
+ --tracking-normal: 0em;
+ --tracking-wide: 0.025em;
+ --tracking-wider: 0.05em;
+ --tracking-widest: 0.1em;
+ --leading-tight: 1.25;
+ --leading-snug: 1.375;
+ --leading-normal: 1.5;
+ --leading-relaxed: 1.625;
+ --radius-xs: 0.125rem;
+ --radius-sm: calc(var(--radius) - 4px);
+ --radius-md: calc(var(--radius) - 2px);
+ --radius-lg: var(--radius);
+ --radius-xl: calc(var(--radius) + 4px);
+ --radius-2xl: 1rem;
+ --radius-3xl: 1.5rem;
+ --radius-4xl: 2rem;
+ --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
+ --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+ --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+ --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+ --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+ --animate-spin: spin 1s linear infinite;
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ --blur-xs: 4px;
+ --blur-sm: 8px;
+ --aspect-video: 16 / 9;
+ --default-transition-duration: 150ms;
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ --default-font-family: var(--font-sans);
+ --default-mono-font-family: var(--font-mono);
+ --color-background: var(--background);
+ --color-foreground: var(--foreground);
+ --color-card: var(--card);
+ --color-card-foreground: var(--card-foreground);
+ --color-popover: var(--popover);
+ --color-popover-foreground: var(--popover-foreground);
+ --color-primary: var(--primary);
+ --color-primary-foreground: var(--primary-foreground);
+ --color-secondary: var(--secondary);
+ --color-secondary-foreground: var(--secondary-foreground);
+ --color-muted: var(--muted);
+ --color-muted-foreground: var(--muted-foreground);
+ --color-accent: var(--accent);
+ --color-accent-foreground: var(--accent-foreground);
+ --color-destructive: var(--destructive);
+ --color-border: var(--border);
+ --color-input: var(--input);
+ --color-ring: var(--ring);
+ --color-sidebar: var(--sidebar);
+ --color-sidebar-foreground: var(--sidebar-foreground);
+ --color-sidebar-primary: var(--sidebar-primary);
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+ --color-sidebar-accent: var(--sidebar-accent);
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+ --color-sidebar-border: var(--sidebar-border);
+ --color-sidebar-ring: var(--sidebar-ring);
+ }
+}
+@layer base {
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ border: 0 solid;
+ }
+ html, :host {
+ line-height: 1.5;
+ -webkit-text-size-adjust: 100%;
+ tab-size: 4;
+ 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 {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+ }
+ sub {
+ bottom: -0.25em;
+ }
+ sup {
+ top: -0.5em;
+ }
+ table {
+ text-indent: 0;
+ border-color: inherit;
+ border-collapse: collapse;
+ }
+ :-moz-focusring {
+ outline: auto;
+ }
+ progress {
+ vertical-align: baseline;
+ }
+ summary {
+ display: list-item;
+ }
+ ol, ul, menu {
+ list-style: none;
+ }
+ img, svg, video, canvas, audio, iframe, embed, object {
+ display: block;
+ vertical-align: middle;
+ }
+ img, video {
+ max-width: 100%;
+ height: auto;
+ }
+ button, input, select, optgroup, textarea, ::file-selector-button {
+ font: inherit;
+ font-feature-settings: inherit;
+ font-variation-settings: inherit;
+ letter-spacing: inherit;
+ color: inherit;
+ border-radius: 0;
+ background-color: transparent;
+ opacity: 1;
+ }
+ :where(select:is([multiple], [size])) optgroup {
+ font-weight: bolder;
+ }
+ :where(select:is([multiple], [size])) optgroup option {
+ 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)) {
+ color: color-mix(in oklab, currentcolor 50%, transparent);
+ }
+ }
+ }
+ textarea {
+ resize: vertical;
+ }
+ ::-webkit-search-decoration {
+ -webkit-appearance: none;
+ }
+ ::-webkit-date-and-time-value {
+ min-height: 1lh;
+ text-align: inherit;
+ }
+ ::-webkit-datetime-edit {
+ display: inline-flex;
+ }
+ ::-webkit-datetime-edit-fields-wrapper {
+ padding: 0;
+ }
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+ padding-block: 0;
+ }
+ :-moz-ui-invalid {
+ box-shadow: none;
+ }
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+ appearance: button;
+ }
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+ height: auto;
+ }
+ [hidden]:where(:not([hidden="until-found"])) {
+ display: none !important;
+ }
+}
+@layer utilities {
+ .\@container {
+ container-type: inline-size;
+ }
+ .pointer-events-none {
+ pointer-events: none;
+ }
+ .collapse {
+ visibility: collapse;
+ }
+ .invisible {
+ visibility: hidden;
+ }
+ .visible {
+ visibility: visible;
+ }
+ .sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0;
+ }
+ .absolute {
+ position: absolute;
+ }
+ .fixed {
+ position: fixed;
+ }
+ .relative {
+ position: relative;
+ }
+ .static {
+ position: static;
+ }
+ .sticky {
+ position: sticky;
+ }
+ .inset-0 {
+ inset: calc(var(--spacing) * 0);
+ }
+ .inset-x-0 {
+ inset-inline: calc(var(--spacing) * 0);
+ }
+ .start-3 {
+ inset-inline-start: calc(var(--spacing) * 3);
+ }
+ .end-3 {
+ inset-inline-end: calc(var(--spacing) * 3);
+ }
+ .top-0 {
+ top: calc(var(--spacing) * 0);
+ }
+ .top-1 {
+ top: calc(var(--spacing) * 1);
+ }
+ .top-1\/2 {
+ top: calc(1/2 * 100%);
+ }
+ .top-2 {
+ top: calc(var(--spacing) * 2);
+ }
+ .top-22 {
+ top: calc(var(--spacing) * 22);
+ }
+ .right-2 {
+ right: calc(var(--spacing) * 2);
+ }
+ .right-2\.5 {
+ right: calc(var(--spacing) * 2.5);
+ }
+ .right-3 {
+ right: calc(var(--spacing) * 3);
+ }
+ .bottom-0 {
+ bottom: calc(var(--spacing) * 0);
+ }
+ .left-1 {
+ left: calc(var(--spacing) * 1);
+ }
+ .left-1\/2 {
+ left: calc(1/2 * 100%);
+ }
+ .isolate {
+ isolation: isolate;
+ }
+ .z-10 {
+ z-index: 10;
+ }
+ .col-span-2 {
+ grid-column: span 2 / span 2;
+ }
+ .container {
+ width: 100%;
+ @media (width >= 40rem) {
+ max-width: 40rem;
+ }
+ @media (width >= 48rem) {
+ max-width: 48rem;
+ }
+ @media (width >= 64rem) {
+ max-width: 64rem;
+ }
+ @media (width >= 80rem) {
+ max-width: 80rem;
+ }
+ @media (width >= 96rem) {
+ max-width: 96rem;
+ }
+ }
+ .mx-auto {
+ margin-inline: auto;
+ }
+ .my-4 {
+ margin-block: calc(var(--spacing) * 4);
+ }
+ .my-6 {
+ margin-block: calc(var(--spacing) * 6);
+ }
+ .ms-auto {
+ margin-inline-start: auto;
+ }
+ .mt-4 {
+ margin-top: calc(var(--spacing) * 4);
+ }
+ .mt-6 {
+ margin-top: calc(var(--spacing) * 6);
+ }
+ .mt-8 {
+ margin-top: calc(var(--spacing) * 8);
+ }
+ .mt-12 {
+ margin-top: calc(var(--spacing) * 12);
+ }
+ .-mr-1 {
+ margin-right: calc(var(--spacing) * -1);
+ }
+ .-mr-1\.5 {
+ margin-right: calc(var(--spacing) * -1.5);
+ }
+ .mr-auto {
+ margin-right: auto;
+ }
+ .mb-2 {
+ margin-bottom: calc(var(--spacing) * 2);
+ }
+ .mb-4 {
+ margin-bottom: calc(var(--spacing) * 4);
+ }
+ .mb-6 {
+ margin-bottom: calc(var(--spacing) * 6);
+ }
+ .mb-8 {
+ margin-bottom: calc(var(--spacing) * 8);
+ }
+ .mb-12 {
+ margin-bottom: calc(var(--spacing) * 12);
+ }
+ .-ml-1 {
+ margin-left: calc(var(--spacing) * -1);
+ }
+ .-ml-1\.5 {
+ margin-left: calc(var(--spacing) * -1.5);
+ }
+ .ml-auto {
+ margin-left: auto;
+ }
+ .line-clamp-1 {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ }
+ .line-clamp-2 {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ }
+ .block {
+ display: block;
+ }
+ .contents {
+ display: contents;
+ }
+ .flex {
+ display: flex;
+ }
+ .grid {
+ display: grid;
+ }
+ .hidden {
+ display: none;
+ }
+ .inline {
+ display: inline;
+ }
+ .inline-block {
+ display: inline-block;
+ }
+ .inline-flex {
+ display: inline-flex;
+ }
+ .table {
+ display: table;
+ }
+ .field-sizing-content {
+ field-sizing: content;
+ }
+ .aspect-square {
+ aspect-ratio: 1 / 1;
+ }
+ .aspect-video {
+ aspect-ratio: var(--aspect-video);
+ }
+ .size-2 {
+ width: calc(var(--spacing) * 2);
+ height: calc(var(--spacing) * 2);
+ }
+ .size-2\.5 {
+ width: calc(var(--spacing) * 2.5);
+ height: calc(var(--spacing) * 2.5);
+ }
+ .size-3 {
+ width: calc(var(--spacing) * 3);
+ height: calc(var(--spacing) * 3);
+ }
+ .size-3\.5 {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ .size-4 {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ .size-6 {
+ width: calc(var(--spacing) * 6);
+ height: calc(var(--spacing) * 6);
+ }
+ .size-7 {
+ width: calc(var(--spacing) * 7);
+ height: calc(var(--spacing) * 7);
+ }
+ .size-8 {
+ width: calc(var(--spacing) * 8);
+ height: calc(var(--spacing) * 8);
+ }
+ .size-9 {
+ width: calc(var(--spacing) * 9);
+ height: calc(var(--spacing) * 9);
+ }
+ .size-10 {
+ width: calc(var(--spacing) * 10);
+ height: calc(var(--spacing) * 10);
+ }
+ .size-12 {
+ width: calc(var(--spacing) * 12);
+ height: calc(var(--spacing) * 12);
+ }
+ .h-2 {
+ height: calc(var(--spacing) * 2);
+ }
+ .h-4 {
+ height: calc(var(--spacing) * 4);
+ }
+ .h-5 {
+ height: calc(var(--spacing) * 5);
+ }
+ .h-6 {
+ height: calc(var(--spacing) * 6);
+ }
+ .h-7 {
+ height: calc(var(--spacing) * 7);
+ }
+ .h-8 {
+ height: calc(var(--spacing) * 8);
+ }
+ .h-9 {
+ height: calc(var(--spacing) * 9);
+ }
+ .h-10 {
+ height: calc(var(--spacing) * 10);
+ }
+ .h-12 {
+ height: calc(var(--spacing) * 12);
+ }
+ .h-14 {
+ height: calc(var(--spacing) * 14);
+ }
+ .h-full {
+ height: 100%;
+ }
+ .max-h-64 {
+ max-height: calc(var(--spacing) * 64);
+ }
+ .max-h-\[150px\] {
+ max-height: 150px;
+ }
+ .max-h-\[200px\] {
+ max-height: 200px;
+ }
+ .max-h-\[612px\] {
+ max-height: 612px;
+ }
+ .min-h-16 {
+ min-height: calc(var(--spacing) * 16);
+ }
+ .min-h-27 {
+ min-height: calc(var(--spacing) * 27);
+ }
+ .min-h-32 {
+ min-height: calc(var(--spacing) * 32);
+ }
+ .min-h-\[200px\] {
+ min-height: 200px;
+ }
+ .min-h-\[350px\] {
+ min-height: 350px;
+ }
+ .w-1 {
+ width: calc(var(--spacing) * 1);
+ }
+ .w-1\/2 {
+ width: calc(1/2 * 100%);
+ }
+ .w-2 {
+ width: calc(var(--spacing) * 2);
+ }
+ .w-2\/3 {
+ width: calc(2/3 * 100%);
+ }
+ .w-4 {
+ width: calc(var(--spacing) * 4);
+ }
+ .w-5 {
+ width: calc(var(--spacing) * 5);
+ }
+ .w-5\/6 {
+ width: calc(5/6 * 100%);
+ }
+ .w-7 {
+ width: calc(var(--spacing) * 7);
+ }
+ .w-7\.5 {
+ width: calc(var(--spacing) * 7.5);
+ }
+ .w-10 {
+ width: calc(var(--spacing) * 10);
+ }
+ .w-24 {
+ width: calc(var(--spacing) * 24);
+ }
+ .w-32 {
+ width: calc(var(--spacing) * 32);
+ }
+ .w-48 {
+ width: calc(var(--spacing) * 48);
+ }
+ .w-56 {
+ width: calc(var(--spacing) * 56);
+ }
+ .w-72 {
+ width: calc(var(--spacing) * 72);
+ }
+ .w-80 {
+ width: calc(var(--spacing) * 80);
+ }
+ .w-\[100px\] {
+ width: 100px;
+ }
+ .w-\[150px\] {
+ width: 150px;
+ }
+ .w-\[180px\] {
+ width: 180px;
+ }
+ .w-\[220px\] {
+ width: 220px;
+ }
+ .w-\[240px\] {
+ width: 240px;
+ }
+ .w-\[271px\] {
+ width: 271px;
+ }
+ .w-\[280px\] {
+ width: 280px;
+ }
+ .w-\[320px\] {
+ width: 320px;
+ }
+ .w-fit {
+ width: fit-content;
+ }
+ .w-full {
+ width: 100%;
+ }
+ .w-max {
+ width: max-content;
+ }
+ .max-w-3xl {
+ max-width: var(--container-3xl);
+ }
+ .max-w-72 {
+ max-width: calc(var(--spacing) * 72);
+ }
+ .max-w-\[75\%\] {
+ max-width: 75%;
+ }
+ .max-w-\[200px\] {
+ max-width: 200px;
+ }
+ .max-w-\[300px\] {
+ max-width: 300px;
+ }
+ .max-w-\[400px\] {
+ max-width: 400px;
+ }
+ .max-w-lg {
+ max-width: var(--container-lg);
+ }
+ .max-w-md {
+ max-width: var(--container-md);
+ }
+ .max-w-screen-lg {
+ max-width: var(--breakpoint-lg);
+ }
+ .max-w-screen-md {
+ max-width: var(--breakpoint-md);
+ }
+ .max-w-sm {
+ max-width: var(--container-sm);
+ }
+ .max-w-xl {
+ max-width: var(--container-xl);
+ }
+ .max-w-xs {
+ max-width: var(--container-xs);
+ }
+ .min-w-0 {
+ min-width: calc(var(--spacing) * 0);
+ }
+ .min-w-5 {
+ min-width: calc(var(--spacing) * 5);
+ }
+ .min-w-28 {
+ min-width: calc(var(--spacing) * 28);
+ }
+ .min-w-32 {
+ min-width: calc(var(--spacing) * 32);
+ }
+ .min-w-56 {
+ min-width: calc(var(--spacing) * 56);
+ }
+ .min-w-\[8rem\] {
+ min-width: 8rem;
+ }
+ .flex-1 {
+ flex: 1;
+ }
+ .flex-none {
+ flex: none;
+ }
+ .flex-shrink {
+ flex-shrink: 1;
+ }
+ .shrink-0 {
+ flex-shrink: 0;
+ }
+ .basis-full {
+ flex-basis: 100%;
+ }
+ .border-collapse {
+ border-collapse: collapse;
+ }
+ .-translate-x-1 {
+ --tw-translate-x: calc(var(--spacing) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .-translate-x-1\/2 {
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .-translate-y-1 {
+ --tw-translate-y: calc(var(--spacing) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .-translate-y-1\/2 {
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .translate-y-0 {
+ --tw-translate-y: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .translate-y-0\.5 {
+ --tw-translate-y: calc(var(--spacing) * 0.5);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .transform {
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+ }
+ .animate-pulse {
+ animation: var(--animate-pulse);
+ }
+ .animate-spin {
+ animation: var(--animate-spin);
+ }
+ .cursor-pointer {
+ cursor: pointer;
+ }
+ .cursor-text {
+ cursor: text;
+ }
+ .resize {
+ resize: both;
+ }
+ .resize-none {
+ resize: none;
+ }
+ .scroll-m-20 {
+ scroll-margin: calc(var(--spacing) * 20);
+ }
+ .scroll-mt-14 {
+ scroll-margin-top: calc(var(--spacing) * 14);
+ }
+ .scroll-mt-16 {
+ scroll-margin-top: calc(var(--spacing) * 16);
+ }
+ .list-inside {
+ list-style-position: inside;
+ }
+ .list-decimal {
+ list-style-type: decimal;
+ }
+ .list-disc {
+ list-style-type: disc;
+ }
+ .grid-cols-1 {
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+ }
+ .grid-cols-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+ .grid-cols-3 {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+ .flex-col {
+ flex-direction: column;
+ }
+ .flex-row {
+ flex-direction: row;
+ }
+ .flex-wrap {
+ flex-wrap: wrap;
+ }
+ .items-center {
+ align-items: center;
+ }
+ .items-start {
+ align-items: flex-start;
+ }
+ .items-stretch {
+ align-items: stretch;
+ }
+ .justify-between {
+ justify-content: space-between;
+ }
+ .justify-center {
+ justify-content: center;
+ }
+ .justify-start {
+ justify-content: flex-start;
+ }
+ .gap-0 {
+ gap: calc(var(--spacing) * 0);
+ }
+ .gap-0\.5 {
+ gap: calc(var(--spacing) * 0.5);
+ }
+ .gap-1 {
+ gap: calc(var(--spacing) * 1);
+ }
+ .gap-1\.5 {
+ gap: calc(var(--spacing) * 1.5);
+ }
+ .gap-2 {
+ gap: calc(var(--spacing) * 2);
+ }
+ .gap-3 {
+ gap: calc(var(--spacing) * 3);
+ }
+ .gap-4 {
+ gap: calc(var(--spacing) * 4);
+ }
+ .gap-6 {
+ gap: calc(var(--spacing) * 6);
+ }
+ .gap-7 {
+ gap: calc(var(--spacing) * 7);
+ }
+ .gap-8 {
+ gap: calc(var(--spacing) * 8);
+ }
+ .gap-10 {
+ gap: calc(var(--spacing) * 10);
+ }
+ .gap-12 {
+ gap: calc(var(--spacing) * 12);
+ }
+ .space-y-1 {
+ :where(& > :not(:last-child)) {
+ --tw-space-y-reverse: 0;
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+ }
+ }
+ .space-y-2 {
+ :where(& > :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)));
+ }
+ }
+ .space-y-4 {
+ :where(& > :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)));
+ }
+ }
+ .space-y-6 {
+ :where(& > :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)));
+ }
+ }
+ .gap-x-1 {
+ column-gap: calc(var(--spacing) * 1);
+ }
+ .gap-x-1\.5 {
+ column-gap: calc(var(--spacing) * 1.5);
+ }
+ .gap-x-2 {
+ column-gap: calc(var(--spacing) * 2);
+ }
+ .gap-x-4 {
+ column-gap: calc(var(--spacing) * 4);
+ }
+ .gap-x-10 {
+ column-gap: calc(var(--spacing) * 10);
+ }
+ .-space-x-2 {
+ :where(& > :not(:last-child)) {
+ --tw-space-x-reverse: 0;
+ margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
+ margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
+ }
+ }
+ .gap-y-4 {
+ row-gap: calc(var(--spacing) * 4);
+ }
+ .gap-y-6 {
+ row-gap: calc(var(--spacing) * 6);
+ }
+ .gap-y-10 {
+ row-gap: calc(var(--spacing) * 10);
+ }
+ .self-start {
+ align-self: flex-start;
+ }
+ .truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .overflow-auto {
+ overflow: auto;
+ }
+ .overflow-hidden {
+ overflow: hidden;
+ }
+ .overflow-x-auto {
+ overflow-x: auto;
+ }
+ .overflow-y-auto {
+ overflow-y: auto;
+ }
+ .rounded {
+ border-radius: 0.25rem;
+ }
+ .rounded-4xl {
+ border-radius: var(--radius-4xl);
+ }
+ .rounded-\[2px\] {
+ border-radius: 2px;
+ }
+ .rounded-full {
+ border-radius: calc(infinity * 1px);
+ }
+ .rounded-lg {
+ border-radius: var(--radius-lg);
+ }
+ .rounded-md {
+ border-radius: var(--radius-md);
+ }
+ .rounded-sm {
+ border-radius: var(--radius-sm);
+ }
+ .rounded-s {
+ border-start-start-radius: 0.25rem;
+ border-end-start-radius: 0.25rem;
+ }
+ .rounded-e {
+ border-start-end-radius: 0.25rem;
+ border-end-end-radius: 0.25rem;
+ }
+ .border {
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ }
+ .border-2 {
+ border-style: var(--tw-border-style);
+ border-width: 2px;
+ }
+ .border-s {
+ border-inline-start-style: var(--tw-border-style);
+ border-inline-start-width: 1px;
+ }
+ .border-t {
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ }
+ .border-b {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ }
+ .border-amber-50 {
+ border-color: var(--color-amber-50);
+ }
+ .border-border {
+ border-color: var(--color-border);
+ }
+ .border-border\/50 {
+ border-color: var(--color-border);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
+ }
+ }
+ .border-input {
+ border-color: var(--color-input);
+ }
+ .border-muted {
+ border-color: var(--color-muted);
+ }
+ .border-transparent {
+ border-color: transparent;
+ }
+ .bg-accent {
+ background-color: var(--color-accent);
+ }
+ .bg-amber-50 {
+ background-color: var(--color-amber-50);
+ }
+ .bg-background {
+ background-color: var(--color-background);
+ }
+ .bg-blue-500 {
+ background-color: var(--color-blue-500);
+ }
+ .bg-card {
+ background-color: var(--color-card);
+ }
+ .bg-foreground {
+ background-color: var(--color-foreground);
+ }
+ .bg-green-50 {
+ background-color: var(--color-green-50);
+ }
+ .bg-muted {
+ background-color: var(--color-muted);
+ }
+ .bg-muted\/50 {
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ }
+ .bg-primary {
+ background-color: var(--color-primary);
+ }
+ .bg-primary\/20 {
+ background-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+ }
+ }
+ .bg-sidebar-primary {
+ background-color: var(--color-sidebar-primary);
+ }
+ .mask-repeat {
+ mask-repeat: repeat;
+ }
+ .object-cover {
+ object-fit: cover;
+ }
+ .p-0 {
+ padding: calc(var(--spacing) * 0);
+ }
+ .p-1 {
+ padding: calc(var(--spacing) * 1);
+ }
+ .p-2 {
+ padding: calc(var(--spacing) * 2);
+ }
+ .p-3 {
+ padding: calc(var(--spacing) * 3);
+ }
+ .p-4 {
+ padding: calc(var(--spacing) * 4);
+ }
+ .p-6 {
+ padding: calc(var(--spacing) * 6);
+ }
+ .p-10 {
+ padding: calc(var(--spacing) * 10);
+ }
+ .px-0 {
+ padding-inline: calc(var(--spacing) * 0);
+ }
+ .px-1 {
+ padding-inline: calc(var(--spacing) * 1);
+ }
+ .px-2 {
+ padding-inline: calc(var(--spacing) * 2);
+ }
+ .px-2\.5 {
+ padding-inline: calc(var(--spacing) * 2.5);
+ }
+ .px-3 {
+ padding-inline: calc(var(--spacing) * 3);
+ }
+ .px-4 {
+ padding-inline: calc(var(--spacing) * 4);
+ }
+ .px-\[0\.3rem\] {
+ padding-inline: 0.3rem;
+ }
+ .py-1 {
+ padding-block: calc(var(--spacing) * 1);
+ }
+ .py-1\.5 {
+ padding-block: calc(var(--spacing) * 1.5);
+ }
+ .py-2 {
+ padding-block: calc(var(--spacing) * 2);
+ }
+ .py-3 {
+ padding-block: calc(var(--spacing) * 3);
+ }
+ .py-4 {
+ padding-block: calc(var(--spacing) * 4);
+ }
+ .py-\[0\.2rem\] {
+ padding-block: 0.2rem;
+ }
+ .ps-6 {
+ padding-inline-start: calc(var(--spacing) * 6);
+ }
+ .ps-9 {
+ padding-inline-start: calc(var(--spacing) * 9);
+ }
+ .pe-2 {
+ padding-inline-end: calc(var(--spacing) * 2);
+ }
+ .pe-12 {
+ padding-inline-end: calc(var(--spacing) * 12);
+ }
+ .pt-1 {
+ padding-top: calc(var(--spacing) * 1);
+ }
+ .pt-1\.5 {
+ padding-top: calc(var(--spacing) * 1.5);
+ }
+ .pt-2 {
+ padding-top: calc(var(--spacing) * 2);
+ }
+ .pt-6 {
+ padding-top: calc(var(--spacing) * 6);
+ }
+ .pr-1 {
+ padding-right: calc(var(--spacing) * 1);
+ }
+ .pr-1\.5\! {
+ padding-right: calc(var(--spacing) * 1.5) !important;
+ }
+ .pr-9 {
+ padding-right: calc(var(--spacing) * 9);
+ }
+ .pr-10 {
+ padding-right: calc(var(--spacing) * 10);
+ }
+ .pb-3 {
+ padding-bottom: calc(var(--spacing) * 3);
+ }
+ .pb-4 {
+ padding-bottom: calc(var(--spacing) * 4);
+ }
+ .pb-12 {
+ padding-bottom: calc(var(--spacing) * 12);
+ }
+ .pl-6 {
+ padding-left: calc(var(--spacing) * 6);
+ }
+ .text-center {
+ text-align: center;
+ }
+ .text-end {
+ text-align: end;
+ }
+ .text-left {
+ text-align: left;
+ }
+ .text-right {
+ text-align: right;
+ }
+ .font-mono {
+ font-family: var(--font-mono);
+ }
+ .text-2xl {
+ font-size: var(--text-2xl);
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
+ }
+ .text-3xl {
+ font-size: var(--text-3xl);
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
+ }
+ .text-base {
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ }
+ .text-lg {
+ font-size: var(--text-lg);
+ line-height: var(--tw-leading, var(--text-lg--line-height));
+ }
+ .text-sm {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .text-sm\/relaxed {
+ font-size: var(--text-sm);
+ line-height: var(--leading-relaxed);
+ }
+ .text-xs {
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ }
+ .text-\[1\.05rem\] {
+ font-size: 1.05rem;
+ }
+ .text-\[13px\] {
+ font-size: 13px;
+ }
+ .leading-none {
+ --tw-leading: 1;
+ line-height: 1;
+ }
+ .leading-normal {
+ --tw-leading: var(--leading-normal);
+ line-height: var(--leading-normal);
+ }
+ .leading-snug {
+ --tw-leading: var(--leading-snug);
+ line-height: var(--leading-snug);
+ }
+ .leading-tight {
+ --tw-leading: var(--leading-tight);
+ line-height: var(--leading-tight);
+ }
+ .font-bold {
+ --tw-font-weight: var(--font-weight-bold);
+ font-weight: var(--font-weight-bold);
+ }
+ .font-medium {
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ }
+ .font-normal {
+ --tw-font-weight: var(--font-weight-normal);
+ font-weight: var(--font-weight-normal);
+ }
+ .font-semibold {
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ }
+ .tracking-normal {
+ --tw-tracking: var(--tracking-normal);
+ letter-spacing: var(--tracking-normal);
+ }
+ .tracking-tight {
+ --tw-tracking: var(--tracking-tight);
+ letter-spacing: var(--tracking-tight);
+ }
+ .tracking-widest {
+ --tw-tracking: var(--tracking-widest);
+ letter-spacing: var(--tracking-widest);
+ }
+ .text-balance {
+ text-wrap: balance;
+ }
+ .text-wrap {
+ text-wrap: wrap;
+ }
+ .break-words {
+ overflow-wrap: break-word;
+ }
+ .whitespace-pre-wrap {
+ white-space: pre-wrap;
+ }
+ .text-amber-800 {
+ color: var(--color-amber-800);
+ }
+ .text-amber-900 {
+ color: var(--color-amber-900);
+ }
+ .text-blue-500 {
+ color: var(--color-blue-500);
+ }
+ .text-destructive {
+ color: var(--color-destructive);
+ }
+ .text-foreground {
+ color: var(--color-foreground);
+ }
+ .text-green-500 {
+ color: var(--color-green-500);
+ }
+ .text-green-700 {
+ color: var(--color-green-700);
+ }
+ .text-muted-foreground {
+ color: var(--color-muted-foreground);
+ }
+ .text-neutral-800 {
+ color: var(--color-neutral-800);
+ }
+ .text-primary {
+ color: var(--color-primary);
+ }
+ .text-primary-foreground {
+ color: var(--color-primary-foreground);
+ }
+ .text-purple-500 {
+ color: var(--color-purple-500);
+ }
+ .text-red-500 {
+ color: var(--color-red-500);
+ }
+ .text-sidebar-primary-foreground {
+ color: var(--color-sidebar-primary-foreground);
+ }
+ .text-white {
+ color: var(--color-white);
+ }
+ .text-yellow-500 {
+ color: var(--color-yellow-500);
+ }
+ .normal-case {
+ text-transform: none;
+ }
+ .uppercase {
+ text-transform: uppercase;
+ }
+ .tabular-nums {
+ --tw-numeric-spacing: tabular-nums;
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+ }
+ .underline {
+ text-decoration-line: underline;
+ }
+ .underline-offset-4 {
+ text-underline-offset: 4px;
+ }
+ .opacity-0 {
+ opacity: 0%;
+ }
+ .opacity-50 {
+ opacity: 50%;
+ }
+ .opacity-60 {
+ opacity: 60%;
+ }
+ .opacity-100 {
+ opacity: 100%;
+ }
+ .shadow {
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .shadow-xl {
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .shadow-xs {
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .shadow\/ring {
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .ring-offset-background {
+ --tw-ring-offset-color: var(--color-background);
+ }
+ .outline {
+ outline-style: var(--tw-outline-style);
+ outline-width: 1px;
+ }
+ .filter {
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+ }
+ .backdrop-filter {
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+ }
+ .transition {
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ .transition-all {
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ .transition-colors {
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ .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));
+ }
+ .duration-100 {
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ }
+ .duration-200 {
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ }
+ .duration-400 {
+ --tw-duration: 400ms;
+ transition-duration: 400ms;
+ }
+ .ease-in-out {
+ --tw-ease: var(--ease-in-out);
+ transition-timing-function: var(--ease-in-out);
+ }
+ .outline-none {
+ --tw-outline-style: none;
+ outline-style: none;
+ }
+ .\[--radius\:0\.95rem\] {
+ --radius: 0.95rem;
+ }
+ .\[--radius\:1rem\] {
+ --radius: 1rem;
+ }
+ .\[--radius\:9999px\] {
+ --radius: 9999px;
+ }
+ .group-open\:rotate-180 {
+ &:is(:where(.group):is([open], :popover-open, :open) *) {
+ rotate: 180deg;
+ }
+ }
+ .group-aria-checked\:visible {
+ &:is(:where(.group)[aria-checked="true"] *) {
+ visibility: visible;
+ }
+ }
+ .group-\[\.copied\]\:block {
+ &:is(:where(.group):is(.copied) *) {
+ display: block;
+ }
+ }
+ .group-\[\.copied\]\:hidden {
+ &:is(:where(.group):is(.copied) *) {
+ display: none;
+ }
+ }
+ .peer-checked\:border-primary {
+ &:is(:where(.peer):checked ~ *) {
+ border-color: var(--color-primary);
+ }
+ }
+ .last\:border-b-0 {
+ &:last-child {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 0px;
+ }
+ }
+ .checked\:border-blue-600 {
+ &:checked {
+ border-color: var(--color-blue-600);
+ }
+ }
+ .checked\:border-green-600 {
+ &:checked {
+ border-color: var(--color-green-600);
+ }
+ }
+ .checked\:bg-blue-500 {
+ &:checked {
+ background-color: var(--color-blue-500);
+ }
+ }
+ .checked\:bg-blue-600 {
+ &:checked {
+ background-color: var(--color-blue-600);
+ }
+ }
+ .checked\:bg-green-600 {
+ &:checked {
+ background-color: var(--color-green-600);
+ }
+ }
+ .checked\:before\:bg-background {
+ &:checked {
+ &::before {
+ content: var(--tw-content);
+ background-color: var(--color-background);
+ }
+ }
+ }
+ .checked\:after\:bg-white {
+ &:checked {
+ &::after {
+ content: var(--tw-content);
+ background-color: var(--color-white);
+ }
+ }
+ }
+ .hover\:space-x-1 {
+ &:hover {
+ @media (hover: hover) {
+ :where(& > :not(:last-child)) {
+ --tw-space-x-reverse: 0;
+ margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
+ margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
+ }
+ }
+ }
+ }
+ .hover\:bg-accent\/50 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-accent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
+ }
+ }
+ }
+ }
+ .hover\:bg-destructive\/10 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
+ }
+ }
+ }
+ }
+ .hover\:bg-muted {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ }
+ }
+ }
+ .hover\:text-foreground {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ }
+ .hover\:underline {
+ &:hover {
+ @media (hover: hover) {
+ text-decoration-line: underline;
+ }
+ }
+ }
+ .focus\:bg-destructive\/10 {
+ &:focus {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
+ }
+ }
+ }
+ .focus\:text-destructive {
+ &:focus {
+ color: var(--color-destructive);
+ }
+ }
+ .focus-visible\:border-ring {
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ }
+ .focus-visible\:ring-2 {
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ .focus-visible\:ring-\[3px\] {
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ .focus-visible\:ring-ring {
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ }
+ }
+ .focus-visible\:ring-ring\/50 {
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
+ }
+ }
+ }
+ .focus-visible\:ring-offset-2 {
+ &:focus-visible {
+ --tw-ring-offset-width: 2px;
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ }
+ }
+ .focus-visible\:outline-none {
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ }
+ }
+ .has-\[\:checked\]\:border-primary {
+ &:has(*:is(:checked)) {
+ border-color: var(--color-primary);
+ }
+ }
+ .has-\[\:checked\]\:bg-primary\/5 {
+ &:has(*:is(:checked)) {
+ background-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
+ }
+ }
+ }
+ .has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-600 {
+ &:has(*:is(input[type='checkbox']:checked)) {
+ border-color: var(--color-blue-600);
+ }
+ }
+ .has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-50 {
+ &:has(*:is(input[type='checkbox']:checked)) {
+ background-color: var(--color-blue-50);
+ }
+ }
+ .has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-600 {
+ &:has(*:is(input[type='radio']:checked)) {
+ border-color: var(--color-green-600);
+ }
+ }
+ .has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-50 {
+ &:has(*:is(input[type='radio']:checked)) {
+ background-color: var(--color-green-50);
+ }
+ }
+ .max-sm\:size-7 {
+ @media (width < 40rem) {
+ width: calc(var(--spacing) * 7);
+ height: calc(var(--spacing) * 7);
+ }
+ }
+ .max-sm\:flex-col {
+ @media (width < 40rem) {
+ flex-direction: column;
+ }
+ }
+ .sm\:block {
+ @media (width >= 40rem) {
+ display: block;
+ }
+ }
+ .sm\:flex {
+ @media (width >= 40rem) {
+ display: flex;
+ }
+ }
+ .sm\:max-w-\[425px\] {
+ @media (width >= 40rem) {
+ max-width: 425px;
+ }
+ }
+ .sm\:gap-2\.5 {
+ @media (width >= 40rem) {
+ gap: calc(var(--spacing) * 2.5);
+ }
+ }
+ .sm\:text-3xl {
+ @media (width >= 40rem) {
+ font-size: var(--text-3xl);
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
+ }
+ }
+ .sm\:text-base {
+ @media (width >= 40rem) {
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ }
+ }
+ .sm\:text-lg {
+ @media (width >= 40rem) {
+ font-size: var(--text-lg);
+ line-height: var(--tw-leading, var(--text-lg--line-height));
+ }
+ }
+ .md\:col-span-2 {
+ @media (width >= 48rem) {
+ grid-column: span 2 / span 2;
+ }
+ }
+ .md\:flex {
+ @media (width >= 48rem) {
+ display: flex;
+ }
+ }
+ .md\:w-\[239px\] {
+ @media (width >= 48rem) {
+ width: 239px;
+ }
+ }
+ .md\:w-auto {
+ @media (width >= 48rem) {
+ width: auto;
+ }
+ }
+ .md\:max-w-\[200px\] {
+ @media (width >= 48rem) {
+ max-width: 200px;
+ }
+ }
+ .md\:min-w-80 {
+ @media (width >= 48rem) {
+ min-width: calc(var(--spacing) * 80);
+ }
+ }
+ .md\:flex-auto {
+ @media (width >= 48rem) {
+ flex: auto;
+ }
+ }
+ .md\:grid-cols-2 {
+ @media (width >= 48rem) {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+ }
+ .md\:flex-row {
+ @media (width >= 48rem) {
+ flex-direction: row;
+ }
+ }
+ .md\:items-center {
+ @media (width >= 48rem) {
+ align-items: center;
+ }
+ }
+ .md\:items-start {
+ @media (width >= 48rem) {
+ align-items: flex-start;
+ }
+ }
+ .md\:p-6 {
+ @media (width >= 48rem) {
+ padding: calc(var(--spacing) * 6);
+ }
+ }
+ .md\:p-12 {
+ @media (width >= 48rem) {
+ padding: calc(var(--spacing) * 12);
+ }
+ }
+ .md\:text-4xl {
+ @media (width >= 48rem) {
+ font-size: var(--text-4xl);
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
+ }
+ }
+ .lg\:grid-cols-2 {
+ @media (width >= 64rem) {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+ }
+ .xl\:block {
+ @media (width >= 80rem) {
+ display: block;
+ }
+ }
+ .xl\:p-12 {
+ @media (width >= 80rem) {
+ padding: calc(var(--spacing) * 12);
+ }
+ }
+ .xl\:text-4xl {
+ @media (width >= 80rem) {
+ font-size: var(--text-4xl);
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
+ }
+ }
+ .\@md\:w-auto {
+ @container (width >= 28rem) {
+ width: auto;
+ }
+ }
+ .\@md\:min-w-sm {
+ @container (width >= 28rem) {
+ min-width: var(--container-sm);
+ }
+ }
+ .rtl\:rotate-180 {
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+ rotate: 180deg;
+ }
+ }
+ .dark\:block {
+ &:is(.dark *) {
+ display: block;
+ }
+ }
+ .dark\:hidden {
+ &:is(.dark *) {
+ display: none;
+ }
+ }
+ .dark\:border-amber-950 {
+ &:is(.dark *) {
+ border-color: var(--color-amber-950);
+ }
+ }
+ .dark\:bg-amber-950 {
+ &:is(.dark *) {
+ background-color: var(--color-amber-950);
+ }
+ }
+ .dark\:bg-blue-600 {
+ &:is(.dark *) {
+ background-color: var(--color-blue-600);
+ }
+ }
+ .dark\:bg-green-950 {
+ &:is(.dark *) {
+ background-color: var(--color-green-950);
+ }
+ }
+ .dark\:bg-input\/30 {
+ &:is(.dark *) {
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
+ }
+ }
+ }
+ .dark\:text-amber-100 {
+ &:is(.dark *) {
+ color: var(--color-amber-100);
+ }
+ }
+ .dark\:text-amber-200 {
+ &:is(.dark *) {
+ color: var(--color-amber-200);
+ }
+ }
+ .dark\:text-amber-300 {
+ &:is(.dark *) {
+ color: var(--color-amber-300);
+ }
+ }
+ .dark\:text-green-300 {
+ &:is(.dark *) {
+ color: var(--color-green-300);
+ }
+ }
+ .dark\:text-neutral-300 {
+ &:is(.dark *) {
+ color: var(--color-neutral-300);
+ }
+ }
+ .dark\:checked\:border-blue-700 {
+ &:is(.dark *) {
+ &:checked {
+ border-color: var(--color-blue-700);
+ }
+ }
+ }
+ .dark\:checked\:bg-blue-600 {
+ &:is(.dark *) {
+ &:checked {
+ background-color: var(--color-blue-600);
+ }
+ }
+ }
+ .dark\:checked\:bg-blue-700 {
+ &:is(.dark *) {
+ &:checked {
+ background-color: var(--color-blue-700);
+ }
+ }
+ }
+ .dark\:checked\:bg-input\/30 {
+ &:is(.dark *) {
+ &:checked {
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
+ }
+ }
+ }
+ }
+ .dark\:checked\:before\:bg-primary {
+ &:is(.dark *) {
+ &:checked {
+ &::before {
+ content: var(--tw-content);
+ background-color: var(--color-primary);
+ }
+ }
+ }
+ }
+ .dark\:hover\:bg-destructive\/20 {
+ &:is(.dark *) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .dark\:focus\:bg-destructive\/20 {
+ &:is(.dark *) {
+ &:focus {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ }
+ }
+ .dark\:has-\[\:checked\]\:bg-primary\/10 {
+ &:is(.dark *) {
+ &:has(*:is(:checked)) {
+ background-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+ }
+ }
+ }
+ }
+ .dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-900 {
+ &:is(.dark *) {
+ &:has(*:is(input[type='checkbox']:checked)) {
+ border-color: var(--color-blue-900);
+ }
+ }
+ }
+ .dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-950 {
+ &:is(.dark *) {
+ &:has(*:is(input[type='checkbox']:checked)) {
+ background-color: var(--color-blue-950);
+ }
+ }
+ }
+ .dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-900 {
+ &:is(.dark *) {
+ &:has(*:is(input[type='radio']:checked)) {
+ border-color: var(--color-green-900);
+ }
+ }
+ }
+ .dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-950 {
+ &:is(.dark *) {
+ &:has(*:is(input[type='radio']:checked)) {
+ background-color: var(--color-green-950);
+ }
+ }
+ }
+ .\[\&_\[data-name\]\]\:hidden {
+ & [data-name] {
+ display: none;
+ }
+ }
+ .\[\&_a\]\:inline-block {
+ & a {
+ display: inline-block;
+ }
+ }
+ .\[\&_a\]\:text-muted-foreground {
+ & a {
+ color: var(--color-muted-foreground);
+ }
+ }
+ .\[\&_a\]\:no-underline {
+ & a {
+ text-decoration-line: none;
+ }
+ }
+ .\[\&_a\]\:transition-colors {
+ & a {
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ }
+ .\[\&_a\]\:hover\:text-foreground {
+ & a {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ }
+ }
+ .\[\&_img\]\:size-8 {
+ & img {
+ width: calc(var(--spacing) * 8);
+ height: calc(var(--spacing) * 8);
+ }
+ }
+ .\[\&_img\]\:size-12 {
+ & img {
+ width: calc(var(--spacing) * 12);
+ height: calc(var(--spacing) * 12);
+ }
+ }
+ .\[\&_img\]\:shrink-0 {
+ & img {
+ flex-shrink: 0;
+ }
+ }
+ .\[\&_img\]\:rounded-full {
+ & img {
+ border-radius: calc(infinity * 1px);
+ }
+ }
+ .\[\&_img\]\:object-cover {
+ & img {
+ object-fit: cover;
+ }
+ }
+ .\[\&_img\]\:ring-2 {
+ & img {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ .\[\&_img\]\:ring-background {
+ & img {
+ --tw-ring-color: var(--color-background);
+ }
+ }
+ .\[\&_img\]\:ring-card {
+ & img {
+ --tw-ring-color: var(--color-card);
+ }
+ }
+ .\[\&_img\]\:grayscale {
+ & img {
+ --tw-grayscale: grayscale(100%);
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+ }
+ }
+ .\[\&_img\]\:transition-all {
+ & img {
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ }
+ .\[\&_img\]\:duration-300 {
+ & img {
+ --tw-duration: 300ms;
+ transition-duration: 300ms;
+ }
+ }
+ .\[\&_img\]\:ease-in-out {
+ & img {
+ --tw-ease: var(--ease-in-out);
+ transition-timing-function: var(--ease-in-out);
+ }
+ }
+ .\[\&_li\]\:mt-0 {
+ & li {
+ margin-top: calc(var(--spacing) * 0);
+ }
+ }
+ .\[\&_li\]\:pt-2 {
+ & li {
+ padding-top: calc(var(--spacing) * 2);
+ }
+ }
+ .\[\&_svg\]\:pointer-events-none {
+ & svg {
+ pointer-events: none;
+ }
+ }
+ .\[\&_svg\]\:size-4 {
+ & svg {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .\[\&_svg\]\:shrink-0 {
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ .\[\&_svg\]\:\!text-destructive {
+ & svg {
+ color: var(--color-destructive) !important;
+ }
+ }
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 6);
+ height: calc(var(--spacing) * 6);
+ }
+ }
+ .\[\&_ul\]\:m-0 {
+ & ul {
+ margin: calc(var(--spacing) * 0);
+ }
+ }
+ .\[\&_ul\]\:list-none {
+ & ul {
+ list-style-type: none;
+ }
+ }
+ .\[\&_ul_ul\]\:pl-4 {
+ & ul ul {
+ padding-left: calc(var(--spacing) * 4);
+ }
+ }
+ .md\:\*\:\[\.card\]\:basis-1\/4 {
+ @media (width >= 48rem) {
+ :is(& > *) {
+ &:is(.card) {
+ flex-basis: calc(1/4 * 100%);
+ }
+ }
+ }
+ }
+ .\[a\]\:transition-colors {
+ &:is(a) {
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ }
+ .\[a\]\:hover\:bg-accent\/50 {
+ &:is(a) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-accent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .\[\&\>a\]\:underline {
+ &>a {
+ text-decoration-line: underline;
+ }
+ }
+ .\[\&\>a\]\:underline-offset-4 {
+ &>a {
+ text-underline-offset: 4px;
+ }
+ }
+ .\[\&\>a\:hover\]\:text-primary {
+ &>a:hover {
+ color: var(--color-primary);
+ }
+ }
+ .\[\&\>svg\]\:mb-3 {
+ &>svg {
+ margin-bottom: calc(var(--spacing) * 3);
+ }
+ }
+ .\[\&\>svg\]\:size-4 {
+ &>svg {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .\[\&\>svg\]\:size-6 {
+ &>svg {
+ width: calc(var(--spacing) * 6);
+ height: calc(var(--spacing) * 6);
+ }
+ }
+}
+:root {
+ --radius: 0.625rem;
+ --background: oklch(1 0 0);
+ --foreground: oklch(0.145 0 0);
+ --card: oklch(1 0 0);
+ --card-foreground: oklch(0.145 0 0);
+ --popover: oklch(1 0 0);
+ --popover-foreground: oklch(0.145 0 0);
+ --primary: oklch(0.205 0 0);
+ --primary-foreground: oklch(0.985 0 0);
+ --secondary: oklch(0.97 0 0);
+ --secondary-foreground: oklch(0.205 0 0);
+ --muted: oklch(0.97 0 0);
+ --muted-foreground: oklch(0.556 0 0);
+ --accent: oklch(0.97 0 0);
+ --accent-foreground: oklch(0.205 0 0);
+ --destructive: oklch(0.577 0.245 27.325);
+ --border: oklch(0.922 0 0);
+ --input: oklch(0.922 0 0);
+ --ring: oklch(0.708 0 0);
+ --chart-1: oklch(0.646 0.222 41.116);
+ --chart-2: oklch(0.6 0.118 184.704);
+ --chart-3: oklch(0.398 0.07 227.392);
+ --chart-4: oklch(0.828 0.189 84.429);
+ --chart-5: oklch(0.769 0.188 70.08);
+ --sidebar: oklch(0.985 0 0);
+ --sidebar-foreground: oklch(0.145 0 0);
+ --sidebar-primary: oklch(0.205 0 0);
+ --sidebar-primary-foreground: oklch(0.985 0 0);
+ --sidebar-accent: oklch(0.97 0 0);
+ --sidebar-accent-foreground: oklch(0.205 0 0);
+ --sidebar-border: oklch(0.922 0 0);
+ --sidebar-ring: oklch(0.708 0 0);
+ --sidebar-width: 16rem;
+ --sidebar-mobile-width: 18rem;
+ --scrollbar-track: transparent;
+ --scrollbar-thumb: rgba(0, 0, 0, 0.3);
+ --scrollbar-width: 6px;
+ --scrollbar-radius: 6px;
+ --chevron-down-icon: url('data:image/svg+xml;utf8,');
+ --chevron-down-icon-50: url('data:image/svg+xml;utf8,');
+ --check-icon: url('data:image/svg+xml;utf8,');
+}
+.dark {
+ --background: oklch(0.145 0 0);
+ --foreground: oklch(0.985 0 0);
+ --card: oklch(0.205 0 0);
+ --card-foreground: oklch(0.985 0 0);
+ --popover: oklch(0.269 0 0);
+ --popover-foreground: oklch(0.985 0 0);
+ --primary: oklch(0.922 0 0);
+ --primary-foreground: oklch(0.205 0 0);
+ --secondary: oklch(0.269 0 0);
+ --secondary-foreground: oklch(0.985 0 0);
+ --muted: oklch(0.269 0 0);
+ --muted-foreground: oklch(0.708 0 0);
+ --accent: oklch(0.371 0 0);
+ --accent-foreground: oklch(0.985 0 0);
+ --destructive: oklch(0.704 0.191 22.216);
+ --border: oklch(1 0 0 / 10%);
+ --input: oklch(1 0 0 / 15%);
+ --ring: oklch(0.556 0 0);
+ --chart-1: oklch(0.488 0.243 264.376);
+ --chart-2: oklch(0.696 0.17 162.48);
+ --chart-3: oklch(0.769 0.188 70.08);
+ --chart-4: oklch(0.627 0.265 303.9);
+ --chart-5: oklch(0.645 0.246 16.439);
+ --sidebar: oklch(0.205 0 0);
+ --sidebar-foreground: oklch(0.985 0 0);
+ --sidebar-primary: oklch(0.488 0.243 264.376);
+ --sidebar-primary-foreground: oklch(0.985 0 0);
+ --sidebar-accent: oklch(0.269 0 0);
+ --sidebar-accent-foreground: oklch(0.985 0 0);
+ --sidebar-border: oklch(1 0 0 / 10%);
+ --sidebar-ring: oklch(0.439 0 0);
+ --scrollbar-thumb: rgba(255, 255, 255, 0.3);
+ --chevron-down-icon: url('data:image/svg+xml;utf8,');
+ --chevron-down-icon-50: url('data:image/svg+xml;utf8,');
+ --check-icon: url('data:image/svg+xml;utf8,');
+ color-scheme: dark;
+}
+@layer base {
+ * {
+ border-color: var(--color-border);
+ outline-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ outline-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
+ }
+ }
+ html {
+ scroll-behavior: smooth;
+ }
+ body {
+ overscroll-behavior: none;
+ background-color: var(--color-background);
+ color: var(--color-foreground);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ .scrollbar {
+ scrollbar-width: thin;
+ scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
+ &::-webkit-scrollbar {
+ width: var(--scrollbar-width);
+ }
+ &::-webkit-scrollbar-track {
+ background: var(--scrollbar-track);
+ }
+ &::-webkit-scrollbar-thumb {
+ background: var(--scrollbar-thumb);
+ border-radius: var(--scrollbar-radius);
+ }
+ }
+}
+@layer components {
+ .alert, .alert-destructive {
+ position: relative;
+ width: 100%;
+ }
+ .alert > :is(h2, h3, h4, h5, h6, strong, [data-title]), .alert-destructive > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
+ min-height: calc(var(--spacing) * 4);
+ }
+ .alert > section, .alert-destructive > section {
+ display: grid;
+ justify-items: start;
+ gap: calc(var(--spacing) * 1);
+ ul {
+ list-style-position: inside;
+ list-style-type: disc;
+ }
+ }
+}
+@layer components {
+ .badge, .badge-primary, .badge-secondary, .badge-destructive, .badge-outline, .badge-ghost, .badge-link {
+ display: inline-flex;
+ width: fit-content;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ white-space: nowrap;
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ &>svg {
+ pointer-events: none;
+ }
+ }
+}
+@layer components {
+ .btn, .btn-primary, .btn-secondary, .btn-outline, .btn-ghost, .btn-link, .btn-destructive, .btn-xs, .btn-xs-primary, .btn-xs-secondary, .btn-xs-outline, .btn-xs-ghost, .btn-xs-link, .btn-xs-destructive, .btn-sm, .btn-sm-primary, .btn-sm-secondary, .btn-sm-outline, .btn-sm-ghost, .btn-sm-link, .btn-sm-destructive, .btn-lg, .btn-lg-primary, .btn-lg-secondary, .btn-lg-outline, .btn-lg-ghost, .btn-lg-link, .btn-lg-destructive, .btn-icon, .btn-icon-primary, .btn-icon-secondary, .btn-icon-outline, .btn-icon-ghost, .btn-icon-link, .btn-icon-destructive, .btn-xs-icon, .btn-xs-icon-primary, .btn-xs-icon-secondary, .btn-xs-icon-outline, .btn-xs-icon-ghost, .btn-xs-icon-link, .btn-xs-icon-destructive, .btn-sm-icon, .btn-sm-icon-primary, .btn-sm-icon-secondary, .btn-sm-icon-outline, .btn-sm-icon-ghost, .btn-sm-icon-link, .btn-sm-icon-destructive, .btn-lg-icon, .btn-lg-icon-primary, .btn-lg-icon-secondary, .btn-lg-icon-outline, .btn-lg-icon-ghost, .btn-lg-icon-link, .btn-lg-icon-destructive {
+ display: inline-flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ white-space: nowrap;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-outline-style: none;
+ outline-style: none;
+ -webkit-user-select: none;
+ user-select: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+}
+@layer components {
+ .button-group {
+ isolation: isolate;
+ display: inline-flex;
+ width: fit-content;
+ align-items: stretch;
+ > .input {
+ flex: 1;
+ }
+ > *:focus-visible, > :is(.dropdown-menu, .popover, .select) > button:focus-visible {
+ position: relative;
+ z-index: 10;
+ }
+ > :is(hr[role='separator'], .button-group-separator) {
+ position: relative;
+ margin-inline: calc(var(--spacing) * 0);
+ margin-block: 1px;
+ height: auto;
+ width: 1px;
+ flex-shrink: 0;
+ align-self: stretch;
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ &:not([data-orientation='vertical']) {
+ > *:not(:first-child), > :is(.dropdown-menu, .popover, .select):not(:first-child) > button {
+ border-start-start-radius: 0;
+ border-end-start-radius: 0;
+ border-inline-start-style: var(--tw-border-style);
+ border-inline-start-width: 0px;
+ }
+ > *:not(:last-child), > :is(.dropdown-menu, .popover, .select):not(:last-child) > button {
+ border-start-end-radius: 0;
+ border-end-end-radius: 0;
+ }
+ }
+ &[data-orientation='vertical'] {
+ flex-direction: column;
+ > :is(hr[role='separator'], .button-group-separator) {
+ margin-inline: 1px;
+ margin-block: calc(var(--spacing) * 0);
+ height: 1px;
+ width: auto;
+ }
+ > *:not(:first-child), > :is(.dropdown-menu, .popover, .select):not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-top-style: var(--tw-border-style);
+ border-top-width: 0px;
+ }
+ > *:not(:last-child), > :is(.dropdown-menu, .popover, .select):not(:last-child) > button {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ }
+ }
+ .button-group-text {
+ display: flex;
+ align-items: center;
+ & svg {
+ pointer-events: none;
+ }
+ }
+ .button-group-separator {
+ position: relative;
+ flex-shrink: 0;
+ align-self: stretch;
+ }
+}
+@layer components {
+ .card {
+ display: flex;
+ flex-direction: column;
+ > header {
+ container-type: inline-size;
+ container-name: card-header;
+ display: grid;
+ grid-auto-rows: min-content;
+ align-items: flex-start;
+ &:has(>[data-slot=card-action],>.card-action) {
+ grid-template-columns: 1fr auto;
+ }
+ &:has(>p) {
+ grid-template-rows: auto auto;
+ }
+ }
+ > header > :is(h2, h3, [data-title], .card-title) {
+ --tw-leading: 1;
+ line-height: 1;
+ }
+ > header > :is([data-slot='card-action'], .card-action) {
+ grid-column-start: 2;
+ grid-row: span 2 / span 2;
+ grid-row-start: 1;
+ align-self: flex-start;
+ justify-self: flex-end;
+ }
+ > footer {
+ display: flex;
+ align-items: center;
+ }
+ }
+}
+@layer components {
+ details {
+ &::details-content {
+ block-size: 0;
+ display: block;
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ transition-behavior: allow-discrete;
+ }
+ &[open]::details-content {
+ block-size: auto;
+ block-size: calc-size(auto, size);
+ opacity: 100%;
+ }
+ summary {
+ display: inline-flex;
+ cursor: pointer;
+ align-items: center;
+ }
+ }
+ details > summary::-webkit-details-marker {
+ display: none;
+ }
+}
+@layer components {
+ .command-dialog {
+ inset-block: calc(var(--spacing) * 0);
+ background-color: transparent;
+ padding: calc(var(--spacing) * 0);
+ color: inherit;
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ transition-behavior: allow-discrete;
+ max-width: none;
+ max-height: none;
+ &:is([open], :popover-open) {
+ opacity: 100%;
+ &::backdrop {
+ opacity: 100%;
+ }
+ > * {
+ --tw-scale-x: 100%;
+ --tw-scale-y: 100%;
+ --tw-scale-z: 100%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ }
+ @starting-style {
+ opacity: 0%;
+ &::backdrop {
+ opacity: 0%;
+ }
+ > * {
+ --tw-scale-x: 95%;
+ --tw-scale-y: 95%;
+ --tw-scale-z: 95%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ }
+ }
+ }
+ &::backdrop {
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ transition-behavior: allow-discrete;
+ }
+ > * {
+ position: fixed;
+ top: calc(1/3 * 100%);
+ left: calc(1/2 * 100%);
+ z-index: 50;
+ display: flex;
+ max-height: min(640px, calc(100% - 2rem));
+ width: 100%;
+ max-width: calc(100% - 2rem);
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ --tw-translate-y: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ --tw-scale-x: 95%;
+ --tw-scale-y: 95%;
+ --tw-scale-z: 95%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ flex-direction: column;
+ overflow: hidden;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ @media (width >= 40rem) {
+ max-width: var(--container-lg);
+ }
+ }
+ > * > :is(button, form[method='dialog']) {
+ position: absolute;
+ }
+ > * > :is(button, form[method='dialog'] > button) {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ opacity: 70%;
+ transition-property: opacity;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:hover {
+ @media (hover: hover) {
+ opacity: 100%;
+ }
+ }
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ &:disabled {
+ pointer-events: none;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ > * > :is(button, form[method='dialog'] > button) > svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .command {
+ display: flex;
+ width: 100%;
+ flex-direction: column;
+ overflow: hidden;
+ }
+ .command > header {
+ display: flex;
+ align-items: center;
+ }
+ .command > header svg {
+ flex-shrink: 0;
+ }
+ .command > header input {
+ width: 100%;
+ background-color: transparent;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ }
+ .command [role='menu'] {
+ overflow-x: hidden;
+ overflow-y: auto;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ .command [role='menuitem'] {
+ position: relative;
+ display: flex;
+ width: 100%;
+ cursor: default;
+ align-items: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ -webkit-user-select: none;
+ user-select: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &[aria-disabled="true"] {
+ pointer-events: none;
+ }
+ &[aria-disabled="true"] {
+ opacity: 50%;
+ }
+ &[aria-hidden="true"] {
+ display: none;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ .command [role='menuitem'].active {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ }
+ .command [role='group'] {
+ overflow: hidden;
+ }
+ .command [role='group']:not(:has([role='menuitem']:not([aria-hidden='true']))) {
+ display: none;
+ }
+ .command [role='heading'] {
+ display: flex;
+ }
+ .command [role='separator'] {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ .command [data-shortcut] {
+ margin-inline-start: auto;
+ }
+ .command [data-indicator] {
+ margin-inline-start: auto;
+ opacity: 0%;
+ }
+ .command [role='menuitem'][data-checked='true'] [data-indicator], .command [role='menuitem'][aria-selected='true'] [data-indicator] {
+ opacity: 100%;
+ }
+ .command [role='menuitem']:has([data-shortcut]) [data-indicator] {
+ display: none;
+ }
+ .command [role='menu']:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .command [role='menu'][data-empty]:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
+ --tw-content: attr(data-empty);
+ content: var(--tw-content);
+ }
+ .command [role='menu']:not([data-empty]):not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
+ --tw-content: 'No results found';
+ content: var(--tw-content);
+ }
+ .command:not([data-command-initialized]) [role='menuitem']:not([aria-disabled='true']):not(:disabled):hover {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ }
+ .command:has(> header input:not(:placeholder-shown)) [role='separator'] {
+ display: none;
+ }
+}
+@layer components {
+ .combobox {
+ position: relative;
+ display: inline-flex;
+ width: fit-content;
+ flex-direction: column;
+ }
+ .combobox > input[role='combobox'] {
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ }
+ .combobox > svg, .combobox-trigger-icon {
+ pointer-events: none;
+ position: absolute;
+ flex-shrink: 0;
+ }
+ .combobox [data-popover] {
+ isolation: isolate;
+ overflow: hidden;
+ min-width: max(100%, 9rem);
+ }
+ .combobox [role='listbox'] {
+ overflow-y: auto;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ .combobox [role='listbox'] [role='group']:not(:has([role='option']:not([aria-hidden='true']))) {
+ display: none;
+ }
+ .combobox [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .combobox [role='listbox'][data-empty]:not(:has([data-value]:not([aria-hidden='true'])))::before {
+ --tw-content: attr(data-empty);
+ content: var(--tw-content);
+ }
+ .combobox [role='listbox']:not([data-empty]):not(:has([data-value]:not([aria-hidden='true'])))::before {
+ --tw-content: 'No results found';
+ content: var(--tw-content);
+ }
+ .combobox [role='option'] {
+ position: relative;
+ display: flex;
+ width: 100%;
+ cursor: default;
+ align-items: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ -webkit-user-select: none;
+ user-select: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &[aria-disabled="true"] {
+ pointer-events: none;
+ }
+ &[aria-disabled="true"] {
+ opacity: 50%;
+ }
+ &[aria-hidden="true"] {
+ display: none;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ .combobox [role='option'][aria-selected='true'] {
+ background-image: var(--check-icon);
+ background-size: 0.875rem;
+ background-position: center right 0.5rem;
+ background-repeat: no-repeat;
+ }
+ .combobox [role='option'][aria-selected='true']:dir(rtl) {
+ background-position: center left 0.5rem;
+ }
+ .combobox [role='separator'] {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ .combobox [role='option'].active, .combobox [role='option']:focus-visible, .combobox:not([data-combobox-initialized]) [role='option']:not([aria-disabled='true']):not(:disabled):hover {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ }
+ .combobox-chips {
+ display: flex;
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ flex-wrap: wrap;
+ align-items: center;
+ }
+ .combobox-chips > input[role='combobox'] {
+ min-width: calc(var(--spacing) * 16);
+ flex: 1;
+ background-color: transparent;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ }
+ .combobox-chip {
+ display: inline-flex;
+ width: fit-content;
+ flex-shrink: 0;
+ align-items: center;
+ white-space: nowrap;
+ }
+ .combobox-chip-remove {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ }
+}
+@layer components {
+ .dialog {
+ background-color: transparent;
+ padding: calc(var(--spacing) * 0);
+ color: inherit;
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ transition-behavior: allow-discrete;
+ &::backdrop {
+ opacity: 0%;
+ }
+ &::backdrop {
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ &::backdrop {
+ transition-behavior: allow-discrete;
+ }
+ max-width: none;
+ max-height: none;
+ &:is([open], :popover-open) {
+ opacity: 100%;
+ &::backdrop {
+ opacity: 100%;
+ }
+ > * {
+ --tw-scale-x: 100%;
+ --tw-scale-y: 100%;
+ --tw-scale-z: 100%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ }
+ @starting-style {
+ opacity: 0%;
+ &::backdrop {
+ opacity: 0%;
+ }
+ > * {
+ --tw-scale-x: 95%;
+ --tw-scale-y: 95%;
+ --tw-scale-z: 95%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ }
+ }
+ }
+ > * {
+ position: fixed;
+ top: calc(1/2 * 100%);
+ left: calc(1/2 * 100%);
+ z-index: 50;
+ display: flex;
+ max-height: calc(100% - 2rem);
+ width: 100%;
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ --tw-scale-x: 95%;
+ --tw-scale-y: 95%;
+ --tw-scale-z: 95%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ flex-direction: column;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ > * > header {
+ display: flex;
+ flex-direction: column;
+ }
+ > * > section {
+ flex: 1;
+ }
+ > * > footer {
+ display: flex;
+ flex-direction: column-reverse;
+ @media (width >= 40rem) {
+ flex-direction: row;
+ }
+ @media (width >= 40rem) {
+ justify-content: flex-end;
+ }
+ }
+ > * > :is(button, form[method='dialog']) {
+ position: absolute;
+ }
+ > * > :is(button, form[method='dialog'] > button) {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ opacity: 70%;
+ transition-property: opacity;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:hover {
+ @media (hover: hover) {
+ opacity: 100%;
+ }
+ }
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ &:disabled {
+ pointer-events: none;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ > * > :is(button, form[method='dialog'] > button) > svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+}
+@layer components {
+ .dropdown-menu {
+ position: relative;
+ display: inline-flex;
+ }
+ .dropdown-menu > [data-popover] {
+ min-width: anchor-size(width);
+ }
+ .dropdown-menu [role='menu'] {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ .dropdown-menu :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio']) {
+ position: relative;
+ display: flex;
+ width: 100%;
+ cursor: default;
+ align-items: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ -webkit-user-select: none;
+ user-select: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &[aria-disabled="true"] {
+ pointer-events: none;
+ }
+ &[aria-disabled="true"] {
+ opacity: 50%;
+ }
+ &[aria-hidden="true"] {
+ display: none;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ .dropdown-menu [role='menu'] [role='heading'] {
+ display: flex;
+ }
+ .dropdown-menu [role='separator'] {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ .dropdown-menu [data-shortcut] {
+ margin-inline-start: auto;
+ }
+ .dropdown-menu [data-indicator] {
+ pointer-events: none;
+ visibility: hidden;
+ }
+ .dropdown-menu :is([role='menuitemcheckbox'], [role='menuitemradio'])[aria-checked='true'] [data-indicator] {
+ visibility: visible;
+ }
+ .dropdown-menu [data-rtl-flip] {
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+ rotate: 180deg;
+ }
+ }
+ .dropdown-menu:not([data-dropdown-menu-initialized]) :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio']) {
+ &:not([aria-disabled='true']):not(:disabled):hover {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ }
+ }
+}
+@layer components {
+ .empty {
+ display: flex;
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ flex: 1;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ text-wrap: balance;
+ }
+ .empty > header {
+ display: flex;
+ max-width: var(--container-sm);
+ flex-direction: column;
+ align-items: center;
+ }
+ .empty figure {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ .empty figure:has(img) {
+ overflow: hidden;
+ & img {
+ width: 100%;
+ height: 100%;
+ }
+ & img {
+ object-fit: cover;
+ }
+ }
+ .empty > :is(section, footer) {
+ display: flex;
+ width: 100%;
+ max-width: var(--container-sm);
+ min-width: calc(var(--spacing) * 0);
+ flex-direction: column;
+ align-items: center;
+ text-wrap: balance;
+ }
+ .empty p {
+ &>a {
+ text-decoration-line: underline;
+ }
+ &>a {
+ text-underline-offset: 4px;
+ }
+ &>a:hover {
+ color: var(--color-primary);
+ }
+ }
+}
+@layer components {
+ .fieldset {
+ display: flex;
+ flex-direction: column;
+ }
+ .fieldset > :is([role='group'], [role='radiogroup']):not(.field), .field > :is(fieldset, [role='group'], [role='radiogroup']):not(.field) {
+ container-type: inline-size;
+ container-name: field-group;
+ display: flex;
+ width: 100%;
+ flex-direction: column;
+ }
+ .field {
+ display: flex;
+ width: 100%;
+ flex-direction: column;
+ &[data-invalid="true"] {
+ color: var(--color-destructive);
+ }
+ &>* {
+ width: 100%;
+ }
+ &>.sr-only {
+ width: auto;
+ }
+ &[data-orientation='horizontal'] {
+ flex-direction: row;
+ align-items: center;
+ &:has(>section) {
+ align-items: flex-start;
+ }
+ & p {
+ text-wrap: balance;
+ }
+ &:has(>section) {
+ &>[type=checkbox],[type=radio] {
+ margin-top: 1px;
+ }
+ }
+ &>label {
+ flex: auto;
+ }
+ }
+ &[data-orientation='responsive'] {
+ flex-direction: column;
+ @container field-group (width >= 28rem) {
+ flex-direction: row;
+ }
+ @container field-group (width >= 28rem) {
+ align-items: center;
+ }
+ @container field-group (width >= 28rem) {
+ &:has(>section) {
+ align-items: flex-start;
+ }
+ }
+ @container field-group (width >= 28rem) {
+ &>* {
+ width: auto;
+ }
+ }
+ @container field-group (width >= 28rem) {
+ &:has(>section) {
+ &>[type=checkbox],[type=radio] {
+ margin-top: 1px;
+ }
+ }
+ }
+ @container field-group (width >= 28rem) {
+ &>label {
+ flex: auto;
+ }
+ }
+ }
+ section, .field-content {
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ --tw-leading: var(--leading-snug);
+ line-height: var(--leading-snug);
+ }
+ h2, h3, .field-title {
+ display: flex;
+ width: fit-content;
+ align-items: center;
+ }
+ [role='alert'], .field-error {
+ --tw-font-weight: var(--font-weight-normal);
+ font-weight: var(--font-weight-normal);
+ ul {
+ margin-inline-start: calc(var(--spacing) * 4);
+ display: flex;
+ list-style-type: disc;
+ flex-direction: column;
+ gap: calc(var(--spacing) * 1);
+ }
+ }
+ }
+ .field > label, label:has(> .field) {
+ width: fit-content;
+ }
+ .field > label:has(> .field), .field > label:has(input[type='radio']), .field > label:has(input[type='checkbox']), .field > label:has(input[role='switch']), label:has(> .field) {
+ width: 100%;
+ }
+ .field > label:has(> .field), label:has(> .field) {
+ flex-direction: column;
+ }
+ .field-description, .fieldset legend + p, .field > p, .field section > p {
+ --tw-leading: var(--leading-normal);
+ line-height: var(--leading-normal);
+ --tw-font-weight: var(--font-weight-normal);
+ font-weight: var(--font-weight-normal);
+ &>a {
+ text-decoration-line: underline;
+ }
+ &>a {
+ text-underline-offset: 4px;
+ }
+ &>a:hover {
+ color: var(--color-primary);
+ }
+ }
+ .field > p, .field section > p, .field-description {
+ &:last-child {
+ margin-top: calc(var(--spacing) * 0);
+ }
+ &:nth-last-child(2) {
+ margin-top: calc(var(--spacing) * -1);
+ }
+ }
+ .field-separator {
+ position: relative;
+ }
+ .field-separator > hr[role='separator'] {
+ position: absolute;
+ inset-inline: calc(var(--spacing) * 0);
+ top: calc(1/2 * 100%);
+ }
+ .field-separator > span {
+ position: relative;
+ margin-inline: auto;
+ display: block;
+ width: fit-content;
+ background-color: var(--color-background);
+ }
+}
+@layer components {
+ .field > input[type='checkbox']:not([role='switch']), .input[type='checkbox']:not([role='switch']) {
+ position: relative;
+ flex-shrink: 0;
+ appearance: none;
+ --tw-outline-style: none;
+ outline-style: none;
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &:checked:after {
+ display: block;
+ background-color: currentcolor;
+ --tw-content: '';
+ content: var(--tw-content);
+ mask-image: var(--check-icon);
+ mask-size: 0.875rem;
+ mask-position: center;
+ mask-repeat: no-repeat;
+ }
+ }
+}
+@layer components {
+ .field > input[type='text']:not(:is(.command > header input, .dialog > * > header input)), .field > input[type='email'], .field > input[type='password'], .field > input[type='number'], .field > input[type='file'], .field > input[type='tel'], .field > input[type='url'], .field > input[type='search']:not(:is(.command > header input, .dialog > * > header input)), .field > input[type='date'], .field > input[type='datetime-local'], .field > input[type='month'], .field > input[type='week'], .field > input[type='time'], .input[type='text'], .input[type='email'], .input[type='password'], .input[type='number'], .input[type='file'], .input[type='tel'], .input[type='url'], .input[type='search'], .input[type='date'], .input[type='datetime-local'], .input[type='month'], .input[type='week'], .input[type='time'], .input:not([type]) {
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ --tw-outline-style: none;
+ outline-style: none;
+ &::file-selector-button {
+ display: inline-flex;
+ }
+ &::file-selector-button {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ &::file-selector-button {
+ background-color: transparent;
+ }
+ &::file-selector-button {
+ color: var(--color-foreground);
+ }
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ }
+}
+@layer components {
+ .input-group {
+ position: relative;
+ isolation: isolate;
+ display: flex;
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ align-items: center;
+ overflow: hidden;
+ --tw-outline-style: none;
+ outline-style: none;
+ &[data-orientation='vertical'] {
+ height: auto;
+ flex-direction: column;
+ align-items: stretch;
+ }
+ }
+ .input-group > :is(input, textarea, select, [data-control]) {
+ display: block;
+ min-width: calc(var(--spacing) * 0);
+ flex: 1;
+ appearance: none;
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ background-color: transparent;
+ color: var(--color-foreground);
+ --tw-shadow: 0 0 #0000;
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-outline-style: none;
+ outline-style: none;
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:disabled {
+ background-color: transparent;
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ .input-group > :is(input, select, [data-control]) {
+ height: 100%;
+ }
+ .input-group > [data-control] {
+ width: 100%;
+ }
+ .input-group[data-orientation='vertical'] > :is(input, select, [data-control]) {
+ height: auto;
+ flex: none;
+ }
+ .input-group > textarea {
+ field-sizing: content;
+ min-height: calc(var(--spacing) * 20);
+ width: 100%;
+ resize: none;
+ }
+ .input-group > :is(span, kbd, svg, [role='group'], .popover, .dropdown-menu, button, footer, header, hr[role='separator']) {
+ flex-shrink: 0;
+ }
+ .input-group > :is(span, [role='group'], footer, header) {
+ display: inline-flex;
+ align-items: center;
+ }
+ .input-group > svg {
+ pointer-events: none;
+ }
+ .input-group > [data-align='start'] {
+ order: -9999;
+ }
+ .input-group > [data-align='end'] {
+ order: 9999;
+ }
+}
+@layer components {
+ .item-group {
+ display: flex;
+ width: 100%;
+ flex-direction: column;
+ }
+ .item-group > hr {
+ width: 100%;
+ flex-shrink: 0;
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ }
+ .item {
+ display: flex;
+ width: 100%;
+ flex-wrap: wrap;
+ align-items: center;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ --tw-outline-style: none;
+ outline-style: none;
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
+ }
+ }
+ }
+ a.item {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ }
+ }
+ }
+ .item > figure {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ & svg {
+ pointer-events: none;
+ }
+ }
+ .item > figure:has(img) {
+ overflow: hidden;
+ & img {
+ width: 100%;
+ height: 100%;
+ }
+ & img {
+ object-fit: cover;
+ }
+ }
+ .item > section {
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ }
+ .item > section + section {
+ flex: none;
+ }
+ .item > aside {
+ display: flex;
+ align-items: center;
+ }
+ .item > :is(header, footer) {
+ display: flex;
+ flex-basis: 100%;
+ align-items: center;
+ justify-content: space-between;
+ }
+ .item :is(h2, h3, h4) {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ display: flex;
+ width: fit-content;
+ align-items: center;
+ }
+ .item p {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ text-align: start;
+ --tw-font-weight: var(--font-weight-normal);
+ font-weight: var(--font-weight-normal);
+ color: var(--color-muted-foreground);
+ &>a {
+ text-decoration-line: underline;
+ }
+ &>a {
+ text-underline-offset: 4px;
+ }
+ &>a:hover {
+ color: var(--color-primary);
+ }
+ }
+}
+@layer components {
+ .kbd {
+ pointer-events: none;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ -webkit-user-select: none;
+ user-select: none;
+ }
+ .kbd-group {
+ display: inline-flex;
+ align-items: center;
+ }
+}
+@layer components {
+ .field > label, .label {
+ display: flex;
+ align-items: center;
+ -webkit-user-select: none;
+ user-select: none;
+ &:is(:where(.peer):disabled ~ *) {
+ pointer-events: none;
+ }
+ &:has(>*:disabled), &:has(+*:disabled) {
+ pointer-events: none;
+ }
+ }
+}
+@layer components {
+ .field > select, select.select {
+ min-width: calc(var(--spacing) * 0);
+ appearance: none;
+ --tw-outline-style: none;
+ outline-style: none;
+ -webkit-user-select: none;
+ user-select: none;
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ option, optgroup {
+ background-color: Canvas;
+ color: CanvasText;
+ }
+ }
+}
+@layer components {
+ [data-popover] {
+ visibility: visible;
+ position: absolute;
+ z-index: 50;
+ width: max-content;
+ min-width: 100%;
+ --tw-scale-x: 100%;
+ --tw-scale-y: 100%;
+ --tw-scale-z: 100%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ overflow-x: hidden;
+ overflow-y: auto;
+ opacity: 100%;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &[aria-hidden='true'] {
+ visibility: hidden;
+ --tw-scale-x: 95%;
+ --tw-scale-y: 95%;
+ --tw-scale-z: 95%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ opacity: 0%;
+ &:not([data-side]), &[data-side='bottom'] {
+ --tw-translate-y: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &[data-side='top'] {
+ --tw-translate-y: calc(var(--spacing) * 2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &[data-side='left'] {
+ --tw-translate-x: calc(var(--spacing) * 2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &[data-side='right'] {
+ --tw-translate-x: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ &:not([data-side]), &[data-side='bottom'] {
+ top: 100%;
+ margin-top: calc(var(--spacing) * 1);
+ }
+ &[data-side='top'] {
+ bottom: 100%;
+ margin-bottom: calc(var(--spacing) * 1);
+ }
+ &[data-side='left'] {
+ inset-inline-end: 100%;
+ margin-inline-end: calc(var(--spacing) * 1);
+ }
+ &[data-side='right'] {
+ inset-inline-start: 100%;
+ margin-inline-start: calc(var(--spacing) * 1);
+ }
+ &:not([data-side]), &[data-side='bottom'], &[data-side='top'] {
+ &:not([data-align]), &[data-align='start'] {
+ inset-inline-start: calc(var(--spacing) * 0);
+ }
+ &[data-align='end'] {
+ inset-inline-end: calc(var(--spacing) * 0);
+ }
+ &[data-align='center'] {
+ inset-inline-start: calc(1/2 * 100%);
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ &[data-side='left'], &[data-side='right'] {
+ &:not([data-align]), &[data-align='start'] {
+ top: calc(var(--spacing) * 0);
+ }
+ &[data-align='end'] {
+ bottom: calc(var(--spacing) * 0);
+ }
+ &[data-align='center'] {
+ top: calc(1/2 * 100%);
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ .popover {
+ position: relative;
+ display: inline-flex;
+ }
+}
+@layer components {
+ .field > input[type='radio'], .input[type='radio'] {
+ position: relative;
+ flex-shrink: 0;
+ appearance: none;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ --tw-outline-style: none;
+ outline-style: none;
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &:checked:before {
+ position: absolute;
+ top: calc(1/2 * 100%);
+ left: calc(1/2 * 100%);
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ border-radius: calc(infinity * 1px);
+ --tw-content: '';
+ content: var(--tw-content);
+ }
+ }
+}
+@layer components {
+ .field > input[type='range'], .input[type='range'] {
+ display: flex;
+ appearance: none;
+ align-items: center;
+ padding: calc(var(--spacing) * 0);
+ --tw-outline-style: none;
+ outline-style: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ --slider-value: 20%;
+ &::-webkit-slider-thumb {
+ display: block;
+ flex-shrink: 0;
+ appearance: none;
+ }
+ &::-webkit-slider-runnable-track {
+ width: 100%;
+ appearance: none;
+ background: linear-gradient(to right, var(--primary) var(--slider-value), var(--muted) var(--slider-value));
+ }
+ &:dir(rtl)::-webkit-slider-runnable-track {
+ background: linear-gradient(to left, var(--primary) var(--slider-value), var(--muted) var(--slider-value));
+ }
+ &::-moz-range-thumb {
+ display: block;
+ flex-shrink: 0;
+ appearance: none;
+ }
+ &::-moz-range-track {
+ width: 100%;
+ appearance: none;
+ background: linear-gradient(to right, var(--primary) var(--slider-value), var(--muted) var(--slider-value));
+ }
+ &:dir(rtl)::-moz-range-track {
+ background: linear-gradient(to left, var(--primary) var(--slider-value), var(--muted) var(--slider-value));
+ }
+ &::-ms-thumb {
+ display: block;
+ flex-shrink: 0;
+ appearance: none;
+ }
+ &::-ms-track {
+ width: 100%;
+ appearance: none;
+ }
+ &::-ms-fill-lower {
+ background-color: var(--color-primary);
+ }
+ &::-ms-fill-upper {
+ background-color: var(--color-muted);
+ }
+ }
+}
+@layer components {
+ *:not(select).select {
+ position: relative;
+ display: inline-flex;
+ }
+ *:not(select).select > button {
+ display: flex;
+ width: fit-content;
+ align-items: center;
+ justify-content: space-between;
+ --tw-font-weight: var(--font-weight-normal);
+ font-weight: var(--font-weight-normal);
+ white-space: nowrap;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ *:not(select).select > button > span {
+ display: flex;
+ flex: 1;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ text-align: start;
+ }
+ *:not(select).select > button > svg {
+ flex-shrink: 0;
+ }
+ *:not(select).select [data-popover] {
+ isolation: isolate;
+ overflow-x: hidden;
+ min-width: max(100%, 9rem);
+ }
+ *:not(select).select [role='listbox'] {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ *:not(select).select [role='listbox'] [role='group']:not(:has([role='option']:not([aria-hidden='true']))) {
+ display: none;
+ }
+ *:not(select).select [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ *:not(select).select [role='listbox'][data-empty]:not(:has([data-value]:not([aria-hidden='true'])))::before {
+ --tw-content: attr(data-empty);
+ content: var(--tw-content);
+ }
+ *:not(select).select [role='listbox']:not([data-empty]):not(:has([data-value]:not([aria-hidden='true'])))::before {
+ --tw-content: 'No results found';
+ content: var(--tw-content);
+ }
+ *:not(select).select [role='option'] {
+ position: relative;
+ display: flex;
+ width: 100%;
+ cursor: default;
+ align-items: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ -webkit-user-select: none;
+ user-select: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &[aria-disabled="true"] {
+ pointer-events: none;
+ }
+ &[aria-disabled="true"] {
+ opacity: 50%;
+ }
+ &[aria-hidden="true"] {
+ display: none;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ *:not(select).select [role='option'][aria-selected='true'] {
+ background-image: var(--check-icon);
+ background-size: 0.875rem;
+ background-position: center right 0.5rem;
+ background-repeat: no-repeat;
+ }
+ *:not(select).select [role='option'][aria-selected='true']:dir(rtl) {
+ background-position: center left 0.5rem;
+ }
+ *:not(select).select [role='separator'] {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ *:not(select).select:not([data-select-initialized]) [role='option']:not([aria-disabled='true']):not(:disabled):hover, *:not(select).select [role='option'].active {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ }
+}
+@layer components {
+ .sidebar {
+ &:not([data-sidebar-initialized]) {
+ @media (width < 48rem) {
+ display: none;
+ }
+ }
+ &:not([aria-hidden]), &[aria-hidden=false] {
+ @media (width < 48rem) {
+ position: fixed;
+ }
+ @media (width < 48rem) {
+ inset: calc(var(--spacing) * 0);
+ }
+ @media (width < 48rem) {
+ z-index: 40;
+ }
+ @media (width < 48rem) {
+ background-color: color-mix(in srgb, #000 50%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+ }
+ }
+ }
+ nav {
+ position: fixed;
+ inset-block: calc(var(--spacing) * 0);
+ z-index: 50;
+ display: flex;
+ width: var(--sidebar-mobile-width);
+ flex-direction: column;
+ 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));
+ --tw-duration: 300ms;
+ transition-duration: 300ms;
+ --tw-ease: var(--ease-in-out);
+ transition-timing-function: var(--ease-in-out);
+ @media (width >= 48rem) {
+ width: var(--sidebar-width);
+ }
+ }
+ & + * {
+ transition-property: margin;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 300ms;
+ transition-duration: 300ms;
+ --tw-ease: var(--ease-in-out);
+ transition-timing-function: var(--ease-in-out);
+ }
+ &:not([data-side]), &[data-side=left] {
+ nav {
+ left: calc(var(--spacing) * 0);
+ border-right-style: var(--tw-border-style);
+ border-right-width: 1px;
+ }
+ & + * {
+ position: relative;
+ @media (width >= 48rem) {
+ margin-left: var(--sidebar-width);
+ }
+ }
+ &[aria-hidden=true] {
+ nav {
+ --tw-translate-x: -100%;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ & + * {
+ @media (width >= 48rem) {
+ margin-left: calc(var(--spacing) * 0);
+ }
+ }
+ }
+ }
+ &[data-side=right] {
+ nav {
+ right: calc(var(--spacing) * 0);
+ border-left-style: var(--tw-border-style);
+ border-left-width: 1px;
+ }
+ & + * {
+ position: relative;
+ @media (width >= 48rem) {
+ margin-right: var(--sidebar-width);
+ }
+ }
+ &[aria-hidden=true] {
+ nav {
+ --tw-translate-x: 100%;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ & + * {
+ @media (width >= 48rem) {
+ margin-right: calc(var(--spacing) * 0);
+ }
+ }
+ }
+ }
+ nav {
+ > header, > footer {
+ display: flex;
+ flex-direction: column;
+ }
+ [role=separator] {
+ width: auto;
+ }
+ > section {
+ display: flex;
+ min-height: calc(var(--spacing) * 0);
+ flex: 1;
+ flex-direction: column;
+ overflow-y: auto;
+ > [role=group] {
+ position: relative;
+ display: flex;
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ flex-direction: column;
+ }
+ h3 {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ transition-property: margin,opacity;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ --tw-ease: linear;
+ transition-timing-function: linear;
+ &>svg {
+ flex-shrink: 0;
+ }
+ }
+ ul {
+ display: flex;
+ width: 100%;
+ min-width: calc(var(--spacing) * 0);
+ flex-direction: column;
+ li {
+ position: relative;
+ > a, > button, > details > summary {
+ display: flex;
+ width: 100%;
+ align-items: center;
+ overflow: hidden;
+ text-align: left;
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ transition-property: width,height,padding;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &[aria-disabled="true"] {
+ pointer-events: none;
+ }
+ &[aria-disabled="true"] {
+ opacity: 50%;
+ }
+ &>span:last-child {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ &>svg {
+ flex-shrink: 0;
+ }
+ }
+ > details {
+ &:not([open]) {
+ > summary {
+ &::after {
+ rotate: calc(90deg * -1);
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+ rotate: 90deg;
+ }
+ }
+ }
+ }
+ > summary {
+ &::after {
+ margin-inline-start: auto;
+ display: block;
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ background-color: currentcolor;
+ 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));
+ --tw-ease: linear;
+ transition-timing-function: linear;
+ --tw-content: '';
+ content: var(--tw-content);
+ mask-image: var(--chevron-down-icon);
+ mask-size: 1rem;
+ mask-position: center;
+ mask-repeat: no-repeat;
+ }
+ }
+ }
+ }
+ ul {
+ display: flex;
+ min-width: calc(var(--spacing) * 0);
+ flex-direction: column;
+ }
+ }
+ }
+ }
+ }
+}
+@layer components {
+ .skeleton {
+ animation: var(--animate-pulse);
+ }
+}
+@layer components {
+ .field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch'] {
+ display: inline-flex;
+ flex-shrink: 0;
+ appearance: none;
+ align-items: center;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-outline-style: none;
+ outline-style: none;
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &::before {
+ content: var(--tw-content);
+ pointer-events: none;
+ }
+ &::before {
+ content: var(--tw-content);
+ display: block;
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &::before {
+ content: var(--tw-content);
+ 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));
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-content: '';
+ content: var(--tw-content);
+ }
+ }
+}
+@layer components {
+ .table-container {
+ position: relative;
+ width: 100%;
+ overflow-x: auto;
+ }
+ .table {
+ width: 100%;
+ caption-side: bottom;
+ thead {
+ & tr {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ }
+ }
+ tbody {
+ & tr:last-child {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ }
+ tfoot {
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ &>tr {
+ &:last-child {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 0px;
+ }
+ }
+ }
+ tr {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &[data-state="selected"] {
+ background-color: var(--color-muted);
+ }
+ }
+ th {
+ vertical-align: middle;
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ white-space: nowrap;
+ &:has([role=checkbox]) {
+ padding-inline-end: calc(var(--spacing) * 0);
+ }
+ &>[role=checkbox] {
+ --tw-translate-y: 2px;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ td {
+ vertical-align: middle;
+ white-space: nowrap;
+ &:has([role=checkbox]) {
+ padding-inline-end: calc(var(--spacing) * 0);
+ }
+ &>[role=checkbox] {
+ --tw-translate-y: 2px;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+}
+@layer components {
+ .tabs {
+ display: flex;
+ &:has(> [role='tablist'][aria-orientation='horizontal']), &:not(:has(> [role='tablist'][aria-orientation='vertical'])) {
+ flex-direction: column;
+ }
+ &:has(> [role='tablist'][aria-orientation='vertical']) {
+ flex-direction: row;
+ }
+ > [role='tablist'] {
+ display: inline-flex;
+ width: fit-content;
+ align-items: center;
+ justify-content: center;
+ color: var(--color-muted-foreground);
+ &[aria-orientation='vertical'] {
+ height: fit-content;
+ flex-direction: column;
+ }
+ > [role='tab'] {
+ position: relative;
+ display: inline-flex;
+ flex: 1;
+ align-items: center;
+ justify-content: center;
+ white-space: nowrap;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-outline-style: none;
+ outline-style: none;
+ &:disabled {
+ pointer-events: none;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ &[aria-disabled="true"] {
+ pointer-events: none;
+ }
+ &[aria-disabled="true"] {
+ opacity: 50%;
+ }
+ & svg {
+ pointer-events: none;
+ }
+ & svg {
+ flex-shrink: 0;
+ }
+ }
+ }
+ > [role='tabpanel'] {
+ flex: 1;
+ --tw-outline-style: none;
+ outline-style: none;
+ }
+ }
+}
+@layer components {
+ .field > textarea, .textarea {
+ display: flex;
+ field-sizing: content;
+ min-height: calc(var(--spacing) * 16);
+ width: 100%;
+ --tw-outline-style: none;
+ outline-style: none;
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ &:disabled {
+ cursor: not-allowed;
+ }
+ &:disabled {
+ opacity: 50%;
+ }
+ }
+}
+@layer components {
+ .toaster {
+ pointer-events: none;
+ position: fixed;
+ bottom: calc(var(--spacing) * 0);
+ z-index: 50;
+ display: flex;
+ width: 100%;
+ flex-direction: column-reverse;
+ padding: calc(var(--spacing) * 4);
+ @media (width >= 40rem) {
+ max-width: calc(var(--spacing) * 90);
+ }
+ &:not([data-align]), &[data-align='end'] {
+ right: calc(var(--spacing) * 0);
+ }
+ &[data-align='start'] {
+ left: calc(var(--spacing) * 0);
+ }
+ &[data-align='center'] {
+ left: calc(1/2 * 100%);
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .toast {
+ pointer-events: auto;
+ margin-top: calc(var(--spacing) * 4);
+ display: grid;
+ width: 100%;
+ animation: toast-up 0.3s ease-in-out;
+ grid-template-rows: 1fr;
+ transition-property: grid-template-rows,opacity,margin;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 300ms;
+ transition-duration: 300ms;
+ --tw-ease: var(--ease-in-out);
+ transition-timing-function: var(--ease-in-out);
+ .toast-content {
+ display: flex;
+ align-items: center;
+ gap: calc(var(--spacing) * 2.5);
+ overflow: hidden;
+ padding: calc(var(--spacing) * 3);
+ font-size: 13px;
+ svg {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ flex-shrink: 0;
+ }
+ section {
+ h2 {
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ --tw-tracking: var(--tracking-tight);
+ letter-spacing: var(--tracking-tight);
+ }
+ p {
+ word-break: break-all;
+ color: var(--color-muted-foreground);
+ }
+ }
+ footer {
+ margin-inline-start: auto;
+ display: flex;
+ flex-direction: column;
+ gap: calc(var(--spacing) * 2);
+ [data-toast-action], [data-toast-cancel] {
+ height: calc(var(--spacing) * 6);
+ padding-inline: calc(var(--spacing) * 2.5);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ }
+ }
+ }
+ &[aria-hidden='true'] {
+ margin: calc(var(--spacing) * 0);
+ grid-template-rows: 0fr;
+ overflow: hidden;
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ padding: calc(var(--spacing) * 0);
+ opacity: 0%;
+ .toast-content {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ }
+ }
+ }
+}
+@keyframes toast-up {
+ from {
+ opacity: 0;
+ transform: translateY(100%);
+ }
+}
+@layer components {
+ [data-tooltip] {
+ position: relative;
+ &:before {
+ pointer-events: none;
+ visibility: hidden;
+ position: absolute;
+ z-index: 60;
+ width: fit-content;
+ max-width: var(--container-xs);
+ transform-origin: var(--transform-origin);
+ --tw-scale-x: 95%;
+ --tw-scale-y: 95%;
+ --tw-scale-z: 95%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-content: attr(data-tooltip);
+ content: var(--tw-content);
+ }
+ &:hover:before {
+ visibility: visible;
+ --tw-scale-x: 100%;
+ --tw-scale-y: 100%;
+ --tw-scale-z: 100%;
+ scale: var(--tw-scale-x) var(--tw-scale-y);
+ opacity: 100%;
+ }
+ &:focus-visible:not(:hover):before {
+ display: none;
+ }
+ &:not([data-side]), &[data-side='top'] {
+ &::before {
+ content: var(--tw-content);
+ bottom: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-bottom: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-y: calc(var(--spacing) * 2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-y: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='bottom'] {
+ &::before {
+ content: var(--tw-content);
+ top: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-top: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-y: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-y: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &:not([data-side]), &[data-side='top'], &[data-side='bottom'] {
+ &[data-align='start'] {
+ &::before {
+ content: var(--tw-content);
+ left: calc(var(--spacing) * 0);
+ }
+ }
+ &[data-align='end'] {
+ &::before {
+ content: var(--tw-content);
+ right: calc(var(--spacing) * 0);
+ }
+ }
+ &:not([data-align]), &[data-align='center'] {
+ &::before {
+ content: var(--tw-content);
+ left: calc(1/2 * 100%);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ &[data-side='left'] {
+ &::before {
+ content: var(--tw-content);
+ right: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-right: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='right'] {
+ &::before {
+ content: var(--tw-content);
+ left: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-left: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='inline-start'] {
+ &::before {
+ content: var(--tw-content);
+ right: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-right: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='inline-start']:dir(rtl) {
+ &::before {
+ content: var(--tw-content);
+ right: auto;
+ }
+ &::before {
+ content: var(--tw-content);
+ left: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-right: calc(var(--spacing) * 0);
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-left: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='inline-end'] {
+ &::before {
+ content: var(--tw-content);
+ left: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-left: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * -2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='inline-end']:dir(rtl) {
+ &::before {
+ content: var(--tw-content);
+ right: 100%;
+ }
+ &::before {
+ content: var(--tw-content);
+ left: auto;
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-right: calc(var(--spacing) * 1.5);
+ }
+ &::before {
+ content: var(--tw-content);
+ margin-left: calc(var(--spacing) * 0);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 2);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &:hover {
+ @media (hover: hover) {
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-x: calc(var(--spacing) * 0);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+ &[data-side='left'], &[data-side='right'], &[data-side='inline-start'], &[data-side='inline-end'] {
+ &[data-align='start'] {
+ &::before {
+ content: var(--tw-content);
+ top: calc(var(--spacing) * 0);
+ }
+ }
+ &[data-align='end'] {
+ &::before {
+ content: var(--tw-content);
+ bottom: calc(var(--spacing) * 0);
+ }
+ }
+ &:not([data-align]), &[data-align='center'] {
+ &::before {
+ content: var(--tw-content);
+ top: calc(1/2 * 100%);
+ }
+ &::before {
+ content: var(--tw-content);
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ }
+ }
+}
+@layer components {
+ .btn, .btn-primary, .btn-secondary, .btn-outline, .btn-ghost, .btn-link, .btn-destructive, .btn-xs, .btn-xs-primary, .btn-xs-secondary, .btn-xs-outline, .btn-xs-ghost, .btn-xs-link, .btn-xs-destructive, .btn-sm, .btn-sm-primary, .btn-sm-secondary, .btn-sm-outline, .btn-sm-ghost, .btn-sm-link, .btn-sm-destructive, .btn-lg, .btn-lg-primary, .btn-lg-secondary, .btn-lg-outline, .btn-lg-ghost, .btn-lg-link, .btn-lg-destructive, .btn-icon, .btn-icon-primary, .btn-icon-secondary, .btn-icon-outline, .btn-icon-ghost, .btn-icon-link, .btn-icon-destructive, .btn-xs-icon, .btn-xs-icon-primary, .btn-xs-icon-secondary, .btn-xs-icon-outline, .btn-xs-icon-ghost, .btn-xs-icon-link, .btn-xs-icon-destructive, .btn-sm-icon, .btn-sm-icon-primary, .btn-sm-icon-secondary, .btn-sm-icon-outline, .btn-sm-icon-ghost, .btn-sm-icon-link, .btn-sm-icon-destructive, .btn-lg-icon, .btn-lg-icon-primary, .btn-lg-icon-secondary, .btn-lg-icon-outline, .btn-lg-icon-ghost, .btn-lg-icon-link, .btn-lg-icon-destructive {
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ background-clip: padding-box;
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-widest);
+ letter-spacing: var(--tracking-widest);
+ text-transform: uppercase;
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &:active {
+ &:not(*[aria-haspopup]) {
+ --tw-translate-y: 1px;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ .btn, .btn-primary, .btn-secondary, .btn-outline, .btn-ghost, .btn-link, .btn-destructive {
+ height: calc(var(--spacing) * 10);
+ gap: calc(var(--spacing) * 1.5);
+ padding-inline: calc(var(--spacing) * 6);
+ &:has(> [data-icon=inline-start]) {
+ padding-inline-start: calc(var(--spacing) * 4);
+ }
+ &:has(> [data-icon=inline-end]) {
+ padding-inline-end: calc(var(--spacing) * 4);
+ }
+ }
+ .btn-xs, .btn-xs-primary, .btn-xs-secondary, .btn-xs-outline, .btn-xs-ghost, .btn-xs-link, .btn-xs-destructive {
+ height: calc(var(--spacing) * 7);
+ gap: calc(var(--spacing) * 1);
+ padding-inline: calc(var(--spacing) * 3);
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3);
+ height: calc(var(--spacing) * 3);
+ }
+ &:has(> [data-icon=inline-start]) {
+ padding-inline-start: calc(var(--spacing) * 2);
+ }
+ &:has(> [data-icon=inline-end]) {
+ padding-inline-end: calc(var(--spacing) * 2);
+ }
+ }
+ .btn-sm, .btn-sm-primary, .btn-sm-secondary, .btn-sm-outline, .btn-sm-ghost, .btn-sm-link, .btn-sm-destructive {
+ height: calc(var(--spacing) * 9);
+ gap: calc(var(--spacing) * 1);
+ padding-inline: calc(var(--spacing) * 4);
+ &:has(> [data-icon=inline-start]) {
+ padding-inline-start: calc(var(--spacing) * 3);
+ }
+ &:has(> [data-icon=inline-end]) {
+ padding-inline-end: calc(var(--spacing) * 3);
+ }
+ }
+ .btn-lg, .btn-lg-primary, .btn-lg-secondary, .btn-lg-outline, .btn-lg-ghost, .btn-lg-link, .btn-lg-destructive {
+ height: calc(var(--spacing) * 11);
+ gap: calc(var(--spacing) * 1.5);
+ padding-inline: calc(var(--spacing) * 8);
+ &:has(> [data-icon=inline-start]) {
+ padding-inline-start: calc(var(--spacing) * 5);
+ }
+ &:has(> [data-icon=inline-end]) {
+ padding-inline-end: calc(var(--spacing) * 5);
+ }
+ }
+ .btn-icon, .btn-icon-primary, .btn-icon-secondary, .btn-icon-outline, .btn-icon-ghost, .btn-icon-link, .btn-icon-destructive {
+ width: calc(var(--spacing) * 10);
+ height: calc(var(--spacing) * 10);
+ }
+ .btn-xs-icon, .btn-xs-icon-primary, .btn-xs-icon-secondary, .btn-xs-icon-outline, .btn-xs-icon-ghost, .btn-xs-icon-link, .btn-xs-icon-destructive {
+ width: calc(var(--spacing) * 7);
+ height: calc(var(--spacing) * 7);
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3);
+ height: calc(var(--spacing) * 3);
+ }
+ }
+ .btn-sm-icon, .btn-sm-icon-primary, .btn-sm-icon-secondary, .btn-sm-icon-outline, .btn-sm-icon-ghost, .btn-sm-icon-link, .btn-sm-icon-destructive {
+ width: calc(var(--spacing) * 9);
+ height: calc(var(--spacing) * 9);
+ }
+ .btn-lg-icon, .btn-lg-icon-primary, .btn-lg-icon-secondary, .btn-lg-icon-outline, .btn-lg-icon-ghost, .btn-lg-icon-link, .btn-lg-icon-destructive {
+ width: calc(var(--spacing) * 11);
+ height: calc(var(--spacing) * 11);
+ }
+ .btn, .btn-primary, .btn-xs, .btn-xs-primary, .btn-sm, .btn-sm-primary, .btn-lg, .btn-lg-primary, .btn-icon, .btn-icon-primary, .btn-xs-icon, .btn-xs-icon-primary, .btn-sm-icon, .btn-sm-icon-primary, .btn-lg-icon, .btn-lg-icon-primary {
+ background-color: var(--color-primary);
+ color: var(--color-primary-foreground);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
+ }
+ }
+ }
+ }
+ .btn-secondary, .btn-xs-secondary, .btn-sm-secondary, .btn-lg-secondary, .btn-icon-secondary, .btn-xs-icon-secondary, .btn-sm-icon-secondary, .btn-lg-icon-secondary {
+ background-color: var(--color-secondary);
+ color: var(--color-secondary-foreground);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--secondary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
+ }
+ }
+ }
+ &[aria-expanded="true"] {
+ background-color: var(--color-secondary);
+ }
+ &[aria-expanded="true"] {
+ color: var(--color-secondary-foreground);
+ }
+ }
+ .btn-outline, .btn-xs-outline, .btn-sm-outline, .btn-lg-outline, .btn-icon-outline, .btn-xs-icon-outline, .btn-sm-icon-outline, .btn-lg-icon-outline {
+ border-color: var(--color-border);
+ background-color: transparent;
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ &[aria-expanded="true"] {
+ background-color: var(--color-muted);
+ }
+ &[aria-expanded="true"] {
+ color: var(--color-foreground);
+ }
+ &:is(.dark *) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .btn-ghost, .btn-xs-ghost, .btn-sm-ghost, .btn-lg-ghost, .btn-icon-ghost, .btn-xs-icon-ghost, .btn-sm-icon-ghost, .btn-lg-icon-ghost {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ &[aria-expanded="true"] {
+ background-color: var(--color-muted);
+ }
+ &[aria-expanded="true"] {
+ color: var(--color-foreground);
+ }
+ &:is(.dark *) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .btn-link, .btn-xs-link, .btn-sm-link, .btn-lg-link, .btn-icon-link, .btn-xs-icon-link, .btn-sm-icon-link, .btn-lg-icon-link {
+ color: var(--color-primary);
+ text-decoration-line: underline;
+ text-underline-offset: 4px;
+ &:hover {
+ @media (hover: hover) {
+ text-decoration-line: underline;
+ }
+ }
+ }
+ .btn-destructive, .btn-xs-destructive, .btn-sm-destructive, .btn-lg-destructive, .btn-icon-destructive, .btn-xs-icon-destructive, .btn-sm-icon-destructive, .btn-lg-icon-destructive {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
+ }
+ color: var(--color-destructive);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ }
+ &:focus-visible {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
+ }
+ }
+ }
+ }
+ &:is(.dark *) {
+ &:focus-visible {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ .button-group {
+ &:has(>.button-group) {
+ gap: calc(var(--spacing) * 2);
+ }
+ > .input {
+ padding-inline: calc(var(--spacing) * 4);
+ }
+ }
+ .button-group:has(> :is(.btn-outline, .btn-icon-outline, .btn-xs-outline, .btn-xs-icon-outline, .btn-sm-outline, .btn-sm-icon-outline, .btn-lg-outline, .btn-lg-icon-outline)), .button-group:has(> .select > button:is(.btn-outline, .btn-icon-outline, .btn-xs-outline, .btn-xs-icon-outline, .btn-sm-outline, .btn-sm-icon-outline, .btn-lg-outline, .btn-lg-icon-outline)) {
+ > .input, > .select > button {
+ border-color: var(--color-border);
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ }
+ > .button-group-text {
+ border-color: var(--color-border);
+ }
+ }
+ .button-group:not([data-orientation='vertical']) {
+ > :last-child, > :is(.dropdown-menu, .popover, .select):last-child > button {
+ border-start-end-radius: 0 !important;
+ border-end-end-radius: 0 !important;
+ }
+ }
+ .button-group[data-orientation='vertical'] {
+ > :last-child, > :is(.dropdown-menu, .popover, .select):last-child > button {
+ border-bottom-right-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+ }
+ }
+ .button-group-text {
+ gap: calc(var(--spacing) * 2);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ border-bottom-color: var(--color-input);
+ background-color: transparent;
+ padding-inline: calc(var(--spacing) * 2.5);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ text-transform: uppercase;
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ .button-group > hr[role='separator'], .button-group-separator {
+ background-color: var(--color-input);
+ }
+ .tabs {
+ gap: calc(var(--spacing) * 2);
+ }
+ .tabs > [role='tablist'] {
+ height: calc(var(--spacing) * 10);
+ padding: calc(var(--spacing) * 1);
+ }
+ .tabs > [role='tablist']:not([data-variant='line']) {
+ background-color: var(--color-muted);
+ }
+ .tabs > [role='tablist'][data-variant='line'] {
+ gap: calc(var(--spacing) * 1);
+ border-radius: 0;
+ background-color: transparent;
+ }
+ .tabs > [role='tablist'][aria-orientation='vertical'] {
+ height: fit-content;
+ }
+ .tabs > [role='tablist'] > [role='tab'] {
+ gap: calc(var(--spacing) * 2);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ padding-inline: calc(var(--spacing) * 4);
+ padding-block: calc(var(--spacing) * 1.5);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-wider);
+ letter-spacing: var(--tracking-wider);
+ color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ color: color-mix(in oklab, var(--color-foreground) 60%, transparent);
+ }
+ text-transform: uppercase;
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
+ }
+ }
+ &:focus-visible {
+ outline-style: var(--tw-outline-style);
+ outline-width: 1px;
+ }
+ &:focus-visible {
+ outline-color: var(--color-ring);
+ }
+ &:is(.dark *) {
+ color: var(--color-muted-foreground);
+ }
+ &:is(.dark *) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ }
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ &::after {
+ content: var(--tw-content);
+ position: absolute;
+ }
+ &::after {
+ content: var(--tw-content);
+ background-color: var(--color-foreground);
+ }
+ &::after {
+ content: var(--tw-content);
+ opacity: 0%;
+ }
+ &::after {
+ content: var(--tw-content);
+ transition-property: opacity;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ }
+ }
+ .tabs > [role='tablist'][aria-orientation='vertical'] > [role='tab'] {
+ width: 100%;
+ justify-content: flex-start;
+ padding-inline: calc(var(--spacing) * 4);
+ padding-block: calc(var(--spacing) * 2);
+ }
+ .tabs > [role='tablist'][data-variant='line'][aria-orientation='horizontal'] > [role='tab'] {
+ background-color: transparent;
+ --tw-shadow: 0 0 #0000;
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &::after {
+ content: var(--tw-content);
+ inset-inline: calc(var(--spacing) * 0);
+ }
+ &::after {
+ content: var(--tw-content);
+ bottom: -5px;
+ }
+ &::after {
+ content: var(--tw-content);
+ height: calc(var(--spacing) * 0.5);
+ }
+ }
+ .tabs > [role='tablist'][data-variant='line'][aria-orientation='vertical'] > [role='tab'] {
+ background-color: transparent;
+ --tw-shadow: 0 0 #0000;
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &::after {
+ content: var(--tw-content);
+ inset-block: calc(var(--spacing) * 0);
+ }
+ &::after {
+ content: var(--tw-content);
+ inset-inline-end: -4px;
+ }
+ &::after {
+ content: var(--tw-content);
+ width: calc(var(--spacing) * 0.5);
+ }
+ }
+ .tabs > [role='tablist']:not([data-variant='line']) > [role='tab'][aria-selected='true'] {
+ background-color: var(--color-background);
+ color: var(--color-foreground);
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &:is(.dark *) {
+ border-color: var(--color-input);
+ }
+ &:is(.dark *) {
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ color: var(--color-foreground);
+ }
+ }
+ .tabs > [role='tablist'][data-variant='line'] > [role='tab'][aria-selected='true'] {
+ background-color: transparent;
+ color: var(--color-foreground);
+ --tw-shadow: 0 0 #0000;
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &::after {
+ content: var(--tw-content);
+ opacity: 100%;
+ }
+ &:is(.dark *) {
+ border-color: transparent;
+ }
+ &:is(.dark *) {
+ background-color: transparent;
+ }
+ &:is(.dark *) {
+ color: var(--color-foreground);
+ }
+ }
+ .tabs > [role='tablist'] > [role='tab']:has(> svg:first-child) {
+ padding-inline-start: calc(var(--spacing) * 2.5);
+ }
+ .tabs > [role='tablist'] > [role='tab']:has(> svg:last-child) {
+ padding-inline-end: calc(var(--spacing) * 2.5);
+ }
+ .tabs > [role='tabpanel'] {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .field > textarea, .textarea {
+ resize: none;
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ border-bottom-color: var(--color-input);
+ background-color: transparent;
+ padding-inline: calc(var(--spacing) * 0);
+ padding-block: calc(var(--spacing) * 3);
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ transition-property: color,border-color;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:focus-visible {
+ border-bottom-color: var(--color-ring);
+ }
+ &[aria-invalid="true"] {
+ border-bottom-color: var(--color-destructive);
+ }
+ @media (width >= 48rem) {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-bottom-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-bottom-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ }
+ .field > input[type='text']:not(:is(.command > header input, .dialog > * > header input)), .field > input[type='email'], .field > input[type='password'], .field > input[type='number'], .field > input[type='file'], .field > input[type='tel'], .field > input[type='url'], .field > input[type='search']:not(:is(.command > header input, .dialog > * > header input)), .field > input[type='date'], .field > input[type='datetime-local'], .field > input[type='month'], .field > input[type='week'], .field > input[type='time'], .field > input:not([type]), .input[type='text'], .input[type='email'], .input[type='password'], .input[type='number'], .input[type='file'], .input[type='tel'], .input[type='url'], .input[type='search'], .input[type='date'], .input[type='datetime-local'], .input[type='month'], .input[type='week'], .input[type='time'], .input:not([type]) {
+ height: calc(var(--spacing) * 10);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ border-bottom-color: var(--color-input);
+ background-color: transparent;
+ padding-inline: calc(var(--spacing) * 0);
+ padding-block: calc(var(--spacing) * 1);
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ transition-property: color,border-color;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &::file-selector-button {
+ height: calc(var(--spacing) * 7);
+ }
+ &::file-selector-button {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ &::file-selector-button {
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ }
+ &:focus-visible {
+ border-bottom-color: var(--color-ring);
+ }
+ &[aria-invalid="true"] {
+ border-bottom-color: var(--color-destructive);
+ }
+ @media (width >= 48rem) {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-bottom-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-bottom-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ }
+ .field > select, select.select {
+ height: calc(var(--spacing) * 10);
+ width: fit-content;
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ border-bottom-color: var(--color-input);
+ background-color: transparent;
+ padding-block: calc(var(--spacing) * 2);
+ padding-inline-start: calc(var(--spacing) * 0);
+ padding-inline-end: calc(var(--spacing) * 8);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ transition-property: color,border-color;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ & *::selection {
+ background-color: var(--color-primary);
+ }
+ &::selection {
+ background-color: var(--color-primary);
+ }
+ & *::selection {
+ color: var(--color-primary-foreground);
+ }
+ &::selection {
+ color: var(--color-primary-foreground);
+ }
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ &:focus-visible {
+ border-bottom-color: var(--color-ring);
+ }
+ &[aria-invalid="true"] {
+ border-bottom-color: var(--color-destructive);
+ }
+ &[data-size="sm"] {
+ height: calc(var(--spacing) * 9);
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-bottom-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-bottom-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ background-image: var(--chevron-down-icon-50);
+ background-size: 0.875rem;
+ background-position: center right 0;
+ background-repeat: no-repeat;
+ }
+ :is(.field > select, select.select):dir(rtl) {
+ background-position: center left 0;
+ }
+ .alert, .alert-destructive {
+ position: relative;
+ display: grid;
+ gap: calc(var(--spacing) * 1);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ background-color: var(--color-background);
+ padding-inline: calc(var(--spacing) * 4);
+ padding-block: calc(var(--spacing) * 3);
+ text-align: start;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ &::after {
+ content: var(--tw-content);
+ position: absolute;
+ }
+ &::after {
+ content: var(--tw-content);
+ inset-block: -1px;
+ }
+ &::after {
+ content: var(--tw-content);
+ inset-inline-start: -1px;
+ }
+ &::after {
+ content: var(--tw-content);
+ width: calc(var(--spacing) * 0.5);
+ }
+ &:has(>[data-action]) {
+ position: relative;
+ }
+ &:has(>[data-action]) {
+ padding-inline-end: calc(var(--spacing) * 18);
+ }
+ &:has(>svg) {
+ grid-template-columns: auto 1fr;
+ }
+ &:has(>svg) {
+ column-gap: calc(var(--spacing) * 2.5);
+ }
+ &>svg {
+ grid-row: span 2 / span 2;
+ }
+ &>svg {
+ --tw-translate-y: calc(var(--spacing) * 0.5);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ &>svg {
+ color: currentcolor;
+ }
+ &>svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .alert {
+ background-color: var(--color-card);
+ color: var(--color-card-foreground);
+ &::after {
+ content: var(--tw-content);
+ background-color: var(--color-foreground);
+ }
+ }
+ .alert-destructive {
+ background-color: var(--color-card);
+ color: var(--color-destructive);
+ &::after {
+ content: var(--tw-content);
+ background-color: var(--color-destructive);
+ }
+ &>section {
+ color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
+ }
+ }
+ &>svg {
+ color: currentcolor;
+ }
+ }
+ .alert > :is(h2, h3, h4, h5, h6, strong, [data-title]), .alert-destructive > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ }
+ :is(.alert, .alert-destructive):has(> svg) > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
+ grid-column-start: 2;
+ }
+ .alert > section, .alert-destructive > section {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ text-wrap: balance;
+ color: var(--color-muted-foreground);
+ @media (width >= 48rem) {
+ text-wrap: pretty;
+ }
+ & p:not(:last-child) {
+ margin-bottom: calc(var(--spacing) * 4);
+ }
+ }
+ .alert > [data-action], .alert-destructive > [data-action] {
+ position: absolute;
+ inset-inline-end: calc(var(--spacing) * 3);
+ top: calc(var(--spacing) * 2.5);
+ }
+ .badge, .badge-primary, .badge-secondary, .badge-destructive, .badge-outline, .badge-ghost, .badge-link {
+ gap: calc(var(--spacing) * 1.5);
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ background-color: transparent;
+ padding-inline: calc(var(--spacing) * 0);
+ padding-block: calc(var(--spacing) * 0);
+ font-size: 0.625rem;
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-widest);
+ letter-spacing: var(--tracking-widest);
+ text-transform: uppercase;
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:has(*[data-icon="inline-end"]) {
+ padding-inline-end: calc(var(--spacing) * 0);
+ }
+ &:has(*[data-icon="inline-start"]) {
+ padding-inline-start: calc(var(--spacing) * 0);
+ }
+ &>svg {
+ width: calc(var(--spacing) * 3) !important;
+ height: calc(var(--spacing) * 3) !important;
+ }
+ }
+ .badge, .badge-primary {
+ color: var(--color-foreground);
+ &:is(a) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .badge-secondary {
+ color: var(--color-muted-foreground);
+ &:is(a) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ }
+ }
+ .badge-outline {
+ color: var(--color-foreground);
+ &:is(a) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .badge-destructive {
+ color: var(--color-destructive);
+ &:focus-visible {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &:focus-visible {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ &:is(a) {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ color: color-mix(in oklab, var(--color-destructive) 70%, transparent);
+ }
+ }
+ }
+ }
+ }
+ .badge-ghost {
+ color: var(--color-muted-foreground);
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-foreground);
+ }
+ }
+ }
+ .badge-link {
+ color: var(--color-foreground);
+ text-underline-offset: 4px;
+ &:hover {
+ @media (hover: hover) {
+ text-decoration-line: underline;
+ }
+ }
+ }
+ .command {
+ border-radius: 0;
+ background-color: var(--color-popover);
+ color: var(--color-popover-foreground);
+ }
+ .command-dialog > * {
+ border-radius: 0;
+ padding: calc(var(--spacing) * 0);
+ }
+ .command > header {
+ margin: calc(var(--spacing) * 1);
+ gap: calc(var(--spacing) * 2);
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ border-bottom-color: var(--color-input);
+ background-color: transparent;
+ padding-inline: calc(var(--spacing) * 3);
+ }
+ .command > header svg {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ opacity: 50%;
+ }
+ .command > header input {
+ height: calc(var(--spacing) * 9);
+ padding-inline: calc(var(--spacing) * 2);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ &::placeholder {
+ color: var(--color-muted-foreground);
+ }
+ }
+ .command [role='menu'] {
+ max-height: calc(var(--spacing) * 72);
+ scroll-padding-block: calc(var(--spacing) * 1);
+ }
+ .command [role='menu']:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
+ padding-block: calc(var(--spacing) * 6);
+ text-align: center;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .command [role='group'] {
+ padding: calc(var(--spacing) * 1.5);
+ color: var(--color-foreground);
+ }
+ .command [role='heading'] {
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-wider);
+ letter-spacing: var(--tracking-wider);
+ color: var(--color-muted-foreground);
+ text-transform: uppercase;
+ }
+ .command [role='separator'] {
+ margin-inline: calc(var(--spacing) * -1.5);
+ margin-block: calc(var(--spacing) * 1.5);
+ height: 1px;
+ background-color: var(--color-border);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-border) 50%, transparent);
+ }
+ }
+ .command [role='menuitem'] {
+ gap: calc(var(--spacing) * 2);
+ border-radius: 0;
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ .command [role='menuitem'].active {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ & svg {
+ color: var(--color-accent-foreground);
+ }
+ }
+ .command [data-shortcut] {
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-tracking: var(--tracking-widest);
+ letter-spacing: var(--tracking-widest);
+ color: var(--color-muted-foreground);
+ }
+ .command [role='menuitem'].active [data-shortcut] {
+ color: var(--color-foreground);
+ }
+ .combobox > input[role='combobox'] {
+ height: calc(var(--spacing) * 10);
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ border-bottom-color: var(--color-input);
+ background-color: transparent;
+ padding-block: calc(var(--spacing) * 2);
+ padding-inline-start: calc(var(--spacing) * 0);
+ padding-inline-end: calc(var(--spacing) * 8);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ transition-property: color,border-color;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:focus-visible {
+ border-bottom-color: var(--color-ring);
+ }
+ &[aria-invalid="true"] {
+ border-bottom-color: var(--color-destructive);
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-bottom-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-bottom-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ }
+ .combobox > svg, .combobox-trigger-icon {
+ inset-inline-end: calc(var(--spacing) * 0);
+ top: calc(1/2 * 100%);
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ color: var(--color-muted-foreground);
+ }
+ .combobox [data-popover] {
+ max-height: calc(var(--spacing) * 72);
+ border-radius: 0;
+ background-color: var(--color-popover);
+ padding: calc(var(--spacing) * 1.5);
+ color: var(--color-popover-foreground);
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
+ }
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ }
+ .combobox [role='listbox'] {
+ max-height: min(18rem, var(--available-height,18rem));
+ scroll-padding-block: calc(var(--spacing) * 1.5);
+ overflow-y: auto;
+ }
+ .combobox [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2);
+ text-align: center;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-muted-foreground);
+ }
+ .combobox [role='heading'] {
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-wider);
+ letter-spacing: var(--tracking-wider);
+ color: var(--color-muted-foreground);
+ text-transform: uppercase;
+ }
+ .combobox [role='option'] {
+ gap: calc(var(--spacing) * 2.5);
+ border-radius: 0;
+ padding-block: calc(var(--spacing) * 2);
+ padding-inline-start: calc(var(--spacing) * 3);
+ padding-inline-end: calc(var(--spacing) * 8);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ .combobox [role='option'].active, .combobox [role='option']:focus-visible {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ & svg {
+ color: var(--color-accent-foreground);
+ }
+ }
+ .combobox [role='group'] {
+ scroll-margin-block: calc(var(--spacing) * 1.5);
+ padding: calc(var(--spacing) * 1.5);
+ }
+ .combobox [role='separator'] {
+ margin-inline: calc(var(--spacing) * -1.5);
+ margin-block: calc(var(--spacing) * 1.5);
+ height: 1px;
+ background-color: var(--color-border);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-border) 50%, transparent);
+ }
+ }
+ .combobox-chips {
+ min-height: calc(var(--spacing) * 10);
+ gap: calc(var(--spacing) * 1.5);
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ border-bottom-color: var(--color-input);
+ background-color: transparent;
+ background-clip: padding-box;
+ padding-inline: calc(var(--spacing) * 0);
+ padding-block: calc(var(--spacing) * 1.5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ transition-property: color,border-color;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:focus-within {
+ border-bottom-color: var(--color-ring);
+ }
+ &:has(*:is([aria-invalid=true])) {
+ border-bottom-color: var(--color-destructive);
+ }
+ &:is(.dark *) {
+ &:has(*:is([aria-invalid=true])) {
+ border-bottom-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-bottom-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ }
+ .combobox-chip {
+ height: calc(var(--spacing) * 5.5);
+ gap: calc(var(--spacing) * 1);
+ border-radius: 0;
+ background-color: var(--color-muted);
+ padding-inline: calc(var(--spacing) * 2);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-foreground);
+ &:has(>.combobox-chip-remove) {
+ padding-inline-end: calc(var(--spacing) * 0);
+ }
+ }
+ .combobox-chip-remove {
+ margin-inline-start: calc(var(--spacing) * -1);
+ opacity: 50%;
+ &:hover {
+ @media (hover: hover) {
+ opacity: 100%;
+ }
+ }
+ & svg {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ *:not(select).select > button {
+ height: calc(var(--spacing) * 10);
+ gap: calc(var(--spacing) * 1.5);
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ border-bottom-color: var(--color-input);
+ background-color: transparent;
+ padding-inline: calc(var(--spacing) * 0);
+ padding-block: calc(var(--spacing) * 2);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ transition-property: color,border-color;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:focus-visible {
+ border-bottom-color: var(--color-ring);
+ }
+ &[aria-invalid="true"] {
+ border-bottom-color: var(--color-destructive);
+ }
+ &[data-size="sm"] {
+ height: calc(var(--spacing) * 9);
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-bottom-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-bottom-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ *:not(select).select > button > span {
+ gap: calc(var(--spacing) * 1.5);
+ }
+ *:not(select).select > button > svg {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ color: var(--color-muted-foreground);
+ }
+ *:not(select).select [data-popover] {
+ border-radius: 0;
+ background-color: var(--color-popover);
+ padding: calc(var(--spacing) * 1.5);
+ color: var(--color-popover-foreground);
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
+ }
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ }
+ *:not(select).select [role='listbox'] {
+ scroll-padding-block: calc(var(--spacing) * 1.5);
+ }
+ *:not(select).select [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
+ padding-block: calc(var(--spacing) * 6);
+ text-align: center;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ *:not(select).select [role='heading'] {
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-wider);
+ letter-spacing: var(--tracking-wider);
+ color: var(--color-muted-foreground);
+ text-transform: uppercase;
+ }
+ *:not(select).select [role='option'] {
+ gap: calc(var(--spacing) * 2.5);
+ border-radius: 0;
+ padding-block: calc(var(--spacing) * 2);
+ padding-inline-start: calc(var(--spacing) * 3);
+ padding-inline-end: calc(var(--spacing) * 8);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ *:not(select).select [role='option'].active, *:not(select).select [role='option']:focus-visible {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ & svg {
+ color: var(--color-accent-foreground);
+ }
+ }
+ *:not(select).select [role='group'] {
+ scroll-margin-block: calc(var(--spacing) * 1.5);
+ padding: calc(var(--spacing) * 1.5);
+ }
+ *:not(select).select [role='separator'] {
+ margin-inline: calc(var(--spacing) * -1.5);
+ margin-block: calc(var(--spacing) * 1.5);
+ height: 1px;
+ background-color: var(--color-border);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-border) 50%, transparent);
+ }
+ }
+ .dialog::backdrop, .command-dialog::backdrop {
+ background-color: color-mix(in srgb, #000 20%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
+ }
+ --tw-backdrop-blur: blur(var(--blur-sm));
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ }
+ .dialog > * {
+ max-width: calc(100% - 2rem);
+ gap: calc(var(--spacing) * 6);
+ border-radius: 0;
+ background-color: var(--color-popover);
+ padding: calc(var(--spacing) * 6);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-popover-foreground);
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
+ }
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ @media (width >= 40rem) {
+ max-width: var(--container-md);
+ }
+ }
+ .dialog > * > :is(button, form[method='dialog']) {
+ inset-inline-end: calc(var(--spacing) * 5);
+ top: calc(var(--spacing) * 5);
+ }
+ .dialog > * > :is(button, form[method='dialog'] > button) {
+ background-color: var(--color-secondary);
+ }
+ .dialog > * > header {
+ gap: calc(var(--spacing) * 2);
+ }
+ .dialog > * > footer {
+ gap: calc(var(--spacing) * 2);
+ }
+ .dialog > * > header > h2, .dialog > * > [data-title] {
+ font-size: var(--text-lg);
+ line-height: var(--tw-leading, var(--text-lg--line-height));
+ --tw-leading: 1;
+ line-height: 1;
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-wider);
+ letter-spacing: var(--tracking-wider);
+ text-transform: uppercase;
+ }
+ .dialog > * > header > p, .dialog > * > [data-description] {
+ margin-top: calc(var(--spacing) * 0.5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-leading: var(--leading-relaxed);
+ line-height: var(--leading-relaxed);
+ color: var(--color-muted-foreground);
+ & a {
+ text-decoration-line: underline;
+ }
+ & a {
+ text-underline-offset: 3px;
+ }
+ & a:hover {
+ color: var(--color-foreground);
+ }
+ }
+ .dropdown-menu > [data-popover] {
+ min-width: calc(var(--spacing) * 48);
+ gap: calc(var(--spacing) * 0);
+ overflow-x: hidden;
+ overflow-y: auto;
+ border-radius: 0;
+ background-color: var(--color-popover);
+ padding: calc(var(--spacing) * 1.5);
+ color: var(--color-popover-foreground);
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
+ }
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ }
+ .dropdown-menu :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio']) {
+ gap: calc(var(--spacing) * 2.5);
+ border-radius: 0;
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ --tw-tracking: var(--tracking-wider);
+ letter-spacing: var(--tracking-wider);
+ text-transform: uppercase;
+ &:focus-visible {
+ background-color: var(--color-accent);
+ }
+ &:focus-visible {
+ color: var(--color-accent-foreground);
+ }
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ .dropdown-menu :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio']).active {
+ background-color: var(--color-accent);
+ color: var(--color-accent-foreground);
+ }
+ .dropdown-menu [data-variant='destructive'] {
+ color: var(--color-destructive);
+ }
+ .dropdown-menu [data-variant='destructive']:is(:focus-visible, .active) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
+ }
+ color: var(--color-destructive);
+ &:is(.dark *) {
+ background-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ }
+ .dropdown-menu [data-variant='destructive'] svg {
+ color: var(--color-destructive);
+ }
+ .dropdown-menu :is([role='menuitemcheckbox'], [role='menuitemradio']) {
+ padding-block: calc(var(--spacing) * 2);
+ padding-inline-start: calc(var(--spacing) * 3);
+ padding-inline-end: calc(var(--spacing) * 8);
+ }
+ .dropdown-menu :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio'])[data-inset], .dropdown-menu [role='heading'][data-inset] {
+ padding-inline-start: calc(var(--spacing) * 9.5);
+ }
+ .dropdown-menu [data-indicator] {
+ position: absolute;
+ inset-inline-end: calc(var(--spacing) * 2);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ .dropdown-menu [role='heading'] {
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-wider);
+ letter-spacing: var(--tracking-wider);
+ color: var(--color-muted-foreground);
+ text-transform: uppercase;
+ }
+ .dropdown-menu [role='separator'] {
+ margin-inline: calc(var(--spacing) * -1.5);
+ margin-block: calc(var(--spacing) * 1.5);
+ height: 1px;
+ background-color: var(--color-border);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-border) 50%, transparent);
+ }
+ }
+ .dropdown-menu [data-shortcut] {
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-tracking: var(--tracking-widest);
+ letter-spacing: var(--tracking-widest);
+ color: var(--color-muted-foreground);
+ }
+ .dropdown-menu :is([role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio']):is(:focus-visible, .active) [data-shortcut] {
+ color: var(--color-accent-foreground);
+ }
+ [data-popover] {
+ display: flex;
+ flex-direction: column;
+ gap: calc(var(--spacing) * 4);
+ border-radius: 0;
+ background-color: var(--color-popover);
+ padding: calc(var(--spacing) * 4);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-popover-foreground);
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
+ }
+ --tw-duration: 100ms;
+ transition-duration: 100ms;
+ }
+ .popover > [data-popover] > header, .popover > [data-popover] > [data-header] {
+ display: flex;
+ flex-direction: column;
+ gap: calc(var(--spacing) * 1);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .popover > [data-popover] > header > :is(h1, h2, h3, h4, h5, h6), .popover > [data-popover] > :is(h1, h2, h3, h4, h5, h6, [data-title]) {
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ text-transform: uppercase;
+ }
+ .popover > [data-popover] > header > p, .popover > [data-popover] > [data-description] {
+ margin-top: calc(var(--spacing) * 0.5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-leading: var(--leading-relaxed);
+ line-height: var(--leading-relaxed);
+ color: var(--color-muted-foreground);
+ }
+ .card {
+ gap: calc(var(--spacing) * 8);
+ background-color: var(--color-card);
+ padding-block: calc(var(--spacing) * 8);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-card-foreground);
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ --tw-ring-color: var(--color-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-foreground) 5%, transparent);
+ }
+ &:has(>img:first-child) {
+ padding-top: calc(var(--spacing) * 0);
+ }
+ &[data-size="sm"] {
+ gap: calc(var(--spacing) * 5);
+ }
+ &[data-size="sm"] {
+ padding-block: calc(var(--spacing) * 5);
+ }
+ &>img:first-child {
+ border-radius: 0;
+ }
+ &>img:last-child {
+ border-radius: 0;
+ }
+ }
+ .card > header {
+ gap: calc(var(--spacing) * 1.5);
+ border-radius: 0;
+ padding-inline: calc(var(--spacing) * 8);
+ :where(*[data-size="sm"]) & {
+ padding-inline: calc(var(--spacing) * 5);
+ }
+ &:is(.border-b) {
+ padding-bottom: calc(var(--spacing) * 8);
+ }
+ :where(*[data-size="sm"]) & {
+ &:is(.border-b) {
+ padding-bottom: calc(var(--spacing) * 5);
+ }
+ }
+ }
+ .card > header > :is(h2, h3, [data-title], .card-title) {
+ 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);
+ --tw-tracking: var(--tracking-wider);
+ letter-spacing: var(--tracking-wider);
+ text-transform: uppercase;
+ }
+ .card > header > :is(p, [data-description], .card-description) {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-leading: var(--leading-relaxed);
+ line-height: var(--leading-relaxed);
+ color: var(--color-muted-foreground);
+ }
+ .card > section {
+ padding-inline: calc(var(--spacing) * 8);
+ :where(*[data-size="sm"]) & {
+ padding-inline: calc(var(--spacing) * 5);
+ }
+ }
+ .card > footer {
+ padding-inline: calc(var(--spacing) * 8);
+ :where(*[data-size="sm"]) & {
+ padding-inline: calc(var(--spacing) * 5);
+ }
+ &:is(.border-t) {
+ padding-top: calc(var(--spacing) * 8);
+ }
+ :where(*[data-size="sm"]) & {
+ &:is(.border-t) {
+ padding-top: calc(var(--spacing) * 5);
+ }
+ }
+ }
+ .field > input[type='checkbox']:not([role='switch']), .input[type='checkbox']:not([role='switch']) {
+ display: flex;
+ width: calc(var(--spacing) * 4.5);
+ height: calc(var(--spacing) * 4.5);
+ align-items: center;
+ justify-content: center;
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: var(--color-input);
+ background-color: transparent;
+ transition-property: box-shadow;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:checked {
+ border-color: var(--color-primary);
+ }
+ &:checked {
+ background-color: var(--color-primary);
+ }
+ &:checked {
+ color: var(--color-primary-foreground);
+ }
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ :where(*[data-disabled="true"]) & {
+ opacity: 50%;
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ &:checked {
+ border-color: var(--color-primary);
+ }
+ }
+ &:is(.dark *) {
+ &:checked {
+ background-color: var(--color-primary);
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ :is(.field > input[type='checkbox']:not([role='switch']), .input[type='checkbox']:not([role='switch'])):checked:after {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ [role='radiogroup'] {
+ display: grid;
+ gap: calc(var(--spacing) * 3);
+ }
+ .field > input[type='radio'], .input[type='radio'] {
+ display: flex;
+ width: calc(var(--spacing) * 4.5);
+ height: calc(var(--spacing) * 4.5);
+ border-radius: calc(infinity * 1px);
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: var(--color-input);
+ background-color: transparent;
+ &:checked {
+ border-color: var(--color-foreground);
+ }
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ &:checked {
+ border-color: var(--color-foreground);
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ :is(.field > input[type='radio'], .input[type='radio']):checked:before {
+ width: calc(var(--spacing) * 2);
+ height: calc(var(--spacing) * 2);
+ background-color: var(--color-foreground);
+ }
+ .field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch'] {
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ &:not(*:checked) {
+ border-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-input) 50%, transparent);
+ }
+ }
+ &:not(*:checked) {
+ background-color: var(--color-input);
+ }
+ &:checked {
+ border-color: var(--color-primary);
+ }
+ &:checked {
+ background-color: var(--color-primary);
+ }
+ &:focus-visible {
+ border-color: var(--color-ring);
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ border-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &[aria-invalid="true"] {
+ --tw-ring-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+ }
+ }
+ }
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not([data-size='sm']) {
+ height: calc(var(--spacing) * 4.5);
+ width: calc(var(--spacing) * 8.25);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch'])[data-size='sm'] {
+ height: calc(var(--spacing) * 3.5);
+ width: calc(var(--spacing) * 6.25);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):before {
+ background-color: var(--color-background);
+ &:is(.dark *) {
+ &:not(*:checked) {
+ background-color: var(--color-foreground);
+ }
+ }
+ &:is(.dark *) {
+ &:checked {
+ background-color: var(--color-primary-foreground);
+ }
+ }
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not([data-size='sm']):before {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch'])[data-size='sm']:before {
+ width: calc(var(--spacing) * 2.5);
+ height: calc(var(--spacing) * 2.5);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked:not([data-size='sm']):before {
+ --tw-translate-x: calc(100% + 2px);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):checked[data-size='sm']:before {
+ --tw-translate-x: calc(100% + 2px);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):dir(rtl):checked:not([data-size='sm']):before {
+ --tw-translate-x: calc(calc(100% + 2px) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):dir(rtl):checked[data-size='sm']:before {
+ --tw-translate-x: calc(calc(100% + 2px) * -1);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):not(:checked):before {
+ --tw-translate-x: calc(var(--spacing) * 0.25);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ :is(.field > input[type='checkbox'][role='switch'], .input[type='checkbox'][role='switch']):dir(rtl):not(:checked):before {
+ --tw-translate-x: calc(var(--spacing) * -0.25);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ .fieldset {
+ gap: calc(var(--spacing) * 6);
+ &:has(>[data-slot=checkbox-group]) {
+ gap: calc(var(--spacing) * 3);
+ }
+ &:has(>[data-slot=radio-group]) {
+ gap: calc(var(--spacing) * 3);
+ }
+ }
+ .fieldset > legend, .field-legend {
+ margin-bottom: calc(var(--spacing) * 3);
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ text-transform: uppercase;
+ &[data-variant="label"] {
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ }
+ &[data-variant="legend"] {
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ }
+ }
+ .fieldset > :is([role='group'], [role='radiogroup']):not(.field), .field > :is(fieldset, [role='group'], [role='radiogroup']):not(.field) {
+ gap: calc(var(--spacing) * 10);
+ &[role='radiogroup'], &[data-slot='checkbox-group'], &[data-slot='radio-group'] {
+ gap: calc(var(--spacing) * 3);
+ }
+ }
+ :is(.fieldset, .field) > :is([role='group'], [role='radiogroup']):not(.field) > :is([role='group'], [role='radiogroup']):not(.field), .field > fieldset:not(.field) > :is([role='group'], [role='radiogroup']):not(.field) {
+ gap: calc(var(--spacing) * 4);
+ }
+ .field {
+ gap: calc(var(--spacing) * 3);
+ &[data-invalid="true"] {
+ color: var(--color-destructive);
+ }
+ }
+ .field > section, .field-content {
+ gap: calc(var(--spacing) * 1);
+ }
+ .field > label, label:has(> .field) {
+ gap: calc(var(--spacing) * 2);
+ --tw-leading: var(--leading-relaxed);
+ line-height: var(--leading-relaxed);
+ :where(*[data-disabled="true"]) & {
+ opacity: 50%;
+ }
+ &:has(*:is(:checked)) {
+ border-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+ }
+ }
+ &:has(*:is(:checked)) {
+ background-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
+ }
+ }
+ &:is(.dark *) {
+ &:has(*:is(:checked)) {
+ border-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+ }
+ }
+ }
+ &:is(.dark *) {
+ &:has(*:is(:checked)) {
+ background-color: var(--color-primary);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+ }
+ }
+ }
+ }
+ .field > label:has(input[type='radio']), .field > label:has(input[type='checkbox']), .field > label:has(input[role='switch']), .field > label:has(> .field), label:has(> .field) {
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ }
+ .field > label:has(input[type='radio']), .field > label:has(input[type='checkbox']), .field > label:has(input[role='switch']) {
+ padding: calc(var(--spacing) * 4);
+ }
+ :is(.field > label, label:has(> .field)) > .field {
+ padding: calc(var(--spacing) * 4);
+ }
+ .field h2, .field h3, .field-title {
+ gap: calc(var(--spacing) * 2);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-leading: var(--leading-normal);
+ line-height: var(--leading-normal);
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ text-transform: uppercase;
+ :where(*[data-disabled="true"]) & {
+ opacity: 50%;
+ }
+ }
+ .fieldset legend + p, .field > p, .field section > p, .field-description {
+ text-align: start;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-tracking: var(--tracking-normal);
+ letter-spacing: var(--tracking-normal);
+ color: var(--color-muted-foreground);
+ text-transform: none;
+ [data-variant=legend]+& {
+ margin-top: calc(var(--spacing) * -1.5);
+ }
+ }
+ .field-separator {
+ margin-block: calc(var(--spacing) * -2);
+ height: calc(var(--spacing) * 5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ :where(*[data-variant="outline"]) & {
+ margin-bottom: calc(var(--spacing) * -2);
+ }
+ }
+ .field-separator > span {
+ padding-inline: calc(var(--spacing) * 2);
+ color: var(--color-muted-foreground);
+ }
+ .field [role="alert"], .field-error {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-destructive);
+ }
+ .input-group {
+ height: calc(var(--spacing) * 10);
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ border-color: transparent;
+ border-bottom-color: var(--color-input);
+ background-color: transparent;
+ transition-property: color,border-color;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:focus-within {
+ border-bottom-color: var(--color-ring);
+ }
+ &:has(*:is([aria-invalid=true])) {
+ border-bottom-color: var(--color-destructive);
+ }
+ &:has(>textarea) {
+ height: auto;
+ }
+ &:has(>textarea) {
+ border-radius: 0;
+ }
+ &:is(.dark *) {
+ &:has(*:is([aria-invalid=true])) {
+ border-bottom-color: var(--color-destructive);
+ @supports (color: color-mix(in lab, red, red)) {
+ border-bottom-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
+ }
+ }
+ }
+ }
+ .input-group:has(> :is(input, textarea, select, [data-control]):disabled) {
+ opacity: 50%;
+ }
+ .input-group > :is(input, select, [data-control]) {
+ padding-inline: calc(var(--spacing) * 0);
+ padding-block: calc(var(--spacing) * 1);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .input-group:not([data-orientation='vertical']):has(> [data-align='start']) > :is(input, select, [data-control]) {
+ padding-inline-start: calc(var(--spacing) * 2);
+ }
+ .input-group:not([data-orientation='vertical']):has(> [data-align='end']) > :is(input, select, [data-control]) {
+ padding-inline-end: calc(var(--spacing) * 2);
+ }
+ .input-group > textarea {
+ padding-inline: calc(var(--spacing) * 0);
+ padding-block: calc(var(--spacing) * 2.5);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .input-group > :is(span, [role='group'], header, footer), .input-group > :is(svg, kbd, .popover, .dropdown-menu) {
+ gap: calc(var(--spacing) * 2);
+ padding-block: calc(var(--spacing) * 2);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-muted-foreground);
+ -webkit-user-select: none;
+ user-select: none;
+ &>svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ .input-group > [data-align='start']:has(> button) {
+ margin-inline-start: calc(var(--spacing) * -1);
+ }
+ .input-group > [data-align='end']:has(> button) {
+ margin-inline-end: calc(var(--spacing) * -1);
+ }
+ .input-group > [data-align='start']:has(> kbd) {
+ margin-inline-start: calc(var(--spacing) * -0.5);
+ }
+ .input-group > [data-align='end']:has(> kbd) {
+ margin-inline-end: calc(var(--spacing) * -0.5);
+ }
+ .input-group[data-orientation='vertical'] > :is(header, footer, [role='group'], [data-align]) {
+ padding-inline: calc(var(--spacing) * 0);
+ }
+ .input-group > :is(kbd, span > kbd, [role='group'] > kbd, header > kbd, footer > kbd) {
+ border-radius: 0;
+ background-color: var(--color-muted-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted-foreground) 10%, transparent);
+ }
+ padding-inline: calc(var(--spacing) * 1.5);
+ }
+ .input-group > :is(button, [role='group'] > button, header > button, footer > button) {
+ gap: calc(var(--spacing) * 2);
+ border-radius: 0;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-shadow: 0 0 #0000;
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &>svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ .input-group > :is(button, [role='group'] > button, header > button, footer > button):has(> svg):not(:has(> :not(svg))) {
+ width: calc(var(--spacing) * 6);
+ height: calc(var(--spacing) * 6);
+ border-radius: 0;
+ padding: calc(var(--spacing) * 0);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ }
+ .empty {
+ gap: calc(var(--spacing) * 4);
+ --tw-border-style: dashed;
+ border-style: dashed;
+ padding: calc(var(--spacing) * 12);
+ }
+ .empty > header {
+ gap: calc(var(--spacing) * 2);
+ }
+ .empty figure {
+ margin-bottom: calc(var(--spacing) * 2);
+ }
+ .empty figure:has(> svg:only-child) {
+ display: flex;
+ width: calc(var(--spacing) * 10);
+ height: calc(var(--spacing) * 10);
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ border-radius: 0;
+ background-color: var(--color-muted);
+ color: var(--color-foreground);
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 5);
+ height: calc(var(--spacing) * 5);
+ }
+ }
+ .empty :is(h2, h3, 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);
+ --tw-tracking: var(--tracking-wider);
+ letter-spacing: var(--tracking-wider);
+ text-transform: uppercase;
+ }
+ .empty p {
+ margin-top: calc(var(--spacing) * 0.5);
+ font-size: var(--text-sm);
+ line-height: var(--leading-relaxed);
+ color: var(--color-muted-foreground);
+ }
+ .empty > :is(section, footer) {
+ gap: calc(var(--spacing) * 4);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .item {
+ border-radius: 0;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .item:not([data-variant]), .item[data-variant='default'] {
+ border-color: transparent;
+ }
+ .item[data-variant='outline'] {
+ border-color: var(--color-border);
+ }
+ .item[data-variant='muted'] {
+ border-color: transparent;
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ }
+ .item:not([data-size]), .item[data-size='default'] {
+ gap: calc(var(--spacing) * 3.5);
+ padding-inline: calc(var(--spacing) * 4);
+ padding-block: calc(var(--spacing) * 3.5);
+ }
+ .item[data-size='sm'] {
+ gap: calc(var(--spacing) * 3.5);
+ padding-inline: calc(var(--spacing) * 3.5);
+ padding-block: calc(var(--spacing) * 3);
+ }
+ .item[data-size='xs'] {
+ gap: calc(var(--spacing) * 2.5);
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2.5);
+ }
+ .item > figure {
+ gap: calc(var(--spacing) * 2);
+ }
+ .item:has(p) > figure {
+ --tw-translate-y: calc(var(--spacing) * 0.5);
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ align-self: flex-start;
+ }
+ .item > figure:has(> svg:only-child) {
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 4);
+ height: calc(var(--spacing) * 4);
+ }
+ }
+ .item > figure:has(img) {
+ width: calc(var(--spacing) * 10);
+ height: calc(var(--spacing) * 10);
+ overflow: hidden;
+ border-radius: 0;
+ }
+ .item[data-size='sm'] > figure:has(img) {
+ width: calc(var(--spacing) * 8);
+ height: calc(var(--spacing) * 8);
+ }
+ .item[data-size='xs'] > figure:has(img) {
+ width: calc(var(--spacing) * 6);
+ height: calc(var(--spacing) * 6);
+ border-radius: 0;
+ }
+ .item > section {
+ gap: calc(var(--spacing) * 1);
+ }
+ .item[data-size='xs'] > section {
+ gap: calc(var(--spacing) * 0.5);
+ }
+ .item :is(h2, h3, h4) {
+ gap: calc(var(--spacing) * 2);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-leading: var(--leading-snug);
+ line-height: var(--leading-snug);
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ text-transform: uppercase;
+ text-underline-offset: 4px;
+ }
+ .item p {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-leading: var(--leading-relaxed);
+ line-height: var(--leading-relaxed);
+ }
+ .item[data-size='xs'] p {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-leading: var(--leading-relaxed);
+ line-height: var(--leading-relaxed);
+ }
+ .item > aside, .item > :is(header, footer) {
+ gap: calc(var(--spacing) * 2);
+ }
+ .item-group {
+ gap: calc(var(--spacing) * 4);
+ }
+ .item-group:has(> .item[data-size='sm']) {
+ gap: calc(var(--spacing) * 2.5);
+ }
+ .item-group:has(> .item[data-size='xs']) {
+ gap: calc(var(--spacing) * 2);
+ }
+ .item-group > hr {
+ margin-block: calc(var(--spacing) * 2);
+ }
+ .kbd {
+ height: calc(var(--spacing) * 5.5);
+ width: fit-content;
+ min-width: calc(var(--spacing) * 5.5);
+ gap: calc(var(--spacing) * 1);
+ border-radius: 0;
+ background-color: var(--color-muted);
+ padding-inline: calc(var(--spacing) * 1.5);
+ font-family: var(--font-sans);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-muted-foreground);
+ :where(*[data-slot="tooltip-content"]) & {
+ background-color: var(--color-background);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-background) 20%, transparent);
+ }
+ }
+ :where(*[data-slot="tooltip-content"]) & {
+ color: var(--color-background);
+ }
+ &:is(.dark *) {
+ :where(*[data-slot="tooltip-content"]) & {
+ background-color: var(--color-background);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-background) 10%, transparent);
+ }
+ }
+ }
+ & svg:not([class*='size-']) {
+ width: calc(var(--spacing) * 3);
+ height: calc(var(--spacing) * 3);
+ }
+ }
+ .kbd-group {
+ gap: calc(var(--spacing) * 1);
+ }
+ .field > label, .label {
+ gap: calc(var(--spacing) * 2);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-leading: var(--leading-relaxed);
+ line-height: var(--leading-relaxed);
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-wide);
+ letter-spacing: var(--tracking-wide);
+ text-transform: uppercase;
+ &:is(:where(.peer):disabled ~ *) {
+ opacity: 50%;
+ }
+ :where(*[data-disabled="true"]) & {
+ opacity: 50%;
+ }
+ }
+ :is(.field > label, .label):has(input[type='checkbox']), :is(.field > label, .label):has(input[type='radio']), :is(.field > label, .label):has(input[role='switch']), :is(input[type='checkbox'], input[type='radio'], input[role='switch']) + :is(.field > label, .label) {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-normal);
+ font-weight: var(--font-weight-normal);
+ --tw-tracking: var(--tracking-normal);
+ letter-spacing: var(--tracking-normal);
+ text-transform: none;
+ }
+ .sidebar nav {
+ background-color: var(--color-sidebar);
+ color: var(--color-sidebar-foreground);
+ }
+ .sidebar nav > header, .sidebar nav > footer {
+ gap: calc(var(--spacing) * 2);
+ padding: calc(var(--spacing) * 2);
+ --radius: 0;
+ }
+ .sidebar nav > section {
+ gap: calc(var(--spacing) * 2);
+ --radius: 0;
+ }
+ .sidebar nav [role=separator] {
+ margin-inline: calc(var(--spacing) * 2);
+ border-color: var(--color-sidebar-border);
+ }
+ .sidebar nav > section > [role=group] {
+ padding: calc(var(--spacing) * 2);
+ }
+ .sidebar nav h3 {
+ height: calc(var(--spacing) * 8);
+ border-radius: 0;
+ padding-inline: calc(var(--spacing) * 3);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-wider);
+ letter-spacing: var(--tracking-wider);
+ color: var(--color-sidebar-foreground);
+ @supports (color: color-mix(in lab, red, red)) {
+ color: color-mix(in oklab, var(--color-sidebar-foreground) 70%, transparent);
+ }
+ text-transform: uppercase;
+ --tw-ring-color: var(--color-sidebar-ring);
+ transition-property: margin,opacity;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
+ --tw-ease: linear;
+ transition-timing-function: linear;
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &>svg {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ .sidebar nav > section > [role=group] > ul {
+ gap: calc(var(--spacing) * 0.5);
+ }
+ .sidebar nav > section > [role=group] {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .sidebar nav li > :is(a, button, details > summary) {
+ gap: calc(var(--spacing) * 2);
+ border-radius: 0;
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 2);
+ text-align: left;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-ring-color: var(--color-sidebar-ring);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-sidebar-accent);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ &:active {
+ background-color: var(--color-sidebar-accent);
+ }
+ &:active {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ &[data-open] {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-sidebar-accent);
+ }
+ }
+ }
+ &[data-open] {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ }
+ }
+ &>svg {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ &>svg {
+ flex-shrink: 0;
+ }
+ }
+ .sidebar nav li > :is(a, button, details > summary):is([aria-current=page], [data-active=true]) {
+ background-color: var(--color-sidebar-accent);
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ color: var(--color-sidebar-accent-foreground);
+ }
+ .sidebar nav li > :is(a, button, details > summary):not([data-variant]), .sidebar nav li > :is(a, button, details > summary)[data-variant=default] {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-sidebar-accent);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ }
+ }
+ .sidebar nav li > :is(a, button, details > summary)[data-variant=outline] {
+ background-color: var(--color-background);
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-sidebar-accent);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ }
+ .sidebar nav li > :is(a, button, details > summary):not([data-size]), .sidebar nav li > :is(a, button, details > summary)[data-size=default] {
+ height: calc(var(--spacing) * 9);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .sidebar nav li > :is(a, button, details > summary)[data-size=sm] {
+ height: calc(var(--spacing) * 8);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ }
+ .sidebar nav li > :is(a, button, details > summary)[data-size=lg] {
+ height: calc(var(--spacing) * 14);
+ padding-inline: calc(var(--spacing) * 3);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .sidebar nav li > details > summary::after {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ .sidebar nav li > details::details-content {
+ padding-inline: calc(var(--spacing) * 3.5);
+ }
+ .sidebar nav ul ul {
+ margin-inline: calc(var(--spacing) * 3.5);
+ --tw-translate-x: 1px;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ gap: calc(var(--spacing) * 1);
+ border-inline-start-style: var(--tw-border-style);
+ border-inline-start-width: 1px;
+ border-color: var(--color-sidebar-border);
+ padding-inline: calc(var(--spacing) * 2.5);
+ padding-block: calc(var(--spacing) * 0.5);
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+ --tw-translate-x: -1px;
+ translate: var(--tw-translate-x) var(--tw-translate-y);
+ }
+ }
+ .sidebar nav ul ul > li > :is(a, button, details > summary) {
+ height: calc(var(--spacing) * 7);
+ gap: calc(var(--spacing) * 2);
+ border-radius: 0;
+ padding-inline: calc(var(--spacing) * 3);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-sidebar-foreground);
+ --tw-ring-color: var(--color-sidebar-ring);
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-sidebar-accent);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:active {
+ background-color: var(--color-sidebar-accent);
+ }
+ &:active {
+ color: var(--color-sidebar-accent-foreground);
+ }
+ &>svg {
+ width: calc(var(--spacing) * 3.5);
+ height: calc(var(--spacing) * 3.5);
+ }
+ }
+ .skeleton {
+ background-color: var(--color-muted);
+ }
+ .table-container {
+ position: relative;
+ width: 100%;
+ overflow-x: auto;
+ }
+ .table {
+ width: 100%;
+ caption-side: bottom;
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ .table thead {
+ & tr {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ }
+ }
+ .table tbody {
+ & tr:last-child {
+ border-style: var(--tw-border-style);
+ border-width: 0px;
+ }
+ }
+ .table tfoot {
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ &>tr {
+ &:last-child {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 0px;
+ }
+ }
+ }
+ .table tr {
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ }
+ }
+ &[data-state="selected"] {
+ background-color: var(--color-muted);
+ }
+ }
+ .table th {
+ height: calc(var(--spacing) * 12);
+ padding-inline: calc(var(--spacing) * 3);
+ text-align: start;
+ vertical-align: middle;
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ --tw-tracking: var(--tracking-wider);
+ letter-spacing: var(--tracking-wider);
+ white-space: nowrap;
+ color: var(--color-muted-foreground);
+ text-transform: uppercase;
+ &:has([role=checkbox]) {
+ padding-inline-end: calc(var(--spacing) * 0);
+ }
+ }
+ .table td {
+ padding: calc(var(--spacing) * 3);
+ vertical-align: middle;
+ white-space: nowrap;
+ &:has([role=checkbox]) {
+ padding-inline-end: calc(var(--spacing) * 0);
+ }
+ }
+ .table caption {
+ margin-top: calc(var(--spacing) * 4);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ color: var(--color-muted-foreground);
+ }
+ [data-tooltip]::before {
+ display: inline-flex;
+ align-items: center;
+ gap: calc(var(--spacing) * 1.5);
+ border-radius: 0;
+ background-color: var(--color-foreground);
+ padding-inline: calc(var(--spacing) * 3);
+ padding-block: calc(var(--spacing) * 1.5);
+ font-size: var(--text-xs);
+ line-height: var(--tw-leading, var(--text-xs--line-height));
+ color: var(--color-background);
+ &:has(*:is(.kbd)) {
+ padding-inline-end: calc(var(--spacing) * 1.5);
+ }
+ & .kbd {
+ position: relative;
+ }
+ & .kbd {
+ isolation: isolate;
+ }
+ & .kbd {
+ z-index: 50;
+ }
+ & .kbd {
+ border-radius: 0;
+ }
+ }
+ [data-tooltip][data-arrow]::after {
+ position: absolute;
+ z-index: 60;
+ width: calc(var(--spacing) * 2.5);
+ height: calc(var(--spacing) * 2.5);
+ rotate: 45deg;
+ border-radius: 0;
+ background-color: var(--color-foreground);
+ }
+ .toast-content {
+ border-radius: 0 !important;
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ background-color: var(--color-popover);
+ color: var(--color-popover-foreground);
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ .field > input[type='range'], .input[type='range'] {
+ height: calc(var(--spacing) * 5);
+ --slider-track-height: 0.125rem;
+ --slider-thumb-size: 0.75rem;
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-webkit-slider-runnable-track {
+ height: calc(var(--spacing) * 0.5);
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
+ }
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-moz-range-track {
+ height: calc(var(--spacing) * 0.5);
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
+ }
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-ms-track {
+ height: calc(var(--spacing) * 0.5);
+ background-color: var(--color-input);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
+ }
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-ms-fill-lower, :is(.field > input[type='range'], .input[type='range'])::-ms-fill-upper {
+ border-radius: inherit;
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-webkit-slider-thumb {
+ margin-top: calc(calc((var(--slider-thumb-size) - var(--slider-track-height)) / 2) * -1);
+ width: calc(var(--spacing) * 3);
+ height: calc(var(--spacing) * 3);
+ --tw-border-style: none;
+ border-style: none;
+ background-color: var(--color-primary);
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:hover {
+ @media (hover: hover) {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-moz-range-thumb {
+ width: calc(var(--spacing) * 3);
+ height: calc(var(--spacing) * 3);
+ --tw-border-style: none;
+ border-style: none;
+ background-color: var(--color-primary);
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:hover {
+ @media (hover: hover) {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ }
+ :is(.field > input[type='range'], .input[type='range'])::-ms-thumb {
+ width: calc(var(--spacing) * 3);
+ height: calc(var(--spacing) * 3);
+ --tw-border-style: none;
+ border-style: none;
+ background-color: var(--color-primary);
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ &:hover {
+ @media (hover: hover) {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ }
+ &:hover {
+ @media (hover: hover) {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ }
+ &:focus-visible {
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ }
+ &:focus-visible {
+ --tw-ring-color: var(--color-ring);
+ @supports (color: color-mix(in lab, red, red)) {
+ --tw-ring-color: color-mix(in oklab, var(--color-ring) 30%, transparent);
+ }
+ }
+ &:focus-visible {
+ --tw-outline-style: none;
+ outline-style: none;
+ @media (forced-colors: active) {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ }
+ }
+ }
+}
+.theme-claude {
+ &:root {
+ --background: oklch(0.98 0.01 95.10);
+ --foreground: oklch(0.34 0.03 95.72);
+ --card: oklch(0.98 0.01 95.10);
+ --card-foreground: oklch(0.19 0.00 106.59);
+ --popover: oklch(1.00 0 0);
+ --popover-foreground: oklch(0.27 0.02 98.94);
+ --primary: oklch(0.62 0.14 39.04);
+ --primary-foreground: oklch(1.00 0 0);
+ --secondary: oklch(0.92 0.01 92.99);
+ --secondary-foreground: oklch(0.43 0.02 98.60);
+ --muted: oklch(0.93 0.02 90.24);
+ --muted-foreground: oklch(0.61 0.01 97.42);
+ --accent: oklch(0.92 0.01 92.99);
+ --accent-foreground: oklch(0.27 0.02 98.94);
+ --destructive: oklch(0.19 0.00 106.59);
+ --destructive-foreground: oklch(1.00 0 0);
+ --border: oklch(0.88 0.01 97.36);
+ --input: oklch(0.76 0.02 98.35);
+ --ring: oklch(0.59 0.17 253.06);
+ --chart-1: oklch(0.56 0.13 43.00);
+ --chart-2: oklch(0.69 0.16 290.41);
+ --chart-3: oklch(0.88 0.03 93.13);
+ --chart-4: oklch(0.88 0.04 298.18);
+ --chart-5: oklch(0.56 0.13 42.06);
+ --sidebar: oklch(0.97 0.01 98.88);
+ --sidebar-foreground: oklch(0.36 0.01 106.65);
+ --sidebar-primary: oklch(0.62 0.14 39.04);
+ --sidebar-primary-foreground: oklch(0.99 0 0);
+ --sidebar-accent: oklch(0.92 0.01 92.99);
+ --sidebar-accent-foreground: oklch(0.33 0 0);
+ --sidebar-border: oklch(0.94 0 0);
+ --sidebar-ring: oklch(0.77 0 0);
+ --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --radius: 0.5rem;
+ --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+ --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+ --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
+ --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
+ --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
+ --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
+ --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
+ --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+ }
+ &.dark {
+ --background: oklch(0.27 0.00 106.64);
+ --foreground: oklch(0.81 0.01 93.01);
+ --card: oklch(0.27 0.00 106.64);
+ --card-foreground: oklch(0.98 0.01 95.10);
+ --popover: oklch(0.31 0.00 106.60);
+ --popover-foreground: oklch(0.92 0.00 106.48);
+ --primary: oklch(0.67 0.13 38.76);
+ --primary-foreground: oklch(1.00 0 0);
+ --secondary: oklch(0.98 0.01 95.10);
+ --secondary-foreground: oklch(0.31 0.00 106.60);
+ --muted: oklch(0.22 0.00 106.71);
+ --muted-foreground: oklch(0.77 0.02 99.07);
+ --accent: oklch(0.21 0.01 95.42);
+ --accent-foreground: oklch(0.97 0.01 98.88);
+ --destructive: oklch(0.64 0.21 25.33);
+ --destructive-foreground: oklch(1.00 0 0);
+ --border: oklch(0.36 0.01 106.89);
+ --input: oklch(0.43 0.01 100.22);
+ --ring: oklch(0.59 0.17 253.06);
+ --chart-1: oklch(0.56 0.13 43.00);
+ --chart-2: oklch(0.69 0.16 290.41);
+ --chart-3: oklch(0.21 0.01 95.42);
+ --chart-4: oklch(0.31 0.05 289.32);
+ --chart-5: oklch(0.56 0.13 42.06);
+ --sidebar: oklch(0.24 0.00 67.71);
+ --sidebar-foreground: oklch(0.81 0.01 93.01);
+ --sidebar-primary: oklch(0.33 0 0);
+ --sidebar-primary-foreground: oklch(0.99 0 0);
+ --sidebar-accent: oklch(0.17 0.00 106.62);
+ --sidebar-accent-foreground: oklch(0.81 0.01 93.01);
+ --sidebar-border: oklch(0.94 0 0);
+ --sidebar-ring: oklch(0.77 0 0);
+ --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --radius: 0.5rem;
+ --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+ --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+ --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
+ --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
+ --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
+ --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
+ --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
+ --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+ }
+}
+.theme-doom-64 {
+ &:root {
+ --background: oklch(0.85 0 0);
+ --foreground: oklch(0.24 0 0);
+ --card: oklch(0.76 0 0);
+ --card-foreground: oklch(0.24 0 0);
+ --popover: oklch(0.76 0 0);
+ --popover-foreground: oklch(0.24 0 0);
+ --primary: oklch(0.50 0.19 27.48);
+ --primary-foreground: oklch(1.00 0 0);
+ --secondary: oklch(0.50 0.09 126.19);
+ --secondary-foreground: oklch(1.00 0 0);
+ --muted: oklch(0.78 0 0);
+ --muted-foreground: oklch(0.41 0 0);
+ --accent: oklch(0.59 0.10 245.74);
+ --accent-foreground: oklch(1.00 0 0);
+ --destructive: oklch(0.71 0.20 46.46);
+ --destructive-foreground: oklch(0 0 0);
+ --border: oklch(0.43 0 0);
+ --input: oklch(0.43 0 0);
+ --ring: oklch(0.50 0.19 27.48);
+ --chart-1: oklch(0.50 0.19 27.48);
+ --chart-2: oklch(0.50 0.09 126.19);
+ --chart-3: oklch(0.59 0.10 245.74);
+ --chart-4: oklch(0.71 0.20 46.46);
+ --chart-5: oklch(0.57 0.04 40.43);
+ --sidebar: oklch(0.76 0 0);
+ --sidebar-foreground: oklch(0.24 0 0);
+ --sidebar-primary: oklch(0.50 0.19 27.48);
+ --sidebar-primary-foreground: oklch(1.00 0 0);
+ --sidebar-accent: oklch(0.59 0.10 245.74);
+ --sidebar-accent-foreground: oklch(1.00 0 0);
+ --sidebar-border: oklch(0.43 0 0);
+ --sidebar-ring: oklch(0.50 0.19 27.48);
+ --font-sans: "Oxanium", sans-serif;
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: "Source Code Pro", monospace;
+ --radius: 0px;
+ --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.20);
+ --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.20);
+ --shadow-sm: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
+ --shadow: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
+ --shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 2px 4px -1px hsl(0 0% 0% / 0.40);
+ --shadow-lg: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 4px 6px -1px hsl(0 0% 0% / 0.40);
+ --shadow-xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 8px 10px -1px hsl(0 0% 0% / 0.40);
+ --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 1.00);
+ }
+ &.dark {
+ --background: oklch(0.22 0 0);
+ --foreground: oklch(0.91 0 0);
+ --card: oklch(0.29 0 0);
+ --card-foreground: oklch(0.91 0 0);
+ --popover: oklch(0.29 0 0);
+ --popover-foreground: oklch(0.91 0 0);
+ --primary: oklch(0.61 0.21 27.03);
+ --primary-foreground: oklch(1.00 0 0);
+ --secondary: oklch(0.64 0.15 133.01);
+ --secondary-foreground: oklch(0 0 0);
+ --muted: oklch(0.26 0 0);
+ --muted-foreground: oklch(0.71 0 0);
+ --accent: oklch(0.75 0.12 244.75);
+ --accent-foreground: oklch(0 0 0);
+ --destructive: oklch(0.78 0.17 68.09);
+ --destructive-foreground: oklch(0 0 0);
+ --border: oklch(0.41 0 0);
+ --input: oklch(0.41 0 0);
+ --ring: oklch(0.61 0.21 27.03);
+ --chart-1: oklch(0.61 0.21 27.03);
+ --chart-2: oklch(0.64 0.15 133.01);
+ --chart-3: oklch(0.75 0.12 244.75);
+ --chart-4: oklch(0.78 0.17 68.09);
+ --chart-5: oklch(0.65 0.03 40.80);
+ --sidebar: oklch(0.19 0 0);
+ --sidebar-foreground: oklch(0.91 0 0);
+ --sidebar-primary: oklch(0.61 0.21 27.03);
+ --sidebar-primary-foreground: oklch(1.00 0 0);
+ --sidebar-accent: oklch(0.75 0.12 244.75);
+ --sidebar-accent-foreground: oklch(0 0 0);
+ --sidebar-border: oklch(0.41 0 0);
+ --sidebar-ring: oklch(0.61 0.21 27.03);
+ --font-sans: "Oxanium", sans-serif;
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: "Source Code Pro", monospace;
+ --radius: 0px;
+ --shadow-2xs: 0px 2px 5px 0px hsl(0 0% 0% / 0.30);
+ --shadow-xs: 0px 2px 5px 0px hsl(0 0% 0% / 0.30);
+ --shadow-sm: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 1px 2px -1px hsl(0 0% 0% / 0.60);
+ --shadow: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 1px 2px -1px hsl(0 0% 0% / 0.60);
+ --shadow-md: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 2px 4px -1px hsl(0 0% 0% / 0.60);
+ --shadow-lg: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 4px 6px -1px hsl(0 0% 0% / 0.60);
+ --shadow-xl: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 8px 10px -1px hsl(0 0% 0% / 0.60);
+ --shadow-2xl: 0px 2px 5px 0px hsl(0 0% 0% / 1.50);
+ }
+}
+.theme-supabase {
+ &:root {
+ --background: oklch(0.99 0 0);
+ --foreground: oklch(0.20 0 0);
+ --card: oklch(0.99 0 0);
+ --card-foreground: oklch(0.20 0 0);
+ --popover: oklch(0.99 0 0);
+ --popover-foreground: oklch(0.44 0 0);
+ --primary: oklch(0.83 0.13 160.91);
+ --primary-foreground: oklch(0.26 0.01 166.46);
+ --secondary: oklch(0.99 0 0);
+ --secondary-foreground: oklch(0.20 0 0);
+ --muted: oklch(0.95 0 0);
+ --muted-foreground: oklch(0.24 0 0);
+ --accent: oklch(0.95 0 0);
+ --accent-foreground: oklch(0.24 0 0);
+ --destructive: oklch(0.55 0.19 32.73);
+ --destructive-foreground: oklch(0.99 0.00 17.21);
+ --border: oklch(0.90 0 0);
+ --input: oklch(0.90 0 0);
+ --ring: oklch(0.83 0.13 160.91);
+ --chart-1: oklch(0.83 0.13 160.91);
+ --chart-2: oklch(0.62 0.19 259.81);
+ --chart-3: oklch(0.61 0.22 292.72);
+ --chart-4: oklch(0.77 0.16 70.08);
+ --chart-5: oklch(0.70 0.15 162.48);
+ --sidebar: oklch(0.99 0 0);
+ --sidebar-foreground: oklch(0.55 0 0);
+ --sidebar-primary: oklch(0.83 0.13 160.91);
+ --sidebar-primary-foreground: oklch(0.26 0.01 166.46);
+ --sidebar-accent: oklch(0.95 0 0);
+ --sidebar-accent-foreground: oklch(0.24 0 0);
+ --sidebar-border: oklch(0.90 0 0);
+ --sidebar-ring: oklch(0.83 0.13 160.91);
+ --font-sans: Outfit, sans-serif;
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: monospace;
+ --radius: 0.5rem;
+ --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
+ --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
+ --shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
+ --shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
+ --shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 2px 4px -1px hsl(0 0% 0% / 0.17);
+ --shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 4px 6px -1px hsl(0 0% 0% / 0.17);
+ --shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 8px 10px -1px hsl(0 0% 0% / 0.17);
+ --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.43);
+ --tracking-normal: 0.025em;
+ }
+ &.dark {
+ --background: oklch(0.18 0 0);
+ --foreground: oklch(0.93 0.01 255.51);
+ --card: oklch(0.20 0 0);
+ --card-foreground: oklch(0.93 0.01 255.51);
+ --popover: oklch(0.26 0 0);
+ --popover-foreground: oklch(0.73 0 0);
+ --primary: oklch(0.44 0.10 156.76);
+ --primary-foreground: oklch(0.92 0.01 167.16);
+ --secondary: oklch(0.26 0 0);
+ --secondary-foreground: oklch(0.99 0 0);
+ --muted: oklch(0.24 0 0);
+ --muted-foreground: oklch(0.71 0 0);
+ --accent: oklch(0.31 0 0);
+ --accent-foreground: oklch(0.99 0 0);
+ --destructive: oklch(0.31 0.09 29.79);
+ --destructive-foreground: oklch(0.94 0.00 34.31);
+ --border: oklch(0.28 0 0);
+ --input: oklch(0.28 0 0);
+ --ring: oklch(0.80 0.18 151.71);
+ --chart-1: oklch(0.80 0.18 151.71);
+ --chart-2: oklch(0.71 0.14 254.62);
+ --chart-3: oklch(0.71 0.16 293.54);
+ --chart-4: oklch(0.84 0.16 84.43);
+ --chart-5: oklch(0.78 0.13 181.91);
+ --sidebar: oklch(0.18 0 0);
+ --sidebar-foreground: oklch(0.63 0 0);
+ --sidebar-primary: oklch(0.44 0.10 156.76);
+ --sidebar-primary-foreground: oklch(0.92 0.01 167.16);
+ --sidebar-accent: oklch(0.31 0 0);
+ --sidebar-accent-foreground: oklch(0.99 0 0);
+ --sidebar-border: oklch(0.28 0 0);
+ --sidebar-ring: oklch(0.80 0.18 151.71);
+ --font-sans: Outfit, sans-serif;
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --font-mono: monospace;
+ --radius: 0.5rem;
+ --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
+ --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
+ --shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
+ --shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
+ --shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 2px 4px -1px hsl(0 0% 0% / 0.17);
+ --shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 4px 6px -1px hsl(0 0% 0% / 0.17);
+ --shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 8px 10px -1px hsl(0 0% 0% / 0.17);
+ --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.43);
+ }
+ body {
+ letter-spacing: var(--tracking-normal);
+ }
+}
+:root {
+ --font-sans: "Geist Sans", ui-sans-serif, system-ui, sans-serif;
+ --font-heading: "Geist Sans", ui-sans-serif, system-ui, sans-serif;
+ --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+}
+.htmx-indicator {
+ visibility: hidden;
+ opacity: 0%;
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
+ transition-behavior: allow-discrete;
+}
+.htmx-indicator:not(.htmx-request) {
+ display: none;
+}
+.htmx-request, .htmx-request.htmx-indicator {
+ visibility: visible;
+ opacity: 100%;
+}
+.content {
+ pre {
+ display: grid;
+ max-height: 650px;
+ overflow-y: auto;
+ border-radius: var(--radius-lg);
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
+ }
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ pre > code {
+ display: block;
+ border-radius: inherit;
+ background-color: transparent;
+ padding: calc(var(--spacing) * 3.5);
+ font-family: var(--font-mono);
+ }
+ pre > code.hljs {
+ background-color: transparent !important;
+ }
+ > h2 {
+ margin-top: calc(var(--spacing) * 12);
+ margin-bottom: calc(var(--spacing) * 6);
+ scroll-margin: calc(var(--spacing) * 22);
+ font-size: var(--text-2xl);
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-tight);
+ letter-spacing: var(--tracking-tight);
+ &:first-child {
+ margin-top: calc(var(--spacing) * 0);
+ }
+ @media (width >= 64rem) {
+ margin-top: calc(var(--spacing) * 20);
+ }
+ }
+ > h3 {
+ margin-top: calc(var(--spacing) * 8);
+ margin-bottom: calc(var(--spacing) * 6);
+ scroll-margin: calc(var(--spacing) * 22);
+ font-size: var(--text-xl);
+ line-height: var(--tw-leading, var(--text-xl--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-tight);
+ letter-spacing: var(--tracking-tight);
+ }
+ > h4 {
+ margin-block: calc(var(--spacing) * 6);
+ scroll-margin: calc(var(--spacing) * 22);
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ --tw-tracking: var(--tracking-tight);
+ letter-spacing: var(--tracking-tight);
+ }
+ .prose {
+ margin-block: calc(var(--spacing) * 6);
+ a {
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ text-decoration-line: underline;
+ text-underline-offset: 4px;
+ }
+ code:not(pre > code) {
+ position: relative;
+ border-radius: var(--radius-md);
+ background-color: var(--color-muted);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
+ }
+ padding-inline: 0.3rem;
+ padding-block: 0.2rem;
+ font-family: var(--font-mono);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+ blockquote {
+ border-left-style: var(--tw-border-style);
+ border-left-width: 4px;
+ border-color: var(--color-border);
+ padding-left: calc(var(--spacing) * 4);
+ }
+ ol {
+ margin-left: calc(var(--spacing) * 6);
+ list-style-type: decimal;
+ }
+ ul {
+ margin-left: calc(var(--spacing) * 6);
+ list-style-type: disc;
+ }
+ ol, ul {
+ li {
+ margin-top: calc(var(--spacing) * 2);
+ }
+ }
+ dl {
+ margin-block: calc(var(--spacing) * 6);
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 1px;
+ padding-bottom: calc(var(--spacing) * 3);
+ dt {
+ margin-top: calc(var(--spacing) * 3);
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ padding-top: calc(var(--spacing) * 3);
+ &:first-child {
+ margin-top: calc(var(--spacing) * 0);
+ }
+ }
+ dd {
+ margin-top: calc(var(--spacing) * 2);
+ :where(& > :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)));
+ }
+ }
+ dl {
+ margin-block: calc(var(--spacing) * 0);
+ margin-top: calc(var(--spacing) * 4);
+ border-bottom-style: var(--tw-border-style);
+ border-bottom-width: 0px;
+ padding-bottom: calc(var(--spacing) * 0);
+ padding-left: calc(var(--spacing) * 8);
+ }
+ }
+ b, strong {
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ }
+ > p, > blockquote, > ul, > ol, > dl, > table, > pre, > p {
+ margin-block: calc(var(--spacing) * 6);
+ }
+ > *:first-child {
+ margin-top: calc(var(--spacing) * 0) !important;
+ }
+ > *:last-child {
+ margin-bottom: calc(var(--spacing) * 0) !important;
+ }
+ }
+ .step {
+ counter-increment: step;
+ &:before {
+ position: absolute;
+ margin-right: calc(var(--spacing) * 2);
+ display: inline-flex;
+ height: calc(var(--spacing) * 8);
+ width: calc(var(--spacing) * 8);
+ align-items: center;
+ justify-content: center;
+ border-radius: calc(infinity * 1px);
+ border-style: var(--tw-border-style);
+ border-width: 4px;
+ border-color: var(--color-background);
+ background-color: var(--color-muted);
+ text-align: center;
+ text-indent: -1px;
+ font-family: var(--font-mono);
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ --tw-font-weight: var(--font-weight-semibold);
+ font-weight: var(--font-weight-semibold);
+ @media (width >= 48rem) {
+ height: calc(var(--spacing) * 9);
+ }
+ @media (width >= 48rem) {
+ width: calc(var(--spacing) * 9);
+ }
+ @media (width >= 48rem) {
+ margin-top: -4px;
+ }
+ @media (width >= 48rem) {
+ margin-left: -50px;
+ }
+ content: counter(step);
+ }
+ > h3 {
+ display: flex;
+ min-height: calc(var(--spacing) * 8);
+ align-items: center;
+ @media (width < 48rem) {
+ margin-left: calc(var(--spacing) * 10);
+ }
+ }
+ }
+}
+:root {
+ --hljs-bg: #fff;
+ --hljs-color: #24292e;
+ --hljs-keyword: #d73a49;
+ --hljs-title: #6f42c1;
+ --hljs-literal: #005cc5;
+ --hljs-string: #032f62;
+ --hljs-symbol: #e36209;
+ --hljs-comment: #6a737d;
+ --hljs-tag: #22863a;
+ --hljs-section: #005cc5;
+ --hljs-bullet: #735c0f;
+ --hljs-addition-color: #22863a;
+ --hljs-addition-bg: #f0fff4;
+ --hljs-deletion-color: #b31d28;
+ --hljs-deletion-bg: #ffeef0;
+}
+html.dark {
+ --hljs-bg: #0d1117;
+ --hljs-color: #c9d1d9;
+ --hljs-keyword: #ff7b72;
+ --hljs-title: #d2a8ff;
+ --hljs-literal: #79c0ff;
+ --hljs-string: #a5d6ff;
+ --hljs-symbol: #ffa657;
+ --hljs-comment: #8b949e;
+ --hljs-tag: #7ee787;
+ --hljs-section: #1f6feb;
+ --hljs-bullet: #f2cc60;
+ --hljs-addition-color: #aff5b4;
+ --hljs-addition-bg: #033a16;
+ --hljs-deletion-color: #ffdcd7;
+ --hljs-deletion-bg: #67060c;
+}
+pre code.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 1em;
+}
+code.hljs {
+ padding: 3px 5px;
+}
+.hljs {
+ color: var(--hljs-color);
+ background: var(--hljs-bg);
+}
+.hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ {
+ color: var(--hljs-keyword);
+}
+.hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ {
+ color: var(--hljs-title);
+}
+.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable {
+ color: var(--hljs-literal);
+}
+.hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
+ color: var(--hljs-string);
+}
+.hljs-built_in, .hljs-symbol {
+ color: var(--hljs-symbol);
+}
+.hljs-code, .hljs-comment, .hljs-formula {
+ color: var(--hljs-comment);
+}
+.hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag {
+ color: var(--hljs-tag);
+}
+.hljs-subst {
+ color: var(--hljs-color);
+}
+.hljs-section {
+ color: var(--hljs-section);
+ font-weight: 700;
+}
+.hljs-bullet {
+ color: var(--hljs-bullet);
+}
+.hljs-emphasis {
+ font-style: italic;
+}
+.hljs-strong {
+ font-weight: 700;
+}
+.hljs-addition {
+ color: var(--hljs-addition-color);
+ background-color: var(--hljs-addition-bg);
+}
+.hljs-deletion {
+ color: var(--hljs-deletion-color);
+ background-color: var(--hljs-deletion-bg);
+}
+@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-rotate-x {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-rotate-y {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-rotate-z {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-skew-x {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-skew-y {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-space-y-reverse {
+ syntax: "*";
+ inherits: false;
+ initial-value: 0;
+}
+@property --tw-space-x-reverse {
+ syntax: "*";
+ inherits: false;
+ initial-value: 0;
+}
+@property --tw-border-style {
+ syntax: "*";
+ inherits: false;
+ initial-value: solid;
+}
+@property --tw-leading {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-font-weight {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-tracking {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-ordinal {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-slashed-zero {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-numeric-figure {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-numeric-spacing {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-numeric-fraction {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-shadow {
+ syntax: "*";
+ inherits: false;
+ initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-shadow-alpha {
+ syntax: "";
+ 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: "";
+ 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: "";
+ inherits: false;
+ initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+ syntax: "*";
+ inherits: false;
+ initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+ syntax: "*";
+ inherits: false;
+ initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+ syntax: "*";
+ inherits: false;
+ initial-value: solid;
+}
+@property --tw-blur {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-brightness {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-contrast {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-grayscale {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-hue-rotate {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-invert {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-opacity {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-saturate {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-sepia {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-drop-shadow {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-drop-shadow-color {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+ syntax: "";
+ inherits: false;
+ initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-blur {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-brightness {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-contrast {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-grayscale {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-invert {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-opacity {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-saturate {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-backdrop-sepia {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-duration {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-ease {
+ syntax: "*";
+ inherits: false;
+}
+@property --tw-content {
+ syntax: "*";
+ initial-value: "";
+ inherits: false;
+}
+@property --tw-scale-x {
+ syntax: "*";
+ inherits: false;
+ initial-value: 1;
+}
+@property --tw-scale-y {
+ syntax: "*";
+ inherits: false;
+ initial-value: 1;
+}
+@property --tw-scale-z {
+ syntax: "*";
+ inherits: false;
+ initial-value: 1;
+}
+@keyframes spin {
+ to {
+ transform: rotate(360deg);
+ }
+}
+@keyframes pulse {
+ 50% {
+ opacity: 0.5;
+ }
+}
+@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-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-translate-z: 0;
+ --tw-rotate-x: initial;
+ --tw-rotate-y: initial;
+ --tw-rotate-z: initial;
+ --tw-skew-x: initial;
+ --tw-skew-y: initial;
+ --tw-space-y-reverse: 0;
+ --tw-space-x-reverse: 0;
+ --tw-border-style: solid;
+ --tw-leading: initial;
+ --tw-font-weight: initial;
+ --tw-tracking: initial;
+ --tw-ordinal: initial;
+ --tw-slashed-zero: initial;
+ --tw-numeric-figure: initial;
+ --tw-numeric-spacing: initial;
+ --tw-numeric-fraction: initial;
+ --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;
+ --tw-outline-style: solid;
+ --tw-blur: initial;
+ --tw-brightness: initial;
+ --tw-contrast: initial;
+ --tw-grayscale: initial;
+ --tw-hue-rotate: initial;
+ --tw-invert: initial;
+ --tw-opacity: initial;
+ --tw-saturate: initial;
+ --tw-sepia: initial;
+ --tw-drop-shadow: initial;
+ --tw-drop-shadow-color: initial;
+ --tw-drop-shadow-alpha: 100%;
+ --tw-drop-shadow-size: initial;
+ --tw-backdrop-blur: initial;
+ --tw-backdrop-brightness: initial;
+ --tw-backdrop-contrast: initial;
+ --tw-backdrop-grayscale: initial;
+ --tw-backdrop-hue-rotate: initial;
+ --tw-backdrop-invert: initial;
+ --tw-backdrop-opacity: initial;
+ --tw-backdrop-saturate: initial;
+ --tw-backdrop-sepia: initial;
+ --tw-duration: initial;
+ --tw-ease: initial;
+ --tw-content: "";
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-scale-z: 1;
+ }
+ }
+}