:root{--main-color:#222;--nav-color:oklch(from var(--main-color) calc(l - .02) c h);--hover-nav-color:color-mix(in srgb, var(--nav-color), #fff 20%)}*{box-sizing:border-box;color:#fff;background:0 0;border:none;margin:0;padding:0}body{background-color:var(--main-color);width:100%;min-height:100vh}main{width:100dvw;height:100dvh}#tab_nav{background-color:var(--nav-color);z-index:10;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100dvw;height:80px;padding:5px;display:grid;position:fixed;bottom:0;left:0}#tab_nav button,#more_manu button{text-align:center;background:0 0;border:none;border-radius:10px;flex-direction:column;height:70px;padding:10px;display:flex}#tab_nav button:hover,#more_manu button:hover,#tab_nav button.active,#more_manu button.active{background-color:var(--hover-nav-color)}.nav_icon{color:#fff;height:calc(80px - 3em)}#more_manu{background-color:var(--nav-color);z-index:10;gap:10px;width:100svw;height:fit-content;padding:5px;position:fixed;bottom:80px;left:0}#more_manu div{grid-template-columns:1fr 1fr 1fr;display:grid}#more_manu div button{align-items:center}#overlay{z-index:5;background:0 0;position:fixed;inset:0}