.email-signup-banner{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden;background-color:#1b1f22}@media(max-width:500px){.email-signup-banner{justify-content:start}}#gradient-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity 1s ease-in-out}#gradient-canvas:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003;z-index:1}#gradient-canvas.is-visible{opacity:1}.email-signup-banner .banner__content{z-index:1;width:100%}.newsletter-form__field-wrapper{display:flex;flex-direction:column;gap:16px;max-width:44rem;margin:0 auto}.newsletter-form__field-wrapper .field{width:100%;text-align:center}.newsletter-form__field-wrapper .field__input{background-color:transparent;padding:1.5rem 2rem;text-align:center}.newsletter-form__field-wrapper .field__label{left:0!important;top:calc(.7rem + var(--inputs-border-width))!important;font-size:1.6rem!important;width:100%;transition:opacity var(--duration-short) ease}.newsletter-form__field-wrapper .field__input:focus~.field__label,.newsletter-form__field-wrapper .field__input:not(:placeholder-shown)~.field__label{opacity:0}.newsletter-form__button.button{width:100%;border-radius:100px;font-size:1.8rem;font-weight:700;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;cursor:pointer;transition:background-color .3s ease}.newsletter-form__button:not(:focus-visible):not(.focused){background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.newsletter-form__button.button:disabled{--color-shadow: 197, 198, 199 !important;--color-button: 197, 198, 199 !important;opacity:1}.email-signup-banner__box{background-color:#0009;padding:32px 31px;border-radius:20px;max-width:50rem;width:100%;text-align:center;color:#fff;margin-inline:16px}@media not (min-width:500px){.email-signup-banner__box:has(.newsletter-form__success){margin-block-start:64px}}@media not (max-width:750px){.email-signup-banner__box{max-width:max-content;padding:40px 80px}}.email-signup-banner__box .email-signup-banner__heading{color:#fff;margin-block:0 4px;font-size:3.2rem;line-height:1;font-weight:700}@media not (max-width:750px){.email-signup-banner__box .email-signup-banner__heading{font-size:4.8rem}}.email-signup-banner__box .newsletter__subheading p{color:#fff;opacity:.8;font-size:1.6rem}@media not (max-width:750px){.email-signup-banner__box .newsletter__subheading p{font-size:2rem}}@media screen and (max-width:749px){.email-signup-banner:not(.banner--mobile-bottom) .banner__box:not(.email-signup-banner__box--no-image){background-color:transparent;--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 0, 0, 0}}@media only screen and (min-width:750px){.banner--desktop-transparent .email-signup-banner__box--no-image *{color:rgb(var(--color-foreground))}.banner--desktop-transparent .email-signup-banner__box .field__input{background-color:transparent}.banner--desktop-transparent .email-signup-banner__box--no-image .field__input{box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.55)}.banner--desktop-transparent .email-signup-banner__box--no-image .field__input:focus{box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.75)}.banner--desktop-transparent .email-signup-banner__box--no-image .field__button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);box-shadow:0 0 0 .3rem #000,0 0 .5rem .4rem rgba(var(--color-foreground),.3)}}.email-signup-banner .banner__media{overflow:hidden}@media screen and (max-width:749px){.banner--mobile-content-align-left .newsletter-form__message{justify-content:flex-start}.banner--mobile-content-align-right .newsletter-form__message{justify-content:right}}@media screen and (min-width:750px){.banner--content-align-center .newsletter-form__message{justify-content:center}.banner--content-align-right .newsletter-form__message{justify-content:right}}.email-signup-banner__box{position:relative;background-color:#0009;overflow:hidden}.email-signup-banner__box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;filter:url(#figmaNoise);opacity:1;pointer-events:none;mix-blend-mode:multiply;z-index:3}.background-glyph{z-index:10;position:relative}@media(max-width:500px){.email-signup-banner:before{content:"";background:url(email-form-background.svg) center/contain no-repeat;display:block;width:calc(100% - 172px);height:auto;aspect-ratio:1/1;z-index:1;opacity:.7;margin:84px 70px 58px}.email-signup-banner:after{content:"";position:absolute;background:url(email-form-background.svg) center/contain no-repeat;display:block;width:calc(100% - 133px);height:auto;aspect-ratio:1/1;z-index:1;opacity:.7;filter:blur(160px);margin:64px 50px 38px}}@media not (max-width:500px){.background-glyph:before{content:"";background:url(email-form-background.svg) center/contain no-repeat;position:absolute;display:block;width:min(100vmin,100%);max-width:780px;height:auto;aspect-ratio:1/1;z-index:-1;opacity:.7}.background-glyph:after{content:"";background:url(email-form-background.svg) center/contain no-repeat;position:absolute;display:block;width:min(100vmin,100%);max-width:870px;height:auto;aspect-ratio:1/1;z-index:-1;opacity:.7;filter:blur(160px)}}.newsletter--successed{margin-block-start:0}.email-signup-banner__box-inner{width:100%;margin-block-start:0}.email-signup-banner__box-inner .newsletter__subheading{margin-top:4px;margin-block-end:32px}@media not (max-width:500px){.email-signup-banner__box-inner .newsletter__subheading{margin-block-end:40px}}.newsletter-form__success{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:372px}.newsletter-form__message--success-heading{font-size:2.4rem;font-weight:700;line-height:1.2;margin-bottom:8px;color:#fff;text-transform:uppercase;text-align:center}@media screen and (min-width:750px){.newsletter-form__message--success-heading{font-size:3.6rem}}.newsletter-form__message--success{font-size:1.6rem;line-height:1.5;margin-block:4px 32px;color:#fff;opacity:.8;text-align:center}@media screen and (min-width:750px){.newsletter-form__message--success{font-size:2rem;margin-block-end:40px}}.newsletter-form__button-success{width:100%;max-width:44rem;border-radius:100px;padding:1.5rem 2rem;font-size:1.8rem;font-weight:500;background-color:transparent;color:#fff;cursor:pointer;transition:all .3s ease;--color-shadow: 197, 198, 199 !important;--color-button: 197, 198, 199 !important}.newsletter-form__button-success:hover{background-color:#fff;color:#000}.hidden{display:none!important}.email-logo{display:block;height:26px;width:auto}@media not (max-width:500px){.email-logo{height:36px}}.email-logo--wrapper{position:absolute;inset-block-end:52px;padding:20px;z-index:1}@media not (max-width:500px){.email-logo--wrapper{inset-block-end:64px}}.email-logo--wrapper:before{content:"";position:absolute;display:block;top:0;right:0;bottom:0;left:0;padding:20px;background:url(email-form-logo.svg) 20px no-repeat,#14181966;filter:blur(100px)}.email-signup-banner #gradient-canvas{display:none!important}.email-signup-banner{background:radial-gradient(circle at 50% 40%,rgba(50,180,200,.8) 0%,rgba(30,120,140,.55) 15%,rgba(20,85,100,.3) 35%,transparent 65%),radial-gradient(circle at 50% 40%,rgba(25,95,110,.5) 0%,rgba(15,60,70,.2) 50%,transparent 90%),radial-gradient(ellipse at 25% 85%,rgba(30,80,90,.25) 0%,transparent 55%),#0d1114;animation:flowstate-bg-in 1.5s ease-out both}@keyframes flowstate-bg-in{0%{opacity:.55}to{opacity:1}}.email-signup-banner:after,.background-glyph:after{display:none!important}.email-signup-banner__box,.email-signup-banner__box:before{filter:none!important}.email-signup-banner__box:before{display:none!important}.klaviyo-form-mount{animation:flowstate-form-in 1s ease-out .4s both;position:relative;z-index:2}@keyframes flowstate-form-in{0%{opacity:0}to{opacity:1}}.email-signup-banner:before,.background-glyph:before{animation:flowstate-glyph-in 2s cubic-bezier(.22,1,.36,1) .15s both!important}@keyframes flowstate-glyph-in{0%{opacity:0}to{opacity:.5}}@media(min-width:501px)and (max-width:768px){.background-glyph:before{max-width:480px!important}}@media(prefers-reduced-motion:reduce){.email-signup-banner,.email-signup-banner:before,.background-glyph:before,.klaviyo-form-mount{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-email-signup-banner.css.map */