:root{--digit-w:26px;--digit-h:32px;--digit-font:16px;--radius:4px;--top-bg:#f5f6f6;--bot-bg:#e9ebeb;--text:#111;--urgent-top:var(--Red-200,#ffe3e0);--urgent-bot:var(--Red-100,#ffd4cf);--urgent-text:#f04438;--dim-top:#f5f6f6;--dim-bot:#e8ecec;--dim-text:#ccd5d4;--perspective:160px;--duration:.2s;--ease:cubic-bezier(.25, .1, .25, .1)}.countdown{gap:8px;font-family:Noto Sans Arabic,sans-serif;display:flex}.time-group{display:flex}.time-segment{width:var(--digit-w);height:var(--digit-h);font-size:var(--digit-font);border-radius:var(--radius);box-sizing:border-box;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;font-weight:700;display:block;position:relative;overflow:hidden}.time-segment:after{content:"";border-radius:var(--radius);pointer-events:none;z-index:3;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff80}.segment-display{width:100%;height:100%;position:relative}.segment-display__top,.segment-display__bottom{text-align:center;width:100%;height:50%;color:var(--text);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0;text-rendering:geometricprecision;position:relative;overflow:hidden}.segment-display__top{line-height:var(--digit-h);background:var(--top-bg);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.segment-display__bottom{background:var(--bot-bg);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);transform-origin:top;opacity:1;line-height:0}.segment-overlay{width:var(--digit-w);height:var(--digit-h);perspective:var(--perspective);border-radius:var(--radius);visibility:hidden;pointer-events:none;z-index:2;will-change:transform;contain:paint;position:absolute;inset:0}.segment-overlay.flip{visibility:visible}.segment-overlay__top,.segment-overlay__bottom{text-align:center;width:100%;height:50%;color:var(--text);backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;position:absolute;overflow:hidden;transform:translateZ(.001px)}.segment-overlay__top{line-height:var(--digit-h);background:var(--top-bg);transform-origin:bottom;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);top:0}.segment-overlay__bottom{background:var(--bot-bg);transform-origin:top;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);line-height:0;bottom:0}.segment-overlay.flip .segment-overlay__top{animation:flip-top var(--duration) var(--ease) both}.segment-overlay.flip .segment-overlay__bottom{animation:flip-bottom var(--duration) var(--ease) both}@keyframes flip-top{0%{transform:rotateX(0)}50%,to{transform:rotateX(-90deg)}}@keyframes flip-bottom{0%,50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.time-section:not(.is-dim):not(.is-suspend) .time-segment.is-flipping .segment-display__bottom{animation:bottom-fade var(--duration) var(--ease) both}@keyframes bottom-fade{0%,49%{opacity:1}50%,to{opacity:0}}.time-section.is-dim .segment-display__top,.time-section.is-dim .segment-overlay__top{background:var(--dim-top)}.time-section.is-dim .segment-display__bottom,.time-section.is-dim .segment-overlay__bottom{background:var(--dim-bot)}.time-section.is-dim .segment-display__top,.time-section.is-dim .segment-display__bottom,.time-section.is-dim .segment-overlay__top,.time-section.is-dim .segment-overlay__bottom{color:var(--dim-text)}.time-section.is-highlight .segment-display__top,.time-section.is-highlight .segment-overlay__top{background:var(--urgent-top)}.time-section.is-highlight .segment-display__bottom,.time-section.is-highlight .segment-overlay__bottom{background:var(--urgent-bot)}.time-section.is-highlight .segment-display__top,.time-section.is-highlight .segment-display__bottom,.time-section.is-highlight .segment-overlay__top,.time-section.is-highlight .segment-overlay__bottom{color:var(--urgent-text)}.time-section.is-suspend .segment-display__top,.time-section.is-suspend .segment-overlay__top{background:var(--dim-top)}.time-section.is-suspend .segment-display__bottom,.time-section.is-suspend .segment-overlay__bottom{background:var(--dim-bot)}.time-section.is-suspend .segment-display__top,.time-section.is-suspend .segment-display__bottom,.time-section.is-suspend .segment-overlay__top,.time-section.is-suspend .segment-overlay__bottom{color:var(--dim-text)}@media (prefers-reduced-motion:reduce){.segment-overlay.flip .segment-overlay__top,.segment-overlay.flip .segment-overlay__bottom,.time-segment.is-flipping .segment-display__bottom{animation:none!important}.time-segment.is-flipping .segment-display__bottom{opacity:1!important}}