@layer components{aside.sidebar-filter{display:block;grid-column:1 / -1;@media (min-width:1200px){grid-column:4 / span 1;grid-row:1;display:grid;gap:var(--space-20)}}.sidebar-filter-navigation{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;height:var(--space-48);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-corner);background-color:var(--color-bg-surface-alt);box-shadow:none;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;@media (min-width:1200px){display:none}}.sidebar-filter-navigation button{display:inline-flex;align-items:center;gap:var(--space-8);inline-size:100%;block-size:100%;padding-inline:var(--space-16);border-radius:inherit;color:var(--color-ui-contrast);transition:background-color .18s ease,color .18s ease}.sidebar-filter-navigation:has(.filter.open){border-color:var(--color-brand-primary);background-color:color-mix(in oklch,var(--color-brand-primary) 16%,var(--color-bg-surface-alt));box-shadow:0 var(--space-8) var(--space-20) color-mix(in oklch,var(--color-brand-primary) 18%,transparent)}.sidebar-filter-navigation .filter.open{background-color:var(--color-brand-primary);color:var(--color-neutral-950)}.sidebar-filter-navigation .svg-sprite{position:static;display:block;inline-size:1rem;block-size:1rem;overflow:visible;fill:currentColor;color:currentColor;transition:transform .18s ease}.sidebar-filter-navigation .filter.open .svg-sprite{transform:rotate(-8deg) scale(1.08)}.sidebar-filter-navigation .filter::before,.sidebar-filter-navigation .filter.open::before{content:none;display:none}.filter{display:flex;align-items:center;gap:var(--space-8)}.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;@media (min-width:1200px){display:grid;gap:var(--space-20)}}.sidebar-filter-dropdown.open{display:grid;gap:var(--space-20);margin-block:var(--space-20);padding-top:var(--space-4)}.sidebar-filter-dropdown.open .positie-2{display:none}.sidebar-event-years{display:grid;gap:var(--space-20)}.sidebar-event-filter{display:grid;gap:var(--space-12)}.sidebar-filter-search-input{position:relative;flex-grow:1}.sidebar-filter-search-input__icon{position:absolute;top:50%;left:var(--space-14);z-index:1;display:block;inline-size:var(--space-16);block-size:var(--space-16);overflow:visible;color:var(--input-color);fill:currentColor;pointer-events:none;transform:translateY(-50%)}.sidebar-filter-search-input input{padding-left:var(--space-40)}.sidebar-filter-rubrieken{display:flex;align-items:center;width:100%;overflow:hidden}.sidebar-filter-rubrieken-select{position:relative;width:100%}.sidebar-filter-rubrieken-select select{appearance:none;padding-right:var(--space-40);border-color:var(--color-dropdown-border);background-color:var(--color-control-bg);color:var(--color-control-text)!important;-webkit-text-fill-color:var(--color-control-text)!important;font-weight:var(--font-weight-bold);transition:border-color .18s ease,background-color .18s ease}.sidebar-filter-rubrieken-select select:hover,.sidebar-filter-rubrieken-select select:focus-visible{border-color:var(--color-dropdown-border);background-color:var(--color-control-hover-bg)!important}.sidebar-filter-rubrieken-select__chevron{position:absolute;top:50%;right:var(--space-16);display:block;inline-size:var(--space-16);block-size:var(--space-16);overflow:visible;color:var(--color-control-text);fill:currentColor;pointer-events:none;transform:translateY(-50%);transform-origin:center;transition:transform .18s ease}.sidebar-filter-rubrieken-select.is-open .sidebar-filter-rubrieken-select__chevron,.sidebar-filter-rubrieken-select:focus-within .sidebar-filter-rubrieken-select__chevron,.sidebar-filter-rubrieken-select select:focus-visible + .sidebar-filter-rubrieken-select__chevron{transform:translateY(-50%) rotate(180deg)}@supports selector(:has(select:open)){.sidebar-filter-rubrieken-select:has(select:open) .sidebar-filter-rubrieken-select__chevron{transform:translateY(-50%) rotate(180deg)}}.sidebar-filter-favorites{display:grid;gap:var(--space-20)}.sidebar-filter-favorites__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);justify-self:stretch;width:100%;min-height:var(--space-40);padding-inline:var(--space-16);border:var(--border-width-hairline) solid var(--color-border);border-radius:var(--radius-round);background:var(--color-bg-surface);color:var(--color-text);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.sidebar-filter-favorites__button:not(.disabled):hover,.sidebar-filter-favorites__button:not(.disabled):focus-visible{border-color:var(--color-brand-primary);background:var(--color-control-hover-bg);color:var(--color-ui-contrast);transform:translateY(-0.0625rem)}.sidebar-filter-favorites__button.active{border-color:var(--color-brand-primary);color:var(--color-ui-contrast)}.sidebar-filter-favorites__icon{position:static;display:block;flex:0 0 var(--space-16);inline-size:var(--space-16);block-size:var(--space-16);overflow:visible;fill:currentColor}.sidebar-filter-favorites__icon--solid,.sidebar-filter-favorites__button.active .sidebar-filter-favorites__icon--regular{display:none}.sidebar-filter-favorites__button.active .sidebar-filter-favorites__icon--solid{display:block}.platforms{display:grid;gap:var(--space-20);padding-bottom:var(--space-26);border-bottom:1px solid var(--color-bg-surface-alt)}.platforms .sidebar-filter-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.sidebar-filter-platforms .more,.sidebar-filter-platforms .less{display:flex;justify-content:center;align-items:center;cursor:pointer}.sidebar-filter-platforms .more::before,.sidebar-filter-platforms .less::before{content:none;display:none}.sidebar-filter-platforms-toggle{display:grid;place-items:center;inline-size:100%;block-size:100%;min-height:var(--space-32);background:transparent;color:inherit;cursor:pointer}.platforms .platform:not(.selected) .sidebar-filter-platforms-toggle,.platforms .platform.selected .sidebar-filter-platforms-toggle{color:var(--color-badge-platform-text)}.sidebar-filter-platforms-toggle__icon{position:static;display:block;inline-size:var(--space-14);block-size:var(--space-14);overflow:visible;fill:currentColor}.sidebar-filter-platforms .more .sidebar-filter-platforms-toggle__icon--minus,.sidebar-filter-platforms .less .sidebar-filter-platforms-toggle__icon--plus{display:none}.platforms .sidebar-filter-platforms-dropdown{display:none}.platforms .sidebar-filter-platforms-dropdown.show{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);margin-top:var(--space-8)}.platforms .platform{display:flex;min-height:var(--space-32);border-radius:var(--radius-corner)}.platforms .platform a{display:flex;align-items:center;align-content:center;justify-content:center;width:100%;padding-inline:var(--space-8);border-radius:inherit;font-weight:var(--font-weight-bold);color:var(--color-badge-platform-empty-text)}.platforms .platform a:hover{color:var(--color-badge-platform-empty-text)}.platforms .platform:not(.selected){background-color:var(--color-badge-platform-empty-bg)!important}.platforms .platform:not(.selected) a{color:var(--color-badge-platform-text)}.platforms .platform.selected a{color:var(--color-badge-platform-text)}.platforms+.years,.platforms+.score{margin-top:0;border-top:none}.sidebar-filter-score,.sidebar-filter-years{display:grid;gap:var(--space-8);font-size:var(--text-xs)}#sidebar_filterYearSlider,#js-sidebar-filter-score-slider,.sidebar-score-filter-score{position:relative;width:auto;height:0.25rem;margin:0 0.79rem 0 0.66rem;background-color:var(--color-bg-surface-alt)}#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(--color-brand-primary)}#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:-0.625rem;margin-left:-0.625rem;border-radius:var(--radius-corner);background-color:var(--color-brand-primary);cursor:pointer}#sidebar_filterYearSlider .ui-slider-handle span,.sidebar-score-filter-score .ui-slider-handle>span{position:absolute;bottom:1.9rem}#js-sidebar-filter-score-slider .ui-slider-handle>.sidebar-filter-score-handle{position:absolute;bottom:1.9rem}#js-sidebar-filter-score-slider .sidebar-filter-score-handle span{position:static;bottom:auto}#sidebar_filterYearSliderPips,.sidebar-filter-score-stars{display:grid;align-content:space-around;margin-top:1rem}#sidebar_filterYearSliderPips{grid-template-columns:repeat(2,1fr)}.sidebar-filter-score-stars{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:var(--space-12);width:100%;margin-top:var(--space-12)}.sidebar-filter-slider-stars{display:flex;min-width:0;gap:0.0625rem}.sidebar-filter-score-star{position:static;display:block;inline-size:var(--space-12);block-size:var(--space-12);overflow:visible;color:var(--color-brand-primary);fill:currentColor}.sidebar-filter-score-star--empty{color:color-mix(in oklch,var(--color-brand-primary) 86%,var(--color-text));opacity:1}.sidebar-filter-score-handle{display:inline-flex;align-items:center;gap:var(--space-4);color:var(--color-neutral-950);font-weight:var(--font-weight-bold);line-height:var(--leading-none)}.sidebar-filter-score-handle__icon{position:static;display:block;inline-size:var(--space-12);block-size:var(--space-12);overflow:visible;fill:currentColor}.sidebar-filter-slider-stars.left{justify-self:start;justify-content:flex-start}.sidebar-filter-slider-stars.center{justify-self:center;justify-content:center}.sidebar-filter-slider-stars.right{justify-self:end;justify-content:flex-end}.sidebar-filter-slider-years.right{text-align:right}.score{display:grid;gap:var(--space-40);margin-bottom:var(--space-26);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-bg-surface-alt)}.years{display:grid;gap:var(--space-40)}}