[data-component=checkbox]{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;--tw-text-opacity: 1;color:rgb(34 31 32 / var(--tw-text-opacity, 1))}[data-component=checkbox] input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[data-component=checkbox] input:checked~.checkmark{background-color:#221f20}[data-component=checkbox] input:checked~.checkmark svg path{fill:#fff}[data-component=checkbox] input:focus~.checkmark{border-width:2px}[data-component=checkbox] .checkmark{margin-right:.5rem;box-sizing:border-box;display:flex;height:15px;width:15px;align-items:center;justify-content:center;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 31 32 / var(--tw-border-opacity, 1));background-color:transparent;font-size:12px;line-height:1}[data-component=checkbox] .checkmark .icon{height:100%;width:100%}[data-component=checkbox] .checkmark .icon svg path{fill:transparent}[data-component=checkbox][data-style=pill] .checkbox-label{display:inline-flex;height:40px;width:100%;align-items:center;border-radius:9999px;border-width:1px;padding:.5rem 1rem;font-size:12px;font-weight:400;line-height:12px;transition-duration:.2s}[data-component=checkbox][data-style=pill] .checkmark{display:none}[data-component=checkbox][data-style=pill] input:checked~.checkbox-label{border-color:#221f20;background-color:#221f20;color:#fff}[data-component=checkbox][data-style=pill]:hover .checkbox-label{border-color:#221f20;background-color:#221f20;color:#fff}.bg-green [data-component=checkbox],.bg-black [data-component=checkbox],[data-component].bg-green [data-component=checkbox],[data-component].bg-black [data-component=checkbox]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.bg-green [data-component=checkbox] input:checked~.checkmark,.bg-black [data-component=checkbox] input:checked~.checkmark,[data-component].bg-green [data-component=checkbox] input:checked~.checkmark,[data-component].bg-black [data-component=checkbox] input:checked~.checkmark{background-color:#fff}.bg-green [data-component=checkbox] input:checked~.checkmark svg path,.bg-black [data-component=checkbox] input:checked~.checkmark svg path,[data-component].bg-green [data-component=checkbox] input:checked~.checkmark svg path,[data-component].bg-black [data-component=checkbox] input:checked~.checkmark svg path{fill:#221f20}.bg-green [data-component=checkbox] .checkmark,.bg-black [data-component=checkbox] .checkmark,[data-component].bg-green [data-component=checkbox] .checkmark,[data-component].bg-black [data-component=checkbox] .checkmark{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-tan [data-component=checkbox] input:checked~.checkmark,.bg-gold [data-component=checkbox] input:checked~.checkmark,.bg-field02 [data-component=checkbox] input:checked~.checkmark,[data-component].bg-tan [data-component=checkbox] input:checked~.checkmark,[data-component].bg-gold [data-component=checkbox] input:checked~.checkmark,[data-component].bg-field02 [data-component=checkbox] input:checked~.checkmark{background-color:#221f20}.bg-tan [data-component=checkbox] input:checked~.checkmark svg path,.bg-gold [data-component=checkbox] input:checked~.checkmark svg path,.bg-field02 [data-component=checkbox] input:checked~.checkmark svg path,[data-component].bg-tan [data-component=checkbox] input:checked~.checkmark svg path,[data-component].bg-gold [data-component=checkbox] input:checked~.checkmark svg path,[data-component].bg-field02 [data-component=checkbox] input:checked~.checkmark svg path{fill:#f1e4c7}.bg-tan [data-component=checkbox] .checkmark,.bg-gold [data-component=checkbox] .checkmark,.bg-field02 [data-component=checkbox] .checkmark,[data-component].bg-tan [data-component=checkbox] .checkmark,[data-component].bg-gold [data-component=checkbox] .checkmark,[data-component].bg-field02 [data-component=checkbox] .checkmark{--tw-border-opacity: 1;border-color:rgb(34 31 32 / var(--tw-border-opacity, 1))}.bg-tan [data-component=checkbox] [data-error=true]+span.checkmark,.bg-gold [data-component=checkbox] [data-error=true]+span.checkmark,.bg-field02 [data-component=checkbox] [data-error=true]+span.checkmark,[data-component].bg-tan [data-component=checkbox] [data-error=true]+span.checkmark,[data-component].bg-gold [data-component=checkbox] [data-error=true]+span.checkmark,[data-component].bg-field02 [data-component=checkbox] [data-error=true]+span.checkmark{--tw-border-opacity: 1;border-color:rgb(207 0 0 / var(--tw-border-opacity, 1))}[data-component=checkbox] input[data-error=true]:checked~.checkmark{--tw-bg-opacity: 1;background-color:rgb(207 0 0 / var(--tw-bg-opacity, 1))}[data-component=checkbox] input[data-error=true]~.checkmark{--tw-border-opacity: 1;border-color:rgb(207 0 0 / var(--tw-border-opacity, 1))}[data-component=checkbox] input[data-error=true]~.checkmark~span{--tw-text-opacity: 1;color:rgb(207 0 0 / var(--tw-text-opacity, 1))}[data-component=checkbox][data-style=pill] input[data-error=true]~.checkbox-label{--tw-border-opacity: 1;border-color:rgb(207 0 0 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(207 0 0 / var(--tw-text-opacity, 1))}[data-component=checkbox] input[disabled]:checked~.checkmark{--tw-bg-opacity: 1;background-color:rgb(126 126 126 / var(--tw-bg-opacity, 1))}[data-component=checkbox] input[disabled]~.checkmark{--tw-border-opacity: 1;border-color:rgb(126 126 126 / var(--tw-border-opacity, 1))}[data-component=checkbox] input[disabled]~.checkmark~span{--tw-text-opacity: 1;color:rgb(126 126 126 / var(--tw-text-opacity, 1))}
