@media(min-width:801px){.shell{grid-template-columns:76px minmax(0,1fr);transition:grid-template-columns .22s ease}.shell:has(aside:hover),.shell:has(aside:focus-within){grid-template-columns:248px minmax(0,1fr)}.shell>aside{width:76px;overflow:hidden;padding-inline:14px;transition:width .22s ease}.shell>aside:hover,.shell>aside:focus-within{width:248px}.shell .brand,.shell nav a,.shell .account{width:220px}.shell .brand>div,.shell nav a{font-size:0}.shell>aside:hover .brand>div,.shell>aside:focus-within .brand>div,.shell>aside:hover nav a,.shell>aside:focus-within nav a{font-size:.875rem}.shell .account>*:not(button){visibility:hidden}.shell>aside:hover .account>*:not(button),.shell>aside:focus-within .account>*:not(button){visibility:visible}}@media(max-width:800px){.shell>aside{position:fixed;z-index:45;inset:auto 10px max(10px,env(safe-area-inset-bottom));width:auto;height:66px;padding:7px 8px;border:1px solid rgba(18,55,44,.1);border-radius:22px;background:#12372cf5;box-shadow:0 12px 34px #11342947;transform:none}.shell>aside.open{transform:none}.shell>aside .close,.shell>aside .brand,.shell>aside .account{display:none}.shell>aside nav{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;width:100%;margin:0;overflow:hidden}.shell>aside nav a{display:grid;min-width:0;place-items:center;gap:1px;padding:4px 2px;border-radius:14px;color:#c9dbd3;font-size:.58rem;line-height:1.05;text-align:center}.shell>aside nav a:nth-child(n+6){display:none}.shell>aside nav a.active{background:#fff;color:var(--sidebar)}.shell>aside nav svg{width:19px;height:19px}.shell>main>header{padding-inline:18px}.menubtn,.drawer-backdrop{display:none!important}.page{padding-bottom:104px}}