body{width:100%;height:100vh;margin:0}#app{width:100%;height:100%;position:relative}#map{width:100%;height:100%}.tagip-logo-control{box-sizing:border-box;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#ffffffd6;border-radius:4px;width:clamp(192px,37.2vw,420px);padding:4px 10px;line-height:0;box-shadow:0 0 0 2px #0000001a}.tagip-logo-control img{width:100%;height:auto;display:block}.tagip-logo-control a{display:block}.traffic-legend-control{box-sizing:border-box;background-color:#ffffffb3;border-radius:4px;align-items:center;width:240px;min-height:29px;padding:0 10px;font:500 12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;display:flex}.traffic-legend-inline{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.legend-limit{color:#0d71b9;font-size:12px;font-weight:500;line-height:20px}.legend-strip{align-items:center;gap:4px;display:flex}.legend-swatch{border-radius:0;width:15px;height:6px;display:inline-block}.legend-fast{background:#08ac33}.legend-medium{background:#ffad00}.legend-slow{background:#a5010a}.legend-stop{background:#000}.refresh-time-control{cursor:pointer;box-sizing:border-box;background-color:#ffffffb3;border:none;border-radius:4px;align-items:center;gap:4px;min-height:29px;padding:0 10px;font:600 12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;display:inline-flex}.refresh-time-control:hover{background-color:#ffffffe6}.refresh-time-icon{font-size:12px;line-height:20px}