.timer{display:flex;flex-direction:column;justify-content:center;align-items:center}.countdown__container{display:flex;flex-direction:row;font-family:var(--font-heading-family);-webkit-font-smoothing:antialiased;gap:1rem;padding-top:1.5rem;position:relative;justify-content:center;perspective:500px;text-align:center;transform-style:preserve3d}@media screen and (min-width: 750px){.countdown__container{gap:2rem}}.countdown__container>div{position:relative}.countdown__container .countdow__tag{position:absolute}.separator{align-items:flex-start}.countdown__number{display:block;font-size:2.5rem;line-height:4rem;padding:1.25rem;position:relative;text-align:center;width:100%}@media screen and (min-width: 750px){.separator{font-size:2.5rem;margin:0;width:2rem}.countdown__number{font-size:3.5rem;line-height:4rem;padding:2rem;width:100%}}.separator{font-size:2rem;margin:0;width:2rem}.new,.old,.current{border-radius:1rem;color:#333;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.new{animation:show-new .4s cubic-bezier(0,.9,.5,1.2) forwards}.old{animation:hide-old 2s cubic-bezier(0,.9,.56,1.2) forwards}@keyframes hide-countdown{to{height:0;overflow:hidden}}@keyframes show-new{0%{opacity:0;transform:translate(-50%,-50%) translateY(-2rem) scale(.8) rotateX(-20deg)}to{transform:translate(-50%,-50%)}}@keyframes hide-old{0%{transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) translateY(-2.5rem) scale(.5) rotateX(-75deg)}}.timer__info{padding:1.2rem 0;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/531/assets/countdown-timer.css.map */