.gzfc-counter-wrap{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.gzfc-counter{
    --gzfc-text-color:#ffffff;
    --gzfc-bg-color:transparent;
    --gzfc-number-size:48px;
    --gzfc-label-size:20px;
    --gzfc-number-weight:800;
    --gzfc-label-weight:600;
    --gzfc-number-letter-spacing:0px;
    --gzfc-item-gap:18px;
    --gzfc-unit-gap:4px;
    --gzfc-mobile-number-size:28px;
    --gzfc-mobile-label-size:14px;
    --gzfc-mobile-item-gap:12px;
    --gzfc-mobile-unit-gap:4px;
    --gzfc-font-variant:tabular-nums lining-nums;
    color:var(--gzfc-text-color);
    font-variant-numeric:var(--gzfc-font-variant);
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:auto;
    max-width:100%;
    text-align:center;
    box-sizing:border-box;
}

.gzfc-counter .gzfc-grid{
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:var(--gzfc-item-gap);
    flex-wrap:nowrap;
}

.gzfc-counter.is-two-rows .gzfc-grid{
    max-width:min(760px,100%);
    flex-wrap:wrap;
}

.gzfc-counter .gzfc-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:max-content;
    box-sizing:border-box;
}

.gzfc-counter .gzfc-number{
    display:block;
    font-size:var(--gzfc-number-size);
    font-weight:var(--gzfc-number-weight);
    line-height:1;
    letter-spacing:var(--gzfc-number-letter-spacing);
    transition:transform .28s ease, opacity .28s ease, filter .28s ease;
    backface-visibility:hidden;
}

.gzfc-counter .gzfc-number.is-changed{
    transform:translateY(-2px) scale(1.04);
    filter:brightness(1.15);
}

.gzfc-counter .gzfc-label{
    display:block;
    margin-top:var(--gzfc-unit-gap);
    font-size:var(--gzfc-label-size);
    font-weight:var(--gzfc-label-weight);
    line-height:1.15;
    opacity:.92;
}

.gzfc-counter .is-hidden,
.gzfc-counter .is-hidden-by-config{
    display:none !important;
}

.gzfc-counter .gzfc-ended-text{
    font-size:var(--gzfc-label-size);
    font-weight:var(--gzfc-label-weight);
    line-height:1.5;
    word-break:break-word;
}

.gzfc-counter.is-style-pure_digits .gzfc-grid{
    gap:var(--gzfc-item-gap);
}

.gzfc-counter.is-style-pure_digits .gzfc-item,
.gzfc-counter.is-style-underline .gzfc-item,
.gzfc-counter.is-style-outline .gzfc-item{
    padding:0;
    background:transparent;
}

.gzfc-counter.is-style-flat .gzfc-item,
.gzfc-counter.is-style-flip .gzfc-item,
.gzfc-counter.is-style-split .gzfc-item,
.gzfc-counter.is-style-outline .gzfc-item{
    min-width:112px;
}

.gzfc-counter.is-style-flat .gzfc-item{
    background:var(--gzfc-bg-color);
    border-radius:14px;
    padding:18px 16px;
}

.gzfc-counter.is-style-flip .gzfc-item{
    background:var(--gzfc-bg-color);
    border-radius:16px;
    padding:20px 18px 18px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.22);
    position:relative;
    overflow:hidden;
}

.gzfc-counter.is-style-flip .gzfc-item::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    background:rgba(255,255,255,.16);
    transform:translateY(-50%);
}

.gzfc-counter.is-style-flip .gzfc-number.is-changed{
    animation:gzfcFlip .55s ease;
}

.gzfc-counter.is-style-split .gzfc-item{
    background:var(--gzfc-bg-color);
    border-radius:12px;
    padding:18px 16px;
    position:relative;
    box-shadow:0 0 0 1px rgba(255,255,255,.12) inset;
    overflow:hidden;
}

.gzfc-counter.is-style-split .gzfc-item::before{
    content:"";
    position:absolute;
    inset:0 0 50% 0;
    background:rgba(255,255,255,.08);
}

.gzfc-counter.is-style-split .gzfc-item::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    border-top:1px solid rgba(255,255,255,.18);
    transform:translateY(-50%);
}

.gzfc-counter.is-style-underline .gzfc-item{
    padding:0 4px 10px;
    border-bottom:2px solid currentColor;
}

.gzfc-counter.is-style-outline .gzfc-item{
    border:1px solid currentColor;
    border-radius:999px;
    padding:14px 18px;
}

.gzfc-counter.is-style-pure_digits .gzfc-label,
.gzfc-counter.is-style-underline .gzfc-label{
    opacity:.82;
}

.gzfc-counter.is-admin-preview{
    padding:18px 0;
}

@keyframes gzfcFlip{
    0%{transform:rotateX(0deg);opacity:1;}
    45%{transform:rotateX(90deg);opacity:.55;}
    100%{transform:rotateX(0deg);opacity:1;}
}

@media (max-width: 767px){
    .gzfc-counter .gzfc-grid{
        gap:var(--gzfc-mobile-item-gap);
        flex-wrap:wrap;
    }

    .gzfc-counter .gzfc-number{
        font-size:var(--gzfc-mobile-number-size);
    }

    .gzfc-counter .gzfc-label,
    .gzfc-counter .gzfc-ended-text{
        font-size:var(--gzfc-mobile-label-size);
    }

    .gzfc-counter .gzfc-label{
        margin-top:var(--gzfc-mobile-unit-gap);
    }

    .gzfc-counter.is-style-flat .gzfc-item,
    .gzfc-counter.is-style-flip .gzfc-item,
    .gzfc-counter.is-style-split .gzfc-item,
    .gzfc-counter.is-style-outline .gzfc-item{
        min-width:84px;
        padding:14px 12px;
    }

    .gzfc-counter.is-style-outline .gzfc-item{
        padding:10px 14px;
    }

    .gzfc-counter.is-style-underline .gzfc-item{
        padding-bottom:8px;
    }
}
