.leaderboards {
    --white: '#fff';
    --main100: '#ECF2FF';
    --main200: '#D5E3FF';
    --main300: '#B3CDFF';
    --main400: '#81ACFF';
    --main500: '#5383E8';
    --main600: '#4171D6';
    --main700: '#2F5EC0';
    --main800: '#2F436E';
    --main900: '#28344E';
    --gray0: '#fff';
    --gray100: '#F7F7F9';
    --gray200: '#ebeef1';
    --gray250: '#DBE0E4';
    --gray300: '#C3CBD1';
    --gray400: '#9AA4AF';
    --gray500: '#758592';
    --gray600: '#57646F';
    --gray700: '#44515C';
    --gray800: '#34414D';
    --gray900: '#202D37';
    --darkpurple100: '#CFCFE1';
    --darkpurple200: '#B7B7C9';
    --darkpurple300: '#9E9EB1';
    --darkpurple400: '#7B7A8E';
    --darkpurple500: '#676678';
    --darkpurple600: '#515163';
    --darkpurple700: '#424254';
    --darkpurple800: '#31313C';
    --darkpurple850: '#282830';
    --darkpurple900: '#1C1C1F';
    --red100: '#FFF1F3';
    --red200: '#FFD8D9';
    --red300: '#FFBAC3';
    --red400: '#FF6C81';
    --red500: '#E84057';
    --red600: '#D31A45';
    --red700: '#B61337';
    --red800: '#703C47';
    --red900: '#59343B';
    --orange100: '#FFF1E6';
    --orange200: '#FFD1A9';
    --orange300: '#FCB77A';
    --orange400: '#FF9F4A';
    --orange500: '#FF8200';
    --orange600: '#F06F00';
    --orange700: '#C55900';
    --orange800: '#8E3E00';
    --orange900: '#703100';
    --yellow100: '#FFF9DB';
    --yellow200: '#FEEC9C';
    --yellow300: '#FFD424';
    --yellow400: '#FFB900';
    --yellow500: '#EB9C00';
    --yellow600: '#E28400';
    --yellow700: '#AC6306';
    --yellow800: '#76480F';
    --yellow900: '#4A340E';
    --green100: '#E6F7DB';
    --green200: '#D0F1BB';
    --green300: '#A8E082';
    --green400: '#6CC92D';
    --green500: '#00AE0A';
    --green600: '#139020';
    --green700: '#1B7D25';
    --green800: '#24662B';
    --green900: '#304A1D';
    --teal100: '#E5FAF3';
    --teal200: '#BBECDB';
    --teal300: '#89DFC4';
    --teal400: '#00D7B0';
    --teal500: '#00BBA3';
    --teal600: '#00A399';
    --teal700: '#008889';
    --teal800: '#00666E';
    --teal900: '#1D4346';
    --blue100: '#DDF9FF';
    --blue200: '#90E5F7';
    --blue300: '#52D5F3';
    --blue400: '#00B8ED';
    --blue500: '#0093FF';
    --blue600: '#006DE2';
    --blue700: '#095BB3';
    --blue800: '#114882';
    --blue900: '#183955';
    --blue_OLD: '#19baff';
    --purple100: '#F3EEFF';
    --purple200: '#DECFFF';
    --purple300: '#C0A5FF';
    --purple400: '#A072FF';
    --purple500: '#7D59EA';
    --purple600: '#6B42DC';
    --purple700: '#5836B2';
    --purple800: '#3F2A75';
    --purple900: '#332353';
    --pink100: '#FFE4F4';
    --pink200: '#FFCDEA';
    --pink300: '#FF9BD2';
    --pink400: '#F56CB6';
    --pink500: '#E537A2';
    --pink600: '#D932D6';
    --pink700: '#B920B7';
    --pink800: '#8F178D';
    --pink900: '#5F225E';
    --bronze100: '#F6EDE3';
    --bronze200: '#E6D4BF';
    --bronze300: '#D7B792';
    --bronze400: '#A88A67';
    --bronze500: '#907659';
    --bronze600: '#7C6750';
    --bronze700: '#6B5D4D';
    --bronze800: '#52493F';
    --bronze900: '#3A3734';
}
@media (min-width: 769px) {
    .css-1am5m9e {
        width: 1080px;
        margin: 0 auto;
        row-gap: 8px;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-1am5m9e {
        width: 100%;
        row-gap: 12px;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-986zs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 8px 12px 12px;
        gap: 12px;
        width: 100%;
        background: #31313C;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-986zs form>div {
        width: 100%;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-1253kci {
        width: 126px;
        height: 32px;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-1nqkeeq {
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-6vzfcw {
        font-size: 12px;
        line-height: 16px;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-986zs span {
        font-size: 12px;
        line-height: 16px;
        color: #9E9EB1;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-1bpfq64 .filter {
        gap: 4px;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-1bpfq64 .filter {
        width: 100%;
        padding: 0 12px;
        overflow-x: auto;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-k707tf {
        height: 32px;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-k707tf select {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-1dtqs0d {
        padding: 3px 5px 3px 8px;
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-1dtqs0d .dropdown__label-image+.dropdown__label-content {
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-1bpfq64 .filter span {
        white-space: nowrap;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-sm6uaa {
        padding-left: 4px;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-1bpfq64 .filter span {
        white-space: nowrap;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-bmnhqn {
        width: 100%;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-1w5p049 {
        width: 100%;
        overflow: auto hidden;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-dyn4t0 {
        height: 44px;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-lgmtis > a {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
    }
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-lgmtis > a .summoner-name {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: max(100% - 56px, 92px);
    }
}
.css-gxl0x9 {
    height: 32px;
    user-select: none;
    background: rgb(40, 40, 48);
    color: rgb(123, 122, 142);
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px solid rgb(28, 28, 31);
    border-top-color: rgb(28, 28, 31);
    border-right-color: rgb(28, 28, 31);
    border-left-color: rgb(28, 28, 31);
    box-sizing: border-box;
    left: 0px;
    z-index: 1;
    text-align: center !important;
    position: sticky !important;
}
.css-lgmtis strong {
    font-size: 12px;
    font-weight: bold;
    color: rgb(255, 255, 255);
}
.css-1am5m9e {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex-flow: column;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 30px;
}
@media (min-width: 769px) {
     .css-986zs {
        display: none;
    }
}
@media (min-width: 769px) {
    .css-1253kci {
        width: 240px;
        height: 40px;
    }
}
.css-1253kci {
    position: relative;
    background: #1C1C1F url(https://s-tft-web.op.gg/images/svg/icon-search.svg) no-repeat right 8px center;
    -webkit-background-size: 24px;
    background-size: 24px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 48px 10px 16px;
    box-sizing: border-box;
}
.css-1nqkeeq {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 20px;
    color: #fff !important;
}
@media (min-width: 769px) {
    .css-1nqkeeq {
        font-size: 14px;
    }
}
@media (min-width: 769px) {
    .css-6vzfcw {
        font-size: 14px;
        line-height: 20px;
    }
}
.css-6vzfcw {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 16px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}
.css-12q68j2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #120f30;
    border-radius: 4px;
    padding: 4px;
}
.css-ym34m4.tab-type--group {
    border-radius: 4px;
}
.css-12q68j2 .tab {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.css-ym34m4 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.css-ym34m4.tab-type--group .tab__item:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 0;
}
.css-ym34m4.tab-type--group .tab__item--selected {
    position: relative;
    border-color: #907659;
    background-color: #302c5e;
    font-weight: bold;
}
.css-ym34m4.tab-type--group .tab__item {
    height: 40px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: 1px solid #424254;
    cursor: pointer;
    margin-left: -1px;
}
.css-ym34m4 .tab__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.css-ym34m4.tab-type--group .tab__item:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.css-ym34m4.tab-type--group .tab__item {
    height: 40px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: 1px solid #424254;
    cursor: pointer;
    margin-left: -1px;
}
@media (min-width: 769px) {
    .css-1bpfq64 {
        background-color: #120f30;
    }
}
.css-1bpfq64 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex-flow: column;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    border-radius: 4px;
}
@media (min-width: 769px) {
    .css-1bpfq64 .filter {
        width: 1080px;
        padding: 4px;
    }
}
@media (min-width: 769px) {
    .css-1bpfq64 .filter {
        gap: 8px;
    }
}
.css-1bpfq64 .filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}
.css-k707tf {
    position: relative;
}
@media (min-width: 769px) {
    .css-k707tf select {
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
    }
}
.css-k707tf select {
    position: absolute;
    opacity: 0;
}
@media (min-width: 769px) {
    .css-1bpfq64 .filter .dropdown__label {
        padding: 7px 8px 7px 12px;
    }
}
@media (min-width: 769px) {
    .css-1dtqs0d {
        padding: 7px;
        font-size: 14px;
    }
}
.css-1dtqs0d {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #424254;
    background-color: #302c5e;
    border-radius: 4px;
    gap: 4px;
    cursor: pointer;
    color: #fff;
    line-height: 20px;
    box-sizing: border-box;
}
.css-sm6uaa {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}
.css-k707tf .dropdown__label-icon {
    color: #7B7A8E;
}
.css-1ffm4eu {
    display: inline-block;
}
.css-1ffm4eu svg {
    display: block;
    width: 100%;
    height: 100%;
}
.css-1bpfq64 .filter .dropdown__options {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}
.css-1rsoygg {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 100%;
    min-width: 112px;
    margin-top: 4px;
    z-index: 1000;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 12px;
    overflow: hidden;
}
.css-11n0s59 {
    overflow-y: auto;
}
.css-1gd8fif.dropdown__item--show {
    display: flex;
}
.css-1gd8fif:first-of-type {
    border-top: none;
}
.css-1gd8fif {
    position: relative;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    padding: 0px 12px;
    width: 100%;
    height: 40px;
    outline: none;
    text-align: left;
    white-space: nowrap;
    border-top: 1px solid rgb(28, 28, 31);
    background-color: rgb(49, 49, 60);
    user-select: none;
    gap: 8px;
}
.css-1gd8fif > :not(.dropdown__item-backgorund) {
    position: relative;
}
.css-1gd8fif span {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    color: #9E9EB1;
}
.css-1bpfq64 .search-container {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
@media (min-width: 769px) {
    .css-1253kci {
        width: 240px;
        height: 40px;
    }
}
.css-1253kci {
    position: relative;
    background: #1C1C1F url(https://s-tft-web.op.gg/images/svg/icon-search.svg) no-repeat right 8px center;
    -webkit-background-size: 24px;
    background-size: 24px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 48px 10px 16px;
    box-sizing: border-box;
}
@media (min-width: 769px) {
    .css-1nqkeeq {
        font-size: 14px;
    }
}
.css-1nqkeeq {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 20px;
    color: #fff;
}
@media (min-width: 769px) {
    .css-bmnhqn {
        width: 1080px;
    }
}
.css-bmnhqn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #120f30;
    border-radius: 4px;
}
@media (min-width: 769px) {
    .css-1evtmwa {
        border-radius: 4px;
    }
}
.css-1evtmwa {
    table-layout: fixed;
    width: 100%;
}
.css-1evtmwa caption {
    display: none;
}
colgroup {
    display: table-column-group;
    unicode-bidi: isolate;
}
.css-bmnhqn .page-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 12px;
    gap: 12px;
    border-top: 1px solid #1C1C1F;
    width: 100%;
    height: 80px;
}
.css-bmnhqn .page-info {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #9E9EB1;
}
.css-4e56m6 {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 100%;
    height: 28px;
}
.css-pm1emo.hidden {
    visibility: hidden;
}
.css-pm1emo {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 4px;
    width: 28px;
    height: 28px;
    background: rgb(33 32 72);
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    color: rgb(158, 158, 177);
}
.css-4e56m6 .page-numbers {
    display: flex;
    gap: 8px;
}
@media (min-width: 769px) {
    .css-16y0h5z.desktop {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (min-width: 769px) {
    .css-16y0h5z {
        max-width: 1080px;
        width: 100%;
    }
}
.css-16y0h5z {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #31313C;
    border-radius: 4px;
    padding: 8px;
    overflow: hidden;
    box-sizing: border-box;
    gap: 4px;
    margin: 8px auto;
}
.css-ohv35g {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.css-ohv35g .title {
    font-size: 11px;
    color: #9AA4AF;
    text-transform: uppercase;
}
.css-ohv35g .link {
    font-size: 11px;
    color: #4c8cff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.css-1ffm4eu {
    display: inline-block;
}
@media (min-width: 769px) {
    .css-1evtmwa thead th:first-of-type {
        border-radius: 4px 0px 0px;
    }
}
.css-1evtmwa th:first-of-type, .css-1evtmwa td:first-of-type {
    padding-left: 12px;
}
.css-1t5qm96 {
    height: 32px;
    user-select: none;
    background: rgb(40, 40, 48);
    color: rgb(123, 122, 142);
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px solid rgb(28, 28, 31);
    border-top-color: rgb(28, 28, 31);
    border-right-color: rgb(28, 28, 31);
    border-left-color: rgb(28, 28, 31);
    box-sizing: border-box;
    left: 52px;
    z-index: 1;
    text-align: left !important;
    position: sticky !important;
}
.css-1t5qm96::after {
    content: "";
    width: 1px;
    height: 32px;
    background: rgb(28, 28, 31);
    position: absolute;
    right: 0px;
    top: 0px;
}
.css-1evtmwa thead th, .css-1evtmwa thead td {
    position: relative;
    height: 32px;
    user-select: none;
    background: rgb(48 44 94);
    color: rgb(123, 122, 142);
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px solid rgb(28, 28, 31);
    border-top-color: rgb(28, 28, 31);
    border-right-color: rgb(28, 28, 31);
    border-left-color: rgb(28, 28, 31);
    box-sizing: border-box;
    white-space: nowrap;
}
.css-1evtmwa th, .css-1evtmwa td {
    box-sizing: border-box;
    font-weight: normal;
    vertical-align: middle;
    padding: 4px;
}
.css-1fgmo7i {
    height: 32px;
    user-select: none;
    background: rgb(40, 40, 48);
    color: rgb(123, 122, 142);
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px solid rgb(28, 28, 31);
    border-top-color: rgb(28, 28, 31);
    border-right-color: rgb(28, 28, 31);
    border-left-color: rgb(28, 28, 31);
    box-sizing: border-box;
    text-align: center !important;
}
.css-4gk7ag {
    height: 32px;
    user-select: none;
    background: rgb(40, 40, 48);
    color: rgb(123, 122, 142);
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px solid rgb(28, 28, 31);
    border-top-color: rgb(28, 28, 31);
    border-right-color: rgb(28, 28, 31);
    border-left-color: rgb(28, 28, 31);
    box-sizing: border-box;
    text-align: left !important;
}
.css-1evtmwa th:first-of-type, .css-1evtmwa td:first-of-type {
    padding-left: 12px;
}
.css-1evtmwa tbody th, .css-1evtmwa tbody td {
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid rgb(28, 28, 31);
    border-top-color: rgb(28, 28, 31);
    border-right-color: rgb(28, 28, 31);
    border-left-color: rgb(28, 28, 31);
}
@media (min-width: 769px) {
    .css-hgckwl {
        height: 48px;
    }
}
.css-hgckwl {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: rgb(158, 158, 177);
    background: rgb(49, 49, 60);
    white-space: nowrap;
    text-align: center !important;
}
@media (min-width: 769px) {
    .css-11fkw49 {
        height: 48px;
    }
}
.css-11fkw49 {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: rgb(158, 158, 177);
    background: rgb(49, 49, 60);
    text-align: left !important;
}
@media (min-width: 769px) {
    .css-v8k3gt {
        height: 48px;
    }
}
.css-v8k3gt {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: rgb(158, 158, 177);
    background: rgb(33 32 72);
    text-align: center !important;
}
.css-v8k3gt > * {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px !important;
}
.css-11fkw49 strong {
    font-size: 12px;
    font-weight: bold;
    color: rgb(255, 255, 255);
}
.css-11fkw49 .summoner-profile__image {
    border-radius: 16px;
}
@media (min-width: 769px) {
    .css-11fkw49 > a {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
        min-width: max-content;
    }
    .mobile {display: none;}
}
.css-11fkw49 em {
    font-style: normal;
    font-weight: 400;
    color: rgb(158, 158, 177);
    margin-left: 4px;
    font-size: 12px !important;
}
.leaderboards input {
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    outline: none;
}

.css-1evtmwa tbody tr:hover th, .css-1evtmwa tbody tr:hover td {
    background: rgb(61 61 101);
}
@media (max-width: 768px) {
    body:not(.mode--force-desktop) .css-16y0h5z.mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    body:not(.mode--force-desktop) .css-lgmtis {
        height: 44px;
    }
    body:not(.mode--force-desktop) .css-lgmtis > a {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
    }
    body:not(.mode--force-desktop) .css-dyn4t0 {
        height: 44px;
    }
    .search-container {
        display: none !important;
    }
    .desktop {
        display: none;
    }
    body:not(.mode--force-desktop) .css-v8k3gt {
        height: 44px;
    }
}

.css-dyn4t0 {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: rgb(158, 158, 177);
    background: rgb(33 32 72);
    position: sticky;
    left: 0px;
    z-index: 1;
    white-space: nowrap;
    text-align: center !important;
}
.css-lgmtis {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: rgb(158, 158, 177);
    background: rgb(33 32 72);
    position: sticky;
    left: 52px;
    z-index: 1;
    text-align: left !important;
}
.css-lgmtis .summoner-profile__image {
    max-width: 100px !important;
    border-radius: 16px;
}
table {
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.css-lgmtis > * {
    display: inline-block;
    vertical-align: middle;
}
.css-f2g7gq div {
    height: 100%;
    background-color: rgb(144, 118, 89);
}
.css-1ort6fw {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-left: 8px;
    gap: 4px;
    display: flex !important;
}
.css-f2g7gq {
    width: 90px;
    flex-shrink: 0;
    height: 12px;
    background-color: rgb(66, 66, 84);
}
.css-1tmh2as {
    -webkit-box-flex: 1;
    flex-grow: 1;
    color: rgb(158, 158, 177);
    font-weight: normal;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.css-pm1emo.active {
    background: rgb(65 41 106);
    color: rgb(255, 255, 255);
}
.box_content {
    max-width: 750px;
    margin: auto;
    width: -webkit-fill-available;
    padding: 15px;
    box-sizing: unset;
}
.content_page {
    margin: auto;
    margin-top: 40px;
    color: #fff;
    background: #2b244f;
    border: 1px solid #6a5fa4;
    border-radius: 4px;
    padding: 16px;
    position: relative;
    cursor: pointer;
    margin-bottom: 16px;
    max-width: 728px;
}.box_content h2,
.box_content h2 span,
.box_content h2 p {
    font-weight: 700 !IMPORTANT;
    font-size: 24px !important;
    line-height: 32px !important;
    color: #fff !important;
    text-align: left !important;
    margin: 12px 0 !important;
}
.box_content h3 span,.box_content h3 {
    font-size: 23px !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
    color: #fff !important;
    text-align: left !important;
}

.box_content h4 span,
.box_content h4 p,
.box_content h4 {
    font-size: 18px !important;
    line-height: 30px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    color: #fff !important;
    text-align: left !important;
}

.box_content h5,
.box_content h6,
.box_content h5 span,
.box_content h6 span,
.box_content h5 p,
.box_content h6 p {
    font-weight: 500 !important;
    color: #fff !important;
    text-align: left !important;
}
.box_content th,
.box_content td {
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
    text-align: center !important;
    padding: 10px;
}

.box_content table {
    width: 100% !important;
    border-spacing: 0px !important;
    border: 1px solid #000 !important;
    border-bottom: none !important;
    border-color: black !important;
}

.box_content th:first-child,
.box_content td:first-child {
    border-left: none !important;
}

.box_content table p,
.box_content table span {
    margin-bottom: 0 !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

.box_content table th p {
    text-align: center !important;
    font-weight: 700;
}.box_content a {
    font-weight: bold;
    font-size: 17px;
    color: #009cff;
}.box_content p,
.box_content span {
    margin-bottom: 10px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-align: justify !important;
    white-space: unset !important;
    word-wrap: break-word;
}

.box_content a p,
.box_content a span {
    color: unset !important;
}

.box_content ul {
    padding: 0 !important;
    padding-left: 30px !important;
    list-style: disc;
}.box_content ul li {
    line-height: 1.5 !important;
    white-space: unset !important;
    margin: 0 0 10px 0 !important;
}
figcaption {
    font-size: 16px;
    text-align: center;
    font-style: italic;
    background: #ccc;
    line-height: 28px;
}
figure {
    margin: auto;
    width: 100%;
    margin-bottom: 10pt;
}.title_h1 {
    line-height: 1.3;
    color: #fff;
    font-size: 27px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 10pt;
}.box_author {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}.box_date {
    display: flex;
    align-items: center;
}