body:not(.mode--editor) .b_block.timer-expired,
body:not(.mode--editor) .component-timer.timer-expired {
    display: none
}

.component-timer {
    --fontSize: 40px;
    --labelSize: min(24px, calc(10px + var(--fontSize) / 20));
    max-width: 100%;
    overflow: hidden;
    color: var(--textColor, inherit);
    font-size: var(--fontSize);
    font-weight: var(--fontWeight, 400);
    font-style: var(--fontStyle, normal);
    line-height: var(--lineHeight, 1.083);
    letter-spacing: var(--letterSpacing, 0)
}

.component-timer,
.timer {
    display: flex;
    width: 100%;
    justify-content: inherit
}

.timer {
    align-items: flex-end
}

.timer .number {
    display: flex;
    flex-flow: column;
    align-items: center;
    white-space: nowrap;
    text-align: center
}

.timer .number:not(.d) {
    min-width: 2ch
}

.timer .number.d {
    min-width: 1ch
}

.timer .number.d .title i:first-child[data-value="0"],
.timer .number.d .title i:first-child[data-value="0"]+[data-value="0"] {
    display: none
}

.timer .number span {
    display: block;
    line-height: 1.2;
    font-size: var(--labelSize, 13px);
    margin-top: .5em;
    opacity: .6;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.timer .title {
    display: flex
}

.timer .title i {
    font: inherit;
    text-transform: inherit;
    display: inline-block;
    letter-spacing: inherit
}

.timer .colon {
    width: 1ch;
    align-self: flex-start;
    text-align: center
}