.checkradio-field{--cr-size: 20px;--cr-offset: 6px;--cr-border-width: 1px;--cr-border-color: black;--cr-background-color: white;--cr-selected-color: black;--cr-horizontal-space: 6px;--cr-transition-speed: .2s;display:flex;flex-direction:row;align-items:center;box-sizing:border-box}.checkradio-field label{padding-left:var(--cr-horizontal-space)}.checkradio-field label,.checkradio-field input,.checkradio-field input:before,.checkradio-field input:after{cursor:pointer}.checkradio-field input,.checkradio-field input:before,.checkradio-field input:after{width:var(--cr-size);height:var(--cr-size);margin:0;padding:0;position:relative}.checkradio-field input{flex-grow:0;flex-shrink:0}.checkradio-field input:before,.checkradio-field input:after{content:" ";display:block;background-color:#fff;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.checkradio-field input[type=radio]:before,.checkradio-field input[type=radio]:after{border-radius:50%}.checkradio-field input:before{border:var(--cr-border-width) solid var(--cr-border-color)}.checkradio-field input:after{width:calc(var(--cr-size) - var(--cr-border-width) * 2 - var(--cr-offset));height:calc(var(--cr-size) - var(--cr-border-width) * 2 - var(--cr-offset));top:calc(var(--cr-border-width) + var(--cr-offset) / 2);left:calc(var(--cr-border-width) + var(--cr-offset) / 2);transition:background-color ease-in var(--cr-transition-speed)}.checkradio-field input:checked:after{background-color:var(--cr-selected-color)}.checkradio-field.switch{--cr-size: 28px;--cr-switch-length: calc(var(--cr-size) * .75);--cr-switch-width: calc(var(--cr-size) + var(--cr-switch-length));--cr-switch-transition-time: .2s;--cr-switch-handle-color: var(--cr-background-color);--cr-switch-handle-selected-color: var(--cr-background-color);--cr-switch-handle-border-width: var(--cr-border-width);--cr-switch-background-border-width: var(--cr-border-width);--cr-switch-background-color: var(--cr-background-color);--cr-switch-background-selected-color: var(--cr-selected-color)}.checkradio-field.switch input[type=checkbox]{width:var(--cr-switch-width);margin-left:-4px}.checkradio-field.switch input[type=checkbox]:before{width:var(--cr-switch-width);border:var(--cr-switch-background-border-width) solid var(--cr-border-color);border-radius:var(--cr-size);background-color:var(--cr-switch-background-color);transition:background-color linear var(--cr-switch-transition-time)}.checkradio-field.switch input[type=checkbox]:after{border:var(--cr-switch-handle-border-width) solid var(--cr-border-color);border-radius:50%;background-color:var(--cr-switch-handle-color);transform:translate(0);transition:transform linear var(--cr-switch-transition-time)}.checkradio-field.switch input[type=checkbox]:checked:before{background-color:var(--cr-switch-background-selected-color)}.checkradio-field.switch input[type=checkbox]:checked:after{transform:translate(var(--cr-switch-length));background-color:var(--cr-switch-handle-selected-color)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/checkboxes-and-radios.css.map */