.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:#c61736}.checkboxField.isError .checkboxField__Box:before{background-color:#c61736}.checkboxField.isDark .checkboxField__Box{background-color:#000}.checkboxField.isDark .checkboxField__Box:before{background-color:#fff}.checkboxField__Box{border:1px solid #ccc;cursor:pointer;height:24rem;min-height:24rem;min-width:24rem;outline:0;position:relative;width:24rem}.checkboxField__Box:before{background:var(--themeColor) url(../resources/images/icons/check.svg) no-repeat center center;background-size:15rem;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;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;height:30rem;min-width:50rem;opacity:1}.checkboxField--Toggle .checkboxField__Box:before{background-image:none;border-radius:50%;bottom:2px;height:18rem;left:6px;opacity:1;right:auto;top:50%;transform:translateY(-50%);transition:transform .2s,opacity .2s;width:18rem}.checkboxField--Toggle input:checked+label:before{transform:translate(18rem,-50%)}