.time-and-place {
    display: flex;
    flex-direction: column;
    gap: 0px;
    font-size: var(--font-size-small);

    &.single-event {
        font-size: var(--font-size-medium);
        gap: 2px;

        .icon-container {
            width: 22px;
            height: 22px;

            img {
                width: 13px;
            }
        }
    }
}

.bde-loop-item .time-and-place {
    font-size: var(--font-size-small) !important;
    line-height: 120%;
}

.time-and-place-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;

    .icon-container {
        border-radius: 100px;
        background: var(--Background-3, #F9F5F6);
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        aspect-ratio: 1/1;

        img {
            width: 10px;
        }
    }
}