@layer components{.CheckboxField{width:100%;display:-ms-flexbox;display:flex;border-radius:8px;color:#1d2939;background-color:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(16,24,40,.05);box-shadow:0 1px 2px 0 rgba(16,24,40,.05);-webkit-transition:color .15s linear,border-color .15s linear,background-color .15s linear,-webkit-box-shadow .15s linear;transition:color .15s linear,border-color .15s linear,background-color .15s linear,-webkit-box-shadow .15s linear;transition:color .15s linear,border-color .15s linear,background-color .15s linear,box-shadow .15s linear;transition:color .15s linear,border-color .15s linear,background-color .15s linear,box-shadow .15s linear,-webkit-box-shadow .15s linear;width:18px;height:18px;position:relative;border-radius:4px;border:1px solid #667085}.CheckboxField__input{position:absolute;z-index:1;top:0;left:0;opacity:0;height:100%;width:100%;cursor:pointer}.CheckboxField__checkedIcon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;width:100%;color:rgba(0,0,0,0);font-size:16px}.CheckboxField:focus-within{-webkit-box-shadow:0 2px 4px -2px rgba(16,24,40,.06),0 4px 8px -2px rgba(16,24,40,.1);box-shadow:0 2px 4px -2px rgba(16,24,40,.06),0 4px 8px -2px rgba(16,24,40,.1)}.CheckboxField:hover{border-color:#1d2939}.CheckboxField--disabled,.CheckboxField--disabled:hover{cursor:not-allowed;border-color:#98a2b3;background-color:#f2f4f7}.CheckboxField--disabled .CheckboxField__input,.CheckboxField--disabled:hover .CheckboxField__input{cursor:not-allowed}.CheckboxField--checked{background:#005096;border-color:#005096}.CheckboxField--checked:hover{border-color:#013262}.CheckboxField--checked .CheckboxField__checkedIcon{color:#fff}.CheckboxField--checked.CheckboxField--disabled,.CheckboxField--checked.CheckboxField--disabled:hover{border-color:#98a2b3;background-color:#f2f4f7}.CheckboxField--appearance-error{border-color:#d92d20;background-color:#fff}.CheckboxField--appearance-error:hover{border-color:#b42318}.CheckboxField--appearance-error.CheckboxField--checked{background-color:#d92d20}.CheckboxField--appearance-error.CheckboxField--disabled,.CheckboxField--appearance-error.CheckboxField--disabled:hover{border-color:#98a2b3;background-color:#f2f4f7}}