custom-countdown-timer.cct{display:inline-flex;align-items:center;gap:.55rem;vertical-align:middle}.cct__label{color:var(--cct-label, currentColor);font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;line-height:1}.cct__units{display:flex;align-items:flex-start;gap:.3rem}.cct__unit{display:flex;flex-direction:column;align-items:center;gap:.16rem}.cct__uname{color:var(--cct-unit, currentColor);font-size:.58rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1}.cct__number{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.cct__digit{display:block;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;white-space:nowrap}.cct__digit--nxt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.cct--boxes .cct__number{background-color:var(--cct-bg, #ffffff);border-radius:.38rem;min-width:2rem;padding:.28rem .4rem;box-shadow:0 1px 3px #0000001f}.cct--boxes .cct__digit--cur,.cct--boxes .cct__digit--nxt{color:var(--cct-num, #000);font-size:.88rem}.cct--boxes .cct__digit--nxt{transform:translateY(-110%)}@keyframes cct-boxes-cur-out{to{transform:translateY(110%)}}@keyframes cct-boxes-nxt-in{0%{transform:translateY(-110%)}to{transform:translateY(0)}}.cct--boxes .cct__number.cct--tick .cct__digit--cur{animation:cct-boxes-cur-out .3s cubic-bezier(.4,0,.2,1) forwards}.cct--boxes .cct__number.cct--tick .cct__digit--nxt{animation:cct-boxes-nxt-in .3s cubic-bezier(.4,0,.2,1) forwards}.cct--minimal .cct__number{min-width:1.6rem}.cct--minimal .cct__digit--cur,.cct--minimal .cct__digit--nxt{color:var(--cct-num, currentColor);font-size:.92rem}.cct--minimal .cct__digit--nxt{opacity:0;transform:scale(.8) translateY(-40%)}.cct--minimal .cct__unit:not(:last-child):after{content:":";display:flex;align-items:center;color:var(--cct-num, currentColor);font-weight:700;font-size:.9rem;line-height:1;align-self:flex-start;padding-top:.1rem;margin:0 .05rem}@keyframes cct-min-cur-out{to{opacity:0;transform:scale(1.1) translateY(30%)}}@keyframes cct-min-nxt-in{0%{opacity:0;transform:scale(.8) translateY(-40%)}to{opacity:1;transform:scale(1) translateY(0)}}.cct--minimal .cct__number.cct--tick .cct__digit--cur{animation:cct-min-cur-out .22s ease-in forwards}.cct--minimal .cct__number.cct--tick .cct__digit--nxt{animation:cct-min-nxt-in .22s ease-out .18s both}.cct--flip .cct__units{gap:.35rem}.cct--flip .cct__number{background-color:var(--cct-bg, #ffffff);border-radius:.4rem;min-width:2.2rem;padding:.3rem .46rem;box-shadow:0 2px 6px #0000002e;perspective:300px;transform-style:preserve-3d}.cct--flip .cct__digit--cur,.cct--flip .cct__digit--nxt{color:var(--cct-num, #000);font-size:.92rem;backface-visibility:hidden}.cct--flip .cct__digit--nxt{opacity:0;transform:rotateX(-90deg);transform-origin:center bottom}@keyframes cct-flip-cur-out{0%{transform:rotateX(0);opacity:1}to{transform:rotateX(90deg);opacity:0}}@keyframes cct-flip-nxt-in{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}.cct--flip .cct__number.cct--tick .cct__digit--cur{animation:cct-flip-cur-out .22s ease-in forwards}.cct--flip .cct__number.cct--tick .cct__digit--nxt{animation:cct-flip-nxt-in .22s ease-out .2s both}@media(max-width:768px){.cct__label{font-size:.64rem}.cct__uname{font-size:.54rem}.cct--boxes .cct__digit--cur,.cct--boxes .cct__digit--nxt{font-size:.8rem}.cct--boxes .cct__number{min-width:1.75rem;padding:.24rem .34rem}.cct--flip .cct__number{min-width:1.9rem;padding:.26rem .38rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-countdown-timer.css.map */