.nav-bar{width:calc(var(--index)*10);min-width:calc(var(--index)*10);height:calc(100vh - var(--index)*5.6);display:flex;flex-direction:column;gap:calc(var(--index)/3.75);margin:calc(var(--index)/3.75);margin-bottom:0;opacity:1;visibility:visible;transform:translateX(0);transition:width .3s,min-width .3s,visibility .3s,transform .3s linear,opacity .3s;overflow:hidden}.nav-bar--hidden{width:0;min-width:0;visibility:hidden;opacity:0;transform:translateX(-20%)}.nav-bar__head{align-content:center;justify-items:center}.nav-bar__head,.nav-bar__sort-btns{display:grid;grid-template-columns:1fr 1fr}.nav-bar__sort-btns{grid-gap:calc(var(--index)/7.5);gap:calc(var(--index)/7.5);width:100%}.nav-bar__sort-btn{width:100%;height:calc(var(--index)/1.5);border:1px solid #242429;border-radius:6px}.nav-bar__sort-btn_container{cursor:pointer;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.nav-bar__sort-btn_container svg path{stroke:#4e4e52;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-bar__sort-btn_svg-text{font-family:Mont,Arial,sans-serif;color:#4e4e52;font-weight:600;font-size:calc(var(--index)/2.142)}.nav-bar__sort-btn_checkbox{visibility:hidden;position:absolute;opacity:0}.nav-bar__sort-btn_checkbox:checked+.nav-bar__sort-btn{background-color:#242429;border:none}.nav-bar__sort-btn_checkbox:checked+.nav-bar__sort-btn svg path{stroke:#b8b8bf}.nav-bar__sort-btn_checkbox:checked+.nav-bar__sort-btn .nav-bar__sort-btn_svg-text{color:#b8b8bf}.nav-bar__sort-btn:hover{border-color:#343438}.nav-bar__sort-btn:hover .nav-bar__sort-btn_svg-text{color:#b8b8bf}.nav-bar__sort-btn:hover svg path{stroke:#b8b8bf}.nav-bar__main{overflow:scroll;max-height:100%;display:flex;flex-direction:column}.nav-bar__main_tags{flex-direction:row;gap:calc(var(--index)/3.75) calc(var(--index)/7.5);flex-wrap:wrap}@media screen and (max-width:500px){.nav-bar{position:absolute;z-index:1;background-color:#18181b;width:100%;height:calc(100dvh - 72px - var(--index)/.275);margin:0;padding:0 8px;left:0}}.tag-row{display:flex;gap:calc(var(--index)/7.5);padding:calc(var(--index)/7.5) calc(var(--index)/3.75)}@media screen and (max-width:500px){.tag-row{gap:calc(var(--index)*.545);padding:calc(var(--index)/2.75) calc(var(--index)/1.375)}.nav-bar{position:absolute;bottom:0}}.selectfilter{flex-direction:column;gap:calc(var(--index)/3.75)}.selectfilter,.selectfilter__variants{display:flex;align-items:center;justify-content:center}.selectfilter__variants{width:100%;text-decoration:none;list-style:none;height:calc(var(--index)*2.06)}.selectfilter__chooser{width:100%;height:100%;border-radius:calc(var(--index)/1.875) calc(var(--index)/1.875) 0 0;background-color:#242429}.selectfilter__radio{cursor:pointer;border-radius:calc(var(--index)/2) calc(var(--index)/2) 0 0;width:100%;height:100%;margin-top:-2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background-color:#0e0e10}.selectfilter__name{font-family:Mont,Arial,sans-serif;color:#b8b8bf;font-weight:600;font-size:calc(var(--index)/2.142);transition:all .1s ease-in}.selectfilter__icon{width:calc(var(--index)/1.5);height:calc(var(--index)/1.5);background-color:#b8b8bf;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:border-box;mask-clip:border-box;-webkit-mask-position:center center;mask-position:center center;transition:all .1s ease-in}.selectfilter__icon_strim{-webkit-mask-image:url(/_next/static/media/User_Empty.82557679.svg);mask-image:url(/_next/static/media/User_Empty.82557679.svg)}.selectfilter__icon_tags{-webkit-mask-image:url(/_next/static/media/hash.694a3735.svg);mask-image:url(/_next/static/media/hash.694a3735.svg)}.selectfilter__chooser:hover .selectfilter__icon{background-color:#a970ff}.selectfilter__chooser:has(input:checked) .selectfilter__radio{margin:2px auto 0;width:calc(100% - var(--index)/8.5);transition-delay:.1s}.selectfilter__chooser:has(input:checked) .selectfilter__icon{background-color:#a970ff;width:calc(var(--index)/1);height:calc(var(--index)/1)}.selectfilter__chooser:has(input:checked) .selectfilter__name{font-size:calc(var(--index)/1.875);color:#f0f0f5}@media screen and (max-width:500px){.selectfilter{gap:calc(var(--index)*.545)}.selectfilter__variants{height:calc(var(--index)/.275)}.selectfilter__icon{width:calc(var(--index)/.611);height:calc(var(--index)/.611)}.selectfilter__name{font-size:calc(var(--index)/1.1)}.selectfilter__chooser{border-radius:calc(var(--index)*1.454) calc(var(--index)*1.454) 0 0}.selectfilter__radio{border-radius:calc(var(--index)*1.272) calc(var(--index)*1.272) 0 0;gap:calc(var(--index)/2.75);background-color:#18181b}.selectfilter__chooser:has(input:checked) .selectfilter__icon{width:calc(var(--index)/.55);height:calc(var(--index)/.55)}.selectfilter__chooser:has(input:checked) .selectfilter__name{font-size:calc(var(--index)/1)}}.sorter{width:100%;display:flex;gap:4px}.sorter__label{overflow:hidden;text-align:center;font-family:Mont,Arial,sans-serif;color:#4e4e52;font-weight:600;font-size:calc(var(--index)/2.142);border:1px solid #242429;border-radius:calc(var(--index)/5);height:calc(var(--index)/1.5);width:100%;cursor:pointer;transition:background-color .125s ease-in,color .125s ease-in}.sorter__label_active{background-color:#242429;color:#b8b8bf}.sorter__label_active>.sorter__icon{background-color:#b8b8bf}.sorter__text{position:relative}.sorter__text_span{display:block;width:calc(var(--index)*1.6);text-align:center;position:absolute;transition:left .2s cubic-bezier(1,.16,.46,.87),right .2s cubic-bezier(1,.16,.46,.87)}.sorter__text_span1{left:-50%;transform:translateX(-50%)}.sorter__text_span2{right:50%;transform:translateX(50%)}.sorter__icon{width:100%;height:100%;-webkit-mask-image:url(/_next/static/media/top-to-bottom.0c53a447.svg);mask-image:url(/_next/static/media/top-to-bottom.0c53a447.svg);-webkit-mask-size:70% 70%;mask-size:70% 70%;background-color:#4e4e52;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:transform .125s ease-in,background-color .125s ease-in}.sorter__label:has(input:checked) .sorter__icon{transform:scaleY(-1)}.sorter__label:has(input:checked) .sorter__text_span1{left:50%}.sorter__label:has(input:checked) .sorter__text_span2{right:-50%}@media screen and (max-width:500px){.sorter__label{font-size:calc(var(--index)*1.272);height:calc(var(--index)/.55);border-radius:calc(var(--index)*1.454)}}