.alter-down-time{--alter-countdown-bottom: #76d94f;--alter-countdown-top: #00aa30;--alter-countdown-text: #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--alter-countdown-text);font-family:Karla,Arial,sans-serif;text-align:center}.alter-down-time__title{font-size:22px;font-weight:600;line-height:1.36;color:#fff;margin-bottom:1.3rem;text-transform:capitalize}.alter-down-time__timer{display:flex;align-items:center;justify-content:center;gap:5px}.alter-down-time__unit{position:relative;display:flex;align-items:center;justify-content:center;width:55px;height:65px;overflow:hidden;border-radius:6px;background:var(--alter-countdown-bottom);box-shadow:inset 0 -1px #00000014;transform-style:preserve-3d}.alter-down-time__unit:before,.alter-down-time__unit:after{content:"";position:absolute;left:0;z-index:2;width:100%;pointer-events:none}.alter-down-time__unit:before{top:50%;z-index:4;height:1px;background:#00000024}.alter-down-time__unit:after{top:0;z-index:2;height:50%;background:linear-gradient(180deg,#fff3,#fff0)}.alter-down-time__unit-top{position:absolute;top:0;left:0;width:100%;height:50%;z-index:1;border-radius:6px 6px 0 0;background:var(--alter-countdown-top)}.alter-down-time__value{position:relative;z-index:5;display:block;min-width:2ch;font-size:36px;font-weight:600;line-height:1;color:var(--alter-countdown-text);font-variant-numeric:tabular-nums}.alter-down-time__separator{display:flex;align-items:center;justify-content:center;min-width:12px;font-size:36px;font-weight:700;line-height:1;color:var(--alter-countdown-text);font-variant-numeric:tabular-nums}.alter-down-time__unit.is-flipping .alter-down-time__value{animation:alterCountdownFlip .12s ease-out}@keyframes alterCountdownFlip{0%{transform:rotateX(0)}50%{transform:rotateX(-72deg) scaleY(.92)}to{transform:rotateX(0)}}@media screen and (max-width:749px){.alter-down-time{gap:5px}.alter-down-time__title{font-size:16px;line-height:1.38;margin-bottom:5px}.alter-down-time__timer{gap:4px}.alter-down-time__unit{width:42px;height:50px;border-radius:5px}.alter-down-time__unit-top{border-radius:5px 5px 0 0}.alter-down-time__value,.alter-down-time__separator{font-size:28px}.alter-down-time__separator{min-width:9px}}
/*# sourceMappingURL=/cdn/shop/t/261/assets/alter-down-time.css.map */