.recipient-form{display:block;position:relative;border-radius:50px;box-shadow:none;background-color:rgba(var(--color-button-background),1);padding:0;width:100%;font-size:var(--font-button-size);letter-spacing:.15em;line-height:calc(1 + .2 / var(--font-body-scale));z-index:1;cursor:pointer;margin-bottom:20px}.recipient-form.active{background:#f6f6f6;border-radius:10px;padding:0 15px 10px}.recipient-form-field-label{margin:.6rem 0}.recipient-form-field-label--space-between{display:flex;justify-content:space-between}.recipient-checkbox{flex-grow:1;font-size:1.4rem;letter-spacing:.03rem;line-height:calc(1 + .8 / var(--font-body-scale));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);display:flex;word-break:break-word;max-width:inherit;position:relative;cursor:pointer;min-height:5rem;justify-content:center;align-items:center}.no-js .recipient-checkbox{display:none}.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-form .recipient-fields .field__input,.recipient-form .recipient-fields .field__radio{background:#fff}.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;font-size:var(--font-button-size);letter-spacing:.03rem;line-height:calc(1 + .8 / var(--font-body-scale));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);margin-bottom:.6rem;display:block;text-transform:uppercase}.recipient-checkbox{position:relative}.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}.js .recipient-fields{display:none}.recipient-fields hr{margin:0 auto 1.6rem}.recipient-form>input[type=checkbox]:checked~.recipient-fields{display:block;animation:animateMenuOpen var(--duration-default) ease}@keyframes animateMenuOpen{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.recipient-email-label,.recipient-form>input[type=checkbox]:not(:checked,:disabled)~.recipient-fields{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.4rem;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:.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}}.recipient-fields__tabs{display:flex;gap:20px;margin-bottom:20px;margin-top:10px}.recipient-fields__tabs input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;margin:0;font:inherit;color:currentColor;width:1.15rem;height:1.15rem;border:.15rem solid currentColor;border-radius:50%;transform:translateY(-.075rem);display:grid;place-content:center;min-height:auto;padding:1.2rem}.recipient-fields__tabs label,.recipient-form .recipient-fields__heading{font-size:var(--font-button-size);letter-spacing:.15rem;line-height:calc(1 + .2 / var(--font-body-scale));font-weight:700;text-transform:uppercase}.recipient-fields__header{display:flex;flex-wrap:wrap}.recipient-fields__header>span{margin-right:15px}.recipient-form .recipient-fields__subtext{opacity:.6;font-size:12px;line-height:1.2}.recipient-form .recipient-fields__arrow-down{position:absolute;right:.5rem;width:10px;margin-top:-2px;transition:transform var(--duration-default) ease}.recipient-form .recipient-fields__arrow-down.active{transform:rotate(180deg)}.recipient-fields__tabs input[type=radio]:before{content:"";width:1.4rem;height:1.4rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em rgba(var(--color-button-background),1)}.recipient-fields__tabs input[type=radio]:checked:before{transform:scale(1)}.recipient-fields__tabs>div{display:flex;align-items:center;gap:10px}
/*# sourceMappingURL=/cdn/shop/t/169/assets/component-recipient-form.css.map */