.discover-grid-wrapper{transition:opacity .3s ease,filter .3s ease}.discover-grid-wrapper.is-loading{opacity:.4;filter:blur(4px);pointer-events:none}.discover-filter-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;position:sticky;top:0;z-index:50;background:#070708b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:3rem 3rem 1rem;margin:-3rem -3rem 1.5rem}@media (max-width: 767px){.discover-filter-bar{flex-wrap:wrap;padding:2rem 2rem 1.5rem;margin:-1rem -1rem .5rem}}.filter-dropdown{position:relative;flex-shrink:0}.filter-dropdown-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:120px;background:#ffffff0f;border:none;color:#f4f4f4;font-size:.88rem;font-weight:500;padding:.6rem 1.1rem;border-radius:20px;cursor:pointer;white-space:nowrap;transition:background .15s ease}.filter-dropdown--genres .filter-dropdown-trigger{min-width:110px}.filter-dropdown-trigger:hover{background:#ffffff1a}.filter-dropdown-trigger .filter-dropdown-chevron{font-size:.65rem;opacity:.5;transition:transform .2s ease}.filter-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0}.filter-dropdown--genres .filter-dropdown-menu{left:auto;right:0}.filter-dropdown-menu{min-width:170px;background:#11131b;border-radius:12px;padding:.35rem;z-index:100;box-shadow:0 12px 32px #0006;display:flex;flex-direction:column;gap:2px}.filter-dropdown-menu--genres{min-width:220px;max-height:340px;overflow-y:auto}.filter-dropdown-menu--genres::-webkit-scrollbar{width:4px}.filter-dropdown-menu--genres::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.filter-dropdown-item{display:flex;align-items:center;gap:.6rem;width:100%;background:transparent;border:none;color:#b3b6bf;font-size:.85rem;padding:.45rem .7rem;border-radius:8px;text-align:left;cursor:pointer;transition:all .12s ease}.filter-dropdown-item:hover{background:#ffffff0f;color:#f4f4f4}.filter-dropdown-item.active{background:#3b5dc926;color:#5a85d4;font-weight:500}.filter-dropdown-clear{background:transparent;border:none;color:#5a85d4;font-size:.78rem;font-weight:500;padding:.35rem .7rem;text-align:left;cursor:pointer;margin-bottom:.15rem}.filter-dropdown-clear:hover{color:#f4f4f4}.filter-genre-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;background:#ffffff0f;font-size:.6rem;color:transparent;flex-shrink:0;transition:all .15s ease}.filter-genre-check.checked{background:#3b5dc9;color:#f4f4f4}.filter-genre-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;background:#3b5dc9;color:#f4f4f4;font-size:.7rem;font-weight:700;padding:0 5px;line-height:1}.custom-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.custom-checkbox input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:1}.custom-checkbox .custom-checkbox__box{width:18px;height:18px;border-radius:5px;border:2px solid rgba(255,255,255,.2);background:#ffffff0a;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.custom-checkbox .custom-checkbox__box svg{width:10px;height:10px;opacity:0;transform:scale(.5);transition:all .15s ease;color:#f4f4f4}.custom-checkbox input:checked+.custom-checkbox__box{background:#3b5dc9;border-color:#3b5dc9}.custom-checkbox input:checked+.custom-checkbox__box svg{opacity:1;transform:scale(1)}.custom-checkbox:hover .custom-checkbox__box{border-color:#ffffff59}.custom-checkbox input:checked+.custom-checkbox__box:hover{background:#5a85d4;border-color:#5a85d4}.filter-search{flex:1;display:flex;align-items:center;background:#ffffff0f;border-radius:20px;padding:0 1rem;min-width:0;transition:background .15s ease}.filter-search:focus-within{background:#ffffff1a;box-shadow:0 0 0 2px #3b5dc940}@media (max-width: 767px){.filter-search{order:10;flex-basis:100%}}.filter-search-icon{color:#808491;font-size:.85rem;flex-shrink:0}.filter-search-input{flex:1;background:transparent;border:none;color:#f4f4f4;font-size:.88rem;padding:.6rem .65rem;outline:none;min-width:0}.filter-search-input::placeholder{color:#808491}.discover-active-genres{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem}.discover-genre-tag,.genre-tag{display:inline-flex;align-items:center;gap:.4rem;background:#3b5dc926;color:#5a85d4;font-size:.8rem;font-weight:500;padding:.3rem .7rem;border-radius:999px;cursor:pointer;transition:background .15s ease}.discover-genre-tag:hover,.genre-tag:hover{background:#3b5dc940}.discover-genre-tag,.genre-tag{border:none}.discover-genre-tag svg,.discover-genre-tag .genre-tag-x,.genre-tag svg,.genre-tag .genre-tag-x{font-size:.65rem;opacity:.7}.genre-tag-clear{background:transparent;border:none;color:#808491;font-size:.8rem;padding:.3rem .5rem;cursor:pointer}.genre-tag-clear:hover{color:#f4f4f4}