.kl-checkbox{z-index:0;position:relative;display:inline-block;line-height:20px}.kl-checkbox>input{appearance:none;-moz-appearance:none;-webkit-appearance:none;z-index:-1;position:absolute;left:-8px;top:-8px;display:block;margin:0;border-radius:50%;width:36px;height:36px;box-shadow:none;outline:none;opacity:0;transform:scale(1);pointer-events:none;transition:opacity .3s,transform .2s}.kl-checkbox>span{display:inline-block;width:100%;cursor:pointer}.kl-checkbox>span:before{content:"";display:inline-block;box-sizing:border-box;margin-right:10px;border:solid var(--inputs-border-width);border-color:rgb(var(--color-foreground));border-radius:2px;width:20px;height:20px;vertical-align:top;transition:border-color .2s,background-color .2s}.kl-checkbox>span:empty:before{margin-right:0}.kl-checkbox>span:after{content:"";display:block;position:absolute;top:0;left:1px;width:12px;height:7px;border:solid 2px transparent;border-right:none;border-top:none;transform:translate(3px,4px) rotate(-45deg)}.kl-checkbox>input:checked+span:before,.kl-checkbox>input:indeterminate+span:before{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.125)}.kl-checkbox>input:checked+span:after,.kl-checkbox>input:indeterminate+span:after{border-color:rgb(var(--color-foreground))}.kl-checkbox>input:indeterminate+span:after{border-left:none;transform:translate(4px,3px)}.kl-checkbox:hover>input{opacity:.04}.kl-checkbox>input:focus{opacity:.12}.kl-checkbox:hover>input:focus{opacity:.16}.kl-checkbox>input:active{opacity:1;transform:scale(0);transition:transform 0s,opacity 0s}.kl-checkbox>input:active+span:before{border-color:rgb(var(--color-foreground))}.kl-checkbox>input:checked:active+span:before{border-color:transparent;background-color:rgba(var(--color-foreground),.6)}.kl-checkbox>input:disabled{opacity:0}.kl-checkbox>input:disabled+span{color:rgba(var(--color-foreground),.5);cursor:initial}.kl-checkbox>input:disabled+span:before{border-color:currentColor;cursor:not-allowed}.kl-checkbox>input:checked:disabled+span:before,.kl-checkbox>input:indeterminate:disabled+span:before{border-color:transparent;background-color:currentColor}.kl-checkbox>input:checked:disabled+span:after{border-color:rgba(var(--color-foreground),.5);cursor:not-allowed}.kl-radio{z-index:0;position:relative;display:inline-block;line-height:1.5}.kl-radio>input{appearance:none;-moz-appearance:none;-webkit-appearance:none;z-index:-1;position:absolute;left:-10px;top:-8px;display:block;margin:0;border-radius:50%;width:40px;height:40px;outline:none;opacity:0;transform:scale(1);pointer-events:none;transition:opacity .3s,transform .2s}.kl-radio>span{display:inline-block;width:100%;cursor:pointer;position:relative}.kl-radio>span:before{content:"";display:inline-block;box-sizing:border-box;margin:2px 10px 2px 0;border:solid var(--inputs-border-width);border-color:rgb(var(--color-foreground));border-radius:50%;width:20px;min-width:20px;height:20px;vertical-align:top;transition:border-color .2s}.kl-radio>span:after{content:"";display:block;position:absolute;top:2px;left:0;border-radius:50%;width:10px;height:10px;background-color:rgb(var(--color-foreground));transform:translate(5px,5px) scale(0);transition:transform .2s}.kl-radio>input:checked+span:before{border-color:rgb(var(--color-foreground))}.kl-radio>input:checked+span:after{transform:translate(5px,5px) scale(1)}.kl-radio:hover>input{opacity:.04}.kl-radio>input:focus{opacity:.12}.kl-radio:hover>input:focus{opacity:.16}.kl-radio>input:active{opacity:1;transform:scale(0);transition:transform 0s,opacity 0s}.kl-radio>input:active+span:before{border-color:rgb(var(--color-foreground))}.kl-radio>input:disabled{opacity:0}.kl-radio>input:disabled+span{color:rgba(var(--color-foreground),.38);cursor:not-allowed}.kl-radio>input:disabled+span:before{border-color:currentColor}.kl-radio>input:disabled+span:after{background-color:currentColor}.kl-switch{z-index:0;position:relative;height:24px}.kl-switch>input{appearance:none;-moz-appearance:none;-webkit-appearance:none;z-index:-1;position:absolute;outline:none;opacity:0;transform:scale(1);pointer-events:none}.kl-switch>.kl-switch--toggler{cursor:pointer}.kl-switch>.kl-switch--toggler:before{content:"";display:inline-block;border-radius:12px;width:42px;height:24px;background-color:rgba(var(--color-foreground),.2);vertical-align:top;transition:background-color .2s,opacity .2s}.kl-switch>.kl-switch--toggler:after{content:"";position:absolute;top:3px;left:3px;border-radius:50%;width:18px;height:18px;background-color:rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));transition:background-color .2s,transform .2s}.kl-switch>input:checked+.kl-switch--toggler:before{background-color:rgb(var(--color-foreground))}.kl-switch>input:checked+.kl-switch--toggler:after{background-color:#fff;transform:translate(18px)}.kl-switch:hover>input{opacity:.04}.kl-switch>input:focus{opacity:.12}.kl-switch:hover>input:focus{opacity:.16}.kl-switch>input:active{opacity:1;transform:scale(0);transition:transform 0s,opacity 0s}.kl-switch>input:active+span:before{background-color:rgba(var(--color-foreground),.6)}.kl-switch>input:checked:active+span:before{background-color:rgba(var(--color-foreground),.38)}.kl-switch>input:disabled{opacity:0}.kl-switch>input:disabled+.kl-switch--toggler{color:rgb(var(--color-foreground));opacity:.15;cursor:not-allowed}.kl-switch>input:disabled+.kl-switch--toggler:before{background-color:rgba(var(--color-foreground),.5)}.kl-switch>input:checked:disabled+.kl-switch--toggler:before{background-color:rgba(var(--color-foreground),.6)}
/*# sourceMappingURL=/cdn/shop/t/62/assets/kl-base.css.map */
