.game-filter-bar-container{width:100%;margin-bottom:1.5rem}.game-filter-bar-container .search-bar-row{width:100%}.game-filter-bar-container .search-bar-row .search-input-wrapper{position:relative;display:flex;align-items:center;gap:.75rem;background:var(--background-secondary,#18191d);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:0 1rem;height:46px;transition:all .2s ease}.game-filter-bar-container .search-bar-row .search-input-wrapper:hover{border-color:rgba(255,255,255,.16)}.game-filter-bar-container .search-bar-row .search-input-wrapper:focus-within{border-color:var(--primary-purple,#e02020);box-shadow:0 0 0 2px rgba(224,32,32,.2);background:#1c1d22}.game-filter-bar-container .search-bar-row .search-input-wrapper:focus-within .search-bar-icon{color:var(--primary-purple,#e02020)}.game-filter-bar-container .search-bar-row .search-input-wrapper .search-bar-icon{color:var(--nav-text-inactive,#8b8b9d);flex-shrink:0;transition:color .2s ease}.game-filter-bar-container .search-bar-row .search-input-wrapper .search-bar-input{flex:1;background:rgba(0,0,0,0);border:none;outline:none;color:var(--nav-text,#ffffff);font-size:14px;font-weight:400;letter-spacing:.01em}.game-filter-bar-container .search-bar-row .search-input-wrapper .search-bar-input::placeholder{color:var(--nav-text-inactive,#8b8b9d);font-weight:400}.game-filter-bar-container .search-bar-row .search-input-wrapper .search-clear-btn{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;color:var(--nav-text-inactive,#8b8b9d);cursor:pointer;padding:4px;border-radius:50%;transition:all .15s ease}.game-filter-bar-container .search-bar-row .search-input-wrapper .search-clear-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.game-filter-bar-container .controls-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:12px;width:100%}@media(max-width:400px){.game-filter-bar-container .controls-row{gap:0!important}}@media(max-width:640px){.game-filter-bar-container .controls-row{flex-wrap:wrap;justify-content:space-between;gap:10px}.game-filter-bar-container .controls-row.single-filter-single-sort{flex-wrap:nowrap!important;justify-content:space-between!important}.game-filter-bar-container .controls-row.single-filter-single-sort .controls-left{flex:1 1 auto;width:auto;margin-left:0}.game-filter-bar-container .controls-row.single-filter-single-sort .controls-left .filter-group{width:auto}.game-filter-bar-container .controls-row.single-filter-single-sort .controls-left .filter-group .flex.items-center{width:auto;justify-content:flex-start}.game-filter-bar-container .controls-row.single-filter-single-sort .controls-right{flex:0 0 auto;width:auto;margin-left:auto;justify-content:flex-end}.game-filter-bar-container .controls-row.multi-controls{flex-wrap:wrap!important}.game-filter-bar-container .controls-row.multi-controls .controls-left{flex:1 1 100%;justify-content:center}.game-filter-bar-container .controls-row.multi-controls .controls-left .filter-group,.game-filter-bar-container .controls-row.multi-controls .controls-left .filter-group .flex.items-center{justify-content:center}.game-filter-bar-container .controls-row.multi-controls .controls-right{width:100%;flex:1 1 100%;margin-left:0;justify-content:center}}.game-filter-bar-container .controls-row .controls-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.game-filter-bar-container .controls-row .controls-left .filter-group{display:flex;align-items:center;gap:10px}.game-filter-bar-container .controls-row .controls-left .filter-group .filter-group-header{display:flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:600;flex-shrink:0}@media screen and (max-width:400px){.game-filter-bar-container .controls-row .controls-left .filter-group .filter-group-header{padding-left:5px}}.game-filter-bar-container .controls-row .controls-left .filter-group .filter-group-header .filter-group-icon{color:var(--primary-purple,#e02020);flex-shrink:0;height:20px;width:20px}@media screen and (max-width:400px){.game-filter-bar-container .controls-row .controls-left .filter-group .filter-group-header .filter-group-icon{display:none!important}}.game-filter-bar-container .controls-row .controls-left .filter-group .filter-group-header .filter-group-title{letter-spacing:.01em;text-transform:capitalize}.game-filter-bar-container .controls-row .controls-right{display:flex;align-items:center;gap:10px;margin-left:auto}@media(max-width:640px){.game-filter-bar-container .controls-row .controls-right{margin-left:0}}.game-filter-bar-container .controls-row .controls-right .sort-group{display:flex;align-items:center;gap:10px}.game-filter-bar-container .controls-row .controls-right .sort-group .sort-group-header{display:flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:600;flex-shrink:0}.game-filter-bar-container .controls-row .controls-right .sort-group .sort-group-header .sort-group-icon{color:var(--primary-purple,#e02020);flex-shrink:0;height:20px;width:20px}@media screen and (max-width:400px){.game-filter-bar-container .controls-row .controls-right .sort-group .sort-group-header .sort-group-icon{display:none!important}}.game-filter-bar-container .controls-row .controls-right .sort-group .sort-group-header .sort-group-title{letter-spacing:.01em}.game-filter-bar-container .filter-dropdown-wrapper{position:relative;display:inline-block}.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn{display:inline-flex;align-items:center;gap:8px;background:var(--background-secondary,#19191d);color:var(--nav-text,#ffffff);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500;line-height:1.2;cursor:pointer;white-space:nowrap;transition:all .15s ease;-webkit-user-select:none;user-select:none;text-decoration:none}.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn.providers-link-btn:hover{color:var(--nav-text,#ffffff)}.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn:hover{background:#24252b;border-color:rgba(255,255,255,.18)}.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn.active{background:#282930;border-color:var(--primary-purple,#e02020);box-shadow:0 0 0 1px var(--primary-purple,#e02020)}.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn.has-value{border-color:rgba(224,32,32,.45)}.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn.sort-pill-btn .pill-sort-icon-wrap{display:inline-flex;align-items:center;justify-content:center;color:var(--nav-text-inactive,#8b8b9d);flex-shrink:0;margin-right:-2px}.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn.sort-pill-btn .pill-sort-icon-wrap .sort-item-icon{width:15px;height:15px}.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn.sort-pill-btn.active .pill-sort-icon-wrap,.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn.sort-pill-btn:hover .pill-sort-icon-wrap{color:#fff}.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn .pill-label{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn .pill-count-badge{background:var(--primary-purple,#e02020);color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:10px;line-height:1.2;margin-left:-2px;box-shadow:0 0 6px rgba(224,32,32,.4)}.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn .pill-chevron{color:var(--nav-text-inactive,#8b8b9d);flex-shrink:0;transition:transform .2s ease}.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn .pill-chevron.open{transform:rotate(180deg);color:var(--primary-purple,#e02020)}@media(max-width:768px){.game-filter-bar-container .filter-dropdown-wrapper .filter-pill-btn{padding:7px 11px;font-size:13px;gap:6px}}.game-filter-bar-container .filter-menu-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:150;background:#131417;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 14px 35px rgba(0,0,0,.7),0 4px 10px rgba(0,0,0,.5);min-width:190px;max-height:320px;overflow-y:auto;padding:6px;scrollbar-width:none!important;-ms-overflow-style:none!important;animation:filterDropdownFadeIn .15s cubic-bezier(.16,1,.3,1) forwards}.game-filter-bar-container .filter-menu-dropdown::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.game-filter-bar-container .filter-menu-dropdown.sort-menu{min-width:175px}.game-filter-bar-container .filter-menu-dropdown.sort-menu .sort-menu-option-item .sort-option-inner{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.game-filter-bar-container .filter-menu-dropdown.sort-menu .sort-menu-option-item .sort-option-inner .sort-option-icon-wrap{display:inline-flex;align-items:center;justify-content:center;color:var(--nav-text-inactive,#8b8b9d);width:16px;height:16px;flex-shrink:0;transition:color .15s ease}.game-filter-bar-container .filter-menu-dropdown.sort-menu .sort-menu-option-item .sort-option-inner .sort-option-icon-wrap .sort-item-icon{width:15px;height:15px}.game-filter-bar-container .filter-menu-dropdown.sort-menu .sort-menu-option-item .sort-option-inner .option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-filter-bar-container .filter-menu-dropdown.sort-menu .sort-menu-option-item.active .sort-option-icon-wrap,.game-filter-bar-container .filter-menu-dropdown.sort-menu .sort-menu-option-item:hover .sort-option-icon-wrap{color:#fff}.game-filter-bar-container .filter-menu-dropdown.providers-menu{min-width:240px;max-height:350px;overflow-y:hidden;display:flex;flex-direction:column}.game-filter-bar-container .filter-menu-dropdown.providers-menu .providers-scroll-list{display:flex;flex-direction:column;gap:2px;max-height:270px;overflow-y:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.game-filter-bar-container .filter-menu-dropdown.providers-menu .providers-scroll-list::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.game-filter-bar-container .filter-menu-dropdown .menu-search-box{position:sticky;top:0;display:flex;align-items:center;gap:6px;background:#1c1d22;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 10px;margin-bottom:6px;z-index:2;flex-shrink:0;transition:border-color .2s ease}.game-filter-bar-container .filter-menu-dropdown .menu-search-box:focus-within{border-color:var(--primary-purple,#e02020);box-shadow:0 0 0 1px var(--primary-purple,#e02020)}.game-filter-bar-container .filter-menu-dropdown .menu-search-box .menu-search-icon{color:var(--nav-text-inactive,#8b8b9d);width:14px;height:14px;flex-shrink:0}.game-filter-bar-container .filter-menu-dropdown .menu-search-box .menu-search-input{flex:1;background:rgba(0,0,0,0);border:none;outline:none;color:#fff;font-size:13px}.game-filter-bar-container .filter-menu-dropdown .menu-search-box .menu-search-input::placeholder{color:var(--nav-text-inactive,#8b8b9d)}.game-filter-bar-container .filter-menu-dropdown .providers-scroll-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.game-filter-bar-container .filter-menu-dropdown .providers-scroll-list::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.game-filter-bar-container .filter-menu-dropdown .menu-option-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:rgba(0,0,0,0);border:none;border-radius:6px;color:var(--nav-text,#e2e8f0);font-size:13px;font-weight:400;text-align:left;cursor:pointer;transition:all .15s ease}.game-filter-bar-container .filter-menu-dropdown .menu-option-item:hover{background:rgba(255,255,255,.07);color:#fff}.game-filter-bar-container .filter-menu-dropdown .menu-option-item.active{background:var(--primary-purple,#e02020);color:#fff;font-weight:600}.game-filter-bar-container .filter-menu-dropdown .menu-option-item .option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-filter-bar-container .filter-menu-dropdown .menu-option-item .option-check-dot{width:6px;height:6px;border-radius:50%;background:#fff;flex-shrink:0;margin-left:8px}.game-filter-bar-container .filter-menu-dropdown .provider-option-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:rgba(0,0,0,0);border:none;border-radius:6px;color:var(--nav-text,#e2e8f0);font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease}.game-filter-bar-container .filter-menu-dropdown .provider-option-row:hover{background:rgba(255,255,255,.07);color:#fff}.game-filter-bar-container .filter-menu-dropdown .provider-option-row.checked{color:#fff}.game-filter-bar-container .filter-menu-dropdown .provider-option-row .custom-checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.25);flex-shrink:0;transition:all .15s ease}.game-filter-bar-container .filter-menu-dropdown .provider-option-row .custom-checkbox.checked{background:var(--primary-purple,#e02020);border-color:var(--primary-purple,#e02020);box-shadow:0 0 6px rgba(224,32,32,.4)}.game-filter-bar-container .filter-menu-dropdown .provider-option-row .provider-name-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-filter-bar-container .filter-menu-dropdown .provider-option-row .provider-game-count{font-size:11px;color:var(--nav-text-inactive,#8b8b9d);background:rgba(255,255,255,.06);padding:2px 6px;border-radius:10px;flex-shrink:0}@keyframes filterDropdownFadeIn{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}