.category-nav-shell{position:sticky;top:10px;z-index:4;margin-bottom:30px}.category-nav-shell .category-nav{position:relative;top:auto;z-index:2;max-height:54px;margin:0;padding-bottom:9px;overflow:hidden;flex-wrap:nowrap;border-radius:17px;transition:max-height .28s ease,box-shadow .2s ease}.category-nav-shell.is-expanded .category-nav{max-height:min(310px,55vh);flex-wrap:wrap;align-content:flex-start;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 26%,var(--line)) transparent;box-shadow:0 14px 34px rgba(30,40,70,.07)}.category-nav-shell.is-expanded .category-nav::-webkit-scrollbar{width:6px}.category-nav-shell.is-expanded .category-nav::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--accent) 26%,var(--line))}.category-expand{position:absolute;left:50%;bottom:-19px;z-index:3;width:46px;height:19px;display:grid;place-items:center;transform:translateX(-50%);padding:0;border:0;border-radius:0 0 16px 16px;background:var(--surface);color:var(--muted);box-shadow:-1px 0 0 var(--line),1px 0 0 var(--line),0 1px 0 var(--line),0 9px 14px -10px rgba(30,40,70,.42);backdrop-filter:blur(22px);font-size:9px;outline:0;transition:color .18s,box-shadow .18s}.category-expand::before{content:"";position:absolute;left:0;right:0;top:-3px;height:5px;background:var(--surface)}.category-expand:hover{color:var(--accent);box-shadow:-1px 0 0 var(--line),1px 0 0 var(--line),0 1px 0 var(--line),0 10px 16px -10px rgba(30,40,70,.5)}.category-expand i{position:relative;z-index:1;margin-top:-2px;transition:transform .25s}.category-nav-shell.is-expanded .category-expand i{transform:rotate(180deg)}.start-page.dark .category-expand,.start-page.dark .category-expand::before{background:rgba(57,61,69,.96)}.start-page.dark .category-expand{box-shadow:-1px 0 0 var(--line),1px 0 0 var(--line),0 1px 0 var(--line),0 9px 15px -10px rgba(0,0,0,.65)}.start-page.dark .category-expand:hover{box-shadow:-1px 0 0 var(--line),1px 0 0 var(--line),0 1px 0 var(--line),0 10px 17px -10px rgba(0,0,0,.72)}
@media(max-width:700px){.category-nav-shell{top:6px;margin-bottom:27px}.category-nav-shell .category-nav{max-height:52px}.category-nav-shell.is-expanded .category-nav{max-height:min(280px,50vh)}.category-expand{bottom:-18px;width:42px;height:18px;border-radius:0 0 14px 14px}}