countdown-bar{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:10px;width:100%;min-height:52px;padding:0 16px;margin:0;background:#fff;border:0;border-bottom:1px solid #ececec;border-radius:0;box-shadow:none;white-space:nowrap;overflow:hidden}.countdown-bar__days{display:none}.contdown-bar__label{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;line-height:1;color:#222;white-space:nowrap}.contdown-bar__label:before{content:"\26a1";font-size:18px;line-height:1;color:#ff8a00}.countdown-bar__items{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:10px;padding:0;margin:0;border:0;background:none;font-weight:700;white-space:nowrap}.countdown-bar__item{position:relative;display:inline-flex;align-items:baseline;gap:1px;line-height:1}.countdown-bar .countdown-bar__item:not(:first-child):before{content:none}.countdown-bar__number{--col-number: 1;display:inline-grid;grid-template-columns:repeat(var(--col-number),minmax(.6ch,auto));justify-content:center;font-size:17px;font-weight:700;line-height:1;color:#11b8d6;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.countdown-bar__number:has(:nth-child(2)){--col-number: 2}.countdown-bar__number:has(:nth-child(3)){--col-number: 3}.countdown-bar__number:has(:nth-child(4)){--col-number: 4}.countdown-bar__number:has(:nth-child(5)){--col-number: 5}.countdown-bar__title{display:inline;font-size:15px;font-weight:700;line-height:1;color:#11b8d6;text-transform:lowercase;letter-spacing:0;margin:0}countdown-digit{display:inline-block}countdown-digit.js-animated{animation:digitAppearance .5s linear}@media screen and (max-width:749px){countdown-bar{gap:8px;padding:0 12px;min-height:48px}.contdown-bar__label{font-size:14px;gap:6px}.contdown-bar__label:before{font-size:16px}.countdown-bar__items{gap:8px}.countdown-bar__number{font-size:15px}.countdown-bar__title{font-size:13px}}@media screen and (max-width:400px){countdown-bar{gap:6px;padding:0 10px}.contdown-bar__label{font-size:13px}.countdown-bar__items{gap:6px}.countdown-bar__number{font-size:14px}.countdown-bar__title{font-size:12px}}@keyframes digitAppearance{0%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-8px)}51%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-countdown-bar.css.map */