.flip-countdown{justify-content:center;gap:2px;direction:ltr}.flip-countdown,.flip-unit-container{display:flex;align-items:flex-end}.flip-unit{display:flex;flex-direction:column;align-items:center}.flip-unit-label{font-size:11px;font-weight:600;text-transform:capitalize;margin-bottom:4px;letter-spacing:.5px}.flip-unit-digits{display:flex;gap:2px}.flip-digit{position:relative;width:32px;height:48px;perspective:200px}.flip-digit-inner{position:relative;width:100%;height:100%}.flip-digit-top{position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,#6b7280,#4b5563);border-radius:4px 4px 0 0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.flip-digit-top span{font-size:36px;font-weight:700;color:#ffffff;line-height:.5;transform:translateY(50%);font-family:Roboto,Arial,sans-serif}.flip-digit-bottom{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,#4b5563,#374151);border-radius:0 0 4px 4px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.flip-digit-bottom span{font-size:36px;font-weight:700;color:#ffffff;line-height:.5;transform:translateY(-50%);font-family:Roboto,Arial,sans-serif}.flip-digit-line{top:50%;background:rgba(0,0,0,.5);transform:translateY(-50%);z-index:5}.flip-digit-line,.flip-digit-line:before{position:absolute;left:0;width:100%;height:1px}.flip-digit-line:before{content:"";top:0;background:rgba(255,255,255,.05)}.flip-card-top{position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,#6b7280,#4b5563);border-radius:4px 4px 0 0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;transform-origin:bottom center;z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-top span{font-size:36px;font-weight:700;color:#ffffff;line-height:.5;transform:translateY(50%);font-family:Roboto,Arial,sans-serif}.flip-card-bottom{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,#4b5563,#374151);border-radius:0 0 4px 4px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;transform-origin:top center;transform:rotateX(90deg);z-index:9;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-bottom span{font-size:36px;font-weight:700;color:#ffffff;line-height:.5;transform:translateY(-50%);font-family:Roboto,Arial,sans-serif}.flip-animation{animation:flipTop .3s ease-in forwards}.flip-animation-bottom{animation:flipBottom .3s ease-out .15s forwards}@keyframes flipTop{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}@keyframes flipBottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.flip-colon{font-size:32px;font-weight:700;color:#4b5563;line-height:1;padding:0 2px;margin-bottom:4px;align-self:flex-end}.flip-countdown-small .flip-digit{width:24px;height:36px}.flip-countdown-small .flip-card-bottom span,.flip-countdown-small .flip-card-top span,.flip-countdown-small .flip-digit-bottom span,.flip-countdown-small .flip-digit-top span{font-size:26px}.flip-countdown-small .flip-unit-label{font-size:9px}.flip-countdown-small .flip-colon{font-size:24px}.flip-countdown-large .flip-digit{width:48px;height:72px}.flip-countdown-large .flip-card-bottom span,.flip-countdown-large .flip-card-top span,.flip-countdown-large .flip-digit-bottom span,.flip-countdown-large .flip-digit-top span{font-size:54px}.flip-countdown-large .flip-unit-label{font-size:14px}.flip-countdown-large .flip-colon{font-size:48px}.flip-countdown-light .flip-digit-top{background:linear-gradient(180deg,#ffffff,#f0f0f0);box-shadow:0 1px 3px rgba(0,0,0,.1)}.flip-countdown-light .flip-digit-bottom{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.flip-countdown-light .flip-card-bottom span,.flip-countdown-light .flip-card-top span,.flip-countdown-light .flip-digit-bottom span,.flip-countdown-light .flip-digit-top span{color:#1b1b1b}.flip-countdown-light .flip-card-top{background:linear-gradient(180deg,#ffffff,#f0f0f0)}.flip-countdown-light .flip-card-bottom{background:linear-gradient(180deg,#f0f0f0,#e0e0e0)}.flip-countdown-light .flip-digit-line{background:rgba(0,0,0,.1)}.flip-countdown-light .flip-digit-line:before{background:rgba(255,255,255,.5)}.flip-countdown-light .flip-colon{color:#1b1b1b}.flip-digit:after{content:"";position:absolute;bottom:-4px;left:2px;right:2px;height:4px;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent);border-radius:0 0 4px 4px}.auction-card .flip-countdown{transform:scale(.85);transform-origin:center}.auction-card .flip-countdown-small{transform:scale(.75)}.flip-countdown-compact,.flip-countdown-compact .flip-unit-digits{gap:1px}.flip-countdown-compact .flip-colon{padding:0 1px;font-size:20px}.flip-countdown-compact .flip-digit{width:20px;height:30px}.flip-countdown-compact .flip-card-bottom span,.flip-countdown-compact .flip-card-top span,.flip-countdown-compact .flip-digit-bottom span,.flip-countdown-compact .flip-digit-top span{font-size:22px}.flip-countdown-compact .flip-unit-label{font-size:8px;margin-bottom:2px}.flip-countdown-wrapper{background:linear-gradient(135deg,rgba(248,249,250,.5),rgba(233,236,239,.5));padding:8px 4px;display:flex;justify-content:center;align-items:center;border-radius:0 0 8px 8px;margin-top:-4px}.flip-countdown-wrapper-list{border-radius:8px;margin-top:8px;padding:8px 6px}.urgent-countdown .flip-countdown-wrapper{background:linear-gradient(135deg,#fff5f5,#ffe0e0)}.urgent-countdown .flip-card-top,.urgent-countdown .flip-digit-top{background:linear-gradient(180deg,#c0392b,#a93226)}.urgent-countdown .flip-card-bottom,.urgent-countdown .flip-digit-bottom{background:linear-gradient(180deg,#a93226,#922b21)}.auction-card .flip-countdown{transform:none;gap:3px}.auction-card .flip-countdown-small .flip-digit{width:18px;height:28px}.auction-card .flip-countdown-small .flip-card-bottom span,.auction-card .flip-countdown-small .flip-card-top span,.auction-card .flip-countdown-small .flip-digit-bottom span,.auction-card .flip-countdown-small .flip-digit-top span{font-size:20px}.auction-card .flip-countdown-small .flip-unit-label{margin-top:2px;font-size:13px;font-weight:600;margin-bottom:2px}.auction-card .flip-countdown-small .flip-colon{font-size:18px;margin-bottom:4px;padding:0 1px}.auction-card .flip-countdown-small .flip-unit-digits{gap:1px}.auction-card .flip-countdown-small .flip-digit:after{bottom:-2px;height:2px}[dir=rtl] .flip-countdown{direction:ltr}