.cbx{--cbx-fill:linear-gradient(180deg, var(--accent), var(--accent-hover));--cbx-on:var(--accent);--cbx-off:var(--border-strong);--cbx-ring:var(--ring-accent);--cbx-size:var(--control-box);--cbx-radius:var(--radius-sm);--tick-len:14px;--fill:0;--tick:0;--dash:0;--press:1;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-base) var(--ease-standard);display:inline-flex}.cbx:has(:checked){--fill:1;--tick:1}.cbx:has(:indeterminate){--fill:1;--tick:0;--dash:1}.cbx:not(.cbx--disabled):hover{background:var(--neutral-wash)}.cbx:not(.cbx--disabled):hover:not(:has(:checked,:indeterminate)){--cbx-off:var(--cbx-on)}.cbx:not(.cbx--disabled):active{--press:.88}.cbx:has(:focus-visible) .cbx__box{box-shadow:var(--cbx-ring)}.cbx__input{opacity:0;clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.cbx__box{width:var(--cbx-size);height:var(--cbx-size);margin-top:calc((var(--leading-body) - var(--cbx-size)) / 2);border:var(--border-hairline) solid color-mix(in oklab, var(--cbx-on) calc(var(--fill) * 100%), var(--cbx-off));border-radius:var(--cbx-radius);background:var(--bg-inset);transform:scale(var(--press));transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-spring);flex:none;place-items:center;display:grid;position:relative}.cbx__box:before{content:"";border-radius:calc(var(--cbx-radius) - var(--border-hairline));background:var(--cbx-fill);opacity:var(--fill);transform:scale(calc(.4 + .6 * var(--fill)));transition:transform var(--duration-base) var(--ease-spring), opacity var(--duration-fast) var(--ease-standard);position:absolute;inset:0}.cbx__mark{width:100%;height:100%;color:var(--text-on-accent);pointer-events:none;display:block;position:relative}.cbx__tick{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--tick-len);stroke-dashoffset:calc(var(--tick-len) * (1 - var(--tick)));transition:stroke-dashoffset var(--duration-base) var(--ease-entrance) calc(var(--tick) * var(--duration-fast))}.cbx__dash{border-radius:var(--border-hairline);background:var(--text-on-accent);pointer-events:none;width:56%;height:2px;opacity:var(--dash);transform:scaleX(var(--dash));transition:transform var(--duration-base) var(--ease-spring), opacity var(--duration-fast) var(--ease-standard);position:absolute}.cbx__text{gap:var(--space-1);display:grid}.cbx__label{font:var(--type-label);color:var(--text-strong)}.cbx__desc{font:var(--type-caption);color:var(--text-muted)}.cbx--sm{--cbx-size:var(--space-4)}.cbx--sm .cbx__label{font:var(--type-caption);font-weight:var(--weight-medium);color:var(--text-strong)}.cbx--sm .cbx__box{margin-top:calc((var(--leading-caption) - var(--cbx-size)) / 2)}.cbx--invalid{--cbx-fill:linear-gradient(180deg, var(--danger), var(--danger));--cbx-on:var(--danger);--cbx-off:var(--danger);--cbx-ring:var(--ring-danger)}.cbx--disabled{cursor:not-allowed;--cbx-fill:var(--border-strong);--cbx-on:var(--border-default);--cbx-off:var(--border-subtle)}.cbx--disabled .cbx__box{background:var(--bg-muted)}.cbx--disabled .cbx__label,.cbx--disabled .cbx__desc{color:var(--text-disabled)}
@property --collapse-dur-open{syntax:"*";inherits:false}@property --collapse-dur-close{syntax:"*";inherits:false}@property --collapse-ease-open{syntax:"*";inherits:false}@property --collapse-ease-close{syntax:"*";inherits:false}.collapse{transition:grid-template-rows var(--collapse-dur-close,var(--duration-slow)) var(--collapse-ease-close,var(--ease-entrance)), grid-template-columns var(--collapse-dur-close,var(--duration-slow)) var(--collapse-ease-close,var(--ease-entrance)), visibility 0s linear var(--collapse-dur-close,var(--duration-slow));grid-template-rows:0fr;display:grid}.collapse[data-open=false]{visibility:hidden}.collapse[data-open=true]{transition:grid-template-rows var(--collapse-dur-open,var(--duration-slow)) var(--collapse-ease-open,var(--ease-entrance)), grid-template-columns var(--collapse-dur-open,var(--duration-slow)) var(--collapse-ease-open,var(--ease-entrance));grid-template-rows:1fr}.collapse[data-axis=width]{grid-template-rows:1fr;grid-template-columns:0fr}.collapse[data-axis=width][data-open=true]{grid-template-columns:1fr}.collapse__inner{min-width:0;min-height:0;overflow:hidden}.collapse--fade .collapse__inner{opacity:0;transition:opacity var(--collapse-dur-close,var(--duration-base)) var(--collapse-ease-close,var(--ease-standard))}.collapse--fade[data-open=true] .collapse__inner{opacity:1;transition:opacity var(--collapse-dur-open,var(--duration-slow)) var(--collapse-ease-open,var(--ease-entrance)) 60ms}@media (prefers-reduced-motion:reduce){.collapse,.collapse--fade .collapse__inner{transition-duration:1ms}.collapse--fade .collapse__inner{transition-delay:0s}}
.icon{vertical-align:middle;flex:none}.icon-slot{color:currentColor;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-slot--sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-slot--md{width:var(--icon-md);height:var(--icon-md)}.icon-slot--lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-slot>svg,.icon-slot>img{width:100%;height:100%;display:block}