.search-page .class-filter-list{user-select:none;background:color-mix(in oklab, var(--color-coolgrey-900) 50%, transparent);padding-block:var(--s1)}.search-page .class-filter-list .filter-list-cell{cursor:pointer;height:80px;font-size:var(--text-sm);border-radius:var(--rounded-sm);flex-direction:column;justify-content:space-between;padding:0 2px;transition:all .1s ease-in-out;display:flex;position:relative}.search-page .class-filter-list .filter-list-cell.included{background:color-mix(in oklab, var(--color-green-500) 50%, transparent)}.search-page .class-filter-list .filter-list-cell.excluded{background:color-mix(in oklab, var(--color-red-500) 50%, transparent)}.search-page .class-filter-list .filter-list-cell .class-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-page .class-filter-list .filter-list-cell:hover{z-index:100;transform:scale(1.1)}.search-page .class-filter-list .filter-list-cell .class-percentage{color:#fff;text-shadow:-1px -1px0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;font-size:var(--text-sm);background-color:#1e1e1ecc;padding-top:1px;padding-bottom:1px;position:absolute;bottom:0;right:0}.search-page .class-filter-list .filter-list-cell.inactive{filter:grayscale()}.search-page .class-filter-list .filter-list-cell.inactive:hover{filter:none}.search-page .class-filter-list>div{--repeat:auto-fit;--minimum-value:var(--space-min_tap_size);grid-template-columns:repeat(var(--repeat), minmax(min(var(--minimum-value), 100%), var(--max-width)));gap:var(--s1);display:grid}@media (width>=640px){.search-page .class-filter-list>div{--repeat:10}}@media (width>=1024px){.search-page .class-filter-list>div{--repeat:auto-fit}}.search-page .quick-filter-box{background-color:#32323280;border:1px solid #555;padding:4px 8px}.search-page .quick-filter{white-space:nowrap;align-items:center;min-width:0;display:flex}.search-page .quick-filter>:not(:first-child){margin-left:6px}.search-page .quick-filter input{color:#fff;background:#222;border:1px solid #888;width:70px;min-width:20px;height:30px;padding:0 8px}.search-page .quick-filter input.slim{width:45px}.search-page .filter-container{background-color:#32323280;border:1px solid #555;max-height:392px;overflow:hidden}.search-page .filter-container .filter-container-header{justify-content:space-between;align-items:center;height:40px;padding:4px 8px;font-weight:700;display:flex}.search-page .filter-container .filter-container-header select{color:#fff;background:#222;border:1px solid #888;font-size:12px}.search-page .filter-container .filter-container-list{background:#222}.search-page .filter-container .filter-container-list .filter-list::-webkit-scrollbar{background-color:#222;border:3px solid #222;width:14px}.search-page .filter-container .filter-container-list .filter-list::-webkit-scrollbar-thumb{background-color:teal;border:3px solid #222}.search-page .result-table{border-collapse:collapse;background-color:#131313;width:100%}.search-page .result-table td{padding:3px 6px}.search-page .result-table td,.search-page .result-table th{border:1px solid #222}.search-page .result-table th{line-height:32px}.search-page .result-table a{color:#fff;text-decoration:none}.search-page .league-cell{width:4px;padding:0!important}.search-page .league-cell.hardcore{background-color:#d22c}.search-page .league-cell.softcore{background-color:#0f90cccc}.search-page .class-cell{width:45px;padding:0!important}.search-page .class-cell>div{width:45px;height:30px}.search-page .image-cell{padding:0!important}.search-page .dual-cell{justify-content:space-between;display:flex}.search-page .number-cell{text-align:right}.search-page .filter-list-wrapper{min-height:100%}.search-page .filter-list-wrapper .filter-list{--filter-builder-thumb-color:var(--filter-list-theme-color,var(--coolgrey-200));--scroll-thumb-color:hsla(var(--filter-builder-thumb-color), var(--opacity-90));--scroll-track-color:var(--color-coolgrey-900);scrollbar-width:thin;scrollbar-color:var(--scroll-thumb-color) var(--scroll-track-color)}.search-page .filter-list-wrapper .filter-list>:not(:last-child){border-bottom:2px solid #32323266}.search-page .filter-list-wrapper .filter-list::-webkit-scrollbar{width:var(--s3);background-color:var(--scroll-track-color)}.search-page .filter-list-wrapper .filter-list::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-color);border:2px solid var(--scroll-track-color);border-radius:6px}.search-page .filter-list-wrapper .filter-list .filter-list-cell{width:100%;cursor:pointer;grid-template-columns:1fr auto;grid-auto-flow:column;padding-inline-start:var(--s3);padding-inline-end:var(--s1);display:grid}.search-page .filter-list-wrapper .filter-list .filter-list-cell.included{background:hsla(var(--green-500), var(--opacity-50))}.search-page .filter-list-wrapper .filter-list .filter-list-cell.included:hover{background:hsla(var(--green-400), var(--opacity-50))}.search-page .filter-list-wrapper .filter-list .filter-list-cell.excluded{background:hsla(var(--red-600), var(--opacity-50))}.search-page .filter-list-wrapper .filter-list .filter-list-cell.excluded:hover{background:hsla(var(--red-500), var(--opacity-50))}.search-page .filter-list-wrapper .filter-list .filter-list-cell div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-page .filter-list-wrapper .filter-list .filter-list-cell:hover:not(.included):not(.excluded){background-color:hsla(var(--filter-builder-thumb-color), var(--opacity-12))!important}._drawer_1i1pp_1{z-index:100;background-color:var(--color-coolgrey-1000);width:100vw;height:100%;min-height:25rem;max-height:25rem;transition:all .3s;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #00000040,0 -2px 2px #00000020}._toggle_1i1pp_15{--height:4rem;right:var(--s8);z-index:200;padding-left:var(--s8);padding-right:var(--s8);transition:all .3s;position:fixed;min-height:var(--height)!important;min-width:var(--height)!important}._layout-reel_opfjz_1{scroll-behavior:smooth;height:100%;display:flex;overflow:auto hidden}._layout-reel_opfjz_1>*{margin-right:var(--s2);flex:0 0 min(40ch,75vw)}._layout-reel_opfjz_1:before{content:"";min-width:var(--s2)}