@layer components{aside.sidebar-filter{grid-row-start:1;grid-row-end:1;display:block}.sidebar-filter-navigation{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;height:var(--size-750);padding:var(--size-400);border-radius:var(--size-100);background-color:var(--clr-primary-500)}.sidebar-filter-navigation button{color:var(--clr-primary-200)}.filter{display:flex;align-items:center;gap:var(--size-200)}.sidebar-filter-menu.open{display:none}.filter.open .sidebar-filter-menu{display:none}.filter.open .sidebar-filter-menu.open{display:block}.sidebar-filter-dropdown{display:none}.sidebar-filter-dropdown.open{display:grid;gap:var(--size-500);margin-block:var(--size-500)}.sidebar-filter-dropdown.open .positie-2{display:none}.sidebar-filter-search-input{position:relative;flex-grow:1}.sidebar-filter-rubrieken{display:flex;align-items:center;width:100%;overflow:hidden}.sidebar-filter-rubrieken-select{position:relative;width:100%}.sidebar-filter-rubrieken-select .angle-down::after{position:absolute;top:0;right:0;margin:.8rem}.sidebar-filter-favorites{display:grid;gap:var(--size-500)}.sidebar-filter-favorites .heart::before{padding-right:var(--size-200)}.platforms{display:grid;gap:var(--size-500);padding-bottom:var(--size-625);border-bottom:1px solid var(--clr-primary-500)}.platforms .sidebar-filter-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-200)}.sidebar-filter-platforms .more,.sidebar-filter-platforms .less{display:flex;justify-content:center;align-items:center;cursor:pointer}.platforms .sidebar-filter-platforms-dropdown{display:none}.platforms .sidebar-filter-platforms-dropdown.show{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-200);margin-top:var(--size-200)}.platforms .platform{padding:var(--size-100);border-radius:var(--size-100)}.platforms .platform a{display:flex;align-content:center;justify-content:center;font-weight:var(--fw-bold);color:var(--clr-platform-empty-txt)}.platforms .platform a:hover{color:var(--clr-platform-empty-txt);text-decoration:underline;text-underline-offset:.3125rem}.platforms .platform:not(.selected){background-color:var(--clr-platform-empty)!important}.platforms .platform:not(.selected) a{color:var(--clr-platform-primary-txt)}.platforms .platform.selected a{color:var(--clr-platform-primary-txt)}.platforms+.years,.platforms+.score{margin-top:0;border-top:none}.sidebar-filter-score,.sidebar-filter-years{display:grid;gap:var(--size-200)}#sidebar_filterYearSlider,#js-sidebar-filter-score-slider,.sidebar-score-filter-score{position:relative;width:auto;height:.25rem;margin:0 .79rem 0 .66rem;background-color:var(--clr-primary-500)}#sidebar_filterYearSlider .ui-slider-range,#js-sidebar-filter-score-slider .ui-slider-range,.sidebar-score-filter-score .ui-slider-range{position:absolute;height:100%;background-color:var(--clr-primary-100)}#sidebar_filterYearSlider .ui-slider-handle,#js-sidebar-filter-score-slider .ui-slider-handle,.sidebar-score-filter-score .ui-slider-handle{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:-.625rem;margin-left:-.625rem;border-radius:var(--size-100);background-color:var(--clr-primary-100);cursor:pointer}#sidebar_filterYearSlider .ui-slider-handle span,#js-sidebar-filter-score-slider .ui-slider-handle span,.sidebar-score-filter-score .ui-slider-handle span{position:absolute;bottom:1.9rem;font-size:.7rem}#sidebar_filterYearSliderPips,.sidebar-filter-score-stars{display:grid;align-content:space-around;margin-top:1rem}#sidebar_filterYearSliderPips{grid-template-columns:repeat(2,1fr);font-size:.625rem}.sidebar-filter-score-stars{grid-template-columns:repeat(3,1fr)}.sidebar-filter-score-stars div{font-size:.625rem}.sidebar-filter-slider-stars{display:flex}.sidebar-filter-slider-stars.left{justify-content:left}.sidebar-filter-slider-stars.center{justify-content:center}.sidebar-filter-slider-stars.right{justify-content:right}.sidebar-filter-slider-years.right{text-align:right}.score{display:grid;gap:var(--size-725);margin-bottom:var(--size-625);padding-bottom:var(--size-400);border-bottom:1px solid var(--clr-primary-500)}.years{display:grid;gap:var(--size-725)}@media (min-width:81.25rem){aside.sidebar-filter{grid-column:2;display:block}.sidebar-filter-navigation{display:none}.sidebar-filter-dropdown{display:block}}}