:root{--font-family:Ubuntu,Calibri,sans-serif}.demo-menu{position:absolute;z-index:0}.demo-menu .menu-toggle{border-radius:50%;cursor:pointer;left:.5rem;opacity:.5;padding:.5rem;transition:var(--fade-transition)}.demo-menu .demo-menu,.demo-menu .menu-toggle{background-color:var(--button-hover-bg-color);bottom:.5rem;color:var(--button-hover-fg-color);position:absolute}.demo-menu .demo-menu{border-radius:.25rem;display:none;left:2rem;list-style:none;margin:0;padding:0}.demo-menu .demo-menu li{border-top:1px solid rgba(0,0,0,.25);cursor:pointer;padding:.25rem;white-space:nowrap}.demo-menu .demo-menu li:hover{background-color:rgba(0,0,0,.25);border-color:transparent}.demo-menu .demo-menu li:first-of-type{border-top:0}.demo-menu.open{transition:z-index 1s}.demo-menu.open .menu-toggle{border-radius:50% 0 0 50%;opacity:1}.demo-menu.open .demo-menu{display:block}.demo-menu:hover{transition:none;z-index:1}.demo-menu:hover .menu-toggle{opacity:1}