.marketing-popup__dialog{--marketing-popup-width: 56rem;position:fixed;width:min(var(--marketing-popup-width),calc(100vw - 4rem));max-width:none;max-height:calc(100vh - 4rem);margin:auto;padding:0;border:0;border-radius:var(--marketing-popup-radius, 1.6rem);overflow:hidden auto;overscroll-behavior:contain;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));box-shadow:0 2.4rem 6rem rgba(var(--legends-black-coffee, 16, 9, 5),.28)}.marketing-popup__dialog--small{--marketing-popup-width: 42rem}.marketing-popup__dialog--large{--marketing-popup-width: 72rem}.marketing-popup__dialog::backdrop{background:rgba(var(--legends-black-coffee, 16, 9, 5),.55)}.marketing-popup__dialog[open]{animation:marketing-popup-fade-in var(--duration-default, .2s) ease-out}@media screen and (max-width:749px){.marketing-popup__dialog{width:100%;max-height:85vh;margin:auto 0 0;border-radius:var(--marketing-popup-radius, 1.6rem) var(--marketing-popup-radius, 1.6rem) 0 0}.marketing-popup__dialog[open]{animation:marketing-popup-sheet-in .3s ease-out}}@media(prefers-reduced-motion:reduce){.marketing-popup__dialog[open]{animation:none}}@keyframes marketing-popup-fade-in{0%{opacity:0;transform:translateY(1.6rem)}}@keyframes marketing-popup-sheet-in{0%{transform:translateY(100%)}}.marketing-popup__close{position:absolute;top:1.2rem;right:1.2rem;z-index:3;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;color:rgb(var(--color-foreground));background-color:rgba(var(--color-background),.88);cursor:pointer}.marketing-popup__close .svg-wrapper{width:1.6rem;height:1.6rem}.marketing-popup__close:hover .svg-wrapper{transform:scale(1.1)}.marketing-popup__track{display:flex;margin:0;padding:0;gap:0}.marketing-popup__slide{flex:0 0 100%;width:100%;min-width:0}.marketing-popup__image-slide{position:relative;display:flex;flex-direction:column;height:100%}.marketing-popup__media{overflow:hidden}.marketing-popup__media picture{display:block}.marketing-popup__image{display:block;width:100%;height:auto;max-height:60vh;object-fit:contain}.marketing-popup__image-slide--image-only .marketing-popup__image{max-height:calc(100vh - 10rem)}@media screen and (max-width:749px){.marketing-popup__image-slide--image-only .marketing-popup__image{max-height:calc(85vh - 6rem)}}.marketing-popup__slide-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.marketing-popup__image-slide--text-overlay .marketing-popup__content{position:absolute;inset:auto 0 0;z-index:1;background:linear-gradient(to top,rgba(var(--color-background),.92) 55%,rgba(var(--color-background),0));padding-top:6.4rem}.marketing-popup__content{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:2.4rem 3.2rem 3.2rem;text-align:center}.marketing-popup__heading{margin:0}.marketing-popup__text>*:first-child{margin-top:0}.marketing-popup__text>*:last-child{margin-bottom:0}.marketing-popup__caption{margin:0}.marketing-popup__button{margin-top:.8rem}.marketing-popup__video{position:relative;aspect-ratio:16 / 9;background-color:rgba(var(--color-foreground),.06)}.marketing-popup__video>.marketing-popup__video-placeholder,.marketing-popup__video>.deferred-media__poster,.marketing-popup__video>iframe,.marketing-popup__video>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.marketing-popup__video-poster img{width:100%;height:100%;object-fit:cover}.marketing-popup__text-slide{display:flex;align-items:center;justify-content:center;height:100%;min-height:32rem;padding:4rem 0}.marketing-popup__custom{padding:4.8rem 3.2rem 3.2rem}.marketing-popup__controls{position:relative;border:0;border-top:.1rem solid rgba(var(--color-foreground),.08)}.marketing-popup__reopen{position:fixed;bottom:2rem;z-index:90;padding:1.1rem 2rem;border:0;border-radius:10rem;font-family:var(--font-body-family);font-size:1.4rem;letter-spacing:.06rem;color:rgb(var(--color-button-text));background-color:rgb(var(--color-button));box-shadow:0 .8rem 2.4rem rgba(var(--legends-black-coffee, 16, 9, 5),.2);cursor:pointer}.marketing-popup__reopen--left{left:2rem}.marketing-popup__reopen--right{right:2rem}.marketing-popup__reopen:hover{transform:translateY(-.2rem)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-marketing-popup.css.map */