.view .time.text {
    text-align: left;
    color: var(--ts-widget-astro-time-fg-color, --ts-widget-fg-color);
    font-size: var(--ts-widget-astro-time-font-size, 1.5em);
    font-weight: bold;
    display: var(--ts-widget-astro-text-display, "inline");
}

.nextevent .next {
    color: var(--ts-widget-astro-next-fg-color, "white");
    font-size: var(--ts-widget-astro-next-font-size, 2em);
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.view .time.icon {
    display: var(--ts-widget-astro-icon-display, "none");
    filter: var(--ts-widget-img-btn-filter, invert(1));
    width: 42px;
    height: 42px;
    margin-left: auto;
}

.view .shift {
    font-size: var(--ts-widget-astro-shift-font-size, 1em);
    color: var(--ts-widget-astro-shift-fg-color, #5d5d5d);
}

.container {
    display: flex;
    flex-direction: column;
}

#shift,
#time {
    font-size: 1.2rem;
    margin-top: 10px;
    margin-bottom: 10px;
}