.w-countdown{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;gap:2.5px;--segment-gap:2.5px;--segment-size:36px;--segment-width:35.4px;--segment-height:47.65px;--segment-line-top:51.5px;--segment-line-bottom:4.5px;--segment-colon-top:42px;--segment-colon-bottom:0;--segment-radius:4px;--segment-background-top:linear-gradient(5deg,#333 -40.25%,#373737 -14.35%,#434343 11.56%,#575757 38.4%,#666 52.28%);--segment-background-bottom:linear-gradient(0deg,#333,#373737 28%,#434343 56%,#575757 85%,#666);--segment-border-divide:2px}.time-section{text-align:center;font-size:30px}.time-group{display:flex;gap:var(--segment-gap)}.time-segment{box-sizing:content-box;height:var(--segment-height);width:var(--segment-width);font-size:var(--segment-size);border-radius:var(--segment-radius);position:relative;display:block;font-weight:900;padding:1px;background:#000}.time-caption{display:flex;justify-content:center;margin-top:6px}.segment-display{position:relative;height:100%}.segment-display__bottom,.segment-display__top{overflow:hidden;text-align:center;width:100%;height:50%;position:relative}.segment-display__top{box-sizing:border-box;border-top-left-radius:var(--segment-radius);border-top-right-radius:var(--segment-radius);line-height:var(--segment-line-top);background:var(--segment-background-top);color:#eee}.segment-display__bottom{box-sizing:border-box;border-bottom-left-radius:var(--segment-radius);border-bottom-right-radius:var(--segment-radius);line-height:var(--segment-line-bottom);background:var(--segment-background-bottom);color:#fff}.segment-overlay{position:absolute;top:0;perspective:400px;height:var(--segment-height);width:var(--segment-width)}.segment-overlay__bottom,.segment-overlay__top{position:absolute;overflow:hidden;text-align:center;width:100%;height:50%}.segment-overlay__top{top:0;border-top-left-radius:var(--segment-radius);border-top-right-radius:var(--segment-radius);line-height:var(--segment-line-top);background:var(--segment-background-top);color:#fff;transform-origin:bottom}.segment-overlay__bottom{bottom:0;border-bottom-left-radius:var(--segment-radius);border-bottom-right-radius:var(--segment-radius);line-height:var(--segment-line-bottom);background:var(--segment-background-bottom);color:#eee;border-top:var(--segment-border-divide) solid black;transform-origin:top}.time-section.colon .segment-display__top,.time-section.colon .segment-overlay__top{line-height:var(--segment-colon-top)}.time-section.colon .segment-display__bottom,.time-section.colon .segment-overlay__bottom{line-height:var(--segment-colon-bottom)}.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(0deg)}50%,to{transform:rotateX(-90deg)}}@keyframes flip-bottom{0%,50%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}