.checkbox{position:relative;display:flex;width:100%;cursor:pointer;align-items:center}.checkbox input{position:absolute;opacity:.00001;cursor:pointer;padding:0;width:0;height:0;top:0;left:0}.input-box{transition:background-color .2s,border-color .2s;min-width:1.25rem;min-height:1.25rem;position:relative;display:inline-flex;height:1.25rem;width:1.25rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(var(--gray-20) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(var(--gray-10) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(var(--gray-90) / var(--tw-text-opacity))}.input-box .icon{transition:opacity .2s;stroke-width:3px;pointer-events:none;height:.75rem;width:.75rem;--tw-text-opacity: 1;color:rgb(var(--gray-5) / var(--tw-text-opacity));opacity:0}.input-box:hover{--tw-border-opacity: 1;border-color:rgb(var(--brand-70) / var(--tw-border-opacity))}.input-box.active{--tw-border-opacity: 1;border-color:rgb(var(--brand-70) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(var(--brand-70) / var(--tw-bg-opacity))}.input-box.active .icon{opacity:1}