/* KEYPAD */
        @scope (.keypad_container)
        {
                :scope 
                { 
                        width:100%;
                        display:grid; 
                        grid-template-columns: 1fr; 
                }       
                
                .keypadmini 
                {                               
                        opacity:25%;

                        display:grid;
                        grid-template-rows:1fr 1fr 1fr 1fr 1fr;
                        grid-template-columns:1fr; 
                        align-items:stretch;
                        justify-items: stretch;
                        row-gap:0;
                        column-gap:0;
                }

                .keypadmini .key                                                { background-color:#449944;}
                                        
                
                body:has(.key.button:hover) #DUMP_CONTROLLED                               { display:grid; }

                
                body:has(.key.button.OVERLAY:hover) #OVERLAY                               { 
                opacity: 1; visibility: visible; }
                
                body:has(.key.button.META:hover) #DUMP_META_DATA #DUMP_META_DATA_CONTROLLED              { display:grid; }
                
                body:has(.key.button.GLOBALS) #DUMP_GLOBALS                              { display:grid; }
                body:has(.key.button.GLOBALS) #DUMP_GLOBALS #DUMP_GLOBALS_CONTROLLED              { display:grid; }                        
                
                body:has(.key.button.SERVER:hover) #DUMP_SERVER                               { display:grid; }
                body:has(.key.button.SERVER:hover) #DUMP_SERVER #DUMP_SERVER_CONTROLLED              { display:grid; }
                
                body:has(.key.button.GET:hover) #DUMP_GET                              { display:grid; }
                body:has(.key.button.GET:hover) #DUMP_GET #DUMP_GET_CONTROLLED              { display:grid; }                        
                
                body:has(.key.button.POST:hover) #DUMP_POST                              { display:grid; }
                body:has(.key.button.POST:hover) #DUMP_POST #DUMP_POST_CONTROLLED              { display:grid; }
                
                body:has(.key.button.FILES:hover) #DUMP_FILES                               { display:grid; }
                body:has(.key.button.FILES:hover) #DUMP_FILES #DUMP_FILES_CONTROLLED              { display:grid; }
                
                body:has(.key.button.REQUEST:hover) #DUMP_REQUEST                               { display:grid; }
                body:has(.key.button.REQUEST:hover) #DUMP_REQUEST #DUMP_REQUEST_CONTROLLED              { display:grid; }                        
                
                body:has(.key.button.SESSION:hover) #DUMP_SESSION                               { display:grid; }
                body:has(.key.button.SESSION:hover) #DUMP_SESSION #DUMP_SESSION_CONTROLLED              { display:grid; }
                
                body:has(.key.button.ENVIRONMENT) #DUMP_ENVIRONMENT                              { display:grid; }
                body:has(.key.button.ENVIRONMENT) #DUMP_ENVIRONMENT #DUMP_ENVIRONMENT_CONTROLLED              { display:grid; }

                body:has(.key.button.COOKIE) #DUMP_COOKIE                              { display:grid; }
                body:has(.key.button.COOKIE) #DUMP_COOKIE #DUMP_COOKIE_CONTROLLED              { display:grid; }
        }