.newsletter-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#0009;display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .25s ease}.newsletter-drawer.is-open{opacity:1;pointer-events:auto}.newsletter-drawer__panel{background:var(--color-bg);width:335px;max-width:100%;height:100%;display:flex;flex-direction:column;gap:var(--space-5);padding-block:var(--space-5);border-radius:var(--radius-sm) 0 0 var(--radius-sm);transform:translate(100%);transition:transform .25s ease}@media(min-width:640px){.newsletter-drawer__panel{width:415px}}.newsletter-drawer.is-open .newsletter-drawer__panel{transform:translate(0)}.newsletter-drawer__header{display:flex;align-items:center;padding-inline:var(--space-5);flex-shrink:0}.newsletter-drawer__title{font-family:var(--font-ui);font-size:var(--text-lg);font-weight:500;letter-spacing:-.025em;line-height:1.25;color:var(--color-text);margin:0}.newsletter-drawer__body{flex:1;overflow-y:auto;padding-inline:var(--space-5)}.newsletter-drawer__form{display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start;margin:0}.newsletter-drawer__desc{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;letter-spacing:-.025em;line-height:1.3;color:var(--color-text);margin:0}.newsletter-drawer__field{width:100%}.newsletter-drawer__input{width:100%;height:44px;padding-block:2px;font-family:var(--font-ui);font-size:var(--text-base);font-weight:500;letter-spacing:-.025em;color:var(--color-text);background:none;border:none;border-bottom:1px solid var(--color-border);border-radius:0;outline:none}.newsletter-drawer__input::placeholder{color:var(--color-text-muted);font-weight:500}.newsletter-drawer__input:focus-visible{border-bottom-color:var(--color-text)}.newsletter-drawer__status{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;letter-spacing:-.025em;line-height:1.3;margin:0}.newsletter-drawer__status--success{color:var(--color-status-success-text)}.newsletter-drawer__status--error{color:var(--color-status-error-text)}.newsletter-drawer__submit{align-self:flex-start}.newsletter-drawer__footer{padding-inline:var(--space-5);flex-shrink:0}.newsletter-drawer__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text)}@media(prefers-reduced-motion:reduce){.newsletter-drawer,.newsletter-drawer__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/165/assets/section-newsletter-drawer.css.map */