.recipient-form{--recipient-checkbox-margin-top: .64rem;display:block;position:relative;margin:2em 0}.recipient-fields__field:last-child{margin-bottom:3.2em}.recipient-form-field-label{margin:.6rem 0}.recipient-form-field-label--space-between{display:flex;justify-content:space-between;margin-bottom:10px}.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;font-size:.8em;letter-spacing:.3em;text-transform:uppercase;margin-bottom:2em;padding-left:27px;width:fit-content}.recipient-form>input[type=checkbox]{position:absolute;width:1.6rem;height:1.6rem;margin:1px 0 0;top:0;left:0;z-index:-1}.recipient-fields__field{margin-bottom:1.5em}.recipient-fields .field__label,.recipient-fields .field label{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 3.5rem);overflow:hidden;font-size:.8em;letter-spacing:.3em;text-transform:uppercase;color:inherit;left:0;margin:0;padding:8px 10px;pointer-events:none;position:absolute;top:0;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;line-height:1.3}@media screen and (max-width: 959px){.recipient-fields .field label{width:100%;padding:10px;white-space:nowrap;text-align:left;overflow:hidden}[lang=fr] .recipient-fields .field label{letter-spacing:.175em}}.recipient-form .field:after,.recipient-form .field:hover.field:after{box-shadow:none}.recipient-form .field__input,.customer .field input{border:1px solid #000;line-height:1.3;background:transparent}.recipient-form .field input:focus~label,.recipient-form .field input:not(:placeholder-shown)~label,.recipient-form .field textarea:not(:placeholder-shown)~label,.recipient-form .field textarea:focus~label{font-size:.8em;opacity:.65;transform:scale(.85) translateY(-.4em) translate(.15em);top:0;left:0;letter-spacing:.3em;text-transform:uppercase}.recipient-form .field .field__input:focus{padding:16px 10px 0;box-shadow:0 0 0 calc(var(--inputs-border-width)) rgba(var(--color-foreground));border-radius:3px}.recipient-form .field .field__input:not(:placeholder-shown){padding:16px 10px 0;font-size:16px;margin:0}.recipient-form .recipient-form__checkbox-wrapper{align-items:center;display:flex;margin-bottom:2em}.recipient-form .recipient-form-field-label--space-between>span{font-size:.95em;letter-spacing:.3em;text-transform:uppercase}.recipient-fields__field.textarea{margin-bottom:0}.recipient-form .field__input.text-area{height:150px;margin-bottom:0;resize:block}.recipient-checkbox>svg{margin-top:0;margin-right:1.2rem;flex-shrink:0;display:none}.recipient-form .icon-checkmark{visibility:hidden;position:absolute;left:.28rem;z-index:5;top:.4rem;width:10px;height:9px}.shopify-payment-button{margin-top:10px}#sendOnError{background-color:#fff6f6;border-color:#d02e2e;color:#d02e2e;border:1px solid;border-radius:0;margin-bottom:15px;padding:6px 12px;text-align:center}.recipient-form>input[type=checkbox]:checked+label .icon-checkmark{visibility:visible}.js .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}.js .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}.product-form__error-message-wrapper:not([hidden]){display:none}.recipient-form input[aria-invalid=true],.recipient-form .field input[aria-invalid=true]:not(:placeholder-shown){background-color:#fff6f6!important;border-color:#d02e2e;color:#d02e2e!important}.recipient-form input[aria-invalid=true]+.field__label,.recipient-form .field input[aria-invalid=true]:not(:placeholder-shown)~label{color:red}.recipient-form .field input[aria-invalid=true]:focus{box-shadow:none}.gift-form-error{display:none!important}@media (min-width: 750px){.recipient-form .field input:not(:placeholder-shown){font-size:18px}}@media screen and (forced-colors: active){.recipient-fields>hr{border-top:.1rem solid rgb(var(--color-background))}.recipient-checkbox>svg{background-color:inherit;border:.1rem solid rgb(var(--color-background))}.recipient-form>input[type=checkbox]:checked+label .icon-checkmark{border:none}}
/*# sourceMappingURL=/cdn/shop/t/409/assets/recipient-form.css.map */