.checkbox{position:relative;display:block;cursor:pointer}.checkbox__field{position:absolute;left:-200vw;-webkit-appearance:none}.checkbox__field:focus-visible+.checkbox__label{outline:2px solid var(--theme-color-primary-default)}.checkbox__label{font-size:1.6rem;display:block;margin:0;padding-left:calc(24px + .75rem);line-height:24px}.checkbox--modifier-default .checkbox__label:after,.checkbox--modifier-default .checkbox__label:before{position:absolute;top:0;left:0;content:"";width:24px;height:24px;border-radius:3px}.checkbox--modifier-default .checkbox__label:before{border:1px solid var(--theme-color-grayscale-0)}.checkbox--modifier-default .checkbox__label:after{opacity:1;border:1px solid rgba(0,0,0,0);background:url(/icons/i-check.svg) 50%/15px no-repeat;transition:transform .2s ease-in-out}.checkbox--modifier-default:not(.checkbox--checked) .checkbox__label:after{opacity:0}.checkbox--disabled .checkbox__label{color:var(--theme-color-grayscale-400)}.checkbox--disabled .checkbox__label:after,.checkbox--disabled .checkbox__label:before{opacity:.3}.checkbox--modifier-switch .checkbox__label{transition:background .2s ease-in-out;position:relative;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;height:20px;background-color:var(--theme-color-grayscale-700);border-radius:60px}.checkbox--modifier-switch .checkbox__label:after,.checkbox--modifier-switch .checkbox__label:before{content:"";display:block;position:absolute}.checkbox--modifier-switch .checkbox__label:before{transition:background .2s ease-in-out;right:1px;left:1px;top:1px;bottom:1px;background-color:var(--theme-color-grayscale-700);border-radius:60px}.checkbox--modifier-switch .checkbox__label:after{transition:transform .2s ease-in-out;top:-1px;left:0;width:22px;height:22px;background-color:var(--theme-color-grayscale-1000);border-radius:100%;box-shadow:0 1px 5px rgba(0,0,0,.3)}.checkbox--modifier-switch .checkbox__field:checked+.checkbox__label,.checkbox--modifier-switch .checkbox__field:checked+.checkbox__label:before{background-color:var(--theme-color-primary-default)}.checkbox--modifier-switch .checkbox__field:checked+.checkbox__label:after{transform:translateX(20px)}.checkbox--modifier-switch .checkbox__field:checked+.checkbox__label:disabled+label{pointer-events:none;cursor:default}