@font-face{font-family:"BayshoreRegular";font-style:normal;font-stretch:normal;font-display:swap;src:url("Bayshore/BayshoreRegular_normal_normal.woff2") format("woff2"),url("Bayshore/BayshoreRegular_normal_normal.woff") format("woff")}@font-face{font-family:"TTRamillasRegular";src:url("Fonts/TTRamillasRegular/font.woff2") format("woff2"),url("Fonts/TTRamillasRegular/font.woff") format("woff")}.new-clock{display:flex;justify-content:space-evenly;align-items:center;font-family:"Anton",sans-serif;font-weight:600}.new-clock img{width:290px}.new-clock .clock{display:flex}.new-clock .clock .wrap{display:flex;flex-direction:column}.new-clock .clock .wrap .label{font-size:.85rem;letter-spacing:1px;margin-bottom:0}.new-clock .clock .wrap .days,.new-clock .clock .wrap .hours,.new-clock .clock .wrap .minutes{display:flex;align-items:center;font-size:2.5rem}.new-clock .clock .wrap .days .digit,.new-clock .clock .wrap .hours .digit,.new-clock .clock .wrap .minutes .digit{height:4rem;width:2.4rem;border-radius:4px;padding-top:10px;margin:.5rem .15rem;background-color:#49806d;color:#fff;position:relative}.new-clock .clock .wrap .days .digit::before,.new-clock .clock .wrap .hours .digit::before,.new-clock .clock .wrap .minutes .digit::before{position:absolute;content:"";top:50%;width:100%;left:0;transform:translate(0, -50%);height:2px;background-color:#fff}.new-clock .clock .wrap .days span,.new-clock .clock .wrap .hours span,.new-clock .clock .wrap .minutes span{font-size:2rem;margin-bottom:.5rem}.new-clock .clock .wrap .minutes .flip{height:4rem;width:2.4rem;border-radius:4px;position:relative}.new-clock .clock .wrap .minutes .flip .front-layer{position:relative;height:4rem;width:2.4rem;border-radius:4px}.new-clock .clock .wrap .minutes .flip .front-layer .current-top,.new-clock .clock .wrap .minutes .flip .front-layer .current-bottom{background-color:#49806d;color:#fff;overflow:hidden;width:100%;height:2rem}.new-clock .clock .wrap .minutes .flip .front-layer .current-top{line-height:4rem;transform:rotateX(0deg);transform-origin:bottom;perspective:8rem;border-bottom:1px solid #fff;border-top-left-radius:4px;border-top-right-radius:4px}.new-clock .clock .wrap .minutes .flip .front-layer .current-top.play{animation:TopAnimation .8s ease-in;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}.new-clock .clock .wrap .minutes .flip .front-layer .current-bottom{line-height:0;border-top:1px solid #fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.new-clock .clock .wrap .minutes .flip .front-layer .future-bottom{position:absolute;top:50%;left:0;width:100%;height:50%;transform:translate(0, -50%) rotateX(90deg);transform-origin:top;border-top:1px solid #fff;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#49806d;color:#fff;line-height:1px;overflow:hidden;perspective:8rem}.new-clock .clock .wrap .minutes .flip .front-layer .future-bottom.play{animation:BottomAnimation .8s ease-in;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}.new-clock .clock .wrap .minutes .flip .back-layer{position:absolute;top:0;left:0;width:100%;background-color:#49806d;color:#fff;z-index:-1;height:50%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom:1px solid #fff}.new-clock .clock .wrap .minutes .flip .back-layer .future-top{padding-top:10px}@media only screen and (min-width: 765px){.new-clock img{width:330px}.new-clock .clock .wrap .label{font-size:1rem}.new-clock .clock .wrap .days,.new-clock .clock .wrap .hours,.new-clock .clock .wrap .minutes{font-size:3rem}.new-clock .clock .wrap .days .digit,.new-clock .clock .wrap .hours .digit,.new-clock .clock .wrap .minutes .digit{height:5rem;width:3rem;padding-top:13px;margin:.5rem .25rem}.new-clock .clock .wrap .minutes .flip{height:5rem;width:3rem}.new-clock .clock .wrap .minutes .flip .front-layer{position:relative;height:5rem;width:3rem}.new-clock .clock .wrap .minutes .flip .front-layer .current-top,.new-clock .clock .wrap .minutes .flip .front-layer .current-bottom{height:2.5rem}.new-clock .clock .wrap .minutes .flip .front-layer .current-top{line-height:5rem}.new-clock .clock .wrap .minutes .flip .back-layer .future-top{padding-top:13px}}@keyframes TopAnimation{0%{transform:rotateX(0deg)}50%,100%{transform:rotateX(-90deg)}}@keyframes BottomAnimation{0%,50%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}/*# sourceMappingURL=countdown-clock.min.css.map */