.countdown-flip{text-align:center;padding:2.5rem 1rem}.countdown-flip__heading{margin:0 0 1.5rem;font-weight:700;color:var(--countdown-flip-title, #3d2b1f)}.countdown-flip__timer{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:.35rem .5rem}.countdown-flip__group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.countdown-flip__digits{display:flex;gap:.35rem}.countdown-flip__colon{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:var(--countdown-flip-accent, #F96330);line-height:1.35}.countdown-flip__label{font-size:.8rem;font-weight:500;color:var(--countdown-flip-label, #3d2b1f);text-transform:capitalize}.countdown-flip__ended{margin-top:1rem;color:var(--countdown-flip-label, #3d2b1f);font-size:var(--text-font-size, 1rem)}.countdown-flip__timeline{margin:2rem auto 0;padding:0 .5rem;max-width:36rem}.countdown-flip__timeline-pill-suffix{display:none}.countdown-flip__timeline-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.countdown-flip__timeline-phases--labels{margin-bottom:.65rem}.countdown-flip__timeline-phases--dates{margin-top:.85rem}.countdown-flip__timeline-phase{display:flex;min-width:0}.countdown-flip__timeline-phases .countdown-flip__timeline-phase:nth-child(1){justify-content:flex-start}.countdown-flip__timeline-phases .countdown-flip__timeline-phase:nth-child(2){justify-content:center}.countdown-flip__timeline-phases .countdown-flip__timeline-phase:nth-child(3){justify-content:flex-end}.countdown-flip__timeline-label{display:block;font-size:clamp(.7rem,2vw,.875rem);font-weight:600;line-height:1.25;color:var(--countdown-flip-accent, #F96330)}.countdown-flip__timeline-phases .countdown-flip__timeline-phase:nth-child(1) .countdown-flip__timeline-label{text-align:left}.countdown-flip__timeline-phases .countdown-flip__timeline-phase:nth-child(2) .countdown-flip__timeline-label{text-align:center}.countdown-flip__timeline-phases .countdown-flip__timeline-phase:nth-child(3) .countdown-flip__timeline-label{text-align:right}.countdown-flip__timeline-bar{position:relative;padding:0 .45rem}.countdown-flip__timeline-track{position:relative;height:.75rem;background:color-mix(in srgb,var(--countdown-flip-accent, #F96330) 22%,transparent);border-radius:999px;overflow:hidden}.countdown-flip__timeline-progress{position:absolute;left:0;top:0;height:100%;width:0;background:var(--countdown-flip-digit-bg, linear-gradient(90deg, #EF8440 0%, #F96330 100%));border-radius:999px;transition:width .4s ease}.countdown-flip__timeline-markers{position:absolute;left:.45rem;right:.45rem;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.countdown-flip__timeline-marker{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;background:#f0823f;box-sizing:border-box;border:5px solid #FFDBC9;transition:width .25s ease,height .25s ease,background .25s ease,border .25s ease}.countdown-flip__timeline-marker.is-active{width:1.5rem;height:1.5rem;background:#ffdbc9;border:5px solid #F0823F}.countdown-flip__timeline-pill{display:inline-block;padding:.35rem .85rem;border-radius:999px;font-size:clamp(.65rem,1.8vw,.8rem);font-weight:600;line-height:1.3;white-space:nowrap;color:var(--countdown-flip-accent, #F96330);background:#fff;border:1.5px solid var(--countdown-flip-accent, #F96330)}.countdown-flip__timeline-phase.is-active .countdown-flip__timeline-pill{color:#fff;background:var(--countdown-flip-digit-bg, linear-gradient(90deg, #EF8440 0%, #F96330 100%));border-color:transparent}.roll-digit{--digit-h: clamp(4rem, 8vw, 4.5rem);position:relative;width:clamp(3rem,6vw,3rem);height:var(--digit-h);overflow:hidden;background:var(--countdown-flip-accent, #F96330);border-radius:8px;box-shadow:0 2px 6px color-mix(in srgb,var(--countdown-flip-accent, #F96330) 35%,transparent)}.roll-digit:after{content:"";position:absolute;left:0;right:0;top:50%;height:.5px;background:#fff;z-index:2;pointer-events:none}.roll-digit__reel{display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.23,1,.32,1);transform:translateY(calc(var(--digit, 0) * -1 * var(--digit-h)));will-change:transform}.roll-digit__reel span{flex:0 0 var(--digit-h);height:var(--digit-h);display:flex;align-items:center;justify-content:center;font-size:clamp(2.5rem,4.5vw,3rem);font-weight:700;line-height:1;color:var(--countdown-flip-digit-text, #ffffff);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.roll-digit__reel{transition:none}}@media only screen and (min-width:1301px){.countdown-flip__timeline{max-width:100%;padding:0 1rem}.countdown-flip__timeline-phases--labels{display:none}.countdown-flip__timeline-bar{margin-bottom:.85rem;padding:0 .45rem}.countdown-flip__timeline-phases--dates{margin-top:0}.countdown-flip__timeline-pill-suffix{display:inline}.countdown-flip__timeline-pill{padding:.4rem 1rem;font-size:clamp(.75rem,1.2vw,.875rem)}.countdown-flip__timeline-phases--dates .countdown-flip__timeline-phase:nth-child(1) .countdown-flip__timeline-pill{transform:translate(-36%)}.countdown-flip__timeline-phases--dates .countdown-flip__timeline-phase:nth-child(3) .countdown-flip__timeline-pill{transform:translate(46%)}}@media only screen and (max-width:1300px){.countdown-flip{padding:2rem .75rem}.countdown-flip__timer{gap:.25rem .35rem}.countdown-flip__digits{gap:.25rem}.countdown-flip__timeline{margin-top:1.5rem;padding:0 .25rem;max-width:88%}.countdown-flip__timeline-phases--labels{margin-bottom:.5rem}.countdown-flip__timeline-phases--dates{margin-top:.65rem}.countdown-flip__timeline-label{font-size:.625rem;line-height:1.2}.countdown-flip__timeline-phases .countdown-flip__timeline-phase:nth-child(3) .countdown-flip__timeline-label{text-align:right;white-space:nowrap;transform:translate(38%)}.countdown-flip__timeline-bar{padding:0 .35rem}.countdown-flip__timeline-track{height:.625rem}.countdown-flip__timeline-markers{left:.35rem;right:.35rem}.countdown-flip__timeline-marker,.countdown-flip__timeline-marker.is-active{width:1.1rem;height:1.1rem;border-width:3px}.countdown-flip__timeline-pill{padding:.28rem .5rem;font-size:.625rem;border-width:1px}.countdown-flip__timeline-phases--dates .countdown-flip__timeline-phase:nth-child(1) .countdown-flip__timeline-pill{transform:translate(-25%)}.countdown-flip__timeline-phases--dates .countdown-flip__timeline-phase:nth-child(3) .countdown-flip__timeline-pill{transform:translate(40%)}.countdown-flip__colon{transform:translateY(25%)}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/countdown-flip.css.map */