.style-profile-overview-component { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: default; -webkit-user-select: none; } .style-profile-overview-component .style-profile-overview-content { position: absolute; top: 0; left: 35px; right: 35px; bottom: 0; display: flex; flex-direction: row; overflow: hidden; opacity: 0; transition: opacity 0.5s ease; } .style-profile-overview-component .style-profile-emblems-container { position: relative; width: 100%; height: 240px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-self: flex-end; margin-left: 10px; } .style-profile-overview-component .style-profile-emblem-slot { position: relative; width: 144px; height: 100%; } .style-profile-overview-component.loaded .style-profile-overview-content { opacity: 1; pointer-events: initial; } .style-profile-overview-component.loading .style-profile-overview-content { pointer-events: none; } .style-profile-overview-component .style-profile-loading-spinner { visibility: hidden; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background: transparent url(/fe/lol-profiles/spinner.png) no-repeat 50% 50%; background-size: contain; } .style-profile-overview-component.loading .style-profile-loading-spinner { animation: profile-fadein 250ms forwards, profile-spin 4000ms infinite linear; } .style-profile-overview-component.loaded .style-profile-loading-spinner { animation: profile-fadeout 250ms forwards, profile-spin 4000ms infinite linear; } @-moz-keyframes profile-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes profile-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes profile-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes profile-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-moz-keyframes profile-fadeout { 0% { visibility: visible; opacity: 1; } 99% { visibility: visible; opacity: 0; } 100% { visibility: hidden; opacity: 0; } } @-webkit-keyframes profile-fadeout { 0% { visibility: visible; opacity: 1; } 99% { visibility: visible; opacity: 0; } 100% { visibility: hidden; opacity: 0; } } @-o-keyframes profile-fadeout { 0% { visibility: visible; opacity: 1; } 99% { visibility: visible; opacity: 0; } 100% { visibility: hidden; opacity: 0; } } @keyframes profile-fadeout { 0% { visibility: visible; opacity: 1; } 99% { visibility: visible; opacity: 0; } 100% { visibility: hidden; opacity: 0; } } @-moz-keyframes profile-fadein { 0% { visibility: visible; opacity: 0; } 100% { visibility: visible; opacity: 1; } } @-webkit-keyframes profile-fadein { 0% { visibility: visible; opacity: 0; } 100% { visibility: visible; opacity: 1; } } @-o-keyframes profile-fadein { 0% { visibility: visible; opacity: 0; } 100% { visibility: visible; opacity: 1; } } @keyframes profile-fadein { 0% { visibility: visible; opacity: 0; } 100% { visibility: visible; opacity: 1; } } .rcp-fe-lol-profiles-main { position: relative; cursor: default; width: 100%; height: 100%; } .rcp-fe-lol-profiles-modal { position: relative; cursor: default; width: 100%; height: 100%; } .style-profile-sub-nav { top: 79px; left: 35px; position: absolute; border: 0; margin: 0; padding: 0; -webkit-user-select: none; } .style-profile-sub-nav lol-uikit-navigation-item { margin-top: 9px; } div.rcp-fe-lol-profiles-modal .style-profile-sub-nav { top: 0; left: 290px; } /** * pointer-events are disabled by default for all children of lol-regalia-profile-element. * You must enable them explicitly for any child component wanting to enable mouse * events, such as hover detection to show a tooltip, etc. */ .style-profile-summoner-info-component { position: relative; height: 100%; width: 220px; flex-shrink: 0; } .style-profile-summoner-info-component .style-profile-summoner-xp-bar { position: absolute; display: flex; flex-direction: row; justify-content: center; width: 100%; top: 204px; } .style-profile-summoner-info-component .style-profile-summoner-status-icons { position: absolute; bottom: 50px; width: 100%; display: flex; flex-direction: row; justify-content: center; pointer-events: auto; } div.rcp-fe-lol-profiles-modal .style-profile-summoner-info-component { top: -79px; } .style-profile-summoner-namings-component .style-profile-summoner-name { font-family: var(--font-display); } .style-profile-summoner-namings-component .style-profile-summoner-name { -webkit-user-select: none; } .style-profile-summoner-namings-component .style-profile-summoner-name { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-summoner-namings-component .style-profile-summoner-name { text-transform: uppercase; } .style-profile-summoner-namings-component .style-profile-summoner-name:lang(ko-kr), .style-profile-summoner-namings-component .style-profile-summoner-name:lang(ja-jp), .style-profile-summoner-namings-component .style-profile-summoner-name:lang(tr-tr), .style-profile-summoner-namings-component .style-profile-summoner-name:lang(el-gr), .style-profile-summoner-namings-component .style-profile-summoner-name:lang(th-th), .style-profile-summoner-namings-component .style-profile-summoner-name:lang(zh-tw) { text-transform: none; } .style-profile-summoner-namings-component .style-profile-summoner-name { text-transform: none; } .style-profile-summoner-namings-component .style-profile-summoner-name { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .style-profile-summoner-namings-component .style-profile-summoner-name { letter-spacing: 0.025em; } .rcp-fe-lol-profiles-main { position: relative; cursor: default; width: 100%; height: 100%; } .rcp-fe-lol-profiles-modal { position: relative; cursor: default; width: 100%; height: 100%; } .style-profile-sub-nav { top: 79px; left: 35px; position: absolute; border: 0; margin: 0; padding: 0; -webkit-user-select: none; } .style-profile-sub-nav lol-uikit-navigation-item { margin-top: 9px; } div.rcp-fe-lol-profiles-modal .style-profile-sub-nav { top: 0; left: 290px; } .style-profile-summoner-namings-component { position: absolute; display: flex; flex-direction: column; align-items: center; width: 100%; top: 147px; } .style-profile-summoner-namings-component .style-profile-summoner-name { display: inline-block; white-space: nowrap; margin-bottom: 4px; } .style-profile-summoner-namings-component .style-profile-summoner-club { display: flex; flex-direction: column; align-items: center; position: relative; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value { font-family: var(--font-display); } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-xp-progress-numbers-display { font-family: var(--font-body); } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value, .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-xp-progress-numbers-display { -webkit-user-select: none; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value, .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-xp-progress-numbers-display { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value { text-transform: uppercase; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value:lang(ko-kr), .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value:lang(ja-jp), .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value:lang(tr-tr), .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value:lang(el-gr), .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value:lang(th-th), .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value:lang(zh-tw) { text-transform: none; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value:lang(ja-jp) { font-size: 13px; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-xp-progress-numbers-display { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-xp-progress-numbers-display:lang(ja-jp) { font-size: 13px; } .rcp-fe-lol-profiles-main { position: relative; cursor: default; width: 100%; height: 100%; } .rcp-fe-lol-profiles-modal { position: relative; cursor: default; width: 100%; height: 100%; } .style-profile-sub-nav { top: 79px; left: 35px; position: absolute; border: 0; margin: 0; padding: 0; -webkit-user-select: none; } .style-profile-sub-nav lol-uikit-navigation-item { margin-top: 9px; } div.rcp-fe-lol-profiles-modal .style-profile-sub-nav { top: 0; left: 290px; } .style-profile-summoner-level-bar-component { position: relative; width: 100%; height: 20px; pointer-events: auto; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-xp-progress-background { background-image: url(/fe/lol-profiles/level-bar-bottom.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-xp-progress-fill-container { position: absolute; left: 65px; right: 22px; height: 100%; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-xp-progress-fill-preloader { display: none; background-image: url(/fe/lol-profiles/level-bar-fill.png), url(/fe/lol-profiles/level-bar-fill-hover.png); } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-xp-progress-fill { background-image: url(/fe/lol-profiles/level-bar-fill.png); background-size: 100% 100%; height: 100%; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-plate { background-image: url(/fe/lol-profiles/level-bar-top.png); background-size: contain; background-repeat: no-repeat; background-position: left; position: absolute; top: 0; left: 15px; width: 100%; height: 100%; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-number-value { position: absolute; top: 1px; left: 27px; width: 34px; text-align: center; color: #f0e6d2; } .style-profile-summoner-level-bar-component .style-profile-summoner-level-bar-xp-progress-numbers-display { position: absolute; top: 22px; left: 0; width: 100%; text-align: center; display: none; } .style-profile-summoner-level-bar-component:hover .style-profile-summoner-level-bar-xp-progress-fill { background-image: url(/fe/lol-profiles/level-bar-fill-hover.png); } .style-profile-summoner-level-bar-component:hover .style-profile-summoner-level-bar-xp-progress-numbers-display { display: block; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { font-family: var(--font-display); } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { -webkit-user-select: none; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { text-transform: uppercase; } .style-profile-emblem-header-title:lang(ko-kr), .style-profile-emblem-header-subtitle:lang(ko-kr), .style-profile-emblem-header-title:lang(ja-jp), .style-profile-emblem-header-subtitle:lang(ja-jp), .style-profile-emblem-header-title:lang(tr-tr), .style-profile-emblem-header-subtitle:lang(tr-tr), .style-profile-emblem-header-title:lang(el-gr), .style-profile-emblem-header-subtitle:lang(el-gr), .style-profile-emblem-header-title:lang(th-th), .style-profile-emblem-header-subtitle:lang(th-th), .style-profile-emblem-header-title:lang(zh-tw), .style-profile-emblem-header-subtitle:lang(zh-tw) { text-transform: none; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .style-profile-emblem-header-title:lang(ja-jp), .style-profile-emblem-header-subtitle:lang(ja-jp) { font-size: 13px; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { color: #a09b8c; } .rcp-fe-lol-profiles-main { position: relative; cursor: default; width: 100%; height: 100%; } .rcp-fe-lol-profiles-modal { position: relative; cursor: default; width: 100%; height: 100%; } .style-profile-sub-nav { top: 79px; left: 35px; position: absolute; border: 0; margin: 0; padding: 0; -webkit-user-select: none; } .style-profile-sub-nav lol-uikit-navigation-item { margin-top: 9px; } div.rcp-fe-lol-profiles-modal .style-profile-sub-nav { top: 0; left: 290px; } .style-profile-emblem-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; background-size: contain; background-image: url(/fe/lol-profiles/Profile_Emblem_BG.png); background-repeat: no-repeat; } .style-profile-emblem-wrapper:hover { background-image: url(/fe/lol-profiles/Profile_Emblem_Hover.png); } .style-profile-emblem-header { width: 100%; min-height: 50px; display: flex; flex-direction: column; align-items: center; overflow: hidden; height: fit-content; flex-shrink: 0; margin-top: 10px; } .style-profile-emblem-header-title { overflow: hidden; white-space: normal; text-align: center; flex-shrink: 0; color: #cdbe91; margin-bottom: 2px; direction: ltr; } .style-profile-emblem-header-subtitle { font-size: 10px; line-height: 14px; color: #f0e6d2; overflow: hidden; white-space: normal; text-align: center; flex-shrink: 0; } .style-profile-emblem-wrapper:hover .style-profile-emblem-header-title { color: #f0e6d2; } .style-profile-emblem-content-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; position: relative; } .style-profile-emblem-content-container .style-profile-emblem-content { width: 100%; height: 100%; } .style-profile-ranked-component { width: 100%; height: 100%; } .style-profile-ranked-component * { box-sizing: border-box; } .style-profile-emblem-subheader-ranked { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; } .style-profile-emblem-subheader-ranked .style-profile-emblem-subheader-position { margin-right: 5px; width: 17px; height: 17px; } .style-profile-demotion-shield-warning { position: absolute; bottom: 40px; right: 20px; width: 16px; height: 16px; } .style-profile-ranked-position-tooltip-wrapper { display: flex; flex-flow: row nowrap; justify-content: space-around; width: 100%; height: 220px; } .style-profile-ranked-position-tooltip-wrapper.show-warning { height: 230px; } .style-profile-ranked-position-tooltip-flex-wrapper { display: flex; flex-flow: column nowrap; justify-content: flex-start; width: 100%; height: 100%; } .style-profile-ranked-position-tooltip-flex-row { display: flex; flex-flow: row nowrap; justify-content: space-around; width: 100%; } .style-profile-ranked-non-position-tooltip-wrapper { display: flex; flex-flow: row nowrap; justify-content: space-around; width: 100%; height: 210px; background-repeat: no-repeat; background-position: 10px 80px; background-size: 500px 15px; background-color: transparent; background-image: url(/fe/lol-profiles/triple_tooltip_bar.png); } .style-profile-ranked-non-position-tooltip-wrapper.show-warning { height: 230px; } .style-profile-ranked-non-position-tooltip-queue-wrapper { display: flex; flex-flow: column nowrap; justify-content: flex-start; width: 100%; height: 100%; min-width: 520px; } .style-profile-ranked-non-position-tooltip-queue-row { display: flex; flex-flow: row nowrap; justify-content: space-around; width: 100%; } .style-profile-ranked-warning-wrapper .style-profile-ranked-warning-message { font-family: var(--font-body); } .style-profile-ranked-warning-wrapper .style-profile-ranked-warning-message { -webkit-user-select: none; } .style-profile-ranked-warning-wrapper .style-profile-ranked-warning-message { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-ranked-warning-wrapper .style-profile-ranked-warning-message { text-transform: none; } .style-profile-ranked-warning-wrapper .style-profile-ranked-warning-message { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .style-profile-ranked-warning-wrapper .style-profile-ranked-warning-message:lang(ja-jp) { font-size: 13px; } .style-profile-ranked-warning-wrapper .style-profile-ranked-warning-icon, .style-profile-ranked-demotion-warning { width: 16px; height: 16px; -webkit-mask: url(/fe/lol-profiles/icon-warning.png) no-repeat 50% 50%; -webkit-mask-size: contain; flex-shrink: 0; } .style-profile-ranked-warning-wrapper .style-profile-ranked-warning-icon.warning-1, .style-profile-ranked-demotion-warning.warning-1 { background-color: #c89b3c; } .style-profile-ranked-warning-wrapper .style-profile-ranked-warning-icon.warning-1:hover, .style-profile-ranked-demotion-warning.warning-1:hover { background-color: #fabe0a; } .style-profile-ranked-warning-wrapper .style-profile-ranked-warning-icon.warning-2, .style-profile-ranked-demotion-warning.warning-2 { background-color: #be1e37; } .style-profile-ranked-warning-wrapper .style-profile-ranked-warning-icon.warning-2:hover, .style-profile-ranked-demotion-warning.warning-2:hover { background-color: #ff2345; } .style-profile-ranked-warning-wrapper { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .style-profile-ranked-warning-wrapper .style-profile-ranked-warning-message { margin-top: 5px; margin-left: 10px; margin-right: 10px; } .style-profile-ranked-demotion-warning { position: absolute; left: 50%; transform: translateX(-50%); transition: background-color 250ms ease; } .style-profile-ranked-icon-component { height: 100%; } .style-profile-ranked-icon-component .style-profile-ranked-crest-wrapper { width: 100%; height: 100%; } .style-profile-ranked-icon-component .style-profile-ranked-crest-unranked { width: 100%; height: 100%; background-size: contain; background-image: url(/fe/lol-profiles/profile_unranked.png); background-repeat: no-repeat; } .style-profile-ranked-icon-component .style-profile-ranked-crest-ranked { width: 80px; height: 80px; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 35px; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue, .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division { font-family: var(--font-display); } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-stats-wrapper .style-profile-ranked-crest-tooltip-lp { font-family: var(--font-body); } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue, .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division, .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-stats-wrapper .style-profile-ranked-crest-tooltip-lp { -webkit-user-select: none; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue, .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division, .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-stats-wrapper .style-profile-ranked-crest-tooltip-lp { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue, .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division { text-transform: uppercase; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue:lang(ko-kr), .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division:lang(ko-kr), .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue:lang(ja-jp), .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division:lang(ja-jp), .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue:lang(tr-tr), .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division:lang(tr-tr), .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue:lang(el-gr), .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division:lang(el-gr), .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue:lang(th-th), .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division:lang(th-th), .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue:lang(zh-tw), .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division:lang(zh-tw) { text-transform: none; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue { color: #a09b8c; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division:lang(ja-jp) { font-size: 13px; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-stats-wrapper .style-profile-ranked-crest-tooltip-lp { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.1em; -webkit-font-smoothing: subpixel-antialiased; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-stats-wrapper .style-profile-ranked-crest-tooltip-lp:lang(ja-jp) { font-size: 13px; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-warning-1, .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-warning-2 { position: absolute; bottom: -10px; right: -10px; width: 16px; height: 16px; -webkit-mask: url(/fe/lol-profiles/icon-warning.png) no-repeat 50% 50%; -webkit-mask-size: contain; flex-shrink: 0; } .style-profile-ranked-icon-tooltip-component { width: 100%; height: 100%; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; width: 100%; height: 100%; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner lol-uikit-content-block { text-align: center; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-unranked { position: relative; background-position: center; background-image: url(/fe/lol-profiles/profile_unranked_tooltip.png); background-repeat: no-repeat; width: 94px; height: 94px; margin-top: 25px; margin-bottom: 13px; background-size: 100% 100%; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-ranked { position: relative; width: 62px; height: 62px; margin-top: 40px; margin-bottom: 30px; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-warning-1 { background-color: #c89b3c; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-warning-1:hover { background-color: #fabe0a; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-warning-2 { background-color: #be1e37; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-warning-2:hover { background-color: #ff2345; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner div.style-profile-ranked-crest-tooltip-crest-dividing-line { height: 1px; width: 90px; margin-top: 0.1em; margin-bottom: 0.3em; align-self: center; background: linear-gradient(to left, transparent, #785a28, transparent); } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner div.style-profile-ranked-crest-tooltip-crest-dividing-line.unranked { display: none; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division { display: flex; flex: 0 0 auto; flex-flow: column nowrap; width: 100%; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-queue.unranked { color: #3c3c41; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-queue-and-division .style-profile-ranked-crest-tooltip-tier-division.unranked { color: #3c3c41; } .style-profile-ranked-icon-tooltip-component .style-profile-ranked-crest-tooltip-crest-inner .style-profile-ranked-crest-tooltip-stats-wrapper { display: flex; flex-flow: column nowrap; flex: 0 0 auto; justify-content: center; text-transform: uppercase; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title, .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank { font-family: var(--font-display); } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title, .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank { -webkit-user-select: none; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title, .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title, .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank { text-transform: uppercase; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title:lang(ko-kr), .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank:lang(ko-kr), .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title:lang(ja-jp), .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank:lang(ja-jp), .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title:lang(tr-tr), .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank:lang(tr-tr), .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title:lang(el-gr), .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank:lang(el-gr), .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title:lang(th-th), .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank:lang(th-th), .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title:lang(zh-tw), .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank:lang(zh-tw) { text-transform: none; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title { color: #a09b8c; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank:lang(ja-jp) { font-size: 13px; } .style-profile-ranked-last-season-tooltip-component { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 215px; height: 100%; flex-shrink: 0; border-left-width: 1px; border-left-color: #463714; border-left-style: solid; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-trim { width: 180px; height: 132px; position: relative; margin-right: 20px; margin-left: 20px; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title { text-align: center; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-title.unranked { color: #3c3c41; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank { text-align: center; } .style-profile-ranked-last-season-tooltip-component .style-profile-ranked-tooltip-last-rank.unranked { color: #3c3c41; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { font-family: var(--font-display); } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { -webkit-user-select: none; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { text-transform: uppercase; } .style-profile-emblem-header-title:lang(ko-kr), .style-profile-emblem-header-subtitle:lang(ko-kr), .style-profile-emblem-header-title:lang(ja-jp), .style-profile-emblem-header-subtitle:lang(ja-jp), .style-profile-emblem-header-title:lang(tr-tr), .style-profile-emblem-header-subtitle:lang(tr-tr), .style-profile-emblem-header-title:lang(el-gr), .style-profile-emblem-header-subtitle:lang(el-gr), .style-profile-emblem-header-title:lang(th-th), .style-profile-emblem-header-subtitle:lang(th-th), .style-profile-emblem-header-title:lang(zh-tw), .style-profile-emblem-header-subtitle:lang(zh-tw) { text-transform: none; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .style-profile-emblem-header-title:lang(ja-jp), .style-profile-emblem-header-subtitle:lang(ja-jp) { font-size: 13px; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { color: #a09b8c; } .rcp-fe-lol-profiles-main { position: relative; cursor: default; width: 100%; height: 100%; } .rcp-fe-lol-profiles-modal { position: relative; cursor: default; width: 100%; height: 100%; } .style-profile-sub-nav { top: 79px; left: 35px; position: absolute; border: 0; margin: 0; padding: 0; -webkit-user-select: none; } .style-profile-sub-nav lol-uikit-navigation-item { margin-top: 9px; } div.rcp-fe-lol-profiles-modal .style-profile-sub-nav { top: 0; left: 290px; } .style-profile-emblem-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; background-size: contain; background-image: url(/fe/lol-profiles/Profile_Emblem_BG.png); background-repeat: no-repeat; } .style-profile-emblem-wrapper:hover { background-image: url(/fe/lol-profiles/Profile_Emblem_Hover.png); } .style-profile-emblem-header { width: 100%; min-height: 50px; display: flex; flex-direction: column; align-items: center; overflow: hidden; height: fit-content; flex-shrink: 0; margin-top: 10px; } .style-profile-emblem-header-title { overflow: hidden; white-space: normal; text-align: center; flex-shrink: 0; color: #cdbe91; margin-bottom: 2px; direction: ltr; } .style-profile-emblem-header-subtitle { font-size: 10px; line-height: 14px; color: #f0e6d2; overflow: hidden; white-space: normal; text-align: center; flex-shrink: 0; } .style-profile-emblem-wrapper:hover .style-profile-emblem-header-title { color: #f0e6d2; } .style-profile-emblem-content-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; position: relative; } .style-profile-emblem-content-container .style-profile-emblem-content { width: 100%; height: 100%; } .style-profile-honor-component { width: 100%; height: 100%; } .style-profile-honor-component .style-profile-honor-icon { width: 100%; margin-top: 10px; } .style-profile-honor-component .style-profile-honor-empty { width: 100%; height: 100%; background-color: transparent; background-size: contain; background-position-y: -5px; background-image: url(/fe/lol-profiles/Honor_Empty.png); background-repeat: no-repeat; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle, .style-profile-champion-mastery-component .style-profile-champion-mastery-score { font-family: var(--font-display); } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle, .style-profile-champion-mastery-component .style-profile-champion-mastery-score { -webkit-user-select: none; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle, .style-profile-champion-mastery-component .style-profile-champion-mastery-score { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle, .style-profile-champion-mastery-component .style-profile-champion-mastery-score { text-transform: uppercase; } .style-profile-emblem-header-title:lang(ko-kr), .style-profile-emblem-header-subtitle:lang(ko-kr), .style-profile-champion-mastery-component .style-profile-champion-mastery-score:lang(ko-kr), .style-profile-emblem-header-title:lang(ja-jp), .style-profile-emblem-header-subtitle:lang(ja-jp), .style-profile-champion-mastery-component .style-profile-champion-mastery-score:lang(ja-jp), .style-profile-emblem-header-title:lang(tr-tr), .style-profile-emblem-header-subtitle:lang(tr-tr), .style-profile-champion-mastery-component .style-profile-champion-mastery-score:lang(tr-tr), .style-profile-emblem-header-title:lang(el-gr), .style-profile-emblem-header-subtitle:lang(el-gr), .style-profile-champion-mastery-component .style-profile-champion-mastery-score:lang(el-gr), .style-profile-emblem-header-title:lang(th-th), .style-profile-emblem-header-subtitle:lang(th-th), .style-profile-champion-mastery-component .style-profile-champion-mastery-score:lang(th-th), .style-profile-emblem-header-title:lang(zh-tw), .style-profile-emblem-header-subtitle:lang(zh-tw), .style-profile-champion-mastery-component .style-profile-champion-mastery-score:lang(zh-tw) { text-transform: none; } .style-profile-champion-mastery-component .style-profile-champion-mastery-score { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .style-profile-emblem-header-title:lang(ja-jp), .style-profile-emblem-header-subtitle:lang(ja-jp) { font-size: 13px; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { color: #a09b8c; } .rcp-fe-lol-profiles-main { position: relative; cursor: default; width: 100%; height: 100%; } .rcp-fe-lol-profiles-modal { position: relative; cursor: default; width: 100%; height: 100%; } .style-profile-sub-nav { top: 79px; left: 35px; position: absolute; border: 0; margin: 0; padding: 0; -webkit-user-select: none; } .style-profile-sub-nav lol-uikit-navigation-item { margin-top: 9px; } div.rcp-fe-lol-profiles-modal .style-profile-sub-nav { top: 0; left: 290px; } .style-profile-emblem-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; background-size: contain; background-image: url(/fe/lol-profiles/Profile_Emblem_BG.png); background-repeat: no-repeat; } .style-profile-emblem-wrapper:hover { background-image: url(/fe/lol-profiles/Profile_Emblem_Hover.png); } .style-profile-emblem-header { width: 100%; min-height: 50px; display: flex; flex-direction: column; align-items: center; overflow: hidden; height: fit-content; flex-shrink: 0; margin-top: 10px; } .style-profile-emblem-header-title { overflow: hidden; white-space: normal; text-align: center; flex-shrink: 0; color: #cdbe91; margin-bottom: 2px; direction: ltr; } .style-profile-emblem-header-subtitle { font-size: 10px; line-height: 14px; color: #f0e6d2; overflow: hidden; white-space: normal; text-align: center; flex-shrink: 0; } .style-profile-emblem-wrapper:hover .style-profile-emblem-header-title { color: #f0e6d2; } .style-profile-emblem-content-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; position: relative; } .style-profile-emblem-content-container .style-profile-emblem-content { width: 100%; height: 100%; } .style-profile-champion-mastery-component { width: 100%; height: 100%; } .style-profile-champion-mastery-icon-component { width: 100%; height: 100%; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon { width: 90px; height: 90px; position: relative; top: 20px; margin: 0 auto; padding: 0; border: 0; background-color: transparent; background-size: contain; background-image: url(/fe/lol-profiles/championmastery_backingcomplete.png);    } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.disabled { background-image: none; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-champion-icon-masked, .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-champion-icon-top-frame, .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-champion-icon-clickable-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-mastery-radial-progress { width: 85%; height: 85%; top: 8%; left: 8%; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-champion-icon-masked { -webkit-mask-size: 100% 100%; -webkit-mask-clip: content; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; -webkit-mask-image: url(/fe/lol-profiles/championmastery_iconmaskcomplete.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-champion-icon-masked img { position: absolute; width: 80%; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-champion-icon-top-frame { background-color: transparent; background-size: contain; background-image: url(/fe/lol-profiles/championmastery_framelevel0.png); background-repeat: no-repeat; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-champion-icon-clickable-area { background-color: transparent; border-radius: 50%; top: 3%; left: 3%; width: 94%; height: 94%; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-champion-icon-layer { width: 100%; height: 100%; position: relative; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.show-level { background-image: url(/fe/lol-profiles/championmastery_backing.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.show-level .style-profile-champion-icon-masked { -webkit-mask-image: url(/fe/lol-profiles/championmastery_iconmask.png); -webkit-mask-size: 84% 84%; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.show-level .style-profile-champion-icon-top-frame { background-image: url(/fe/lol-profiles/championmastery_frame.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.show-level .style-profile-champion-icon-clickable-area { top: 10%; left: 10%; width: 80%; height: 80%; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.completed { background-image: url(/fe/lol-profiles/championmastery_backingcomplete.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.completed .style-profile-champion-icon-top-frame { background-image: url(/fe/lol-profiles/championmastery_framecomplete.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-champion-icon-banner-layer { position: absolute; top: 48%; left: 50%; transform: translateX(-50%); width: 70%; height: 70%; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-champion-icon-banner-layer .style-profile-banner-image { background-image: url(/fe/lol-profiles/championmastery_level0banner.png); background-size: contain; background-repeat: no-repeat; width: 100%; height: 100%; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level0 .style-profile-champion-icon-banner-layer .style-profile-banner-image { background-image: url(/fe/lol-profiles/championmastery_level0banner.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level1 .style-profile-champion-icon-banner-layer .style-profile-banner-image { background-image: url(/fe/lol-profiles/championmastery_level1banner.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level2 .style-profile-champion-icon-banner-layer .style-profile-banner-image { background-image: url(/fe/lol-profiles/championmastery_level2banner.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level3 .style-profile-champion-icon-banner-layer .style-profile-banner-image { background-image: url(/fe/lol-profiles/championmastery_level3banner.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level4 .style-profile-champion-icon-banner-layer .style-profile-banner-image { background-image: url(/fe/lol-profiles/championmastery_level4banner.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level5 .style-profile-champion-icon-banner-layer .style-profile-banner-image { background-image: url(/fe/lol-profiles/championmastery_level5banner.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level6 .style-profile-champion-icon-banner-layer .style-profile-banner-image { background-image: url(/fe/lol-profiles/championmastery_level6banner.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level7 .style-profile-champion-icon-banner-layer .style-profile-banner-image { background-image: url(/fe/lol-profiles/championmastery_level7banner.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-champion-icon-accent-layer { position: absolute; top: 73%; left: 50%; transform: translateX(-50%); pointer-events: none; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon .style-profile-champion-icon-accent-layer .style-profile-accent-image { background: none; background-size: contain; background-repeat: no-repeat; width: 62px; height: 66px; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level1 .style-profile-champion-icon-accent-layer .style-profile-accent-image { display: none; } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level2 .style-profile-champion-icon-accent-layer .style-profile-accent-image { background-image: url(/fe/lol-profiles/championmastery_level2.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level3 .style-profile-champion-icon-accent-layer .style-profile-accent-image { background-image: url(/fe/lol-profiles/championmastery_level3.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level4 .style-profile-champion-icon-accent-layer .style-profile-accent-image { background-image: url(/fe/lol-profiles/championmastery_level4.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level5 .style-profile-champion-icon-accent-layer .style-profile-accent-image { background-image: url(/fe/lol-profiles/championmastery_level5.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level6 .style-profile-champion-icon-accent-layer .style-profile-accent-image { background-image: url(/fe/lol-profiles/championmastery_level6.png); } .style-profile-champion-mastery-icon-component .style-profile-champion-icon.level7 .style-profile-champion-icon-accent-layer .style-profile-accent-image { background-image: url(/fe/lol-profiles/championmastery_level7.png); } .style-profile-champion-mastery-level-up-details { padding-top: 8px; white-space: normal; color: #c89b3c; } .style-profile-champion-mastery-triple-tooltip { display: flex; flex-flow: row nowrap; justify-content: space-around; padding-left: 15px; padding-right: 15px; width: 500px; height: 240px; background: transparent url(/fe/lol-profiles/triple_tooltip_bar.png) 30px 80px/470px 10px no-repeat; } .style-profile-champion-mastery-tooltip-inner::shadow .name { font-family: var(--font-display); } .style-profile-champion-mastery-tooltip-inner::shadow .name { -webkit-user-select: none; } .style-profile-champion-mastery-tooltip-inner::shadow .name { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-champion-mastery-tooltip-inner::shadow .name { text-transform: uppercase; } .style-profile-champion-mastery-tooltip-inner::shadow .name:lang(ko-kr), .style-profile-champion-mastery-tooltip-inner::shadow .name:lang(ja-jp), .style-profile-champion-mastery-tooltip-inner::shadow .name:lang(tr-tr), .style-profile-champion-mastery-tooltip-inner::shadow .name:lang(el-gr), .style-profile-champion-mastery-tooltip-inner::shadow .name:lang(th-th), .style-profile-champion-mastery-tooltip-inner::shadow .name:lang(zh-tw) { text-transform: none; } .style-profile-champion-mastery-tooltip-inner::shadow .name { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .style-profile-champion-icon-inner-container { position: relative; width: 160px; height: 240px; margin-top: 9px; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner { width: 130px; height: 130px; position: relative; top: 30px; left: 0; margin: 0 auto; padding: 0; border: 0; background-color: transparent; background-size: contain; background-image: url(/fe/lol-profiles/championmastery_backingcomplete.png);    } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.disabled { background-image: none; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.primary { top: -5px; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.secondary { width: 100px; height: 100px; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.secondary .style-profile-champion-icon-accent-layer-inner { top: 67%; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.secondary .style-profile-champion-icon-accent-layer-inner .style-profile-accent-image-inner { width: 60px; height: 54px; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner .style-profile-champion-icon-masked-inner, .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner .style-profile-champion-icon-top-frame-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner .style-profile-mastery-radial-progress-inner { width: 85%; height: 85%; top: 8%; left: 8%; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner .style-profile-champion-icon-masked-inner { -webkit-mask-size: 100% 100%; -webkit-mask-clip: content; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; -webkit-mask-image: url(/fe/lol-profiles/championmastery_iconmaskcomplete.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner .style-profile-champion-icon-masked-inner img { position: absolute; width: 80%; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #000; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner .style-profile-champion-icon-top-frame-inner { background-color: transparent; background-size: contain; background-image: url(/fe/lol-profiles/championmastery_framelevel0.png); background-repeat: no-repeat; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner .style-profile-champion-icon-layer-inner { width: 100%; height: 100%; position: relative; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.show-level { background-image: url(/fe/lol-profiles/championmastery_backing.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.show-level .style-profile-champion-icon-masked-inner { -webkit-mask-image: url(/fe/lol-profiles/championmastery_iconmask.png); -webkit-mask-size: 84% 84%; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.show-level .style-profile-champion-icon-top-frame-inner { background-image: url(/fe/lol-profiles/championmastery_frame.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.completed { background-image: url(/fe/lol-profiles/championmastery_backingcomplete.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.completed .style-profile-champion-icon-top-frame-inner { background-image: url(/fe/lol-profiles/championmastery_framecomplete.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner .style-profile-champion-icon-banner-layer-inner { position: absolute; top: 48%; left: 50%; transform: translateX(-50%); width: 70%; height: 70%; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner .style-profile-champion-icon-banner-layer-inner .style-profile-banner-image-inner { background-image: url(/fe/lol-profiles/championmastery_level0banner.png); background-size: contain; background-repeat: no-repeat; width: 100%; height: 100%; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level0 .style-profile-champion-icon-banner-layer-inner .style-profile-banner-image-inner { background-image: url(/fe/lol-profiles/championmastery_level0banner.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level1 .style-profile-champion-icon-banner-layer-inner .style-profile-banner-image-inner { background-image: url(/fe/lol-profiles/championmastery_level1banner.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level2 .style-profile-champion-icon-banner-layer-inner .style-profile-banner-image-inner { background-image: url(/fe/lol-profiles/championmastery_level2banner.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level3 .style-profile-champion-icon-banner-layer-inner .style-profile-banner-image-inner { background-image: url(/fe/lol-profiles/championmastery_level3banner.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level4 .style-profile-champion-icon-banner-layer-inner .style-profile-banner-image-inner { background-image: url(/fe/lol-profiles/championmastery_level4banner.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level5 .style-profile-champion-icon-banner-layer-inner .style-profile-banner-image-inner { background-image: url(/fe/lol-profiles/championmastery_level5banner.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level6 .style-profile-champion-icon-banner-layer-inner .style-profile-banner-image-inner { background-image: url(/fe/lol-profiles/championmastery_level6banner.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level7 .style-profile-champion-icon-banner-layer-inner .style-profile-banner-image-inner { background-image: url(/fe/lol-profiles/championmastery_level7banner.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner .style-profile-champion-icon-accent-layer-inner { position: absolute; top: 73%; left: 50%; transform: translateX(-50%); pointer-events: none; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner .style-profile-champion-icon-accent-layer-inner .style-profile-accent-image-inner { background: none; background-size: contain; background-repeat: no-repeat; width: 62px; height: 66px; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level1 .style-profile-champion-icon-accent-layer-inner .style-profile-accent-image-inner { display: none; } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level2 .style-profile-champion-icon-accent-layer-inner .style-profile-accent-image-inner { background-image: url(/fe/lol-profiles/championmastery_level2.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level3 .style-profile-champion-icon-accent-layer-inner .style-profile-accent-image-inner { background-image: url(/fe/lol-profiles/championmastery_level3.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level4 .style-profile-champion-icon-accent-layer-inner .style-profile-accent-image-inner { background-image: url(/fe/lol-profiles/championmastery_level4.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level5 .style-profile-champion-icon-accent-layer-inner .style-profile-accent-image-inner { background-image: url(/fe/lol-profiles/championmastery_level5.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level6 .style-profile-champion-icon-accent-layer-inner .style-profile-accent-image-inner { background-image: url(/fe/lol-profiles/championmastery_level6.png); } .style-profile-champion-icon-inner-container .style-profile-champion-icon-inner.level7 .style-profile-champion-icon-accent-layer-inner .style-profile-accent-image-inner { background-image: url(/fe/lol-profiles/championmastery_level7.png); } .style-profile-champion-mastery-tooltip-inner { position: absolute; width: 100%; min-width: 0px; padding: 0px; bottom: 20px; } .style-profile-champion-mastery-tooltip-inner::shadow .name { text-align: center; } .style-profile-champion-mastery-tooltip-inner::shadow .separator { display: block; border: 0px; width: 80px; height: 1px; background-color: transparent; background-size: 100% 1px; background-image: url(/fe/lol-profiles/title_divider.png); } .style-profile-champion-mastery-tooltip-inner::shadow .mastery { display: flex; justify-content: center; flex-direction: row; flex-wrap: nowrap; } .style-profile-champion-mastery-tooltip-inner::shadow .mastery > .score { padding-left: 23px ; padding-right: 0px ; } .style-profile-champion-mastery-tooltip-inner::shadow .mastery > .score::before { margin-left: -25px ; margin-right: 0 ; right: auto; } .style-profile-champion-mastery-tooltip-inner::shadow .mastery > .title { display: none; } .style-profile-champion-mastery-tooltip-inner::shadow .chest { display: none; } .style-profile-champion-mastery-tooltip-inner::shadow .detail { text-align: center; direction: ltr; } .style-profile-champion-mastery-tooltip-inner .style-profile-champion-mastery-tooltip-inner-grade { min-height: 15px; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { font-family: var(--font-display); } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { -webkit-user-select: none; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { text-transform: uppercase; } .style-profile-emblem-header-title:lang(ko-kr), .style-profile-emblem-header-subtitle:lang(ko-kr), .style-profile-emblem-header-title:lang(ja-jp), .style-profile-emblem-header-subtitle:lang(ja-jp), .style-profile-emblem-header-title:lang(tr-tr), .style-profile-emblem-header-subtitle:lang(tr-tr), .style-profile-emblem-header-title:lang(el-gr), .style-profile-emblem-header-subtitle:lang(el-gr), .style-profile-emblem-header-title:lang(th-th), .style-profile-emblem-header-subtitle:lang(th-th), .style-profile-emblem-header-title:lang(zh-tw), .style-profile-emblem-header-subtitle:lang(zh-tw) { text-transform: none; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .style-profile-emblem-header-title:lang(ja-jp), .style-profile-emblem-header-subtitle:lang(ja-jp) { font-size: 13px; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle { color: #a09b8c; } .rcp-fe-lol-profiles-main { position: relative; cursor: default; width: 100%; height: 100%; } .rcp-fe-lol-profiles-modal { position: relative; cursor: default; width: 100%; height: 100%; } .style-profile-sub-nav { top: 79px; left: 35px; position: absolute; border: 0; margin: 0; padding: 0; -webkit-user-select: none; } .style-profile-sub-nav lol-uikit-navigation-item { margin-top: 9px; } div.rcp-fe-lol-profiles-modal .style-profile-sub-nav { top: 0; left: 290px; } .style-profile-emblem-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; background-size: contain; background-image: url(/fe/lol-profiles/Profile_Emblem_BG.png); background-repeat: no-repeat; } .style-profile-emblem-wrapper:hover { background-image: url(/fe/lol-profiles/Profile_Emblem_Hover.png); } .style-profile-emblem-header { width: 100%; min-height: 50px; display: flex; flex-direction: column; align-items: center; overflow: hidden; height: fit-content; flex-shrink: 0; margin-top: 10px; } .style-profile-emblem-header-title { overflow: hidden; white-space: normal; text-align: center; flex-shrink: 0; color: #cdbe91; margin-bottom: 2px; direction: ltr; } .style-profile-emblem-header-subtitle { font-size: 10px; line-height: 14px; color: #f0e6d2; overflow: hidden; white-space: normal; text-align: center; flex-shrink: 0; } .style-profile-emblem-wrapper:hover .style-profile-emblem-header-title { color: #f0e6d2; } .style-profile-emblem-content-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; position: relative; } .style-profile-emblem-content-container .style-profile-emblem-content { width: 100%; height: 100%; } .style-profile-trophy-component { width: 100%; height: 100%; } .style-profile-trophy-component .style-profile-trophy-container { position: relative; width: 100%; height: 100%; margin-top: 5px; } .style-profile-trophy-component .style-profile-trophy-pedestal, .style-profile-trophy-component .style-profile-trophy-cupgem { position: absolute; left: 50%; transform: translateX(-50%); } .style-profile-trophy-component .style-profile-trophy-pedestal { top: 99px; width: 70px; } .style-profile-trophy-component .style-profile-trophy-cupgem { height: 126px; } .style-profile-trophy-component .style-profile-trophy-empty { width: 100%; height: 100%; background-color: transparent; background-size: contain; background-position-y: 2px; background-image: url(/fe/lol-profiles/Trophy_Empty.png); background-repeat: no-repeat; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle, .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-theme, .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level { font-family: var(--font-display); } .style-profile-clash-banner-tooltip-details-group { font-family: var(--font-body); } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle, .style-profile-clash-banner-tooltip-details-group, .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-theme, .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level { -webkit-user-select: none; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle, .style-profile-clash-banner-tooltip-details-group, .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-theme, .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle, .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-theme, .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level { text-transform: uppercase; } .style-profile-emblem-header-title:lang(ko-kr), .style-profile-emblem-header-subtitle:lang(ko-kr), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-theme:lang(ko-kr), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level:lang(ko-kr), .style-profile-emblem-header-title:lang(ja-jp), .style-profile-emblem-header-subtitle:lang(ja-jp), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-theme:lang(ja-jp), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level:lang(ja-jp), .style-profile-emblem-header-title:lang(tr-tr), .style-profile-emblem-header-subtitle:lang(tr-tr), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-theme:lang(tr-tr), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level:lang(tr-tr), .style-profile-emblem-header-title:lang(el-gr), .style-profile-emblem-header-subtitle:lang(el-gr), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-theme:lang(el-gr), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level:lang(el-gr), .style-profile-emblem-header-title:lang(th-th), .style-profile-emblem-header-subtitle:lang(th-th), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-theme:lang(th-th), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level:lang(th-th), .style-profile-emblem-header-title:lang(zh-tw), .style-profile-emblem-header-subtitle:lang(zh-tw), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-theme:lang(zh-tw), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level:lang(zh-tw) { text-transform: none; } .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-theme { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle, .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .style-profile-emblem-header-title:lang(ja-jp), .style-profile-emblem-header-subtitle:lang(ja-jp), .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level:lang(ja-jp) { font-size: 13px; } .style-profile-emblem-header-title, .style-profile-emblem-header-subtitle, .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-details-level { color: #a09b8c; } .style-profile-clash-banner-tooltip-details-group { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .style-profile-clash-banner-tooltip-details-group:lang(ja-jp) { font-size: 13px; } .rcp-fe-lol-profiles-main { position: relative; cursor: default; width: 100%; height: 100%; } .rcp-fe-lol-profiles-modal { position: relative; cursor: default; width: 100%; height: 100%; } .style-profile-sub-nav { top: 79px; left: 35px; position: absolute; border: 0; margin: 0; padding: 0; -webkit-user-select: none; } .style-profile-sub-nav lol-uikit-navigation-item { margin-top: 9px; } div.rcp-fe-lol-profiles-modal .style-profile-sub-nav { top: 0; left: 290px; } .style-profile-emblem-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; background-size: contain; background-image: url(/fe/lol-profiles/Profile_Emblem_BG.png); background-repeat: no-repeat; } .style-profile-emblem-wrapper:hover { background-image: url(/fe/lol-profiles/Profile_Emblem_Hover.png); } .style-profile-emblem-header { width: 100%; min-height: 50px; display: flex; flex-direction: column; align-items: center; overflow: hidden; height: fit-content; flex-shrink: 0; margin-top: 10px; } .style-profile-emblem-header-title { overflow: hidden; white-space: normal; text-align: center; flex-shrink: 0; color: #cdbe91; margin-bottom: 2px; direction: ltr; } .style-profile-emblem-header-subtitle { font-size: 10px; line-height: 14px; color: #f0e6d2; overflow: hidden; white-space: normal; text-align: center; flex-shrink: 0; } .style-profile-emblem-wrapper:hover .style-profile-emblem-header-title { color: #f0e6d2; } .style-profile-emblem-content-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; position: relative; } .style-profile-emblem-content-container .style-profile-emblem-content { width: 100%; height: 100%; } .style-profile-clash-banner-component { width: 100%; height: 100%; } .style-profile-clash-banner-component.clickable { cursor: pointer; } .style-profile-clash-banner-component .style-profile-emblem-content { position: relative; } .style-profile-clash-banner-component .style-profile-clash-banner-image { width: 60px; margin-top: 30px; position: absolute; left: 50%; transform: translateX(-50%); pointer-events: none; } .style-profile-clash-banner-component .style-profile-clash-banner-frame { width: 90px; margin-top: 13px; position: absolute; left: 50%; transform: translateX(-50%); pointer-events: none; } .style-profile-clash-banner-component .style-profile-clash-banner-picker-preloader { display: none; background-image: url(/fe/lol-profiles/Edit_Disabled.png), url(/fe/lol-profiles/Edit_Hover.png), url(/fe/lol-profiles/Edit_Click.png); } .style-profile-clash-banner-component .style-profile-clash-banner-picker-button { width: 64px; height: 64px; position: absolute; top: 50px; left: 50%; transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; } .style-profile-clash-banner-component.pick-disabled:hover .style-profile-clash-banner-picker-button { background-image: url(/fe/lol-profiles/Edit_Disabled.png); } .style-profile-clash-banner-component.clickable:hover .style-profile-clash-banner-picker-button { background-image: url(/fe/lol-profiles/Edit_Hover.png); } .style-profile-clash-banner-component.clickable:active .style-profile-clash-banner-picker-button { background-image: url(/fe/lol-profiles/Edit_Click.png); } .style-profile-clash-banner-component .style-profile-clash-banner-empty { width: 100%; height: 100%; background-size: contain; background-image: url(/fe/lol-profiles/Banner_Empty.png); background-repeat: no-repeat; } .style-profile-clash-banner-tooltip-details-group { text-align: center; } .style-profile-clash-banner-tooltip-details-group .style-profile-clash-banner-tooltip-call-to-action-separator { margin-top: 1em; margin-bottom: 1em; } .style-profile-boosts-component .style-profile-perks-icon, .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5, .style-profile-reroll-tooltip h6 { font-family: var(--font-display); } .style-profile-reroll-tooltip p { font-family: var(--font-body); } .style-profile-boosts-component .style-profile-perks-icon, .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5, .style-profile-reroll-tooltip p, .style-profile-reroll-tooltip h6 { -webkit-user-select: none; } .style-profile-boosts-component .style-profile-perks-icon, .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5, .style-profile-reroll-tooltip p, .style-profile-reroll-tooltip h6 { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-boosts-component .style-profile-perks-icon, .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5, .style-profile-reroll-tooltip h6 { text-transform: uppercase; } .style-profile-boosts-component .style-profile-perks-icon:lang(ko-kr), .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5:lang(ko-kr), .style-profile-reroll-tooltip h6:lang(ko-kr), .style-profile-boosts-component .style-profile-perks-icon:lang(ja-jp), .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5:lang(ja-jp), .style-profile-reroll-tooltip h6:lang(ja-jp), .style-profile-boosts-component .style-profile-perks-icon:lang(tr-tr), .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5:lang(tr-tr), .style-profile-reroll-tooltip h6:lang(tr-tr), .style-profile-boosts-component .style-profile-perks-icon:lang(el-gr), .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5:lang(el-gr), .style-profile-reroll-tooltip h6:lang(el-gr), .style-profile-boosts-component .style-profile-perks-icon:lang(th-th), .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5:lang(th-th), .style-profile-reroll-tooltip h6:lang(th-th), .style-profile-boosts-component .style-profile-perks-icon:lang(zh-tw), .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5:lang(zh-tw), .style-profile-reroll-tooltip h6:lang(zh-tw) { text-transform: none; } .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5 { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .style-profile-boosts-component .style-profile-perks-icon, .style-profile-reroll-tooltip h6 { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .style-profile-boosts-component .style-profile-perks-icon:lang(ja-jp), .style-profile-reroll-tooltip h6:lang(ja-jp) { font-size: 13px; } .style-profile-boosts-component .style-profile-perks-icon { color: #a09b8c; } .style-profile-reroll-tooltip p { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .style-profile-reroll-tooltip p:lang(ja-jp) { font-size: 13px; } .style-profile-boosts-component .style-profile-perks-icon, .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5, .style-profile-reroll-tooltip h6 { font-family: var(--font-display); } .style-profile-reroll-tooltip p { font-family: var(--font-body); } .style-profile-boosts-component .style-profile-perks-icon, .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5, .style-profile-reroll-tooltip p, .style-profile-reroll-tooltip h6 { -webkit-user-select: none; } .style-profile-boosts-component .style-profile-perks-icon, .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5, .style-profile-reroll-tooltip p, .style-profile-reroll-tooltip h6 { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-boosts-component .style-profile-perks-icon, .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5, .style-profile-reroll-tooltip h6 { text-transform: uppercase; } .style-profile-boosts-component .style-profile-perks-icon:lang(ko-kr), .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5:lang(ko-kr), .style-profile-reroll-tooltip h6:lang(ko-kr), .style-profile-boosts-component .style-profile-perks-icon:lang(ja-jp), .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5:lang(ja-jp), .style-profile-reroll-tooltip h6:lang(ja-jp), .style-profile-boosts-component .style-profile-perks-icon:lang(tr-tr), .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5:lang(tr-tr), .style-profile-reroll-tooltip h6:lang(tr-tr), .style-profile-boosts-component .style-profile-perks-icon:lang(el-gr), .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5:lang(el-gr), .style-profile-reroll-tooltip h6:lang(el-gr), .style-profile-boosts-component .style-profile-perks-icon:lang(th-th), .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5:lang(th-th), .style-profile-reroll-tooltip h6:lang(th-th), .style-profile-boosts-component .style-profile-perks-icon:lang(zh-tw), .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5:lang(zh-tw), .style-profile-reroll-tooltip h6:lang(zh-tw) { text-transform: none; } .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5 { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .style-profile-boosts-component .style-profile-perks-icon, .style-profile-reroll-tooltip h6 { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .style-profile-boosts-component .style-profile-perks-icon:lang(ja-jp), .style-profile-reroll-tooltip h6:lang(ja-jp) { font-size: 13px; } .style-profile-boosts-component .style-profile-perks-icon { color: #a09b8c; } .style-profile-reroll-tooltip p { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .style-profile-reroll-tooltip p:lang(ja-jp) { font-size: 13px; } .rcp-fe-lol-profiles-main { position: relative; cursor: default; width: 100%; height: 100%; } .rcp-fe-lol-profiles-modal { position: relative; cursor: default; width: 100%; height: 100%; } .style-profile-sub-nav { top: 79px; left: 35px; position: absolute; border: 0; margin: 0; padding: 0; -webkit-user-select: none; } .style-profile-sub-nav lol-uikit-navigation-item { margin-top: 9px; } div.rcp-fe-lol-profiles-modal .style-profile-sub-nav { top: 0; left: 290px; } .style-profile-boosts-component { display: inline-block; } .style-profile-boosts-component .style-profile-perks-icon { min-width: 32px; height: 41px; display: inline-block; box-sizing: border-box; padding-top: 28px; margin: auto 0; text-align: center; } .style-profile-boosts-component .style-profile-perks-icon .style-profile-val { position: absolute; width: 34px; margin-top: -3px; margin-left: -16px; } .style-profile-boosts-component .style-profile-perks-icon.style-profile-reroll { background: url(/fe/lol-profiles/perks_reroll.png) no-repeat top center; background-size: 24px; } .style-profile-boosts-component .style-profile-perks-icon.style-profile-reroll.disabled { background: url(/fe/lol-profiles/perks_reroll_disabled.png) no-repeat top center; background-size: 24px; } .style-profile-boosts-component .style-profile-perks-icon.style-profile-boost { background: url(/fe/lol-profiles/perks_boost.png) no-repeat top center; background-size: 24px; } .style-profile-boosts-component .style-profile-perks-icon.style-profile-boost.disabled { background: url(/fe/lol-profiles/perks_boost_disabled.png) no-repeat top center; background-size: 24px; } .style-profile-boosts-component .style-profile-perks-icon.style-profile-chests { background: url(/fe/lol-profiles/perks_chest.png) no-repeat top center; background-size: 28px; background-position-y: -1px; } .style-profile-boosts-component .style-profile-perks-icon.style-profile-chests.disabled { background: url(/fe/lol-profiles/perks_chest_disabled.png) no-repeat top center; background-size: 28px; background-position-y: -1px; } .style-profile-boosts-component .style-profile-perks-icon.style-profile-chests.tencent { background: url(/fe/lol-profiles/perks_core.png) no-repeat top center; background-size: 28px; background-position-y: -1px; } .style-profile-boosts-component .style-profile-perks-icon.style-profile-chests.tencent.disabled { background: url(/fe/lol-profiles/perks_core_disabled.png) no-repeat top center; background-size: 28px; background-position-y: -1px; } .style-profile-boosts-tooltip .style-profile-boosts-tooltip-title.left { text-align: left; } .style-profile-boosts-tooltip .lol-typekit-label, .style-profile-boosts-tooltip .lol-typekit-value { white-space: nowrap; } .style-profile-reroll-tooltip { box-sizing: border-box; padding: 12px 18px 12px 12px; min-width: 166px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; } .style-profile-reroll-tooltip .style-profile-small-progress-radial-container { position: relative; width: 34px; height: 34px; padding-right: 12px; } .style-profile-reroll-tooltip .style-profile-small-progress-radial-container lol-uikit-radial-progress { width: 34px; height: 34px; } .style-profile-reroll-tooltip .style-profile-small-progress-radial-container .top { height: 100%; } .style-profile-reroll-tooltip .style-profile-small-progress-radial-container h5 { position: relative; top: 50%; transform: translateY(-50%); text-align: center; margin: 0; padding-left: 1px; padding-bottom: 1px; } .style-profile-reroll-tooltip .style-profile-small-progress-radial-desc { flex-grow: 1; } .style-profile-reroll-tooltip p { flex-grow: 1; margin: 0; white-space: nowrap; } .style-profile-reroll-tooltip h6 { margin: 0; white-space: nowrap; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title, .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-theme, .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level { font-family: var(--font-display); } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group { font-family: var(--font-body); } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title, .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group, .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-theme, .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level { -webkit-user-select: none; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title, .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group, .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-theme, .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title, .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-theme, .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level { text-transform: uppercase; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title:lang(ko-kr), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-theme:lang(ko-kr), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level:lang(ko-kr), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title:lang(ja-jp), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-theme:lang(ja-jp), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level:lang(ja-jp), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title:lang(tr-tr), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-theme:lang(tr-tr), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level:lang(tr-tr), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title:lang(el-gr), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-theme:lang(el-gr), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level:lang(el-gr), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title:lang(th-th), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-theme:lang(th-th), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level:lang(th-th), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title:lang(zh-tw), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-theme:lang(zh-tw), .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level:lang(zh-tw) { text-transform: none; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title, .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-theme { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level:lang(ja-jp) { font-size: 13px; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group .style-profile-clash-banner-picker-list-item-level { color: #a09b8c; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group:lang(ja-jp) { font-size: 13px; } .style-profile-clash-banner-picker-component { -webkit-user-select: none; width: 100%; height: 100%; } .style-profile-clash-banner-picker-component lol-uikit-full-page-backdrop { display: flex; align-items: center; justify-content: center; } .style-profile-clash-banner-picker-component lol-uikit-flat-button-group { justify-content: center; width: 100%; bottom: -2px; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container { background-color: #010a13; position: relative; width: 600px; border: 2px solid #1d2126; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title { cursor: default; box-sizing: border-box; height: 40px; padding-top: 10px; padding-left: 16px; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-title:after { content: ''; position: absolute; top: 39px; left: 0; width: 100%; height: 1px; background-color: #1d2126; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list { padding: 17px 0 17px 17px; height: 460px; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-loading-spinner { display: flex; align-items: center; justify-content: center; height: 100%; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list lol-uikit-scrollable { font-size: 0; overflow-x: hidden; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list lol-uikit-scrollable:after { content: ""; flex: auto; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item { width: 131px; display: inline-block; margin: 6px 6px; position: relative; text-align: center; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item img { -webkit-user-drag: none; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-flag-img { width: 111px; margin: 18px 0; object-fit: contain; object-position: 50% 0; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 15px); opacity: 0.5; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item:hover { cursor: pointer; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item:hover .style-profile-clash-banner-picker-flag-img { opacity: 1; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item.list-item-selected .style-profile-clash-banner-picker-flag-img { opacity: 1; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-frame-img { position: absolute; top: 0; left: 0; width: 131px; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-container .style-profile-clash-banner-picker-list .style-profile-clash-banner-picker-list-item .style-profile-clash-banner-picker-list-item-details-group { text-align: center; } .style-profile-clash-banner-picker-component .style-profile-clash-banner-picker-saving-spinner { position: absolute; bottom: 32px; display: flex; justify-content: center; width: 100%; } .style-profile-backdrop-component .style-profile-backdrop-container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .style-profile-backdrop-component .style-profile-backdrop-container .style-profile-masked-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; -webkit-mask: url(/fe/lol-profiles/profile-backdrop-mask.png) 50% 50%/100% 100% no-repeat; transition: all 0.25s linear; transform: scale(1.03); } .style-profile-backdrop-component .style-profile-backdrop-container .style-profile-background-image, .style-profile-backdrop-component .style-profile-backdrop-container img { position: absolute; top: 0; left: 0; width: auto; height: auto; opacity: 0.8; } .style-profile-backdrop-component .style-profile-backdrop-container lol-uikit-background-switcher { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } .style-profile-backdrop-component .style-profile-backdrop-container.style-profile-backdrop-dimmed::after { content: ''; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; animation: backdrop-dimmed-fade-in 0.25s forwards; } .style-profile-backdrop-component .style-profile-backdrop-container.style-profile-backdrop-dimmed .style-profile-masked-image { -webkit-filter: brightness(15%); } @-moz-keyframes backdrop-dimmed-fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes backdrop-dimmed-fade-in { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes backdrop-dimmed-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes backdrop-dimmed-fade-in { from { opacity: 0; } to { opacity: 1; } } .style-profile-backdrop-picker-component .style-profile-skin-picker-button { position: absolute; width: 28px; height: 28px; right: 35px; top: 96px; } .style-profile-backdrop-picker-component .style-profile-skin-picker-button lol-uikit-close-button[button-type="cog"]::shadow .lol-uikit-close-button .contents .x-icon { width: 24px; height: 24px; transform: translate(0px, 0px); -webkit-mask: url(/fe/lol-profiles/control-settings.png) no-repeat center; -webkit-mask-size: 18px 18px; } .style-profile-backdrop-picker-component .hide { display: none; } .rcp-fe-lol-profiles-search-input { position: absolute; top: 0; width: 1055px; } .style-profile-search-input-component { position: absolute; right: 70px; top: 95px; width: 200px; } .style-profile-search-trail-component .style-profile-search-trail-summoner-name { font-family: var(--font-display); } .style-profile-search-trail-component .style-profile-search-trail-summoner-name { -webkit-user-select: none; } .style-profile-search-trail-component .style-profile-search-trail-summoner-name { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .style-profile-search-trail-component .style-profile-search-trail-summoner-name { text-transform: uppercase; } .style-profile-search-trail-component .style-profile-search-trail-summoner-name:lang(ko-kr), .style-profile-search-trail-component .style-profile-search-trail-summoner-name:lang(ja-jp), .style-profile-search-trail-component .style-profile-search-trail-summoner-name:lang(tr-tr), .style-profile-search-trail-component .style-profile-search-trail-summoner-name:lang(el-gr), .style-profile-search-trail-component .style-profile-search-trail-summoner-name:lang(th-th), .style-profile-search-trail-component .style-profile-search-trail-summoner-name:lang(zh-tw) { text-transform: none; } .style-profile-search-trail-component .style-profile-search-trail-summoner-name { text-transform: none; } .style-profile-search-trail-component .style-profile-search-trail-summoner-name { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .style-profile-search-trail-component .style-profile-search-trail-summoner-name:lang(ja-jp) { font-size: 13px; } .style-profile-search-trail-component .style-profile-search-trail-summoner-name { letter-spacing: 0.0375em; } .rcp-fe-lol-profiles-search-trail { position: absolute; top: -3px; background-image: url(/fe/lol-profiles/search_trail_bg.png); background-size: 100% 100%; background-repeat: no-repeat; width: 320px; height: 42px; } .style-profile-search-trail-component { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 5px; margin-left: 40px; } .style-profile-search-trail-component .style-profile-search-trail-summoner-icon { width: 32px; height: 32px; margin-right: 5px; } .style-profile-search-trail-component .style-profile-search-trail-summoner-name { color: #cdbe91; width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rcp-fe-lol-profiles-main { position: relative; cursor: default; width: 100%; height: 100%; } .rcp-fe-lol-profiles-modal { position: relative; cursor: default; width: 100%; height: 100%; } .style-profile-sub-nav { top: 79px; left: 35px; position: absolute; border: 0; margin: 0; padding: 0; -webkit-user-select: none; } .style-profile-sub-nav lol-uikit-navigation-item { margin-top: 9px; } div.rcp-fe-lol-profiles-modal .style-profile-sub-nav { top: 0; left: 290px; } .lol-tooltip-component { display: none; }