.email-drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease}.email-drawer.active{visibility:visible}.email-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;cursor:pointer;width:100%;height:100%;z-index:1}.email-drawer__overlay:empty{display:block}.email-drawer__inner{position:relative;height:100%;width:40rem;max-width:calc(100vw - 3rem);padding:0 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-right:0;overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease;background-color:#ee3c24;color:#fff;z-index:2}@media screen and (min-width: 750px){.email-drawer__inner{width:50vw;max-width:500px}}.email-drawer.active .email-drawer__inner{transform:translate(0)}.email-drawer__close{display:inline-block;padding:0;min-width:4.4rem;min-height:4.4rem;position:absolute;top:10px;right:5px;color:#000;background-color:transparent;border:none;cursor:pointer;z-index:2}.email-drawer__close:hover{opacity:.7}.email-drawer__close .svg-wrapper{height:2rem;width:2rem}.email-drawer__close .svg-wrapper svg{fill:currentColor}.email-drawer__content{flex-grow:1;display:flex;flex-direction:column;padding-top:6rem;padding-bottom:2rem}.email-drawer__header{margin-bottom:3rem}.email-drawer__heading{font-size:4.8rem;line-height:1.1;margin:0 0 1.5rem;color:#000;font-weight:400}@media screen and (max-width: 749px){.email-drawer__heading{font-size:3.6rem}}.email-drawer__description{font-size:1.6rem;line-height:1.5;margin:0;color:#000}.email-drawer__form-wrapper{margin-bottom:2rem}.newsletter-form{width:100%}.email-drawer__form-wrapper .field{margin-top:0}.email-drawer__form-wrapper .field__input{background-color:transparent}.email-drawer__form-wrapper .field__input:focus{background-color:transparent}.newsletter-form__message{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1.5rem;border-radius:.5rem;font-size:1.4rem}.newsletter-form__message--success,.newsletter-form__message--error{background-color:#ffffffe6;color:#000}.newsletter-form__message .svg-wrapper{width:2rem;height:2rem;flex-shrink:0}.newsletter-form__message .svg-wrapper svg{fill:currentColor}.newsletter-form__message p{margin:0}.email-drawer__footer{padding:1.5rem 0}.email-drawer__submit{width:100%;padding:1.8rem 2rem;min-height:5.5rem;font-size:1.6rem;font-weight:500;background-color:#000;color:#fff;border:none;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:normal}.email-drawer__submit:hover{background-color:#000000d9}.email-drawer__submit:active{transform:translateY(1px)}.email-drawer__submit:disabled{opacity:.5;cursor:not-allowed}.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.email-toast{position:fixed;bottom:2rem;right:2rem;z-index:1001;max-width:40rem;width:calc(100vw - 4rem);background-color:#ee3c24;border-radius:var(--buttons-radius-outset);box-shadow:0 .4rem 1.6rem #0003;animation:slideInRight .3s ease;opacity:1;transition:opacity .3s ease}.email-toast.hiding{opacity:0}.email-toast__content{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2rem;gap:1.5rem}.email-toast__message{font-family:var(--font-body-family);font-size:1.4rem;font-weight:var(--font-body-weight);line-height:calc(1 + .5 / var(--font-body-scale));color:#000;margin:0;flex:1}.email-toast__close{background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#000;flex-shrink:0;transition:opacity .2s ease;min-width:2.4rem;min-height:2.4rem}.email-toast__close:hover{opacity:.7}.email-toast__close .svg-wrapper{width:1.6rem;height:1.6rem;display:flex}.email-toast__close svg{width:100%;height:100%;fill:currentColor}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media screen and (max-width: 749px){.email-toast{bottom:1rem;right:1rem;width:calc(100vw - 2rem);max-width:none}.email-toast__content{padding:1.2rem 1.5rem}.email-toast__message{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-email-drawer.css.map */