.filter-bar{width:100%;min-width:0;margin:0 0 20px}.filter-bar-row{align-items:center;gap:12px;min-width:0;display:flex}.filter-round-button{color:#f4f6ff;cursor:pointer;background:linear-gradient(145deg,#ffffff15,#ffffff03);border:1px solid #ffffff26;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;padding:0;display:grid;position:relative;box-shadow:inset 0 1px 2px #ffffff38,0 4px 14px #0005}.filter-round-button[aria-expanded=true]{background:#ffffff18;border-color:#ffffff59}.filter-count{background:var(--tv-blue,#4868e8);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:650;display:grid;position:absolute;top:-2px;right:-3px;box-shadow:0 0 0 2px #090a0e}.filter-category-slider{overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;border-radius:24px;flex:1;align-items:center;gap:8px;min-width:0;padding:5px 3px;scroll-padding-inline:3px;display:flex;overflow-x:auto}.filter-category-slider::-webkit-scrollbar{display:none}.filter-category-slider button{color:#c9ccd6;min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;scroll-snap-align:start;background:linear-gradient(160deg,#ffffff0e,#ffffff04);border:1px solid #ffffff18;border-radius:999px;flex:none;padding:10px 18px;font-size:14px;line-height:1.3}.filter-category-slider button[aria-pressed=true]{color:#181b26;background:#e8ebf5;border-color:#e8ebf5;font-weight:600}.filter-category-slider button:hover{border-color:#fff5}.filter-panel{-webkit-backdrop-filter:blur(22px)saturate(1.25);background:linear-gradient(145deg,#2a2d36b8,#15171ecc);border:1px solid #ffffff20;border-radius:26px;margin-top:14px;padding:18px;animation:.2s ease-out filter-panel-enter;box-shadow:inset 0 1px #ffffff20,0 12px 28px #0003}.filter-panel[hidden]{display:none}.filter-panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.filter-panel-heading button{color:#c4ceff;min-height:36px;font:inherit;cursor:pointer;background:#ffffff0c;border:0;border-radius:999px;padding:4px 12px;font-size:13px}.filter-panel-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.filter-panel-fields>.choice-picker{min-width:0}.filter-panel-fields .choice-trigger{background:#ffffff08;border-radius:18px;width:100%;min-height:60px;box-shadow:inset 0 1px #ffffff14}.catalogue-toolbar.catalogue-toolbar-search{margin-bottom:12px;display:block}.catalogue-toolbar-search .catalogue-search{width:100%}.filter-bar :is(button,input):focus-visible{outline:2px solid var(--tv-blue,#7087f4);outline-offset:2px}@keyframes filter-panel-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media (width<=600px){.filter-bar-row{gap:8px}.filter-round-button{width:48px;height:48px}.filter-category-slider{gap:7px}.filter-category-slider button{padding-inline:15px;font-size:13px}.filter-panel{border-radius:22px;padding:14px}.filter-panel-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filter-panel-fields>.choice-picker:last-child:nth-child(3){grid-column:1/-1}}@media (width>=1920px){.filter-round-button{width:clamp(56px,3.2vw,94px);height:clamp(56px,3.2vw,94px)}.filter-round-button>svg{width:clamp(22px,1.25vw,40px);height:clamp(22px,1.25vw,40px)}.filter-category-slider{gap:clamp(8px,.5vw,18px)}.filter-category-slider button{min-height:clamp(48px,3vw,86px);padding-inline:clamp(20px,1.2vw,42px);font-size:clamp(16px,.9vw,28px)}.filter-panel{padding:clamp(20px,1.4vw,48px)}.filter-panel-heading{font-size:clamp(17px,.9vw,28px)}.filter-panel-fields .choice-trigger{min-height:clamp(64px,3.3vw,104px)}}@media (prefers-reduced-motion:reduce){.filter-panel{animation:none}}@media (prefers-reduced-transparency:reduce){.filter-panel{-webkit-backdrop-filter:none;background:#202229}}@property --search-beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.catalogue-search.beam-search{background:#111216;border:1px solid #ffffff20;border-radius:999px;box-shadow:inset 0 1px #ffffff08}.beam-search:before{content:"";border-radius:inherit;background:conic-gradient(from var(--search-beam-angle),transparent 0deg,transparent 285deg,#9fbded90 330deg,transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:10s linear infinite search-border-beam;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.beam-search .catalogue-search-submit{color:#ced6e3;background:#ffffff0b}.beam-search .catalogue-search-submit:hover{color:#fff;background:#ffffff19}.beam-search:focus-within{outline-offset:3px;outline:2px solid #a6c8ff}@keyframes search-border-beam{to{--search-beam-angle:360deg}}@media (prefers-reduced-motion:reduce){.beam-search:before{animation:none}}@media (forced-colors:active){.beam-search:before{display:none}.catalogue-search.beam-search{border-color:canvastext}}