.unlock-filters-container{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;justify-content:center;margin:20px 0}.unlock-search-wrapper{position:relative;flex:1 1 200px;max-width:300px}.unlock-search-bar{width:100%;height:40px;padding:5px 40px 5px 12px;font-size:1.4rem;border:1px solid #333;outline:2px solid #000;border-radius:4px;background-color:#252623;color:#fff;box-sizing:border-box;filter:drop-shadow(2px 2px 1px rgba(0,0,0,1))}.unlock-search-bar::placeholder{color:#888}.unlock-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#ff4d4d;cursor:pointer;font-size:16px;padding:4px;z-index:1}.unlock-search-clear:hover{color:#ff6e6e;background:0 0}.unlock-sort-wrapper{position:relative;flex:1 1 200px;max-width:300px}.unlock-sort-dropdown-bar{height:40px;padding:5px 40px 5px 12px;font-size:1.4rem;border:1px solid #333;outline:2px solid #000;border-radius:4px;background-color:#252623;color:#fff;cursor:pointer;filter:drop-shadow(2px 2px 1px rgba(0,0,0,1));display:flex;align-items:center;white-space:nowrap}.unlock-sort-dropdown-bar:hover{background-color:#2a2d2a}.unlock-sort-dropdown-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#fff;cursor:pointer;font-size:12px;padding:4px;z-index:5}.unlock-sort-dropdown-arrow:hover{background-color:transparent;color:#fab964}.unlock-sort-dropdown-menu{position:absolute;margin-top:6px;top:100%;left:0;right:0;background-color:#252623;border:1px solid #333;outline:2px solid #000;border-radius:4px;z-index:1000}.unlock-sort-dropdown-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid #333;font-size:1.4rem;color:#fff}.unlock-sort-dropdown-item:hover{background-color:#3a3c3f}.unlock-sort-dropdown-item:last-child{border-bottom:none}.unlock-sort-dropdown-item--selected{background-color:#2d5a2d !important;cursor:default !important}.unlock-sort-dropdown-item--selected:hover{background-color:#2d5a2d !important}.unlock-toggle-wrapper{display:flex;align-items:center;margin-top:20px}#hide-comps-toggle,#group-blocks-toggle{--sz:13px}#hide-comps-toggle-btn:checked+label .builder-thumb,#group-blocks-toggle-btn:checked+label .builder-thumb{--lg:var(--on);left:calc(calc(100% - calc(calc(var(--sz) * 2) - calc(var(--sz) / 3))) - calc(calc(var(--sz) / 10) + calc(var(--sz) / 5.75)))}.unlock-toggle-wrapper label[for=hide-comps-toggle-btn],.unlock-toggle-wrapper label[for=group-blocks-toggle-btn]{position:absolute;width:calc(var(--sz) * 4);height:calc(var(--sz) * 2);background:linear-gradient(0deg,#202020,#181818);border-radius:var(--sz);border:1px solid #333;outline:2px solid #000;cursor:pointer}.unlock-toggle-wrapper .left-option{top:-30px;left:0;right:0}.unlock-toggle-wrapper .left-option span{color:#fab964;font-weight:700;font-size:14px;text-align:center;white-space:nowrap}#hide-comps-toggle-btn:not(:checked)~.left-option .toggle-text-checked{display:none}#hide-comps-toggle-btn:not(:checked)~.left-option .toggle-text-unchecked{display:inline}#hide-comps-toggle-btn:checked~.left-option .toggle-text-unchecked{display:none}#hide-comps-toggle-btn:checked~.left-option .toggle-text-checked{display:inline}#group-blocks-toggle-btn:not(:checked)~.left-option .toggle-text-checked{display:none}#group-blocks-toggle-btn:not(:checked)~.left-option .toggle-text-unchecked{display:inline}#group-blocks-toggle-btn:checked~.left-option .toggle-text-unchecked{display:none}#group-blocks-toggle-btn:checked~.left-option .toggle-text-checked{display:inline}.champion-unlocks-grid{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.champion-unlocks-grid--noblocks{flex-direction:row;flex-wrap:wrap;justify-content:center}.champion-unlocks-grid .condition-tooltip-comps{padding:10px}.champion-unlocks-grid .champion-rectangle,.champion-unlocks-grid .champion-tooltip,.champion-unlocks-grid .champion-tooltip-border{height:100%}.unlock-group-block{display:flex;flex-direction:column;gap:20px}.unlock-group-header{font-size:2rem;font-weight:700;color:#fab964;text-align:center;padding:10px 20px;background-color:#252623;background-image:url(/wp-content/uploads/website_texture_tile_400x400.png);border:1px solid #333;outline:2px solid #000;border-radius:8px;filter:drop-shadow(2px 2px 1px rgba(0,0,0,1))}.unlock-group-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px, 1fr));gap:20px;justify-items:center}.recommended-comps-text{color:#fab964;font-weight:700;text-shadow:0 0 1px transparent,0 1px 1px rgba(0,0,0,1),1px 0 1px rgba(0,0,0,1),-1px 1px 1px rgba(0,0,0,1);font-size:1.4rem;text-align:center}@media (max-width:768px){.unlock-search-wrapper{max-width:none}.unlock-sort-wrapper{max-width:none}}