.recipient-form{display:block;margin-bottom:1rem}.recipient-checkbox{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.recipient-checkbox input[type=checkbox]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px;display:none}.recipient-checkbox input[type=checkbox]+.recipient-checkbox__toggle{position:relative;cursor:pointer;width:2.5rem;height:1.5rem;border-radius:9999px;background-color:rgba(var(--color-primary-0),.1);transition:background-color var(--duration-short) ease}.recipient-checkbox input[type=checkbox]+.recipient-checkbox__toggle:before{position:absolute;content:"";height:1.25rem;width:1.25rem;top:.125rem;left:.125rem;border-radius:100%;background-color:rgba(var(--color-bg-primary-0),1);transform:translate(0);transition:transform var(--duration-long) ease,background-color var(--duration-short) ease}.recipient-checkbox:hover input[type=checkbox]+.recipient-checkbox__toggle:before{background-color:rgba(var(--color-bg-primary-0),.95)}.recipient-checkbox input[type=checkbox]:checked+.recipient-checkbox__toggle{background-color:rgb(var(--buttons-bg-color));transition:background-color var(--duration-long) ease}.recipient-checkbox input[type=checkbox]:checked+.recipient-checkbox__toggle:before{transform:translate(1rem);transition:transform var(--duration-long) ease,background-color var(--duration-long) ease}.recipient-checkbox input[type=checkbox]:checked+.recipient-checkbox__toggle+.recipient-checkbox__label{color:rgba(var(--color-primary-0),1)}.recipient-checkbox input[type=checkbox]:focus-visible+.recipient-checkbox__toggle{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.js .recipient-fields{display:none}.recipient-form .recipient-checkbox:has(input[type=checkbox]:checked)~.recipient-fields{display:block}.recipient-form .recipient-checkbox:has(input[type=checkbox]:not(:checked,:disabled))~.recipient-fields,.recipient-form .recipient-checkbox:has(input[type=checkbox]:disabled)~.recipient-fields{display:none}.js .recipient-email-label.required{display:block}.recipient-fields__field{margin-bottom:1rem}.recipient-fields__field:last-child{margin-bottom:0}.recipient-form-field-label{display:flex;justify-content:space-between;margin-top:.25rem}.recipient-form-field-label--space-between{justify-content:space-between}.recipient-email-label.optional{display:none}.recipient-email-label.required{display:block}
/*# sourceMappingURL=/cdn/shop/t/234/assets/component-recipient-form.css.map */