.fuchsct-countdown-wrapper {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-height: var(--fuchsct-min-height, 0px);
    gap: var(--fuchsct-gap, 10px);
    padding: var(--fuchsct-padding, 16px);
    margin-bottom: var(--fuchsct-margin-bottom, 0px);
    color: var(--fuchsct-countdown-color, #111111);
    background: var(--fuchsct-background-color, #ffffff);
    border: var(--fuchsct-border-width, 1px) solid var(--fuchsct-border-color, #dcdcde);
    border-radius: var(--fuchsct-border-radius, 8px);
}

.fuchsct-layout-desc-top,
.fuchsct-layout-desc-bottom {
    flex-direction: column;
}

.fuchsct-layout-desc-left,
.fuchsct-layout-desc-right {
    flex-direction: row;
}

.fuchsct-layout-desc-bottom {
    flex-direction: column-reverse;
}

.fuchsct-layout-desc-right {
    flex-direction: row-reverse;
}

.fuchsct-countdown-description {
    margin: 0;
    color: var(--fuchsct-description-color, #111111);
    font-size: var(--fuchsct-description-size, 20px);
    line-height: 1.4;
}

.fuchsct-countdown {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35em;
    line-height: 1.1;
    font-weight: 700;
    font-size: var(--fuchsct-countdown-size, 48px);
    color: var(--fuchsct-countdown-color, #111111);
}

.fuchsct-countdown-display-plain .fuchsct-countdown {
    font-variant-numeric: tabular-nums;
}

.fuchsct-countdown-segment {
    display: inline-flex;
    align-items: baseline;
    gap: 0.18em;
}

.fuchsct-countdown-value {
    font-variant-numeric: tabular-nums;
}

.fuchsct-countdown-unit {
    font-size: 0.42em;
    font-weight: 600;
    text-transform: none;
}

.fuchsct-countdown-end-text {
    display: block;
    width: 100%;
    color: var(--fuchsct-end-color, #b42318);
    font-size: var(--fuchsct-end-size, 18px);
    line-height: 1.4;
}

.fuchsct-countdown-end-text[hidden] {
    display: none !important;
}

.fuchsct-layout-desc-top.fuchsct-align-h-left,
.fuchsct-layout-desc-bottom.fuchsct-align-h-left {
    align-items: flex-start;
}

.fuchsct-layout-desc-top.fuchsct-align-h-center,
.fuchsct-layout-desc-bottom.fuchsct-align-h-center {
    align-items: center;
}

.fuchsct-layout-desc-top.fuchsct-align-h-right,
.fuchsct-layout-desc-bottom.fuchsct-align-h-right {
    align-items: flex-end;
}

.fuchsct-layout-desc-top.fuchsct-align-v-top,
.fuchsct-layout-desc-bottom.fuchsct-align-v-top {
    justify-content: flex-start;
}

.fuchsct-layout-desc-top.fuchsct-align-v-middle,
.fuchsct-layout-desc-bottom.fuchsct-align-v-middle {
    justify-content: center;
}

.fuchsct-layout-desc-top.fuchsct-align-v-bottom,
.fuchsct-layout-desc-bottom.fuchsct-align-v-bottom {
    justify-content: flex-end;
}

.fuchsct-layout-desc-left.fuchsct-align-h-left,
.fuchsct-layout-desc-right.fuchsct-align-h-left {
    justify-content: flex-start;
}

.fuchsct-layout-desc-left.fuchsct-align-h-center,
.fuchsct-layout-desc-right.fuchsct-align-h-center {
    justify-content: center;
}

.fuchsct-layout-desc-left.fuchsct-align-h-right,
.fuchsct-layout-desc-right.fuchsct-align-h-right {
    justify-content: flex-end;
}

.fuchsct-layout-desc-left.fuchsct-align-v-top,
.fuchsct-layout-desc-right.fuchsct-align-v-top {
    align-items: flex-start;
}

.fuchsct-layout-desc-left.fuchsct-align-v-middle,
.fuchsct-layout-desc-right.fuchsct-align-v-middle {
    align-items: center;
}

.fuchsct-layout-desc-left.fuchsct-align-v-bottom,
.fuchsct-layout-desc-right.fuchsct-align-v-bottom {
    align-items: flex-end;
}

.fuchsct-align-h-left {
    text-align: left;
}

.fuchsct-align-h-center {
    text-align: center;
}

.fuchsct-align-h-right {
    text-align: right;
}

.fuchsct-align-h-left .fuchsct-countdown {
    justify-content: flex-start;
}

.fuchsct-align-h-center .fuchsct-countdown {
    justify-content: center;
}

.fuchsct-align-h-right .fuchsct-countdown {
    justify-content: flex-end;
}

.fuchsct-countdown-admin-hint {
    padding: 10px 14px;
    border-left: 4px solid #d63638;
    background: #fff;
}

@media (max-width: 782px) {
    .fuchsct-layout-desc-left,
    .fuchsct-layout-desc-right {
        flex-direction: column;
    }

    .fuchsct-countdown-wrapper {
        min-height: initial;
    }
}