.dd-steer{justify-items:center;gap:6px;width:160px;display:grid}@media (max-width:809px){.dd-steer{justify-self:center;width:120px}}.dd-wheel{width:100%;height:auto;animation:dd-steer-back var(--dur-film) var(--dd-ease-settle) calc(var(--delay-steer) + var(--dur-draw) + var(--delay-steer-hold)) both;display:block;rotate:none}@keyframes dd-steer-back{0%{rotate:var(--dd-steer-angle)}to{rotate:none}}.dd-wheel-datum{width:8px;height:28px;overflow:visible}.dd-wheel-datum-line{fill:none;stroke:var(--dd-blue);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.dd-wheel-datum-draw{fill:none;stroke:#fff;stroke-width:8px;stroke-dasharray:1 1;stroke-dashoffset:0;animation:dd-datum-draw var(--dur-draw) var(--dd-ease-in-out) var(--delay-steer) both}@keyframes dd-datum-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.dd-wheel-datum-hazard{fill:none;stroke:var(--dd-amber);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;opacity:0}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){:root:not([data-dd-motion=paused]) .dd-wheel-datum-hazard{animation:dd-datum-hazard var(--dur-film) linear calc(var(--delay-steer) + var(--dur-draw) + var(--delay-steer-hold) + var(--dur-film)) both}}@keyframes dd-datum-hazard{0%,6%{opacity:0}8%,30%{opacity:1}32%,56%{opacity:0}58%,80%{opacity:1}82%,to{opacity:0}}@media (prefers-reduced-motion:reduce),(scripting:none){.dd-wheel,.dd-wheel-datum-draw{animation:none}}.dd-steer-aside{justify-items:center;gap:20px;display:grid}@media (max-width:809px){.dd-steer-aside{padding-bottom:var(--dd-gutter)}}@media (min-width:810px){.dd-steer-aside{justify-items:end}}
