.champion-filter{flex-direction:column;gap:1rem;display:flex;position:sticky;top:1rem}.champion-filter__label{color:#000;margin-bottom:.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:block}@media (prefers-color-scheme:dark){.champion-filter__label{color:#d4d4d8}}.champion-filter__input,.champion-filter__select{color:#000;background-color:#fff;border:1px solid #d4d4d8;border-radius:.5rem;width:100%;padding:.5rem 1rem;font-size:1rem;line-height:1.5rem;transition:border-color .2s,background-color .2s,color .2s}.champion-filter__input:focus,.champion-filter__select:focus{border-color:#3b82f6;outline:none}.champion-filter__input:disabled,.champion-filter__select:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme:dark){.champion-filter__input,.champion-filter__select{color:#fff;background-color:#27272a;border-color:#3f3f46}}.champion-filter__input::placeholder,.champion-filter__select::placeholder{color:#a1a1aa}@media (prefers-color-scheme:dark){.champion-filter__input::placeholder,.champion-filter__select::placeholder{color:#71717a}}