frutjam/dist/frutjam.min.css

A utility-first CSS UI Library for Tailwind CSS

/*! frutjam v2.2.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme, base, components, utilities;@layer theme{:host,:root{--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-600:oklch(57.7% 0.245 27.325);--color-neutral-50:var(--color-neutral-50);--color-neutral-100:var(--color-neutral-100);--color-neutral-200:var(--color-neutral-200);--color-neutral-300:var(--color-neutral-300);--color-neutral-400:var(--color-neutral-400);--color-neutral-500:var(--color-neutral-500);--color-neutral-600:var(--color-neutral-600);--color-neutral-700:var(--color-neutral-700);--color-neutral-800:var(--color-neutral-800);--color-neutral-900:var(--color-neutral-900);--color-neutral-950:var(--color-neutral-950);--color-white:#fff;--spacing:0.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-8xl:6rem;--text-9xl:8rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-0.025em;--tracking-widest:0.1em;--leading-relaxed:1.625;--radius-sm:0.25rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--animate-ping:ping 1s cubic-bezier(0,0,0.2,1) infinite;--animate-bounce:bounce 1s infinite;--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-base:var(--color-base-500);--color-on-base:var(--color-on-base);--color-base-soft:var(--color-base-soft);--color-on-base-soft:var(--color-on-base-soft);--color-base-active:var(--color-base-active);--color-base-50:var(--color-base-50);--color-base-100:var(--color-base-100);--color-base-200:var(--color-base-200);--color-base-300:var(--color-base-300);--color-base-400:var(--color-base-400);--color-base-500:var(--color-base-500);--color-base-600:var(--color-base-600);--color-base-700:var(--color-base-700);--color-base-800:var(--color-base-800);--color-base-900:var(--color-base-900);--color-base-950:var(--color-base-950);--color-neutral:var(--color-neutral-500);--color-on-neutral:var(--color-on-neutral);--color-neutral-soft:var(--color-neutral-soft);--color-on-neutral-soft:var(--color-on-neutral-soft);--color-neutral-active:var(--color-neutral-active);--color-primary:var(--color-primary-500);--color-on-primary:var(--color-on-primary);--color-primary-soft:var(--color-primary-soft);--color-on-primary-soft:var(--color-on-primary-soft);--color-primary-active:var(--color-primary-active);--color-primary-50:var(--color-primary-50);--color-primary-100:var(--color-primary-100);--color-primary-200:var(--color-primary-200);--color-primary-300:var(--color-primary-300);--color-primary-400:var(--color-primary-400);--color-primary-500:var(--color-primary-500);--color-primary-600:var(--color-primary-600);--color-primary-700:var(--color-primary-700);--color-primary-800:var(--color-primary-800);--color-primary-900:var(--color-primary-900);--color-primary-950:var(--color-primary-950);--color-secondary:var(--color-secondary-500);--color-on-secondary:var(--color-on-secondary);--color-secondary-soft:var(--color-secondary-soft);--color-on-secondary-soft:var(--color-on-secondary-soft);--color-secondary-active:var(--color-secondary-active);--color-secondary-50:var(--color-secondary-50);--color-secondary-100:var(--color-secondary-100);--color-secondary-200:var(--color-secondary-200);--color-secondary-300:var(--color-secondary-300);--color-secondary-400:var(--color-secondary-400);--color-secondary-500:var(--color-secondary-500);--color-secondary-600:var(--color-secondary-600);--color-secondary-700:var(--color-secondary-700);--color-secondary-800:var(--color-secondary-800);--color-secondary-900:var(--color-secondary-900);--color-secondary-950:var(--color-secondary-950);--color-accent:var(--color-accent-500);--color-on-accent:var(--color-on-accent);--color-accent-soft:var(--color-accent-soft);--color-on-accent-soft:var(--color-on-accent-soft);--color-accent-active:var(--color-accent-active);--color-accent-50:var(--color-accent-50);--color-accent-100:var(--color-accent-100);--color-accent-200:var(--color-accent-200);--color-accent-300:var(--color-accent-300);--color-accent-400:var(--color-accent-400);--color-accent-500:var(--color-accent-500);--color-accent-600:var(--color-accent-600);--color-accent-700:var(--color-accent-700);--color-accent-800:var(--color-accent-800);--color-accent-900:var(--color-accent-900);--color-accent-950:var(--color-accent-950);--color-info:var(--color-info-500);--color-on-info:var(--color-on-info);--color-info-soft:var(--color-info-soft);--color-on-info-soft:var(--color-on-info-soft);--color-info-active:var(--color-info-active);--color-info-50:var(--color-info-50);--color-info-100:var(--color-info-100);--color-info-200:var(--color-info-200);--color-info-300:var(--color-info-300);--color-info-400:var(--color-info-400);--color-info-500:var(--color-info-500);--color-info-600:var(--color-info-600);--color-info-700:var(--color-info-700);--color-info-800:var(--color-info-800);--color-info-900:var(--color-info-900);--color-info-950:var(--color-info-950);--color-success:var(--color-success-500);--color-on-success:var(--color-on-success);--color-success-soft:var(--color-success-soft);--color-on-success-soft:var(--color-on-success-soft);--color-success-active:var(--color-success-active);--color-success-50:var(--color-success-50);--color-success-100:var(--color-success-100);--color-success-200:var(--color-success-200);--color-success-300:var(--color-success-300);--color-success-400:var(--color-success-400);--color-success-500:var(--color-success-500);--color-success-600:var(--color-success-600);--color-success-700:var(--color-success-700);--color-success-800:var(--color-success-800);--color-success-900:var(--color-success-900);--color-success-950:var(--color-success-950);--color-warning:var(--color-warning-500);--color-on-warning:var(--color-on-warning);--color-warning-soft:var(--color-warning-soft);--color-on-warning-soft:var(--color-on-warning-soft);--color-warning-active:var(--color-warning-active);--color-warning-50:var(--color-warning-50);--color-warning-100:var(--color-warning-100);--color-warning-200:var(--color-warning-200);--color-warning-300:var(--color-warning-300);--color-warning-400:var(--color-warning-400);--color-warning-500:var(--color-warning-500);--color-warning-600:var(--color-warning-600);--color-warning-700:var(--color-warning-700);--color-warning-800:var(--color-warning-800);--color-warning-900:var(--color-warning-900);--color-warning-950:var(--color-warning-950);--color-error:var(--color-error-500);--color-on-error:var(--color-on-error);--color-error-soft:var(--color-error-soft);--color-on-error-soft:var(--color-on-error-soft);--color-error-active:var(--color-error-active);--color-error-50:var(--color-error-50);--color-error-100:var(--color-error-100);--color-error-200:var(--color-error-200);--color-error-300:var(--color-error-300);--color-error-400:var(--color-error-400);--color-error-500:var(--color-error-500);--color-error-600:var(--color-error-600);--color-error-700:var(--color-error-700);--color-error-800:var(--color-error-800);--color-error-900:var(--color-error-900);--color-error-950:var(--color-error-950)}}@layer base{*,::backdrop,::file-selector-button,:after,:before{box-sizing:border-box;margin:0;padding:0;border:0 solid}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;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,pre,samp{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:-.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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}::file-selector-button,button,input,optgroup,select,textarea{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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::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-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.diff{position:relative;display:grid;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;direction:ltr;container-type:inline-size;border-radius:calc(var(--border-radius)*2)}.drawer{border:none;pointer-events:none;visibility:hidden;position:fixed;inset:0;margin:0;padding:0;display:grid;width:100%;height:100%;max-width:none;max-height:none;place-items:start;color:inherit;z-index:999;overflow:hidden;overscroll-behavior:contain;&::backdrop,&:not(drawer:not([open]):not(.drawer-open)){@starting-style{visibility:hidden}opacity:1;background-color:light-dark(#000,#000);@supports (color:color-mix(in lab,red,red)){background-color:light-dark(color-mix(in oklch,#000 10%,var(--color-base-600) 40%),color-mix(in oklch,#000 10%,var(--color-base-400) 40%))}}&.drawer-open,&[open]{@starting-style{visibility:hidden}pointer-events:auto;visibility:visible;.drawer-content{translate:0 0;scale:1}}}.modal{border:none;color:inherit;--radius-modal:calc(var(--border-radius)*4);position:fixed;inset:0;margin:0;display:grid;align-items:center;justify-items:center;width:100%;height:100%;max-width:none;max-height:none;z-index:999;padding:.75rem;overflow:hidden;overscroll-behavior:contain;pointer-events:none;visibility:hidden;background-color:transparent;transition:visibility allow-discrete .2s ease,overlay allow-discrete .2s ease;&::backdrop{background-color:light-dark(#000,#000);@supports (color:color-mix(in lab,red,red)){background-color:light-dark(color-mix(in oklch,#000 10%,var(--color-base-600) 40%),color-mix(in oklch,#000 10%,var(--color-base-400) 40%))}opacity:0;transition:opacity .2s ease-out}&[open]{pointer-events:auto;visibility:visible;&::backdrop{opacity:1}@starting-style{&::backdrop{opacity:0}}--modal-content--translate:0 0;--modal-content--scale:1;--modal-content--opacity:1}}.tooltip{position:relative;display:inline-block;--color-tooltip:var(--color-neutral);--color-on-tooltip:var(--color-on-neutral);--tooltip-content:calc(100% + 0.5rem);--tooltip-tail:calc(100% + 1px + 0.25rem);--radius-tooltip:calc(var(--border-radius)*2);&>.tooltip-content,&[data-tip]:before{color:var(--color-on-tooltip);border-radius:var(--radius-tooltip);max-width:20rem;padding-inline:.5rem;padding-block:.25rem;text-align:center;white-space:normal;font-size:.875rem;line-height:1.25;width:-moz-max-content;width:max-content;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);inset:auto auto var(--tooltip-content) 50%}&:after,&>.tooltip-content,&[data-tip]:before{position:absolute;opacity:0;background-color:var(--color-tooltip);pointer-events:none;transform:translateX(-50%) translateY(var(--tooltip-placement,.25rem))}&:after{content:"";width:.625rem;height:.25rem;display:block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:-1px 0;mask-position:-1px 0;--mask-tooltip:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='4' fill='none' viewBox='0 0 8 4'%3E%3Cpath fill='%23000' d='M.5 1C3.5 1 3 4 5 4s1.5-3 4.5-3c.5 0 .5-.5.5-1H0c0 .5 0 1 .5 1'/%3E%3C/svg%3E");-webkit-mask-image:var(--mask-tooltip);mask-image:var(--mask-tooltip);inset:auto auto var(--tooltip-tail) 50%}@media (prefers-reduced-motion:no-preference){&:after,&>.tooltip-content,&[data-tip]:before{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&.tooltip-open,&:focus-within,&:hover{&:after,&>.tooltip-content,&[data-tip]:before{opacity:100%;--tooltip-placement:0rem;@media (prefers-reduced-motion:no-preference){transition:opacity .2s cubic-bezier(.4,0,.2,1) 0s,transform .2s cubic-bezier(.4,0,.2,1) 0s}}}}}.swap{position:relative;display:inline-grid;place-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;:where(&) :where(input[type=checkbox]){-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}:where(&) :where(.swap-indeterminate),:where(&) :where(.swap-off),:where(&) :where(.swap-on){grid-column:1;grid-row:1;transition:opacity .3s ease-in-out,rotate .3s ease-in-out,transform .3s ease-in-out}:where(&) :where(.swap-indeterminate),:where(&) :where(.swap-on){opacity:0;pointer-events:none}:where(&) :where(.swap-off){opacity:1}&.swap-active,&:has(input:checked){:where(.swap-on){opacity:1;pointer-events:auto}:where(.swap-off){opacity:0;pointer-events:none}}&:has(input:indeterminate){:where(.swap-indeterminate){opacity:1;pointer-events:auto}:where(.swap-on){opacity:0;pointer-events:none}}}.combobox-list{position:absolute;inset-block-start:calc(100% + .25rem);inset-inline:0;z-index:100;background-color:var(--color-base);border:1px solid var(--color-base-soft);border-radius:calc(var(--border-radius)*2);padding:.375rem;margin:0;list-style:none;max-height:16rem;overflow-y:auto;scrollbar-width:thin;opacity:var(--combobox-list--opacity,0);pointer-events:var(--combobox-list--pointer-events,none);transform:var(--combobox-list--transform,translateY(-.25rem));transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:flex;flex-direction:column;gap:.125rem;box-shadow:0 4px 16px var(--color-base-950);@supports (color:color-mix(in lab,red,red)){box-shadow:0 4px 16px color-mix(in oklab,var(--color-base-950) 10%,transparent)}}.diff-item-2{position:relative;grid-column-start:1;grid-row:1/span 3;&:after{content:"";pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:1px;z-index:2;border-radius:9999px;width:1.2rem;height:1.8rem;background-color:var(--color-base);border:.5px solid oklch(0 0 0/12%);outline:1px solid var(--color-on-base);@supports (color:color-mix(in lab,red,red)){outline:1px solid color-mix(in oklab,var(--color-on-base) 10%,transparent)}outline-offset:-3px;translate:50% -50%}:where(&)>*{pointer-events:none;position:absolute;inset-block:0;inset-inline-start:0;height:100%;width:100cqi;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}.marquee-fade{position:relative;&:after,&:before{content:"";pointer-events:none;position:absolute;inset-block:0;z-index:1;width:4rem}&:before{inset-inline-start:0;background:linear-gradient(to right,var(--color-base),transparent)}&:after{inset-inline-end:0;background:linear-gradient(to left,var(--color-base),transparent)}}.diff-item-1{position:relative;z-index:1;grid-column-start:1;grid-row:1/span 3;overflow:hidden;border-right:2px solid var(--color-base);:where(&)>*{pointer-events:none;position:absolute;inset-block:0;inset-inline-start:0;height:100%;width:100cqi;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}.toggle{--radius-toggle:9999px;--color-toggle:var(--color-base-300);--color-on-toggle:var(--color-on-base);--color-toggle-checked:var(--color-primary);--color-on-toggle-checked:var(--color-on-primary);--toggle--width:3rem;--toggle--height:1.5rem;--toggle--thumb-size:calc(var(--toggle--height) - 0.375rem);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;display:inline-block;width:var(--toggle--width);height:var(--toggle--height);border-radius:var(--radius-toggle);background-color:var(--color-toggle);position:relative;flex-shrink:0;vertical-align:middle;transition:background-color .2s ease-in-out;&:before{content:"";position:absolute;top:50%;inset-inline-start:.1875rem;transform:translateY(-50%);width:var(--toggle--thumb-size);height:var(--toggle--thumb-size);border-radius:9999px;background-color:#fff;transition:inset-inline-start .2s ease-in-out,transform .2s ease-in-out;box-shadow:0 1px 3px oklch(0 0 0/20%)}&:checked,&[aria-checked=true]{background-color:var(--color-toggle-checked);&:before{inset-inline-start:calc(100% - var(--toggle--thumb-size) - .1875rem)}}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px}&:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}}.toast{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:.5rem;padding:1rem;pointer-events:none;inset-block-end:0;inset-inline-end:0;&>*{pointer-events:auto}}.btn{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;--radius-btn:calc(var(--border-radius)*2);--color-btn:var(--color-base-soft);--color-on-btn:var(--color-on-base);--color-btn-active:var(--color-base-active);--btn-variant-text:var(--color-on-base);background-color:var(--color-btn);color:var(
        --color-on-btn,color-contrast(var(--color-btn) vs #fff,#000)
    );--btn--opacity:1;--btn--cursor:pointer;--btn--pointer-events:auto;--btn--border-width:0;--btn--border-style:solid;--btn--border-color:transparent;border-width:var(--btn--border-width);border-style:var(--btn--border-style);border-color:var(--btn--border-color);&:is(:disabled,[disabled]){--btn--opacity:0.5;--btn--cursor:not-allowed;--btn--pointer-events:none}opacity:var(--btn--opacity);cursor:var(--btn--cursor);pointer-events:var(--btn--pointer-events);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;text-wrap:nowrap;&:hover{@media (hover:hover){background-color:var(--color-btn-active);color:var(--color-on-btn);transition-duration:.22s}}border-radius:var(--btn--radius,var(--radius-btn));display:var(--btn--display,inline-flex);padding-inline:var(--btn--shape-padding-inline,var(--btn--padding-inline,1.125rem));padding-block:var(--btn--shape-padding-block,var(--btn--padding-block,.625rem));font-size:var(--btn--font-size,1rem);line-height:calc(var(--btn--font-size, 1rem)*var(--btn--line-height, 1.5));width:var(--btn--width);max-width:var(--btn--max-width);position:relative;gap:.375rem;flex-shrink:0;align-items:center;justify-content:center;flex-wrap:nowrap;vertical-align:middle;font-weight:500;text-align:center;cursor:pointer;box-sizing:border-box;transition:background-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),opacity .2s ease;&:is(input[type=checkbox],input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;&:after{content:var(--tw-content);content:attr(aria-label)}&:checked{isolation:isolate;background-color:var(--color-btn-active)}}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950,currentColor),var(--color-base-50,currentColor));outline-offset:3px;isolation:isolate}}.tabs-vertical{--tabs--display:grid;display:grid;grid-template-columns:max-content 1fr;align-items:start;&:after{display:none}&:before{content:"";grid-column:2;grid-row:1/span 999;align-self:stretch;border-inline-start:1px solid var(--color-base-soft);pointer-events:none}&>.tab{grid-column:1;width:100%;justify-content:flex-start;border-inline-end:2px solid transparent;margin-inline-end:-2px;border-radius:0}&>.tab-active,&>.tab:checked{border-inline-end-color:var(--color-tab-active);position:relative;z-index:1}&>.tab-content{grid-column:2;grid-row:1/span 999}}.select{font:inherit;--radius-select:calc(var(--border-radius)*2);--color-select-active:var(--color-base-active);--select--inline:0.75rem;--select--block:0.625rem;--select--font-size:1rem;border-width:1px;border-style:solid;border-color:var(--color-select-active);background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23888' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-inline:var(--select--inline);padding-inline-end:2.5rem;padding-block:var(--select--block);font-size:var(--select--font-size);color:var(--color-on-base);display:inline-flex;align-self:flex-start;flex-shrink:0;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-select);vertical-align:middle;white-space:nowrap;position:relative;cursor:pointer;transition:border-color .25s;transition-timing-function:ease-in-out;&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px}&:focus,&:focus-within{border-color:light-dark(var(--color-base-800),var(--color-base-300));@supports (color:color-mix(in lab,red,red)){border-color:light-dark(var(--color-base-800),color-mix(in oklab,var(--color-base-300) 80%,transparent))}}&:disabled{cursor:not-allowed;opacity:.6;pointer-events:none;background-color:var(--color-base-soft);-webkit-user-select:none;-moz-user-select:none;user-select:none}@supports ((-webkit-appearance:base-select) or (-moz-appearance:base-select) or (appearance:base-select)){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;&::picker-icon{display:none}&::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;background-color:var(--color-base);color:var(--color-on-base);border-width:1px;border-style:solid;border-color:var(--color-base-active);border-radius:var(--radius-select);padding:.375rem;margin-block:.375rem;box-shadow:0 10px 15px -3px oklch(0 0 0/.1),0 4px 6px -4px oklch(0 0 0/.1)}option{border-radius:calc(var(--radius-select) - 2px);padding-inline:.625rem;padding-block:.375rem;cursor:pointer;transition:background-color .15s ease-in-out;&::checkmark{color:var(--color-select-active)}&:not(:disabled){&:focus-visible,&:hover{background-color:var(--color-base-soft);outline:none}}&:disabled{opacity:.4;cursor:not-allowed}}}}.input{font:inherit;--radius-input:calc(var(--border-radius)*2);--color-input:var(--color-base-soft);--color-on-input:var(--color-on-base-soft);--color-input-soft:var(--color-base-soft);--color-input-active:var(--color-base-active);--color-on-input-active:var(--color-on-base);--input--inline:0.75rem;--input--block:0.625rem;--input--font-size:1rem;border-width:1px;border-style:solid;border-color:var(--color-input-active);background-color:transparent;&:not([type=file]){padding-inline:var(--input--inline);padding-block:var(--input--block)}font-size:var(--input--font-size);color:var(--color-on-base);display:inline-flex;align-self:flex-start;flex-shrink:0;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-input);gap:.5rem;vertical-align:middle;white-space:nowrap;position:relative;font-weight:500;transition:border-color .25s;transition-timing-function:ease-in-out;&::-moz-placeholder{font-size:var(--input--font-size);color:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&::placeholder{font-size:var(--input--font-size);color:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&::file-selector-button{font-size:var(--input--font-size);margin-inline-end:1rem;display:inline-flex;padding-inline:var(--input--inline);padding-block:var(--input--block);transition:border-color .3s,background-color .3s,display .3s;transition-timing-function:ease-in-out;align-items:center;border-start-start-radius:calc(var(--radius-input)/2);border-end-start-radius:calc(var(--radius-input)/2);background-color:var(--color-input);border-inline-end-width:1px;border-style:solid;border-color:var(--color-input-active);font-weight:semibold;color:var(--color-on-input);&:hover{@media (hover:hover){background-color:var(--color-input-active);color:var(--color-on-input-active)}}}&:is(:disabled,[disabled],.input-disabled){--input-disabled--cursor:not-allowed;--input-disabled--opacity:0.6;--input-disabled--pointer-events:none;--input-disabled--user-select:none;--input-disabled--bg-color:var(--color-base-soft);--input-disabled--color:light-dark(var(--color-base-700),var(--color-base-400));--input-disabled--border-color:var(--input);@supports (color:color-mix(in lab,red,red)){--input-disabled--border-color:color-mix(in oklab,var(--input) 20%,transparent)}cursor:var(--input-disabled--cursor);opacity:var(--input-disabled--opacity);pointer-events:var(--input-disabled--pointer-events);background-color:var(--input-disabled--bg-color);color:var(--input-disabled--color);-webkit-user-select:var(--input-disabled--user-select);-moz-user-select:var(--input-disabled--user-select);user-select:var(--input-disabled--user-select);border-color:var(--input-disabled--border-color)}&::-moz-placeholder{color:var(--input-disabled--color)}&::placeholder{color:var(--input-disabled--color)}&:focus,&:focus-within{border-color:light-dark(var(--color-base-800),var(--color-base-300));@supports (color:color-mix(in lab,red,red)){border-color:light-dark(var(--color-base-800),color-mix(in oklab,var(--color-base-300) 80%,transparent))}}}.textarea{font:inherit;--radius-textarea:calc(var(--border-radius)*2);--color-textarea:var(--color-base-soft);--color-on-textarea:var(--color-on-base-soft);--color-textarea-active:var(--color-base-active);--color-on-textarea-active:var(--color-on-base);--textarea--inline:0.75rem;--textarea--block:0.625rem;--textarea--font-size:1rem;border-width:1px;border-style:solid;border-color:var(--color-textarea-active);background-color:transparent;padding-inline:var(--textarea--inline);padding-block:var(--textarea--block);font-size:var(--textarea--font-size);color:var(--color-on-base);display:block;align-self:flex-start;align-items:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-textarea);vertical-align:middle;white-space:pre-wrap;position:relative;font-weight:500;width:100%;min-height:var(--textarea--min-height,5rem);resize:vertical;transition:border-color .25s;transition-timing-function:ease-in-out;&::-moz-placeholder{font-size:var(--textarea--font-size);color:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&::placeholder{font-size:var(--textarea--font-size);color:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px}&:focus,&:focus-within{border-color:light-dark(var(--color-base-800),var(--color-base-300));@supports (color:color-mix(in lab,red,red)){border-color:light-dark(var(--color-base-800),color-mix(in oklab,var(--color-base-300) 80%,transparent))}}&:disabled{cursor:not-allowed;opacity:.6;pointer-events:none;background-color:var(--color-base-soft);-webkit-user-select:none;-moz-user-select:none;user-select:none}}.range{--radius-range:9999px;--color-range:var(--color-base-active);--color-on-range:var(--color-base-soft);--range--height:0.375rem;--range--thumb-size:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--range--thumb-size);border-radius:var(--radius-range);background-color:transparent;cursor:pointer;outline:none;display:block;&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:none;width:var(--range--thumb-size);height:var(--range--thumb-size);border-radius:9999px;background-color:var(--color-range);cursor:pointer;margin-top:calc((var(--range--height) - var(--range--thumb-size))/2);-webkit-transition:transform .15s ease-in-out;transition:transform .15s ease-in-out}&::-webkit-slider-thumb:hover{transform:scale(1.15)}&::-moz-range-thumb{width:var(--range--thumb-size);height:var(--range--thumb-size);border-radius:9999px;background-color:var(--color-range);border:none;cursor:pointer;-moz-transition:transform .15s ease-in-out;transition:transform .15s ease-in-out}&::-moz-range-thumb:hover{transform:scale(1.15)}&::-webkit-slider-runnable-track{background-color:var(--color-on-range);border-radius:var(--radius-range);height:var(--range--height)}&::-moz-range-track{background-color:var(--color-on-range);border-radius:var(--radius-range);height:var(--range--height)}&:focus-visible{&::-webkit-slider-thumb{outline-width:2px;outline-style:solid;outline-color:var(--color-on-base);outline-offset:3px}&::-moz-range-thumb{outline-width:2px;outline-style:solid;outline-color:var(--color-on-base);outline-offset:3px}}&:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}}.skeleton{--color-skeleton:var(--color-base-soft);--color-skeleton-shine:var(--color-base-active);--radius-skeleton:calc(var(--border-radius)*2);border-radius:var(--radius-skeleton);background-color:var(--color-skeleton);background-image:linear-gradient(90deg,transparent 0,var(--color-skeleton-shine) 50%,transparent 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;color:transparent;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-disabled{cursor:var(--input-disabled--cursor);opacity:var(--input-disabled--opacity);pointer-events:var(--input-disabled--pointer-events);background-color:var(--input-disabled--bg-color);color:var(--input-disabled--color);-webkit-user-select:var(--input-disabled--user-select);-moz-user-select:var(--input-disabled--user-select);user-select:var(--input-disabled--user-select);border-color:var(--input-disabled--border-color);&::-moz-placeholder{color:var(--input-disabled--color)}&::placeholder{color:var(--input-disabled--color)}}.menu-disabled{--menu--opacity:20%;--menu--cursor:not-allowed;--menu--pointer-events:none;opacity:var(--menu--opacity);cursor:var(--menu--cursor);pointer-events:var(--menu--pointer-events)}.radio-disabled{opacity:.3}.radio-disabled,.tab-disabled{cursor:not-allowed;pointer-events:none}.tab-disabled{opacity:.4}.popover-content{border:none;inset:unset;margin:0;color:inherit;border-radius:var(--radius-popover);padding:.6rem;visibility:var(--popover-hover--visibility,hidden);opacity:var(--popover-hover--opacity,0);z-index:100;width:-moz-max-content;width:max-content;max-width:min(20rem,90vw);position-anchor:var(--popover--anchor-name);position-area:var(--popover--position-area,block-end span-inline-end);margin-block-start:var(--popover-placement--mt,0);margin-block-end:var(--popover-placement--mb,0);margin-inline-start:var(--popover-placement--ms,0);margin-inline-end:var(--popover-placement--me,0);position:fixed;position-try-fallbacks:var(--popover--position-try,none);background-color:var(--color-popover);outline-style:solid;outline-width:1px;outline-color:var(--color-popover-border);transition-property:opacity,visibility,transform;transition-behavior:allow-discrete;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:var(--popover-hover--transition-delay,revert);&:hover{--popover-hover--visibility:visible;--popover-hover--opacity:1}&[popover]:popover-open{visibility:visible;opacity:1;@starting-style{visibility:hidden;opacity:0}}}.collapse{visibility:collapse}.visible{visibility:visible}.collapsible-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-block-end:1.25rem;cursor:pointer;.collapsible-open>&,.collapsible:has(>.collapsible-toggle:checked) &{display:none}}.radio{--radius-radio:calc(var(--border-radius)*1.5);--color-radio:var(--color-base-soft);--color-on-radio:var(--color-on-base);--color-radio-active:var(--color-base-active);--color-radio-soft:var(--color-base-active);--color-on-radio-soft:var(--color-on-base-soft);padding:var(--radio--padding,.3125rem);width:var(--radio--width,1.25rem);height:var(--radio--height,1.25rem);aspect-ratio:1/1;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;vertical-align:middle;cursor:pointer;position:relative;background-color:transparent;border-radius:var(--radio--radius,var(--radius-radio));outline-color:var(--color-radio-active);outline-style:solid;outline-width:1px;box-shadow:var(--radio--box-shadow);transition:background-color .2s ease,box-shadow .2s ease,opacity .2s ease;&:before{content:var(--tw-content);content:"";position:absolute;inset:4px;border-radius:50%;clip-path:circle(50%);background-color:var(--color-radio-active);opacity:0;transform:scale(.4);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s linear}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950,currentColor),var(--color-base-50,currentColor));outline-offset:3px}&:checked,&[aria-checked=true]{background-color:transparent;&:before{content:var(--tw-content);content:"";opacity:1;transform:scale(1)}}&:is(:disabled,[disabled],.radio-disabled){cursor:not-allowed;opacity:.3}}.header-fixed{position:fixed;inset-inline:0}.table-pin-cols{:where(&) :where(tr th){position:sticky;inset-inline-start:0;inset-inline-end:0;background-color:var(--color-table)}}.menu{--color-menu:var(--color-base-soft);--color-on-menu:var(--color-on-base-soft);--color-menu-active:var(--color-base-active);--radius-menu:calc(var(--border-radius)*4);list-style:none;padding:0;margin:0;display:flex;width:-moz-fit-content;width:fit-content;flex-direction:column;flex-wrap:wrap;font-size:.875rem;border-radius:var(--radius-menu);color:currentColor;:where(ul,li:not(:first-child)){margin-block-start:.375rem}:where(li ul){list-style:none;padding:0;margin-block-end:0;position:relative;margin-block-start:0;margin-inline-start:.1rem;padding-inline-start:1.4rem;white-space:nowrap;font-size:.875rem;color:currentColor;&:before{content:var(--tw-content);background-color:var(--color-on-menu);position:absolute;inset-inline-start:.7rem;inset-block-start:.7rem;inset-block-end:0;opacity:10%;width:1px;content:""}}:where(summary){margin-inline:.75rem;margin-block:.375rem}}.timeline-item{display:grid;grid-template-columns:var(--timeline-item--cols,1fr auto 1fr);grid-template-rows:auto;align-items:start;gap:0 1rem;position:relative;padding-block:.75rem;&:not(:last-child):after{content:"";position:absolute;inset-inline-start:var(--timeline-after--start,50%);transform:var(--timeline-after--transform,translateX(-50%));top:1.75rem;bottom:-.75rem;width:2px;background-color:var(--timeline-line-color,var(--color-base-soft));z-index:0}}.indicator-item{position:absolute;z-index:10;inset-block-start:0;inset-inline-end:0;transform:translate(var(--indicator-tx,50%),var(--indicator-ty,-50%))}.accordion{--radius-accordion:calc(var(--border-radius)*2);--color-accordion-soft:var(--color-base-soft);--color-accordion-active:var(--color-base-active);display:block;width:100%;padding-inline:var(--accordion-flush--padding-inline,1rem);border-width:var(--accordion-flush--border-width,1px);border-style:solid;border-color:var(--color-accordion-soft);border-radius:var(--radius-accordion);&>details{box-sizing:border-box;position:relative;width:100%;&:not(:last-child){border-block-end-width:1px;border-block-end-style:solid;border-block-end-color:var(--color-accordion-soft)}text-wrap:pretty;&>summary::marker{content:none}&>summary{display:flex;gap:.5rem;align-items:center;justify-content:start;padding-block:1rem;padding-inline-end:1.5rem;font-weight:500;color:currentColor;cursor:pointer;&:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}&:after{content:var(--tw-content);content:"";border-block-end:1px solid;border-inline-end:1px solid;width:.425rem;height:.425rem;position:absolute;inset-inline-end:.5rem;margin-block-start:.313rem;transform:translateY(-50%) rotate(45deg)}}}&>details[open]{&>summary{&:after{content:var(--tw-content);content:"";transform:rotate(225deg);transform-origin:center;transition:transform .3s}}}}.header{--header-bg:var(--color-base);--header-border-color:var(--color-base-soft);--header-shadow:none;--header-blur:0px;--header-height:3.5rem;--header-padding-block:0.5rem;position:relative;inset-block-start:0;z-index:999;width:100%;height:var(--header-height);background-color:var(--header-bg);border-block-end:1px solid var(--header-border-color);box-shadow:var(--header-shadow);backdrop-filter:blur(var(--header-blur));-webkit-backdrop-filter:blur(var(--header-blur));transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease}.table-pin-rows{:where(&) :where(thead tr){position:sticky;inset-block-start:0;background-color:var(--color-table);z-index:1}}.avatar{--avatar-size:2.5rem;--avatar-radius:9999px;--avatar-bg:var(--color-base-soft);--avatar-color:var(--color-on-base);--avatar-font-size:calc(var(--avatar-size)*0.4);--avatar-status-size:calc(var(--avatar-size)*0.28);--avatar-status-offset:0px;--avatar-ring-width:0px;--avatar-ring-color:var(--color-primary);--avatar-ring-offset:2px;--avatar-status-color:transparent;--avatar-status-visible:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--avatar-radius);background-color:var(--avatar-bg);color:var(--avatar-color);font-size:var(--avatar-font-size);font-weight:600;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:var(--avatar-ring-width) solid var(--avatar-ring-color);outline-offset:var(--avatar-ring-offset);:where(&) :where(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;overflow:hidden}&:before{content:"";position:absolute;bottom:var(--avatar-status-offset);right:var(--avatar-status-offset);width:var(--avatar-status-size);height:var(--avatar-status-size);border-radius:9999px;border:2px solid var(--color-base);background-color:var(--avatar-status-color);z-index:1;display:var(--avatar-status-visible)}}.tabs-lifted{align-items:flex-end;gap:0;&:after{content:"";width:100%;order:1;border-block-start:1px solid var(--color-base-soft)}&>.tab{border:1px solid transparent;border-block-end:none;&:not(.btn){border-radius:calc(var(--border-radius)*2) calc(var(--border-radius)*2) 0 0}}&>.tab-active,&>.tab:checked{color:var(--color-on-base);border-color:var(--color-base-soft);background-color:var(--color-base);position:relative;z-index:1;margin-block-end:-1px}&>.tab-content{border:1px solid var(--color-base-soft);margin-block-start:-1px;border-radius:0 calc(var(--border-radius)*2) calc(var(--border-radius)*2) calc(var(--border-radius)*2)}}.tabs-bottom{align-items:flex-start;&:after{display:none}&:before{content:"";width:100%;order:-1;border-block-end:1px solid var(--color-base-soft)}&>.tab{border-block-start:2px solid transparent;margin-block-start:-2px}&>.tab-active,&>.tab:checked{border-block-start-color:var(--color-tab-active);position:relative;z-index:1}&>.tab-content{order:-2}}.tabs-underline{align-items:flex-end;&:after{content:"";width:100%;order:1;border-block-start:1px solid var(--color-base-soft)}&>.tab{border-block-end:2px solid transparent;margin-block-end:-2px}&>.tab-active,&>.tab:checked{border-block-end-color:var(--color-tab-active);position:relative;z-index:1}}.step{--color-step:var(--color-base-soft);--color-on-step:var(--color-on-base);--color-step-active:var(--color-primary);--color-on-step-active:var(--color-on-primary);--step--size:2rem;--step--font-size:0.875rem;display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr;place-items:center;text-align:center;min-width:4rem;counter-increment:step;&:before{content:"";display:block;height:2px;width:100%;margin-inline:-50%;z-index:0;transition:background-color .2s ease-in-out}&:after,&:before{background-color:var(--color-step);grid-column:1;grid-row:1}&:after{content:counter(step);display:flex;align-items:center;justify-content:center;width:var(--step--size);height:var(--step--size);border-radius:9999px;color:var(--color-on-step);font-size:.75rem;font-weight:600;z-index:1;position:relative;transition:background-color .2s ease-in-out,color .2s ease-in-out}&:not(:empty),&>span{font-size:var(--step--font-size);margin-block-start:.5rem;color:currentColor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 70%,transparent)}grid-row:2}}.timeline-middle{grid-column:2;display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:9999px;background-color:var(--color-base-soft);border:3px solid var(--color-base);z-index:1;flex-shrink:0;position:relative}.diff-resizer{position:relative;z-index:2;grid-column-start:1;grid-row-start:2;height:.75rem;width:50cqi;max-width:calc(100cqi - 1rem);min-width:1rem;resize:horizontal;overflow:hidden;opacity:0;transform:scaleY(5) translate(.32rem,50%);cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem))}.chat-bubble{--chat-bubble-bg:var(--color-base-soft);--chat-bubble-color:var(--color-on-base);--chat-bubble-radius:0.25rem 1rem 1rem 1rem;--chat-bubble-padding-inline:1rem;--chat-bubble-padding-block:0.625rem;grid-column:2;position:relative;display:block;width:-moz-fit-content;width:fit-content;max-width:min(20rem,80%);padding-inline:var(--chat-bubble-padding-inline);padding-block:var(--chat-bubble-padding-block);background-color:var(--chat-bubble-bg);color:var(--chat-bubble-color);border-radius:var(--chat-bubble-radius);font-size:var(--chat-bubble-font-size,.9375rem);line-height:1.5;word-break:break-word;:where(&) :where(p,li){color:inherit}}.timeline{list-style:none;padding:0;margin:0;position:relative;display:flex}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.menu-horizontal{--menu-horizontal--padding-inline-end:0.75rem;display:inline-flex;flex-direction:row;:where(ul,li){margin-block-start:.375rem}&>li:not(.menu-title)>details{&>ul{background-color:var(--color-menu);position:absolute;margin-inline-start:0;margin-block-start:1rem;transform-origin:top;padding-block:.5rem;padding-inline-end:.5rem;opacity:0;scale:95%;@media (prefers-reduced-motion:no-preference){@starting-style{scale:95%;opacity:0}animation:menu .2s;transition-property:opacity,scale,display;transition-behavior:allow-discrete;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}&[open]>ul{opacity:100%;scale:100%}}&>li>details>ul{&:before{--tw-content:none;content:var(--tw-content)}}}.checkbox{--radius-checkbox:calc(var(--border-radius)*1.5);--color-checkbox:var(--color-base);@supports (color:color-mix(in lab,red,red)){--color-checkbox:color-mix(in oklab,var(--color-base) 50%,transparent)}--color-on-checkbox:var(--color-on-base);--color-checkbox-active:var(--color-base-active);--checkbox--box-shadow:0 0 0 0px var(--color-base-100),0 0 0 1px var(--color-checkbox-active),0 0 var(--color-base-100);background-color:var(--color-checkbox);color:var(--color-on-checkbox);box-shadow:var(--checkbox--box-shadow);aspect-ratio:var(--checkbox--aspect-ratio);border-radius:var(--checkbox--radius,var(--radius-checkbox));padding:var(--checkbox--padding,.3125rem);width:var(--checkbox--width,1.25rem);height:var(--checkbox--height,1.25rem);position:relative;transition-duration:.35s;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;vertical-align:middle;&:before{content:var(--tw-content);content:none;opacity:0;background-color:currentcolor;transform:rotate(45deg);transition:transform .3s,background-color .1s;display:block;width:100%;height:100%;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0,70% 0,70% 100%);font-size:1rem;line-height:.75}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950,currentColor),var(--color-base-50,currentColor));outline-offset:3px}&:checked,&[aria-checked=true]{--checkbox--bg-color:light-dark(var(--color-base-600),var(--color-base-400));@supports (color:color-mix(in lab,red,red)){--checkbox--bg-color:light-dark(color-mix(in oklab,var(--color-base-600) 20%,transparent),color-mix(in oklab,var(--color-base-400) 20%,transparent))}background-color:var(--checkbox--bg-color);transition:background-color .1s,box-shadow .1s;&:before{content:var(--tw-content);content:"✔︎";opacity:100%}@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-base-600),var(--color-base-200));content:"✔︎";transform:rotate(0deg);background-color:var(--checkbox--bg-color);clip-path:none}}}&:indeterminate{&:before{content:var(--tw-content);content:"";opacity:100%;transform:rotate(0deg) translateY(-35%);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%)}}&:is(:disabled,[disabled],.checkbox-disabled){--checkbox--cursor:not-allowed;--checkbox--opacity:20%;cursor:var(--checkbox--cursor);opacity:var(--checkbox--opacity)}}.radial-progress{--radial-progress--size:var(--size,5rem);--radial-progress--thickness:var(--thickness,calc(var(--radial-progress--size)*0.1));--radial-progress--value:var(--value,0);--radial-progress--font-size:1rem;--color-radial-progress:currentColor;--color-radial-progress-track:var(--color-base-soft);width:var(--radial-progress--size);height:var(--radial-progress--size);border-radius:9999px;display:inline-grid;place-items:center;position:relative;font-size:var(--radial-progress--font-size);font-weight:600;color:var(--color-on-base);vertical-align:middle;flex-shrink:0;background:radial-gradient(closest-side,var(--color-base) calc(100% - var(--radial-progress--thickness)),transparent calc(100% - var(--radial-progress--thickness))),conic-gradient(var(--color-radial-progress) calc(var(--radial-progress--value)*1%),var(--color-radial-progress-track) 0)}.sidebar{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:hidden;position:sticky;max-height:calc(100dvh - var(--spacing)*14.25);border-inline-style:solid;border-inline-width:1px;border-color:var(--color-base-soft);background-color:var(--color-base)}.indicator{position:relative;display:inline-flex;width:-moz-fit-content;width:fit-content}.card{--radius-card:calc(var(--border-radius)*4);--color-card:var(--color-base);--color-on-card:var(--color-on-base);position:relative;display:flex;flex-direction:column;border-radius:var(--radius-card);background-color:var(--color-card);color:var(--color-on-card);:where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}:where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}}.popover{--radius-popover