/*!
 * Themeasy — Countdown Timer
 *
 * Three skins share the base ticker layout and differ only in how each unit
 * presents the current value: boxes (a card per unit), inline (flowing digits
 * with optional separators) and circles (a radial ring per unit that fills
 * toward the next tick). Public --tms-* tokens are consumed with literal
 * fallbacks so light/dark themes both render; the widget is fully visible with
 * no JS and tick transitions bow out under prefers-reduced-motion.
 *
 * @author Themeasy
 * @link https://themeasy.co
 * @since 1.0.0
 */
.tms-countdown-timer{--tms-countdown-gap:16px;--tms-countdown-value-gap:4px;--tms-countdown-tick-duration:.24s;justify-content:center;align-items:stretch;gap:var(--tms-countdown-gap);flex-direction:column;display:flex}.tms-countdown-timer__ticker{align-items:center;justify-content:inherit;gap:var(--tms-countdown-gap);flex-wrap:wrap;display:flex}.tms-countdown-timer[data-expired=hide]{display:none}.tms-countdown-timer__unit{justify-content:center;align-items:center;gap:var(--tms-countdown-value-gap);text-align:center;flex-direction:column;line-height:1;display:flex;position:relative}.tms-countdown-timer__value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;transition:transform var(--tms-countdown-tick-duration) ease, opacity var(--tms-countdown-tick-duration) ease;line-height:1;display:inline-block}.tms-countdown-timer__unit--ticking .tms-countdown-timer__value{opacity:.65;transform:translateY(-2px)}.tms-countdown-timer__label{letter-spacing:.02em;font-size:.8125em;display:inline-block}.tms-countdown-timer__sr-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tms-countdown-timer--skin-boxes .tms-countdown-timer__ticker{flex-wrap:wrap}.tms-countdown-timer--skin-boxes .tms-countdown-timer__unit{background-color:var(--tms-surface,#0000000a);border-radius:var(--tms-radius-md,8px)}.tms-countdown-timer--skin-boxes .tms-countdown-timer__value{font-size:2.5em;font-weight:700}.tms-countdown-timer--skin-inline .tms-countdown-timer__ticker{gap:calc(var(--tms-countdown-gap) / 2)}.tms-countdown-timer--skin-inline .tms-countdown-timer__unit{gap:calc(var(--tms-countdown-value-gap) / 2)}.tms-countdown-timer--skin-inline .tms-countdown-timer__value{font-size:2.25em;font-weight:700}.tms-countdown-timer__separator{opacity:.5;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:2.25em;font-weight:700;line-height:1;display:inline-flex}.tms-countdown-timer--skin-circles{--tms-countdown-ring-size:120px;--tms-countdown-ring-thickness:6px;--tms-countdown-ring-track:#0000001a;--tms-countdown-ring-progress:var(--tms-primary-color,#3772ff);--tms-countdown-ring-inner:transparent}.tms-countdown-timer--skin-circles .tms-countdown-timer__unit{gap:var(--tms-countdown-value-gap,8px)}.tms-countdown-timer--skin-circles .tms-countdown-timer__ring{width:var(--tms-countdown-ring-size);height:var(--tms-countdown-ring-size);border-radius:50%;position:relative}.tms-countdown-timer--skin-circles .tms-countdown-timer__ring-track{border-radius:inherit;background:var(--tms-countdown-ring-track);-webkit-mask:radial-gradient(circle at center, transparent calc(50% - var(--tms-countdown-ring-thickness)), #000 calc(50% - var(--tms-countdown-ring-thickness) + 1px));-webkit-mask:radial-gradient(circle at center, transparent calc(50% - var(--tms-countdown-ring-thickness)), #000 calc(50% - var(--tms-countdown-ring-thickness) + 1px));mask:radial-gradient(circle at center, transparent calc(50% - var(--tms-countdown-ring-thickness)), #000 calc(50% - var(--tms-countdown-ring-thickness) + 1px));position:absolute;top:0;bottom:0;left:0;right:0}.tms-countdown-timer--skin-circles .tms-countdown-timer__ring-progress{border-radius:inherit;background:conic-gradient(var(--tms-countdown-ring-progress) calc(var(--progress,0) * 1deg), transparent 0);-webkit-mask:radial-gradient(circle at center, transparent calc(50% - var(--tms-countdown-ring-thickness)), #000 calc(50% - var(--tms-countdown-ring-thickness) + 1px));-webkit-mask:radial-gradient(circle at center, transparent calc(50% - var(--tms-countdown-ring-thickness)), #000 calc(50% - var(--tms-countdown-ring-thickness) + 1px));mask:radial-gradient(circle at center, transparent calc(50% - var(--tms-countdown-ring-thickness)), #000 calc(50% - var(--tms-countdown-ring-thickness) + 1px));transition:background var(--tms-countdown-tick-duration) linear;position:absolute;top:0;bottom:0;left:0;right:0}.tms-countdown-timer--skin-circles .tms-countdown-timer__ring-inner{inset:var(--tms-countdown-ring-thickness);background:var(--tms-countdown-ring-inner);border-radius:50%;position:absolute}.tms-countdown-timer--skin-circles .tms-countdown-timer__value{pointer-events:none;justify-content:center;align-items:center;font-size:1.75em;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.tms-countdown-timer--skin-circles .tms-countdown-timer__unit{min-width:var(--tms-countdown-ring-size)}.tms-countdown-timer__expire{margin:0}.tms-countdown-timer[data-expired=message] .tms-countdown-timer__ticker{display:none}.tms-countdown-timer[data-expired=message] .tms-countdown-timer__expire[hidden]{display:block}@media (prefers-reduced-motion:reduce){.tms-countdown-timer__value,.tms-countdown-timer--skin-circles .tms-countdown-timer__ring-progress{transition:none}.tms-countdown-timer__unit--ticking .tms-countdown-timer__value{opacity:1;transform:none}}