.wrapper{padding:1rem}.checkbox{--tw-text-opacity: 1;color:rgb(34 31 32 / var(--tw-text-opacity, 1))}.checkbox label{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center}.checkbox label 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}.checkbox label input:checked~.checkmark{background-color:#221f20}.checkbox label input:checked~.checkmark svg path{fill:#fff}.checkbox label input:focus~.checkmark{border-width:2px}.checkbox label .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}.checkbox label .checkmark .icon{height:100%;width:100%}.checkbox label .checkmark .icon svg path{fill:transparent}.bg-green .checkbox,.bg-black .checkbox,[data-component].bg-green .checkbox,[data-component].bg-black .checkbox{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.bg-green .checkbox label input:checked~.checkmark,.bg-black .checkbox label input:checked~.checkmark,[data-component].bg-green .checkbox label input:checked~.checkmark,[data-component].bg-black .checkbox label input:checked~.checkmark{background-color:#fff}.bg-green .checkbox label input:checked~.checkmark svg path,.bg-black .checkbox label input:checked~.checkmark svg path,[data-component].bg-green .checkbox label input:checked~.checkmark svg path,[data-component].bg-black .checkbox label input:checked~.checkmark svg path{fill:#221f20}.bg-green .checkbox label .checkmark,.bg-black .checkbox label .checkmark,[data-component].bg-green .checkbox label .checkmark,[data-component].bg-black .checkbox label .checkmark{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-tan .checkbox label input:checked~.checkmark,.bg-gold .checkbox label input:checked~.checkmark,.bg-field02 .checkbox label input:checked~.checkmark,[data-component].bg-tan .checkbox label input:checked~.checkmark,[data-component].bg-gold .checkbox label input:checked~.checkmark,[data-component].bg-field02 .checkbox label input:checked~.checkmark{background-color:#221f20}.bg-tan .checkbox label input:checked~.checkmark svg path,.bg-gold .checkbox label input:checked~.checkmark svg path,.bg-field02 .checkbox label input:checked~.checkmark svg path,[data-component].bg-tan .checkbox label input:checked~.checkmark svg path,[data-component].bg-gold .checkbox label input:checked~.checkmark svg path,[data-component].bg-field02 .checkbox label input:checked~.checkmark svg path{fill:#f1e4c7}.bg-tan .checkbox label .checkmark,.bg-gold .checkbox label .checkmark,.bg-field02 .checkbox label .checkmark,[data-component].bg-tan .checkbox label .checkmark,[data-component].bg-gold .checkbox label .checkmark,[data-component].bg-field02 .checkbox label .checkmark{--tw-border-opacity: 1;border-color:rgb(34 31 32 / var(--tw-border-opacity, 1))}.bg-tan .checkbox [data-error=true]+span.checkmark,.bg-gold .checkbox [data-error=true]+span.checkmark,.bg-field02 .checkbox [data-error=true]+span.checkmark,[data-component].bg-tan .checkbox [data-error=true]+span.checkmark,[data-component].bg-gold .checkbox [data-error=true]+span.checkmark,[data-component].bg-field02 .checkbox [data-error=true]+span.checkmark{--tw-border-opacity: 1;border-color:rgb(207 0 0 / var(--tw-border-opacity, 1))}.checkbox label input[data-error=true]:checked~.checkmark{--tw-bg-opacity: 1;background-color:rgb(207 0 0 / var(--tw-bg-opacity, 1))}.checkbox label input[data-error=true]~.checkmark{--tw-border-opacity: 1;border-color:rgb(207 0 0 / var(--tw-border-opacity, 1))}.checkbox label input[data-error=true]~.checkmark~span{--tw-text-opacity: 1;color:rgb(207 0 0 / var(--tw-text-opacity, 1))}.checkbox label input[disabled]:checked~.checkmark{--tw-bg-opacity: 1;background-color:rgb(126 126 126 / var(--tw-bg-opacity, 1))}.checkbox label input[disabled]~.checkmark{--tw-border-opacity: 1;border-color:rgb(126 126 126 / var(--tw-border-opacity, 1))}.checkbox label input[disabled]~.checkmark~span{--tw-text-opacity: 1;color:rgb(126 126 126 / var(--tw-text-opacity, 1))}