beta-parity-react/ui/Checkbox/index.css

Beta Parity React Components

input[type=checkbox].par-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--par-transparent);border-radius:.1875rem!important;cursor:pointer;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;padding:0!important;position:relative}input[type=checkbox].par-checkbox:checked{background-color:transparent;border-color:transparent;color:transparent}input[type=checkbox].par-checkbox:indeterminate{background-color:transparent;border-color:transparent;color:transparent}.checkbox-wrapper{cursor:pointer;display:flex;gap:.75rem;position:relative;width:-moz-fit-content;width:fit-content}input[type=checkbox].par-checkbox:disabled{cursor:not-allowed}.checkbox-wrapper[aria-disabled=true]{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-wrapper[aria-disabled=true] .input-label{color:var(--par-color-text-surface-item-disabled)}.checkbox-wrapper[aria-disabled=true] .input-sublabel{color:var(--par-color-text-helper-neutral-disabled)}.checkbox-input{align-items:center;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;margin-bottom:.25rem;margin-top:.25rem;position:relative;width:-moz-fit-content;width:fit-content}.checkbox-icon{height:1rem;left:50%;position:absolute;top:50%;width:1rem;--tw-translate-x:-50%;--tw-translate-y:-50%;border-radius:.125rem;padding:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.input-label{color:var(--par-color-text-surface-item-enabled);flex-direction:column;font-size:1rem;line-height:1.375rem;overflow-wrap:break-word;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-label,.input-sublabel{font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;width:100%}.input-sublabel{display:-webkit-box;font-size:.75rem;letter-spacing:.02em;line-height:1rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;color:var(--par-color-text-helper-neutral)}.checkbox-group,.checkbox-group-item{display:flex;flex-direction:column;gap:.5rem}.checkbox-group.horizontal{flex-direction:row;flex-wrap:wrap;gap:1rem}.checkbox-icon-rect{transition:fill .15s linear}.checkbox-icon-path.checked{transition:stroke .15s ease,fill .15s ease,opacity .15s ease,stroke-dashoffset .3s ease}