:root{--checkbox-border-color:#e2e7f1}.ui-checkbox{--size:var(--checkbox-size,24px)}.ui-checkbox.is-disabled .ui-checkbox__checkmark{--checkbox-background:var(--checkbox-disabled-background);--checkbox-border-color:var( --checkbox-disabled-border-color,var(--checkbox-disabled-background) );--checkbox-color:var( --checkbox-disabled-color,var(--checkbox-disabled-background) )}.ui-checkbox.is-disabled .ui-checkbox__input{cursor:not-allowed}.ui-checkbox.is-disabled .ui-checkbox__input:checked+.ui-checkbox__checkmark{color:var(--checkbox-disabled-checked-color)}.ui-checkbox.is-readonly{pointer-events:none}.ui-checkbox.is-invalid .ui-checkbox__checkmark{border:2px solid #f53c14}.ui-checkbox__wrapper{align-items:center;display:flex;position:relative}.ui-checkbox__input{cursor:pointer;height:var(--size);opacity:0;width:var(--size)}.ui-checkbox__validation-message{color:#f53c14;position:absolute}.ui-checkbox__input:focus-visible+.ui-checkbox__checkmark{--checkbox-background:var(--checkbox-focus-background,transparent);--checkbox-border-color:var(--checkbox-focus-border-color,blue)}.ui-checkbox:not(.is-disabled) .ui-checkbox__input:checked+.ui-checkbox__checkmark{--checkbox-color:var(--checkbox-checked-color,#fff);--checkbox-background:var(--checkbox-checked-background,#1c74f0);--checkbox-border-color:var( --checkbox-checked-border-color,#448cec )}.ui-checkbox__input:checked:focus-visible+.ui-checkbox__checkmark{--checkbox-border-color:var( --checkbox-checked-focus-border-color,blue )!important;--checkbox-background:var( --checkbox-checked-focus-background,blue )!important}.ui-checkbox__checkmark{--icon-size:var(--checkbox-checkmark-size,24px);background:var(--checkbox-background,#eef3fe);border:1px solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius,4px);color:var(--checkbox-color,transparent);height:var(--size);left:0;line-height:var(--size);pointer-events:none;position:absolute;text-align:center;top:0;transition:.2s ease-out;transition-property:background-color,border-color;width:var(--size)}.ui-checkbox__label{color:var(--checkbox-label-color);font-size:var(--checkbox-label-font-size,14px);margin:var(--checkbox-label-margin,0 0 0 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width:768px){.ui-checkbox__label{--checkbox-label-font-size:12px}}