/* Shuttle Bus Classic V1.0.16 — replacement fuel notice ONLY.
 * Intentionally leaves all existing V1 page, header, nav and card styles intact.
 */
.sbs-site .sbs-fuel-notice {
    position:relative;
    z-index:21;
    width:100%;
    background:#bd1c2b;
    color:#fff;
    border-bottom:1px solid #9e1220;
    overflow:hidden;
}
.sbs-site .sbs-fuel-notice-viewport {overflow:hidden;width:100%;}
.sbs-site .sbs-fuel-notice-track {
    display:flex;
    align-items:center;
    width:max-content;
    min-height:39px;
    animation:sbs-classic-v116-marquee 40s linear infinite;
    will-change:transform;
}
.sbs-site .sbs-fuel-notice-copy {
    flex:0 0 auto;
    display:block;
    white-space:nowrap;
    font-family:Inter,"Avenir Next","Segoe UI",system-ui,sans-serif;
    font-size:12px;
    font-weight:600;
    line-height:1.5;
    letter-spacing:.012em;
    color:#fff;
    padding:9px 48px;
}
.sbs-site .sbs-fuel-notice-copy strong {font-weight:850;color:#fff;}
@keyframes sbs-classic-v116-marquee {
    from {transform:translateX(0)}
    to {transform:translateX(-50%)}
}
/* Screen readers get a single non-scrolling full notice. */
.sbs-site .sbs-fuel-notice-sr {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}
@media (hover:hover) and (pointer:fine) {
    .sbs-site .sbs-fuel-notice:hover .sbs-fuel-notice-track {animation-play-state:paused}
}
@media (max-width:680px) {
    .sbs-site .sbs-fuel-notice-track {min-height:41px}
    .sbs-site .sbs-fuel-notice-copy {font-size:12px;padding:10px 32px}
}
@media (prefers-reduced-motion:reduce) {
    .sbs-site .sbs-fuel-notice-track {animation:none;display:block;width:auto;will-change:auto}
    .sbs-site .sbs-fuel-notice-copy {white-space:normal;padding:12px 20px}
    .sbs-site .sbs-fuel-notice-copy + .sbs-fuel-notice-copy {display:none}
}
