newsletter-panel.newsletter-panel{--newsletter-panel-base-width: 300px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:550;display:block;visibility:hidden;pointer-events:none;transition:visibility 0s linear .56s}.newsletter-panel-tab-shell{position:fixed;top:var(--newsletter-panel-tab-position, 50%);z-index:549;transform:translateY(-50%)}.newsletter-panel-tab-shell[hidden]{display:none}.newsletter-panel-tab-shell:before{content:"";position:absolute;left:50%;bottom:100%;width:44px;height:8px;transform:translate(-50%)}.newsletter-panel-tab{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--newsletter-panel-tab-width, 140px);min-block-size:44px;padding:14px 12px;border:0;background:var(--newsletter-panel-tab-background, #fff);color:var(--newsletter-panel-tab-text, #111);white-space:nowrap;cursor:pointer;transition:opacity .22s ease}.newsletter-panel-tab-shell--left{left:0}.newsletter-panel-tab-shell--right{right:0}.newsletter-panel-tab-shell--vertical .newsletter-panel-tab{writing-mode:vertical-rl}.newsletter-panel-tab__dismiss{position:absolute;left:50%;bottom:calc(100% + 8px);display:grid;width:32px;height:32px;padding:0;border:0;place-items:center;background:var(--newsletter-panel-tab-background, #fff);color:var(--newsletter-panel-tab-text, #111);opacity:0;visibility:hidden;cursor:pointer;pointer-events:none;transform:translate(-50%) translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.newsletter-panel-tab-shell:hover .newsletter-panel-tab__dismiss,.newsletter-panel-tab-shell:focus-within .newsletter-panel-tab__dismiss{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0);transition-delay:0s}.newsletter-panel-tab__dismiss:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.newsletter-panel-tab:hover,.newsletter-panel-tab:focus-visible{opacity:.82}.newsletter-panel-tab:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.newsletter-panel--size-small{--newsletter-panel-width: 300px}.newsletter-panel--size-medium{--newsletter-panel-width: 360px}.newsletter-panel--size-large{--newsletter-panel-width: 420px}.newsletter-panel--left .newsletter-panel__surface{inset-inline-start:max(16px,var(--page-gutter, 24px))}.newsletter-panel--right .newsletter-panel__surface{inset-inline-end:max(16px,var(--page-gutter, 24px))}.newsletter-panel.is-open{visibility:visible;transition-delay:0s}.newsletter-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;padding:0;border:0;background:var(--overlay-scrim, rgba(0, 0, 0, .4));opacity:0;pointer-events:none;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:opacity .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.newsletter-panel__backdrop.is-open{opacity:1;pointer-events:auto;backdrop-filter:blur(var(--overlay-backdrop-blur, 10px));-webkit-backdrop-filter:blur(var(--overlay-backdrop-blur, 10px))}.newsletter-panel__surface{position:absolute;inset-block-end:max(16px,env(safe-area-inset-bottom));z-index:1;width:min(var(--newsletter-panel-width, 420px),calc(100vw - (2 * var(--page-gutter, 24px))));max-height:calc(100dvh - 32px - env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;background:var(--bg);color:var(--fg);border-radius:var(--newsletter-flyout-radius, 0);box-shadow:var(--drawer-shadow-right);opacity:0;pointer-events:none;transform:scale(.82);overscroll-behavior:contain;scrollbar-width:thin;transition:width .7s cubic-bezier(.7,0,.3,1),opacity .6s cubic-bezier(.7,0,.2,1),transform .6s cubic-bezier(.7,0,.2,1)}.newsletter-panel.is-open .newsletter-panel__surface{opacity:1;pointer-events:auto;transform:scale(1)}.newsletter-panel--left .newsletter-panel__surface{box-shadow:var(--drawer-shadow-left);transform-origin:bottom left}.newsletter-panel--right .newsletter-panel__surface{transform-origin:bottom right}.newsletter-panel__close{--theme-close-border-color: var(--newsletter-close-color, var(--fg));position:absolute;inset-block-start:12px;inset-inline-end:12px;z-index:2;display:grid;width:32px;min-width:32px;height:32px;place-items:center;color:var(--newsletter-close-color, var(--fg))}.newsletter-panel__blocks{display:flex;flex-direction:column;gap:var(--newsletter-block-spacing-desktop, 14px);padding-block-start:var(--newsletter-spacing-top-desktop, 40px);padding-block-end:var(--newsletter-spacing-bottom-desktop, 40px);padding-inline:32px}.newsletter-panel__blocks.has-positioned-image{display:flex;width:100%;min-width:0;gap:0;padding:0;overflow:hidden}.newsletter-panel__content{position:relative;display:flex;min-width:0;flex-direction:column;gap:var(--newsletter-block-spacing-desktop, 14px);padding-block-start:var(--newsletter-spacing-top-desktop, 40px);padding-block-end:var(--newsletter-spacing-bottom-desktop, 40px);padding-inline:32px;overflow-x:hidden;overflow-y:auto;background:var(--bg);color:var(--fg);border-radius:var(--newsletter-flyout-radius, 0);box-shadow:var(--drawer-shadow-right);overscroll-behavior:contain;scrollbar-width:thin}.newsletter-panel[data-image-position] .newsletter-panel__surface{width:min(var(--newsletter-content-width, var(--newsletter-panel-width, 420px)),calc(100vw - (2 * var(--page-gutter, 24px))));overflow:visible;background:transparent;box-shadow:none}.newsletter-panel[data-image-position=left] .newsletter-panel__blocks,.newsletter-panel[data-image-position=right] .newsletter-panel__blocks{flex-direction:row;align-items:stretch}.newsletter-panel[data-image-position=top] .newsletter-panel__blocks,.newsletter-panel[data-image-position=bottom] .newsletter-panel__blocks{flex-direction:column}.newsletter-panel[data-image-position=left] .newsletter-panel-image-block,.newsletter-panel[data-image-position=top] .newsletter-panel-image-block{order:0}.newsletter-panel[data-image-position=left] .newsletter-panel__content,.newsletter-panel[data-image-position=top] .newsletter-panel__content,.newsletter-panel[data-image-position=right] .newsletter-panel-image-block,.newsletter-panel[data-image-position=bottom] .newsletter-panel-image-block{order:1}.newsletter-panel[data-image-position=right] .newsletter-panel__content,.newsletter-panel[data-image-position=bottom] .newsletter-panel__content{order:0}.newsletter-panel--left[data-image-position] .newsletter-panel__content,.newsletter-panel[data-image-position=left] .newsletter-panel__content{box-shadow:var(--drawer-shadow-left)}.newsletter-panel[data-image-position=left] .newsletter-panel__content,.newsletter-panel[data-image-position=right] .newsletter-panel__content{width:var(--newsletter-content-width, var(--newsletter-panel-width, 420px));height:var(--newsletter-content-height, auto);flex:0 0 var(--newsletter-content-width, var(--newsletter-panel-width, 420px))}.newsletter-panel.is-open[data-image-position=left] .newsletter-panel__surface,.newsletter-panel.is-open[data-image-position=right] .newsletter-panel__surface{width:min(var(--newsletter-expanded-width, calc(var(--newsletter-panel-width, 420px) * 1.75)),calc(100vw - (2 * var(--page-gutter, 24px))));transition-delay:.38s,0s,0s}.newsletter-panel__blocks>.custom-text-block{padding-inline:0}.newsletter-panel-image-block{width:calc(100% + 64px);max-width:none;margin-inline:-32px;opacity:1}.newsletter-panel__blocks:not(.has-positioned-image) .newsletter-panel-image-block:first-child{margin-block-start:calc(-1 * var(--newsletter-spacing-top-desktop, 40px))}.newsletter-panel__blocks.has-positioned-image>.newsletter-panel-image-block{width:0;max-width:none;height:var(--newsletter-image-height, auto);flex:0 0 auto;margin:0;overflow:hidden;border-radius:var(--newsletter-flyout-radius, 0);transition:width .7s cubic-bezier(.7,0,.3,1),height .7s cubic-bezier(.7,0,.3,1)}.newsletter-panel[data-image-position=left] .newsletter-panel-image-block{border-start-end-radius:0;border-end-end-radius:0}.newsletter-panel[data-image-position=left] .newsletter-panel__content{border-start-start-radius:0;border-end-start-radius:0}.newsletter-panel[data-image-position=right] .newsletter-panel__content{border-start-end-radius:0;border-end-end-radius:0}.newsletter-panel[data-image-position=right] .newsletter-panel-image-block{border-start-start-radius:0;border-end-start-radius:0}.newsletter-panel[data-image-position=top] .newsletter-panel-image-block{border-end-start-radius:0;border-end-end-radius:0}.newsletter-panel[data-image-position=top] .newsletter-panel__content{border-start-start-radius:0;border-start-end-radius:0}.newsletter-panel[data-image-position=bottom] .newsletter-panel__content{border-end-start-radius:0;border-end-end-radius:0}.newsletter-panel[data-image-position=bottom] .newsletter-panel-image-block{border-start-start-radius:0;border-start-end-radius:0}.newsletter-panel[data-image-position=top] .newsletter-panel-image-block,.newsletter-panel[data-image-position=bottom] .newsletter-panel-image-block{width:100%;height:0}.newsletter-panel.is-open[data-image-position=left] .newsletter-panel-image-block,.newsletter-panel.is-open[data-image-position=right] .newsletter-panel-image-block{width:var(--newsletter-image-width, calc(var(--newsletter-panel-width, 420px) * .75));transition-delay:.38s}.newsletter-panel.is-open[data-image-position=top] .newsletter-panel-image-block,.newsletter-panel.is-open[data-image-position=bottom] .newsletter-panel-image-block{height:var(--newsletter-image-height, 240px);transition-delay:.38s}.newsletter-panel-image-block__link,.newsletter-panel-image-block__media{display:block;width:100%}.newsletter-panel-image-block__media{position:relative;aspect-ratio:var(--newsletter-media-ratio, 16 / 9);overflow:hidden;background:transparent}.newsletter-panel__blocks.has-positioned-image .newsletter-panel-image-block__link,.newsletter-panel__blocks.has-positioned-image .newsletter-panel-image-block__media{height:100%}.newsletter-panel__blocks.has-positioned-image .newsletter-panel-image-block__media{aspect-ratio:auto}.newsletter-panel-image-block__image,.newsletter-panel-image-block__placeholder{width:100%;height:100%;object-fit:cover}.newsletter-panel-form-block{width:100%;text-align:var(--newsletter-form-align-desktop, left)}.newsletter-panel__status{font-size:13px;line-height:1.6}.newsletter-panel__status--success{color:var(--fg)}.newsletter-panel__status--error{color:var(--notice, var(--fg))}.newsletter-panel__privacy{margin-block-start:2px;color:color-mix(in srgb,var(--muted) 78%,transparent)}.newsletter-panel__privacy>:first-child{margin-block-start:0}.newsletter-panel__privacy>:last-child{margin-block-end:0}.newsletter-panel__privacy a{color:inherit;text-decoration:underline;text-underline-offset:.14em}@media(max-width:767px){.newsletter-panel-tab-shell--hide-mobile{display:none}newsletter-panel.newsletter-panel--hide-mobile{display:none}newsletter-panel.newsletter-panel{top:0;right:0;bottom:0;left:0}.newsletter-panel__surface,.newsletter-panel[data-image-position=left] .newsletter-panel__surface,.newsletter-panel[data-image-position=right] .newsletter-panel__surface,.newsletter-panel.is-open[data-image-position=left] .newsletter-panel__surface,.newsletter-panel.is-open[data-image-position=right] .newsletter-panel__surface{inset-inline:12px;inset-block-end:max(12px,env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom))}.newsletter-panel-image-block{display:none}.newsletter-panel-image-block--show-mobile{display:block}.newsletter-panel__blocks,.newsletter-panel__content{gap:var(--newsletter-block-spacing-mobile, 14px);padding-block-start:var(--newsletter-spacing-top-mobile, 28px);padding-block-end:var(--newsletter-spacing-bottom-mobile, 24px);padding-inline:20px}.newsletter-panel[data-image-position=left] .newsletter-panel__blocks,.newsletter-panel[data-image-position=right] .newsletter-panel__blocks{flex-direction:column}.newsletter-panel[data-image-position=left] .newsletter-panel__content,.newsletter-panel[data-image-position=right] .newsletter-panel__content{width:100%;height:var(--newsletter-content-height, auto);flex-basis:auto}.newsletter-panel[data-image-position=left] .newsletter-panel-image-block,.newsletter-panel[data-image-position=right] .newsletter-panel-image-block{width:100%;height:0}.newsletter-panel.is-open[data-image-position=left] .newsletter-panel-image-block,.newsletter-panel.is-open[data-image-position=right] .newsletter-panel-image-block{width:100%;height:var(--newsletter-image-height, 200px)}.newsletter-panel[data-image-position=left] .newsletter-panel-image-block{border-radius:var(--newsletter-flyout-radius, 0) var(--newsletter-flyout-radius, 0) 0 0}.newsletter-panel[data-image-position=left] .newsletter-panel__content{border-radius:0 0 var(--newsletter-flyout-radius, 0) var(--newsletter-flyout-radius, 0)}.newsletter-panel[data-image-position=right] .newsletter-panel__content{border-radius:var(--newsletter-flyout-radius, 0) var(--newsletter-flyout-radius, 0) 0 0}.newsletter-panel[data-image-position=right] .newsletter-panel-image-block{border-radius:0 0 var(--newsletter-flyout-radius, 0) var(--newsletter-flyout-radius, 0)}.newsletter-panel__blocks:not(.has-positioned-image)>.newsletter-panel-image-block{width:calc(100% + 40px);margin-inline:-20px}.newsletter-panel__blocks:not(.has-positioned-image)>.newsletter-panel-image-block:first-child{margin-block-start:calc(-1 * var(--newsletter-spacing-top-mobile, 28px))}.newsletter-panel-form-block{text-align:var(--newsletter-form-align-mobile, var(--newsletter-form-align-desktop, left))}}@media(prefers-reduced-motion:reduce){newsletter-panel.newsletter-panel,.newsletter-panel__surface,.newsletter-panel__backdrop,.newsletter-panel-image-block{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-newsletter-popup.css.map */