/* Layered important rules override the legacy unlayered picker declarations. */
@layer device-controls357 {
  .road-hero .road-controls { position:absolute!important; inset:14px 14px auto auto!important; display:flex!important; gap:6px!important; align-items:center!important; z-index:3!important; padding:4px!important; border-radius:6px!important; background:#182026d9!important; color:#fff!important; }
  .road-hero .road-controls button { width:32px!important; height:32px!important; min-width:32px!important; padding:0!important; color:#fff!important; }
  .road-hero .road-controls * { color:#fff!important; -webkit-text-fill-color:#fff!important; }
  .road-hero .road-controls[hidden] { display:none!important; }
  .road-hero .road-scene { transition:opacity 900ms ease-in-out!important; }
  @media (max-width:760px), (pointer:coarse) {
    :root body select:not([multiple]):not([size]) {
      appearance:auto!important;
      -webkit-appearance:menulist!important;
      display:block!important;
      background-image:none!important;
      box-sizing:border-box!important;
      min-width:0!important;
      max-width:100%!important;
      padding-inline-end:32px!important;
      font-size:16px!important;
    }
    :root body select:not([multiple]):not([size])::picker-icon { display:none!important; border:0!important; }
    :root body select option { display:block!important; }
  }
  @supports (appearance:base-select) {
    @media (min-width:761px) and (pointer:fine) {
      :root body select:not([multiple]):not([size]) { display:flex!important; align-items:center!important; }
    }
  }
  html[data-pa-motion=reduced] .road-hero .road-scene,
  body.accessibility-reduce-motion .road-hero .road-scene { transition:none!important; }
}