#SideBarLeft [blocname="sideBarLeft_wrapper1"] :where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover, 
#SideBarLeft [blocname="sideBarLeft_wrapper1"] :where(.menu li:not(.menu-title):not(.disabled):not(.active)>:not(ul):not(details):not(.menu-title)):not(.active):hover {
		background-color: rgba(46, 227, 194,0.5);
        color: #fff;
        cursor: pointer;
        outline: 2px solid transparent;
        outline-offset: 2px;
}

#SideBarLeft [blocname="sideBarLeft_wrapper1"] li.active, summary.active {
	border-radius: 10px;
    cursor: pointer;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

#SideBarLeft [blocname="sideBarLeft_wrapper1"] li, summary {
	font-weight: 600;
}

:not(#devPannel) h1{
	font-size: 32px;
}

:not(#devPannel) h2{
	font-size: 20px;
}

:not(#devPannel) [blocname="sideBarRight_wrapper"]:not(:has(li)){
	display: none;
}

ul li {
    line-height: 2;
}

.versionText h2{
    margin-bottom: 16px;
}