.top-tasks-header {
    background-color: var(--background-color, #4A86FC);
}

.top-tasks-header__center {
    grid-row-gap: var(--grid-row-gap, 1rem);
}

.top-tasks-header__center__left {
    order: calc(1 + (var(--openingHoursOnTop, 0) * 1));
}

.top-tasks-header__center__right {
    order: calc(2 - (var(--openingHoursOnTop, 0) * 1));
}

@media (min-width: 30rem) {
    .top-tasks-header {
        min-height: var(--minimum-height, 25vw);
    }
}