@start-base/react-form-elements/Checkbox/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}