@layer components{.windy-checkbox{cursor:pointer;font-size:var(--windy-step-0);line-height:var(--windy-leading-tight);display:inline-grid;align-items:center;grid-template-columns:[icon-start] auto [icon-end label-start] 1fr [label-end];-moz-column-gap:var(--windy-checkbox-column-gap,var(--windy-space-2xs));column-gap:var(--windy-checkbox-column-gap,var(--windy-space-2xs));row-gap:var(--windy-checkbox-row-gap,revert-layer)}.windy-checkbox>:is(.checkbox,.switch){grid-column:icon}.windy-checkbox>:nth-child(n+3){grid-column:label}.windy-checkbox[data-size=small]{font-size:var(--windy-step--1)}.windy-checkbox[data-size=small] .description{font-size:var(--windy-step--2)}.windy-checkbox[data-size=large]{font-size:var(--windy-step-1)}.windy-checkbox[data-size=large] .description{font-size:var(--windy-step-0)}.windy-checkbox[data-required=true] .label:before{content:"*";color:var(--windy-color-danger);margin-inline-end:.5ch}.windy-checkbox[data-disabled=true]{cursor:not-allowed;opacity:.5}.windy-checkbox[data-disabled=true] .checkbox,.windy-checkbox[data-disabled=true] .switch{background-color:color-mix(in oklab,var(--windy-color-neutral-5) 5%,transparent)}@supports (color:rgb(from tan r g b)){.windy-checkbox[data-disabled=true] .checkbox,.windy-checkbox[data-disabled=true] .switch{background-color:rgb(from var(--windy-color-neutral-5) r g b/5%)}}.windy-checkbox input:focus~.checkbox{box-shadow:0 0 0 4px rgb(from var(--windy-color-neutral-1) r g b/.5),0 1px 2px rgb(from var(--windy-color-neutral-5) r g b/.05)}.windy-checkbox input:focus~.switch{box-shadow:var(--windy-color-neutral-5) 0 0 0 0,var(--windy-color-neutral-1) 0 0 0 4px,var(--windy-color-neutral-0) 0 0 0 0}@supports (selector(:focus-visible)){.windy-checkbox input:focus~:is(.checkbox,.switch){box-shadow:revert-layer}:is(.windy-checkbox input:focus-visible)~.checkbox{box-shadow:0 0 0 4px rgb(from var(--windy-color-neutral-1) r g b/.5),0 1px 2px rgb(from var(--windy-color-neutral-5) r g b/.05)}:is(.windy-checkbox input:focus-visible)~.switch{box-shadow:var(--windy-color-neutral-5) 0 0 0 0,var(--windy-color-neutral-1) 0 0 0 4px,var(--windy-color-neutral-0) 0 0 0 0}}.windy-checkbox input:checked~:is(.checkbox,.switch){--csstools-color-scheme--light:initial;color-scheme:light;border-color:var(--windy-checkbox-accent-color,var(--windy-color-primary));background-color:var(--windy-checkbox-accent-color,var(--windy-color-primary))}.windy-checkbox input:not(:checked)~.checkbox .checkbox-icon{scale:.5;opacity:0}.windy-checkbox input:checked~.switch .switch-dot{color-scheme:revert-layer;transform:translate(calc(50% + 4px));border-color:var(--windy-checkbox-accent-color,var(--windy-color-primary))}.windy-checkbox .description{margin-block-start:var( --windy-checkbox-description-gutter,calc(var(--windy-space-3xs)/2) );font-size:var(--windy-step--1);color:var(--windy-color-neutral-4)}.windy-checkbox .checkbox{display:flex;aspect-ratio:1/1;block-size:1.5em;padding:0;color:var(--windy-color-neutral-0);background-color:var(--windy-color-neutral-0)}.windy-checkbox .checkbox-icon{margin:auto;scale:1.1;transition-property:scale,opacity;transition-duration:.15s;transition-timing-function:var(--windy-timing-function)}.windy-checkbox .switch{position:relative;height:1.5rem;width:2.5rem;cursor:pointer;border:var(--windy-color-neutral-2) 1px solid;transition-property:background-color,border-color}.windy-checkbox .switch,.windy-checkbox .switch-dot{border-radius:9999px;background-color:var(--windy-color-neutral-0);transition-timing-function:var(--windy-timing-function);transition-duration:.15s}.windy-checkbox .switch-dot{position:absolute;top:-1px;left:-1px;aspect-ratio:1/1;height:calc(100% + 2px);border:solid 1px var(--windy-color-neutral-2);transition-property:transform,border-color}}