.sub.svelte-1to8g5s.svelte-1to8g5s{--block-bg:var(--color-concrete);--block-fg:var(--color-fg);--block-hover-bg:var(--color-concrete--light);--block-hover-fg:var(--color-fg);--block-active-bg:var(--block-bg);top:calc(var(--box-height) - 1px);position:fixed;width:100%;transition:transform .5s cubic-bezier(.03,.71,.31,1.01);z-index:var(--z-subnav);background:var(--block-bg)}.sub-wrapper.svelte-1to8g5s.svelte-1to8g5s{overflow-x:scroll;overflow-y:hidden}.sub-wrapper.svelte-1to8g5s.svelte-1to8g5s::-webkit-scrollbar{display:none}.sub-list.svelte-1to8g5s.svelte-1to8g5s{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.sub-item.svelte-1to8g5s.svelte-1to8g5s{width:auto}.sub-fade.svelte-1to8g5s.svelte-1to8g5s{display:flex;position:fixed;right:0;height:var(--box-height);width:50%;z-index:9;transform:translateY(-100%);pointer-events:none;background:linear-gradient(to right,rgba(var(--color-concrete--rgb),0),rgba(var(--color-concrete--rgb),.975));transition:.3s opacity}.sub-fade--end.svelte-1to8g5s.svelte-1to8g5s{right:0;background:linear-gradient(to right,rgba(var(--color-concrete--rgb),0),rgba(var(--color-concrete--rgb),.975))}.sub-fade--start.svelte-1to8g5s.svelte-1to8g5s{opacity:0;left:0;width:20%;background:linear-gradient(to left,rgba(var(--color-concrete--rgb),0),rgba(var(--color-concrete--rgb),.975))}.sub--scrolled-to-end.svelte-1to8g5s .sub-fade--end.svelte-1to8g5s{opacity:0}.sub--scrolled-past-start.svelte-1to8g5s .sub-fade--start.svelte-1to8g5s{opacity:1}.sub--scroll-hide.svelte-1to8g5s.svelte-1to8g5s{transform:translateY(calc(var(--box-height) * -.9))}.sub[data-theme=neon].svelte-1to8g5s.svelte-1to8g5s{--block-active-bg:var(--color-neon)}.sub[data-theme=purple].svelte-1to8g5s.svelte-1to8g5s{--block-active-bg:var(--color-purple)}.sub[data-theme=red].svelte-1to8g5s.svelte-1to8g5s{--block-active-bg:var(--color-red)}.sub[data-theme=black].svelte-1to8g5s.svelte-1to8g5s{--block-active-bg:var(--color-black)}.sub[data-theme=blue].svelte-1to8g5s.svelte-1to8g5s{--block-active-bg:var(--color-blue)}.sub[data-theme=orange].svelte-1to8g5s.svelte-1to8g5s{--block-active-bg:var(--color-orange)}@media screen and (min-width: 1024px){.sub-item.svelte-1to8g5s.svelte-1to8g5s{width:100%}}