/* Compass widget - shared across Potree, Cesium, Profile viewers */

.viewer-compass {
    position: absolute;
    top: 12px;
    right: var(--rp-offset, 12px);
    z-index: 900;
    width: 56px;
    height: 56px;
    cursor: pointer;
    opacity: 0.85;
    transition: opacity 0.2s, right 0.25s ease;
}

.viewer-compass:hover {
    opacity: 1;
}

.viewer-compass svg {
    width: 100%;
    height: 100%;
}