.CheckBox{color:var(--blacktext);flex-direction:row;align-items:center;gap:1rem;display:flex}.CheckBox.xs{gap:.5rem}.CheckBox.xs .checkbox-input{width:.875rem;height:.875rem}.CheckBox.xs .checkbox-input:after,.CheckBox.xs .checkbox-label{font-size:.75rem;line-height:1rem}.CheckBox.sm{gap:.75rem}.CheckBox.sm .checkbox-input{width:1rem;height:1rem}.CheckBox.sm .checkbox-input:after,.CheckBox.sm .checkbox-label{font-size:.875rem;line-height:1.25rem}.CheckBox.lg{gap:1.25rem}.CheckBox.lg .checkbox-input{width:1.5rem;height:1.5rem}.CheckBox.lg .checkbox-label{font-size:1.125rem;line-height:1.75rem}.CheckBox .checkbox-input{aspect-ratio:1;appearance:none;border-width:1px;border-color:var(--softline);border-radius:.125rem;width:1.25rem;height:1.25rem}.CheckBox .checkbox-input:checked{border-color:var(--brand-color-500);background-color:var(--brand-color);justify-content:center;align-items:center;display:flex}.CheckBox .checkbox-input:checked:after{text-align:center;color:var(--white);--tw-content:"✔";content:var(--tw-content);justify-content:center;align-items:center;display:flex}.CheckBox .checkbox-input:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--brand-color-500);--tw-ring-offset-width:2px;outline:2px solid #0000}.CheckBox .checkbox-label{font-weight:400}