:root{--countdown-bg:var(--main-color);--countdown-color:var(--main-color);--countdown-unit-color:#fff;--countdown-ending-bg:red;--countdown-ending-color:red}.countdown{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:14px}.countdown .countdown-title{color:var(--countdown-color,var(--main-color))}.countdown .countdown-time{display:flex;gap:5px}.countdown .countdown-unit{background:var(--countdown-bg,var(--main-color));color:var(--countdown-unit-color);padding:2px 5px;border-radius:3px}.countdown .countdown-unit-tag{color:var(--countdown-color,var(--main-color))}.countdown.countdown-ending .countdown-title{color:var(--countdown-ending-color,var(--main-color))}.countdown.countdown-ending .countdown-unit{background:var(--countdown-ending-bg,var(--main-color))}.countdown.countdown-ending .countdown-unit-tag{color:var(--countdown-ending-color,var(--main-color))}.countdown.countdown-end .countdown-title{color:#999}.countdown.countdown-end .countdown-time{display:none}