.headroom{position:sticky;top:0;transition:transform .2s linear;will-change:transform}.headroom--pinned{transform:translateY(0);z-index:var(--ecui-z-layer-2)}.headroom--unpinned{transform:translateY(-125%)}ul.ec-sidebar{list-style:none}ul.ec-sidebar li h6{font-weight:700;margin-top:25px}ul.ec-sidebar li.ec-sidebar-sub-btn{cursor:pointer;position:relative}ul.ec-sidebar li.ec-sidebar-sub-btn:after{content:"+";display:inline-block;font-weight:800;margin-right:8px;position:absolute;right:0;top:-2px;transition:transform .3s ease}ul.ec-sidebar li.ec-sidebar-sub-btn.menu-open:after{content:"-";top:-1px;transform:rotate(180deg)}ul.ec-sidebar li ul.ec-sidebar-sub-cnt{list-style:none;max-height:0;opacity:0;overflow:hidden;padding-left:0;transform:translateY(-10px);transition:max-height .3s ease,opacity .2s ease,transform .3s ease}ul.ec-sidebar li ul.ec-sidebar-sub-cnt.menu-open{max-height:inherit;opacity:1;transform:translateY(0)}ul.ec-sidebar li button{border:none;padding-bottom:10px;padding-top:10px;text-align:left;width:100%}ul.ec-sidebar li button.active,ul.ec-sidebar li button:hover{background-color:var(--ecui-color-primary);color:var(--ecui-color-primary-bg-text);padding-left:10px}ul.ec-sidebar li button:hover{padding-left:20px}