.compass-container{justify-content:center;align-items:center;width:8rem;height:8rem;display:flex;position:relative}.compass-button{width:50%;height:50%;position:absolute}.compass-button-inner g{fill:#dfe3e8}.compass-button-inner g text{fill:#646777!important}.compass-button-inner g:hover{cursor:pointer;fill:#70bbfd!important}.compass-button-inner.selected g path{fill:#70bbfdb3}.north{top:0;left:50%;transform:translate(-50%)translateY(-25%)rotate(-45deg)}.south{bottom:0;left:50%;transform:translate(-50%)translateY(25%)rotate(135deg)}.east{top:50%;right:0;transform:translateY(-50%)translate(25%)rotate(45deg)}.west{top:50%;left:0;transform:translateY(-50%)translate(-25%)rotate(-135deg)}.compass-center{text-align:center;z-index:1;flex-direction:column;gap:5px;display:flex}.center-button{color:#646777;cursor:pointer;background-color:#dfe3e8;border:none;border-radius:4px;padding:2px 8px;font-size:12px}.center-button:hover{background-color:#70bbfd!important}.center-button.selected{background-color:#70bbfdb3}