body {
}

/*     Gizmo section
    Had to modify the Gizmo style for the Blazor app as it is conflicting with the Blazor style files.
     */
/* Outer gizmo container */
.obit-controls-gizmo {
    width: 100px !important;
    height: 100px !important;
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 1000;
    background-color: transparent;
    border: none !important; /* remove border */
    border-radius: 50% !important; /* circular shape */
    overflow: hidden !important; /* crop to circle */

    display: flex;
    align-items: center;
    justify-content: center;
    /*pointer-events: none; /*added to allow for touch events to pass to canvas*/

    pointer-events: auto; /*: DO NOT disable pointer-events on the container */
    */ touch-action: none; /* Allow OrbitControlsGizmo drag on touch */
}

    /* Inner canvas or svg */
    .obit-controls-gizmo canvas,
    .obit-controls-gizmo svg {
        width: 100% !important;
        height: 100% !important;
        border: none !important; /* remove inner border */
        display: block;
   
        /* ensure gizmo interaction works on touch and mouse */
        pointer - events: auto;
        touch - action: none;
    }


    .obit-controls-gizmo.dragging,
    .obit-controls-gizmo:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .obit-controls-gizmo.inactive {
        pointer-events: none;
        background-color: transparent !important;
    }


    .obit-controls-gizmo.dragging, .obit-controls-gizmo:hover {
        background-color: #ffffff33;
    }

/*.dg.a {
    float: left !important;
    margin-left: 2em !important;
}

a {
    position: absolute;
    bottom: 1em;
    right: 1em;
    width: 3em;
    height: 3em;
    overflow: hidden;
    border-radius: 100%;
}
*/