@layer base{
    toolbar{max-width:calc(100% - 20px);}
    toolbar > .handle{display: none;}
    
@media (max-width:800px){
    toolbar{max-width: 150px;flex-direction: column;flex-grow: 0;height: 50px;padding: 8px;margin:0 !important;margin:none;
       left:0px;top:0;justify-self:save;align-self: flex-start;}
    toolbar >js-drop,toolbar > input-generator {max-width: 100%;}
    toolbar:not(.active) >*:not(.handle){display: none;opacity: 0;}
    toolbar.active{height:auto}
    toolbar > .handle{display: flex;}
   
   
}
}