.turn{border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.turn button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:32px;height:32px;padding:0;display:grid}.turn button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;position:static;inset:auto}.turn .turn__compass svg{stroke:none;transition:transform .2s}.turn__n{fill:#d2452f}.turn__s{fill:currentColor;opacity:.45}.turn button:focus-visible{outline:2px solid var(--atlas-focus-ring-light,#3d7ea6);outline-offset:1px}.turn--light{color:#3a4658;background:#fffffff2;border:1px solid #d3d6d0;box-shadow:0 2px 8px #141a261f}.turn--light button:hover{background:#eef0ec}.turn--dark{color:var(--atlas-chrome-text-secondary,#b4bcc9);background:#141a26d1;border:1px solid #3e4e68cc}.turn--dark button:hover{color:var(--atlas-chrome-text-primary,#f3f4f1);background:#ffffff14}.turn--dark button:focus-visible{outline-color:var(--atlas-focus-ring-chrome,#f2b33d)}@media (prefers-reduced-motion:reduce){.turn .turn__compass svg{transition:none}}