.booom-countdown .relative{position:relative}.booom-countdown .flex{display:flex}.booom-countdown .origin-left{transform-origin:left}.booom-countdown .scale-75{--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booom-countdown .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.booom-countdown .border{border-width:1px}.booom-countdown .lowercase{text-transform:lowercase}.booom-countdown .transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.booom-countdown .countdown-container{display:flex;gap:1rem}.booom-countdown .countdown-item{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.booom-countdown .countdown-value{border:2px solid #00FF4D;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:75px;width:75px;font-size:2rem;font-weight:800;color:#00FF4D;line-height:1;margin-bottom:.25rem}.booom-countdown .countdown-label{font-size:1rem;color:#fff;font-weight:300;text-transform:lowercase;opacity:.8}.booom-countdown .countdown-value{transition:all .15s ease}.booom-countdown .countdown-value.updating{transform:scale(1.05)}.booom-countdown .countdown-item{box-shadow:0 0 20px rgba(0,255,136,.1);transition:box-shadow .3s ease}.booom-countdown .countdown-item:hover{box-shadow:0 0 30px rgba(0,255,136,.2)}@media (min-width: 768px){.booom-countdown .md\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}