.WaitlistBanner{position:fixed;inset-inline:0;z-index:90001;padding-block:1.375rem;padding-inline:2rem;background-color:var(--waitlist-background, #fff);color:var(--waitlist-text, #000)}.WaitlistBanner[hidden]{display:none}.WaitlistBanner--bottom{bottom:0;box-shadow:0 -8px 32px #0000002e}.WaitlistBanner--top{top:0;box-shadow:0 8px 32px #0000002e}.WaitlistBanner--visible{animation:waitlist-banner-in .32s cubic-bezier(.22,1,.36,1) both}.WaitlistBanner__Inner{display:flex;flex-wrap:wrap;gap:1.25rem 3rem;align-items:center;justify-content:space-between;max-width:1180px;margin-inline:auto;padding-inline-end:3.5rem}.WaitlistBanner__Text{flex:1 1 22rem}.WaitlistBanner__Title{margin:0 0 .375rem;font-family:var(--waitlist-title-font, var(--heading-font-family));font-size:calc(.6875rem * var(--waitlist-scale, 1));font-weight:400;text-transform:uppercase;letter-spacing:.14em}.WaitlistBanner__Content{font-family:var(--waitlist-body-font, var(--text-font-family));font-size:calc(1.0625rem * var(--waitlist-scale, 1));line-height:1.45}.WaitlistBanner__Content p{margin:0}.WaitlistBanner__Action{flex:0 1 25rem}.WaitlistBanner__Form{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:flex-end}.WaitlistBanner__Input,.WaitlistBanner__Input:focus,.WaitlistBanner__Input:focus-visible{flex:1 1 11rem;min-width:0;height:auto;margin:0;padding:.4375rem 0 .5rem;font-family:var(--waitlist-body-font, var(--text-font-family));font-size:calc(1.0625rem * var(--waitlist-scale, 1));color:var(--waitlist-text, #fff);background-color:transparent;border:0;border-bottom:1px solid var(--waitlist-text, #fff);border-radius:0;box-shadow:none}.WaitlistBanner__Input::placeholder{color:var(--waitlist-text, #fff);opacity:.6}.WaitlistBanner__Input:focus-visible{outline:2px solid var(--waitlist-text, #fff);outline-offset:4px}.WaitlistBanner__Submit{flex:0 0 auto;padding:.75rem 1.75rem;font-family:var(--waitlist-title-font, var(--heading-font-family));font-size:calc(.6875rem * var(--waitlist-scale, 1));font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:.14em;color:var(--waitlist-text, #fff);background-color:transparent;border:1px solid var(--waitlist-text, #fff);border-radius:0;cursor:pointer;transition:background-color .16s ease,color .16s ease}.WaitlistBanner__Submit:hover,.WaitlistBanner__Submit:focus-visible{color:var(--waitlist-background, #000);background-color:var(--waitlist-text, #fff)}.WaitlistBanner__Submit[disabled]{opacity:.5;cursor:default}.WaitlistBanner__Submit[disabled]:hover{color:var(--waitlist-text, #fff);background-color:transparent}.WaitlistBanner__Feedback{margin:0;font-family:var(--waitlist-body-font, var(--text-font-family));font-size:calc(1.0625rem * var(--waitlist-scale, 1))}.WaitlistBanner__Feedback:empty{display:none}.WaitlistBanner__Feedback--success:before{content:"\2713";margin-inline-end:.5rem;font-family:var(--waitlist-title-font, var(--heading-font-family));font-size:1.125em;font-weight:600;color:#4caf50}.WaitlistBanner__Close{position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:inherit;background:none;border:0;opacity:.55;cursor:pointer;transition:opacity .16s ease}.WaitlistBanner__Close:hover{opacity:1}.WaitlistBanner__Close svg{width:11px;height:11px}@keyframes waitlist-banner-in{0%{opacity:0;transform:translateY(var(--waitlist-slide-from, 100%))}to{opacity:1;transform:translateY(0)}}.WaitlistBanner--top{--waitlist-slide-from: -100%}@media screen and (max-width:740px){.WaitlistBanner{padding-block:1.125rem;padding-inline:1.25rem}.WaitlistBanner__Inner{gap:.875rem;padding-inline-end:0}.WaitlistBanner__Content{font-size:calc(1rem * var(--waitlist-scale, 1))}.WaitlistBanner__Action{flex-basis:100%}.WaitlistBanner__Submit{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.WaitlistBanner--visible{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/635/assets/13l-waitlist-banner.css.map */