#toast-container.liveEventPopup {
    right: 13px;
}

#toast-container.liveEventPopup .toast {
    background: var(--ms-color-white);
    color: var(--ms-color-primary);
    padding: 10px 15px;
    width: 100%;
    opacity: 1;
    max-width: 360px;
    line-height: 16px;
    border-radius: 10px;
    box-shadow: var(--ms-color-dark) 5px 5px 15px -15px;
}

#toast-container.liveEventPopup .toast .toast-message {
    display: flex;
    align-items: center;
}

#toast-container.liveEventPopup .toast .toast-message .eventTitle {
    font-size: 13px;
    display: block;
    font-weight: normal;
    margin-bottom: 1px;
}

#toast-container.liveEventPopup .toast .toast-message .eventContent {
    color: black;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0;
    flex: 1;
}

#toast-container.liveEventPopup .toast .toast-message .eventContent .eventMessage {

}

#toast-container.liveEventPopup .toast .toast-message .eventDate {
    opacity: 0.7;
    line-height:  1;
    display: block;
    margin-top: 10px;
}

#toast-container.liveEventPopup .toast .eventImage {
    width:70px;
    height: 60px;
    object-fit: contain;
    background: white;
    border-left: 1px solid var(--ms-color-light);
    padding-left: 10px;
}

@media (max-width: 575px) {
    #toast-container.liveEventPopup.no-mobile {
        display: none !important;
    }
    #toast-container.liveEventPopup .toast {
        width: 100%;
        max-width: 100%;
    }
}