/*-----------------------------------------------------------------------------------------------*/
@media all {
/*-----------------------------------------------------------------------------------------------*/
    /* --------------------------------------------------------------- */
    :root {
    /* --------------------------------------------------------------- */
        --height-list-nav: calc(var(--font-size-icon) + var(--font-size-small) + var(--space-small)); /* InnerHeight + Padding + Margin */
    }

    /* --------------------------------------------------------------- */
    main.mapView > article > nav:first-of-type {
    /* --------------------------------------------------------------- */
        left: var(--space-normal);
        position: absolute;
        top: calc(var(--height-header) + var(--space-normal));
        z-index: var(--z-index-map);
    }

    /* --------------------------------------------------------------- */
    main.mapView {
    /* --------------------------------------------------------------- */
        padding-top: 0;
    }
        /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
        main[columns='1'].mapView {
        /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
            margin-right: 0;
        }
        /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
        main[columns='2'].mapView .player {
        /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
            padding-top: var(--height-header);
        }

    /* --------------------------------------------------------------- */
    #map {
    /* --------------------------------------------------------------- */
        height: 100vh;
        height: 100dvh;
        
        outline: var(--border-width) solid var(--color-border);
    }
        /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
        #map.google gmp-advanced-marker {
        /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
            animation: fadeIn .5s ease forwards;
        }
            /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
            #map.google gmp-advanced-marker:focus img {
            /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
                transform: scale(1.1);
            }
            /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
            #map.google gmp-advanced-marker img {
            /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
                border-radius: var(--border-radius);
                box-shadow: var(--shadow);
                transition: var(--transition-transform);
            }
            /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
            #map.google gmp-advanced-marker img:active {
            /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
                box-shadow: var(--shadow) inset;
                filter: brightness(.9);
                outline: none !important;
                transform: scale(.9);
            }
}
/*-----------------------------------------------------------------------------------------------*/
@media (hover: hover) and (pointer: fine) {
/*-----------------------------------------------------------------------------------------------*/
    /* --------------------------------------------------------------- */
    #map.google gmp-advanced-marker:focus img,
    #map.google gmp-advanced-marker:hover img {
    /* --------------------------------------------------------------- */
        outline: var(--border-width) solid var(--color-bg-overlay-light);
    }
}