.champions[data-v-c689ac86]{display:flex;flex-direction:column}.champions>header h1[data-v-c689ac86]{align-items:center;color:var(--color-text-primary);display:flex;font-family:Saira,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1.5rem;font-weight:500;line-height:2rem;margin:1.25rem 1.25rem 1rem}.champions>header h1 .icon[data-v-c689ac86]{height:2rem;margin-right:.75rem;width:2rem;fill:var(--color-accent)}.champions>header .filters[data-v-c689ac86]{display:flex;padding:1rem}.champions>header .filters .filter[data-v-c689ac86]{display:flex;flex-direction:column;margin-right:1rem}.champions>header .filters .filter .label[data-v-c689ac86]{color:var(--color-text-secondary);font-size:.875rem}.champions>header .filters .filter .icon-list[data-v-c689ac86]{border:1px solid var(--color-surface-2);border-radius:.5rem;display:flex;list-style:none;margin:.5rem 0 0;overflow:hidden;padding:.125rem}.champions>header .filters .filter .icon-list li[data-v-c689ac86]{border-radius:.5rem;cursor:pointer;margin-right:.125rem;padding:0 .25rem}.champions>header .filters .filter .icon-list li[data-v-c689ac86]:last-of-type{margin-right:0}.champions>header .filters .filter .icon-list li.active[data-v-c689ac86]{background-color:var(--color-action);box-shadow:0 3px 6px rgb(var(--color-rgb-action)/.16)}.champions>header .filters .filter .icon-list li .icon[data-v-c689ac86]{fill:var(--color-text-primary);height:2rem;width:2rem}@media not all and ((min-width:1024px)){.champions>header .filters[data-v-c689ac86]{flex-direction:column}.champions>header .filters .filter[data-v-c689ac86]{margin-bottom:1rem;margin-right:0}.champions>header .filters .filter .icon-list[data-v-c689ac86]{overflow:scroll}}.champions .loading[data-v-c689ac86]{align-items:center;display:flex;justify-content:center}.champions .loading .indicator[data-v-c689ac86]{height:6.25rem;margin:4rem;width:6.25rem}.champions .loading .indicator[data-v-c689ac86] path{stroke:var(--color-text-secondary)}.champions .zero[data-v-c689ac86]{align-items:center;display:flex;justify-content:center;padding:4rem}.champions .breakdown[data-v-c689ac86]{display:flex;flex:5;flex-direction:column;max-width:100%}@media not all and ((min-width:1024px)){.champions .breakdown[data-v-c689ac86]{flex-direction:column}}.champions .breakdown .primary>div[data-v-c689ac86]{background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.champions .breakdown .primary h2[data-v-c689ac86]{display:flex;font-family:Saira,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:500;line-height:2rem;margin:0;text-transform:capitalize}.champions .breakdown .primary h2 .gold-medal[data-v-c689ac86]{fill:#cbb765;height:2rem;margin-right:.5rem;width:2rem}.champions .breakdown .primary .content[data-v-c689ac86]{align-items:center;display:flex;justify-content:space-between;padding:1rem}.champions .breakdown .primary .content .champion-preview[data-v-c689ac86]{align-items:center;display:flex;flex:1;flex-direction:column}.champions .breakdown .primary .content .champion-preview h3[data-v-c689ac86]{margin-bottom:0;white-space:nowrap}.champions .breakdown .primary .content .champion-preview img[data-v-c689ac86]{max-height:5rem;max-width:14rem}.champions .breakdown .primary .content .stats[data-v-c689ac86]{display:grid;flex:4;grid-gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));padding:1rem 0}.champions .breakdown .primary .content .stats[data-v-c689ac86] .stat{padding:.5rem}@media not all and ((min-width:1024px)){.champions .breakdown .primary .content .stats .collapsed[data-v-c689ac86]{display:none}}.champions .breakdown .table-container[data-v-c689ac86]{overflow-x:auto;width:100%}.champions .breakdown table[data-v-c689ac86]{border-collapse:collapse;width:100%}.champions .breakdown table td[data-v-c689ac86],.champions .breakdown table th[data-v-c689ac86]{padding:.5rem;text-align:right;white-space:nowrap}.champions .breakdown table td[data-v-c689ac86]:first-of-type,.champions .breakdown table th[data-v-c689ac86]:first-of-type{padding-left:1rem;text-align:left}.champions .breakdown table td[data-v-c689ac86]:last-of-type,.champions .breakdown table th[data-v-c689ac86]:last-of-type{padding-right:1rem}.champions .breakdown table td.align-left[data-v-c689ac86],.champions .breakdown table th.align-left[data-v-c689ac86]{text-align:left}.champions .breakdown table td.best[data-v-c689ac86],.champions .breakdown table th.best[data-v-c689ac86]{color:#efa802}.champions .breakdown table td.best .gold-icon[data-v-c689ac86],.champions .breakdown table th.best .gold-icon[data-v-c689ac86]{fill:#efa802!important}@media not all and ((min-width:1024px)){.champions .breakdown table td.collapsed[data-v-c689ac86],.champions .breakdown table th.collapsed[data-v-c689ac86]{display:none;visibility:collapse;width:0}}.champions .breakdown table th[data-v-c689ac86]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.champions .breakdown table th.sortable[data-v-c689ac86]{cursor:s-resize}.champions .breakdown table th.sort[data-v-c689ac86]{background-color:var(--color-surface-3)}.champions .breakdown table td.sort[data-v-c689ac86],.champions .breakdown table thead[data-v-c689ac86]{background-color:var(--color-surface-2)}.champions .breakdown table thead[data-v-c689ac86]{border:none;height:2rem}.champions .breakdown table thead th[data-v-c689ac86]{color:var(--color-text-secondary);font-weight:500;height:2rem}.champions .breakdown table tbody tr[data-v-c689ac86],.champions .breakdown table tbody tr[data-v-c689ac86]:nth-child(2n){background-color:var(--color-surface-1)}.champions .breakdown table tbody tr:nth-child(2n) td.sort[data-v-c689ac86]{background-color:color-mix(in srgb,var(--color-surface-2) 97%,#fff)}.champions .breakdown table tbody tr.tier-1 .champion[data-v-c689ac86]{color:#ccc}.champions .breakdown table tbody tr.tier-1 .champion .avatar[data-v-c689ac86]{border-color:#ccc}.champions .breakdown table tbody tr.tier-2 .champion[data-v-c689ac86]{color:#49b15e}.champions .breakdown table tbody tr.tier-2 .champion .avatar[data-v-c689ac86]{border-color:#49b15e}.champions .breakdown table tbody tr.tier-3 .champion[data-v-c689ac86]{color:#05d4ea}.champions .breakdown table tbody tr.tier-3 .champion .avatar[data-v-c689ac86]{border-color:#05d4ea}.champions .breakdown table tbody tr.tier-4 .champion[data-v-c689ac86]{color:#d175cf}.champions .breakdown table tbody tr.tier-4 .champion .avatar[data-v-c689ac86]{border-color:#d175cf}.champions .breakdown table tbody tr.tier-5 .champion[data-v-c689ac86]{color:#f0992c}.champions .breakdown table tbody tr.tier-5 .champion .avatar[data-v-c689ac86]{border-color:#f0992c}.champions .breakdown table tbody .text[data-v-c689ac86]{display:flex;flex-direction:column;height:2.25rem;justify-content:space-between;line-height:2.25rem;white-space:nowrap}.champions .breakdown table tbody .text .name[data-v-c689ac86]{font-size:1.125rem;font-weight:500}.champions .breakdown table tbody .text .name .gold-icon[data-v-c689ac86]{fill:var(--color-text-primary);height:1rem;vertical-align:middle;width:1rem}.champions .breakdown table tbody .champion[data-v-c689ac86]{align-items:center;display:flex;text-decoration:none}.champions .breakdown table tbody .champion .avatar[data-v-c689ac86]{border-radius:50%;border-style:solid;border-width:2px;height:2rem;margin-right:.5rem;width:2rem}.champions .breakdown table tbody .class-origin-icon[data-v-c689ac86]{fill:var(--color-text-primary);height:2rem;width:2rem}#app[data-title=tft] .champions .breakdown .primary>div[data-v-c689ac86]{background-image:linear-gradient(to bottom,rgb(var(--color-rgb-surface-1)/.5),var(--color-surface-1))}