.es-office-live-status {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0;
    margin: 7px 0 0;
    min-height: 20px;
    color: #84746c;
}

.es-office-live-status__dot {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    margin: 0 8px 0 0;
    border-radius: 50%;
    background: #8d817b;
    box-shadow: 0 0 0 3px rgba(141, 129, 123, .10);
    transform: translateY(-1px);
}

.es-office-live-status__line {
    min-width: 0;
    color: #84746c;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
}

.es-office-live-status__state {
    color: #52291c;
    font-weight: 700;
}

.es-office-live-status__separator {
    padding: 0 5px;
    color: #a99991;
}

.es-office-live-status__hours {
    color: #84746c;
    font-weight: 500;
}

.es-office-live-status__visitor-time {
    flex-basis: 100%;
    margin: 3px 0 0 18px;
    color: #94847d;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
}

.es-office-live-status.is-open .es-office-live-status__dot {
    background: #2f8f57;
    box-shadow: 0 0 0 3px rgba(47, 143, 87, .13);
}

.es-office-live-status.is-closing_soon .es-office-live-status__dot {
    background: #d18a1b;
    box-shadow: 0 0 0 3px rgba(209, 138, 27, .13);
}

.es-office-live-status.is-closed .es-office-live-status__dot {
    background: #b13a32;
    box-shadow: 0 0 0 3px rgba(177, 58, 50, .13);
}

.es-office-live-status.is-unknown .es-office-live-status__dot {
    background: #8d817b;
}

[data-office-hours-legacy] {
    display: none !important;
}

@media (max-width: 767px) {
    .es-office-live-status__line {
        font-size: 14px;
    }

    .es-office-live-status__visitor-time {
        margin-left: 18px;
    }
}