.fade-enter-active, .fade-leave-active {
    transition: opacity 300ms;
}
.fade-enter-from, .fade-leave-to {
    opacity: 0;
}
.fade-enter-to, .fade-leave-from {
    opacity: 1;
}
.streamed-new-item {
    background-color: lightgreen;
}
.streamed-removed-item {
    background-color: lightcoral;
}
.fade-background {
    transition: background-color 2000ms;
}
/* Tom Select copies .form-select onto its wrapper: no dropdown arrow on a type-to-search field */
.ts-wrapper.form-select {
    background-image: none;
}
/* SearchInput: the suggestions show only while focus is in the search box */
.search-suggest:focus-within > .dropdown-menu {
    display: block;
}
/* TargetSessions: the stepper fills its row (mobile first: wide field, big buttons) */
.number-input.number-input-fill {
    flex: 1 1 auto;
    width: auto;
}
.number-input.number-input-fill > .form-control {
    flex: 1 1 auto;
}