:root 
        {
                --MONET_GALLERY_WIDTH:                  45px;
                --MONET_GALLERY_HEIGHT:                 auto;
                --MONET_GALLERY_FULL_SIZE_IMAGE_WIDTH:  80%;
                --MONET_GALLERY_COLOR_BLACK:            #000000;
                --MONET_GALLERY_COLOR_GREY:             #333333;

                --MONET_GALLERY_COLUMN_COUNT:           2;
                --MONET_GALLERY_COLUMN_GAP:             1rem;
                --MONET_GALLERY_COLUMN_FILL:            balance;

                --MONET_GALLERY_FONT_SIZE:              10px;
                --MONET_TRANSITION_DURATION:            1.5s;
                
                font-size:                              var(--MONET_GALLERY_FONT_SIZE); 
                background-color:                       var(--MONET_GALLERY_COLOR_BLACK);
        }

        #slideshow { display:inline-block; }
        #photos 
        {                              
                background-color:                       var(--MONET_GALLERY_COLOR_BLACK);
                /* position:               relative; */
                display:inline-block;

                column-count:           var(--MONET_GALLERY_COLUMN_COUNT);
                column-gap:             var(--MONET_GALLERY_COLUMN_GAP); 
                column-fill:            var(--MONET_GALLERY_COLUMN_FILL);
/* 
                width:                  var(--MONET_GALLERY_WIDTH);
                height:                 var(--MONET_GALLERY_HEIGHT); */
/*                 
                width:                  45px;
                height:                 45px; */
                margin:                 0 auto;  
                
                transition: background-color var(--MONET_TRANSITION_DURATION) ease-in-out;
              
        }
        div                             { position:relative; }
        img                             { width:100%; min-width:137px;   }          
        .placeholder                    { z-index:-1; display:none; }

        .image_div:hover                       
        { 
                background-color:var(--MONET_GALLERY_COLOR_BLACK);
                z-index:2;

                position:fixed;  
                top:0;      
                left:calc(50% - var(--MONET_GALLERY_WIDTH) / 2);
                height:100%;
                width:var(--MONET_GALLERY_WIDTH);
                overflow-x:scroll;     
                                
                transition:all var(--MONET_TRANSITION_DURATION) ease-out;
        }    

        .image_div:hover img                      
        { 
                /* width:100%;
                scal   */
                scale:3;
                /* position:absolute;
                top:50%;
                transform: translateY(-50%) ;      */
                overflow:hidden;           
        }

        .image_div:hover + .placeholder        { display:block; }

        @media screen and (min-width:900px) 
        { 
                :root 
                {
                        --MONET_GALLERY_WIDTH: 50%;
                }
        }
        @media screen and (orientation:landscape)
        {                
                .image_div:hover img    
                {                         
                        position:absolute;
                        top:0;
                        /* top:5rem; */
                        transform: translateY(1%);                
                }
        }

        
        /*
        body 
        { 
                height:101%; font-size:var(--MONET_GALLERY_FONT_SIZE);

                transition: background-color var(--MONET_TRANSITION_DURATION);
        }
        body:has(.image_div:hover) 
        { 
                background-color:var(--MONET_GALLERY_COLOR_GREY);
        }
                */

                

        /* .img_div { 
                transition:all 15.5s ease-in-out;  } */
        /* .img_div > img {
                transition:all 15.5s ease-in-out; } */