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