@assure-one/design-system 0.1.1

package/dist/styles.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.2.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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-divide-y-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-ease:initial}}}@layer theme{:root,:host{--font-sans:"NotionInter", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Lyon Text", Georgia, ui-serif, serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-amber-50:oklch(98.7% .022 95.277);--color-yellow-200:oklch(94.5% .129 101.54);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--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-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:5px;--radius-lg:8px;--radius-xl:12px;--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--animate-spin:spin 1s linear infinite;--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-midnight-ink:#02093a;--color-canvas-dark:#000;--color-ghost-white:#f6f5f4;--color-paper-white:#fff;--color-deep-graphite:#0b0b0b;--color-blue-frost:#62aef0;--color-ocean-glimmer:#0075de;--color-sky-surge:#097fe8;--color-action-indigo:#455dd3;--color-team-teal:#2a9d99;--color-sunny-yellow:#ffc95e;--color-warm-umber:#b18164;--color-coral-burst:#ff8a33;--color-fuchsia-flare:#ff83dd;--color-grape-glow:#ad6ded;--color-harvest-gold:#ffb110;--color-hot-chili:#f64932;--color-forest-green:#1aae39;--color-cool-gray:#c6c6c5;--color-deep-slate:#615d59;--color-input-border-gray:#ddd;--color-off-white:#f2f9ff;--color-canvas:var(--color-paper-white);--color-surface:var(--color-paper-white);--color-surface-raised:var(--color-paper-white);--color-surface-sunken:var(--color-ghost-white);--color-surface-overlay:#0000008c;--color-fg:var(--color-canvas-dark);--color-fg-strong:var(--color-deep-graphite);--color-fg-muted:var(--color-deep-slate);--color-fg-subtle:var(--color-cool-gray);--color-fg-disabled:var(--color-cool-gray);--color-fg-on-brand:var(--color-paper-white);--color-fg-on-dark:var(--color-paper-white);--color-fg-on-light:var(--color-canvas-dark);--color-border:var(--color-input-border-gray);--color-border-strong:var(--color-cool-gray);--color-border-input:var(--color-input-border-gray);--color-border-focus:var(--color-action-indigo);--color-brand:var(--color-action-indigo);--color-brand-hover:#3a4fc2;--color-brand-active:#2f43a8;--color-brand-fg:var(--color-paper-white);--color-link:var(--color-ocean-glimmer);--color-link-hover:var(--color-sky-surge);--color-success:var(--color-forest-green);--color-success-subtle:#e6f7ea;--color-success-fg:var(--color-paper-white);--color-warning:var(--color-harvest-gold);--color-warning-subtle:#fff4d6;--color-warning-fg:var(--color-canvas-dark);--color-danger:var(--color-hot-chili);--color-danger-subtle:#fde3df;--color-danger-fg:var(--color-paper-white);--color-info:var(--color-sky-surge);--color-info-subtle:var(--color-off-white);--color-info-fg:var(--color-paper-white);--color-accent-coral:var(--color-coral-burst);--color-accent-fuchsia:var(--color-fuchsia-flare);--color-accent-grape:var(--color-grape-glow);--color-accent-teal:var(--color-team-teal);--color-accent-sunny:var(--color-sunny-yellow);--color-accent-umber:var(--color-warm-umber);--color-accent-frost:var(--color-blue-frost);--text-caption:12px;--leading-caption:1.5;--tracking-caption:.01px;--text-body-sm:14px;--leading-body-sm:1.43;--tracking-body-sm:-.006px;--text-body:15px;--leading-body:1.33;--tracking-body:-.006px;--text-subheading:20px;--leading-subheading:1.35;--tracking-subheading:-.011px;--text-heading-sm:22px;--leading-heading-sm:1.33;--tracking-heading-sm:-.024px;--text-heading:26px;--leading-heading:1.27;--tracking-heading:-.033px;--text-heading-lg:40px;--leading-heading-lg:1.23;--tracking-heading-lg:-.035px;--text-display:64px;--leading-display:.83;--tracking-display:-.036px;--font-weight-regular:400;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-28:28px;--spacing-32:32px;--spacing-36:36px;--spacing-40:40px;--spacing-64:64px;--spacing-80:80px;--spacing-180:180px;--section-gap:32px;--card-padding:24px;--element-gap:8px;--radius-full:9999px;--radius-cards:12px;--radius-badges:9999px;--radius-inputs:4px;--radius-buttons:8px;--radius-general:5px;--shadow-subtle:#00000003 0px 1px 3px 0px, #00000005 0px 3px 7px 0px, #00000005 0px 7px 15px 0px, #0000000a 0px 14px 28px 0px, #0000000d 0px 23px 52px 0px;--shadow-focus:0 0 0 3px #455dd359;--duration-instant:.1s;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600}}@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}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:var(--font-sans);font-feature-settings:"lnum" on, "locl" 0;tab-size:4;line-height:1.5}body{background-color:var(--color-canvas);color:var(--color-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);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}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-\[9999px\]{top:-9999px}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-4{top:var(--spacing-4)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:var(--spacing-4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-full{bottom:100%}.-left-\[9999px\]{left:-9999px}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:var(--spacing-4)}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.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-1{margin-inline:calc(var(--spacing) * -1)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-4{margin-bottom:var(--spacing-4)}.mb-16{margin-bottom:var(--spacing-16)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-0{width:calc(var(--spacing) * 0);height:calc(var(--spacing) * 0)}.size-1{width:calc(var(--spacing) * 1);height:calc(var(--spacing) * 1)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.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\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:var(--spacing-4);height:var(--spacing-4)}.size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.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:var(--spacing-8);height:var(--spacing-8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:var(--spacing-12);height:var(--spacing-12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-20{width:var(--spacing-20);height:var(--spacing-20)}.size-32{width:var(--spacing-32);height:var(--spacing-32)}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing) * 2)}.h-4{height: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:var(--spacing-8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:var(--spacing-12)}.h-20{height:var(--spacing-20)}.h-24{height:var(--spacing-24)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[280px\]{max-height:280px}.max-h-\[380px\]{max-height:380px}.max-h-\[calc\(100vh-6rem\)\]{max-height:calc(100vh - 6rem)}.min-h-20{min-height:var(--spacing-20)}.w-3\/4{width:75%}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:var(--spacing-8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-32{width:var(--spacing-32)}.w-64{width:var(--spacing-64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:var(--spacing-80)}.w-\[50vw\]{width:50vw}.w-\[420px\]{width:420px}.w-\[640px\]{width:640px}.w-\[calc\(100\%-0\.75rem\)\]{width:calc(100% - .75rem)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[85vw\]{max-width:85vw}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-lg{max-width:var(--container-lg)}.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-7{min-width:calc(var(--spacing) * 7)}.min-w-32{min-width:var(--spacing-32)}.min-w-\[10rem\]{min-width:10rem}.min-w-\[22px\]{min-width:22px}.min-w-\[160px\]{min-width:160px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:var(--spacing-4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;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)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.appearance-none{appearance:none}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-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-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:var(--spacing-8)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * 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(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}.self-center{align-self:center}.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-cards{border-radius:var(--radius-cards)}.rounded-full{border-radius:var(--radius-full)}.rounded-general{border-radius:var(--radius-general)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-cards{border-top-left-radius:var(--radius-cards);border-top-right-radius:var(--radius-cards)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-action-indigo\/30{border-color:#455dd34d}@supports (color:color-mix(in lab, red, red)){.border-action-indigo\/30{border-color:color-mix(in oklab, var(--color-action-indigo) 30%, transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-border{border-color:var(--color-border)}.border-border-input{border-color:var(--color-border-input)}.border-border-input\/50{border-color:#dddddd80}@supports (color:color-mix(in lab, red, red)){.border-border-input\/50{border-color:color-mix(in oklab, var(--color-border-input) 50%, transparent)}}.border-border\/50{border-color:#dddddd80}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab, var(--color-border) 50%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-action-indigo\/10{background-color:#455dd31a}@supports (color:color-mix(in lab, red, red)){.bg-action-indigo\/10{background-color:color-mix(in oklab, var(--color-action-indigo) 10%, transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-border{background-color:var(--color-border)}.bg-current{background-color:currentColor}.bg-ghost-white{background-color:var(--color-ghost-white)}.bg-info{background-color:var(--color-info)}.bg-paper-white{background-color:var(--color-paper-white)}.bg-red-50{background-color:var(--color-red-50)}.bg-success{background-color:var(--color-success)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:var(--spacing-4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:var(--spacing-8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:var(--spacing-12)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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:var(--spacing-4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.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-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:var(--spacing-4)}.py-8{padding-block:var(--spacing-8)}.py-12{padding-block:var(--spacing-12)}.py-16{padding-block:var(--spacing-16)}.py-24{padding-block:var(--spacing-24)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-\[20vh\]{padding-top:20vh}.pr-4{padding-right:var(--spacing-4)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-4{padding-bottom:var(--spacing-4)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-body-sm{font-size:var(--text-body-sm)}.text-caption{font-size:var(--text-caption)}.text-subheading{font-size:var(--text-subheading)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-fg{color:var(--color-fg)}.text-fg-muted{color:var(--color-fg-muted)}.text-fg-subtle{color:var(--color-fg-subtle)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.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-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--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)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--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)}.shadow-md{--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)}.shadow-none{--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)}.shadow-sm{--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)}.shadow-subtle{--tw-shadow:var(--tw-shadow-color,#00000003) 0px 1px 3px 0px, var(--tw-shadow-color,#00000005) 0px 3px 7px 0px, var(--tw-shadow-color,#00000005) 0px 7px 15px 0px, var(--tw-shadow-color,#0000000a) 0px 14px 28px 0px, var(--tw-shadow-color,#0000000d) 0px 23px 52px 0px;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,#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)}.ring{--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)}.ring-0{--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)}.ring-2{--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)}.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-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-opacity{transition-property:opacity;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-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.peer-focus-visible\:ring-2:is(:where(.peer):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)}.peer-focus-visible\:ring-offset-2:is(:where(.peer):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)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-0:focus{--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)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-0: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)}.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-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.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}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}}@media not all and (min-width:64rem){.max-lg\:w-\[80vw\]{width:80vw}}@media not all and (min-width:48rem){.max-md\:w-\[95vw\]{width:95vw}}@media (min-width:40rem){.sm\:inline-flex{display:inline-flex}.sm\:h-14{height:calc(var(--spacing) * 14)}.sm\:w-12{width:var(--spacing-12)}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.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-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-moz-range-thumb\]\:size-4::-moz-range-thumb{width:var(--spacing-4);height:var(--spacing-4)}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:var(--radius-full)}.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-moz-range-thumb\]\:shadow-sm::-moz-range-thumb{--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)}.\[\&\:\:-webkit-slider-thumb\]\:size-4::-webkit-slider-thumb{width:var(--spacing-4);height:var(--spacing-4)}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:var(--radius-full)}.\[\&\:\:-webkit-slider-thumb\]\:shadow-sm::-webkit-slider-thumb{--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)}.focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:ring-2:focus-visible::-webkit-slider-thumb{--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\:\[\&\:\:-webkit-slider-thumb\]\:ring-offset-2:focus-visible::-webkit-slider-thumb{--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)}.\[\.border-b\]\:pb-4.border-b{padding-bottom:var(--spacing-4)}.\[\&\>button\:first-child\]\:hidden>button:first-child{display:none}.\[\&\>svg\]\:size-4>svg{width:var(--spacing-4);height:var(--spacing-4)}.\[\&\>svg\]\:size-6>svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&\>svg\]\:size-12>svg{width:var(--spacing-12);height:var(--spacing-12)}:checked+div>.\[\:checked\+div\>\&\]\:opacity-100{opacity:1}}.dark{--color-canvas:var(--color-canvas-dark);--color-surface:var(--color-midnight-ink);--color-surface-raised:var(--color-midnight-ink);--color-surface-sunken:var(--color-canvas-dark);--color-surface-overlay:#000000b3;--color-fg:var(--color-paper-white);--color-fg-strong:var(--color-paper-white);--color-fg-muted:var(--color-cool-gray);--color-fg-subtle:var(--color-deep-slate);--color-fg-disabled:var(--color-deep-slate);--color-fg-on-brand:var(--color-paper-white);--color-border:#ffffff1a;--color-border-strong:#fff3;--color-border-input:#ffffff26;--color-border-focus:var(--color-blue-frost);--color-brand:var(--color-action-indigo);--color-brand-hover:#5b71d8;--color-brand-active:#6f83de;--color-brand-fg:var(--color-paper-white);--color-link:var(--color-blue-frost);--color-link-hover:var(--color-sky-surge);--color-success-subtle:#1aae3926;--color-warning-subtle:#ffb11026;--color-danger-subtle:#f6493226;--color-info-subtle:#097fe826;--shadow-focus:0 0 0 3px #62aef066}@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-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-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-divide-y-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:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}

package/dist/tokens/index.d.ts

@@ -0,0 +1,407 @@
+/**
+ * Reference tokens — Notion's named palette. Programmatic access for theme
+ * switching, Figma sync, design tools, etc. Components should NOT consume
+ * these directly; use system tokens (./system.ts) instead.
+ *
+ * Source: Notion design system reference (refero.design).
+ * Brand colors will diverge later — only `system.ts` should change.
+ */
+declare const colors: {
+    readonly midnightInk: "#02093a";
+    readonly canvasDark: "#000000";
+    readonly ghostWhite: "#f6f5f4";
+    readonly paperWhite: "#ffffff";
+    readonly deepGraphite: "#0b0b0b";
+    readonly blueFrost: "#62aef0";
+    readonly oceanGlimmer: "#0075de";
+    readonly skySurge: "#097fe8";
+    readonly actionIndigo: "#455dd3";
+    readonly alertRed: "#f77463";
+    readonly teamTeal: "#2a9d99";
+    readonly sunnyYellow: "#ffc95e";
+    readonly warmUmber: "#b18164";
+    readonly coralBurst: "#ff8a33";
+    readonly fuchsiaFlare: "#ff83dd";
+    readonly grapeGlow: "#ad6ded";
+    readonly harvestGold: "#ffb110";
+    readonly hotChili: "#f64932";
+    readonly forestGreen: "#1aae39";
+    readonly coolGray: "#c6c6c5";
+    readonly deepSlate: "#615d59";
+    readonly inputBorderGray: "#dddddd";
+    readonly offWhite: "#f2f9ff";
+};
+declare const typography: {
+    readonly family: {
+        readonly sans: "'NotionInter', 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
+        readonly serif: "'Lyon Text', Georgia, ui-serif, serif";
+        readonly mono: "'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace";
+    };
+    readonly scale: {
+        readonly caption: {
+            readonly size: "12px";
+            readonly leading: 1.5;
+            readonly tracking: "0.01px";
+        };
+        readonly bodySm: {
+            readonly size: "14px";
+            readonly leading: 1.43;
+            readonly tracking: "-0.006px";
+        };
+        readonly body: {
+            readonly size: "15px";
+            readonly leading: 1.33;
+            readonly tracking: "-0.006px";
+        };
+        readonly subheading: {
+            readonly size: "20px";
+            readonly leading: 1.35;
+            readonly tracking: "-0.011px";
+        };
+        readonly headingSm: {
+            readonly size: "22px";
+            readonly leading: 1.33;
+            readonly tracking: "-0.024px";
+        };
+        readonly heading: {
+            readonly size: "26px";
+            readonly leading: 1.27;
+            readonly tracking: "-0.033px";
+        };
+        readonly headingLg: {
+            readonly size: "40px";
+            readonly leading: 1.23;
+            readonly tracking: "-0.035px";
+        };
+        readonly display: {
+            readonly size: "64px";
+            readonly leading: 0.83;
+            readonly tracking: "-0.036px";
+        };
+    };
+    readonly weight: {
+        readonly regular: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+        readonly bold: 700;
+    };
+};
+declare const spacing: {
+    readonly unit: "4px";
+    readonly 4: "4px";
+    readonly 8: "8px";
+    readonly 12: "12px";
+    readonly 16: "16px";
+    readonly 20: "20px";
+    readonly 24: "24px";
+    readonly 28: "28px";
+    readonly 32: "32px";
+    readonly 36: "36px";
+    readonly 40: "40px";
+    readonly 64: "64px";
+    readonly 80: "80px";
+    readonly 180: "180px";
+};
+declare const radii: {
+    readonly md: "5px";
+    readonly lg: "8px";
+    readonly xl: "12px";
+    readonly full: "9999px";
+    readonly cards: "12px";
+    readonly badges: "9999px";
+    readonly inputs: "4px";
+    readonly buttons: "8px";
+    readonly general: "5px";
+};
+declare const shadows: {
+    readonly subtle: "rgba(0, 0, 0, 0.01) 0px 1px 3px 0px, rgba(0, 0, 0, 0.02) 0px 3px 7px 0px, rgba(0, 0, 0, 0.02) 0px 7px 15px 0px, rgba(0, 0, 0, 0.04) 0px 14px 28px 0px, rgba(0, 0, 0, 0.05) 0px 23px 52px 0px";
+};
+declare const surfaces: {
+    readonly canvasDark: "#000000";
+    readonly midnightInk: "#02093a";
+    readonly paperWhite: "#ffffff";
+    readonly ghostWhite: "#f6f5f4";
+};
+declare const reference: {
+    readonly colors: {
+        readonly midnightInk: "#02093a";
+        readonly canvasDark: "#000000";
+        readonly ghostWhite: "#f6f5f4";
+        readonly paperWhite: "#ffffff";
+        readonly deepGraphite: "#0b0b0b";
+        readonly blueFrost: "#62aef0";
+        readonly oceanGlimmer: "#0075de";
+        readonly skySurge: "#097fe8";
+        readonly actionIndigo: "#455dd3";
+        readonly alertRed: "#f77463";
+        readonly teamTeal: "#2a9d99";
+        readonly sunnyYellow: "#ffc95e";
+        readonly warmUmber: "#b18164";
+        readonly coralBurst: "#ff8a33";
+        readonly fuchsiaFlare: "#ff83dd";
+        readonly grapeGlow: "#ad6ded";
+        readonly harvestGold: "#ffb110";
+        readonly hotChili: "#f64932";
+        readonly forestGreen: "#1aae39";
+        readonly coolGray: "#c6c6c5";
+        readonly deepSlate: "#615d59";
+        readonly inputBorderGray: "#dddddd";
+        readonly offWhite: "#f2f9ff";
+    };
+    readonly typography: {
+        readonly family: {
+            readonly sans: "'NotionInter', 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
+            readonly serif: "'Lyon Text', Georgia, ui-serif, serif";
+            readonly mono: "'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace";
+        };
+        readonly scale: {
+            readonly caption: {
+                readonly size: "12px";
+                readonly leading: 1.5;
+                readonly tracking: "0.01px";
+            };
+            readonly bodySm: {
+                readonly size: "14px";
+                readonly leading: 1.43;
+                readonly tracking: "-0.006px";
+            };
+            readonly body: {
+                readonly size: "15px";
+                readonly leading: 1.33;
+                readonly tracking: "-0.006px";
+            };
+            readonly subheading: {
+                readonly size: "20px";
+                readonly leading: 1.35;
+                readonly tracking: "-0.011px";
+            };
+            readonly headingSm: {
+                readonly size: "22px";
+                readonly leading: 1.33;
+                readonly tracking: "-0.024px";
+            };
+            readonly heading: {
+                readonly size: "26px";
+                readonly leading: 1.27;
+                readonly tracking: "-0.033px";
+            };
+            readonly headingLg: {
+                readonly size: "40px";
+                readonly leading: 1.23;
+                readonly tracking: "-0.035px";
+            };
+            readonly display: {
+                readonly size: "64px";
+                readonly leading: 0.83;
+                readonly tracking: "-0.036px";
+            };
+        };
+        readonly weight: {
+            readonly regular: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+            readonly bold: 700;
+        };
+    };
+    readonly spacing: {
+        readonly unit: "4px";
+        readonly 4: "4px";
+        readonly 8: "8px";
+        readonly 12: "12px";
+        readonly 16: "16px";
+        readonly 20: "20px";
+        readonly 24: "24px";
+        readonly 28: "28px";
+        readonly 32: "32px";
+        readonly 36: "36px";
+        readonly 40: "40px";
+        readonly 64: "64px";
+        readonly 80: "80px";
+        readonly 180: "180px";
+    };
+    readonly radii: {
+        readonly md: "5px";
+        readonly lg: "8px";
+        readonly xl: "12px";
+        readonly full: "9999px";
+        readonly cards: "12px";
+        readonly badges: "9999px";
+        readonly inputs: "4px";
+        readonly buttons: "8px";
+        readonly general: "5px";
+    };
+    readonly shadows: {
+        readonly subtle: "rgba(0, 0, 0, 0.01) 0px 1px 3px 0px, rgba(0, 0, 0, 0.02) 0px 3px 7px 0px, rgba(0, 0, 0, 0.02) 0px 7px 15px 0px, rgba(0, 0, 0, 0.04) 0px 14px 28px 0px, rgba(0, 0, 0, 0.05) 0px 23px 52px 0px";
+    };
+    readonly surfaces: {
+        readonly canvasDark: "#000000";
+        readonly midnightInk: "#02093a";
+        readonly paperWhite: "#ffffff";
+        readonly ghostWhite: "#f6f5f4";
+    };
+};
+type ReferenceTokens = typeof reference;
+type ColorName = keyof typeof colors;
+
+/**
+ * System tokens — semantic mappings. These are the names components use.
+ * Re-mapped per theme via `.dark` class. The CSS variable equivalents
+ * live in `./tokens.css`.
+ */
+declare const systemTokens: {
+    readonly color: {
+        readonly canvas: "var(--color-canvas)";
+        readonly surface: "var(--color-surface)";
+        readonly surfaceRaised: "var(--color-surface-raised)";
+        readonly surfaceSunken: "var(--color-surface-sunken)";
+        readonly surfaceOverlay: "var(--color-surface-overlay)";
+        readonly fg: "var(--color-fg)";
+        readonly fgStrong: "var(--color-fg-strong)";
+        readonly fgMuted: "var(--color-fg-muted)";
+        readonly fgSubtle: "var(--color-fg-subtle)";
+        readonly fgDisabled: "var(--color-fg-disabled)";
+        readonly fgOnBrand: "var(--color-fg-on-brand)";
+        readonly fgOnDark: "var(--color-fg-on-dark)";
+        readonly fgOnLight: "var(--color-fg-on-light)";
+        readonly border: "var(--color-border)";
+        readonly borderStrong: "var(--color-border-strong)";
+        readonly borderInput: "var(--color-border-input)";
+        readonly borderFocus: "var(--color-border-focus)";
+        readonly brand: "var(--color-brand)";
+        readonly brandHover: "var(--color-brand-hover)";
+        readonly brandActive: "var(--color-brand-active)";
+        readonly brandFg: "var(--color-brand-fg)";
+        readonly link: "var(--color-link)";
+        readonly linkHover: "var(--color-link-hover)";
+        readonly success: "var(--color-success)";
+        readonly successSubtle: "var(--color-success-subtle)";
+        readonly successFg: "var(--color-success-fg)";
+        readonly warning: "var(--color-warning)";
+        readonly warningSubtle: "var(--color-warning-subtle)";
+        readonly warningFg: "var(--color-warning-fg)";
+        readonly danger: "var(--color-danger)";
+        readonly dangerSubtle: "var(--color-danger-subtle)";
+        readonly dangerFg: "var(--color-danger-fg)";
+        readonly info: "var(--color-info)";
+        readonly infoSubtle: "var(--color-info-subtle)";
+        readonly infoFg: "var(--color-info-fg)";
+        readonly accentCoral: "var(--color-accent-coral)";
+        readonly accentFuchsia: "var(--color-accent-fuchsia)";
+        readonly accentGrape: "var(--color-accent-grape)";
+        readonly accentTeal: "var(--color-accent-teal)";
+        readonly accentSunny: "var(--color-accent-sunny)";
+        readonly accentUmber: "var(--color-accent-umber)";
+        readonly accentFrost: "var(--color-accent-frost)";
+    };
+    readonly radius: {
+        readonly md: "var(--radius-md)";
+        readonly lg: "var(--radius-lg)";
+        readonly xl: "var(--radius-xl)";
+        readonly full: "var(--radius-full)";
+        readonly cards: "var(--radius-cards)";
+        readonly badges: "var(--radius-badges)";
+        readonly inputs: "var(--radius-inputs)";
+        readonly buttons: "var(--radius-buttons)";
+        readonly general: "var(--radius-general)";
+    };
+    readonly shadow: {
+        readonly subtle: "var(--shadow-subtle)";
+        readonly focus: "var(--shadow-focus)";
+    };
+    readonly spacing: {
+        readonly 4: "var(--spacing-4)";
+        readonly 8: "var(--spacing-8)";
+        readonly 12: "var(--spacing-12)";
+        readonly 16: "var(--spacing-16)";
+        readonly 20: "var(--spacing-20)";
+        readonly 24: "var(--spacing-24)";
+        readonly 28: "var(--spacing-28)";
+        readonly 32: "var(--spacing-32)";
+        readonly 36: "var(--spacing-36)";
+        readonly 40: "var(--spacing-40)";
+        readonly 64: "var(--spacing-64)";
+        readonly 80: "var(--spacing-80)";
+        readonly 180: "var(--spacing-180)";
+        readonly sectionGap: "var(--section-gap)";
+        readonly cardPadding: "var(--card-padding)";
+        readonly elementGap: "var(--element-gap)";
+    };
+    readonly type: {
+        readonly family: {
+            readonly sans: "var(--font-sans)";
+            readonly serif: "var(--font-serif)";
+            readonly mono: "var(--font-mono)";
+        };
+        readonly weight: {
+            readonly regular: "var(--font-weight-regular)";
+            readonly medium: "var(--font-weight-medium)";
+            readonly semibold: "var(--font-weight-semibold)";
+            readonly bold: "var(--font-weight-bold)";
+        };
+        readonly role: {
+            readonly caption: {
+                readonly size: "var(--text-caption)";
+                readonly leading: "var(--leading-caption)";
+                readonly tracking: "var(--tracking-caption)";
+            };
+            readonly bodySm: {
+                readonly size: "var(--text-body-sm)";
+                readonly leading: "var(--leading-body-sm)";
+                readonly tracking: "var(--tracking-body-sm)";
+            };
+            readonly body: {
+                readonly size: "var(--text-body)";
+                readonly leading: "var(--leading-body)";
+                readonly tracking: "var(--tracking-body)";
+            };
+            readonly subheading: {
+                readonly size: "var(--text-subheading)";
+                readonly leading: "var(--leading-subheading)";
+                readonly tracking: "var(--tracking-subheading)";
+            };
+            readonly headingSm: {
+                readonly size: "var(--text-heading-sm)";
+                readonly leading: "var(--leading-heading-sm)";
+                readonly tracking: "var(--tracking-heading-sm)";
+            };
+            readonly heading: {
+                readonly size: "var(--text-heading)";
+                readonly leading: "var(--leading-heading)";
+                readonly tracking: "var(--tracking-heading)";
+            };
+            readonly headingLg: {
+                readonly size: "var(--text-heading-lg)";
+                readonly leading: "var(--leading-heading-lg)";
+                readonly tracking: "var(--tracking-heading-lg)";
+            };
+            readonly display: {
+                readonly size: "var(--text-display)";
+                readonly leading: "var(--leading-display)";
+                readonly tracking: "var(--tracking-display)";
+            };
+        };
+    };
+    readonly duration: {
+        readonly instant: "var(--duration-instant)";
+        readonly fast: "var(--duration-fast)";
+        readonly normal: "var(--duration-normal)";
+        readonly slow: "var(--duration-slow)";
+    };
+    readonly ease: {
+        readonly out: "var(--ease-out)";
+        readonly in: "var(--ease-in)";
+        readonly inOut: "var(--ease-in-out)";
+    };
+    readonly z: {
+        readonly base: "var(--z-base)";
+        readonly dropdown: "var(--z-dropdown)";
+        readonly sticky: "var(--z-sticky)";
+        readonly overlay: "var(--z-overlay)";
+        readonly modal: "var(--z-modal)";
+        readonly toast: "var(--z-toast)";
+        readonly tooltip: "var(--z-tooltip)";
+    };
+};
+type SystemTokens = typeof systemTokens;
+
+export { type ColorName, type ReferenceTokens, type SystemTokens, colors, radii, reference, shadows, spacing, surfaces, systemTokens, typography };