.flip-countdown-container{background:var(--card);border:1px solid var(--border);box-sizing:border-box;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;padding:24px;display:flex;overflow:hidden}.flip-countdown-display{box-sizing:border-box;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;width:100%;max-width:100%;display:flex}.flip-countdown-group{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex}.flip-countdown-group-label{letter-spacing:1px;text-transform:uppercase;color:var(--muted-foreground);text-align:center;width:100%;font-size:10px;font-weight:600}.flip-countdown-group-digits{flex-shrink:0;align-items:center;gap:4px;display:flex}.flip-countdown-separator{width:24px;height:64px;color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:0;font-family:Courier New,Courier,monospace;font-size:36px;font-weight:700;display:inline-flex}.flip-countdown-card{text-align:center;background-color:var(--muted);width:48px;height:64px;color:var(--foreground);perspective:300px;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:36px;font-weight:700;line-height:64px;display:inline-block;position:relative;overflow:hidden}.flip-card-top-half,.flip-card-bottom-half,.flip-card-flap-front,.flip-card-flap-back{background-color:var(--muted);box-sizing:border-box;backface-visibility:hidden;width:100%;position:absolute;left:0;overflow:hidden}.flip-card-top-half,.flip-card-bottom-half{height:50%}.flip-card-flap-front,.flip-card-flap-back{height:100%}.flip-card-top-half,.flip-card-flap-front{border-bottom:1px solid var(--border);transform-origin:bottom;border-radius:6px 6px 0 0;line-height:64px;top:0}.flip-card-top-half span,.flip-card-flap-front span{height:100%;display:block}.flip-card-bottom-half{transform-origin:top;border-radius:0 0 6px 6px;line-height:0;bottom:0}.flip-card-bottom-half span{width:100%;height:200%;line-height:64px;display:block;position:absolute;top:-100%;left:0}.flip-card-flap-back{border-bottom:1px solid var(--border);transform-origin:bottom;z-index:1;border-radius:6px 6px 0 0;line-height:0;top:0;transform:rotateX(-180deg)}.flip-card-flap-back span{backface-visibility:hidden;width:100%;height:200%;line-height:64px;position:absolute;top:0;left:0;transform:rotateX(-180deg)}.flip-card-flap{transform-origin:bottom;width:100%;height:50%;transform-style:preserve-3d;z-index:10;position:absolute;top:0;left:0}.flip-card-flap-front{z-index:2;transform:rotateX(0)}.flip-countdown-card.flipping .flip-card-flap{animation:.2s ease-in forwards flipCountdownDown}.flip-countdown-card.flipping .flip-card-flap-front{animation:.2s ease-in forwards flipCountdownFadeOut}.flip-countdown-card.flipping .flip-card-flap-back{animation:.2s ease-in forwards flipCountdownFadeIn}.flip-countdown-card.flipping .flip-card-bottom-half{animation:.2s ease-in forwards flipCountdownFadeOut}@keyframes flipCountdownDown{0%{transform:rotateX(0)}to{transform:rotateX(-180deg)}}@keyframes flipCountdownFadeOut{0%{filter:brightness()}to{filter:brightness(.2)}}@keyframes flipCountdownFadeIn{0%{filter:brightness(.2)}to{filter:brightness()}}@media (max-width:640px){.flip-countdown-container{gap:8px;width:100%;max-width:100%;padding:16px 12px}.flip-countdown-display{gap:4px}.flip-countdown-card{border-radius:5px;width:40px;height:54px;font-size:30px;line-height:54px}.flip-card-top-half,.flip-card-flap-front{border-radius:5px 5px 0 0;line-height:54px}.flip-card-bottom-half{border-radius:0 0 5px 5px}.flip-card-bottom-half span,.flip-card-flap-back span{line-height:54px}.flip-countdown-separator{width:10px;height:54px;font-size:30px}.flip-countdown-group-label{letter-spacing:.5px;font-size:9px}.flip-countdown-group{gap:4px}.flip-countdown-group-digits{gap:2px}}@media (max-width:480px){.flip-countdown-container{padding:12px 8px}.flip-countdown-display{gap:2px}.flip-countdown-card{border-radius:4px;width:34px;height:46px;font-size:26px;line-height:46px}.flip-card-top-half,.flip-card-flap-front{border-radius:4px 4px 0 0;line-height:46px}.flip-card-bottom-half{border-radius:0 0 4px 4px}.flip-card-bottom-half span,.flip-card-flap-back span{line-height:46px}.flip-countdown-separator{width:8px;height:46px;font-size:26px}.flip-countdown-group-label{font-size:8px}.flip-countdown-group{gap:3px}.flip-countdown-group-digits{gap:2px}}@media (max-width:400px){.flip-countdown-container{padding:10px 4px}.flip-countdown-display{gap:1px}.flip-countdown-card{border-radius:3px;width:28px;height:38px;font-size:22px;line-height:38px}.flip-card-top-half,.flip-card-flap-front{border-radius:3px 3px 0 0;line-height:38px}.flip-card-bottom-half{border-radius:0 0 3px 3px}.flip-card-bottom-half span,.flip-card-flap-back span{line-height:38px}.flip-countdown-separator{width:6px;height:38px;font-size:22px}.flip-countdown-group-label{letter-spacing:.3px;font-size:7px}.flip-countdown-group{gap:2px}.flip-countdown-group-digits{gap:1px}}@media (max-width:360px){.flip-countdown-container{padding:8px 2px}.flip-countdown-display{gap:0}.flip-countdown-card{border-radius:3px;width:24px;height:32px;font-size:18px;line-height:32px}.flip-card-top-half,.flip-card-flap-front{border-radius:3px 3px 0 0;line-height:32px}.flip-card-bottom-half{border-radius:0 0 3px 3px}.flip-card-bottom-half span,.flip-card-flap-back span{line-height:32px}.flip-countdown-separator{width:4px;height:32px;font-size:18px}.flip-countdown-group-label{display:none}.flip-countdown-group,.flip-countdown-group-digits{gap:0}}@media (max-width:320px){.flip-countdown-container{padding:6px 0}.flip-countdown-card{border-radius:2px;width:20px;height:28px;font-size:16px;line-height:28px}.flip-card-top-half,.flip-card-flap-front{border-radius:2px 2px 0 0;line-height:28px}.flip-card-bottom-half{border-radius:0 0 2px 2px}.flip-card-bottom-half span,.flip-card-flap-back span{line-height:28px}.flip-countdown-separator{width:3px;height:28px;font-size:16px}}