@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";.bombi-flip{--perspective-value: 52rem;--font-family: var(--font-body-family, Poppins, sans-serif);padding:var(--padding-y) 0;background:var(--background-color)}.bombi-flip .bc-wrap{max-width:1100px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.bombi-flip .bc-top{display:inline-flex;align-items:center;gap:10px;color:var(--label-color);font-weight:500;letter-spacing:.02em;margin-bottom:25px;font-family:var(--font-family)}.bombi-flip .bc-dot{font-size:18px;line-height:1;opacity:.9}.bombi-flip .bc-toptext{font-size:clamp(14px,1.2vw,20px);line-height:1.2;text-transform:capitalize;font-weight:500}.bombi-flip .bc-grid{display:inline-flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,22px);flex-wrap:nowrap}.bombi-flip .bc-item{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.bombi-flip .bc-sep{color:var(--sep-color);font-weight:500;font-size:clamp(22px,4vw,36px);line-height:1;transform:translateY(-20%);opacity:.85;-webkit-user-select:none;user-select:none;font-family:var(--font-family);padding-bottom:15px}.bombi-flip .bc-label{color:var(--label-color);font-size:clamp(11px,1.4vw,15px);letter-spacing:.12em;text-transform:uppercase;font-weight:400;opacity:.95;font-family:var(--font-family)}.bombi-flip .flip-clock{display:flex;position:relative;width:var(--card-size);height:var(--card-size);font-size:var(--timer-font-size);aspect-ratio:1/1;line-height:clamp(74px,10vw,85px);color:var(--text-color);text-align:center;border-radius:12px;box-shadow:0 10px 25px #00000026;font-family:Roboto,sans-serif;line-height:1.5}.bombi-flip .flip-clock .digital:before,.bombi-flip .flip-clock .digital:after{content:attr(data-number);position:absolute;left:0;right:0;background-color:var(--card-color);overflow:hidden;box-sizing:border-box}.bombi-flip .flip-clock .digital:before{top:0;bottom:50%;border-radius:12px 12px 0 0;border-bottom:solid 1.5px rgba(0,0,0,.25)}.bombi-flip .flip-clock .digital:after{top:50%;bottom:0;border-radius:0 0 12px 12px;line-height:0}.bombi-flip .flip-clock.down .back:before,.bombi-flip .flip-clock.down .front:after{z-index:1}.bombi-flip .flip-clock.down .back:after{z-index:2;transform-origin:50% 0;transform:perspective(var(--perspective-value)) rotateX(180deg)}.bombi-flip .flip-clock.down .front:before{z-index:3}.bombi-flip .flip-clock.down.go .front:before,.bombi-flip .flip-clock.down.go .back:after{will-change:transform}.bombi-flip .flip-clock.down.go .front:before{transform-origin:50% 100%;animation:frontFlipDown .6s ease-in-out both;backface-visibility:hidden}.bombi-flip .flip-clock.down.go .back:after{animation:backFlipDown .6s ease-in-out both;backface-visibility:hidden}@keyframes frontFlipDown{0%{transform:perspective(var(--perspective-value)) rotateX(0)}to{transform:perspective(var(--perspective-value)) rotateX(180deg)}}@keyframes backFlipDown{0%{transform:perspective(var(--perspective-value)) rotateX(180deg)}to{transform:perspective(var(--perspective-value)) rotateX(0)}}.bombi-flip .flip-clock:not(.go) .front:before,.bombi-flip .flip-clock:not(.go) .back:after{will-change:auto}@media (max-width: 749px){.bombi-flip .bc-grid{gap:8px}.bombi-flip .bc-sep{transform:translateY(-10%)}.bombi-flip{padding:calc(var(--padding-y) / 2) 0}.bombi-flip .flip-clock{width:calc(var(--card-size) * .5);height:calc(var(--card-size) * .5);font-size:calc(var(--timer-font-size) * .5)}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/jci-flip-countdown.css.map */