.FilterDrawer{position:fixed;left:0;top:0;padding-top:var(--NavBarSizeHeight,75px);width:var(--DrawerWidth);display:flex;flex-direction:column;z-index:11;height:100%;justify-content:space-between;transition:var(--DrawerTransition);overflow:hidden}@media(max-width:768px){.FilterDrawer{padding-top:var(--NavBarSizeHeight,67px);background-color:var(--BgColor)}}.FilterDrawer[data-fullscreen=true]{opacity:0}.FilterDrawer[data-active=true]{left:0}@media(max-width:768px){.FilterDrawer{position:static;background-color:rgba(0,0,0,0);display:none;padding-top:0}.FilterDrawer .UpperSection{padding-top:0}}.FilterDrawer.OnPage[data-active=false]{translate:-100% 0}.FilterDrawer.OnPage[data-active=true]{translate:0 0}.FilterDrawer[data-active=true]>*{opacity:1;transition:all .25s ease-in-out .15s}.FilterDrawer .FilterButton[data-color][data-active=true]{cursor:default}.CurrentFilters{position:absolute;translate:0 3px}@media(max-width:768px){.CurrentFilters{display:none}}.UpperSection{display:flex;flex-direction:column;padding:var(--Measure1);padding-inline:var(--Measure2);flex-grow:1}@media(max-width:768px){.UpperSection{padding:var(--Measure1)}}.LowerSection{display:block;padding:var(--Measure1)}@media(max-width:768px){.LowerSection{padding-bottom:var(--Measure1)}}.LowerSection .FilterSortRow{display:flex;justify-content:space-between;padding-bottom:0}@media(max-width:768px){.LowerSection .FilterSortRow{flex-direction:column;gap:1.2rem}.LowerSection .FilterSortRow #ApplyFiltersButton{display:flex;opacity:0}.LowerSection .FilterSortRow #ApplyFiltersButton[data-active=true]{opacity:1}.LowerSection .FilterSortRow button{width:100%;height:32px}}.LowerSection #ApplyFiltersButton{display:none}.FilterButton{min-width:unset;max-width:unset;white-space:nowrap;justify-content:flex-start;cursor:pointer;position:relative;overflow:hidden;width:100%;appearance:none;background:none;display:flex;align-items:center;justify-content:center;width:fit-content;box-sizing:border-box;display:inline-flex;transition:var(--TransitionMain);color:var(--TextColor);background-color:var(--BgColor);border-radius:var(--ButtonBorderRadius);border:1px solid;font-family:var(--Font) var(--FontFallback);font-size:1rem;font-weight:500;line-height:1.3em;text-align:left;text-transform:uppercase;color:var(--TextColorGray);background-color:var(--BgColorGray);backdrop-filter:blur(24px);border:rgba(0,0,0,0);padding:12px;border-radius:10px;height:var(--PillHeight);padding:var(--PillPadding);border-radius:var(--PillBorderRadius)}@media(max-width:768px){.FilterButton{font-size:1.5rem}}.FilterButton.FullWidth{width:100%}.FilterButton.Square{padding:0;height:35px;width:35px}@media(hover:hover)and (pointer:fine){.FilterButton:hover:not(.InActive){color:var(--TextColor)}}.FilterButton.IsActive{color:var(--TextColor)}.FilterButton.InActive{cursor:default;color:var(--TextColorGray);background-color:var(--BgColorGray);backdrop-filter:blur(24px);border-color:rgba(0,0,0,0);opacity:.35}@media(hover:hover)and (pointer:fine){.FilterButton[data-color]:hover{background:var(--TagColor)}}.FilterButton[data-color][data-active=true]{background:var(--TagColor);color:var(--TextColor)}.FilterSortRow{display:flex;flex-direction:column;padding-bottom:30px}.FilterSortRow .Label{padding-bottom:15px;font-family:var(--Font) var(--FontFallback);font-size:1rem;font-weight:500;line-height:1.3em;text-align:left;text-transform:uppercase}@media(max-width:768px){.FilterSortRow .Label{font-size:1.5rem}}.FilterSortRow .Values{display:flex;flex-direction:column;gap:6px}.FilterSortRow .FilterSortReset{transition:all .15s ease-in-out;opacity:0;visibility:hidden;width:min-content;white-space:nowrap;appearance:none;background:none;align-items:center;justify-content:center;width:fit-content;box-sizing:border-box;display:inline-flex;transition:var(--TransitionMain);color:var(--TextColor);background-color:var(--BgColor);border-radius:var(--ButtonBorderRadius);border:1px solid;font-family:var(--Font) var(--FontFallback);font-size:1rem;font-weight:500;line-height:1.3em;text-align:left;text-transform:uppercase;color:var(--TextColorGray);background-color:var(--BgColorGray);backdrop-filter:blur(24px);border:rgba(0,0,0,0);display:flex;justify-content:flex-start;padding:8px 16px;height:32px}@media(max-width:768px){.FilterSortRow .FilterSortReset{font-size:1.5rem}}.FilterSortRow .FilterSortReset.FullWidth{width:100%}.FilterSortRow .FilterSortReset.Square{padding:0;height:35px;width:35px}@media(hover:hover)and (pointer:fine){.FilterSortRow .FilterSortReset:hover:not(.InActive){color:var(--TextColor)}}.FilterSortRow .FilterSortReset.IsActive{color:var(--TextColor);opacity:1;visibility:visible;color:var(--TextColorGray)}@media(hover:hover)and (pointer:fine){.FilterSortRow .FilterSortReset.IsActive:hover{color:var(--TextColor)}}.FilterSortRow .FilterSortReset:has(span){justify-content:space-between}.FilterSortRow .FilterSortReset span{height:100%;opacity:0;translate:-8px 0;transition:var(--TransitionMain);display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}@media(max-width:768px){.FilterSortRow .FilterSortReset span{translate:0 0}}@media(hover:hover)and (pointer:fine){.FilterSortRow .FilterSortReset:hover span{opacity:1;translate:0 0}}@media(max-width:768px){.FilterSortRow .FilterSortReset span{opacity:1;translate:0 0}}.FilterSortRow .FilterSortReset[data-move-up=true]{translate:0 calc(var(--Measure2)*-1)}.FilterSortColumn{gap:2px}.FilterSortColumn,.SortOptions{display:flex;flex-direction:column}.SortOptions{gap:1px;transition:all .15s ease-in-out;padding-bottom:1px;overflow:hidden}.SortOptions .SortRow{height:2em;min-height:2em;max-height:2em;width:100%;border:none;border-radius:0}.FilterOverlayContent{display:grid;grid-template-rows:auto 1fr;height:100%}