.countdown-with-image{width:100%}.countdown-with-image__grid{display:flex;flex-direction:column;gap:2rem;align-items:stretch}@media screen and (min-width: 750px){.countdown-with-image__grid{flex-direction:row;align-items:stretch;gap:4rem}.countdown-with-image__grid--reverse{flex-direction:row-reverse}}.countdown-with-image__grid--mobile-reverse{flex-direction:column-reverse}@media screen and (min-width: 750px){.countdown-with-image__grid--mobile-reverse{flex-direction:row}.countdown-with-image__grid--reverse.countdown-with-image__grid--mobile-reverse{flex-direction:row-reverse}}.countdown-with-image__countdown-item,.countdown-with-image__image-item{display:flex;flex-direction:column;flex:1 1 auto}.countdown-with-image__content{display:flex;flex-direction:column;justify-content:center;padding:2rem;height:100%}.countdown-with-image__heading{margin-bottom:1.5rem}.countdown-with-image__description{margin-bottom:2rem}.countdown-with-image__description p{margin:0}.countdown-with-image__description p+p{margin-top:1rem}.countdown-with-image__timer-wrapper{margin-bottom:2rem}.countdown-with-image__button{margin-top:1rem;align-self:flex-start}.countdown-with-image__content.text-center .countdown-with-image__button{align-self:center}.countdown-with-image__content.text-right .countdown-with-image__button{align-self:flex-end}.countdown-with-image__media{width:100%;min-height:300px;overflow:hidden;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 750px){.countdown-with-image__media{min-height:400px;height:100%}}.countdown-with-image__media img{width:100%;height:auto;object-fit:cover;display:block}@media screen and (min-width: 750px){.countdown-with-image__media img{height:100%;object-fit:cover}}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.countdown-timer__expired{text-align:center;font-size:1.5rem;font-weight:700;padding:2rem}.countdown-timer--flip-clock{gap:.5rem}.countdown-timer__unit{display:flex;flex-direction:column;align-items:center;gap:.5rem}.countdown-timer__flip-box{position:relative;width:4rem;height:4.5rem;perspective:1000px;background-color:transparent}@media screen and (min-width: 750px){.countdown-timer__flip-box{width:5rem;height:5.5rem}}.countdown-timer__flip-top,.countdown-timer__flip-bottom{position:absolute;width:100%;height:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;border:2px solid #000000;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d}.countdown-timer__flip-top{top:0;border-bottom:1px solid #000000;border-radius:.5rem .5rem 0 0;align-items:flex-end;padding-bottom:.25rem;transform-origin:bottom;z-index:2}.countdown-timer__flip-bottom{bottom:0;border-top:1px solid #000000;border-radius:0 0 .5rem .5rem;align-items:flex-start;padding-top:.25rem;transform-origin:top;z-index:1}.countdown-timer__flip-top span,.countdown-timer__flip-bottom span{font-size:2rem;font-weight:700;line-height:1;display:block}@media screen and (min-width: 750px){.countdown-timer__flip-top span,.countdown-timer__flip-bottom span{font-size:2.5rem}}.countdown-timer__flip-top--flip{animation:flipTop .6s cubic-bezier(.4,0,.2,1)}@keyframes flipTop{0%{transform:rotateX(0)}to{transform:rotateX(-180deg)}}.countdown-timer__separator{font-size:2rem;font-weight:700;margin:0 .25rem;padding-top:1rem}@media screen and (min-width: 750px){.countdown-timer__separator{font-size:2.5rem;margin:0 .5rem}}.countdown-timer__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}@media screen and (min-width: 750px){.countdown-timer__label{font-size:.875rem}}.countdown-timer--digital{gap:1rem}.countdown-timer--digital .countdown-timer__unit{min-width:4rem}@media screen and (min-width: 750px){.countdown-timer--digital .countdown-timer__unit{min-width:5rem}}.countdown-timer__number{font-size:3rem;font-weight:700;line-height:1;text-align:center;margin-bottom:.5rem}@media screen and (min-width: 750px){.countdown-timer__number{font-size:4rem}}.countdown-timer--digital .countdown-timer__label{text-align:center}.countdown-timer--digital .countdown-timer__separator{padding-top:1.5rem}.countdown-timer--text{flex-direction:column;gap:0}.countdown-timer__text{font-size:1.25rem;font-weight:500;text-align:center;line-height:1.6}@media screen and (min-width: 750px){.countdown-timer__text{font-size:1.5rem}}@media screen and (max-width: 749px){.countdown-with-image__content{padding:0}.countdown-with-image__button{width:100%}.countdown-timer{gap:.5rem}.countdown-timer__flip-box{width:3.5rem;height:4rem}.countdown-timer__flip-top span,.countdown-timer__flip-bottom span{font-size:1.75rem}.countdown-timer__separator{font-size:1.5rem;margin:0 .125rem}.countdown-timer__number{font-size:2.5rem}.countdown-timer--digital .countdown-timer__unit{min-width:3.5rem}.countdown-timer__text{font-size:1.125rem}}.countdown-timer__flip-top,.countdown-timer__flip-bottom{background-color:rgb(var(--color-background));border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}.countdown-timer__number,.countdown-timer__text,.countdown-timer__separator,.countdown-timer__expired{color:rgb(var(--color-foreground))}.countdown-timer__label{color:rgb(var(--color-foreground));opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/25/assets/countdown-with-image.css.map */