@uva-glass/component-library/dist/assets/CheckboxButton.css

React components UvA

._checkbox-button__container_lqy3b_1{align-items:center;display:inline-flex;justify-content:center}._checkbox-button__container_lqy3b_1 input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}._checkbox-button__container_lqy3b_1 input[type=checkbox]:focus-visible+label{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem;z-index:1}._checkbox-button__container_lqy3b_1 input[type=checkbox]:checked+label{background-color:var(--color-black);color:var(--color-white)}._checkbox-button__container_lqy3b_1 input[type=checkbox]:disabled+label,._checkbox-button__container_lqy3b_1 input[type=checkbox]:disabled:hover+label{background-color:var(--color-grey-100);color:var(--color-grey-300);cursor:not-allowed}._checkbox-button__container_lqy3b_1 input[type=checkbox]:checked+label:hover{background-color:var(--color-grey-300);color:var(--color-black);z-index:1}._checkbox-button_lqy3b_1{align-items:center;background-color:var(--color-white);border:1px solid var(--color-grey-400);cursor:pointer;display:flex;font-size:var(--font-size-default);height:2.5rem;justify-content:center;padding:.25rem;-webkit-user-select:none;user-select:none;white-space:nowrap;width:2.5rem}._checkbox-button_lqy3b_1:hover{background-color:var(--color-grey-300)}._checkbox-button--not-valid_lqy3b_59{border-color:var(--color-red-500)}._checkbox-button--not-valid_lqy3b_59:hover{background-color:var(--color-grey-300);border-color:var(--color-grey-300);color:var(--color-black)}._checkbox-button--single_lqy3b_69{border-radius:.25rem}._checkbox-button--start_lqy3b_73{border-radius:.25rem 0 0 .25rem}._checkbox-button--middle_lqy3b_77{border-radius:0;border-width:1px 0;position:relative;width:2.375rem}._checkbox-button--end_lqy3b_84{border-radius:0 .25rem .25rem 0}