.sidebar{--sidebar-depth-color:transparent;font-size:var(--text-14);font-family:var(--font-body);position:relative;border-right:1px solid var(--border);.search,.sidebar-versions{padding-right:var(--spacer-lg)}&:hover{ul:not(:has(.sidebar-active)){--sidebar-depth-color:var(--fg-1000)}--sidebar-depth-color:var(--fg-1000)}ul:not(:has(.sidebar-active)){--sidebar-depth-color:transparent}ul:has(.sidebar-active){--sidebar-depth-color:var(--fg-1000)}.sidebar-wrapper{position:-webkit-sticky;position:sticky;display:flex;flex-direction:column;padding-top:var(--spacer-lg);max-height:calc(100vh - calc(var(--header-height) + var(--header-secondary-nav-height) + var(--spacer)))}.sidebar-list{overflow-x:hidden;position:relative;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--fg-1000) var(--bg-900);scrollbar-gutter:stable;padding-bottom:1rem}.sidebar-scrollarea{flex-grow:1;height:100%}ul{list-style-type:none}li ul li{margin-left:.25rem;padding-left:.5rem;background:linear-gradient(90deg,var(--sidebar-depth-color),transparent 1px)}a{color:var(--fg-300);text-decoration:none}.sidebar-category button,a{text-decoration:none;text-align:left;font-size:var(--text-14);font-family:var(--font-body);display:inline-flex;align-items:flex-start;width:100%;padding:.25rem .25rem .25rem 0;background:none;border:0;cursor:pointer;&:hover{color:var(--fg);background-color:var(--bg-800)}}.sidebar-category{button{color:var(--fg-300);&:before{margin-right:var(--spacer);display:block;margin-top:6px;height:8px;width:8px;content:"";background-color:var(--fg);-webkit-mask-image:url(/img/chevron.svg);mask-image:url(/img/chevron.svg);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}ul{display:none}&.expanded{>button{&:before{transform:rotate(90deg)}}>ul{display:block}}&:not(.collapsible){color:var(--fg);font-weight:500;margin:1rem 0;>ul{margin-top:.25rem;--sidebar-depth-color:transparent;font-weight:400;display:block;>li{margin-left:0;padding-left:0}}}}.sidebar-category .sidebar-category button{font-weight:400}a[href^=http]{&:after{margin-left:var(--spacer);display:inline-block;flex-shrink:0;height:var(--text-14);width:var(--text-14);content:"";background-color:var(--text-muted);-webkit-mask-image:url(/img/link-external.svg);mask-image:url(/img/link-external.svg);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}a.python{&:before{content:"";margin-top:2px;height:14px;width:14px;background-color:var(--fg-800);-webkit-mask-image:url(/img/seti/python.svg);mask-image:url(/img/seti/python.svg);-webkit-mask-size:contain;mask-size:contain;margin-right:.25rem}}a.java{&:before{content:"";margin-top:2px;height:14px;width:14px;background-color:var(--fg-800);-webkit-mask-image:url(/img/seti/java.svg);mask-image:url(/img/seti/java.svg);-webkit-mask-size:contain;mask-size:contain;margin-right:.25rem}}a.sidebar-active{position:relative;color:var(--primary);&:before{background-color:var(--primary)}&:after{position:absolute;content:"";display:block;top:0;left:-.5rem;height:100%;width:1px;background:var(--primary)}&:hover{color:var(--primary)}}.sidebar-versions{margin-bottom:var(--spacer-md)}}