.nav-cat,.nav-cat-item,.nav-cat-select{align-items:center;display:flex}.nav-cat-scroll::-webkit-scrollbar{-ms-overflow-style:none}.nav-cat-select-items{scrollbar-color:var(--layer-02);scrollbar-width:thin}.nav-cat-select-items::-webkit-scrollbar{background-color:transparent;height:.25rem;width:.25rem}.nav-cat-select-items::-webkit-scrollbar-thumb{background:var(--field-00-click);border-radius:8px}.nav-cat-wrap{border-radius:8px}.nav-cat-scroll{-ms-overflow-style:none;margin:var(--margin-top,1.5rem) var(--margin-right,-1rem) var(--margin-bottom,1.5rem) var(--margin-left,-1rem);overflow:auto;position:relative;scrollbar-width:none;z-index:2}.nav-cat-scroll::-webkit-scrollbar{display:none}.category .nav-cat-scroll{--margin-top:0;--margin-bottom:0}@media (min-width:48rem){.nav-cat-scroll{--margin-left:-2rem;--margin-right:-2rem}}@media (min-width:64rem){.nav-cat-scroll{--margin-bottom:2.5rem}}@media (min-width:80rem){.nav-cat-scroll{--margin-left:0;--margin-right:0;max-width:100%;min-width:0;overflow:visible;width:100%}}.nav-cat{grid-column-gap:8px;border-radius:8px;display:inline-flex;padding:.25rem 1.375rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}@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{grid-column-gap:.25rem;background-color:var(--white-white-5);border-radius:8px;color:var(--white-white-60);cursor:pointer;font-size:var(--font-size,.75rem);font-weight:var(--font-weight,500);font-weight:400;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);position:relative;text-decoration:none;transition:color .2s ease-in-out;white-space:nowrap}@media (hover:hover){.nav-cat-item:hover{--color:var(--white-white-5);--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,.nav-cat-item.is-active .icon{color:var(--white)}.nav-cat-select{grid-column-gap:.5rem;align-items:center;background-color:var(--white-white-5);border:1px solid var(--border-color,var(--layer-01));border-radius:12px;color:var(--white-white-60);cursor:pointer;display:flex;font-size:var(--font-size,.75rem);font-weight:var(--font-weight,500);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:var(--height,2.5rem);padding:.5rem 1rem;position:var(--position,absolute);text-decoration:none;transition:color .2s ease-in-out;visibility:var(--visibility,hidden);white-space:nowrap}.nav-cat-select .icon{--color:var(--icon-primary);--icon-size:20px;position:relative;transform:var(--icon-transform,rotate(0));transition:transform .2s ease-in-out}@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 .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>.icon{--color:var(--icon-primary)}}.nav-cat-select-items{background-color:var(--surface-color-2);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{grid-column-gap:.5rem;align-items:center;background-color:var(--item-bg,transparent);border-radius:8px;color:var(--white-white-60);cursor:pointer;display:grid;font-size:var(--font-size,.75rem);font-weight:var(--font-weight,400);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}@media (hover:hover){.nav-cat-select-item:hover:not(.is-active){background:var(--white-white-5)}}.nav-cat-select-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-cat-select-item .icon{--icon-size:20px;--color:var(--icon-contrast);justify-self:flex-end;position:relative;transition:transform .2s ease-in-out}.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}
