:root{--c-Checkbox-color-text:var(--c-Token-color-1000);--c-Checkbox-color-textDisabled:var(--c-Token-color-grey-400);--c-Checkbox-color-border:var(--c-Token-color-grey-400);--c-Checkbox-color-borderHover:var(--c-Token-color-grey-600);--c-Checkbox-color-borderActive:var(--c-Token-color-1000);--c-Checkbox-color-borderDisabled:var(--c-Token-color-grey-200);--c-Checkbox-color-focusRing:var(--c-Token-color-1000)}.c-Checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:var(--c-Token-space-50);inline-size:max-content;max-inline-size:100%;position:relative}@media (pointer:coarse){.c-Checkbox{block-size:44px}}.c-Checkbox:has(:focus-visible):before{border:2px solid var(--c-Checkbox-color-focusRing);border-radius:8px;content:"";inset:-6px;position:absolute;z-index:100}.c-Checkbox:hover:not(.is-disabled) .c-Checkbox-box{border-color:var(--c-Checkbox-color-borderHover)}.c-Checkbox:active:not(.is-disabled) .c-Checkbox-box{border-color:var(--c-Checkbox-color-borderActive)}.c-Checkbox .c-Checkbox-input{block-size:1px;inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.c-Checkbox .c-Checkbox-icon{display:none}.c-Checkbox .c-Checkbox-input:checked~.c-Checkbox-box .c-Checkbox-icon{display:block}.c-Checkbox .c-Checkbox-box{align-items:center;block-size:24px;border:1px solid var(--c-Checkbox-color-border);border-radius:4px;display:flex;flex:0 0 24px;inline-size:24px;justify-content:center;transition:border-color var(--c-Token-transition-duration25) var(--c-Token-transition-curveOut)}.c-Checkbox .c-Checkbox-label{color:var(--c-Checkbox-color-text);font-size:var(--c-Token-fontSize-75);font-weight:600;line-height:var(--c-Token-lineHeight-75)}.c-Checkbox.is-disabled{cursor:default}.c-Checkbox.is-disabled .c-Checkbox-box{border-color:var(--c-Checkbox-color-borderDisabled)}.c-Checkbox.is-disabled .c-Checkbox-label{color:var(--c-Checkbox-color-textDisabled)}.c-Checkbox--size-s .c-Checkbox-label{font-size:var(--c-Token-fontSize-50);font-weight:400;line-height:var(--c-Token-lineHeight-50);margin-block-start:2px}.c-Checkbox--size-l .c-Checkbox-label{font-size:var(--c-Token-fontSize-100);font-weight:600;line-height:var(--c-Token-lineHeight-100);margin-block-start:-2px}