.wcsic-sale-countdown {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.45em;
    margin: 0.65em 0;
    font-family: var(--wcsic-font-family, inherit);
    font-size: var(--wcsic-font-size, 14px);
    line-height: var(--wcsic-line-height, 1.4);
    letter-spacing: var(--wcsic-letter-spacing, 0);
    text-transform: var(--wcsic-text-transform, none);
}

.wcsic-sale-countdown__label {
    color: var(--wcsic-label-color, inherit);
    font-weight: var(--wcsic-label-weight, 600);
}

.wcsic-sale-countdown__time {
    display: inline-flex;
    align-items: baseline;
    gap: 0.18em;
    font-variant-numeric: tabular-nums;
}

.wcsic-sale-countdown__time > span {
    min-width: 2ch;
    color: var(--wcsic-digit-color, inherit);
    font-weight: var(--wcsic-digit-weight, 700);
    text-align: right;
}

.wcsic-sale-countdown__time > small {
    margin-right: 0.18em;
    font-size: 0.78em;
    opacity: 0.75;
}

.wcsic-sale-countdown--boxed .wcsic-sale-countdown__time > span {
    padding: 0.18em 0.32em;
    border-radius: 3px;
    background: var(--wcsic-box-background, rgba(0, 0, 0, 0.08));
    text-align: center;
}

.wcsic-sale-countdown--align-center {
    justify-content: center;
}

.wcsic-sale-countdown--align-right {
    justify-content: flex-end;
}

.wcsic-sale-countdown--container {
    box-sizing: border-box;
    padding: var(--wcsic-container-padding, 12px);
    border: var(--wcsic-container-border-width, 1px) solid var(--wcsic-container-border-color, currentColor);
    border-radius: var(--wcsic-container-radius, 6px);
    background: var(--wcsic-container-background, transparent);
}

.wcsic-sale-countdown--container-fit {
    width: fit-content;
    max-width: 100%;
}

.wcsic-sale-countdown--container-fit.wcsic-sale-countdown--align-center {
    margin-right: auto;
    margin-left: auto;
}

.wcsic-sale-countdown--container-fit.wcsic-sale-countdown--align-right {
    margin-left: auto;
}

.wcsic-sale-countdown--container-full {
    width: 100%;
}
