:root{--menu-width: 96px;--sub-menu-width: 360px;--moreDropdown-width: 240px;--dropdown-offset: 16px;--more-button-height: 48px;--totem-bg: #f9f9f9;--border-color: #c0c0c0;--base-gap: .25rem;--content-padding: 1rem;--box-shadow: 0 2px 6px rgba(0, 0, 0, .2);--time-productive-motion-long: .35s;--time-productive-motion-medium-move: .16s;--time-productive-motion-medium-scale: .23s;--time-productive-motion-short-move: .07s;--time-productive-motion-short-scale: .11s;--submenu-transition-opacity-in-factor: 1;--submenu-transition-transform-in-factor: 1.3;--submenu-transition-opacity-out-timing-function: ease-in;--submenu-transition-opacity-in-timing-function: ease-out;--submenu-transition-transform-out-timing-function: ease-in;--submenu-transition-transform-out-timing-function: ease-out;--submenu-transition-opacity-out-factor: .66;--submenu-transition-transform-out-factor: 1;--submenu-transition-duration: var(--time-productive-motion-long);--menu-item-color: #333;--menu-item-hover-bg: #e0e0e0;--menu-item-active-bg: #d0d0d0;--menu-item-focus-bg: #c0c0c0;--menu-item-focus-outline: #007acc;--menu-item-disabled-color: #999;--menu-item-padding: .5rem 1rem;--menu-item-border-radius: 0;--submenu-item-color: #333;--submenu-item-hover-bg: #e0e0e0;--submenu-item-active-bg: #d0d0d0;--submenu-item-focus-bg: #c0c0c0;--submenu-item-focus-outline: #007acc;--submenu-item-disabled-color: #999;--submenu-item-padding: .5rem 1rem;--submenu-item-border-radius: 0}body{margin:0;margin-left:var(--menu-width);font-family:sans-serif}#totem{position:fixed;top:0;left:0;width:var(--menu-width);height:100vh;background-color:var(--totem-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding-top:1rem}#totem.open{border-right:1px solid var(--border-color)}#moreButton{box-sizing:border-box;position:absolute;top:0;width:var(--menu-width)}#totem ul[role=navigation]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center}.nav-item{margin:0;padding:0;width:100%}.nav-button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--content-padding);cursor:pointer;background:transparent;border:none;text-align:center;gap:var(--base-gap);transition:background .2s ease,color .2s ease}.nav-button:hover{background:var(--menu-item-hover-bg)}.nav-button:focus{background:var(--menu-item-focus-bg);outline:2px solid var(--submenu-item-focus-outline)}.nav-button:active,.nav-button.open{background:var(--menu-item-active-bg)}.nav-button .icon{font-size:2em;line-height:1}.nav-button .label{font-size:1em;line-height:1.2}#moreDropdown{box-sizing:border-box;position:absolute;top:1rem;left:calc(var(--menu-width) + 10px);background:#fff;border:1px solid var(--border-color);display:none;padding:1rem;width:var(--moreDropdown-width);box-shadow:var(--box-shadow);max-height:calc(100vh - 2rem);overflow-y:auto;border-radius:.25rem}#moreDropdown ul{list-style:none;margin:0;padding:0}#moreDropdown li{padding:.15rem 0}#moreDropdown .nav-button{flex-direction:row;justify-content:flex-start;gap:var(--base-gap);padding:.33rem 1rem}#moreDropdown .nav-button .icon{margin-right:.5rem}.submenu{box-sizing:border-box;position:fixed;top:0;left:var(--menu-width);width:var(--sub-menu-width);height:100vh;border-right:1px solid var(--border-color);overflow-y:auto;margin:0 1rem 0 0;box-shadow:var(--box-shadow);opacity:0;transform:translate(-100%);transition:opacity calc(var(--submenu-transition-duration) * var(--submenu-transition-opacity-out-factor)) var(--submenu-transition-opacity-out-timing-function),transform calc(var(--submenu-transition-duration) * var(--submenu-transition-transform-out-factor)) var(--submenu-transition-opacity-out-timing-function)}.submenu.open{display:block;opacity:1;transform:translate(0);transition:opacity calc(var(--submenu-transition-duration) * var(--submenu-transition-opacity-in-factor)) var(--submenu-transition-opacity-in-timing-function),transform calc(var(--submenu-transition-duration) * var(--submenu-transition-transform-in-factor)) var(--submenu-transition-opacity-in-timing-function)}.submenu ul{display:flex;flex-direction:column;gap:var(--base-gap);list-style:none;margin:0;padding:.5rem 0}.submenu button[role=menuitem]{border:none;background:transparent;box-shadow:none;outline:none}.submenu a[role=menuitem],.submenu button[role=menuitem]{width:auto;display:block;text-decoration:none;color:var(--submenu-item-color);padding:var(--submenu-item-padding);border-radius:var(--submenu-item-border-radius);background:transparent;transition:background-color .2s ease,color .2s ease;outline:none}.submenu a[role=menuitem]:hover,.submenu button[role=menuitem]:hover{background:var(--submenu-item-hover-bg);text-decoration:none}.submenu a[role=menuitem]:focus,.submenu button[role=menuitem]:focus{background:var(--submenu-item-focus-bg);outline:2px solid var(--submenu-item-focus-outline)}.submenu a[role=menuitem]:active,.submenu button[role=menuitem]:active{background:var(--submenu-item-active-bg)}.submenu button[role=menuitem]:disabled,.submenu a[role=menuitem].disabled{color:var(--submenu-item-disabled-color);pointer-events:none;background:transparent}