.mm-nl-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;visibility:hidden;pointer-events:none;transition:visibility 0s linear .5s}.mm-nl-drawer--open{visibility:visible;pointer-events:auto;transition-delay:0s}.mm-nl-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;transition:opacity var(--duration-default, .3s) ease}.mm-nl-drawer--open .mm-nl-drawer__overlay{opacity:1}.mm-nl-drawer__panel{position:absolute;inset:0 0 0 auto;display:flex;flex-direction:column;width:min(520px,100vw);background:var(--white, #fff);border-left:1px solid var(--light-gray);box-shadow:-4px 0 24px #00000014;overflow-y:auto;overscroll-behavior:contain;transform:translate(100%);transition:transform .5s cubic-bezier(.55,0,.15,1)}.mm-nl-drawer--open .mm-nl-drawer__panel{transform:translate(0)}.mm-nl-drawer__header{position:sticky;top:0;z-index:2;flex-shrink:0;background:var(--white, #fff);border-bottom:1px solid var(--light-gray)}.mm-nl-drawer__close{width:32px;height:32px;background:none;border:none}.mm-nl-drawer__media{flex:0 1 35vh;min-height:120px;overflow:hidden;background:var(--ultralight-gray)}.mm-nl-drawer__media img{display:block;width:100%;height:100%;object-fit:cover}.mm-nl-drawer__body{flex:1 0 auto;gap:var(--margin-5);padding:var(--margin-5) var(--margin-5) var(--margin-5)}.mm-nl-drawer__intro{gap:var(--margin-3)}.mm-nl-drawer__text p{margin:0}.mm-nl-drawer__text p+p{margin-top:var(--margin-2)}.mm-nl-drawer__text strong,.mm-nl-drawer__text b{font-weight:inherit;color:var(--black-title)}.mm-nl-drawer__form{display:flex;flex-direction:column;gap:var(--margin-4)}.mm-nl-drawer [hidden]{display:none!important}.mm-nl-drawer__fields{gap:var(--margin-4)}.mm-nl-drawer__form[aria-busy=true] .mm-nl-drawer__submit{pointer-events:none;opacity:.6}.mm-nl-drawer__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--margin-3)}.mm-nl-field{display:flex;flex-direction:column;gap:var(--margin-2)}.mm-nl-field__label{color:var(--black-title);letter-spacing:var(--letter-spacing-caps)}#mm-newsletter-drawer-form .mm-nl-field .mm-nl-field__input{width:100%;height:52px;padding:0 var(--margin-3);font-family:var(--body-font);font-size:var(--font-size-text);line-height:normal;color:var(--black-title);background:var(--white, #fff);border:1px solid var(--black-title);border-radius:0;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;transition:box-shadow var(--duration-short, .2s) var(--cubic-bezier-fast, ease),border-color var(--duration-short, .2s) var(--cubic-bezier-fast, ease)}#mm-newsletter-drawer-form .mm-nl-field .mm-nl-field__input:focus,#mm-newsletter-drawer-form .mm-nl-field .mm-nl-field__input:focus-visible{border-color:var(--black-title);box-shadow:inset 0 0 0 .5px var(--black-title)}#mm-newsletter-drawer-form .mm-nl-field .mm-nl-field__input:-webkit-autofill{-webkit-text-fill-color:var(--black-title);box-shadow:inset 0 0 0 100px var(--white, #fff)}.mm-nl-field--invalid .mm-nl-field__label{color:var(--warning)}#mm-newsletter-drawer-form .mm-nl-field--invalid .mm-nl-field__input{border-color:var(--warning);box-shadow:inset 0 0 0 .5px var(--warning)}.mm-nl-drawer__submit{width:100%;min-width:0;margin-top:var(--margin-2)}.mm-nl-drawer__legal,.mm-nl-drawer__legal p{margin:0;line-height:1.5}.mm-nl-drawer__legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}.mm-nl-drawer__message{gap:var(--margin-2);padding:var(--margin-3);border:1px solid var(--light-gray);outline:none}.mm-nl-drawer__message svg{flex-shrink:0}.mm-nl-drawer__message--success{color:var(--success);border-color:var(--success)}.mm-nl-drawer__message--error{color:var(--warning);border-color:var(--warning)}@media(max-width:768px){.mm-nl-drawer__panel{inset:auto 0 0;width:100%;max-height:92dvh;border-left:none;border-top:1px solid var(--light-gray);box-shadow:0 -4px 24px #00000014;transform:translateY(100%)}.mm-nl-drawer--open .mm-nl-drawer__panel{transform:translateY(0)}.mm-nl-drawer__media{flex-basis:22vh;min-height:100px}.mm-nl-drawer__body{gap:var(--margin-4);padding:var(--margin-4) var(--margin-3) calc(var(--margin-4) + env(safe-area-inset-bottom,0px))}.mm-nl-drawer__row{grid-template-columns:1fr}#mm-newsletter-drawer-form .mm-nl-field .mm-nl-field__input{font-size:16px}}@media(prefers-reduced-motion:reduce){.mm-nl-drawer,.mm-nl-drawer__panel,.mm-nl-drawer__overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/mm-newsletter-drawer.css.map */