@layer components{.kso-checkbox{gap:var(--space-2);cursor:pointer;align-items:flex-start;display:inline-flex;position:relative}.kso-checkbox.is-disabled{cursor:default}.kso-checkbox__input{margin:var(--space-0);opacity:0;pointer-events:none;position:absolute;inset-block-start:var(--space-0-5);inset-inline-start:var(--space-0)}.kso-checkbox__box,.kso-checkbox__input{width:var(--space-4);height:var(--space-4)}.kso-checkbox__box{color:var(--color-accent-on-solid);background-color:var(--color-surface-inset);border:var(--border-width-hairline) solid var(--color-border-strong);border-radius:var(--radius-xs);box-shadow:var(--elevation-field);transition:var(--transition-color),var(--transition-elevation);flex:none;justify-content:center;align-items:center;margin-block-start:var(--space-0-5);display:inline-flex}.kso-checkbox__mark{transition:scale var(--duration-2) var(--ease-spring);scale:0}.kso-checkbox:hover:not(.is-disabled) .kso-checkbox__box{border-color:var(--color-border-accent)}.kso-checkbox.is-checked .kso-checkbox__box,.kso-checkbox.is-mixed .kso-checkbox__box,.kso-checkbox__input:checked+.kso-checkbox__box,.kso-checkbox__input:indeterminate+.kso-checkbox__box{background-color:var(--color-accent-solid);border-color:var(--color-accent-solid);box-shadow:var(--elevation-0)}.kso-checkbox.is-checked .kso-checkbox__box .kso-checkbox__mark,.kso-checkbox.is-mixed .kso-checkbox__box .kso-checkbox__mark,.kso-checkbox__input:checked+.kso-checkbox__box .kso-checkbox__mark,.kso-checkbox__input:indeterminate+.kso-checkbox__box .kso-checkbox__mark{scale:1}.kso-checkbox__input:focus-visible+.kso-checkbox__box{outline:var(--focus-ring-width) var(--focus-ring-style) var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.kso-checkbox.is-invalid .kso-checkbox__box{border-color:var(--color-danger-border)}.kso-checkbox.is-disabled .kso-checkbox__box{background-color:var(--color-surface-disabled);border-color:var(--color-border-default);box-shadow:var(--elevation-0)}.kso-checkbox.is-disabled .kso-checkbox__input:checked+.kso-checkbox__box{color:var(--color-content-disabled);background-color:var(--color-surface-disabled)}.kso-checkbox__body{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}}