.flip-counter-root{--fc-card-top: #e8eaef;--fc-card-bottom: #c9ced7;--fc-text: #0A1630;--fc-label: #dce1e3;--fc-accent: #FFC107;--fc-accent-deep: #B8860B;width:100%}.flip-counter-root *{box-sizing:border-box}.flip-counter-root .flip-counter{width:min(1080px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,26px)}.flip-counter-root .flip-unit{min-width:0;text-align:center}.flip-counter-root .flip-label{display:block;margin-top:18px;color:var(--fc-label);font-family:Arial,sans-serif;font-size:clamp(11px,1.5vw,15px);font-weight:800;letter-spacing:.22em;text-transform:uppercase}.flip-counter-root .flip-card{position:relative;height:clamp(124px,19vw,218px);display:grid;place-items:center;border:1px solid rgb(255 193 7 / 18%);border-radius:8px;perspective:700px;background:linear-gradient(to bottom,var(--fc-card-top) 0%,var(--fc-card-top) 49.5%,var(--fc-card-bottom) 50.5%,var(--fc-card-bottom) 100%);box-shadow:0 15px 30px #0000008c,0 0 40px -12px #ffc10738,inset 0 1px #ffffff0a}.flip-counter-root .flip-number{color:var(--fc-text);font-family:Montserrat,Arial Narrow,Arial,sans-serif;font-size:clamp(58px,12vw,142px);font-weight:800;line-height:1;letter-spacing:-.06em;transform:translate(-.02em) scaleX(.9);text-shadow:0 1px 0 rgb(255 255 255 / 40%)}.flip-counter-root .flip-number-static{z-index:0}.flip-counter-root .flip-divider{position:absolute;z-index:4;top:50%;right:0;left:0;height:2px;background:#ffc1078c;box-shadow:0 1px #fff6}.flip-counter-root .flip-hinge{position:absolute;z-index:5;top:calc(50% - 7px);width:7px;height:14px;border-radius:2px;background:linear-gradient(180deg,#fde68a,#ffc107,#b8860b);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000040,0 1px 3px #00000073,0 0 6px #ffc1078c}.flip-counter-root .flip-hinge-left{left:-4px}.flip-counter-root .flip-hinge-right{right:-4px}.flip-counter-root .flip-animation{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-style:preserve-3d}.flip-counter-root .flip-half{position:absolute;right:0;left:0;height:50%;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d}.flip-counter-root .flip-top{top:0;border-radius:8px 8px 0 0;background:var(--fc-card-top);transform-origin:center bottom;animation:fc-flip-top .32s cubic-bezier(.37,.01,.94,.35) forwards}.flip-counter-root .flip-bottom{bottom:0;border-radius:0 0 8px 8px;background:var(--fc-card-bottom);transform:rotateX(90deg);transform-origin:center top;animation:fc-flip-bottom .32s .32s cubic-bezier(.15,.45,.28,1) forwards}.flip-counter-root .animated-number{position:absolute;left:0;width:100%;height:200%;display:grid;place-items:center}.flip-counter-root .number-top{top:0}.flip-counter-root .number-bottom{bottom:0}@keyframes fc-flip-top{0%{transform:rotateX(0);filter:brightness(1)}to{transform:rotateX(-90deg);filter:brightness(.55)}}@keyframes fc-flip-bottom{0%{transform:rotateX(90deg);filter:brightness(.55)}to{transform:rotateX(0);filter:brightness(1)}}@media (max-width: 680px){.flip-counter-root .flip-counter{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.flip-counter-root .flip-card{height:clamp(108px,34vw,150px)}.flip-counter-root .flip-number{font-size:clamp(62px,24vw,100px)}}@media (prefers-reduced-motion: reduce){.flip-counter-root .flip-animation{display:none}}