@layer warp.components{:where([data-scope=toggle]){--_layer:currentColor;--_layer-a:var(--warp-state-hover);isolation:isolate;justify-content:center;align-items:center;gap:var(--warp-space-tight);block-size:var(--warp-control-md);min-inline-size:var(--warp-control-md);padding-inline:var(--warp-space-related);border:var(--warp-border-hairline) solid transparent;border-radius:var(--warp-radius-control);color:var(--warp-color-text-subtle);font:500 var(--warp-text-body-size)/1 var(--warp-text-body-font);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--warp-touch-out) var(--warp-ease-out), background-color var(--warp-touch-out) var(--warp-ease-out), border-color var(--warp-touch-out), scale var(--warp-spring-duration) var(--warp-ease-spring);background:0 0;display:inline-flex;position:relative}:where([data-scope=toggle]:is(:active,[data-press])),:where([data-scope=chip]:is(:active,[data-press])),:where(label:is([data-scope=checkbox],[data-scope=radio],[data-scope=switch]):is(:active,[data-press])) :where([data-part=control]){scale:var(--warp-press);transition-duration:0s}:where([data-scope=toggle]:hover),:where([data-scope=chip]:hover){transition-duration:0s, 0s, 0s, var(--warp-spring-duration)}:where([data-scope=toggle]):before{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:opacity var(--warp-duration-fast);background:currentColor;position:absolute;inset:0}@media (hover:hover){:where([data-scope=toggle]:hover){color:var(--warp-color-text)}:where([data-scope=toggle]:hover):before{opacity:var(--warp-state-hover)}}:where([data-scope=toggle][data-released]:not([aria-pressed=true],:hover,:focus-visible))>:where([data-part=sweep],[data-part=sweep-base]){transition:none}@media (hover:none){:where([data-scope=toggle][data-released]:not([aria-pressed=true],:focus-visible))>:where([data-part=sweep],[data-part=sweep-base]){transition:none}}:where([data-scope=toggle][aria-pressed=true]),:where([data-scope=toggle][aria-checked=true]){background:var(--warp-color-accent-soft);color:var(--warp-color-accent-text);border-color:var(--warp-color-accent-border)}:where([data-scope=toggle][data-size=sm]){block-size:var(--warp-control-sm);min-inline-size:var(--warp-control-sm);padding-inline:calc(var(--warp-space-related) * .75);font-size:var(--warp-text-caption-size)}:where([data-scope=toggle][data-size=lg]){block-size:var(--warp-control-lg);min-inline-size:var(--warp-control-lg);padding-inline:var(--warp-pad-control)}:where([data-scope=toggle][data-size=sm]) :where(svg[data-icon]){inline-size:var(--warp-icon-sm);block-size:var(--warp-icon-sm)}:where([data-scope=toggle][data-size=lg]) :where(svg[data-icon]){inline-size:var(--warp-icon-lg);block-size:var(--warp-icon-lg)}@media (forced-colors:active){:where([data-scope=toggle]:is([aria-pressed=true],[aria-checked=true])),:where([data-scope=chip][aria-pressed=true]){forced-color-adjust:none;color:highlighttext;box-shadow:none;background:highlight;border-color:highlight}}:where([data-scope=chip]){isolation:isolate;align-items:center;gap:var(--warp-space-tight);block-size:var(--warp-control-sm);padding-inline:var(--warp-pad-control);border:var(--warp-border-hairline) solid var(--warp-color-border-strong);border-radius:var(--warp-radius-round);background:var(--warp-color-surface-raised);color:var(--warp-color-text-subtle);font:500 var(--warp-text-caption-size) / 1 var(--warp-text-body-font);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--warp-touch-out), background-color var(--warp-touch-out), scale var(--warp-spring-duration) var(--warp-ease-spring);margin:0;display:inline-flex;position:relative}:where([data-scope=chip]):after{content:"";inset-inline:0;inset-block:min(0px, calc((100% - var(--warp-hit-min)) / 2));position:absolute}:where([data-scope=chip]:hover){color:var(--warp-color-text)}:where([data-scope=chip])>:where(svg[data-icon]){stroke-width:2px;block-size:12px;inline-size:12px;display:none}:where([data-scope=chip][aria-pressed=true]){background:var(--warp-color-accent-soft);color:var(--warp-color-accent-text)}:where([data-scope=chip][aria-pressed=true])>:where(svg[data-icon]){display:block}}