/* Hemicycle overlay on map */
.view.hemicycle-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex !important;
    z-index: 10;
    pointer-events: none;
}

.view.hemicycle-overlay .hemicycle-container {
    pointer-events: auto;
}

/* Override hemicycle container size when overlaid to match map */
.view.hemicycle-overlay .hemicycle-container {
    max-width: 800px;
    width: 100%;
    aspect-ratio: 4 / 3;
    height: auto;
}