.number-counter-section{width:100%;display:flex;justify-content:center;align-items:center}.number-counter-container{text-align:center;width:100%;max-width:1200px;padding:0 20px}.number-counter-heading{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 2rem;line-height:1.2}.number-counter-footer{font-size:clamp(1.2rem,3vw,2rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:2rem 0 0;line-height:1.2}.number-counter-wrapper{display:flex;justify-content:center;align-items:center;margin:2rem 0}.counter-display{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.counter-segment{position:relative;--number-size: 3.5rem;width:calc(var(--number-size) * 1.7);height:calc(var(--number-size) * 2.6);background-color:#b3d9f2;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.counter-segment.comma{width:calc(var(--number-size) * .6);background:transparent;box-shadow:none}.counter-segment.comma:after{content:",";font-size:calc(var(--number-size) * .85);font-weight:700;color:#02216e;line-height:1}.counter-digit-wrapper{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.counter-digit{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;--number-size: 3.5rem;font-size:var(--number-size);font-weight:700;color:#4a90e2;line-height:1;backface-visibility:hidden;transform-style:preserve-3d;z-index:1}.counter-digit.current{transform:translateY(0);opacity:1}.counter-digit.next{transform:translateY(100%);opacity:0}.counter-digit.flipping-up{animation:flipUp .6s cubic-bezier(.4,0,.2,1) forwards}.counter-digit.flipping-down{animation:flipDown .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes flipUp{0%{transform:translateY(0) rotateX(0);opacity:1}50%{transform:translateY(-50%) rotateX(90deg);opacity:.3}to{transform:translateY(-100%) rotateX(180deg);opacity:0}}@keyframes flipDown{0%{transform:translateY(100%) rotateX(180deg);opacity:0}50%{transform:translateY(50%) rotateX(90deg);opacity:.3}to{transform:translateY(0) rotateX(0);opacity:1}}@media(max-width:768px){.counter-segment{width:calc(var(--number-size) * 1.7);height:calc(var(--number-size) * 2.6)}.counter-digit{font-size:var(--number-size)}.counter-segment.comma{width:calc(var(--number-size) * .6)}.counter-segment.comma:after{font-size:calc(var(--number-size) * .85)}}@media(max-width:480px){.counter-display{gap:.25rem}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/number-counter.css.map */