.compass{align-items:center;background-color:#fff;border:2px solid #2b7cff;border-radius:50%;cursor:grab;display:flex;height:45px;justify-content:center;position:relative;width:45px}.needle{height:0;position:absolute;transform:rotate(0);transform-origin:50% 50%;transition:transform .1s;width:0}.needle:before{border-bottom:14px solid #2b7cff;top:-13px}.needle:after,.needle:before{border-left:4px solid transparent;border-right:4px solid transparent;content:"";left:-4px;position:absolute}.needle:after{border-top:14px solid #2b7cff;top:1px}.needle2{height:0;position:absolute;transform:rotate(0);transform-origin:50% 50%;transition:transform .1s;width:0}.needle2:before{color:#2b7cff;content:"N";font-size:8px;left:-3px;position:absolute;top:-22px}.needle2:after{border-left:3px solid transparent;border-right:3px solid transparent;border-top:14px solid #fff;content:"";left:-3px;position:absolute;top:1px}