/* AIO Summer's Boat - critical freight layout
   Loaded unconditionally so the React freight bar can never render unstyled. */
#aio-freight-topbar-root{
  display:block!important;
  width:100%!important;
  min-height:44px!important;
  max-height:none!important;
  background:#0092ab!important;
  color:#fff!important;
  overflow:visible!important;
  position:relative!important;
  z-index:250!important;
}
#aio-freight-topbar-root .aio-freight-topbar{
  --aio-freight-bg:#0092ab!important;
  --aio-freight-accent:#fff!important;
  --aio-freight-text:#fff!important;
  --aio-freight-rail:rgba(255,255,255,.25)!important;
  position:relative!important;
  width:100%!important;
  min-height:44px!important;
  height:auto!important;
  background:#0092ab!important;
  color:#fff!important;
  font-family:Montserrat,Arial,sans-serif!important;
  overflow:visible!important;
}
#aio-freight-topbar-root .aio-freight-topbar *{box-sizing:border-box!important}
#aio-freight-topbar-root .aio-freight-promo{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
#aio-freight-topbar-root .aio-freight-promo-link{display:block!important;width:100%!important;overflow:hidden!important;color:#fff!important;text-decoration:none!important}
#aio-freight-topbar-root .aio-freight-promo-track{display:flex!important;align-items:center!important;width:max-content!important;min-height:44px!important;animation:aioFreightTickerCritical 28s linear infinite!important;will-change:transform!important}
#aio-freight-topbar-root .aio-freight-promo-set{display:flex!important;align-items:center!important;flex:none!important;padding-right:36px!important}
#aio-freight-topbar-root .aio-freight-promo-item{display:inline-flex!important;align-items:center!important;gap:9px!important;font-size:13px!important;line-height:1!important;font-weight:800!important;letter-spacing:.015em!important;text-transform:uppercase!important;color:#fff!important}
#aio-freight-topbar-root .aio-freight-promo-item strong{color:#fff!important;font-weight:900!important}
#aio-freight-topbar-root .aio-freight-promo-sep{display:inline-block!important;width:4px!important;height:4px!important;min-width:4px!important;min-height:4px!important;margin:0 18px!important;border-radius:50%!important;background:#fff!important;opacity:.72!important}
#aio-freight-topbar-root .aio-freight-ticket{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  flex:0 0 22px!important;
  color:#fff!important;
  transform:rotate(-8deg)!important;
  overflow:hidden!important;
}
#aio-freight-topbar-root .aio-freight-ticket svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  stroke:#fff!important;
  fill:none!important;
  stroke-width:1.8!important;
}
@keyframes aioFreightTickerCritical{from{transform:translateX(0)}to{transform:translateX(-12.5%)}}

#aio-freight-topbar-root .aio-freight-progress{display:flex!important;align-items:center!important;min-height:52px!important;padding:5px 0!important;color:#fff!important}
#aio-freight-topbar-root .aio-freight-progress-inner{width:min(1180px,calc(100% - 36px))!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(240px,370px) minmax(280px,1fr) auto!important;align-items:center!important;gap:18px!important}
#aio-freight-topbar-root .aio-freight-meter-wrap{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
#aio-freight-topbar-root .aio-freight-truck{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;flex:0 0 28px!important;color:#fff!important}
#aio-freight-topbar-root .aio-freight-truck svg{display:block!important;width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;max-width:25px!important;max-height:25px!important;stroke:#fff!important;fill:none!important}
#aio-freight-topbar-root .aio-freight-meter{position:relative!important;flex:1!important;min-width:110px!important;height:12px!important;border-radius:999px!important;background:rgba(255,255,255,.25)!important;overflow:hidden!important}
#aio-freight-topbar-root .aio-freight-meter-fill{position:absolute!important;inset:0 auto 0 0!important;width:0;border-radius:inherit!important;background:linear-gradient(90deg,#fff,#d7f8ff)!important}
#aio-freight-topbar-root .aio-freight-meter-glow{position:absolute!important;inset:0!important}
#aio-freight-topbar-root .aio-freight-message{color:#fff!important;text-align:center!important;font-size:12px!important;line-height:1.3!important;font-weight:650!important}
#aio-freight-topbar-root .aio-freight-message *{color:#fff!important}
#aio-freight-topbar-root .aio-freight-location{position:relative!important;padding-left:16px!important;border-left:1px solid rgba(255,255,255,.38)!important}
#aio-freight-topbar-root .aio-freight-location-button{display:flex!important;align-items:center!important;gap:7px!important;padding:4px!important;border:0!important;background:transparent!important;color:#fff!important;font-weight:650!important;white-space:nowrap!important;cursor:pointer!important}
#aio-freight-topbar-root .aio-freight-pin{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;flex:0 0 20px!important}
#aio-freight-topbar-root .aio-freight-pin svg{display:block!important;width:20px!important;height:20px!important;stroke:#fff!important;fill:none!important}
#aio-freight-topbar-root .aio-freight-chevron{display:block!important;width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;max-width:13px!important;max-height:13px!important}
#aio-freight-topbar-root .aio-freight-location-popover{position:absolute!important;right:0!important;top:calc(100% + 10px)!important;z-index:300!important;width:320px!important;padding:16px!important;border-radius:12px!important;background:#fff!important;color:#162231!important;box-shadow:0 18px 45px rgba(0,0,0,.22)!important;border:1px solid rgba(7,27,42,.1)!important}
#aio-freight-topbar-root .aio-freight-location-popover *{color:inherit}
#aio-freight-topbar-root .aio-freight-topbar.is-promo .aio-freight-progress{display:none!important}
#aio-freight-topbar-root .aio-freight-topbar.is-progress .aio-freight-promo{display:none!important}

@media(max-width:900px){
  #aio-freight-topbar-root{min-height:42px!important}
  #aio-freight-topbar-root .aio-freight-promo{height:42px!important;min-height:42px!important}
  #aio-freight-topbar-root .aio-freight-promo-track{min-height:42px!important}
  #aio-freight-topbar-root .aio-freight-promo-item{font-size:11px!important}
  #aio-freight-topbar-root .aio-freight-ticket{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;max-width:19px!important;max-height:19px!important;flex-basis:19px!important}
  #aio-freight-topbar-root .aio-freight-ticket svg{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;max-width:19px!important;max-height:19px!important}
  #aio-freight-topbar-root .aio-freight-promo-sep{margin:0 12px!important}
  #aio-freight-topbar-root .aio-freight-progress-inner{width:calc(100% - 18px)!important;grid-template-columns:1fr auto!important;gap:7px 10px!important}
  #aio-freight-topbar-root .aio-freight-message{grid-column:1/3!important;grid-row:2!important;text-align:left!important;padding-left:34px!important;font-size:10.5px!important}
  #aio-freight-topbar-root .aio-freight-location{grid-column:2!important;grid-row:1!important;padding-left:8px!important;border-left:0!important}
}