.newsletter-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0d0d8c;z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity .35s ease;display:flex;align-items:center;justify-content:center;padding:20px}.newsletter-popup-backdrop.is-open{opacity:1;pointer-events:all}.newsletter-popup{position:relative;background:var(--np-bg, var(--dost-bg));width:100%;max-width:860px;display:grid;grid-template-columns:2fr 3fr;overflow:hidden;transform:translateY(16px);transition:transform .35s ease;max-height:90vh;border-radius:var(--radius-drawer, 0)}.newsletter-popup__image{border-radius:0}.newsletter-popup--image-only{max-width:560px;grid-template-columns:1fr}.newsletter-popup-backdrop.is-open .newsletter-popup{transform:translateY(0)}.newsletter-popup__image{position:relative;overflow:hidden;border-radius:var(--radius-image, 0)}.newsletter-popup__image img{width:100%;height:100%;object-fit:cover;display:block}.newsletter-popup__image-placeholder{width:100%;height:100%;min-height:420px;background:var(--dost-divider);display:flex;align-items:center;justify-content:center;overflow:hidden}.newsletter-popup__placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;opacity:.7}.newsletter-popup--image-only .newsletter-popup__image-placeholder,.newsletter-popup--image-only .newsletter-popup__image img{min-height:560px}.newsletter-popup__content{padding:52px 48px;display:flex;flex-direction:column;justify-content:center;gap:0}.newsletter-popup__eyebrow{font-family:var(--font-body-family);font-size:var(--font-size-label);letter-spacing:.2em;text-transform:var(--tt-label, uppercase);color:var(--np-eyebrow, var(--dost-gold));margin:0 0 14px}.newsletter-popup__heading{font-family:var(--font-heading-family);font-weight:400;color:var(--np-heading, var(--dost-text));margin:0 0 16px;line-height:1.15}.newsletter-popup--heading-small .newsletter-popup__heading{font-size:var(--font-size-h3)}.newsletter-popup--heading-medium .newsletter-popup__heading,.newsletter-popup--heading-large .newsletter-popup__heading{font-size:var(--font-size-h2)}.newsletter-popup__body{font-family:var(--font-body-family);color:var(--np-body, var(--dost-text-sec));line-height:1.7;margin:0 0 28px}.newsletter-popup--body-small .newsletter-popup__body{font-size:var(--font-size-caption)}.newsletter-popup--body-medium .newsletter-popup__body{font-size:var(--font-size-sm)}.newsletter-popup--body-large .newsletter-popup__body{font-size:var(--font-size-md)}.newsletter-popup__form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.newsletter-popup__input-row{display:flex;gap:0}.newsletter-popup__input{flex:1;font-family:var(--font-body-family);font-size:var(--font-size-sm);color:var(--np-heading, var(--dost-text));background:var(--np-input-bg, #fff);border:1px solid var(--np-input-border, var(--dost-divider));border-right:none;padding:14px 16px;caret-color:var(--np-eyebrow, var(--dost-gold));-webkit-appearance:none;min-width:0;border-top-left-radius:var(--radius-input, 0);border-bottom-left-radius:var(--radius-input, 0)}.newsletter-popup__input:focus{outline:none;border-color:var(--np-heading, var(--dost-text))}.newsletter-popup__input::placeholder{color:var(--np-body, var(--dost-text-sec));opacity:.7}.newsletter-popup__submit{padding:var(--button-py, 14px) var(--button-px, 22px);background:var(--np-btn-bg, var(--dost-text));color:var(--np-btn-text, #fff);font-family:var(--font-body-family);font-size:var(--font-size-button);letter-spacing:var(--letter-spacing-button);text-transform:var(--tt-button, uppercase);border:var(--button-border, 1px) solid var(--np-btn-bg, var(--dost-text));cursor:pointer;flex-shrink:0;transition:opacity .2s;border-top-right-radius:var(--radius-button, 0);border-bottom-right-radius:var(--radius-button, 0)}.newsletter-popup__submit:hover{opacity:.85}.newsletter-popup__success{display:none;font-family:var(--font-heading-family);font-size:var(--font-size-h4);font-style:italic;font-weight:400;color:var(--np-heading, var(--dost-text));padding:16px 0}.newsletter-popup__success.is-visible{display:block}.newsletter-popup__form{margin-bottom:10px}.newsletter-popup__legal,.newsletter-popup__legal p{font-family:var(--font-body-family);font-size:var(--font-size-caption)!important;color:var(--np-body, var(--dost-text-sec));opacity:.55;line-height:1.5}.newsletter-popup__legal{margin:0 0 28px}.newsletter-popup__legal p{margin:0}.newsletter-popup__legal a{color:inherit}.newsletter-popup__dismiss{background:none;border:none;padding:0;font-family:var(--font-body-family);font-size:var(--font-size-caption);color:var(--np-body, var(--dost-text-sec));text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .2s;align-self:flex-start;margin-top:4px}.newsletter-popup__dismiss:hover{color:var(--np-heading, var(--dost-text))}.newsletter-popup__close{position:absolute;top:16px;right:16px;width:36px;height:36px;background:#f8f6f1e6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;font-size:20px;color:var(--dost-text);line-height:1;transition:background .2s;-webkit-appearance:none;appearance:none;outline:none;border-radius:50%}.newsletter-popup__close:hover{background:var(--dost-bg)}.newsletter-popup__close:focus{outline:none}.newsletter-popup__close:focus-visible{outline:2px solid var(--dost-text);outline-offset:2px}@media(max-width:768px){.newsletter-popup{grid-template-columns:1fr;max-height:95vh;overflow-y:auto}.newsletter-popup:not(.newsletter-popup--image-only) .newsletter-popup__image{display:none}.newsletter-popup--image-only .newsletter-popup__image{display:block}.newsletter-popup__content{padding:48px 32px 40px}.newsletter-popup__heading{font-size:30px}}@media(max-width:480px){.newsletter-popup-backdrop{padding:0;align-items:flex-end}.newsletter-popup{max-width:100%;max-height:80vh}.newsletter-popup__content{padding:36px 24px 32px}.newsletter-popup__input-row{flex-direction:column}.newsletter-popup__input{border-right:1px solid var(--dost-divider);border-bottom:none;border-radius:var(--radius-input, 0) var(--radius-input, 0) 0 0}.newsletter-popup__submit{padding:14px;text-align:center;border-radius:0 0 var(--radius-button, 0) var(--radius-button, 0)}}@media(max-width:767px){.newsletter-popup__input{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/section-newsletter-popup.css.map */