:root{--sidebar-x:250px;--sidebar-y:40px;--sidebar-gap:5px;--sidebar-radius:calc(var(--sidebar-y)/2)}.sidebar-container{padding-left:calc(var(--sidebar-x) + var(--space));position:relative}#sidebar{background:var(--bg);border-right:1px solid var(--neutral-200);bottom:0;font-size:16px;left:0;position:absolute;top:0;width:var(--sidebar-x);z-index:9}#sidebar .wrapper{display:flex;flex-direction:column;font-weight:800;gap:var(--sidebar-gap);max-height:calc(100vh - var(--top));overflow:auto;padding-bottom:var(--space);padding-right:var(--space);position:sticky;top:calc(var(--top) + var(--space));transition:padding .2s;transition:top .25s ease-in-out}#sidebar .wrapper.has-header-links,:root.is-top #sidebar .wrapper{top:var(--top)}.nav-is-hidden #sidebar .wrapper{top:var(--space)}#sidebar .links-wrapper{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--sidebar-gap);width:100%}:root:not(.is-mobile) #sidebar .links-wrapper{margin-bottom:var(--space)}#sidebar .header-link{align-items:center;color:var(--neutral-300);display:flex;flex:0 0 auto;flex-direction:row;height:var(--sidebar-y)}#sidebar .header-link.is-active{color:var(--color)}#sidebar .link{border-radius:var(--sidebar-radius);flex:0 0 auto;height:var(--sidebar-y);outline:1px solid var(--neutral-200);outline-offset:-1px;overflow:hidden;position:relative;transition:height .2s ease-in-out}#sidebar .link,#sidebar .link .progress{align-items:center;display:flex;flex-direction:row;padding:0 20px}#sidebar .link .progress{background:var(--dark);clip-path:inset(0 100% 0 0);color:var(--white);inset:0;position:absolute;transition:opacity .25s;z-index:1}:root:not(.is-mobile) #sidebar .link .progress{opacity:0}#sidebar .link,#sidebar .progress{text-overflow:ellipsis;white-space:nowrap}:root:not(.is-mobile) #sidebar .link.is-active{height:100px}:root #sidebar .link.is-active .progress{opacity:1}:root.is-top #sidebar .link.is-active .progress{opacity:0!important}:root.is-dark #sidebar .link .progress{background:var(--light);color:var(--black)}:root.is-dark #sidebar .link.is-active .base{background:var(--dark);color:var(--white)}:root.is-mobile{--sidebar-y:50px;--sidebar-gap:var(--space)}:root.is-mobile .sidebar-container{padding-left:0}:root.is-mobile #sidebar{border-right:none;border-top:1px solid var(--color);bottom:0;left:0;padding-right:0;position:fixed;right:0;top:unset;transition:transform .25s ease-in-out;width:100%;z-index:9}:root.is-mobile #sidebar .wrapper{align-items:center;flex-direction:row;height:auto;overflow:scroll;overflow:auto;padding:var(--space);position:relative;scrollbar-width:none;top:0;width:100%;-ms-overflow-style:none}:root.is-mobile #sidebar .links-wrapper{flex-direction:row;margin:0;width:auto}:root.is-mobile #sidebar .header-link{background:var(--neutral-200);border-radius:var(--sidebar-radius);color:var(--color);padding:0 40px}:root.is-mobile #sidebar .link{width:80vw}:root.is-mobile.sidebar-is-hidden #sidebar{transform:translateY(100%)}