.catalog-filter-bar{z-index:12;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:100px}@media (width<=701px){.catalog-filter-bar{top:80px}}@media (height<=550px){.catalog-filter-bar{position:static}}.catalog-filter-bar{isolation:isolate;padding:12px 24px 0;transition:color .24s,border-color .24s,background-color .24s}.catalog-filter-bar:before{content:"";z-index:-1;pointer-events:none;background:var(--gnb-glass);-webkit-backdrop-filter:blur(24px)saturate(145%)brightness(.85);backdrop-filter:blur(24px)saturate(145%)brightness(.85);opacity:0;border-radius:22px;transition:opacity .26s cubic-bezier(.22,1,.36,1);position:absolute;inset:-76px 0 0;box-shadow:0 12px 24px #071f1a18}.catalog-filter-bar[data-docked=true]{color:#f4f5ed;--ink:#f4f5ed;--forest:#f4f5ed;--muted:#d2ded6;--line:#ffffff30;background:0 0;border-color:#0000}.catalog-filter-bar[data-docked=true]:before{opacity:1}.catalog-filter-bar[data-docked=true] .search-bar{color:inherit;border-color:#ffffff40}.catalog-filter-bar[data-docked=true] .search-bar input{color:inherit}.catalog-filter-bar[data-docked=true] .search-bar input::placeholder,.catalog-filter-bar[data-docked=true] [role=tab]{color:#d2ded6}.catalog-filter-bar[data-docked=true] [role=tab][aria-selected=true]{color:#fff}.catalog-filter-bar[data-docked=true] :focus-visible{outline-color:#f4f5ed}body:has(.catalog-filter-bar) .header{transition:background-color .24s,border-color .24s,box-shadow .24s}body:has(.catalog-filter-bar[data-docked=true]) .header{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}body:has(.catalog-filter-bar[data-docked=true]) .header:before{box-shadow:none;background:0 0}@media (width<=701px){.catalog-filter-bar{padding-inline:16px}.catalog-filter-bar:before{border-radius:19px;top:-64px}}@media (prefers-reduced-motion:reduce){.catalog-filter-bar,.catalog-filter-bar:before{transition:none}body:has(.catalog-filter-bar) .header{transition:none}}@media (prefers-reduced-transparency:reduce){.catalog-filter-bar:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:#153d33}}@media (forced-colors:active){.catalog-filter-bar:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border:1px solid canvastext}.catalog-filter-bar[data-docked=true]{color:canvastext;--ink:CanvasText;--forest:CanvasText;--muted:CanvasText;--line:CanvasText}.catalog-filter-bar[data-docked=true] [role=tab]{color:canvastext}.catalog-filter-bar[data-docked=true] [role=tab][aria-selected=true]{color:highlighttext;background:highlight}.catalog-filter-bar[data-docked=true] .search-bar input::placeholder{color:graytext}}.catalog-filter-bar{transform-origin:top}.catalog-filter-bar[data-collapsed=true]{opacity:0;pointer-events:none;transform:scaleY(.92)}@media (prefers-reduced-motion:no-preference){.catalog-filter-bar{transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .18s,color .24s,border-color .24s,background-color .24s}}.music-filter-boundary .music-catalog-search{margin-top:0}.music-filter-boundary .music-catalog-tabs-scroll{border-bottom:0;margin-top:8px}.music-filter-boundary .catalog-filter-bar{padding-top:4px}.catalog-filter-bar[data-docked=true] [role=tab] span{color:inherit}.archive>.catalog-filter-bar{padding-top:4px}.archive .catalog-filter-bar .archive-toolbar{max-width:none;margin-top:0}.archive .catalog-filter-bar .video-format-tabs-border{border-bottom:0;margin-top:8px}.music-filter-boundary .catalog-filter-bar:not([data-docked=true]){padding-inline:0}