.nav-cat,.nav-cat-item,.nav-cat-select{align-items:center;display:flex}@supports (scrollbar-width:auto){.nav-cat-scroll{scrollbar-width:unset}}@supports selector(::-webkit-scrollbar){.nav-cat-scroll::-webkit-scrollbar{display:none;-ms-overflow-style:none}}.nav-cat-select-items{--scrollbar-color-thumb:var(--field-00-click);--scrollbar-color-track:transparent;--scrollbar-width:thin;--scrollbar-width-legacy:4px}@supports (scrollbar-width:auto){.nav-cat-select-items{scrollbar-color:var(--scrollbar-color-thumb) var(--scrollbar-color-track);scrollbar-width:var(--scrollbar-width)}}@supports selector(::-webkit-scrollbar){.nav-cat-select-items::-webkit-scrollbar-thumb{background:var(--scrollbar-color-thumb);border-radius:8px}.nav-cat-select-items::-webkit-scrollbar-track{background-color:var(--scrollbar-color-track)}.nav-cat-select-items::-webkit-scrollbar{max-height:var(--scrollbar-width-legacy);max-width:var(--scrollbar-width-legacy)}}.nav-cat-select-items:hover{--fix: }.nav-cat-wrap{border-radius:8px}.nav-cat-scroll{margin-left:var(--margin-left,-1rem);margin-right:var(--margin-right,-1rem);overflow:auto;position:relative;z-index:2;-ms-overflow-style:none;scrollbar-width:none}.nav-cat-scroll::-webkit-scrollbar{display:none}[data-route=main] .nav-cat-scroll{margin-bottom:24px}@media (min-width:64rem){[data-route=main] .nav-cat-scroll{margin-bottom:40px}}.category .nav-cat-scroll{margin-bottom:8px}@media (min-width:64rem){.category .nav-cat-scroll{margin-bottom:24px}}@media (min-width:48rem){.nav-cat-scroll{--margin-left:-2rem;--margin-right:-2rem}}@media (min-width:80rem){.nav-cat-scroll{max-width:100%;min-width:0;overflow:visible;width:100%;--margin-left:0;--margin-right:0}}.nav-cat{border-radius:8px;display:inline-flex;padding:.25rem 1.375rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-column-gap:8px;position:relative}@media (min-width:48rem){.nav-cat{padding:0 2rem}}@media (min-width:80rem){.nav-cat{overflow-x:visible;padding:.25rem 0}}.nav-cat:before{border-radius:8px;bottom:0;content:"";left:var(--left,16px);position:absolute;right:var(--right,16px);top:0}@media (min-width:48rem){.nav-cat:before{--left:32px;--right:32px}}@media (min-width:80rem){.nav-cat:before{--left:0;--right:0}}.nav-cat::-webkit-scrollbar{-webkit-appearance:none;display:block;width:0}.nav-cat-item{position:relative;grid-column-gap:.25rem;background-color:var(--bg,var(--layer-01));border-radius:12px;color:var(--color,var(--text-secondary));cursor:pointer;font-size:var(--font-size,.75rem);font-weight:var(--font-weight,500);height:var(--item-height,2.5rem);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3);padding:var(--item-padding,0 .75rem 0 .5rem);text-decoration:none;transition:color .2s ease-in-out;white-space:nowrap}@media (hover:hover){.nav-cat-item:hover{--color:var(--text-accent);--bg:var(--layer-01)}.nav-cat-item:hover .icon{--color:var(--icon-accent)}}@media (min-width:80rem){.nav-cat-item{--item-padding:0 1rem;--font-size:.875rem;--font-weight:700;--line-height:1.3;--letter-spacing:0}}.nav-cat-item.is-no-icon{--item-padding:0 .5rem}@media (min-width:48rem){.nav-cat-item.is-no-icon{--item-padding:0 1rem}}@media (min-width:80rem){.nav-cat-item.is-hidden{position:absolute;visibility:hidden}}.nav-cat-item .icon{--color:var(--icon-primary);--icon-size:20px}.nav-cat-item.is-active{--color:var(--text-primary);--bg:var(--button-bg-secondary-click)}.nav-cat-item.is-active .icon{--color:var(--icon-contrast)}.nav-cat-select{align-items:center;background-color:var(--bg,var(--layer-01));border:1px solid var(--border-color,var(--layer-01));color:var(--color,var(--text-secondary));display:flex;font-size:var(--font-size,.75rem);font-weight:var(--font-weight,500);grid-auto-flow:column;grid-template-columns:auto 1fr;letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3);min-height:var(--height,2.5rem);padding:.5rem 1rem;text-decoration:none;transition:color .2s ease-in-out;white-space:nowrap;grid-column-gap:.5rem;border-radius:12px;cursor:pointer;position:var(--position,absolute);visibility:var(--visibility,hidden)}.nav-cat-select .icon{position:relative;transform:var(--icon-transform,rotate(0));transition:transform .2s ease-in-out;--color:var(--icon-primary);--icon-size:20px}@media (min-width:80rem){.nav-cat-select{--font-size:.875rem;--font-weight:700;--line-height:1.3;--letter-spacing:0;--position:relative;--visibility:visible}}.nav-cat-select.is-hidden{--position:absolute;--visibility:hidden}.nav-cat-select.is-open{--border-color:var(--border-click);--bg:var(--field-00-click);--color:var(--text-primary)}.nav-cat-select.is-open .icon-expand{--icon-transform:rotate(-180deg)}.nav-cat-select.is-open .nav-cat-select-items{display:grid}.nav-cat-select.is-open>.icon{--color:var(--icon-primary)}@media (hover:hover){.nav-cat-select:hover{--border-color:var(--border-hover);--color:var(--text-primary)}.nav-cat-select:hover>.icon{--color:var(--icon-primary)}}.nav-cat-select-items{background-color:var(--items-bg,var(--layer-02));border-radius:12px;box-shadow:var(--shadow-group);display:none;max-height:calc(10rem + 16px);overflow-x:hidden;overflow-y:auto;padding:.5rem;position:absolute;right:-.25rem;top:2.5rem;transform:translateY(.5rem);width:100%}.nav-cat-select-item{align-items:center;background-color:var(--item-bg,transparent);color:var(--text-primary);cursor:pointer;display:grid;font-size:var(--font-size,.75rem);font-weight:var(--font-weight,400);grid-auto-flow:column;grid-template-columns:auto 1fr;letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3);min-height:2.5rem;padding:.5rem;position:relative;text-overflow:ellipsis;transition:background-color .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;grid-column-gap:.5rem;border-radius:8px}@media (hover:hover){.nav-cat-select-item:hover:not(.is-active){--item-bg:var(--button-bg-secondary-click);color:var(--text-primary)}}.nav-cat-select-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-cat-select-item .icon{position:relative;transition:transform .2s ease-in-out;--icon-size:20px;--color:var(--icon-contrast);justify-self:flex-end}.nav-cat-select-item.is-active{color:var(--text-primary)}.nav-cat-select-item.is-active .icon{--color:var(--text-primary)}.nav-cat-select-item.is-hidden{display:none}