.ee-countdown { --ee-cd-gap: 12px; --ee-cd-unit-width: 76px; --ee-cd-unit-bg: rgba(0, 0, 0, 0.05); --ee-cd-unit-radius: 8px; --ee-cd-align: center; text-align: var(--ee-cd-align); } .ee-countdown--gone, .ee-countdown--ab-wait { display: none; } .ee-countdown__label { margin: 0 0 0.5em; font-weight: 600; } .ee-countdown__label--running, .ee-countdown__label--pending, .ee-countdown__timer, .ee-countdown__stock, .ee-countdown__message { display: none; } .ee-countdown[data-state="running"][data-timer="1"] .ee-countdown__label--running, .ee-countdown[data-state="pending"][data-timer="1"] .ee-countdown__label--pending { display: block; } .ee-countdown[data-timer="1"] .ee-countdown__timer { display: flex; } .ee-countdown[data-state="running"] .ee-countdown__stock, .ee-countdown[data-state="pending"] .ee-countdown__stock { display: block; } .ee-countdown__stock[hidden] { display: none !important; } .ee-countdown[data-state="expired"] .ee-countdown__message--expired, .ee-countdown[data-state="sold_out"] .ee-countdown__message--sold-out, .ee-countdown[data-state="no_sale"] .ee-countdown__message--no-sale, .ee-countdown[data-state="pending"][data-timer="0"] .ee-countdown__message--pending { display: block; } .ee-countdown--zero[data-state="expired"] .ee-countdown__message--expired { display: none; } .ee-countdown__timer { flex-wrap: wrap; align-items: center; justify-content: var(--ee-cd-align); gap: var(--ee-cd-gap); font-variant-numeric: tabular-nums; } .ee-countdown__unit { display: inline-flex; flex-direction: column; align-items: center; line-height: 1.1; } .ee-countdown__unit[hidden], .ee-countdown__sep[hidden] { display: none; } .ee-countdown__digits { font-size: 2.25em; font-weight: 700; } .ee-countdown__unit-label { margin-top: 0.3em; font-size: 0.75em; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.8; } .ee-countdown__sep { font-size: 2.25em; font-weight: 700; line-height: 1.1; align-self: flex-start; } .ee-countdown--boxes .ee-countdown__unit { min-width: var(--ee-cd-unit-width); padding: 0.6em 0.5em; border-radius: var(--ee-cd-unit-radius); background: var(--ee-cd-unit-bg); box-sizing: border-box; } .ee-countdown--inline .ee-countdown__timer { gap: calc(var(--ee-cd-gap) / 2); } .ee-countdown--inline .ee-countdown__unit { flex-direction: row; align-items: baseline; gap: 0.25em; } .ee-countdown--inline .ee-countdown__digits, .ee-countdown--inline .ee-countdown__sep { font-size: 1.5em; } .ee-countdown--inline .ee-countdown__unit-label { margin-top: 0; text-transform: none; letter-spacing: 0; font-size: 0.9em; } .ee-countdown__stock { margin: 0.75em 0 0; font-weight: 600; } .ee-countdown__stock-count { font-weight: 700; } .ee-countdown__message { margin: 0.25em 0 0; font-size: 1.1em; font-weight: 600; } .ee-countdown__sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .ee-countdown__errors { margin: 0 0 1em; padding: 0.75em 1em; border-left: 4px solid #d63638; background: #fcf0f1; color: #1d2327; font-size: 13px; text-align: left; } .ee-countdown__errors ul { margin: 0.4em 0 0 1.2em; padding: 0; } @media (max-width: 480px) { .ee-countdown--boxes .ee-countdown__unit { min-width: calc(var(--ee-cd-unit-width) * 0.8); } .ee-countdown__digits, .ee-countdown__sep { font-size: 1.8em; } }