.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 visible}.flip-countdown-display{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;width:fit-content;max-width:100%;display:flex}@media (max-width:640px){.flip-countdown-container{gap:4px;width:fit-content;max-width:100%;margin:0 auto;padding:8px 0}.flip-countdown-display{transform-origin:50%;align-items:center;gap:0;width:fit-content;max-width:100%;transform:scale(.85)}.flip-countdown-card{width:24px;height:32px;font-size:20px;line-height:32px}.flip-card-top-half,.flip-card-flap-front,.flip-card-bottom-half span,.flip-card-flap-back span{line-height:32px}.flip-countdown-separator{align-self:center;width:8px;height:32px;font-size:20px}.flip-countdown-group-label{letter-spacing:.2px;font-size:5px}.flip-countdown-group{align-items:center;gap:3px}.flip-countdown-group-digits{gap:0}}@media (max-width:480px){.flip-countdown-container{width:fit-content;max-width:100%;margin:0 auto;padding:6px 0}.flip-countdown-display{transform-origin:50%;transform:scale(.75)}.flip-countdown-card{width:20px;height:28px;font-size:16px;line-height:28px}.flip-card-top-half,.flip-card-flap-front,.flip-card-bottom-half span,.flip-card-flap-back span{line-height:28px}.flip-countdown-separator{align-self:center;width:6px;height:28px;font-size:16px}.flip-countdown-group-label{letter-spacing:.1px;font-size:4px}.flip-countdown-display{align-items:center;gap:0;width:fit-content;max-width:100%}.flip-countdown-group{align-items:center;gap:2px}.flip-countdown-group-digits{gap:0}}@media (max-width:400px){.flip-countdown-container{width:fit-content;max-width:100%;margin:0 auto;padding:4px 0}.flip-countdown-display{transform-origin:50%;transform:scale(.65)}.flip-countdown-card{width:18px;height:26px;font-size:14px;line-height:26px}.flip-card-top-half,.flip-card-flap-front,.flip-card-bottom-half span,.flip-card-flap-back span{line-height:26px}.flip-countdown-separator{align-self:center;width:5px;height:26px;font-size:14px}.flip-countdown-group-label{letter-spacing:.1px;font-size:4px}.flip-countdown-display{align-items:center;gap:0;width:fit-content;max-width:100%}.flip-countdown-group{align-items:center;gap:1px}.flip-countdown-group-digits{gap:0}}@media (max-width:360px){.flip-countdown-container{width:fit-content;max-width:100%;margin:0 auto;padding:4px 0}.flip-countdown-display{transform-origin:50%;transform:scale(.6)}.flip-countdown-card{width:16px;height:24px;font-size:12px;line-height:24px}.flip-card-top-half,.flip-card-flap-front,.flip-card-bottom-half span,.flip-card-flap-back span{line-height:24px}.flip-countdown-separator{align-self:center;width:4px;height:24px;font-size:12px}.flip-countdown-group-label{letter-spacing:.1px;font-size:3px}.flip-countdown-display{align-items:center;gap:0;width:fit-content;max-width:100%}.flip-countdown-group{align-items:center;gap:1px}.flip-countdown-group-digits{gap:0}}@media (max-width:320px){.flip-countdown-container{width:fit-content;max-width:100%;margin:0 auto;padding:2px 0}.flip-countdown-display{transform-origin:50%;transform:scale(.55)}.flip-countdown-card{width:14px;height:22px;font-size:11px;line-height:22px}.flip-card-top-half,.flip-card-flap-front,.flip-card-bottom-half span,.flip-card-flap-back span{line-height:22px}.flip-countdown-separator{align-self:center;width:3px;height:22px;font-size:11px}.flip-countdown-group-label{letter-spacing:0;font-size:3px}.flip-countdown-display{align-items:center;gap:0;width:fit-content;max-width:100%}.flip-countdown-group{align-items:center;gap:1px}.flip-countdown-group-digits{gap:0}}.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:center;align-items:center;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()}}