/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-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);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#14211f;--color-ink-soft:#3d4d4a;--color-ink-muted:#4a5a57;--color-paper:#f7f8f6;--color-card:#fbfcfb;--color-line:#e1e6e4;--color-line-strong:#c9d2cf;--color-brand:#0e4d47;--color-brand-dark:#0a3b36;--color-brand-tint:#e3efec;--color-brand-soft:#b9d3ce;--color-swatch-teal:#1fa38a;--color-swatch-amber:#f6b83c;--color-swatch-coral:#f2654a}}@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}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-\[4\/3\]{aspect-ratio:4/3}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-5\.5{width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.5)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-7{height:calc(var(--spacing) * 7)}.h-18{height:calc(var(--spacing) * 18)}.h-auto{height:auto}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-screen{min-height:100vh}.w-10{width:calc(var(--spacing) * 10)}.w-\[62\%\]{width:62%}.w-px{width:1px}.max-w-130{max-width:calc(var(--spacing) * 130)}.max-w-160{max-width:calc(var(--spacing) * 160)}.max-w-180{max-width:calc(var(--spacing) * 180)}.max-w-290{max-width:calc(var(--spacing) * 290)}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-56{min-width:calc(var(--spacing) * 56)}.flex-1{flex:1}.flex-\[1_1_420px\]{flex:420px}.flex-\[1_1_440px\]{flex:440px}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.\[scrollbar-width\:none\]{scrollbar-width:none}.appearance-none{appearance:none}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(260px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(280px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(300px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(320px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.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-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-4\.5{gap:calc(var(--spacing) * 4.5)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.self-start{align-self:flex-start}.overflow-x-auto{overflow-x:auto}.scroll-smooth{scroll-behavior:smooth}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#EEF1F0\]{border-color:#eef1f0}.border-brand{border-color:var(--color-brand)}.border-ink{border-color:var(--color-ink)}.border-line{border-color:var(--color-line)}.border-line-strong{border-color:var(--color-line-strong)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-\[\#8FA98B\]{background-color:#8fa98b}.bg-\[\#22305A\]{background-color:#22305a}.bg-\[\#C4673F\]{background-color:#c4673f}.bg-\[\#D9C4A3\]{background-color:#d9c4a3}.bg-\[\#E9EDEB\]{background-color:#e9edeb}.bg-\[\#F1EFEA\]{background-color:#f1efea}.bg-brand{background-color:var(--color-brand)}.bg-brand-tint{background-color:var(--color-brand-tint)}.bg-card{background-color:var(--color-card)}.bg-ink{background-color:var(--color-ink)}.bg-line-strong{background-color:var(--color-line-strong)}.bg-paper{background-color:var(--color-paper)}.bg-swatch-amber{background-color:var(--color-swatch-amber)}.bg-swatch-coral{background-color:var(--color-swatch-coral)}.bg-swatch-teal{background-color:var(--color-swatch-teal)}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing) * 1)}.p-5{padding:calc(var(--spacing) * 5)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[clamp\(32px\,5vw\,64px\)\]{padding:clamp(32px,5vw,64px)}.px-1\.75{padding-inline:calc(var(--spacing) * 1.75)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-2\.25{padding-inline:calc(var(--spacing) * 2.25)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5\.5{padding-inline:calc(var(--spacing) * 5.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-0\.75{padding-block:calc(var(--spacing) * .75)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-22{padding-block:calc(var(--spacing) * 22)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.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-\[12\.5px\]{font-size:12.5px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[40px\]{font-size:40px}.text-\[clamp\(26px\,3vw\,34px\)\]{font-size:clamp(26px,3vw,34px)}.text-\[clamp\(28px\,3\.2vw\,38px\)\]{font-size:clamp(28px,3.2vw,38px)}.text-\[clamp\(30px\,3\.6vw\,42px\)\]{font-size:clamp(30px,3.6vw,42px)}.text-\[clamp\(34px\,4vw\,46px\)\]{font-size:clamp(34px,4vw,46px)}.text-\[clamp\(40px\,5\.6vw\,64px\)\]{font-size:clamp(40px,5.6vw,64px)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.04\]{--tw-leading:1.04;line-height:1.04}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.12\]{--tw-leading:1.12;line-height:1.12}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.025em\]{--tw-tracking:-.025em;letter-spacing:-.025em}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-\[\#2E3D3A\]{color:#2e3d3a}.text-brand{color:var(--color-brand)}.text-brand-soft{color:var(--color-brand-soft)}.text-ink{color:var(--color-ink)}.text-ink-muted{color:var(--color-ink-muted)}.text-ink-soft{color:var(--color-ink-soft)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.shadow-\[0_0_0_2px_\#FBFCFB\,0_0_0_4px_\#14211F\]{--tw-shadow:0 0 0 2px var(--tw-shadow-color,#fbfcfb), 0 0 0 4px var(--tw-shadow-color,#14211f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_48px_-24px_rgb\(14_77_71\/0\.25\)\]{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#0e4d4740);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:border-ink:hover{border-color:var(--color-ink)}.hover\:border-ink-muted:hover{border-color:var(--color-ink-muted)}.hover\:bg-brand-dark:hover{background-color:var(--color-brand-dark)}.hover\:text-ink:hover{color:var(--color-ink)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:scroll-auto{scroll-behavior:auto}}@media (min-width:40rem){.sm\:inline-flex{display:inline-flex}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:48rem){.md\:flex{display:flex}}.\[\&_h2\]\:mt-10 h2{margin-top:calc(var(--spacing) * 10)}.\[\&_h2\]\:mb-3 h2{margin-bottom:calc(var(--spacing) * 3)}.\[\&_h2\]\:text-\[22px\] h2{font-size:22px}.\[\&_h2\]\:font-semibold h2{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_h2\]\:tracking-tight h2{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.\[\&_h2\]\:text-ink h2{color:var(--color-ink)}.\[\&_li\]\:mb-1\.5 li{margin-bottom:calc(var(--spacing) * 1.5)}.\[\&_p\]\:mb-3 p,.\[\&_ul\]\:mb-3 ul{margin-bottom:calc(var(--spacing) * 3)}.\[\&_ul\]\:list-disc ul{list-style-type:disc}.\[\&_ul\]\:pl-5\.5 ul{padding-left:calc(var(--spacing) * 5.5)}}@font-face{font-family:Inter;src:url(/fonts/InterVariable-2bf3d951bf9d6109437ea0874bbf12fb.woff2?vsn=d)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular-4e0581ae831b349f3f42c0f58d344122.woff2?vsn=d)format("woff2");font-weight:400;font-style:normal;font-display:swap}body{font-feature-settings:"cv11";-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--color-swatch-teal);outline-offset:2px}.demo{--chair:#c4673f}.demo [data-color],.demo [data-material],.demo [data-multi]{display:none}.demo [data-color=terracotta],.demo [data-material=linen],.demo [data-single]{display:inline}.demo:is(:has(#demo-sage:checked):not(:has(#demo-style-dropdown:checked)),:has(#demo-style-dropdown:checked):has(#demo-option-sage:checked)){--chair:#8fa98b}.demo:is(:has(#demo-sage:checked):not(:has(#demo-style-dropdown:checked)),:has(#demo-style-dropdown:checked):has(#demo-option-sage:checked)) [data-color=terracotta]{display:none}.demo:is(:has(#demo-sage:checked):not(:has(#demo-style-dropdown:checked)),:has(#demo-style-dropdown:checked):has(#demo-option-sage:checked)) [data-color=sage]{display:inline}.demo:is(:has(#demo-sand:checked):not(:has(#demo-style-dropdown:checked)),:has(#demo-style-dropdown:checked):has(#demo-option-sand:checked)){--chair:#d9c4a3}.demo:is(:has(#demo-sand:checked):not(:has(#demo-style-dropdown:checked)),:has(#demo-style-dropdown:checked):has(#demo-option-sand:checked)) [data-color=terracotta]{display:none}.demo:is(:has(#demo-sand:checked):not(:has(#demo-style-dropdown:checked)),:has(#demo-style-dropdown:checked):has(#demo-option-sand:checked)) [data-color=sand]{display:inline}.demo:is(:has(#demo-navy:checked):not(:has(#demo-style-dropdown:checked)),:has(#demo-style-dropdown:checked):has(#demo-option-navy:checked)){--chair:#22305a}.demo:is(:has(#demo-navy:checked):not(:has(#demo-style-dropdown:checked)),:has(#demo-style-dropdown:checked):has(#demo-option-navy:checked)) [data-color=terracotta]{display:none}.demo:is(:has(#demo-navy:checked):not(:has(#demo-style-dropdown:checked)),:has(#demo-style-dropdown:checked):has(#demo-option-navy:checked)) [data-color=navy]{display:inline}.demo:has(#demo-velvet:checked) [data-material=linen]{display:none}.demo:has(#demo-velvet:checked) [data-material=velvet],.demo:has(#demo-style-multi:checked) [data-multi]{display:inline}.demo:has(#demo-style-multi:checked) [data-single]{display:none}.demo-chair{fill:var(--chair);transition:fill .15s}.demo-sheen{opacity:0;transition:opacity .15s}.demo:has(#demo-style-multi:checked):has(#demo-velvet:checked) .demo-sheen{opacity:1}.demo [data-style]{display:none}.demo [data-style~=dots]{display:flex}.demo:has(:is(#demo-style-buttons,#demo-style-images,#demo-style-dropdown,#demo-style-multi):checked) [data-style~=dots]{display:none}.demo:has(#demo-style-buttons:checked) [data-style~=buttons],.demo:has(#demo-style-images:checked) [data-style~=images],.demo:has(#demo-style-dropdown:checked) [data-style~=dropdown],.demo:has(#demo-style-multi:checked) [data-style~=multi]{display:flex}.demo [data-swatch=terracotta],.demo [data-material-swatch=linen],.demo [data-style-option=dots],.demo:has(#demo-sage:checked) [data-swatch=sage],.demo:has(#demo-sand:checked) [data-swatch=sand],.demo:has(#demo-navy:checked) [data-swatch=navy],.demo:has(#demo-velvet:checked) [data-material-swatch=velvet],.demo:has(#demo-style-buttons:checked) [data-style-option=buttons],.demo:has(#demo-style-images:checked) [data-style-option=images],.demo:has(#demo-style-dropdown:checked) [data-style-option=dropdown],.demo:has(#demo-style-multi:checked) [data-style-option=multi]{--on-ring:0 0 0 2px #fff, 0 0 0 4px var(--color-ink);--on-bg:var(--color-ink);--on-fg:#fff;--on-border:var(--color-ink);--on-tab-bg:#fff;--on-tab-fg:var(--color-ink);--on-tab-shadow:0 1px 2px #14211f1f;--on-weight:600}.demo:has(:is(#demo-sage,#demo-sand,#demo-navy):checked) [data-swatch=terracotta],.demo:has(#demo-velvet:checked) [data-material-swatch=linen],.demo:has(:is(#demo-style-buttons,#demo-style-images,#demo-style-dropdown,#demo-style-multi):checked) [data-style-option=dots]{--on-ring:initial;--on-bg:initial;--on-fg:initial;--on-border:initial;--on-tab-bg:initial;--on-tab-fg:initial;--on-tab-shadow:initial;--on-weight:initial}.demo-dot{box-shadow:var(--on-ring,inset 0 0 0 1px #0000001f)}.demo-button{background:var(--on-bg,#fff);color:var(--on-fg,var(--color-ink));border-color:var(--on-border,var(--color-line-strong))}.demo-image{box-shadow:var(--on-ring,inset 0 0 0 1px var(--color-line-strong))}.demo-tab{background:var(--on-tab-bg,transparent);color:var(--on-tab-fg,var(--color-ink-soft));box-shadow:var(--on-tab-shadow,none);font-weight:var(--on-weight,500)}.demo-select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2314211F' stroke-width='1.5'/%3E%3C/svg%3E") right 14px center/12px 8px no-repeat}.demo-select:focus-visible,.demo:has(#demo-sage:focus-visible) [data-swatch=sage],.demo:has(#demo-sand:focus-visible) [data-swatch=sand],.demo:has(#demo-terracotta:focus-visible) [data-swatch=terracotta],.demo:has(#demo-navy:focus-visible) [data-swatch=navy],.demo:has(#demo-linen:focus-visible) [data-material-swatch=linen],.demo:has(#demo-velvet:focus-visible) [data-material-swatch=velvet],.demo:has(#demo-style-dots:focus-visible) [data-style-option=dots],.demo:has(#demo-style-buttons:focus-visible) [data-style-option=buttons],.demo:has(#demo-style-images:focus-visible) [data-style-option=images],.demo:has(#demo-style-dropdown:focus-visible) [data-style-option=dropdown],.demo:has(#demo-style-multi:focus-visible) [data-style-option=multi]{outline:2px solid var(--color-swatch-teal);outline-offset:2px}@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-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}