.lol-career-stats .career-stats-root-component .stats-backdrop { position: absolute; top: 0; left: 0; width: 1055px; height: 719px; background-image: url("/lol-game-data/assets/content/src/LeagueClient/GameModeAssets/Classic_SRU/img/parties-background.jpg"); background-repeat: no-repeat; background-position: 0px -606px; -webkit-filter: brightness(0.5); } .lol-career-stats .career-stats-root-component.is-third-person-view .stats-backdrop { height: 640px; background-position-y: -686px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number, .career-stats-legacy-tooltip .tooltip-title, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only { font-family: var(--font-display); } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-label, .career-stats-overview-component .overview-container .overview-display-container .display-right .stats-empty-msgs, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .secondary { font-family: var(--font-body); } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-label, .career-stats-overview-component .overview-container .overview-display-container .display-right .stats-empty-msgs, .career-stats-legacy-tooltip .tooltip-title, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .secondary { -webkit-user-select: none; } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-label, .career-stats-overview-component .overview-container .overview-display-container .display-right .stats-empty-msgs, .career-stats-legacy-tooltip .tooltip-title, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .secondary { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number, .career-stats-legacy-tooltip .tooltip-title, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only { text-transform: uppercase; } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text:lang(ko-kr), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num:lang(ko-kr), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number:lang(ko-kr), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label:lang(ko-kr), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number:lang(ko-kr), .career-stats-legacy-tooltip .tooltip-title:lang(ko-kr), .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only:lang(ko-kr), .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text:lang(ja-jp), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num:lang(ja-jp), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number:lang(ja-jp), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label:lang(ja-jp), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number:lang(ja-jp), .career-stats-legacy-tooltip .tooltip-title:lang(ja-jp), .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only:lang(ja-jp), .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text:lang(tr-tr), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num:lang(tr-tr), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number:lang(tr-tr), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label:lang(tr-tr), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number:lang(tr-tr), .career-stats-legacy-tooltip .tooltip-title:lang(tr-tr), .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only:lang(tr-tr), .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text:lang(el-gr), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num:lang(el-gr), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number:lang(el-gr), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label:lang(el-gr), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number:lang(el-gr), .career-stats-legacy-tooltip .tooltip-title:lang(el-gr), .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only:lang(el-gr), .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text:lang(th-th), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num:lang(th-th), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number:lang(th-th), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label:lang(th-th), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number:lang(th-th), .career-stats-legacy-tooltip .tooltip-title:lang(th-th), .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only:lang(th-th), .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text:lang(zh-tw), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num:lang(zh-tw), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number:lang(zh-tw), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label:lang(zh-tw), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number:lang(zh-tw), .career-stats-legacy-tooltip .tooltip-title:lang(zh-tw), .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only:lang(zh-tw) { text-transform: none; } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number, .career-stats-legacy-tooltip .tooltip-title, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only { text-transform: none; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number { color: #f0e6d2; font-size: 30px; font-weight: 700; line-height: 32px; letter-spacing: 0.05em; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number:lang(ar-ae) { letter-spacing: 0; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number { letter-spacing: 0.025em; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number:lang(ar-ae) { letter-spacing: 0; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number:lang(ar-ae) { letter-spacing: 0; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number { letter-spacing: 0.025em; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number:lang(ar-ae) { letter-spacing: 0; } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text, .career-stats-legacy-tooltip .tooltip-title, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text:lang(ar-ae), .career-stats-legacy-tooltip .tooltip-title:lang(ar-ae), .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only:lang(ar-ae) { letter-spacing: 0; } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text, .career-stats-legacy-tooltip .tooltip-title, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only { letter-spacing: 0.0375em; } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text:lang(ar-ae), .career-stats-legacy-tooltip .tooltip-title:lang(ar-ae), .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only:lang(ar-ae) { letter-spacing: 0; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num:lang(ja-jp), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label:lang(ja-jp) { font-size: 13px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num:lang(ar-ae), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label:lang(ar-ae) { letter-spacing: 0; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label { letter-spacing: 0.0375em; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num:lang(ar-ae), .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-label:lang(ar-ae) { letter-spacing: 0; } .career-stats-overview-component .overview-container .overview-display-container .display-right .stats-empty-msgs { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .career-stats-overview-component .overview-container .overview-display-container .display-right .stats-empty-msgs:lang(ar-ae) { letter-spacing: 0; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-label, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary, .career-stats-legacy-tooltip .tooltip-table .tooltip-row .secondary { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-label:lang(ja-jp), .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary:lang(ja-jp), .career-stats-legacy-tooltip .tooltip-table .tooltip-row .secondary:lang(ja-jp) { font-size: 13px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-label:lang(ar-ae), .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary:lang(ar-ae), .career-stats-legacy-tooltip .tooltip-table .tooltip-row .secondary:lang(ar-ae) { letter-spacing: 0; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number, .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary .display-number { background: linear-gradient(to bottom, #cdbe91 0%, #c8aa6e 35%, #765c29 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .career-stats-overview-component { position: absolute; } .career-stats-overview-component .stats-overview-loading-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background: transparent url(/fe/lol-career-stats/spinner.png) no-repeat 50% 50%; background-size: contain; animation: profile-spin 4000ms infinite linear; } .career-stats-overview-component.is-stats-loaded { opacity: 1; } .career-stats-overview-component.is-stats-loaded .stats-overview-loading-spinner { opacity: 0; } .career-stats-overview-component.is-stats-loaded .overview-container { transition: opacity 0.5s ease-in-out; opacity: 1; } .career-stats-overview-component .overview-container { margin-top: 120px; margin-left: 20px; opacity: 0; transition: none; } .career-stats-overview-component .overview-container .overview-display-container { display: flex; width: 1000px; flex-direction: row; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .career-stats-overview-component .overview-container .overview-display-container .display-left { direction: ltr; flex: 0 0 250px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start ; align-content: flex-start; } .career-stats-overview-component .overview-container .overview-display-container .display-left.stats-empty { -webkit-filter: grayscale(0.8); } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container { height: 250px; background-image: url(/fe/lol-career-stats/playstyle_summary_frame.png); background-repeat: no-repeat; background-size: 188px 192px; background-position: 48px 34px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text { text-align: center; position: absolute; margin: 25px 0 0 106px ; width: 73px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .playstyle-graph-container .play-style-graph-text .line2:lang(el-gr) { margin-left: -8px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays { text-align: center; width: 250px; margin-top: -19px; background-image: url(/fe/lol-career-stats/key_stat_frame_top.png), url(/fe/lol-career-stats/key_stat_frame_bottom.png); background-repeat: no-repeat, no-repeat; background-size: 194px 14px, 194px 15px; background-position: 44px 45px, 44px 113px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .season-num { margin-left: 34px; margin-top: 25px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary { margin-left: 34px; height: 84px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.primary .display-number { margin-top: 20px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .legacy-data-display.secondary { display: inline-block; width: 95px; height: 45px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .secondary-legacy-data { text-align: center; white-space: nowrap; margin-top: -13px; margin-left: 34px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .legacy-data-displays .separator { display: inline-block; width: 1px; height: 25px; border-left: thin solid #3c3732; } .career-stats-overview-component .overview-container .overview-display-container .display-left .overview-filters { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; align-content: flex-start; margin-top: 3px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .overview-filters .text-filter { flex: 0 0 32px; width: 184px; margin: 0 0 13px 50px; } .career-stats-overview-component .overview-container .overview-display-container .display-left .overview-filters .dropdown-filter { flex: 0 0 32px; width: 184px; margin: 0 0 11px 50px; } .career-stats-overview-component .overview-container .overview-display-container .display-right { flex: 0 0 733px; margin: 20px 0 0 20px; } .career-stats-overview-component .overview-container .overview-display-container .display-right .stats-empty-icon { margin-left: 282px; margin-top: 106px; width: 168px; height: 158px; background-image: url(/fe/lol-career-stats/poro_question.png); background-repeat: no-repeat; background-size: 168px 158px; background-position: center; -webkit-filter: brightness(0.7); } .career-stats-overview-component .overview-container .overview-display-container .display-right .stats-empty-msgs { direction: ltr; margin-top: 33px; } .career-stats-overview-component .overview-container .overview-display-container .display-right .stats-empty-msgs .stats-empty-msg { text-align: center; } .career-stats-overview-component.is-third-person-view .overview-container { margin-top: 40px; } .career-stats-legacy-tooltip .tooltip-title { margin-bottom: 5px; } .career-stats-legacy-tooltip .tooltip-table { table-layout: auto; } .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary { color: #f0e6d2; margin-right: 3px; text-align: left; } .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.digit-only { min-width: 45px; padding-right: 11px; } .career-stats-legacy-tooltip .tooltip-table .tooltip-row .primary.align-right { text-align: right; } .career-stats-legacy-tooltip .tooltip-table .tooltip-row .secondary { margin-left: 3px; text-align: left; } .career-stats-legacy-tooltip .tooltip-table .tooltip-row .secondary.align-vertical-bottom { vertical-align: bottom; } .playstyle-summary-graph-component { direction: ltr ; height: 250px; background-image: url(/fe/lol-career-stats/playstyle_summary_background.png); background-repeat: no-repeat; background-position: 56px 75px; background-size: 171px 150px; } .playstyle-summary-graph-component .playstyle-icon { width: 20px; height: 20px; background-size: 20px; position: absolute; } .playstyle-summary-graph-component .playstyle-icon.combat { margin-top: 59px; margin-left: 29px; } .playstyle-summary-graph-component .playstyle-icon.income { margin-top: 60px; margin-left: 233px; } .playstyle-summary-graph-component .playstyle-icon.macro { margin-top: 230px; margin-left: 131px; } .playstyle-summary-graph-component .play-style-summary-graph { margin-top: 31px; margin-left: 45px; } .playstyle-summary-graph-component .play-style-summary-graph .radar-area { fill: #fabe0a; fill-opacity: 0.2; } .playstyle-summary-graph-component .play-style-summary-graph .radar-stroke { stroke: #fabe0a; stroke-width: 2px; } .career-stats-stat-tooltip .title, .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display, .career-stats-overview-position-button-tooltip .position-name { font-family: var(--font-display); } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-label, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .expand-toggle .more-text { font-family: var(--font-body); } .career-stats-stat-tooltip .title, .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-label, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .expand-toggle .more-text, .career-stats-overview-position-button-tooltip .position-name { -webkit-user-select: none; } .career-stats-stat-tooltip .title, .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-label, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .expand-toggle .more-text, .career-stats-overview-position-button-tooltip .position-name { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .career-stats-stat-tooltip .title, .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display, .career-stats-overview-position-button-tooltip .position-name { text-transform: uppercase; } .career-stats-stat-tooltip .title:lang(ko-kr), .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name:lang(ko-kr), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display:lang(ko-kr), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display:lang(ko-kr), .career-stats-overview-position-button-tooltip .position-name:lang(ko-kr), .career-stats-stat-tooltip .title:lang(ja-jp), .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name:lang(ja-jp), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display:lang(ja-jp), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display:lang(ja-jp), .career-stats-overview-position-button-tooltip .position-name:lang(ja-jp), .career-stats-stat-tooltip .title:lang(tr-tr), .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name:lang(tr-tr), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display:lang(tr-tr), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display:lang(tr-tr), .career-stats-overview-position-button-tooltip .position-name:lang(tr-tr), .career-stats-stat-tooltip .title:lang(el-gr), .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name:lang(el-gr), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display:lang(el-gr), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display:lang(el-gr), .career-stats-overview-position-button-tooltip .position-name:lang(el-gr), .career-stats-stat-tooltip .title:lang(th-th), .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name:lang(th-th), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display:lang(th-th), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display:lang(th-th), .career-stats-overview-position-button-tooltip .position-name:lang(th-th), .career-stats-stat-tooltip .title:lang(zh-tw), .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name:lang(zh-tw), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display:lang(zh-tw), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display:lang(zh-tw), .career-stats-overview-position-button-tooltip .position-name:lang(zh-tw) { text-transform: none; } .career-stats-stat-tooltip .title, .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display { text-transform: none; } .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name:lang(ar-ae), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display:lang(ar-ae) { letter-spacing: 0; } .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display { letter-spacing: 0.025em; } .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name:lang(ar-ae), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display:lang(ar-ae) { letter-spacing: 0; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display, .career-stats-overview-position-button-tooltip .position-name { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display:lang(ar-ae), .career-stats-overview-position-button-tooltip .position-name:lang(ar-ae) { letter-spacing: 0; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display { letter-spacing: 0.0375em; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display:lang(ar-ae) { letter-spacing: 0; } .career-stats-stat-tooltip .title { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .career-stats-stat-tooltip .title:lang(ja-jp) { font-size: 13px; } .career-stats-stat-tooltip .title:lang(ar-ae) { letter-spacing: 0; } .career-stats-stat-tooltip .title { letter-spacing: 0.0375em; } .career-stats-stat-tooltip .title:lang(ar-ae) { letter-spacing: 0; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-label, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .expand-toggle .more-text { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-label:lang(ja-jp), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .expand-toggle .more-text:lang(ja-jp) { font-size: 13px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-label:lang(ar-ae), .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .expand-toggle .more-text:lang(ar-ae) { letter-spacing: 0; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display { background: linear-gradient(to bottom, #cdbe91 0%, #c8aa6e 35%, #765c29 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .lol-career-stats .position-icon.TOP, .rcp-fe-lol-career-stats-modal-content .position-icon.TOP, .stats-comparison-selector-modal-component .position-icon.TOP { background: url(/fe/lol-career-stats/position_top.png) no-repeat top; background-size: cover; } .lol-career-stats .position-icon.JUNGLE, .rcp-fe-lol-career-stats-modal-content .position-icon.JUNGLE, .stats-comparison-selector-modal-component .position-icon.JUNGLE { background: url(/fe/lol-career-stats/position_jungle.png) no-repeat top; background-size: cover; } .lol-career-stats .position-icon.MID, .rcp-fe-lol-career-stats-modal-content .position-icon.MID, .stats-comparison-selector-modal-component .position-icon.MID { background: url(/fe/lol-career-stats/position_mid.png) no-repeat top; background-size: cover; } .lol-career-stats .position-icon.BOTTOM, .rcp-fe-lol-career-stats-modal-content .position-icon.BOTTOM, .stats-comparison-selector-modal-component .position-icon.BOTTOM { background: url(/fe/lol-career-stats/position_bottom.png) no-repeat top; background-size: cover; } .lol-career-stats .position-icon.SUPPORT, .rcp-fe-lol-career-stats-modal-content .position-icon.SUPPORT, .stats-comparison-selector-modal-component .position-icon.SUPPORT { background: url(/fe/lol-career-stats/position_support.png) no-repeat top; background-size: cover; } .lol-career-stats .playstyle-icon.combat, .rcp-fe-lol-career-stats-modal-content .playstyle-icon.combat, .stats-comparison-selector-modal-component .playstyle-icon.combat { background: url(/fe/lol-career-stats/category_combat.png) no-repeat top; background-size: cover; } .lol-career-stats .playstyle-icon.income, .rcp-fe-lol-career-stats-modal-content .playstyle-icon.income, .stats-comparison-selector-modal-component .playstyle-icon.income { background: url(/fe/lol-career-stats/category_income.png) no-repeat top; background-size: cover; } .lol-career-stats .playstyle-icon.macro, .rcp-fe-lol-career-stats-modal-content .playstyle-icon.macro, .stats-comparison-selector-modal-component .playstyle-icon.macro { background: url(/fe/lol-career-stats/category_macro.png) no-repeat top; background-size: cover; } .lol-career-stats .stats-icon, .rcp-fe-lol-career-stats-modal-content .stats-icon, .stats-comparison-selector-modal-component .stats-icon { display: inline-block; width: 18px; height: 18px; -webkit-mask: url(/fe/lol-career-stats/icons_stats.png) no-repeat top center; -webkit-mask-size: cover; background-color: #5b5a56; } .lol-career-stats .stats-icon.kda, .rcp-fe-lol-career-stats-modal-content .stats-icon.kda, .stats-comparison-selector-modal-component .stats-icon.kda { -webkit-mask-position-y: 0px; } .lol-career-stats .stats-icon.killParticipation, .rcp-fe-lol-career-stats-modal-content .stats-icon.killParticipation, .stats-comparison-selector-modal-component .stats-icon.killParticipation { -webkit-mask-position-y: -18px; } .lol-career-stats .stats-icon.utilityScore, .rcp-fe-lol-career-stats-modal-content .stats-icon.utilityScore, .stats-comparison-selector-modal-component .stats-icon.utilityScore { -webkit-mask-position-y: -36px; } .lol-career-stats .stats-icon.damagePerDeath, .rcp-fe-lol-career-stats-modal-content .stats-icon.damagePerDeath, .stats-comparison-selector-modal-component .stats-icon.damagePerDeath { -webkit-mask-position-y: -55px; } .lol-career-stats .stats-icon.damageShare, .rcp-fe-lol-career-stats-modal-content .stats-icon.damageShare, .stats-comparison-selector-modal-component .stats-icon.damageShare { -webkit-mask-position-y: -72px; } .lol-career-stats .stats-icon.damagePerGold, .rcp-fe-lol-career-stats-modal-content .stats-icon.damagePerGold, .stats-comparison-selector-modal-component .stats-icon.damagePerGold { -webkit-mask-position-y: -90px; } .lol-career-stats .stats-icon.goldDiffAtLaningEnd, .rcp-fe-lol-career-stats-modal-content .stats-icon.goldDiffAtLaningEnd, .stats-comparison-selector-modal-component .stats-icon.goldDiffAtLaningEnd { -webkit-mask-position-y: -108px; } .lol-career-stats .stats-icon.csDiffAtLaningEnd, .rcp-fe-lol-career-stats-modal-content .stats-icon.csDiffAtLaningEnd, .stats-comparison-selector-modal-component .stats-icon.csDiffAtLaningEnd { -webkit-mask-position-y: -126px; } .lol-career-stats .stats-icon.csPerMinute, .rcp-fe-lol-career-stats-modal-content .stats-icon.csPerMinute, .stats-comparison-selector-modal-component .stats-icon.csPerMinute { -webkit-mask-position-y: -144px; } .lol-career-stats .stats-icon.objectiveControlRatio, .rcp-fe-lol-career-stats-modal-content .stats-icon.objectiveControlRatio, .stats-comparison-selector-modal-component .stats-icon.objectiveControlRatio { -webkit-mask-position-y: -162px; } .lol-career-stats .stats-icon.visionScorePerHour, .rcp-fe-lol-career-stats-modal-content .stats-icon.visionScorePerHour, .stats-comparison-selector-modal-component .stats-icon.visionScorePerHour { -webkit-mask-position-y: -180px; } .lol-career-stats .stats-icon.roamDominanceScore, .rcp-fe-lol-career-stats-modal-content .stats-icon.roamDominanceScore, .stats-comparison-selector-modal-component .stats-icon.roamDominanceScore { -webkit-mask-position-y: -198px; } .lol-career-stats .stats-icon.killConversionRatio, .rcp-fe-lol-career-stats-modal-content .stats-icon.killConversionRatio, .stats-comparison-selector-modal-component .stats-icon.killConversionRatio { -webkit-mask-position-y: -216px; } .lol-career-stats .hidden, .rcp-fe-lol-career-stats-modal-content .hidden, .stats-comparison-selector-modal-component .hidden { display: none; } .lol-career-stats .transparent, .rcp-fe-lol-career-stats-modal-content .transparent, .stats-comparison-selector-modal-component .transparent { opacity: 0; } .career-stats-stat-tooltip .title { margin-bottom: 0; color: #f0e6d2; } .career-stats-stat-tooltip .playstyle-content { max-width: 450px; min-width: 250px; white-space: normal; } .overview-breakdown-component .overview-breakdown-container { width: 733px; height: 550px; margin-top: 5px; } .overview-breakdown-component .overview-breakdown-container .position-header { direction: ltr; width: 100%; height: 200px; position: relative; } .overview-breakdown-component .overview-breakdown-container .position-header.sticky-fixed { z-index: 5; pointer-events: none; } .overview-breakdown-component .overview-breakdown-container .position-header.sticky-fixed .position-title { background: url("/lol-game-data/assets/content/src/LeagueClient/GameModeAssets/Classic_SRU/img/parties-background.jpg") no-repeat -290px -751px; -webkit-filter: brightness(0.5); } .overview-breakdown-component .overview-breakdown-container .position-header.sticky-fixed .position-title .diamond, .overview-breakdown-component .overview-breakdown-container .position-header.sticky-fixed .position-title .title-frame, .overview-breakdown-component .overview-breakdown-container .position-header.sticky-fixed .position-title .position-name { -webkit-filter: brightness(2); } .overview-breakdown-component .overview-breakdown-container .position-header.sticky-fixed .position-summary, .overview-breakdown-component .overview-breakdown-container .position-header.sticky-fixed .expand-toggle { pointer-events: all; } .overview-breakdown-component .overview-breakdown-container .position-header .position-title { height: 35px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: flex-start; padding: 0 0 0 18px ; margin: 0 10px 0 0 ; } .overview-breakdown-component .overview-breakdown-container .position-header .position-title .diamond { width: 3px; height: 3px; border: thin solid #3c3c41; transform: rotate(45deg); } .overview-breakdown-component .overview-breakdown-container .position-header .position-title .title-frame { height: 1px; flex: 0 0 92px; background: #3c3c41; } .overview-breakdown-component .overview-breakdown-container .position-header .position-title .title-frame.right { flex: 1 1 auto; } .overview-breakdown-component .overview-breakdown-container .position-header .position-title .position-name { flex: 0 0 auto; cursor: default; margin: 0 15px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; align-content: flex-start; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary { display: inline-block; vertical-align: top; width: 97px; height: 140px; margin: 0 0 0 18px ; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary.locked .position-button { -webkit-filter: brightness(0.5); } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary.locked .position-button:hover { -webkit-filter: brightness(0.65); } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary.locked .grade-banner.grade-S, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary.locked .grade-banner.grade-A, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary.locked .grade-banner.grade-B, .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary.locked .grade-banner.grade-C { background-position-y: 0; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary.locked .grade-display { display: none; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-banner { position: absolute; margin: 52px 0 0 10px ; background: url(/fe/lol-career-stats/grade_banners.png) no-repeat top center; background-size: cover; width: 78px; height: 59px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-banner.grade-C { background-position-y: -59px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-banner.grade-B { background-position-y: -118px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-banner.grade-A { background-position-y: -177px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-banner.grade-S { background-position-y: -235px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .position-button { position: absolute; width: 97px; height: 85px; text-align: center; background: url(/fe/lol-career-stats/lane_diamond_bg.png) no-repeat top center; background-size: cover; cursor: pointer; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .position-button.grade-S { background: url(/fe/lol-career-stats/lane_diamond_s_grade.png) no-repeat top center; background-size: cover; margin-top: -6px; height: 91px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .position-button.grade-S .position-icon { margin-top: 29px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .position-button:hover { -webkit-filter: brightness(1.2); } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .position-button:active { -webkit-filter: brightness(0.8); } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .position-button .position-icon { display: inline-block; width: 44px; height: 44px; background-size: cover; margin-top: 23px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .grade-display { direction: ltr ; position: absolute; width: 97px; text-align: center; margin-top: 80px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-display { text-align: center; margin-top: 112px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .position-summary .win-rate-label { color: #a09b8c; text-align: center; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .expand-toggle { margin-top: 9px; width: 66px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .expand-toggle .toggle-btn { display: block; width: 47px; height: 47px; margin: 13px 0 0 10px ; cursor: pointer; background: url(/fe/lol-career-stats/diamond_button_states.png) no-repeat top; background-size: cover; background-position-y: -47px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .expand-toggle .toggle-btn.reverse { background: url(/fe/lol-career-stats/diamond_button_states_up.png) no-repeat top; background-size: cover; background-position-y: -47px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .expand-toggle .toggle-btn:hover { background-position-y: 0; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .expand-toggle .toggle-btn:active { background-position-y: -141px; } .overview-breakdown-component .overview-breakdown-container .position-header .position-controls .expand-toggle .more-text { color: #a09b8c; text-align: center; margin-top: 15px; } .overview-breakdown-component .overview-breakdown-container .position-champions { direction: ltr; position: relative; display: flex; vertical-align: top; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; width: 534px; margin: -181px 0 68px 130px ; z-index: 1; } .overview-breakdown-component .overview-breakdown-container .position-champions .position-champ { width: 66px; height: 83px; margin: 30px 23px 0 0 ; } .overview-breakdown-component .overview-breakdown-container .position-champions .position-champ lol-uikit-thumbnail img { opacity: 0.8; } .overview-breakdown-component .overview-breakdown-container .position-champions .position-champ lol-uikit-thumbnail:hover img { opacity: 1; } .overview-breakdown-component .overview-breakdown-container .position-champions .position-champ.locked lol-uikit-thumbnail:not(:hover) img { opacity: 0.3; } .overview-breakdown-component .overview-breakdown-container div.position-champions.collapsed > lol-uikit-champion-thumbnail:nth-child(n+7) { display: none; } .stats-comparison-selector-modal-component .compare-title, .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav, .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title, .stats-comparison-selector-modal-component .compare-details .compare-list .name-display { font-family: var(--font-display); } .stats-comparison-selector-modal-component .compare-subtitle, .stats-comparison-selector-modal-component .compare-details .compare-list .no-other-champ-msg, .stats-comparison-selector-modal-component .compare-details .compare-list .name-display.summoner-name, .stats-comparison-selector-modal-component .compare-details .compare-list .games-played { font-family: var(--font-body); } .stats-comparison-selector-modal-component .compare-title, .stats-comparison-selector-modal-component .compare-subtitle, .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav, .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title, .stats-comparison-selector-modal-component .compare-details .compare-list .no-other-champ-msg, .stats-comparison-selector-modal-component .compare-details .compare-list .name-display, .stats-comparison-selector-modal-component .compare-details .compare-list .name-display.summoner-name, .stats-comparison-selector-modal-component .compare-details .compare-list .games-played { -webkit-user-select: none; } .stats-comparison-selector-modal-component .compare-title, .stats-comparison-selector-modal-component .compare-subtitle, .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav, .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title, .stats-comparison-selector-modal-component .compare-details .compare-list .no-other-champ-msg, .stats-comparison-selector-modal-component .compare-details .compare-list .name-display, .stats-comparison-selector-modal-component .compare-details .compare-list .name-display.summoner-name, .stats-comparison-selector-modal-component .compare-details .compare-list .games-played { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .stats-comparison-selector-modal-component .compare-title, .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav, .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title, .stats-comparison-selector-modal-component .compare-details .compare-list .name-display { text-transform: uppercase; } .stats-comparison-selector-modal-component .compare-title:lang(ko-kr), .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav:lang(ko-kr), .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title:lang(ko-kr), .stats-comparison-selector-modal-component .compare-details .compare-list .name-display:lang(ko-kr), .stats-comparison-selector-modal-component .compare-title:lang(ja-jp), .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav:lang(ja-jp), .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title:lang(ja-jp), .stats-comparison-selector-modal-component .compare-details .compare-list .name-display:lang(ja-jp), .stats-comparison-selector-modal-component .compare-title:lang(tr-tr), .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav:lang(tr-tr), .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title:lang(tr-tr), .stats-comparison-selector-modal-component .compare-details .compare-list .name-display:lang(tr-tr), .stats-comparison-selector-modal-component .compare-title:lang(el-gr), .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav:lang(el-gr), .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title:lang(el-gr), .stats-comparison-selector-modal-component .compare-details .compare-list .name-display:lang(el-gr), .stats-comparison-selector-modal-component .compare-title:lang(th-th), .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav:lang(th-th), .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title:lang(th-th), .stats-comparison-selector-modal-component .compare-details .compare-list .name-display:lang(th-th), .stats-comparison-selector-modal-component .compare-title:lang(zh-tw), .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav:lang(zh-tw), .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title:lang(zh-tw), .stats-comparison-selector-modal-component .compare-details .compare-list .name-display:lang(zh-tw) { text-transform: none; } .stats-comparison-selector-modal-component .compare-title, .stats-comparison-selector-modal-component .compare-details .compare-list .name-display { text-transform: none; } .stats-comparison-selector-modal-component .compare-title { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .stats-comparison-selector-modal-component .compare-title:lang(ar-ae) { letter-spacing: 0; } .stats-comparison-selector-modal-component .compare-title { letter-spacing: 0.025em; } .stats-comparison-selector-modal-component .compare-title:lang(ar-ae) { letter-spacing: 0; } .stats-comparison-selector-modal-component .compare-details .compare-list .name-display { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .stats-comparison-selector-modal-component .compare-details .compare-list .name-display:lang(ar-ae) { letter-spacing: 0; } .stats-comparison-selector-modal-component .compare-details .compare-list .name-display { letter-spacing: 0.0375em; } .stats-comparison-selector-modal-component .compare-details .compare-list .name-display:lang(ar-ae) { letter-spacing: 0; } .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title:lang(ja-jp) { font-size: 13px; } .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title:lang(ar-ae) { letter-spacing: 0; } .stats-comparison-selector-modal-component .compare-subtitle, .stats-comparison-selector-modal-component .compare-details .compare-list .no-other-champ-msg, .stats-comparison-selector-modal-component .compare-details .compare-list .name-display.summoner-name, .stats-comparison-selector-modal-component .compare-details .compare-list .games-played { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .stats-comparison-selector-modal-component .compare-subtitle:lang(ja-jp), .stats-comparison-selector-modal-component .compare-details .compare-list .no-other-champ-msg:lang(ja-jp), .stats-comparison-selector-modal-component .compare-details .compare-list .name-display.summoner-name:lang(ja-jp), .stats-comparison-selector-modal-component .compare-details .compare-list .games-played:lang(ja-jp) { font-size: 13px; } .stats-comparison-selector-modal-component .compare-subtitle:lang(ar-ae), .stats-comparison-selector-modal-component .compare-details .compare-list .no-other-champ-msg:lang(ar-ae), .stats-comparison-selector-modal-component .compare-details .compare-list .name-display.summoner-name:lang(ar-ae), .stats-comparison-selector-modal-component .compare-details .compare-list .games-played:lang(ar-ae) { letter-spacing: 0; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav { font-size: 12px; font-weight: 500; letter-spacing: 0.1em; color: #cdbe91; -webkit-font-smoothing: subpixel-antialiased; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav.active { position: relative; color: #f0e6d2; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav:lang(ja-jp) { font-size: 13px; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav:lang(zh-tw) { font-size: 14px; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav:lang(ar-ae) { letter-spacing: 0; } .stats-comparison-selector-modal-component { width: 630px; padding: 0 18px 10px 18px; } .stats-comparison-selector-modal-component .compare-title { text-align: center; cursor: default; margin-top: 25px; } .stats-comparison-selector-modal-component .compare-subtitle { text-align: center; cursor: default; margin-bottom: 11px; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav { text-align: center; display: flex; position: relative; width: 315px; cursor: pointer; padding: 0; vertical-align: middle; transition: 300ms color; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav::before { height: 3px; top: auto; bottom: 0px; left: 0px; width: 100%; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav[active] { color: #f0e6d2; cursor: default; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav[active]::before { opacity: 1; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav[disabled] { color: #1e2328; cursor: default; pointer-events: none; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav .tab-text { width: 315px; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav.champ-view { width: 210px; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav.champ-view .tab-text { width: 210px; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav.champ-view.has-prev-seasons { width: 160px; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav.champ-view.has-prev-seasons .tab-text { width: 160px; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav.has-prev-seasons { width: 210px; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav.has-prev-seasons .tab-text { width: 210px; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav.has-prev-seasons.champ-view { width: 160px; } .stats-comparison-selector-modal-component .compare-tab-navs .compare-tab-nav.has-prev-seasons.champ-view .tab-text { width: 160px; } .stats-comparison-selector-modal-component .compare-details .search-and-compare { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: flex-start; padding: 13px 0 0 0; } .stats-comparison-selector-modal-component .compare-details .search-and-compare .summoner-search { flex: 1 1 auto; margin-right: 5px; } .stats-comparison-selector-modal-component .compare-details .search-and-compare .compare-btn { flex: 0 0 auto; } .stats-comparison-selector-modal-component .compare-details .compare-list { height: 377px; width: 100%; padding: 0; margin-top: 28px; margin-bottom: 8px; } .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list { height: 332px; } .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; margin-bottom: 15px; } .stats-comparison-selector-modal-component .compare-details .compare-list.summoner-list .summoner-group .group-title { flex: 0 0 100%; color: #a09b8c; margin-bottom: 10px; } .stats-comparison-selector-modal-component .compare-details .compare-list.my-champions { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .stats-comparison-selector-modal-component .compare-details .compare-list .compare-display { flex: 0 0 33%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: flex-start; margin: 8px 0; cursor: pointer; } .stats-comparison-selector-modal-component .compare-details .compare-list .compare-display.champion-compare { margin-bottom: 10px; } .stats-comparison-selector-modal-component .compare-details .compare-list .compare-display:hover .name-display { color: #f0e6d2; } .stats-comparison-selector-modal-component .compare-details .compare-list .no-other-champ-msg { height: 45px; margin-top: 128px; cursor: default; width: 630px; position: absolute; text-align: center; } .stats-comparison-selector-modal-component .compare-details .compare-list .avatar-icon { width: 32px; height: 32px; position: relative; margin-right: 7px; } .stats-comparison-selector-modal-component .compare-details .compare-list .avatar-icon img { border-radius: 50%; position: absolute; width: 28px; left: 2px; top: 2px; } .stats-comparison-selector-modal-component .compare-details .compare-list .avatar-icon .icon-ring-s { position: absolute; width: 100%; height: 100%; background: url(/fe/lol-career-stats/playerobject_s_sprite.png) no-repeat top; background-size: cover; } .stats-comparison-selector-modal-component .compare-details .compare-list .name-display { color: #a09b8c; } .stats-comparison-selector-modal-component .compare-details div.compare-list > div:first-child { margin-top: 0; } .expert-list-component .expert-summoner-table .expert-table-cell.header, .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name, .expert-list-component .expert-summoner-table .expert-table-cell.win-rate { font-family: var(--font-display); } .expert-list-component .expert-summoner-list .not-enough-summoner-msg, .expert-list-component .expert-explanation, .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .subtitle { font-family: var(--font-body); } .expert-list-component .expert-summoner-list .not-enough-summoner-msg, .expert-list-component .expert-explanation, .expert-list-component .expert-summoner-table .expert-table-cell.header, .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name, .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .subtitle, .expert-list-component .expert-summoner-table .expert-table-cell.win-rate { -webkit-user-select: none; } .expert-list-component .expert-summoner-list .not-enough-summoner-msg, .expert-list-component .expert-explanation, .expert-list-component .expert-summoner-table .expert-table-cell.header, .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name, .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .subtitle, .expert-list-component .expert-summoner-table .expert-table-cell.win-rate { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .expert-list-component .expert-summoner-table .expert-table-cell.header, .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name, .expert-list-component .expert-summoner-table .expert-table-cell.win-rate { text-transform: uppercase; } .expert-list-component .expert-summoner-table .expert-table-cell.header:lang(ko-kr), .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name:lang(ko-kr), .expert-list-component .expert-summoner-table .expert-table-cell.win-rate:lang(ko-kr), .expert-list-component .expert-summoner-table .expert-table-cell.header:lang(ja-jp), .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name:lang(ja-jp), .expert-list-component .expert-summoner-table .expert-table-cell.win-rate:lang(ja-jp), .expert-list-component .expert-summoner-table .expert-table-cell.header:lang(tr-tr), .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name:lang(tr-tr), .expert-list-component .expert-summoner-table .expert-table-cell.win-rate:lang(tr-tr), .expert-list-component .expert-summoner-table .expert-table-cell.header:lang(el-gr), .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name:lang(el-gr), .expert-list-component .expert-summoner-table .expert-table-cell.win-rate:lang(el-gr), .expert-list-component .expert-summoner-table .expert-table-cell.header:lang(th-th), .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name:lang(th-th), .expert-list-component .expert-summoner-table .expert-table-cell.win-rate:lang(th-th), .expert-list-component .expert-summoner-table .expert-table-cell.header:lang(zh-tw), .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name:lang(zh-tw), .expert-list-component .expert-summoner-table .expert-table-cell.win-rate:lang(zh-tw) { text-transform: none; } .expert-list-component .expert-summoner-table .expert-table-cell.header, .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name, .expert-list-component .expert-summoner-table .expert-table-cell.win-rate { text-transform: none; } .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name, .expert-list-component .expert-summoner-table .expert-table-cell.win-rate { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name:lang(ar-ae), .expert-list-component .expert-summoner-table .expert-table-cell.win-rate:lang(ar-ae) { letter-spacing: 0; } .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name, .expert-list-component .expert-summoner-table .expert-table-cell.win-rate { letter-spacing: 0.0375em; } .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name:lang(ar-ae), .expert-list-component .expert-summoner-table .expert-table-cell.win-rate:lang(ar-ae) { letter-spacing: 0; } .expert-list-component .expert-summoner-table .expert-table-cell.header { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .expert-list-component .expert-summoner-table .expert-table-cell.header:lang(ja-jp) { font-size: 13px; } .expert-list-component .expert-summoner-table .expert-table-cell.header:lang(ar-ae) { letter-spacing: 0; } .expert-list-component .expert-summoner-table .expert-table-cell.header { letter-spacing: 0.0375em; } .expert-list-component .expert-summoner-table .expert-table-cell.header:lang(ar-ae) { letter-spacing: 0; } .expert-list-component .expert-summoner-list .not-enough-summoner-msg, .expert-list-component .expert-explanation, .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .subtitle { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .expert-list-component .expert-summoner-list .not-enough-summoner-msg:lang(ja-jp), .expert-list-component .expert-explanation:lang(ja-jp), .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .subtitle:lang(ja-jp) { font-size: 13px; } .expert-list-component .expert-summoner-list .not-enough-summoner-msg:lang(ar-ae), .expert-list-component .expert-explanation:lang(ar-ae), .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .subtitle:lang(ar-ae) { letter-spacing: 0; } .expert-list-component { padding: 0; margin-top: 28px; margin-bottom: 8px; } .expert-list-component .expert-summoner-list .not-enough-summoner-msg { height: 45px; margin-top: 128px; cursor: default; width: 630px; position: absolute; text-align: center; } .expert-list-component .stats-experts-loading-spinner { width: 48px; height: 48px; margin-top: 150px; margin-left: 292px; position: absolute; background: transparent url(/fe/lol-career-stats/spinner.png) no-repeat 50% 50%; background-size: contain; animation: profile-spin 4000ms infinite linear; } .expert-list-component .expert-explanation { cursor: default; text-align: center; } .expert-list-component .expert-summoner-table { table-layout: fixed; border-collapse: collapse; width: 630px; height: auto; margin-top: 11px; } .expert-list-component .expert-summoner-table .expert-table-header { border-bottom: thin solid #3c3c41; } .expert-list-component .expert-summoner-table .expert-table-cell { white-space: nowrap; text-align: center; vertical-align: middle; } .expert-list-component .expert-summoner-table .expert-table-cell.header { color: #a09b8c; cursor: default; height: 25px; } .expert-list-component .expert-summoner-table .expert-table-cell.header.profile { width: 200px; } .expert-list-component .expert-summoner-table .expert-table-cell.profile-info { cursor: pointer; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 230px; } .expert-list-component .expert-summoner-table .expert-table-cell.profile-info:hover { -webkit-filter: brightness(1.3); } .expert-list-component .expert-summoner-table .expert-table-cell.profile-info:active { -webkit-filter: brightness(0.8); } .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .stats-avatar { width: 30px; height: 30px; position: relative; border: 2px solid #c89b3c; border-radius: 50%; } .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .stats-avatar img { border-radius: 50%; position: absolute; width: 26px; left: 2px; top: 2px; } .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info { height: 65px; display: inline-flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 10px; } .expert-list-component .expert-summoner-table .expert-table-cell.profile-info .summoner-info .summoner-name { width: 170px; text-align: left; text-overflow: ellipsis; overflow: hidden; } .expert-list-component .expert-summoner-table .expert-table-cell.win-rate { cursor: default; } .expert-list-component .expert-summoner-table .expert-table-cell.rank .solo-duo-rank { height: 36px; width: 36px; display: inline-block; margin-top: 0px; } .expert-list-component .expert-summoner-table .expert-table-cell.rank .solo-duo-rank.ranked-crest-image { background: url(/fe/lol-career-stats/icons_compare_targets.png) no-repeat top center; background-size: cover; text-align: center; vertical-align: middle; } .expert-list-component .expert-summoner-table .expert-table-cell.rank .solo-duo-rank.ranked-crest-image._players { background-position-y: -36px; } .expert-list-component .expert-summoner-table .expert-table-cell.rank .solo-duo-rank.ranked-crest-image.IRON_players { background-position-y: -36px; } .expert-list-component .expert-summoner-table .expert-table-cell.rank .solo-duo-rank.ranked-crest-image.BRONZE_players { background-position-y: -72px; } .expert-list-component .expert-summoner-table .expert-table-cell.rank .solo-duo-rank.ranked-crest-image.SILVER_players { background-position-y: -108px; } .expert-list-component .expert-summoner-table .expert-table-cell.rank .solo-duo-rank.ranked-crest-image.GOLD_players { background-position-y: -144px; } .expert-list-component .expert-summoner-table .expert-table-cell.rank .solo-duo-rank.ranked-crest-image.PLATINUM_players { background-position-y: -180px; } .expert-list-component .expert-summoner-table .expert-table-cell.rank .solo-duo-rank.ranked-crest-image.DIAMOND_players { background-position-y: -216px; } .expert-list-component .expert-summoner-table .expert-table-cell.rank .solo-duo-rank.ranked-crest-image.MASTER_players { background-position-y: -252px; } .expert-list-component .expert-summoner-table .expert-table-cell.rank .solo-duo-rank.ranked-crest-image.GRANDMASTER_players { background-position-y: -288px; } .expert-list-component .expert-summoner-table .expert-table-cell.rank .solo-duo-rank.ranked-crest-image.CHALLENGER_players { background-position-y: -324px; } .expert-list-component .expert-summoner-table .expert-table-cell.playstyle .playstyle-icon { width: 18px; height: 18px; display: inline-block; } .expert-list-component .expert-summoner-table .expert-table-cell.action-buttons .action-button { display: inline-block; } .season-compare-list-component .season-compare-option-table th, .season-compare-list-component .season-compare-option-table td { font-family: var(--font-display); } .season-compare-list-component .season-compare-option-table th, .season-compare-list-component .season-compare-option-table td { -webkit-user-select: none; } .season-compare-list-component .season-compare-option-table th, .season-compare-list-component .season-compare-option-table td { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .season-compare-list-component .season-compare-option-table th, .season-compare-list-component .season-compare-option-table td { text-transform: uppercase; } .season-compare-list-component .season-compare-option-table th:lang(ko-kr), .season-compare-list-component .season-compare-option-table td:lang(ko-kr), .season-compare-list-component .season-compare-option-table th:lang(ja-jp), .season-compare-list-component .season-compare-option-table td:lang(ja-jp), .season-compare-list-component .season-compare-option-table th:lang(tr-tr), .season-compare-list-component .season-compare-option-table td:lang(tr-tr), .season-compare-list-component .season-compare-option-table th:lang(el-gr), .season-compare-list-component .season-compare-option-table td:lang(el-gr), .season-compare-list-component .season-compare-option-table th:lang(th-th), .season-compare-list-component .season-compare-option-table td:lang(th-th), .season-compare-list-component .season-compare-option-table th:lang(zh-tw), .season-compare-list-component .season-compare-option-table td:lang(zh-tw) { text-transform: none; } .season-compare-list-component .season-compare-option-table th, .season-compare-list-component .season-compare-option-table td { text-transform: none; } .season-compare-list-component .season-compare-option-table td { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .season-compare-list-component .season-compare-option-table td:lang(ar-ae) { letter-spacing: 0; } .season-compare-list-component .season-compare-option-table td { letter-spacing: 0.0375em; } .season-compare-list-component .season-compare-option-table td:lang(ar-ae) { letter-spacing: 0; } .season-compare-list-component .season-compare-option-table th { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .season-compare-list-component .season-compare-option-table th:lang(ja-jp) { font-size: 13px; } .season-compare-list-component .season-compare-option-table th:lang(ar-ae) { letter-spacing: 0; } .season-compare-list-component .season-compare-option-table th { letter-spacing: 0.0375em; } .season-compare-list-component .season-compare-option-table th:lang(ar-ae) { letter-spacing: 0; } .season-compare-list-component .season-compare-option-table { table-layout: fixed; border-collapse: collapse; width: 630px; height: auto; } .season-compare-list-component .season-compare-option-table th { border-bottom: thin solid #3c3c41; color: #a09b8c; cursor: default; height: 25px; } .season-compare-list-component .season-compare-option-table td { cursor: default; white-space: nowrap; text-align: center; vertical-align: middle; } .season-compare-list-component .season-compare-option-table tbody > tr { height: 60px; } .career-stats-welcome-modal-component .title, .career-stats-welcome-modal-component .sections .section .section-title, .career-stats-welcome-modal-component .sections .section .loc-text.vs, .career-stats-welcome-modal-component .sections .section .loc-text.avg-title { font-family: var(--font-display); } .career-stats-welcome-modal-component .subtitle, .career-stats-welcome-modal-component .sections .section .section-description, .career-stats-welcome-modal-component .sections .section .loc-text.stat-name, .career-stats-welcome-modal-component .sections .section .loc-text.avg-bar, .career-stats-welcome-modal-component .sections .section .loc-text.axis-label, .career-stats-welcome-modal-component .sections .section .loc-text.filter-option, .career-stats-welcome-modal-component .sections .section .loc-text.prev-season { font-family: var(--font-body); } .career-stats-welcome-modal-component .title, .career-stats-welcome-modal-component .subtitle, .career-stats-welcome-modal-component .sections .section .section-title, .career-stats-welcome-modal-component .sections .section .section-description, .career-stats-welcome-modal-component .sections .section .loc-text.stat-name, .career-stats-welcome-modal-component .sections .section .loc-text.vs, .career-stats-welcome-modal-component .sections .section .loc-text.avg-title, .career-stats-welcome-modal-component .sections .section .loc-text.avg-bar, .career-stats-welcome-modal-component .sections .section .loc-text.axis-label, .career-stats-welcome-modal-component .sections .section .loc-text.filter-option, .career-stats-welcome-modal-component .sections .section .loc-text.prev-season { -webkit-user-select: none; } .career-stats-welcome-modal-component .title, .career-stats-welcome-modal-component .subtitle, .career-stats-welcome-modal-component .sections .section .section-title, .career-stats-welcome-modal-component .sections .section .section-description, .career-stats-welcome-modal-component .sections .section .loc-text.stat-name, .career-stats-welcome-modal-component .sections .section .loc-text.vs, .career-stats-welcome-modal-component .sections .section .loc-text.avg-title, .career-stats-welcome-modal-component .sections .section .loc-text.avg-bar, .career-stats-welcome-modal-component .sections .section .loc-text.axis-label, .career-stats-welcome-modal-component .sections .section .loc-text.filter-option, .career-stats-welcome-modal-component .sections .section .loc-text.prev-season { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .career-stats-welcome-modal-component .title, .career-stats-welcome-modal-component .sections .section .section-title, .career-stats-welcome-modal-component .sections .section .loc-text.vs, .career-stats-welcome-modal-component .sections .section .loc-text.avg-title { text-transform: uppercase; } .career-stats-welcome-modal-component .title:lang(ko-kr), .career-stats-welcome-modal-component .sections .section .section-title:lang(ko-kr), .career-stats-welcome-modal-component .sections .section .loc-text.vs:lang(ko-kr), .career-stats-welcome-modal-component .sections .section .loc-text.avg-title:lang(ko-kr), .career-stats-welcome-modal-component .title:lang(ja-jp), .career-stats-welcome-modal-component .sections .section .section-title:lang(ja-jp), .career-stats-welcome-modal-component .sections .section .loc-text.vs:lang(ja-jp), .career-stats-welcome-modal-component .sections .section .loc-text.avg-title:lang(ja-jp), .career-stats-welcome-modal-component .title:lang(tr-tr), .career-stats-welcome-modal-component .sections .section .section-title:lang(tr-tr), .career-stats-welcome-modal-component .sections .section .loc-text.vs:lang(tr-tr), .career-stats-welcome-modal-component .sections .section .loc-text.avg-title:lang(tr-tr), .career-stats-welcome-modal-component .title:lang(el-gr), .career-stats-welcome-modal-component .sections .section .section-title:lang(el-gr), .career-stats-welcome-modal-component .sections .section .loc-text.vs:lang(el-gr), .career-stats-welcome-modal-component .sections .section .loc-text.avg-title:lang(el-gr), .career-stats-welcome-modal-component .title:lang(th-th), .career-stats-welcome-modal-component .sections .section .section-title:lang(th-th), .career-stats-welcome-modal-component .sections .section .loc-text.vs:lang(th-th), .career-stats-welcome-modal-component .sections .section .loc-text.avg-title:lang(th-th), .career-stats-welcome-modal-component .title:lang(zh-tw), .career-stats-welcome-modal-component .sections .section .section-title:lang(zh-tw), .career-stats-welcome-modal-component .sections .section .loc-text.vs:lang(zh-tw), .career-stats-welcome-modal-component .sections .section .loc-text.avg-title:lang(zh-tw) { text-transform: none; } .career-stats-welcome-modal-component .sections .section .section-title, .career-stats-welcome-modal-component .sections .section .loc-text.vs, .career-stats-welcome-modal-component .sections .section .loc-text.avg-title { text-transform: none; } .career-stats-welcome-modal-component .title { color: #f0e6d2; font-size: 30px; font-weight: 700; line-height: 32px; letter-spacing: 0.05em; } .career-stats-welcome-modal-component .title:lang(ar-ae) { letter-spacing: 0; } .career-stats-welcome-modal-component .sections .section .loc-text.avg-title { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .career-stats-welcome-modal-component .sections .section .loc-text.avg-title:lang(ar-ae) { letter-spacing: 0; } .career-stats-welcome-modal-component .sections .section .loc-text.avg-title { letter-spacing: 0.025em; } .career-stats-welcome-modal-component .sections .section .loc-text.avg-title:lang(ar-ae) { letter-spacing: 0; } .career-stats-welcome-modal-component .sections .section .section-title { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .career-stats-welcome-modal-component .sections .section .section-title:lang(ar-ae) { letter-spacing: 0; } .career-stats-welcome-modal-component .sections .section .section-title { letter-spacing: 0.025em; } .career-stats-welcome-modal-component .sections .section .section-title:lang(ar-ae) { letter-spacing: 0; } .career-stats-welcome-modal-component .sections .section .loc-text.vs { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .career-stats-welcome-modal-component .sections .section .loc-text.vs:lang(ja-jp) { font-size: 13px; } .career-stats-welcome-modal-component .sections .section .loc-text.vs:lang(ar-ae) { letter-spacing: 0; } .career-stats-welcome-modal-component .sections .section .loc-text.vs { letter-spacing: 0.0375em; } .career-stats-welcome-modal-component .sections .section .loc-text.vs:lang(ar-ae) { letter-spacing: 0; } .career-stats-welcome-modal-component .subtitle, .career-stats-welcome-modal-component .sections .section .section-description, .career-stats-welcome-modal-component .sections .section .loc-text.prev-season { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .career-stats-welcome-modal-component .subtitle:lang(ar-ae), .career-stats-welcome-modal-component .sections .section .section-description:lang(ar-ae), .career-stats-welcome-modal-component .sections .section .loc-text.prev-season:lang(ar-ae) { letter-spacing: 0; } .career-stats-welcome-modal-component .sections .section .loc-text.stat-name, .career-stats-welcome-modal-component .sections .section .loc-text.avg-bar, .career-stats-welcome-modal-component .sections .section .loc-text.axis-label, .career-stats-welcome-modal-component .sections .section .loc-text.filter-option { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .career-stats-welcome-modal-component .sections .section .loc-text.stat-name:lang(ja-jp), .career-stats-welcome-modal-component .sections .section .loc-text.avg-bar:lang(ja-jp), .career-stats-welcome-modal-component .sections .section .loc-text.axis-label:lang(ja-jp), .career-stats-welcome-modal-component .sections .section .loc-text.filter-option:lang(ja-jp) { font-size: 13px; } .career-stats-welcome-modal-component .sections .section .loc-text.stat-name:lang(ar-ae), .career-stats-welcome-modal-component .sections .section .loc-text.avg-bar:lang(ar-ae), .career-stats-welcome-modal-component .sections .section .loc-text.axis-label:lang(ar-ae), .career-stats-welcome-modal-component .sections .section .loc-text.filter-option:lang(ar-ae) { letter-spacing: 0; } .career-stats-welcome-modal-component { direction: ltr; width: 1020px; padding: 15px; cursor: default; } .career-stats-welcome-modal-component .title { text-align: center; width: 100%; margin-top: 25px; } .career-stats-welcome-modal-component .subtitle { text-align: center; width: 100%; margin-top: 10px; } .career-stats-welcome-modal-component .sections { display: flex; width: 100%; margin: -20px 0 75px 0; flex-direction: row; justify-content: center; align-items: flex-start; } .career-stats-welcome-modal-component .sections .section { flex: 0 0 33%; } .career-stats-welcome-modal-component .sections .section .image { width: 340px; height: 346px; } .career-stats-welcome-modal-component .sections .section .image.click { background: url("/fe/lol-career-stats/click.png") no-repeat top; background-size: cover; } .career-stats-welcome-modal-component .sections .section .image.analyze { background: url("/fe/lol-career-stats/analyze.png") no-repeat top; background-size: cover; } .career-stats-welcome-modal-component .sections .section .image.prev-season { background-image: url("/fe/lol-career-stats/prev-season.png") ; background-repeat: no-repeat; background-size: cover; background-position-y: top; background-position-x: 5px; } .career-stats-welcome-modal-component .sections .section .image.compare { background: url("/fe/lol-career-stats/compare.png") no-repeat top; background-size: cover; } .career-stats-welcome-modal-component .sections .section .section-title { text-align: center; color: #cdbe91; margin-top: -55px; } .career-stats-welcome-modal-component .sections .section .section-description { text-align: center; width: 250px; margin: 7px 45px; } .career-stats-welcome-modal-component .sections .section .loc-text { position: absolute; } .career-stats-welcome-modal-component .sections .section .loc-text.stat-name { color: #a09b8c; top: 167px; left: 451px; } .career-stats-welcome-modal-component .sections .section .loc-text.vs { color: #a09b8c; top: 202px; left: 523px; } .career-stats-welcome-modal-component .sections .section .loc-text.avg-title { width: 60px; } .career-stats-welcome-modal-component .sections .section .loc-text.avg-title.self { color: #fabe0a; top: 190px; left: 425px; text-align: left; } .career-stats-welcome-modal-component .sections .section .loc-text.avg-title.other { color: #a09b8c; top: 190px; left: 583px; text-align: right; } .career-stats-welcome-modal-component .sections .section .loc-text.avg-bar { width: 25px; text-align: center; } .career-stats-welcome-modal-component .sections .section .loc-text.avg-bar.self { color: #fabe0a; top: 253px; left: 481px; } .career-stats-welcome-modal-component .sections .section .loc-text.avg-bar.other { color: #a09b8c; top: 277px; left: 572px; } .career-stats-welcome-modal-component .sections .section .loc-text.axis-label { color: #0596aa; opacity: 0.5; width: 25px; text-align: right; } .career-stats-welcome-modal-component .sections .section .loc-text.axis-label.min { top: 325px; left: 400px; } .career-stats-welcome-modal-component .sections .section .loc-text.axis-label.max { top: 227px; left: 400px; } .career-stats-welcome-modal-component .sections .section .loc-text.filter-option { opacity: 0.7; left: 452px ; right: auto ; } .career-stats-welcome-modal-component .sections .section .loc-text.filter-option.index-0 { top: 195px; } .career-stats-welcome-modal-component .sections .section .loc-text.filter-option.index-1 { top: 227px; } .career-stats-welcome-modal-component .sections .section .loc-text.filter-option.index-2 { top: 259px; } .career-stats-welcome-modal-component .sections .section .loc-text.prev-season { color: #f0e6d2; top: 298px; left: 442px ; right: auto ; } .career-stats-welcome-modal-component .button-glow { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); animation: 4s magic-fade-loop linear infinite; opacity: 0; } .career-stats-welcome-modal-component .button-glow.delayed { animation-delay: 2s; } @-moz-keyframes magic-fade-loop { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes magic-fade-loop { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes magic-fade-loop { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes magic-fade-loop { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary, .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs { font-family: var(--font-display); } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button, .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-msgs, .career-stats-champ-matchup-tooltip { font-family: var(--font-body); } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary, .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button, .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-msgs, .career-stats-champ-matchup-tooltip { -webkit-user-select: none; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary, .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button, .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-msgs, .career-stats-champ-matchup-tooltip { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary, .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs { text-transform: uppercase; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(el-gr), .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(el-gr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(el-gr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(el-gr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(th-th), .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(th-th), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(th-th), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(th-th), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(zh-tw) { text-transform: none; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs { text-transform: none; } .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade { color: #f0e6d2; font-size: 40px; font-weight: 700; line-height: 42px; letter-spacing: 0.05em; } .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result { letter-spacing: 0.025em; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold { letter-spacing: 0.025em; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary { color: #a09b8c; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda { letter-spacing: 0.0375em; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(ja-jp) { font-size: 13px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs { letter-spacing: 0.0375em; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level { color: #a09b8c; } .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-msgs { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-msgs:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction, .career-stats-champ-matchup-tooltip { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction:lang(ja-jp), .career-stats-champ-matchup-tooltip:lang(ja-jp) { font-size: 13px; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction:lang(ar-ae), .career-stats-champ-matchup-tooltip:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade { font-size: 14px; font-weight: 700; letter-spacing: 0.075em; color: #cdbe91; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade.active { position: relative; color: #f0e6d2; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description { font-size: 12px; font-weight: 500; letter-spacing: 0.1em; color: #cdbe91; -webkit-font-smoothing: subpixel-antialiased; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description.active { position: relative; color: #f0e6d2; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(ja-jp) { font-size: 13px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(zh-tw) { font-size: 14px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button { font-size: 12px; font-weight: normal; outline: 0; letter-spacing: 0.05em; -webkit-font-smoothing: subpixel-antialiased; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button:lang(ja-jp) { font-size: 13px; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button { color: #cdbe91; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button:hover, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button.hover { color: #f0e6d2; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary, .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs { font-family: var(--font-display); } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button, .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-msgs, .career-stats-champ-matchup-tooltip { font-family: var(--font-body); } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary, .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs { font-family: var(--font-display); } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button, .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-msgs, .career-stats-champ-matchup-tooltip { font-family: var(--font-body); } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary, .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button, .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-msgs, .career-stats-champ-matchup-tooltip { -webkit-user-select: none; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary, .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button, .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-msgs, .career-stats-champ-matchup-tooltip { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary, .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs { text-transform: uppercase; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(ko-kr), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(tr-tr), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(el-gr), .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(el-gr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(el-gr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(el-gr), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(el-gr), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(th-th), .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(th-th), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(th-th), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(th-th), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(th-th), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(zh-tw), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(zh-tw) { text-transform: none; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs { text-transform: none; } .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade { color: #f0e6d2; font-size: 40px; font-weight: 700; line-height: 42px; letter-spacing: 0.05em; } .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result { letter-spacing: 0.025em; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold { letter-spacing: 0.025em; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary { color: #a09b8c; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda { letter-spacing: 0.0375em; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(ja-jp) { font-size: 13px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs { letter-spacing: 0.0375em; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level { color: #a09b8c; } .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-msgs { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-msgs:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary, .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction, .career-stats-champ-matchup-tooltip { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error:lang(ja-jp), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction:lang(ja-jp), .career-stats-champ-matchup-tooltip:lang(ja-jp) { font-size: 13px; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error:lang(ar-ae), .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction:lang(ar-ae), .career-stats-champ-matchup-tooltip:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade { font-size: 14px; font-weight: 700; letter-spacing: 0.075em; color: #cdbe91; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade.active { position: relative; color: #f0e6d2; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description { font-size: 12px; font-weight: 500; letter-spacing: 0.1em; color: #cdbe91; -webkit-font-smoothing: subpixel-antialiased; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description.active { position: relative; color: #f0e6d2; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(ja-jp) { font-size: 13px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(zh-tw) { font-size: 14px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button { font-size: 12px; font-weight: normal; outline: 0; letter-spacing: 0.05em; -webkit-font-smoothing: subpixel-antialiased; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button:lang(ja-jp) { font-size: 13px; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button:lang(ar-ae) { letter-spacing: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button { color: #cdbe91; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button:hover, .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button.hover { color: #f0e6d2; } .career-stats-modal-root-component { display: flex; flex-direction: row; width: 995px; height: 644px; position: relative; } .career-stats-modal-root-component .stats-modal-loading-spinner { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background: transparent url(/fe/lol-career-stats/spinner.png) no-repeat 50% 50%; background-size: contain; animation: profile-spin 4000ms infinite linear; opacity: 0; } .career-stats-modal-root-component.full-reload .stats-modal-loading-spinner, .career-stats-modal-root-component:not(.is-season-setting-loaded) .stats-modal-loading-spinner { opacity: 1; } .career-stats-modal-root-component.full-reload .stats-details-main, .career-stats-modal-root-component:not(.is-season-setting-loaded) .stats-details-main { opacity: 0; transition: none; } .career-stats-modal-root-component .career-stats-details-backdrop { position: absolute; width: 1055px; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; opacity: 0.7; } .career-stats-modal-root-component .career-stats-details-backdrop.dark { opacity: 0.125; } .career-stats-modal-root-component .hidden { display: none; } .career-stats-modal-root-component .transparent { opacity: 0; } .career-stats-modal-root-component .stats-details-main { width: 1055px; position: relative; padding: 30px; opacity: 1; transition: opacity 0.5s ease-in-out; } .career-stats-modal-root-component .stats-details-main .stats-details-top { direction: ltr; box-sizing: border-box; width: 100%; height: 80px; display: flex; justify-content: space-between; align-items: center; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity { width: 300px; display: flex; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-details-icon { width: 58px; margin: 0 10px 0 0 ; display: flex; justify-content: center; align-items: center; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-details-icon .position-icon { width: 45px; height: 45px; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .champion-icon { position: relative; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .champion-icon::before { content: ''; background: url(/fe/lol-career-stats/playerobject_s_sprite.png) no-repeat top; background-size: cover; width: 56px; height: 56px; position: absolute; top: -2px; left: -2px; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .champion-icon img { width: 50px; height: 50px; border-radius: 100%; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles { width: 240px; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .primary { color: #916c30; font-size: 20px; cursor: default; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .secondary { cursor: default; } .career-stats-modal-root-component .stats-details-main .stats-details-top .stats-details-identity .stats-detail-titles .summary { color: #a09b8c; cursor: default; } .career-stats-modal-root-component .stats-details-main .overall-grade-display { position: absolute; top: 30px; left: 272px; width: 512px; height: 76px; text-align: center; background: url(/fe/lol-career-stats/grades_sprite.png) no-repeat top center; background-size: cover; background-position-y: -327px; } .career-stats-modal-root-component .stats-details-main .overall-grade-display.grade-S { background-position-y: 0; height: 84px; } .career-stats-modal-root-component .stats-details-main .overall-grade-display.grade-A { background-position-y: -84px; height: 84px; } .career-stats-modal-root-component .stats-details-main .overall-grade-display.grade-B { background-position-y: -168px; height: 79px; } .career-stats-modal-root-component .stats-details-main .overall-grade-display.grade-C { background-position-y: -249px; height: 78px; } .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge { display: inline-flex; flex-direction: column; justify-content: center; margin-top: 8px; } .career-stats-modal-root-component .stats-details-main .overall-grade-display .grade-badge .grade { background: linear-gradient(to bottom, #cdbe91 0%, #c8aa6e 35%, #765c29 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; cursor: default; } .career-stats-modal-root-component .stats-details-main .stats-detail-filters { direction: ltr; width: 995px; margin-top: 20px; display: flex; align-items: center; justify-content: center; } .career-stats-modal-root-component .stats-details-main .stats-detail-filters .dropdown-filter { margin: 0 8px; flex: 0 0 160px; height: 30px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers { direction: ltr; display: flex; align-items: center; justify-content: space-between; width: 995px; margin-top: 20px; box-sizing: border-box; border-bottom: thin solid #3c3c41; } .career-stats-modal-root-component .stats-details-main .category-grade-headers.hidden { display: none; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs { width: 350px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display { display: flex; height: 51px; position: relative; width: auto; cursor: pointer; white-space: nowrap; padding-left: 17px; padding-right: 17px; text-align: left; vertical-align: middle; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display:lang(vn-vn) { padding-left: 20px; padding-right: 20px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display:lang(it-it) { padding-left: 5px; padding-right: 5px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display:lang(es-es) { padding-left: 15px; padding-right: 15px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display::before { height: 3px; top: auto; bottom: 0px; left: 0px; width: 100%; background: #785a28; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display[active] { cursor: default; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display[active] .grade, .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display[active] .description { color: #f0e6d2; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display[active]::before { opacity: 1; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .grade { direction: ltr ; text-align: center; margin-top: -3px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .category-grade-tabs .category-grade-display .description { margin-top: -5px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; align-content: center; margin-top: 17px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; align-content: center; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .label { color: #f0e6d2; cursor: default; white-space: nowrap; margin: 0 10px 0 0 ; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .target { color: #a09b8c; cursor: default; white-space: nowrap; margin: 2px 10px 0 0 ; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .loading-spinner { position: static; width: 18px; height: 18px; margin-right: 10px; background: transparent url(/fe/lol-career-stats/spinner.png) no-repeat 50% 50%; background-size: contain; animation: profile-spin 4000ms infinite linear; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .current-compare-display .no-data-warning { width: 18px; height: 18px; margin: 0 10px 0 0 ; -webkit-mask: url(/fe/lol-career-stats/warning.png) no-repeat 50% 50%; -webkit-mask-size: contain; background-color: #c89b3c; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button { flex: 0 0 18px; height: 18px; margin: 0 0 0 6px ; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon { cursor: pointer; height: 18px; width: 18px; background: url(/fe/lol-career-stats/icons_compare_targets.png) no-repeat top center; background-size: cover; -webkit-filter: brightness(0.8); text-align: center; vertical-align: middle; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon .option-shadow { display: inline-block; width: 1px; height: 1px; opacity: 0; transition: opacity 0.2s ease-in-out; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.all_players .option-shadow { box-shadow: 0 -8px 13px 6px #c3a566; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.iron_players { background-position-y: -18px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.iron_players .option-shadow { box-shadow: 0 -8px 13px 6px #574d4f; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.bronze_players { background-position-y: -36px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.bronze_players .option-shadow { box-shadow: 0 -8px 13px 6px #8c523a; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.silver_players { background-position-y: -54px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.silver_players .option-shadow { box-shadow: 0 -8px 13px 6px #80989d; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.gold_players { background-position-y: -72px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.gold_players .option-shadow { box-shadow: 0 -8px 13px 6px #febf3b; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.platinum_players { background-position-y: -90px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.platinum_players .option-shadow { box-shadow: 0 -8px 13px 7px #4e9996; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.diamond_players { background-position-y: -108px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.diamond_players .option-shadow { box-shadow: 0 -8px 13px 7px #576bce; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.master_players { background-position-y: -126px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.master_players .option-shadow { box-shadow: 0 -8px 13px 7px #9d48e0; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.grandmaster_players { background-position-y: -144px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.grandmaster_players .option-shadow { box-shadow: 0 -8px 13px 7px #cd4545; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.challenger_players { background-position-y: -162px; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-icon.challenger_players .option-shadow { box-shadow: 0 -8px 13px 7px #3fbfdd; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button .option-selected { width: 18px; height: 3px; margin-top: 6px; background-color: #785a28; opacity: 0; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button.selected .option-icon { -webkit-filter: brightness(1.2); cursor: default; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button.selected .option-icon.choose_comparison { cursor: pointer; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button.selected .option-icon.choose_comparison:hover { -webkit-filter: brightness(1.5); } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button.selected .option-selected { opacity: 1; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button:not(.selected):hover .option-icon { -webkit-filter: brightness(1); } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .option-button:not(.selected):hover .option-icon .option-shadow { opacity: 0.8; } .career-stats-modal-root-component .stats-details-main .category-grade-headers .compare-option-buttons .choose-comparison-button { margin: 0 0 0 6px ; height: 28px; } .career-stats-modal-root-component .stats-details-main .stats-details-container { display: flex; flex-direction: row ; justify-content: flex-start; align-items: flex-start; align-content: flex-start; width: 995px; } .career-stats-modal-root-component .stats-details-main .stats-details-container.hidden { display: none; } .career-stats-modal-root-component .stats-details-main .stats-details-container .category-stats-icon { opacity: 0; } .career-stats-modal-root-component .stats-details-main .stats-details-container.show-category-stat-icons .category-stats-icon { opacity: 1; } .career-stats-modal-root-component .stats-details-main .stats-details-container .category-trend-graphs { display: flex; flex-direction: row ; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; flex: 0 0 767px; padding-top: 20px; } .career-stats-modal-root-component .stats-details-main .stats-details-container .category-trend-graphs .grid-frames { position: absolute; } .career-stats-modal-root-component .stats-details-main .stats-details-container .category-trend-graphs .grid-frames .grid-frame.horizontal { top: 184px; left: 1px ; right: auto ; height: 1px; width: 761px; position: absolute; background: linear-gradient(to right, #3c3c41, #1e2328); } .career-stats-modal-root-component .stats-details-main .stats-details-container .category-trend-graphs .grid-frames .grid-frame.vertical { top: 0px; height: 370px; width: 1px; left: 254px; position: absolute; background: linear-gradient(to bottom, #3c3c41, #1e2328); } .career-stats-modal-root-component .stats-details-main .stats-details-container .category-trend-graphs .grid-frames .grid-frame.vertical::before { content: ''; width: 3px; height: 3px; border: thin solid #3c3c41; position: absolute; left: -2px; top: -5.5px; transform: rotate(45deg); } .career-stats-modal-root-component .stats-details-main .stats-details-container .category-trend-graphs .grid-frames .grid-frame.vertical.right { left: 507px; } .career-stats-modal-root-component .stats-details-main .stats-details-container div.category-trend-graphs > div.stats-trend-graph-component:nth-child(n+5) .stats-title { margin-top: 15px; } .career-stats-modal-root-component .stats-details-main .stats-details-container div.category-trend-graphs > div.stats-trend-graph-component:nth-child(n+5) .stats-average-compare { margin-top: 35px; } .career-stats-modal-root-component .stats-details-main .stats-details-container div.category-trend-graphs > div.stats-trend-graph-component:nth-child(n+5) .stats-trend-graph { margin-top: 15px; } .career-stats-modal-root-component .stats-details-main .stats-details-container .sidebar-frame { height: 370px; width: 1px; top: 253px; left: 792px ; right: auto ; position: absolute; background: linear-gradient(to bottom, #3c3c41, #1e2328); } .career-stats-modal-root-component .stats-details-main .stats-details-container .sidebar-frame::before { content: ''; width: 3px; height: 3px; border: thin solid #3c3c41; position: absolute; left: -2px; top: -5.5px; transform: rotate(45deg); } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display { direction: ltr; flex: 0 0 230px; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .title { color: #f0e6d2; margin: 25px 17px 0 17px; cursor: default; text-align: center; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .error { margin: 148px 17px; cursor: default; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .spinner { width: 32px; height: 32px; margin: 148px 0 0 110px; background: transparent url(/fe/lol-career-stats/spinner.png) no-repeat 50% 50%; background-size: contain; animation: profile-spin 4000ms infinite linear; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions { height: 300px; margin: 14px 17px 0 17px; display: flex; flex-direction: column; justify-content: center; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .instructions .instruction { margin: 15px 0; cursor: default; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary { margin: 44px 0 0 25px ; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info { margin: 0 0 0 23px ; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result { text-align: left ; cursor: default; color: #ff2345; width: 120px; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .match-result.victory { color: #0acbe6; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda { text-align: left ; cursor: default; color: #fabe0a; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .match-info .kda.opponent { color: #a09b8c; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display { height: 80px; text-align: center; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-icon { display: inline-block; vertical-align: middle; border: 2px solid #c89b3c; border-radius: 50%; width: 56px; height: 56px; margin-top: 8px; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-icon .icon { width: 60px; height: 60px; -webkit-clip-path: circle(27px at center); display: block; margin: -2px 0 0 -2px ; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display .champion-level { width: 20px; height: 20px; border-radius: 50%; position: absolute; line-height: 20px; letter-spacing: 0px; text-align: center; margin-top: -25px; margin-left: 48px; border: thin solid #c89b3c; background-color: #010a13; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary .champion-display.player .champion-icon { border-color: #fabe0a; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .match-summary.opponent { margin-top: 8px; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison { height: 80px; display: flex; flex-direction: row; justify-content: center; align-content: center; align-items: center; background-image: url(/fe/lol-career-stats/pinnedmatch_div_top.png), url(/fe/lol-career-stats/pinnedmatch_div_bot.png); background-repeat: no-repeat, no-repeat; background-size: 186px 9px; background-position: 24px 15px, 24px 56px; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold { cursor: default; color: #fabe0a; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold:after { content: ''; display: inline-block; width: 16px; height: 14px; background: url(/fe/lol-career-stats/category_income.png) no-repeat top left; background-size: 100%; margin: 0 0 0 5px ; opacity: 0.6; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .gold.opponent { color: #a09b8c; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .gold-comparison .vs { color: #a09b8c; vertical-align: middle; margin: 0 15px; cursor: default; } .career-stats-modal-root-component .stats-details-main .stats-details-container .pinned-match-display .show-full-history-button { display: block; margin-top: 30px; text-align: center; cursor: pointer; } .career-stats-modal-root-component .stats-details-main .stats-empty-message { text-align: center; padding-top: 100px; } .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-icon { display: inline-block; width: 168px; height: 158px; background-image: url(/fe/lol-career-stats/poro_question.png); background-repeat: no-repeat; background-size: 168px 158px; background-position: center; -webkit-filter: brightness(0.7); } .career-stats-modal-root-component .stats-details-main .stats-empty-message .stats-empty-msgs { direction: ltr; text-align: center; cursor: default; } .career-stats-champ-matchup-tooltip .description { text-align: right; } .career-stats-champ-matchup-tooltip .win-rate { text-align: left; color: #f0e6d2; } .career-stats-champ-matchup-tooltip .win-rate .delta.positive { color: #00a741; } .career-stats-champ-matchup-tooltip .win-rate .delta.negative { color: #ff2345; } .career-stats-champ-matchup-tooltip .instruction { color: #0ac8b9; } .stats-category-summary-graph-component { flex: 0 0 254px; height: 205px; margin-top: -20px; background-image: url(/fe/lol-career-stats/bg_circle_graph.png); background-repeat: no-repeat; background-position: 66px 43px; background-size: 121px 120px; } .stats-category-summary-graph-component .category-summary-graph { margin-left: 2px; } .stats-category-summary-graph-component .axis .axis-line { stroke: #005a82; stroke-width: 1px; stroke-opacity: 0.3; } .stats-category-summary-graph-component .axis .stats-icon-container { height: 18px; width: 18px; } .stats-category-summary-graph-component .radar-wrapper .radar-area { fill: #fabe0a; fill-opacity: 0.2; } .stats-category-summary-graph-component .radar-wrapper .radar-stroke { stroke-width: 2px; stroke: #fabe0a; fill: none; } .stats-category-summary-graph-component .radar-wrapper.other .radar-area { fill: #a09b8c; } .stats-category-summary-graph-component .radar-wrapper.other .radar-stroke { stroke: #a09b8c; } .stats-trend-graph-component .stats-average-compare .stats-average, .stats-trend-graph-component .stats-average-compare .compare-vs { font-family: var(--font-display); } .stats-trend-graph-component .stats-title .stats-name, .stats-trend-graph-component .stats-trend-graph .data-label .data-dot-text, .stats-trend-graph-component .stats-trend-graph .average-tag .tag-text, .stats-trend-graph-component .stats-trend-graph .axis-y .tick text { font-family: var(--font-body); } .stats-trend-graph-component .stats-title .stats-name, .stats-trend-graph-component .stats-average-compare .stats-average, .stats-trend-graph-component .stats-average-compare .compare-vs, .stats-trend-graph-component .stats-trend-graph .data-label .data-dot-text, .stats-trend-graph-component .stats-trend-graph .average-tag .tag-text, .stats-trend-graph-component .stats-trend-graph .axis-y .tick text { -webkit-user-select: none; } .stats-trend-graph-component .stats-title .stats-name, .stats-trend-graph-component .stats-average-compare .stats-average, .stats-trend-graph-component .stats-average-compare .compare-vs, .stats-trend-graph-component .stats-trend-graph .data-label .data-dot-text, .stats-trend-graph-component .stats-trend-graph .average-tag .tag-text, .stats-trend-graph-component .stats-trend-graph .axis-y .tick text { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .stats-trend-graph-component .stats-average-compare .stats-average, .stats-trend-graph-component .stats-average-compare .compare-vs { text-transform: uppercase; } .stats-trend-graph-component .stats-average-compare .stats-average:lang(ko-kr), .stats-trend-graph-component .stats-average-compare .compare-vs:lang(ko-kr), .stats-trend-graph-component .stats-average-compare .stats-average:lang(ja-jp), .stats-trend-graph-component .stats-average-compare .compare-vs:lang(ja-jp), .stats-trend-graph-component .stats-average-compare .stats-average:lang(tr-tr), .stats-trend-graph-component .stats-average-compare .compare-vs:lang(tr-tr), .stats-trend-graph-component .stats-average-compare .stats-average:lang(el-gr), .stats-trend-graph-component .stats-average-compare .compare-vs:lang(el-gr), .stats-trend-graph-component .stats-average-compare .stats-average:lang(th-th), .stats-trend-graph-component .stats-average-compare .compare-vs:lang(th-th), .stats-trend-graph-component .stats-average-compare .stats-average:lang(zh-tw), .stats-trend-graph-component .stats-average-compare .compare-vs:lang(zh-tw) { text-transform: none; } .stats-trend-graph-component .stats-average-compare .stats-average, .stats-trend-graph-component .stats-average-compare .compare-vs { text-transform: none; } .stats-trend-graph-component .stats-average-compare .stats-average { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .stats-trend-graph-component .stats-average-compare .stats-average:lang(ar-ae) { letter-spacing: 0; } .stats-trend-graph-component .stats-average-compare .stats-average { letter-spacing: 0.025em; } .stats-trend-graph-component .stats-average-compare .stats-average:lang(ar-ae) { letter-spacing: 0; } .stats-trend-graph-component .stats-average-compare .compare-vs { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .stats-trend-graph-component .stats-average-compare .compare-vs:lang(ja-jp) { font-size: 13px; } .stats-trend-graph-component .stats-average-compare .compare-vs:lang(ar-ae) { letter-spacing: 0; } .stats-trend-graph-component .stats-average-compare .compare-vs { letter-spacing: 0.0375em; } .stats-trend-graph-component .stats-average-compare .compare-vs:lang(ar-ae) { letter-spacing: 0; } .stats-trend-graph-component .stats-title .stats-name, .stats-trend-graph-component .stats-trend-graph .data-label .data-dot-text, .stats-trend-graph-component .stats-trend-graph .average-tag .tag-text, .stats-trend-graph-component .stats-trend-graph .axis-y .tick text { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .stats-trend-graph-component .stats-title .stats-name:lang(ja-jp), .stats-trend-graph-component .stats-trend-graph .data-label .data-dot-text:lang(ja-jp), .stats-trend-graph-component .stats-trend-graph .average-tag .tag-text:lang(ja-jp), .stats-trend-graph-component .stats-trend-graph .axis-y .tick text:lang(ja-jp) { font-size: 13px; } .stats-trend-graph-component .stats-title .stats-name:lang(ar-ae), .stats-trend-graph-component .stats-trend-graph .data-label .data-dot-text:lang(ar-ae), .stats-trend-graph-component .stats-trend-graph .average-tag .tag-text:lang(ar-ae), .stats-trend-graph-component .stats-trend-graph .axis-y .tick text:lang(ar-ae) { letter-spacing: 0; } .stats-trend-graph-component { flex: 0 0 254px; height: 185px; } .stats-trend-graph-component .stats-title { position: absolute; margin-top: 0; margin-left: 37px; } .stats-trend-graph-component .stats-title .stats-icon { margin-right: 2px; vertical-align: top; } .stats-trend-graph-component .stats-title .stats-name { direction: ltr; display: inline-block; text-align: left; height: 18px; line-height: 18px; vertical-align: top; color: #5b5a56; cursor: default; } .stats-trend-graph-component .stats-average-compare { position: absolute; margin-top: 20px; margin-left: 36px; width: 210px; } .stats-trend-graph-component .stats-average-compare .stats-average { direction: ltr; display: inline-block; width: 72px; color: #c8aa6e; cursor: default; text-align: left; } .stats-trend-graph-component .stats-average-compare .stats-average:lang(de-de), .stats-trend-graph-component .stats-average-compare .stats-average:lang(cs-cz) { width: 75px; } .stats-trend-graph-component .stats-average-compare .stats-average.against { text-align: right; color: #a09b8c; } .stats-trend-graph-component .stats-average-compare .compare-vs { direction: ltr; display: inline-block; width: 38px; height: 25px; color: #a09b8c; cursor: default; text-align: center; vertical-align: middle; } .stats-trend-graph-component .stats-trend-graph .data-line { stroke: #36b8ca; stroke-width: 2px; fill-opacity: 0; } .stats-trend-graph-component .stats-trend-graph .data-label { opacity: 0; } .stats-trend-graph-component .stats-trend-graph .data-label.show { opacity: 1; } .stats-trend-graph-component .stats-trend-graph .data-label .data-dot { fill: #cdfafa; fill-opacity: 1; stroke: #000; stroke-width: 1; } .stats-trend-graph-component .stats-trend-graph .data-label .data-dot-text { direction: ltr; font-size: 10.5px; fill: #cdfafa; text-anchor: middle; } .stats-trend-graph-component .stats-trend-graph .data-label .data-dot-text.shadow { stroke: #000; stroke-width: 3px; opacity: 0.8; } .stats-trend-graph-component .stats-trend-graph .data-label.pinned { opacity: 1; } .stats-trend-graph-component .stats-trend-graph .data-label.pinned .data-dot { fill: #cdbe91; } .stats-trend-graph-component .stats-trend-graph .data-label.pinned .data-dot-text { fill: #cdbe91; } .stats-trend-graph-component .stats-trend-graph .average-tag.selfHover { opacity: 0; } .stats-trend-graph-component .stats-trend-graph .average-tag .tag-text { direction: ltr; fill: #c8aa6e; } .stats-trend-graph-component .stats-trend-graph .average-tag .tag-text.selfHover { fill: #fabe0a; } .stats-trend-graph-component .stats-trend-graph .average-tag .tag-text.other { fill: #a09b8c; } .stats-trend-graph-component .stats-trend-graph .average-bar.selfHover { opacity: 0; } .stats-trend-graph-component .stats-trend-graph .axis-x .domain { stroke: #0a96aa; fill-opacity: 0; shape-rendering: crispEdges; stroke-opacity: 0.7; } .stats-trend-graph-component .stats-trend-graph .axis-y .tick text { direction: ltr; font-size: 10.5px; cursor: default; fill: #0596aa; fill-opacity: 0.5; letter-spacing: 0.03em; text-anchor: end ; } .stats-trend-graph-component .stats-trend-graph .axis-grid .tick line { stroke: #0596aa; fill: none; opacity: 0.15; stroke-width: 1px; shape-rendering: crispEdges; } .stats-trend-graph-component .stats-trend-graph .mouse-overs .overlay-mask { fill-opacity: 0; } .stats-trend-graph-component .stats-trend-graph .mouse-overs .mouse-line { stroke: #cdbe91; stroke-width: 1px; stroke-opacity: 0.6; } .stats-trend-graph-component:hover { background: linear-gradient(to bottom, rgba(173,216,230,0), rgba(173,216,230,0.05), rgba(173,216,230,0.1), rgba(173,216,230,0)); } .stats-trend-graph-component:hover .stats-average.self { color: #fabe0a; } .stats-trend-graph-component:hover .average-tag.self { opacity: 0; } .stats-trend-graph-component:hover .average-bar.self { opacity: 0; } .stats-trend-graph-component:hover .average-tag.selfHover { opacity: 1; } .stats-trend-graph-component:hover .average-bar.selfHover { opacity: 1; } .lol-tooltip-component { display: none; }