.compass-wrapper{--compass-color:#0e0e0e;--compass-bg:#bdc3c7;--compass-text:#0e0e0e;--compass-border-glow:#ffffff80;position:absolute;top:65px;right:30px;width:70px;height:70px;transform:scale(.7);transform-origin:top right;z-index:5}.compass-wrapper.dark{--compass-color:#fff;--compass-bg:#bdc3c7;--compass-text:#0e0e0e;--compass-border-glow:#0000004d}.compass-icon{position:absolute;top:0;left:0;width:70px;height:70px;transform-origin:center;cursor:grab;border-radius:50%;border:3px solid var(--compass-color);display:flex;justify-content:center;align-items:center;z-index:10;transition:border-color .3s ease}.compass-icon:before{border-top:24px solid #bdc3c7;top:50%}.compass-icon:after,.compass-icon:before{content:"";position:absolute;width:0;height:0;border-left:6px solid #0000;border-right:6px solid #0000;left:50%;transform:translateX(-50%);z-index:2}.compass-icon:after{border-bottom:24px solid #e74c3c;bottom:50%}.north-indicator{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background-color:var(--compass-bg);color:var(--compass-text);text-align:center;line-height:20px;cursor:pointer;z-index:100;font-size:13px;font-weight:700;padding:0 3px;border-radius:7px;height:23px;box-shadow:0 1px 3px #0003;pointer-events:auto;transition:background-color .3s,color .3s;display:flex;align-items:center}.compass-lines-rotating{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.compass-lines-rotating:before{top:-7px}.compass-lines-rotating:after,.compass-lines-rotating:before{content:"";position:absolute;width:2px;height:10px;background:var(--compass-color);left:50%;transform:translateX(-50%)}.compass-lines-rotating:after{bottom:-7px}.black-border{width:86px;height:86px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;border:3px solid var(--compass-color);border-radius:50%;pointer-events:none;box-shadow:0 0 0 1px var(--compass-border-glow),inset 0 0 0 1px var(--compass-border-glow);transition:border-color .3s}.black-border:before{right:1px}.black-border:after,.black-border:before{content:"";position:absolute;width:10px;height:2px;background:var(--compass-color);top:50%;transform:translateY(-50%)}.black-border:after{left:1px}