.direction-dial{color:#071923;width:128px;margin:0}.direction-dial svg{width:120px;height:120px;display:block;overflow:visible}.direction-dial path,.direction-dial circle,.direction-dial line{vector-effect:non-scaling-stroke}.direction-dial .dial-base{fill:#fff;stroke:#aab7bd;stroke-width:9px}.direction-dial .dial-good{fill:none;stroke:#cb8500;stroke-width:9px;stroke-linecap:butt}.direction-dial .dial-best{fill:none;stroke:#16834d;stroke-width:5px;stroke-linecap:round}.direction-dial .dial-needle{stroke:#b52f24;stroke-width:3px}.direction-dial .dial-current{fill:#b52f24;stroke:#fff;stroke-width:2px}.direction-dial .dial-hub{fill:#071923}.direction-dial text{fill:#071923;text-anchor:middle;dominant-baseline:middle;font:900 8px Arial,sans-serif}.direction-dial figcaption{color:#263b46;justify-content:center;gap:7px;margin-top:2px;font-size:9px;font-weight:900;display:flex}.direction-dial figcaption span{align-items:center;gap:3px;display:flex;color:#263b46!important}.direction-dial figcaption i{border-radius:2px;width:10px;height:4px;display:inline-block}.direction-dial .good-swatch{background:#cb8500}.direction-dial .best-swatch{background:#16834d}.direction-dial .current-swatch{background:#b52f24}@media (max-width:560px){.direction-dial{width:112px}.direction-dial svg{width:106px;height:106px}.direction-dial figcaption{gap:4px;font-size:8px}}