.container{position:relative}.count-down-section{position:relative;border-radius:var(--border-radius)}.promo_image{position:relative;padding:5% 0}.count-down-section{position:sticky;top:calc(var(--header-height) + 10rem);display:grid;background-size:cover;background-position:center}.count-down-video{grid-area:1 / 1;width:var(--width);height:100%;position:relative;border-radius:var(--media-border-radius)}.count-down-video video,.count-down-video img,.count-down-video svg{width:100%;height:100%;object-fit:cover;border-radius:var(--media-border-radius)}.count-down-video svg.placeholder-svg{display:block;border-radius:var(--media-border-radius)}.count-down-section countdown-timer{grid-area:1 / 1;position:relative;z-index:1;padding:3rem 2rem;text-align:center;border-radius:var(--border-radius)}.count-down-section countdown-timer:after{content:"";position:absolute;top:0;left:0;width:var(--width);height:100%;background:var(--overlay_color);opacity:var(--overlay);border-radius:var(--border-radius);z-index:-1}.countdown-timer__inner .section_content_gap{max-width:60rem;margin:0 auto}.countdown_subheading{color:var(--color)}.countdown-timer__inner .heading{border-bottom:1px solid;padding-bottom:25px}.count-down-section .countdown-timer__timer{display:flex;justify-content:center;margin:25px 0 32px}.countdown-timer__block{flex:1;min-width:100px;padding:25px 35px;position:relative;text-align:center}.countdown-timer__block span:first-child{display:block;font-size:calc(var(--font-heading-scale) * 4rem);font-family:var(--font-heading-family);line-height:1}.countdown-timer__block span:last-child{display:block;margin-top:8px;font-size:1.4rem;text-transform:uppercase}.counter_span{background:var(--color-highlight);padding:1.5rem 1rem;border-radius:var(--border-radius);display:inline-block;font-weight:var(--font-heading-weight)}.countdown-timer__block span{color:var(--color-heading)}.separator-line:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1.5px;background:var(--color-heading)}.separator-colon:not(:last-child):after{content:":";position:absolute;right:-6px;top:40%;transform:translateY(-50%);font-size:3rem;font-weight:700;color:var(--color-heading)}.count_down_promo{width:35%;height:100%;z-index:2;will-change:transform;transition:transform 3s ease-out;transform-origin:center}.count_down_promo img,.count_down_promo svg{border-radius:var(--border-radius)}.count_down_promo .image,.count_down_promo .image img{height:100%;object-fit:contain}.count_down_promo svg.placeholder--svg{max-width:80%}.promo_image .count-down-section{padding-left:20%}.cwn_img_inner{border-radius:var(--border-radius);overflow:hidden;object-fit:cover;width:100%;height:100%;aspect-ratio:1}.cwn_img_inner.cwn_column_img_auto{aspect-ratio:var(--first-image-aspect-ratio)}.count-down-section.cwn_image_as_col{grid-template-columns:var(--max-width) 3fr;gap:unset}.count-down-section.cwn_image_as_col countdown-timer{grid-area:unset;border-radius:0 var(--border-radius) var(--border-radius) 0}.cwn_image_as_col .countdown-timer__inner{position:static;transform:unset}.count-down-section.cwn_image_as_col countdown-timer:after{border-radius:0 var(--border-radius) var(--border-radius) 0}.count-down-section.cwn_image_as_col .count-down-video img{var(--border-radius) 0 0 var(--border-radius)}.count-down-section.cwn_image_as_col .count-down-video video{border-radius:var(--border-radius) 0 0 var(--border-radius)}.count-down-section.cwn_image_as_col .count-down-video,.cwn_image_as_col .cwn_img_inner.cwn_column_img_auto{border-radius:0}.cwn_image_as_col .countdown-timer__block{background:var(--color-background);padding:25px;border-radius:var(--badge-border-radius)}.cwn_image_as_col .countdown-timer__block span:last-child{color:var(--color-text)}.cwn_image_as_col .counter_span{background:var(--color-secondary-bg);color:var(--color-secondary-text);border-radius:var(--badge-border-radius);border:2px solid var(--border)}.cwn_image_as_col .countdown-timer__timer{gap:3rem}.cwn_image_as_col .section_content_gap.timer_alignment_left{text-align:left}.cwn_image_as_col .section_content_gap.timer_alignment_center{text-align:center}.cwn_image_as_col .section_content_gap.timer_alignment_right{text-align:right}.cwn_image_as_col .section_content_gap{grid-gap:2.3rem;margin-top:3rem}.cwn_image_as_col .countdown-timer__timer{margin:15px 0}.cwn_image_as_col .count-down-video svg.placeholder-svg{border-radius:var(--border-radius) 0 0 var(--border-radius)}.right_img_cwnt{position:absolute;top:55%;right:-120px;transform:translateY(-50%);transition:all .5s ease-out}.right_img_cwnt img{width:100%;max-width:500px;height:auto}.promo_style2 .count-down-section{padding-left:0}.promo_style2 .count_down_promo{margin:0 auto}.promo_style2 .countdown-timer__inner .section_content_gap{max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;justify-content:space-between;display:flex;padding-inline:12rem;align-items:center}.promo_style2 .countdown-timer__inner .cwnt_heading_btn{text-align:left;width:30%}.promo_style2 .count-down-section .countdown-timer__timer{width:100%;gap:2.5rem;position:relative;padding:2.5rem 0;max-width:410px}.promo_style2 .countdown-timer__timer .countdown-timer__block{padding:10px;background:var(--color-highlight);border-radius:100px;flex:unset;min-width:65px}.promo_style2 .countdown-timer__timer .countdown-timer__block span:first-child{font-size:calc(var(--font-heading-scale) * 3rem)}.promo_style2 .separator-colon:not(:last-child):after{right:-18px;top:50%}.counter_span{padding:1rem 1rem 0}.countdown-timer__block span:last-child{margin-top:4px}.promo_style2 .cwnt_heading_btn .section_button_outer{margin-top:2.5rem}.countdown_main_wrap .cwnt_heading_btn .section_heading strong{font-weight:100;color:var(--color-highlight)}.promo_style2 .countdown-timer__timer.cwnt_add_bg:after{position:absolute;content:"";display:block;width:100%;height:100%;background:var(--color-background);border-radius:100px;opacity:.15;top:50%;left:0;transform:translateY(-50%)}@media only screen and (max-width:1700px)and (min-width:1500px){.cwn_image_as_col .countdown-timer__block{padding:20px 15px}}@media screen and (max-width:1500px){.count-down-video{width:100%}}@media only screen and (max-width:1500px)and (min-width:1241px){.count_down_promo{display:none}.promo_image .count-down-section{padding-left:0}.promo_style2 .count_down_promo{display:block}.promo_style2 .countdown-timer__inner .cwnt_heading_btn,.promo_style2 .count-down-section .countdown-timer__timer{width:36%}}@media only screen and (max-width:1400px)and (min-width:1241px){.cwn_image_as_col .countdown-timer__block{padding:25px 18px}}@media only screen and (max-width:1300px)and (min-width:1241px){.promo_style2 .countdown-timer__timer.cwnt_add_bg:after{display:none}}@media screen and (max-width:1240px){.cwn_image_as_col .countdown-timer__block{padding:20px}.count-down-section.cwn_image_as_col{grid-template-columns:1fr}.count-down-section.cwn_image_as_col .count-down-video,.cwn_image_as_col .cwn_img_inner.cwn_column_img_auto,.count-down-section.cwn_image_as_col .count-down-video svg{border-radius:var(--border-radius) var(--border-radius) 0 0}.count-down-section.cwn_image_as_col .count-down-video video{border-radius:var(--border-radius) var(--border-radius) 0 0}.count-down-section.cwn_image_as_col countdown-timer{border-radius:0 0 var(--border-radius) var(--border-radius)}.count-down-section.cwn_image_as_col countdown-timer:after{border-radius:0 0 var(--border-radius) var(--border-radius)}.cwn_image_as_col+.count_down_promo{height:100vh}.countdown-timer__block{padding:5px 35px}.promo_style2 .count-down-section countdown-timer{display:flex;justify-content:center;align-items:center}.promo_style2 .countdown-timer__inner .section_content_gap{position:static;transform:unset;display:block;padding-inline:0rem}.promo_style2 .countdown-timer__timer .countdown-timer__block span:first-child{font-size:calc(var(--font-heading-scale) * 2.5rem)}.promo_style2 .count-down-section .countdown-timer__timer{width:100%;justify-content:center}.promo_style2 .countdown-timer__inner .cwnt_heading_btn{text-align:center;width:100%}.promo_style2 .cwnt_heading_btn .section_button_outer{margin-bottom:3.5rem}}@media screen and (max-width:1200px){.count-down-section .countdown-timer__timer{margin:15px 0}.promo_style2 .count-down-video video,.promo_style2 .count-down-video img,.promo_style2 .count-down-video svg{border-radius:20px}}@media screen and (max-width:1024px){.countdown-timer__block{padding:2px 30px}.countdown-timer__block span:first-child{font-size:calc(var(--font-heading-scale) * 3rem)}}@media screen and (max-width:990px){.promo_image .count_down_promo{display:none}.promo_image .count-down-section{padding-left:0}}@media screen and (max-width:989px)and (min-width:750px){.count-down-video{aspect-ratio:16 / 9}}@media screen and (max-width:750px){.count-down-video{aspect-ratio:3 / 4}.countdown-timer__block span:first-child{font-size:2rem}.countdown-timer__block{padding:12px 10px 0;min-width:unset}.count-down-section .countdown-timer__timer{justify-content:space-between}}@media screen and (max-width:640px){.countdown-timer__block span:last-child{font-size:1.1rem}.count-down-section countdown-timer{display:flex;align-items:center;justify-content:center;padding-inline:1.5rem}.count-down-section .countdown-timer__timer{justify-content:space-evenly}.cwn_image_as_col .countdown-timer__block{padding:15px}.cwn_image_as_col .countdown-timer__timer{gap:2rem}.cwn_image_as_col .section_content_gap{margin-top:0}}@media screen and (max-width:500px){.cwn_image_as_col .counter_span{padding:10px 7px}.cwn_image_as_col .countdown-timer__block{padding:10px 5px}.cwn_image_as_col .countdown-timer__timer{gap:1rem}.cwn_image_as_col .countdown-timer__block span:last-child{font-size:1rem}.promo_style2 .countdown-timer__timer .countdown-timer__block{padding:10px 7px;min-width:58px}.promo_style2 .count-down-section .countdown-timer__timer{gap:2rem}}@media screen and (max-width:350px){.countdown-timer__block{padding:12px 7px 0}.countdown-timer__inner{top:25%;left:0;right:0;transform:none}.countdown-timer__inner .section_content_gap{max-width:100%}.promo_style2 .separator-colon:not(:last-child):after{right:-10px}.promo_style2 .count-down-section .countdown-timer__timer{gap:1rem}.promo_style2 .countdown-timer__timer .countdown-timer__block{min-width:50px}.promo_style2 .countdown-timer__timer .countdown-timer__block span:first-child{font-size:calc(var(--font-heading-scale) * 1.8rem)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/countdown-timer.css.map */