.navbar-layout{display:flex;flex-direction:column;gap:var(--space-3);width:var(--navbar-width);background-color:var(--color-surface);padding:25px 0;flex-shrink:0;border-radius:0 0 200px 0;transition:width .25s ease,border-radius .25s ease,box-shadow .25s ease}.navbar-layout.active{width:var(--navbar-width-open);border-bottom:10px solid var(--color-brand);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.navbar-layout .navbar-item-label{display:none}.navbar-layout.active .navbar-item-label{display:block}.navbar-layout .navbar-item-list{display:flex;flex-direction:column}.navbar-layout .navbar-item-list .navbar-item.active{grid-template-columns:var(--navbar-width) 1fr;padding:5px var(--space-4) 5px 0}.navbar-layout .navbar-item-list .navbar-item,.navbar-layout .navbar-item-list .navbar-item.active{display:grid;align-items:center;height:60px;font-size:var(--text-lg);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);cursor:pointer}.navbar-layout .navbar-item-list .navbar-item{grid-template-columns:1fr;padding:5px 0;color:inherit;text-decoration:none}.navbar-layout .navbar-item-list .navbar-item:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.navbar-layout .navbar-item-label{font-size:15px;font-weight:700;white-space:nowrap}.navbar-item.selected{background-color:var(--color-brand-wash);border-left:4px solid var(--color-brand)}.navbar-item>:first-child{justify-self:center}.navbar-item.active>:nth-child(2){justify-self:start}.navbar-item>:nth-child(2){display:none}.navbar-layout .navbar-item-list .navbar-item:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}@media screen and (max-width:1024px){.navbar-layout.active{width:100vw}.navbar-layout{width:0}.navbar-item.selected{border:none}.navbar-item.active>:first-child{display:block;justify-self:center}.navbar-item>:first-child{display:none}}