.recipient-form{margin-top:2rem}.recipient-checkbox{display:flex;align-items:center;gap:1rem;cursor:pointer;font-size:1.4rem;margin-bottom:1.5rem;position:relative}.recipient-checkbox svg{flex-shrink:0;width:1.6rem;height:1.6rem}.recipient-checkbox svg:first-of-type{display:block}.recipient-checkbox svg.icon-checkmark{display:none;position:absolute;left:2px;top:6px;width:1.1rem;height:1.1rem}.recipient-form input[type=checkbox]:checked+.recipient-checkbox svg.icon-checkmark{display:block}.recipient-form input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.recipient-fields{max-height:0;overflow:hidden;transition:max-height .3s ease-out,margin .3s ease-out;margin-top:0}.recipient-form input[type=checkbox]:checked~.recipient-fields{max-height:100rem;margin-top:1.5rem;overflow:visible}.recipient-checkbox:hover svg:first-of-type rect{stroke:rgb(var(--color-foreground));stroke-width:2}.recipient-form input[type=checkbox]:focus+.recipient-checkbox svg:first-of-type{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.recipient-fields__field{margin-bottom:1.5rem}.recipient-fields__field .field{position:relative}.recipient-fields__field .field__input{width:100%;padding:1rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:0;background-color:rgb(var(--color-background));font-size:1.4rem}.recipient-fields__field .field__input:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .3rem rgb(var(--color-foreground),.1)}.recipient-fields__field .field__label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);pointer-events:none;transition:all .2s ease-out;color:rgba(var(--color-foreground),.55);font-size:1.4rem;background-color:rgb(var(--color-background));padding:0 .5rem}.recipient-fields__field .field__input:focus~.field__label,.recipient-fields__field .field__input:not(:placeholder-shown)~.field__label{top:0;font-size:1.2rem}.recipient-fields__field textarea.field__input{min-height:10rem;resize:vertical;padding-top:1.5rem}.recipient-fields__field textarea.field__input~.field__label{top:1.5rem;transform:none}.recipient-fields__field textarea.field__input:focus~.field__label,.recipient-fields__field textarea.field__input:not(:placeholder-shown)~.field__label{top:0}.recipient-email-label.optional{display:none}.recipient-form input[type=checkbox]:not(:checked)~.recipient-fields .recipient-email-label.required{display:none}.recipient-form input[type=checkbox]:not(:checked)~.recipient-fields .recipient-email-label.optional{display:inline}.recipient-form-field-label{display:block;font-size:1.2rem;color:rgba(var(--color-foreground),.7);margin-top:.5rem}.recipient-form-field-label--space-between{display:flex;justify-content:space-between}.product-form__recipient-error-message-wrapper{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.product-form__recipient-error-message-wrapper .form__message{display:flex;align-items:center;gap:1rem;margin:0 0 1rem;font-size:1.4rem;font-weight:600}.product-form__recipient-error-message-wrapper .icon-error{flex-shrink:0;width:1.6rem;height:1.6rem}.product-form__recipient-error-message-wrapper ul{list-style:disc;padding-left:2rem;margin:0}.product-form__recipient-error-message-wrapper li{margin-bottom:.5rem}.product-form__recipient-error-message-wrapper a{color:rgb(var(--color-foreground));text-decoration:underline}.recipient-fields__field .form__message{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:1.2rem;color:#eb001b}.recipient-fields__field .form__message .icon-error{flex-shrink:0;width:1.3rem;height:1.3rem}.recipient-fields__field .form__message.hidden{display:none}.recipient-fields__field input[type=date]{position:relative}.recipient-fields__field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
/*# sourceMappingURL=/cdn/shop/t/818/assets/component-recipient-form.css.map */