@start-base/react-form-elements/CheckboxCards/styles.css

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

.SUI-Checkbox-module-root-B5Qjx{display:inline-flex;flex-direction:column;margin-bottom:var(--rfe-spacing);position:relative}.SUI-Checkbox-module-inputRoot-evAlL{align-items:center;display:flex;justify-content:flex-start;position:relative}.SUI-Checkbox-module-label-tLN4u{color:var(--rfe-color);cursor:pointer;font-size:var(--rfe-font-size);line-height:20px;margin-top:1px;pointer-events:all}.SUI-Checkbox-module-box-XqQz7{align-items:center;background-color:var(--rfe-background);border:1px solid var(--rfe-border);border-radius:var(--rfe-border-radius);color:var(--rfe-white);display:flex;flex-shrink:0;height:28px;justify-content:center;margin-right:16px;transition:all .25s;width:28px}.SUI-Checkbox-module-box-XqQz7:hover{box-shadow:var(--rfe-focus)}.SUI-Checkbox-module-noLabel-Yw7Pk{margin:0}.SUI-Checkbox-module-inputError-gCI-z{border-color:var(--rfe-color-error)!important}.SUI-Checkbox-module-boxDisabled-8Rl3P{background-color:var(--rfe-background-disabled)}.SUI-Checkbox-module-boxDisabled-8Rl3P:hover{box-shadow:none;cursor:not-allowed}.SUI-Checkbox-module-icon-pLAK2{color:var(--rfe-color);display:none;line-height:1}.SUI-Checkbox-module-input-fHLWQ{height:0;left:0;opacity:0;position:fixed;top:0;width:0;z-index:0}.SUI-Checkbox-module-input-fHLWQ:checked~.SUI-Checkbox-module-box-XqQz7{background-color:var(--rfe-background-selected);border-color:var(--rfe-border)}.SUI-Checkbox-module-input-fHLWQ:checked~.SUI-Checkbox-module-boxDisabled-8Rl3P{background:var(--rfe-background-disabled)!important}.SUI-Checkbox-module-input-fHLWQ:checked~.SUI-Checkbox-module-box-XqQz7 .SUI-Checkbox-module-icon-pLAK2{display:block}.SUI-Checkbox-module-input-fHLWQ:focus-visible~.SUI-Checkbox-module-box-XqQz7{box-shadow:var(--rfe-focus)}.SUI-Checkbox-module-errorLabel-mLjpi{color:var(--rfe-color-error);font-size:var(--rfe-error-font-size);margin-top:var(--rfe-label-spacing);pointer-events:none}.SUI-CheckboxCards-module-root-TgRwl{display:flex;flex-direction:column;margin-bottom:var(--rfe-spacing);pointer-events:all;position:relative}.SUI-CheckboxCards-module-root-TgRwl label{margin-bottom:var(--rfe-label-spacing)}.SUI-CheckboxCards-module-root-TgRwl label:last-of-type{margin-bottom:0}.SUI-CheckboxCards-module-label-EFY11{color:var(--rfe-color);font-size:var(--rfe-font-size);line-height:1;margin-bottom:var(--rfe-label-spacing)}.SUI-CheckboxCards-module-errorLabel-FsUAA{color:var(--rfe-color-error);font-size:var(--rfe-error-font-size);margin-top:var(--rfe-label-spacing)}.SUI-CheckboxCards-module-container-PaN-t{display:flex;flex-wrap:wrap;gap:var(--rfe-spacing)}.SUI-CheckboxCards-module-row-PB9ZT{flex-direction:row}.SUI-CheckboxCards-module-column-GrIxv{flex-direction:column}.SUI-CheckboxCards-module-card-W3ujF{align-items:center;background-color:var(--rfe-background);border:1px solid var(--rfe-border);border-radius:var(--rfe-border-radius);color:var(--rfe-white);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;transition:all .25s}.SUI-CheckboxCards-module-card-W3ujF label{padding:var(--rfe-label-spacing);text-align:center;width:100%}.SUI-CheckboxCards-module-card-W3ujF label div{text-align:center;width:100%}.SUI-CheckboxCards-module-card-W3ujF:hover{box-shadow:var(--rfe-focus)}.SUI-CheckboxCards-module-card-W3ujF:focus-within{box-shadow:var(--rfe-focus)}.SUI-CheckboxCards-module-selected--4Mzc{background-color:var(--rfe-background-selected);border-color:var(--rfe-border)}.SUI-CheckboxCards-module-disabled-hIlcT{background-color:var(--rfe-background-disabled);box-shadow:none!important}.SUI-CheckboxCards-module-disabled-hIlcT>label:hover{box-shadow:none;cursor:not-allowed}.SUI-CheckboxCards-module-disabled-hIlcT>label:hover div{cursor:not-allowed}.SUI-CheckboxCards-module-hide-sqWiS{display:none}.SUI-CheckboxCards-module-inputError-Gwc0Z{border-color:var(--rfe-color-error)!important}