.product-form .form:has(.recipient-form){display:flex;flex-wrap:wrap;gap:1.6rem .8rem}.product-form .form:has(.recipient-form)>*{width:100%}.product-form .form:has(.recipient-form) .product-form__quantity,.product-form .form:has(.recipient-form) .product-form__buttons{width:auto;flex-shrink:0;margin-bottom:0}.product-form .form:has(.recipient-form) .product-form__buttons{align-items:flex-end;width:100%}.product-form .form:has(.recipient-form) .product-form__submit{flex:none}.product-form .form:has(.recipient-form) .product-form__note{margin-top:.8rem}.recipient-form{display:block;margin-top:1rem;margin-bottom:.6rem}.recipient-checkbox{position:relative;display:inline-flex;align-items:center;gap:.8rem;cursor:pointer}.recipient-checkbox input{opacity:0;position:absolute;cursor:pointer;flex-shrink:0}.recipient-checkbox__icon{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border:1px solid rgba(var(--color-foreground),1);border-radius:calc(var(--style-inputs-border-radius, 4px) / 2);background-color:rgba(var(--color-background),1);color:rgba(var(--color-foreground),1);cursor:pointer;flex-shrink:0}.recipient-checkbox__icon .icon-checkmark{width:12px;height:9px;opacity:0;transition:opacity .2s ease;cursor:pointer;flex-shrink:0}.recipient-checkbox input:checked+.recipient-checkbox__icon .icon-checkmark{opacity:1}.recipient-fields{margin-top:1.4rem}.recipient-fields[hidden]{display:none}.recipient-fields__field:first-of-type{margin-top:1.6rem}.recipient-fields__field+.recipient-fields__field{margin-top:1.6rem}.recipient-fields__field .field{display:flex;flex-direction:column;gap:.8rem}.product-form__recipient-error-message-wrapper{margin-top:1.6rem}.product-form__recipient-error-message-wrapper ul{padding-left:2.2rem}.product-form__recipient-error-message-wrapper li{margin-top:.8rem}h2 .error-message{font-size:1.4rem}.error-message,.error-message a{font-size:1.2rem;color:rgba(var(--color-foreground),1);line-height:1.4}.recipient-email-label.required{display:none}.recipient-form[data-js-enabled=true] .recipient-email-label.required{display:inline}.recipient-form[data-js-enabled=true] .recipient-email-label.optional{display:none}.recipient-form .field__input{scroll-margin-top:12rem}@media screen and (min-width:990px){.recipient-form .field__input{scroll-margin-top:10rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-recipient-form.css.map */