.metaradio-block-guide-upcoming {
    display: flex;
    gap: 20px;
}
.metaradio-block-guide-upcoming.direction-columns {
    flex-direction: row;
}
.metaradio-block-guide-upcoming.direction-rows {
    flex-direction: column;
    max-width: 400px;
}
.metaradio-block-guide-upcoming .program-item {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: #F9F9F9;
    border-radius: 20px;
    font-size: 1rem;
}
.metaradio-block-guide-upcoming .program-item img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.metaradio-block-guide-upcoming .program-item .col-heading {
    min-height: 100px;
    margin: 0 10px;
}
.metaradio-block-guide-upcoming .program-item .field-name {
    font-weight: 800;
    display: block;
}
.metaradio-block-guide-upcoming .program-item .field-presenter {
    font-size: 0.9em;
    display: block;
    margin-top: 10px;
}
.metaradio-block-guide-upcoming .program-item .col-times {
    margin: auto 10px 15px 10px;
    font-size: 0.8em;
    color: #686868;
}
.metaradio-block-guide-upcoming .program-item .col-times .field-endtime:not(:empty)::before {
    content: ' - ';
}