.countdown_showcase{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.countdown_showcase_inner{display:flex;flex-direction:column;gap:4rem}.countdown_showcase_top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:3rem;white-space:wrap}.countdown_showcase_heading{margin:0;font-weight:var(--font-weight);max-width:409px}.countdown_showcase_gallery{display:flex;justify-content:center;column-gap:var(--column-spacing)}.countdown_showcase_gallery_item{width:var(--image-width);border-radius:10px;overflow:hidden;flex-shrink:0;transition:.3s ease-in-out}.countdown_showcase_gallery_item:hover{border-radius:80px}.countdown_showcase_gallery_image,.countdown_showcase_gallery_item img,.countdown_showcase_gallery_item svg{display:flex;width:100%;height:100%;object-fit:cover}.countdown_showcase_gallery_item svg{background:var(--color-secondary-background)}.countdown_showcase_button_wrapper{display:flex;justify-content:flex-end}.countdown_showcase_timer{display:flex;justify-content:center;gap:clamp(2rem,5vw,8rem)}.countdown_showcase_timer_item{display:flex;flex-direction:column;align-items:center;text-align:center}.countdown_showcase_timer_number{display:block;font-size:5.6rem;color:var(--color-text);line-height:normal}.countdown_showcase_timer_label{color:var(--color-text);font-size:1.6rem;line-height:2}.countdown_showcase_timer_number{display:inline-block;transition:opacity .18s ease,transform .18s ease}.countdown_showcase_timer_number.is-updating{opacity:0;transform:translateY(-10px)}@media screen and (max-width:1199px){.countdown_showcase_top{grid-template-columns:1fr;gap:3rem;text-align:center}.countdown_showcase_heading{max-width:100%;margin:0 auto}.countdown_showcase_button_wrapper{justify-content:center}.countdown_showcase_gallery{flex-wrap:wrap}}@media screen and (max-width:640px){.countdown_showcase_inner{gap:3rem}.countdown_showcase_gallery{gap:1rem}.countdown_showcase_gallery_item{width:calc(33.333% - .7rem)}.countdown_showcase_timer{flex-wrap:wrap;gap:.5rem}.countdown_showcase_timer_item{width:20%}.countdown_showcase_timer_number{font-size:3rem}.countdown_showcase_timer_label{font-size:1.2rem}}@media screen and (min-width:641px)and (max-width:1450px){.countdown_showcase_gallery_item{max-width:200px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/countdown-showcase.css.map */
