/* Motion starts after the loader; content remains usable without JavaScript. */
@keyframes sere-visible-rise {
    from { opacity: 0; transform: translateY(28px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes sere-visible-slide {
    from { opacity: 0; transform: translateX(-22px); }
    to { opacity: 1; transform: translateX(0); }
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink).sere-motion-ready [data-sere-enter] {
    animation: sere-visible-rise .8s cubic-bezier(.16,1,.3,1) var(--sere-motion-delay,0ms) backwards !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink).sere-motion-ready [data-sere-enter=slide] {
    animation-name: sere-visible-slide !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a > span,
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-account-links a {
    transition: transform .22s ease, opacity .22s ease !important;
}
body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a:hover > span { transform: translateX(4px); }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-account-links a:hover { transform: translateY(-2px); }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.ubs-submit,.sw-primary,.sw-secondary) i { transition: transform .22s ease !important; }
body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.ubs-submit,.sw-primary,.sw-secondary):hover i { transform: translateX(4px); }
@media(prefers-reduced-motion:reduce) {
    body.sere-starlink:is(#sere-monochrome,.sere-starlink).sere-motion-ready [data-sere-enter] { animation: none !important; }
    body.sere-starlink:is(#sere-monochrome,.sere-starlink) #side-bar a > span,
    body.sere-starlink:is(#sere-monochrome,.sere-starlink) .sere-account-links a,
    body.sere-starlink:is(#sere-monochrome,.sere-starlink) :is(.ubs-submit,.sw-primary,.sw-secondary) i { transition: none !important; transform: none !important; }
}