.dropdown{position:relative;display:inline-block;width:max-content}.dropdown-button{cursor:pointer}.dropSide-list{position:absolute;overflow:hidden;top:4px;left:100%;background-color:#494949;border:1px solid #ccc;list-style:none;padding:0;margin:0;max-width:0;min-width:0;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:10;opacity:0;white-space:nowrap;transition:max-width .3s ease-out,min-width .3s ease-out,opacity .2s ease-out}.dropSide-list.open{overflow:visible;max-width:600px;min-width:150px;opacity:1;transition:max-width .3s ease-in,min-width .3s ease-in,opacity .2s ease-in}.dropdown-list{position:absolute;overflow:hidden;top:100%;left:0;background-color:#494949;border:1px solid #ccc;list-style:none;padding:0;margin:0;min-width:150px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:10;transition:max-height .3s ease-out,opacity .2s ease-out;max-height:0;opacity:0}.dropdown-list.open{max-height:600px;overflow:visible;opacity:1;transition:max-height .3s ease-in,opacity .2s ease-in}.dropdown-list li{padding:8px 16px;cursor:pointer;background-color:#d7d7d7}.dropdown-list li:hover{background-color:#f0f0f0}.dropdown-item{border-radius:4px}.sideMenuMainDiv{overflow:auto;position:relative;display:flex;flex-direction:column;width:100%;height:100%}.sideMenuTopDiv{display:flex;flex-direction:row}.sideMenuBottomDiv{max-height:100%;overflow:auto}.sideMenuButtonDiv{border-radius:0}.sideMenuButton{border-radius:0;background-color:#494949;color:#949494;padding:0 5px;text-align:center;font-size:30px;height:30px;width:30px}.sideMenuTopDivFillDiv{flex-grow:1}.sideMenuBodyDiv{overflow:auto;width:100%;height:100%;position:relative}.sideMenuListDiv{height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.2)}.sideMenuList,.sideMenuListDiv{display:flex;flex-direction:column}.sideMenuList{overflow:hidden;border:none;padding:0;margin:0;max-width:0;min-width:0;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:10;opacity:0;white-space:nowrap;transition:max-width .3s ease-out,opacity .4s ease-out}.sideMenuList.open{overflow:visible;max-width:600px;width:auto;opacity:1;transition:max-width .3s ease-in,opacity .4s ease-in}.sideMenuItem{position:relative;border-radius:4px;font-size:1.3rem}.sideMenuItemButton,.sideMenuItemMenu{padding:4px;border-bottom:1px solid black;border-left:1px solid black;background-color:#afafaf;border-radius:6px}.sideMenuItemMenu{display:flex;flex-direction:row}.sideMenuChildrenDiv{display:flex;flex-direction:column;overflow:hidden;border-bottom:none;padding:0;margin:0;max-width:0;min-width:0;max-height:0;min-height:0;z-index:10;opacity:0;white-space:nowrap;transition:max-height .3s ease-out,max-width .3s ease-out,opacity .2s ease-out}.sideMenuChildrenDiv.open{overflow:visible;max-width:600px;max-height:100%;width:auto;opacity:1;transition:max-height .3s ease-in,max-width .3s ease-in,opacity .2s ease-in}