.recipient-form{--recipient-checkbox-margin-top: .64rem;display:block;position:relative;max-width:44rem;margin-bottom:2.5rem}.recipient-checkbox{flex-grow:1;font-size:1.6rem;display:flex;word-break:break-word;align-items:flex-start;max-width:inherit;position:relative;cursor:pointer}.recipient-form>input[type=checkbox]{position:absolute;width:1.6rem;height:1.6rem;margin:var(--recipient-checkbox-margin-top) 0;top:0;left:0;z-index:-1;appearance:none;-webkit-appearance:none}.recipient-fields__field{margin:0 0 2rem}.recipient-fields .field__label{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 3.5rem);overflow:hidden}.recipient-checkbox>svg{margin-top:var(--recipient-checkbox-margin-top);margin-right:1.2rem;flex-shrink:0}.recipient-form .icon-checkmark{visibility:hidden;position:absolute;left:.28rem;z-index:5;top:.4rem}.recipient-form>input[type=checkbox]:checked+label .icon-checkmark{visibility:visible}.recipient-fields{display:none}.recipient-fields hr{margin:1.6rem auto}.recipient-form>input[type=checkbox]:checked~.recipient-fields{display:block;animation:animateMenuOpen var(--duration-default) ease}.recipient-form>input[type=checkbox]:not(:checked,:disabled)~.recipient-fields,.recipient-email-label{display:none}.recipient-email-label.required{display:inline}.recipient-form ul{line-height:calc(1 + .6 / var(--font-body-scale));padding-left:4.4rem;text-align:left}.recipient-form ul a{display:inline}.recipient-form .error-message:first-letter{text-transform:capitalize}.recipient-error-message{display:block;margin-top:var(--margin-4xl)}.recipient-errors__list{margin-top:var(--margin-xs)}.recipient-errors__list li{font-size:1.4rem}.recipient-errors__list li>a{text-decoration:underline;text-underline-offset:.3rem;color:var(--color-red-05)}.recipient-form__message{position:relative;border:.1rem dashed var(--required-color);background-color:var(--color-secondary-0);border-radius:var(--border-radius-2);display:flex;align-items:center;justify-content:flex-start;padding:var(--padding-sm) var(--padding-md);gap:var(--gap-sm);margin-top:var(--margin-sm)}@media screen and (forced-colors:active){.recipient-fields>hr{border-top:.1rem solid var(--color-background)}.recipient-checkbox>svg{background-color:inherit;border:.1rem solid var(--color-background)}.recipient-form>input[type=checkbox]:checked+label .icon-checkmark{border:none}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/component-recipient-form.css.map */