[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.xo-popup-countdown-promo{--xo-popup-countdown-promo-delay: .2s;width:100%;height:100%}.xo-popup-countdown-promo.xo-popup-countdown-promo--flyout{padding:1rem}.xo-popup-countdown-promo__container{position:relative;max-width:calc(100vw - 2.4rem);max-height:calc(100vh - 2.4rem);border-radius:1.2rem;text-align:var(--xo-popup-countdown-promo-text-alignment);width:var(--xo-popup-countdown-promo-content-width);overflow:hidden;overflow-y:auto}.xo-popup-countdown-promo__media{position:absolute;top:1.4rem;bottom:1.4rem;width:var(--xo-popup-countdown-promo-image-width);border-radius:1rem;overflow:hidden}.xo-popup-countdown-promo__media .xo-image{border-radius:1rem;width:100%;height:100%}@media (max-width: 991px){.xo-popup-countdown-promo__media{padding:1.8rem;padding-bottom:0}}.xo-popup-countdown-promo__media img,.xo-popup-countdown-promo__media video{width:100%;height:100%;object-fit:cover}.xo-popup-countdown-promo__media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.xo-popup-countdown-promo__content-container{position:relative;transition:padding .5s ease;width:100%;z-index:9}.xo-popup-countdown-promo__content{padding:3.9rem 1.5rem 4rem;width:100%;background-color:color-mix(in srgb,rgba(var(--color-background)) 100%,transparent)}@media (min-width: 992px){.xo-popup-countdown-promo__content{padding:3.9rem 4.4rem 3.8rem}}.xo-popup-countdown-promo__subheading{word-wrap:break-word;word-break:break-word;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);text-transform:uppercase;font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:600;line-height:calc(1 + .57 / var(--font-body-scale));opacity:.8}@media (min-width: 992px){.xo-popup-countdown-promo__subheading{font-size:calc(var(--font-body-scale) * 1.3rem);line-height:calc(1 + .38 / var(--font-body-scale))}}.xo-popup-countdown-promo__heading{margin-top:.7rem;margin-bottom:0}.xo-popup-countdown-promo__heading p{color:inherit}.xo-popup-countdown-promo__body{word-wrap:break-word;word-break:break-word;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);margin-top:1rem;font-size:calc(var(--font-body-scale) * 1.5rem);font-weight:500;line-height:calc(1 + .46 / var(--font-body-scale));opacity:.8}@media (min-width: 992px){.xo-popup-countdown-promo__body{margin-top:.8rem;font-size:calc(var(--font-body-scale) * 1.6rem);line-height:calc(1 + .5 / var(--font-body-scale))}}.xo-popup-countdown-promo__body p{color:inherit}.xo-popup-countdown-promo__timer{margin-top:2rem;display:flex}@media (min-width: 992px){.xo-popup-countdown-promo__timer{margin-top:1.6rem}}.xo-popup-countdown-promo__timer-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.1rem}.xo-popup-countdown-promo__timer-item:not(:first-child) .xo-popup-countdown-promo__timer-value{position:relative;width:100%;border-left:.1rem dashed color-mix(in srgb,rgba(var(--color-border)) 100%,transparent)}.xo-popup-countdown-promo__timer-label{color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);font-size:calc(var(--font-body-scale) * 1.5rem);font-weight:500;line-height:calc(1 + .46 / var(--font-body-scale));opacity:.8;text-transform:var(--xo-popup-countdown-promo-label);text-align:center}.xo-popup-countdown-promo__button{margin-top:2.2rem;display:flex;gap:.5rem}.xo-popup-countdown-promo__disclaimer{word-wrap:break-word;word-break:break-word;margin-top:1.4rem;font-size:calc(var(--font-body-scale) * 1.4rem);line-height:calc(1 + .57 / var(--font-body-scale));opacity:.8}@media (min-width: 992px){.xo-popup-countdown-promo__disclaimer{margin-top:1.8rem;font-size:calc(var(--font-body-scale) * 1.5rem);line-height:calc(1 + .46 / var(--font-body-scale))}}.xo-popup-countdown-promo__disclaimer p{color:inherit}.xo-popup-countdown-promo--left .xo-popup-countdown-promo__media{left:1.4rem}.xo-popup-countdown-promo--right .xo-popup-countdown-promo__media{right:1.4rem}.xo-popup-countdown-promo--background .xo-popup-countdown-promo__content{background-color:transparent}.xo-popup-countdown-promo--background .xo-popup-countdown-promo__media{top:0;left:0;right:0;bottom:0;width:100%}xo-modal[xo-active] .xo-popup-countdown-promo--left:has(img) .xo-popup-countdown-promo__container,xo-modal[xo-active] .xo-popup-countdown-promo--left:has(video) .xo-popup-countdown-promo__container{animation:xo_popup_countdown_open .5s ease calc(var(--xo-duration) * 1ms + var(--xo-popup-countdown-promo-delay)) forwards}xo-modal[xo-active] .xo-popup-countdown-promo--left:has(img) .xo-popup-countdown-promo__content-container,xo-modal[xo-active] .xo-popup-countdown-promo--left:has(video) .xo-popup-countdown-promo__content-container{animation:xo_popup_countdown_media_left .5s ease calc(var(--xo-duration) * 1ms + var(--xo-popup-countdown-promo-delay)) forwards}xo-modal[xo-active] .xo-popup-countdown-promo--right:has(img) .xo-popup-countdown-promo__container,xo-modal[xo-active] .xo-popup-countdown-promo--right:has(video) .xo-popup-countdown-promo__container{animation:xo_popup_countdown_open .5s ease calc(var(--xo-duration) * 1ms + var(--xo-popup-countdown-promo-delay)) forwards}xo-modal[xo-active] .xo-popup-countdown-promo--right:has(img) .xo-popup-countdown-promo__content-container,xo-modal[xo-active] .xo-popup-countdown-promo--right:has(video) .xo-popup-countdown-promo__content-container{animation:xo_popup_countdown_media_right .5s ease calc(var(--xo-duration) * 1ms + var(--xo-popup-countdown-promo-delay)) forwards}@media screen and (max-width: 767px){.xo-popup-countdown-promo__container{display:flex;flex-flow:column nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal}.xo-popup-countdown-promo__media img,.xo-popup-countdown-promo__media video{width:100%;height:100%}.xo-popup-countdown-promo__content-container{height:100%;position:relative;top:0;left:0;bottom:0;right:0}.xo-popup-countdown-promo--left:not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__media,.xo-popup-countdown-promo--right:not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__media{position:static;width:100%;height:0;transition:height .5s ease}.xo-popup-countdown-promo--background:not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__content{background-color:transparent}.xo-popup-countdown-promo--background:not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__media{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.xo-popup-countdown-promo.xo-popup-countdown-promo--hidden-image-mobile .xo-popup-countdown-promo__media{display:none!important}xo-modal[xo-active] .xo-popup-countdown-promo--left:has(img):not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__container,xo-modal[xo-active] .xo-popup-countdown-promo--left:has(video):not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__container,xo-modal[xo-active] .xo-popup-countdown-promo--right:has(img):not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__container,xo-modal[xo-active] .xo-popup-countdown-promo--right:has(video):not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__container{animation:xo_popup_countdown_open_mobile .5s ease calc(var(--xo-duration) * 1ms + var(--xo-popup-countdown-promo-delay)) forwards;width:100%}xo-modal[xo-active] .xo-popup-countdown-promo--left:has(img):not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__media,xo-modal[xo-active] .xo-popup-countdown-promo--left:has(video):not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__media,xo-modal[xo-active] .xo-popup-countdown-promo--right:has(img):not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__media,xo-modal[xo-active] .xo-popup-countdown-promo--right:has(video):not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__media{animation:xo_popup_countdown_media_mobile .5s ease calc(var(--xo-duration) * 1ms + var(--xo-popup-countdown-promo-delay)) forwards}xo-modal[xo-active] .xo-popup-countdown-promo--left:has(img):not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__content-container,xo-modal[xo-active] .xo-popup-countdown-promo--left:has(video):not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__content-container,xo-modal[xo-active] .xo-popup-countdown-promo--right:has(img):not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__content-container,xo-modal[xo-active] .xo-popup-countdown-promo--right:has(video):not(.xo-popup-countdown-promo--hidden-image-mobile) .xo-popup-countdown-promo__content-container{padding-inline-start:0;animation:none}xo-modal[xo-active] .xo-popup-countdown-promo--hidden-image-mobile .xo-popup-countdown-promo__media{animation:none!important}xo-modal[xo-active] .xo-popup-countdown-promo--hidden-image-mobile .xo-popup-countdown-promo__content-container{padding-inline-start:0;animation:none!important}}@keyframes xo_popup_countdown_open{0%{width:var(--xo-popup-countdown-promo-content-width)}to{width:calc(var(--xo-popup-countdown-promo-content-width) + var(--xo-popup-countdown-promo-image-width))}}@keyframes xo_popup_countdown_media_left{0%{padding-inline-start:0px}to{padding-inline-start:calc(var(--xo-popup-countdown-promo-image-width) + 1.4rem)}}@keyframes xo_popup_countdown_media_right{0%{padding-inline-end:0px}to{padding-inline-end:calc(var(--xo-popup-countdown-promo-image-width) + 1.4rem)}}@keyframes xo_popup_countdown_open_mobile{0%{width:var(--xo-popup-countdown-promo-content-width)}to{width:var(--xo-popup-countdown-promo-content-width)}}@keyframes xo_popup_countdown_media_mobile{0%{height:0}to{height:30rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-popup-countdown-promo.css.map */
