.recipient-form{--recipient-checkbox-margin-top: 6px;display:block;position:relative;max-width:100%;margin-bottom:0}.recipient-form hr{margin:15px auto 0}.recipient-form-field-label{margin:.6em 0}.recipient-fields__field input,.recipient-fields__field textarea{width:100%}.recipient-form-field-label--space-between{display:flex;justify-content:space-between}.recipient-checkbox{flex-grow:1;font-size:15px;line-height:1.8;display:flex;word-break:break-word;align-items:flex-start;max-width:inherit;position:relative;cursor:pointer}.no-js .recipient-checkbox{display:none}.recipient-form>input[type=checkbox]{position:absolute;width:15px;height:15px;margin:var(--recipient-checkbox-margin-top) 0;top:0;left:0;z-index:-1;appearance:none;-webkit-appearance:none;border:unset;padding:0;background:unset}.recipient-fields__field label{font-size:14px}.recipient-fields .field__label{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 3.5em);overflow:hidden}.recipient-checkbox>svg{margin-top:var(--recipient-checkbox-margin-top);margin-right:10px;flex-shrink:0}.recipient-form .icon-checkmark{visibility:hidden;position:absolute;left:3px;z-index:5;top:4px}.recipient-form>input[type=checkbox]:checked+label .icon-checkmark{visibility:visible}.js .recipient-fields{display:none}.recipient-fields{margin-top:8px}.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}.js .recipient-email-label.required,.no-js .recipient-email-label.optional{display:inline}.recipient-form ul{line-height:calc(1 + .6 / var(--font-body-scale));padding-left:4.4em;text-align:left}.recipient-form ul a{display:inline}.recipient-form .error-message:first-letter{text-transform:capitalize}@media screen and (forced-colors: active){.recipient-fields>hr{border-top:.1em solid rgb(var(--color-background))}.recipient-checkbox>svg{background-color:inherit;border:.1em solid rgb(var(--color-background))}.recipient-form>input[type=checkbox]:checked+label .icon-checkmark{border:none}}@keyframes animateMenuOpen{0%{opacity:0;transform:translateY(-1.5em)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/216/assets/recipient-form.css.map */