.g-checkbox{--g-checkbox-size: 24px;position:relative;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.g-checkbox .checkbox{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--g-checkbox-size);height:var(--g-checkbox-size);background-color:var(--g-checkbox-bg-color);border-color:var(--g-checkbox-border-color, black);border-style:var(--g-checkbox-border-style, solid);border-width:var(--g-checkbox-border-width, 1px)}.g-checkbox .checkbox.checked{background-color:var(--g-checkbox-checked-bg-color, var(--g-checkbox-bg-color, blue))}.g-checkbox .checkbox.indeterminate{background-color:var(--g-checkbox-indeterminate-bg-color, var(--g-checkbox-checked-bg-color, var(--g-checkbox-bg-color, blue)))}.g-checkbox .icon-checkmark{display:block;color:#fff}.g-checkbox .icon-indeterminate{width:var(--g-checkbox-indeterminate-icon-width, 60%);height:var(--g-checkbox-indeterminate-icon-height, 1px);background-color:var(--g-checkbox-indeterminate-icon-color, #fff)}.g-checkbox .label{line-height:var(--g-checkbox-size)}.g-checkbox .label.after{margin-left:var(--g-checkbox-label-gap, 5px)}.g-checkbox .label.before{order:-1;margin-right:var(--g-checkbox-label-gap, 5px)}.g-checkbox .input-element{position:absolute;top:0;left:0;width:var(--g-checkbox-size);height:var(--g-checkbox-size);padding:0;margin:0;cursor:inherit;opacity:.0001}.g-checkbox .input-element:focus-visible+.checkbox{outline:1px solid gray}.g-checkbox.disabled{cursor:default;opacity:.5}