.check-square{align-items:flex-start;gap:var(--space-200);vertical-align:middle;color:var(--text-default);display:inline-flex;position:relative}.check-square--labeled{cursor:pointer}.check-square--label-start{flex-direction:row-reverse;justify-content:flex-end}.check-square--disabled{cursor:not-allowed}.check-square__control{width:var(--size-icon-base);height:var(--size-icon-base);flex:none;position:relative}.check-square__input{opacity:0;width:100%;height:100%;cursor:inherit;z-index:var(--z-index-raised);margin:0;position:absolute;inset:0}.check-square__box,.check-square__box svg{width:var(--size-icon-base);height:var(--size-icon-base);border-radius:var(--corner-sm);display:block}.check-square__frame{fill:#0000;stroke:var(--checkbox-border);stroke-width:var(--depth-050);transition:fill var(--motion-duration-instant) var(--motion-easing-standard), stroke var(--motion-duration-instant) var(--motion-easing-standard)}.check-square__check,.check-square__dash{fill:none;stroke:var(--checkbox-mark);stroke-width:var(--depth-050);stroke-linecap:round;stroke-linejoin:round;opacity:0}.check-square__check{stroke-dasharray:1;stroke-dashoffset:1px}.check-square__input:checked+.check-square__box .check-square__frame,.check-square__input:indeterminate+.check-square__box .check-square__frame,.check-square[data-vis=checked] .check-square__frame,.check-square[data-vis=indeterminate] .check-square__frame{fill:var(--checkbox-fill);stroke:var(--checkbox-fill)}.check-square__input:checked:not(:indeterminate)+.check-square__box .check-square__check,.check-square[data-vis=checked] .check-square__check{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset var(--motion-duration-fast) var(--motion-easing-enter)}.check-square__input:indeterminate+.check-square__box .check-square__dash,.check-square[data-vis=indeterminate] .check-square__dash{opacity:1}.check-square:not(.check-square--disabled):not([data-vis]):hover .check-square__frame,.check-square[data-vis=hover] .check-square__frame{stroke:var(--checkbox-border-hover)}.check-square:not(.check-square--disabled):not([data-vis]):hover .check-square__input:checked+.check-square__box .check-square__frame,.check-square:not(.check-square--disabled):not([data-vis]):hover .check-square__input:indeterminate+.check-square__box .check-square__frame{fill:var(--checkbox-fill-hover);stroke:var(--checkbox-fill-hover)}.check-square__input:focus-visible+.check-square__box,.check-square[data-vis=focus] .check-square__box{outline:var(--border-width-focus) solid var(--border-focus);outline-offset:var(--depth-025)}.check-square--disabled .check-square__frame{stroke:var(--checkbox-disabled)}.check-square--disabled .check-square__input:checked+.check-square__box .check-square__frame,.check-square--disabled .check-square__input:indeterminate+.check-square__box .check-square__frame{fill:var(--checkbox-disabled);stroke:var(--checkbox-disabled)}.check-square__label{font-family:var(--type-sl-base-400-family);font-weight:var(--type-sl-base-400-weight);font-size:var(--type-sl-base-400-size);line-height:var(--type-sl-base-400-line-height);letter-spacing:var(--type-sl-base-400-letter-spacing);color:var(--text-default);padding-block:0}.check-square--disabled .check-square__label{color:var(--text-disabled)}@media (prefers-reduced-motion:reduce){.check-square__frame,.check-square__input:checked:not(:indeterminate)+.check-square__box .check-square__check{transition:none}}