/* Vector icons keep the same stroke and color on iOS, Android and desktop. */
.ui-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:-3px;background:currentColor;-webkit-mask:var(--icon-shape) center/contain no-repeat;mask:var(--icon-shape) center/contain no-repeat;--icon-shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.icon-down{transform:rotate(135deg)}
.icon-up{transform:rotate(-45deg)}
.icon-left{transform:rotate(-135deg)}
.icon-play{width:11px;height:11px;flex-basis:11px;--icon-shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 4 14 8-14 8z'/%3E%3C/svg%3E")}
.product a .ui-icon{color:var(--red)}
@media(max-width:700px){
  body{--rail-width:0px}
  .route-track{display:none}
  .nav-quote{white-space:nowrap;gap:10px}
  .nav-quote .ui-icon{width:17px;height:17px;flex-basis:17px}
}
@media(max-width:360px){
  header{padding-inline:14px}
  .brand span{font-size:11px}
  .nav-quote{padding-inline:10px;gap:7px}
}