/* Keep the old page visible while the browser prepares the next document. */
@view-transition { navigation: auto; }
html:has(body.sx-page) { background: #090909; }
::view-transition-old(root){animation:none;opacity:0}
::view-transition-new(root){animation:none}
.sx-bottom{view-transition-name:sx-bottom-nav}
::view-transition-old(sx-bottom-nav){animation:sx-footer-hold 220ms linear both}
::view-transition-new(sx-bottom-nav){animation:sx-footer-reveal 220ms linear both}
::view-transition-group(sx-bottom-nav){animation:none}
@keyframes sx-footer-hold{0%,99%{opacity:1}100%{opacity:0}}
@keyframes sx-footer-reveal{0%,99%{opacity:0}100%{opacity:1}}
.sx-nav-progress{position:fixed;top:0;left:50%;transform:translateX(-50%) scaleX(0);transform-origin:left;width:min(100%,360px);height:2px;background:#ffd314;z-index:10000;opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}
.sx-nav-progress.is-loading{transform:translateX(-50%) scaleX(.75);opacity:1}
@keyframes sx-content-arrive{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.sx-nav-enter{animation:sx-content-arrive 190ms ease-out both}
body.sx-page.sx-feed-page{background:#090909;overflow:hidden}
body.sx-feed-page .sx-shell{height:100dvh;min-height:0;padding-bottom:0;overflow:hidden}
body.sx-feed-page .sx-feed-frame{display:block;width:100%;height:calc(100dvh - var(--sx-nav-height,56px) - var(--sx-app-height,54px));border:0;background:#090909}
body.sx-feed-page:not(:has(.sx-app)) .sx-feed-frame{height:calc(100dvh - var(--sx-nav-height,56px))}
.sx-video-group{margin-bottom:16px}
.sx-video-group:last-of-type{margin-bottom:0}
.sx-carousel a.sx-banner-slide{color:#f7f7f4!important;text-decoration:none;cursor:pointer}
.sx-carousel .sx-banner-cta span{font-size:10px;margin-right:3px}