.js-releaseNote {display: none}

/* Colors */
.releaseNote--header.green {background-color: var(--dg-color-toasts-green)}
.releaseNote--header.orange {background-color: var(--dg-color-toasts-orange)}

.releaseNote--header:first-child {margin-top: 0.5rem}
.releaseNote--header {
    display: flex;
    
    color: white;
    font-weight: bold;

    border-radius: 6px;
    padding: 0.2rem 0.5rem;

    width: fit-content;
    width: -moz-fit-content;

    margin: 1rem 0 0.5rem 0;
}

.releaseNote--header * {color: white !important}
.releaseNote--header div {font-weight: bold}
.releaseNote--header i {font-size: 0.8rem; line-height: 1.3rem; margin-right: 0.5rem}


/* ! BEG: Overwrite Toasts ==================================================================*/

/* .toast.release-notes .fa-info-circle {color: var(--dg-color-toasts-blue)} */

.toast.release-notes {
    grid-template-areas: 'icon title' 'body body';
    grid-gap: 0;
}

.toast.release-notes .toast--title.multiline {line-height: 1.56rem}
.toast.release-notes .toast--title {
    min-height: 2.7rem;
    line-height: 2.7rem;
}

/* Version number */
.releaseNote--previous-next > .flex-panel:first-child {text-align: left}
.releaseNote--previous-next > .flex-panel:last-child {text-align: right}
.releaseNote--previous-next > .flex-panel {display: inline; text-align: center}

/* Previous/Next Buttons */
.js-releaseNote--next:hover,
.js-releaseNote--previous:hover {cursor: pointer; font-weight: bold}
.releaseNote--previous-next > div {display: flex; gap: 0.5rem;}
.releaseNote--previous-next {
    display: flex;
    margin-top: 2rem;
}

.releaseNote--previous-next .fas {
    font-size: 1.3rem;
    text-align: 1.3rem;
    width: 1.3rem;
    height: 1.3rem;
    /* color: var(--dg-color-toasts-red); */
}

/* ! END: Overwrite Toasts ==================================================================*/