.CheckBox_checkbox{--checkbox-size: var(--font-size-body-md);--checkbox-padding: var(--padding-sm);display:flex;justify-content:center;align-items:center;cursor:pointer;box-sizing:border-box;border-radius:var(--radius-xs);color:var(--color-500);border:2px solid currentColor;outline:2px solid transparent;outline-offset:0px;width:calc(var(--checkbox-size) + var(--checkbox-padding));height:calc(var(--checkbox-size) + var(--checkbox-padding));transition:outline-offset var(--animation-duration-fast) ease-out,outline-color var(--animation-duration-fast) ease-out,color var(--animation-duration-fast) ease-out}.CheckBox_checkbox svg{color:currentColor;width:var(--checkbox-size);height:var(--checkbox-size);transform-origin:center;opacity:0;transform:scale(.8);transition:transform var(--animation-duration-fast) ease-out,opacity var(--animation-duration) ease-out}.CheckBox_checkbox.CheckBox_error{outline:2px solid var(--color-danger-500)!important;outline-offset:2px}.CheckBox_input:checked+.CheckBox_checkbox svg{opacity:1;transform:scale(1)}.CheckBox_input:disabled+.CheckBox_checkbox{opacity:var(--disabled-opacity);cursor:not-allowed}.CheckBox_input:focus-visible+.CheckBox_checkbox{outline:currentColor solid 2px;outline-offset:2px}.CheckBox_input:hover+.CheckBox_checkbox{color:var(--color-700)}.CheckBox_input:active+.CheckBox_checkbox{outline-offset:4px;color:var(--color-900)}.CheckBox_input:focus-visible+.CheckBox_checkbox.CheckBox_error{outline-offset:4px}.CheckBox_input:active+.CheckBox_checkbox.CheckBox_error{outline-offset:6px}.CheckBox_checkbox.CheckBox_size-xs{--checkbox-size: var(--font-size-body-xs)}.CheckBox_checkbox.CheckBox_size-sm{--checkbox-size: var(--font-size-body-sm)}.CheckBox_checkbox.CheckBox_size-md{--checkbox-size: var(--font-size-body-md)}.CheckBox_checkbox.CheckBox_size-lg{--checkbox-size: var(--font-size-body-lg)}.CheckBox_checkbox.CheckBox_size-xl{--checkbox-size: var(--font-size-body-xl)}