.filter-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.filter-container h1{font-size:30px;margin:0}.letters{display:flex;flex-wrap:wrap;justify-content:center}.letter-button{background:#000;border:none;border-radius:5px;cursor:pointer;font-size:24px;height:50px;margin:1px;padding:5px;width:35px}table{background:#000;border-collapse:collapse;width:100%}td,th{padding:10px;text-align:left}thead,thead tr{font-size:16px}tr{background:#333;border:.2px solid #707070}td{border:none;font-weight:300}[data-theme=dark] .black_bg{background-color:#000}[data-theme=dark] .letter-button{color:#fff}[data-theme=dark] .letter-button:hover{background-color:#666}[data-theme=dark] .filter-container h1{color:#fff}[data-theme=dark] table{background-color:#000;border-collapse:collapse;width:100%}[data-theme=dark] tr{background:#333;color:#e0e0e0}[data-theme=dark] td,[data-theme=light] td{color:#fff}[data-theme=light] .filter-container h1{color:#313131}.black_bg tr td{color:#81B201)}.black_bg tr th{background-color:#000!important;box-sizing:content-box;color:#fff!important;width:100%}