.checkboxField input{opacity:0;pointer-events:none;position:absolute}.checkboxField input:checked+label:before{opacity:1}.checkboxField input:checked+label:focus:before,.checkboxField.isDisabled{opacity:.5}.checkboxField.isError .checkboxField__Box{border-color:red}.checkboxField.isError .checkboxField__Box:before{background-color:red}.checkboxField.isDark .checkboxField__Box{background-color:#000}.checkboxField.isDark .checkboxField__Box:before{background-color:#fff}.checkboxField__Box{border:1px solid #000;cursor:pointer;height:20rem;min-height:20rem;min-width:20rem;outline:0;position:relative;width:20rem}.checkboxField__Box:before{background-color:#000;bottom:3px;content:"";left:3px;opacity:0;position:absolute;right:3px;top:3px;transition:opacity .2s,background-color .2s;will-change:opacity}.checkboxField__Box:focus:before{opacity:.25}.checkboxField__Wrapper{align-items:flex-start;display:flex}.checkboxField__Label{cursor:pointer}.checkboxField__Error,.checkboxField__Label{padding-left:10rem}.checkboxField--Toggle .checkboxField__Box{border-radius:20rem;opacity:1;width:40rem}.checkboxField--Toggle .checkboxField__Box:before{border-radius:50%;bottom:2px;height:14rem;left:2px;opacity:1;right:auto;top:50%;transform:translateY(-50%);transition:transform .2s,opacity .2s;width:14rem}.checkboxField--Toggle input:checked+label:before{transform:translate(20rem,-50%)}