*{box-sizing:border-box}.countdown{margin:50px auto;width:40%;display:flex;justify-content:right;align-items:center;gap:10px;font-family:sans-serif}.separator{font-size:5em;margin-top:-25px;color:#000;font-family:sans-serif}.time-section{text-align:center;font-size:16px}.time-group{display:flex;gap:8px}.time-segment{display:block;font-size:60px;font-weight:900;width:60px}.segment-display{position:relative;height:100%}.segment-display__top,.segment-display__bottom{overflow:hidden;text-align:center;width:100%;height:50%;position:relative}.segment-display__top{line-height:1.2;color:#eee;background-color:#111}.segment-display__bottom{line-height:0;color:#fff;background-color:#333}.segment-overlay{position:absolute;top:0;perspective:400px;height:100%;width:60px}.segment-overlay__top,.segment-overlay__bottom{position:absolute;overflow:hidden;text-align:center;width:100%;height:50%}.segment-overlay__top{top:0;line-height:1.2;color:#fff;background-color:#111;transform-origin:bottom}.segment-overlay__bottom{bottom:0;line-height:0;color:#eee;background-color:#333;border-top:2px solid black;transform-origin:top}.segment-overlay.flip .segment-overlay__top{animation:flip-top .8s linear}.segment-overlay.flip .segment-overlay__bottom{animation:flip-bottom .8s linear}@keyframes flip-top{0%{transform:rotateX(0)}50%,to{transform:rotateX(-90deg)}}@keyframes flip-bottom{0%,50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@media (max-width: 768px){.countdown{transform:translateY(118px);justify-content:center;align-items:center;margin:30px auto;width:30%;gap:5px}.time-segment{font-size:30px;width:30px}.time-group{gap:3px}.segment-overlay{width:30px}.time-section p{font-size:12px;margin-top:5px}.separator{font-size:3em}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/slide-time.css.map */