.s-checkbox[data-v-f7bd7336]{--s-checkbox-size:1.25rem}.s-checkbox--small[data-v-f7bd7336]{--s-checkbox-size:1.15rem}.s-checkbox--large[data-v-f7bd7336]{--s-checkbox-size:1.5rem}.s-checkbox__input[data-v-f7bd7336]{appearance:none;width:var(--s-checkbox-size);height:var(--s-checkbox-size);cursor:inherit;background-color:var(--checkbox-off);border-width:1.5px;transition:background-color .15s,border-color .15s,box-shadow .15s;position:relative}.s-checkbox__input[data-v-f7bd7336]:after{content:"";opacity:0;pointer-events:none;position:absolute}.s-checkbox__input[data-v-f7bd7336]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.s-checkbox__input[data-v-f7bd7336]:not(:indeterminate):checked:after{opacity:1;width:calc(var(--s-checkbox-size) * .3);height:calc(var(--s-checkbox-size) * .75);border-right:2px solid var(--on-checkbox-on);border-bottom:2px solid var(--on-checkbox-on);border-radius:1px;top:53%;left:50%;transform:translate(-10%,-80%)rotate(40deg)}.s-checkbox__input[data-v-f7bd7336]:indeterminate:after{opacity:1;width:calc(var(--s-checkbox-size) * .6);background-color:var(--on-checkbox-on);border-radius:1px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.s-checkbox__input[data-v-f7bd7336]:hover{background-color:var(--checkbox-off-hover)}.s-checkbox__input[data-v-f7bd7336]:active{background-color:var(--checkbox-off-active)}.s-checkbox__input[data-v-f7bd7336]:checked,.s-checkbox__input[data-v-f7bd7336]:indeterminate{background-color:var(--checkbox-on)}.s-checkbox__input[data-v-f7bd7336]:checked:hover,.s-checkbox__input[data-v-f7bd7336]:indeterminate:hover{background-color:var(--checkbox-on-hover)}.s-checkbox__input[data-v-f7bd7336]:checked:active,.s-checkbox__input[data-v-f7bd7336]:indeterminate:active{background-color:var(--checkbox-on-active)}.s-checkbox__label[data-v-f7bd7336]{-webkit-user-select:none;user-select:none;line-height:1.2}