/* One content transition; the mobile navigation and page background stay still. */
.fi-panel-player .fi-main { transition: opacity .18s ease; }
.sg-route-pending .fi-panel-player .fi-main { opacity: .84; }
.sg-route-arriving .fi-panel-player .fi-main {
    animation: sg-route-arrive .32s cubic-bezier(.2, .75, .3, 1) both;
}
.sg-route-arriving .sg-reveal { animation: none !important; }
.sg-mobile-nav a.is-pending {
    background: #dcebd6;
    color: #2f725a;
    box-shadow: inset 0 0 0 1px #adcbb36b;
}
@keyframes sg-route-arrive {
    from { opacity: .45; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .fi-panel-player .fi-main { transition: none; }
    .sg-route-pending .fi-panel-player .fi-main { opacity: 1; }
    .sg-route-arriving .fi-panel-player .fi-main { animation: none; }
}