@import "https://fonts.googleapis.com/css2?family=Anton&display=swap";
.FlipClock-module__ZXckta__clockWrapper{transform-origin:top;justify-content:center;align-items:center;margin-top:2rem;margin-bottom:-4rem;font-family:Anton,sans-serif;display:flex;transform:scale(.4)}@media (min-width:768px){.FlipClock-module__ZXckta__clockWrapper{margin-bottom:-2rem;transform:scale(.6)}}@media (min-width:1024px){.FlipClock-module__ZXckta__clockWrapper{margin-bottom:0;transform:scale(.8)}}.FlipClock-module__ZXckta__container{text-align:center;white-space:nowrap;height:200px;position:relative}.FlipClock-module__ZXckta__colon{color:#eee;vertical-align:top;text-shadow:0 1px 2px #333;margin:0 5px;font-size:145px;line-height:180px;display:inline-block}.FlipClock-module__ZXckta__nums{perspective:1000px;background-color:#2a2a2a;border-top:1px solid #393939;border-radius:5px;width:140px;height:200px;margin:0 10px;display:inline-block;position:relative;box-shadow:0 3px 10px #111}.FlipClock-module__ZXckta__nums:before{content:"";z-index:1000;border-bottom:2px solid #000;width:100%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-1px)}.FlipClock-module__ZXckta__nums:after{backface-visibility:hidden;color:#eee;content:attr(data-bottom);text-align:center;text-shadow:0 1px 2px #333;z-index:0;background:#2a2a2a;border-top:1px solid #000;border-bottom:1px solid #444;border-radius:0 0 5px 5px;width:100%;height:calc(50% - 1px);font-size:145px;line-height:0;display:block;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:inset 0 15px 50px #202020}.FlipClock-module__ZXckta__num{height:100%;transform-style:preserve-3d;border-radius:5px;width:100%;font-size:145px;transition:transform .6s ease-in;position:absolute;top:0;left:0;transform:rotateX(0)}.FlipClock-module__ZXckta__num:before,.FlipClock-module__ZXckta__num:after{backface-visibility:hidden;color:#eee;text-align:center;text-shadow:0 1px 2px #333;width:100%;height:50%;display:block;position:absolute;left:0;overflow:hidden}.FlipClock-module__ZXckta__num:before{content:attr(data-num);z-index:1;background:#181818;border-radius:5px 5px 0 0;line-height:1.38;top:0;box-shadow:inset 0 15px 50px #111}.FlipClock-module__ZXckta__num:after{content:attr(data-num-next);background:#2a2a2a;border-bottom:1px solid #444;border-radius:0 0 5px 5px;height:calc(50% - 1px);line-height:0;top:0;transform:rotateX(180deg);box-shadow:inset 0 15px 50px #202020}.FlipClock-module__ZXckta__nextBg{z-index:1}.FlipClock-module__ZXckta__active{z-index:2}.FlipClock-module__ZXckta__flipped{transform:rotateX(-180deg)}