.lol-leagues .lol-leagues-empty-title, .lol-leagues .lol-leagues-rewards, .lol-leagues .lol-leagues-info-header-container, .lol-leagues .lol-leagues-info-line, .lol-leagues .lol-leagues-list-wrapper, .lol-leagues .lol-leagues-challenger-headline, .lol-leagues .lol-leagues-challenger-title { font-family: var(--font-display); } .lol-leagues .lol-leagues-empty-intro, .lol-leagues .lol-leagues-challenger-intro, .lol-leagues .lol-leagues-faq-btn { font-family: var(--font-body); } .lol-leagues .lol-leagues-empty-title, .lol-leagues .lol-leagues-empty-intro, .lol-leagues .lol-leagues-rewards, .lol-leagues .lol-leagues-info-header-container, .lol-leagues .lol-leagues-info-line, .lol-leagues .lol-leagues-list-wrapper, .lol-leagues .lol-leagues-challenger-headline, .lol-leagues .lol-leagues-challenger-title, .lol-leagues .lol-leagues-challenger-intro, .lol-leagues .lol-leagues-faq-btn { -webkit-user-select: none; } .lol-leagues .lol-leagues-empty-title, .lol-leagues .lol-leagues-empty-intro, .lol-leagues .lol-leagues-rewards, .lol-leagues .lol-leagues-info-header-container, .lol-leagues .lol-leagues-info-line, .lol-leagues .lol-leagues-list-wrapper, .lol-leagues .lol-leagues-challenger-headline, .lol-leagues .lol-leagues-challenger-title, .lol-leagues .lol-leagues-challenger-intro, .lol-leagues .lol-leagues-faq-btn { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-leagues .lol-leagues-empty-title, .lol-leagues .lol-leagues-rewards, .lol-leagues .lol-leagues-info-header-container, .lol-leagues .lol-leagues-info-line, .lol-leagues .lol-leagues-list-wrapper, .lol-leagues .lol-leagues-challenger-headline, .lol-leagues .lol-leagues-challenger-title { text-transform: uppercase; } .lol-leagues .lol-leagues-empty-title:lang(ko-kr), .lol-leagues .lol-leagues-rewards:lang(ko-kr), .lol-leagues .lol-leagues-info-header-container:lang(ko-kr), .lol-leagues .lol-leagues-info-line:lang(ko-kr), .lol-leagues .lol-leagues-list-wrapper:lang(ko-kr), .lol-leagues .lol-leagues-challenger-headline:lang(ko-kr), .lol-leagues .lol-leagues-challenger-title:lang(ko-kr), .lol-leagues .lol-leagues-empty-title:lang(ja-jp), .lol-leagues .lol-leagues-rewards:lang(ja-jp), .lol-leagues .lol-leagues-info-header-container:lang(ja-jp), .lol-leagues .lol-leagues-info-line:lang(ja-jp), .lol-leagues .lol-leagues-list-wrapper:lang(ja-jp), .lol-leagues .lol-leagues-challenger-headline:lang(ja-jp), .lol-leagues .lol-leagues-challenger-title:lang(ja-jp), .lol-leagues .lol-leagues-empty-title:lang(tr-tr), .lol-leagues .lol-leagues-rewards:lang(tr-tr), .lol-leagues .lol-leagues-info-header-container:lang(tr-tr), .lol-leagues .lol-leagues-info-line:lang(tr-tr), .lol-leagues .lol-leagues-list-wrapper:lang(tr-tr), .lol-leagues .lol-leagues-challenger-headline:lang(tr-tr), .lol-leagues .lol-leagues-challenger-title:lang(tr-tr), .lol-leagues .lol-leagues-empty-title:lang(el-gr), .lol-leagues .lol-leagues-rewards:lang(el-gr), .lol-leagues .lol-leagues-info-header-container:lang(el-gr), .lol-leagues .lol-leagues-info-line:lang(el-gr), .lol-leagues .lol-leagues-list-wrapper:lang(el-gr), .lol-leagues .lol-leagues-challenger-headline:lang(el-gr), .lol-leagues .lol-leagues-challenger-title:lang(el-gr), .lol-leagues .lol-leagues-empty-title:lang(th-th), .lol-leagues .lol-leagues-rewards:lang(th-th), .lol-leagues .lol-leagues-info-header-container:lang(th-th), .lol-leagues .lol-leagues-info-line:lang(th-th), .lol-leagues .lol-leagues-list-wrapper:lang(th-th), .lol-leagues .lol-leagues-challenger-headline:lang(th-th), .lol-leagues .lol-leagues-challenger-title:lang(th-th), .lol-leagues .lol-leagues-empty-title:lang(zh-tw), .lol-leagues .lol-leagues-rewards:lang(zh-tw), .lol-leagues .lol-leagues-info-header-container:lang(zh-tw), .lol-leagues .lol-leagues-info-line:lang(zh-tw), .lol-leagues .lol-leagues-list-wrapper:lang(zh-tw), .lol-leagues .lol-leagues-challenger-headline:lang(zh-tw), .lol-leagues .lol-leagues-challenger-title:lang(zh-tw) { text-transform: none; } .lol-leagues .lol-leagues-challenger-headline { color: #f0e6d2; font-size: 40px; font-weight: 700; line-height: 42px; letter-spacing: 0.05em; } .lol-leagues .lol-leagues-challenger-headline:lang(ar-ae) { letter-spacing: 0; } .lol-leagues .lol-leagues-empty-title, .lol-leagues .lol-leagues-info-header-container, .lol-leagues .lol-leagues-challenger-title { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .lol-leagues .lol-leagues-empty-title:lang(ar-ae), .lol-leagues .lol-leagues-info-header-container:lang(ar-ae), .lol-leagues .lol-leagues-challenger-title:lang(ar-ae) { letter-spacing: 0; } .lol-leagues .lol-leagues-rewards, .lol-leagues .lol-leagues-info-line { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .lol-leagues .lol-leagues-rewards:lang(ar-ae), .lol-leagues .lol-leagues-info-line:lang(ar-ae) { letter-spacing: 0; } .lol-leagues .lol-leagues-list-wrapper { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .lol-leagues .lol-leagues-list-wrapper:lang(ja-jp) { font-size: 13px; } .lol-leagues .lol-leagues-list-wrapper:lang(ar-ae) { letter-spacing: 0; } .lol-leagues .lol-leagues-empty-intro, .lol-leagues .lol-leagues-challenger-intro { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .lol-leagues .lol-leagues-empty-intro:lang(ar-ae), .lol-leagues .lol-leagues-challenger-intro:lang(ar-ae) { letter-spacing: 0; } .lol-leagues .lol-leagues-faq-btn { font-size: 12px; font-weight: normal; outline: 0; letter-spacing: 0.05em; -webkit-font-smoothing: subpixel-antialiased; } .lol-leagues .lol-leagues-faq-btn:lang(ja-jp) { font-size: 13px; } .lol-leagues .lol-leagues-faq-btn:lang(ar-ae) { letter-spacing: 0; } .lol-leagues .lol-leagues-faq-btn { color: #0596aa; text-decoration: none; } .lol-leagues .lol-leagues-faq-btn:hover, .lol-leagues .lol-leagues-faq-btn.hover { color: #cdfafa; } .lol-leagues .lol-leagues-faq-btn:after { width: 9px; height: 9px; content: ''; display: inline-block; vertical-align: middle; -webkit-mask: url(/fe/lol-leagues/external-link-mask.png) no-repeat; -webkit-mask-size: contain; background-color: #0596aa; margin: 0 0 0 5px; } .lol-leagues .lol-leagues-faq-btn:lang(ar-ae):after { margin: 0 5px 0 0; transform: scaleX(-1); } .lol-leagues .lol-leagues-faq-btn:hover:after { background-color: #cdfafa; } .lol-leagues .lol-leagues-wrapper, .lol-leagues .lol-leagues-list-item { clear: both; } .lol-leagues .lol-leagues-wrapper:after, .lol-leagues .lol-leagues-list-item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .lol-leagues .lol-leagues-list { margin: 0; padding: 0; list-style: none; } .lol-leagues .loading-spinner { width: 40px; height: 40px; background-image: url("/fe/lol-leagues/images/spinner.png"); background-size: 40px; animation-name: spin; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear; margin: auto 508px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .lol-leagues .loading-fade-in { -webkit-animation: fade-in 0.5s forwards; } .lol-leagues .loading-fade-out { -webkit-animation: spin 4000ms linear, fade-out 0.5s forwards; } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } .lol-leagues { position: relative; padding-top: 125px; height: 593px; width: 100%;        } .lol-leagues .smoke-background-container { width: 1055px; height: 719px; position: absolute; top: 0; } .lol-leagues .smoke-background-container.removed { display: none; } .lol-leagues .ranked-intro-background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url("/fe/lol-leagues/images/ranked-intro-background.jpg"); } .lol-leagues .ranked-intro-background.removed { display: none; } .lol-leagues.lol-leagues-modal { padding-top: 50px; } div[data-screen-name="rcp-fe-lol-profiles-modal"] .lol-leagues, .rcp-fe-lol-profiles-modal .lol-leagues { padding-top: 45px; } .lol-leagues .loading-hidden { display: none; } .lol-leagues .lol-leagues-container { position: relative; width: 100%; } .lol-leagues .lol-leagues-empty-wrapper { margin: 0px auto; position: relative; padding-top: 48px; width: 600px; text-align: center; } .lol-leagues .lol-leagues-empty-logo { width: 300px; height: 300px; background: url("/fe/lol-leagues/images/empty_logo.png") no-repeat center; background-size: 100%; margin: 0 auto 25px auto; } .lol-leagues .lol-leagues-empty-title { color: #f0e6d2; margin-top: -41px; } .lol-leagues .lol-leagues-empty-intro { color: #a09b8c; margin-top: 11px; } .lol-leagues .lol-empty-break { width: 100%; height: 20px; } .lol-leagues .lol-leagues-empty-filter-wrapper { position: absolute; left: -233px; top: 20px; } .lol-leagues .lol-leagues-display-area.popup { animation: popup 0.4s cubic-bezier(0.2, 0.9, 0, 1) forwards; } @-moz-keyframes popup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0px); } } @-webkit-keyframes popup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0px); } } @-o-keyframes popup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes popup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0px); } } .lol-leagues .lol-leagues-wrapper { width: 100%; height: 441px; position: relative; display: flex; justify-content: space-between; } .lol-leagues .lol-leagues-left-container { display: inline-block; width: 620px; position: relative; top: 18px; } .lol-leagues .lol-leagues-filter-wrapper { padding-left: 25px; position: absolute; top: -19px; } .lol-leagues .lol-leagues-rewards { margin: 20px 20px 0 20px; text-align: center; border: thin solid #323232; } .lol-leagues .lol-leagues-info-header-container { width: 586px; height: 56px; padding-left: 34px; display: flex; justify-content: space-between; color: #f0e6d2; } .lol-leagues .lol-leagues-info-season-header { direction: ltr; display: flex; align-items: flex-end; justify-content: flex-start ; font-size: 26px; white-space: nowrap; } .lol-leagues .lol-leagues-info-season-header .season-reward-icon { margin: 0 0 5px 10px ; width: 16px; height: 16px; } .lol-leagues .lol-leagues-info-season-header .lol-leagues-tooltip-icon { width: 42px; height: 26px; margin-left: 10px; } .lol-leagues .lol-leagues-info-line { line-height: 16px; color: #a09b8c; } .lol-leagues .lol-leagues-info-right { float: left; margin-left: 10px; padding-top: 7px; padding-left: 23px; position: relative; } .lol-leagues .lol-leagues-right-container { width: 405px; height: 563px; position: absolute; top: -101px; left: 62%; overflow: hidden; } div[data-screen-name="rcp-fe-lol-profiles-modal"] .lol-leagues .lol-leagues-right-container, .rcp-fe-lol-profiles-modal .lol-leagues .lol-leagues-right-container { margin-top: -30px; } .lol-leagues .lol-leagues-list-wrapper { position: relative; left: auto ; } .lol-leagues .lol-leagues-list-down { position: relative; padding: 0 12px 0 0; text-align: right; display: block; } .lol-leagues .lol-leagues-list-down:before { content: ''; position: absolute; right: 0; top: 7px; width: 8px; height: 6px; background: url("/fe/lol-leagues/images/arrows.png") no-repeat; background-position: 0 0; background-size: 100%; opacity: 0; transition: all 0.3s ease; } .lol-leagues .lol-leagues-list-down:after { content: ''; position: absolute; right: 0; top: 7px; width: 8px; height: 6px; background: url("/fe/lol-leagues/images/arrows.png") no-repeat; background-position: 0 -12px; background-size: 100%; opacity: 1; transition: all 0.3s ease; } .lol-leagues .lol-leagues-list-up { position: relative; padding-right: 12px; text-align: right; display: block; color: #0a96aa; } .lol-leagues .lol-leagues-list-up:after { content: ''; position: absolute; right: 0; top: 7px; width: 8px; height: 6px; background: url("/fe/lol-leagues/images/arrows.png") no-repeat; background-position: 0 bottom; background-size: 100%; opacity: 1; transition: all 0.3s ease; } .lol-leagues .lol-leagues-icon { display: inline-block; width: 18px; height: 18px; background: url("/fe/lol-leagues/images/icons.png") no-repeat; background-size: 100%; position: relative; top: 1px; transition: all 0.3s ease; } .lol-leagues .lol-leagues-icon-hotstreak { background-position: 0 -36px; } .lol-leagues .lol-leagues-icon-veteran { background-position: 0 bottom; } .lol-leagues .lol-leagues-icon-freshblood { background-position: 0 -90px; } .lol-leagues .lol-leagues-league-points { position: relative; } .lol-leagues .lol-leagues-icon-promotion { width: 0; height: 0; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #a09b8c transparent; position: absolute; top: 4px; right: 16px; } .lol-leagues .lol-leagues-icon-demotion { width: 0; height: 0; border-style: solid; border-width: 7px 4px 0 4px; border-color: #a09b8c transparent transparent transparent; position: absolute; top: 8px; right: 467px; } .lol-leagues .lol-leagues-list-best-status { display: inline-block; width: 14px; height: 14px; background: url("/fe/lol-leagues/images/miniseries_small.png") no-repeat; background-size: 100%; position: relative; top: 3px; } .lol-leagues .lol-leagues-list-best-L { background-position: 0 -28px; } .lol-leagues .lol-leagues-list-best-W { background-position: 0 -56px; } .lol-leagues .lol-leagues-list-item { padding: 6px 0 6px 35px ; font-size: 12px; height: 20px; line-height: 20px; color: #a09b8c; position: relative; transition: color 0.3s ease; } .lol-leagues .lol-leagues-list-item:hover { color: #f0e6d2; background-image: url("/fe/lol-leagues/images/hover_bg.png") ; background-position: top left ; background-repeat: no-repeat; background-size: 624px 32px; } .lol-leagues .lol-leagues-list-item:hover .lol-leagues-list-down:after { -webkit-filter: brightness(2); } .lol-leagues .lol-leagues-list-item:hover .lol-leagues-list-up { color: #0acbe6; } .lol-leagues .lol-leagues-list-item:hover .lol-leagues-list-up:after { -webkit-filter: brightness(1.4); } .lol-leagues .lol-leagues-list-item:hover .lol-leagues-icon { -webkit-filter: brightness(1.3); } .lol-leagues .lol-leagues-list-item:hover .lol-leagues-icon-promotion { -webkit-filter: brightness(1.3); } .lol-leagues .lol-leagues-list-item:hover .lol-leagues-icon-demotion { -webkit-filter: brightness(1.3); } .lol-leagues .lol-leagues-list-item:hover .lol-leagues-list-best-N { background-position: 0 -14px; } .lol-leagues .lol-leagues-list-item:hover .lol-leagues-list-best-L { background-position: 0 -42px; } .lol-leagues .lol-leagues-list-item:hover .lol-leagues-list-best-W { background-position: 0 -70px; } .lol-leagues .lol-leagues-list-item.current { background-image: linear-gradient(to right, rgba(55,144,212,0.3) 0%, rgba(10,150,170,0.1) 100%) ; background-position: top left ; background-repeat: no-repeat; background-size: 100%; color: #f0e6d2; } .lol-leagues .lol-leagues-list-item.current:before { content: ''; width: 4px; height: 100%; position: absolute; top: 0; left: 0 ; right: auto ; background: #785a28; } .lol-leagues .lol-leagues-list-item.current:hover { background-image: url("/fe/lol-leagues/images/hover_bg.png"), linear-gradient(to right, rgba(55,144,212,0.3) 0%, rgba(10,150,170,0.1) 100%) ; background-position: top left, top left ; background-repeat: no-repeat, no-repeat; background-size: 624px 32px, 100%; } .lol-leagues .lol-leagues-list-item.current:hover:before { background: transparent; } .lol-leagues .lol-leagues-list-item.current .lol-leagues-list-down:after { -webkit-filter: brightness(2); } .lol-leagues .lol-leagues-list-item.current .lol-leagues-list-up { color: #0acbe6; } .lol-leagues .lol-leagues-list-item.current .lol-leagues-list-up:after { -webkit-filter: brightness(1.4); } .lol-leagues .lol-leagues-list-item.current .lol-leagues-icon { -webkit-filter: brightness(1.3); } .lol-leagues .lol-leagues-list-item.current .lol-leagues-icon-promotion { -webkit-filter: brightness(1.3); } .lol-leagues .lol-leagues-list-item.current .lol-leagues-icon-demotion { -webkit-filter: brightness(1.3); } .lol-leagues .lol-leagues-list-item.me { color: #fabe0a; } .lol-leagues .lol-leagues-list-item.me:before { background: #fabe0a; } .lol-leagues .lol-leagues-list-item.me .lol-leagues-list-down { color: #fabe0a; } .lol-leagues .lol-leagues-list-item.me .lol-leagues-list-down:after { -webkit-filter: brightness(1); background-position: 0 -6px; } .lol-leagues .lol-leagues-list-item.me .lol-leagues-list-up { color: #fabe0a; } .lol-leagues .lol-leagues-list-item.me .lol-leagues-list-up:after { -webkit-filter: brightness(1); background-position: 0 -24px; } .lol-leagues .lol-leagues-list-item.me .lol-leagues-icon { -webkit-filter: brightness(1); } .lol-leagues .lol-leagues-list-item.me .lol-leagues-icon-hotstreak { background-position: 0 -18px; } .lol-leagues .lol-leagues-list-item.me .lol-leagues-icon-veteran { background-position: 0 -126px; } .lol-leagues .lol-leagues-list-item.me .lol-leagues-icon-freshblood { background-position: 0 -72px; } .lol-leagues .lol-leagues-list-item.me .lol-leagues-icon-promotion { -webkit-filter: brightness(1); } .lol-leagues .lol-leagues-list-item.me .lol-leagues-icon-demotion { -webkit-filter: brightness(1); } .lol-leagues .lol-leagues-list-item.me .lol-leagues-list-best-W { background-position: 0 -84px; } .lol-leagues .lol-leagues-list-header { direction: ltr; font-size: 12px; position: relative; padding-left: 0; margin: 0 0 0 35px ; color: #f0e6d2; } .lol-leagues .lol-leagues-list-header:hover { background: none; } .lol-leagues .lol-leagues-list-header.second-header { margin-top: 16px; } .lol-leagues .lol-leagues-list-header.lol-leagues-list-item { background: none; } .lol-leagues .lol-leagues-list-header.lol-leagues-list-item:before { width: 100% ; } .lol-leagues .lol-leagues-list-header:before { content: ''; width: 100%; height: 1px; background: #a09b8c; opacity: 0.25; position: absolute; bottom: 0; left: 0; } .lol-leagues .lol-leagues-list-col { float: left ; height: 20px; white-space: nowrap; } .lol-leagues .lol-leagues-list-col-1 { width: 30px; } .lol-leagues .lol-leagues-list-col-2 { width: 42px; text-align: center; } .lol-leagues .lol-leagues-list-col-3 { width: 248px; padding: 0 0 0 22px ; text-transform: none; } .lol-leagues .lol-leagues-list-col-4 { width: 24px; } .lol-leagues .lol-leagues-list-col-5 { width: 12px; padding: 0 0 0 6px ; } .lol-leagues .lol-leagues-list-col-6 { width: 92px; text-align: center; } .lol-leagues .lol-leagues-list-col-7 { width: 85px; padding: 0 0 0 10px ; text-align: center; white-space: nowrap; } .lol-leagues .lol-leagues-challenger-headline { color: #f0e6d2; position: absolute; margin-top: 47px; margin-left: 33px; } .lol-leagues .lol-leagues-challenger-countdown { position: absolute; margin-top: 104px; margin-left: 33px; } .lol-leagues .lol-leagues-challenger-empty-container { position: absolute; text-align: center; left: 50%; margin-left: -327px; top: 95px; } .lol-leagues .lol-leagues-challenger-title { color: #f0e6d2; margin: 10px auto 12px auto; width: 654px; } .lol-leagues .lol-leagues-challenger-intro { color: #a09b8c; width: 508px; margin: 0 auto; } .lol-leagues .lol-leagues-faq-right { direction: ltr; position: absolute; top: 2px; right: 69px; white-space: no-wrap; } .lol-leagues-apex-decay-warning { font-family: var(--font-display); } .lol-leagues-apex-decay-warning { -webkit-user-select: none; } .lol-leagues-apex-decay-warning { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-leagues-apex-decay-warning { text-transform: uppercase; } .lol-leagues-apex-decay-warning:lang(ko-kr), .lol-leagues-apex-decay-warning:lang(ja-jp), .lol-leagues-apex-decay-warning:lang(tr-tr), .lol-leagues-apex-decay-warning:lang(el-gr), .lol-leagues-apex-decay-warning:lang(th-th), .lol-leagues-apex-decay-warning:lang(zh-tw) { text-transform: none; } .lol-leagues-apex-decay-warning { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .lol-leagues-apex-decay-warning:lang(ar-ae) { letter-spacing: 0; } .apex-countdowns-component { display: flex; flex-direction: column; justify-content: flex-end; } .lol-leagues-apex-decay-warning { display: flex; justify-content: flex-end; text-align: right; } .lol-leagues-apex-decay-warning-countdown { color: #c8aa6e; } .lol-leagues-next-promo-wrapper { margin-top: 2px; } .lol-leagues-next-promo-wrapper.removed { display: none; } .miniseries-results-component { margin-top: 3px; margin-bottom: 3px; } .miniseries-results-component .lol-leagues-miniseries-status-list { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0; margin: 0; } .miniseries-results-component .lol-leagues-miniseries-status-list .lol-leagues-miniseries-status-item { width: 12px; height: 12px; display: inline-block; margin-left: 3px; margin-right: 3px; background-size: 100%; background-position: 0 0; background-repeat: no-repeat; } .miniseries-results-component .lol-leagues-miniseries-status-list .lol-leagues-miniseries-status-item.W { background-image: url("/fe/lol-leagues/images/miniseries-win-icon.svg"); } .miniseries-results-component .lol-leagues-miniseries-status-list .lol-leagues-miniseries-status-item.L { background-image: url("/fe/lol-leagues/images/miniseries-loss-icon.svg"); } .miniseries-results-component .lol-leagues-miniseries-status-list .lol-leagues-miniseries-status-item.N { background-image: url("/fe/lol-leagues/images/miniseries-not-yet-played-icon.svg"); background-position-y: 40%; } .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank, .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container, .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label, .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display { font-family: var(--font-display); } .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank, .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container, .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label, .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display { -webkit-user-select: none; } .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank, .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container, .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label, .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank, .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container, .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label, .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display { text-transform: uppercase; } .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank:lang(ko-kr), .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container:lang(ko-kr), .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label:lang(ko-kr), .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display:lang(ko-kr), .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank:lang(ja-jp), .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container:lang(ja-jp), .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label:lang(ja-jp), .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display:lang(ja-jp), .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank:lang(tr-tr), .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container:lang(tr-tr), .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label:lang(tr-tr), .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display:lang(tr-tr), .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank:lang(el-gr), .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container:lang(el-gr), .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label:lang(el-gr), .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display:lang(el-gr), .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank:lang(th-th), .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container:lang(th-th), .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label:lang(th-th), .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display:lang(th-th), .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank:lang(zh-tw), .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container:lang(zh-tw), .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label:lang(zh-tw), .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display:lang(zh-tw) { text-transform: none; } .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label:lang(ar-ae) { letter-spacing: 0; } .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank, .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank:lang(ar-ae), .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display:lang(ar-ae) { letter-spacing: 0; } .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container:lang(ja-jp) { font-size: 13px; } .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container:lang(ar-ae) { letter-spacing: 0; } .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container { color: #a09b8c; } .ranked-banner-component { position: relative; top: -60px; display: flex; justify-content: center; } .ranked-banner-component.narrow.low-spec { top: -39px; } .ranked-banner-component.narrow { top: 40px; } .ranked-banner-component.narrow #provisional-banner-loop video { width: 150px; height: 512px; top: -17px; right: 33px; } .ranked-banner-component.narrow .ranked-banner-contents-container .banner-ranked-emblem-container { height: 196px; padding-top: 30px; } .ranked-banner-component.narrow .ranked-banner-contents-container .banner-ranked-emblem-container .banner-regalia-crest-sizer { width: 98px; height: 112px; top: 42px; } .ranked-banner-component #provisional-banner-loop { width: 200px; height: 600px; position: absolute; } .ranked-banner-component #provisional-banner-loop video { width: 180px; height: 580px; right: 7px; position: absolute; object-fit: cover; } .ranked-banner-component.provisional lol-regalia-ranked-banner-element { --regalia-ranked-banner-banner-opacity: 0.7; } .ranked-banner-component.provisional lol-regalia-crest-element { opacity: 0.6; } .ranked-banner-component.provisional .banner-regalia-crest-glow { background-image: radial-gradient(rgba(29,82,162,0.91) 19%, rgba(0,0,0,0) 65%); animation: provisionalPulse 2s infinite; animation-timing-function: cubic-bezier(1, 1, 1, 1); } .ranked-banner-component.provisional.low-spec lol-regalia-ranked-banner-element { --regalia-ranked-banner-banner-opacity: 0.5; } .ranked-banner-component.provisional.low-spec lol-regalia-crest-element { opacity: 0.5; } .ranked-banner-component.low-spec lol-regalia-ranked-banner-element { --regalia-ranked-banner-banner-mask-image: linear-gradient(rgba(0,0,0,0) 20%, #000 80%); } .ranked-banner-component .provisional-banner-static { width: 209px; height: 603px; top: -42px; right: 98px; position: absolute; background-image: url("/fe/lol-leagues/images/provisional-banner-static.png"); background-size: 100% 100%; -webkit-mask-image: linear-gradient(rgba(0,0,0,0) 20%, #000 80%); } .ranked-banner-component .ranked-banner-contents-container { direction: ltr; display: flex; flex-direction: column; } .ranked-banner-component .ranked-banner-contents-container .hidden { visibility: hidden; } .ranked-banner-component .ranked-banner-contents-container .removed { display: none; } .ranked-banner-component .ranked-banner-contents-container .banner-spacer { height: 165px; } .ranked-banner-component .ranked-banner-contents-container .non-position-rank-spacer { height: 20px; } .ranked-banner-component .ranked-banner-contents-container .svg-icon { width: 42px; height: 42px; } .ranked-banner-component .ranked-banner-contents-container .banner-ranked-emblem-container { display: flex; justify-content: center; height: 226px; } .ranked-banner-component .ranked-banner-contents-container .banner-ranked-emblem-container.unranked .banner-regalia-crest-sizer { width: 160px; height: 160px; top: 18px; background-image: url("/fe/lol-leagues/images/unranked-emblem.png"); background-size: 100% 100%; } .ranked-banner-component .ranked-banner-contents-container .banner-ranked-emblem-container.unranked .banner-regalia-crest-sizer lol-regalia-crest-element { display: none; } .ranked-banner-component .ranked-banner-contents-container .banner-ranked-emblem-container .banner-regalia-crest-sizer { width: 105px; height: 120px; position: relative; top: 48px; } .ranked-banner-component .ranked-banner-contents-container .banner-ranked-emblem-container .banner-regalia-crest-sizer .banner-regalia-crest-glow { width: 100%; height: 100%; position: absolute; } .ranked-banner-component .ranked-banner-contents-container .banner-apex-ladder-rank { width: 100%; text-align: center; color: #a09b8c; } .ranked-banner-component .ranked-banner-contents-container .banner-provisional-text-container { width: 100%; text-align: center; height: 18px; line-height: 20px; } .ranked-banner-component .ranked-banner-contents-container .banner-tier-division-label { width: 100%; margin-top: 5px; margin-bottom: 5px; font-size: 20px; text-align: center; } .ranked-banner-component .ranked-banner-contents-container .banner-league-points-display { width: 100%; color: #a09b8c; text-align: center; } @-moz-keyframes provisionalPulse { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } @-webkit-keyframes provisionalPulse { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } @-o-keyframes provisionalPulse { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } @keyframes provisionalPulse { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title { font-family: var(--font-display); } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-body { font-family: var(--font-body); } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title, .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-body { -webkit-user-select: none; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title, .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-body { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title { text-transform: uppercase; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title:lang(ko-kr), .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title:lang(ja-jp), .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title:lang(tr-tr), .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title:lang(el-gr), .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title:lang(th-th), .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title:lang(zh-tw) { text-transform: none; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title:lang(ar-ae) { letter-spacing: 0; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-body { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-body:lang(ar-ae) { letter-spacing: 0; } .ranked-intro-component { margin-bottom: 20px; } .ranked-intro-component .ranked-intro-page-container { display: flex; flex-direction: column; align-items: center; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container { width: 100%; height: 50%; margin-top: 32px; display: flex; justify-content: space-around; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section { width: 280px; display: flex; flex-direction: column; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-image-frame { width: 280px; height: 165px; display: flex; justify-content: center; align-items: center; background-image: url("/fe/lol-leagues/images/unranked-intro-image-frame.png"); background-size: 100% 100%; margin-bottom: 25px; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-image { width: 276px; height: 158px; padding-bottom: 3px; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-title { direction: ltr; margin-bottom: 6px; } .ranked-intro-component .ranked-intro-page-container .ranked-intro-section-container .ranked-intro-section .ranked-intro-section-body { direction: ltr; } .ranked-intro-component .ranked-intro-footer-container { width: 560px; margin-top: 44px; display: flex; align-items: center; justify-content: center; } .ranked-intro-component .ranked-intro-footer-container.hidden { visibility: hidden; } .ranked-intro-component .ranked-intro-footer-container .queue-up-hype { width: 160px; height: 20px; margin-top: 12px; background: url("/fe/lol-leagues/images/unranked-queue-up-metal.png") no-repeat; } .ranked-intro-component .ranked-intro-footer-container .queue-up-hype.left { transform: scaleX(-1); } .ranked-intro-component .ranked-intro-footer-container .queue-up-button-container { margin-left: 36px; margin-right: 36px; } .ranked-intro-component .ranked-intro-footer-container .queue-up-button-container .queue-up-button { width: 160px; --flat-button-inner-height: 28px; } .lol-leagues .lol-leagues-division-list { clear: both; } .lol-leagues .lol-leagues-division-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .lol-leagues .lol-leagues-division-list { margin: 0; padding: 0; list-style: none; } .lol-leagues .lol-leagues-division-list { width: 100%; display: flex; flex-direction: row ; margin-top: 14px; font-size: 13px; } .lol-leagues .rank-standing-list-container { padding-top: 15px; } .lol-leagues .rank-standing-list-container.left-to-right-fade-in { animation: left-to-right-fade-in 0.233s cubic-bezier(0, 0, 0, 1) forwards; } .lol-leagues .rank-standing-list-container.left-to-right-fade-out { animation: left-to-right-fade-out 0.233s cubic-bezier(0, 0, 0, 1) forwards; } .lol-leagues .rank-standing-list-container.right-to-left-fade-in { animation: right-to-left-fade-in 0.233s cubic-bezier(0, 0, 0, 1) forwards; } .lol-leagues .rank-standing-list-container.right-to-left-fade-out { animation: right-to-left-fade-out 0.233s cubic-bezier(0, 0, 0, 1) forwards; } @-moz-keyframes left-to-right-fade-in { 0% { transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0px); } } @-webkit-keyframes left-to-right-fade-in { 0% { transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0px); } } @-o-keyframes left-to-right-fade-in { 0% { transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes left-to-right-fade-in { 0% { transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0px); } } @-moz-keyframes left-to-right-fade-out { 0% { opacity: 1; } 100% { opacity: 0; transform: translateX(20px); } } @-webkit-keyframes left-to-right-fade-out { 0% { opacity: 1; } 100% { opacity: 0; transform: translateX(20px); } } @-o-keyframes left-to-right-fade-out { 0% { opacity: 1; } 100% { opacity: 0; transform: translateX(20px); } } @keyframes left-to-right-fade-out { 0% { opacity: 1; } 100% { opacity: 0; transform: translateX(20px); } } @-moz-keyframes right-to-left-fade-in { 0% { transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0px); } } @-webkit-keyframes right-to-left-fade-in { 0% { transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0px); } } @-o-keyframes right-to-left-fade-in { 0% { transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes right-to-left-fade-in { 0% { transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0px); } } @-moz-keyframes right-to-left-fade-out { 0% { opacity: 1; } 100% { opacity: 0; transform: translateX(-20px); } } @-webkit-keyframes right-to-left-fade-out { 0% { opacity: 1; } 100% { opacity: 0; transform: translateX(-20px); } } @-o-keyframes right-to-left-fade-out { 0% { opacity: 1; } 100% { opacity: 0; transform: translateX(-20px); } } @keyframes right-to-left-fade-out { 0% { opacity: 1; } 100% { opacity: 0; transform: translateX(-20px); } } .lol-leagues-division-btn { text-decoration: none; border-bottom: 3px solid transparent; display: block; padding-bottom: 6px; transition: all 0.3s ease; position: relative; color: #cdbe91; } .lol-leagues-division-btn:after { content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: -4px; background: transparent; transition: all 0.3s ease; } .lol-leagues-division-btn:hover, .lol-leagues-division-btn.active { border-bottom-color: #785a28; color: #f0e6d2; } .lol-leagues-division-btn:hover:after, .lol-leagues-division-btn.active:after { background: #785a28; } .lol-leagues-division-btn.player-division { color: #f0e6d2; } .lol-leagues-division-btn.player-division:after { background: #fabe0a; } .lol-leagues-division-btn.player-division:hover, .lol-leagues-division-btn.player-division.active { border-bottom-color: #fabe0a; } .lol-leagues-division-wrapper, .lol-leagues-division-tier { font-family: var(--font-display); } .lol-leagues-division-wrapper, .lol-leagues-division-tier { -webkit-user-select: none; } .lol-leagues-division-wrapper, .lol-leagues-division-tier { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-leagues-division-wrapper, .lol-leagues-division-tier { text-transform: uppercase; } .lol-leagues-division-wrapper:lang(ko-kr), .lol-leagues-division-tier:lang(ko-kr), .lol-leagues-division-wrapper:lang(ja-jp), .lol-leagues-division-tier:lang(ja-jp), .lol-leagues-division-wrapper:lang(tr-tr), .lol-leagues-division-tier:lang(tr-tr), .lol-leagues-division-wrapper:lang(el-gr), .lol-leagues-division-tier:lang(el-gr), .lol-leagues-division-wrapper:lang(th-th), .lol-leagues-division-tier:lang(th-th), .lol-leagues-division-wrapper:lang(zh-tw), .lol-leagues-division-tier:lang(zh-tw) { text-transform: none; } .lol-leagues-division-tier { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .lol-leagues-division-tier:lang(ar-ae) { letter-spacing: 0; } .lol-leagues-division-wrapper { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .lol-leagues-division-wrapper:lang(ja-jp) { font-size: 13px; } .lol-leagues-division-wrapper:lang(ar-ae) { letter-spacing: 0; } .lol-leagues-division-wrapper { display: flex; flex-direction: row ; padding-left: 34px; position: relative; align-items: center; } .lol-leagues-division-wrapper:before { content: ''; width: calc(100% - 35px); height: 1px; position: absolute; left: 35px; display: block; background: #a09b8c; opacity: 0.5; bottom: -1px; } .lol-leagues-division-tier { direction: ltr; height: 40px; margin: 0 20px 0 0 ; white-space: nowrap; } .lol-leagues-division-tier.removed { display: none; } .lol-leagues-division-item { width: 100%; text-align: center; margin: 0 20px 0 0 ; white-space: nowrap; } .lol-leagues-division-item:last-child { margin: 0; position: relative; left: 4px ; right: 0 ; } .lol-leagues .lol-leagues-list-empty, .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked { font-family: var(--font-display); } .lol-leagues .lol-leagues-list-empty .lol-leagues-list-apex-locked-check-back { font-family: var(--font-body); } .lol-leagues .lol-leagues-list-empty, .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked, .lol-leagues .lol-leagues-list-empty .lol-leagues-list-apex-locked-check-back { -webkit-user-select: none; } .lol-leagues .lol-leagues-list-empty, .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked, .lol-leagues .lol-leagues-list-empty .lol-leagues-list-apex-locked-check-back { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-leagues .lol-leagues-list-empty, .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked { text-transform: uppercase; } .lol-leagues .lol-leagues-list-empty:lang(ko-kr), .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked:lang(ko-kr), .lol-leagues .lol-leagues-list-empty:lang(ja-jp), .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked:lang(ja-jp), .lol-leagues .lol-leagues-list-empty:lang(tr-tr), .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked:lang(tr-tr), .lol-leagues .lol-leagues-list-empty:lang(el-gr), .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked:lang(el-gr), .lol-leagues .lol-leagues-list-empty:lang(th-th), .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked:lang(th-th), .lol-leagues .lol-leagues-list-empty:lang(zh-tw), .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked:lang(zh-tw) { text-transform: none; } .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked:lang(ar-ae) { letter-spacing: 0; } .lol-leagues .lol-leagues-list-empty { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .lol-leagues .lol-leagues-list-empty:lang(ar-ae) { letter-spacing: 0; } .lol-leagues .lol-leagues-list-empty .lol-leagues-list-apex-locked-check-back { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .lol-leagues .lol-leagues-list-empty .lol-leagues-list-apex-locked-check-back:lang(ja-jp) { font-size: 13px; } .lol-leagues .lol-leagues-list-empty .lol-leagues-list-apex-locked-check-back:lang(ar-ae) { letter-spacing: 0; } .rank-standing-list-container .lol-leagues-list-container { width: 620px; height: 400px; } div[data-screen-name="rcp-fe-lol-profiles-modal"] .rank-standing-list-container .lol-leagues-list-container, .rcp-fe-lol-profiles-modal .rank-standing-list-container .lol-leagues-list-container { height: 400px; } .rank-standing-list-container.showing-rewards .lol-leagues-list-container { height: 330px; } .lol-leagues .lol-leagues-list-empty { direction: ltr; width: 100%; height: 275px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #f0e6d2; } .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text { width: 485px; text-align: center; margin-left: 22px; } .lol-leagues .lol-leagues-list-empty .lol-leagues-list-empty-text.locked { width: 350px; } .lol-leagues .lol-leagues-list-empty .lol-leagues-list-apex-locked-check-back { width: 460px; text-align: center; text-transform: none; } .lol-leagues .lol-leagues-headers-wrapper { height: 24px; width: 620px; overflow: hidden; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .lol-leagues .lol-leagues-headers-wrapper.secondary .lol-leagues-list-header { height: 24px; margin-top: -24px; } .lol-leagues .lol-leagues-headers-wrapper.secondary .lol-leagues-list-header.second-header { margin-top: 0; } .lol-leagues .lol-leagues-headers-wrapper .lol-leagues-list-header { height: 24px; margin-right: 0 ; } .lol-leagues .lol-leagues-headers-wrapper .lol-leagues-list-header.second-header { margin-top: 0; } .rank-standing-row-tooltip { font-family: var(--font-body); } .rank-standing-row-tooltip { -webkit-user-select: none; } .rank-standing-row-tooltip { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .rank-standing-row-tooltip { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .rank-standing-row-tooltip:lang(ja-jp) { font-size: 13px; } .rank-standing-row-tooltip:lang(ar-ae) { letter-spacing: 0; } .rank-standing-row-tooltip { color: #a09b8c; padding: 12px; white-space: nowrap; } .rank-standing-row-tooltip .rank-standing-row-tooltip-title { text-align: center; } .lol-leagues-list-summoner-name.pending-promotion-or-demotion { margin-left: 20px; } .lol-leagues-list-item.apex-cutoff { pointer-events: none; } .lol-leagues-list-friend { display: none; width: 18px; height: 18px; position: relative; top: 1px; vertical-align: top; transition: all 0.3s ease; background: url("/fe/lol-leagues/images/friend_icons.png") no-repeat; background-size: 100%; background-position: 0 -36px; } .lol-leagues-list-friend[visible=true] { display: inline-block; } .lol-leagues-list-item:hover .lol-leagues-list-friend, .lol-leagues-list-item.current .lol-leagues-list-friend { -webkit-filter: brightness(1.3); } .lol-leagues-list-item.me .lol-leagues-list-friend { background-position: 0 -18px; -webkit-filter: brightness(1); } .lol-leagues-list-spectate { display: none; width: 18px; height: 18px; position: relative; top: 1px; vertical-align: top; transition: all 0.3s ease; background: url("/fe/lol-leagues/images/spectate_icons.png") no-repeat; background-size: 100%; background-position: 0 0px; } .lol-leagues-list-spectate[visible=true] { display: inline-block; } .lol-leagues-list-item:hover .lol-leagues-list-spectate, .lol-leagues-list-item.current .lol-leagues-list-spectate { -webkit-filter: brightness(1.3); } .lol-leagues-list-apex-cutoff-container { display: flex; height: 20px; } .lol-leagues-list-apex-cutoff-title { margin-left: 12px; margin-right: 10px; width: 250px; white-space: nowrap; } .lol-leagues-apex-cutoff-hr { margin-top: 9px; border-left: none; border-right: none; } .lol-leagues-apex-cutoff-hr.left { width: 100px; } .lol-leagues-apex-cutoff-points { width: 85px; min-width: 85px; height: 20px; margin-right: 14px; float: left; text-align: center; white-space: nowrap; } .lol-leagues .rank-queue-dropdown-container { width: 261px; --flat-dropdown-current-content-color: #f0e6d2; --flat-dropdown-current-content-font-size: 14px; --flat-dropdown-current-content-line-height: 18px; --flat-dropdown-current-content-letter-spacing: 0.075em; --flat-dropdown-current-content-text-transform: uppercase; --flat-dropdown-direction-rtl: ltr ; --flat-dropdown-current-after-margin-rtl: 0 0 0 7px; } .lol-leagues .rank-queue-dropdown-container.active { direction: ltr; } .ranked-rewards-component, .ranked-rewards-component .split-navigation-container .split-details { font-family: var(--font-display); } .ranked-rewards-component, .ranked-rewards-component .split-navigation-container .split-details { -webkit-user-select: none; } .ranked-rewards-component, .ranked-rewards-component .split-navigation-container .split-details { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .ranked-rewards-component, .ranked-rewards-component .split-navigation-container .split-details { text-transform: uppercase; } .ranked-rewards-component:lang(ko-kr), .ranked-rewards-component .split-navigation-container .split-details:lang(ko-kr), .ranked-rewards-component:lang(ja-jp), .ranked-rewards-component .split-navigation-container .split-details:lang(ja-jp), .ranked-rewards-component:lang(tr-tr), .ranked-rewards-component .split-navigation-container .split-details:lang(tr-tr), .ranked-rewards-component:lang(el-gr), .ranked-rewards-component .split-navigation-container .split-details:lang(el-gr), .ranked-rewards-component:lang(th-th), .ranked-rewards-component .split-navigation-container .split-details:lang(th-th), .ranked-rewards-component:lang(zh-tw), .ranked-rewards-component .split-navigation-container .split-details:lang(zh-tw) { text-transform: none; } .ranked-rewards-component, .ranked-rewards-component .split-navigation-container .split-details { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .ranked-rewards-component:lang(ar-ae), .ranked-rewards-component .split-navigation-container .split-details:lang(ar-ae) { letter-spacing: 0; } .ranked-rewards-component { color: #a09b8c; } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .ranked-rewards-component { height: 80px; margin-top: 17px; display: flex; justify-content: center; align-items: center; background-image: url("/fe/lol-leagues/images/rewards/Rewards_Panel_BG.png"); background-size: contain; animation: fadeIn 0.25s linear; transition: opacity 0.25s linear; } .ranked-rewards-component.hidden { opacity: 0; pointer-events: none; } .ranked-rewards-component .split-navigation-container { height: 50px; width: 262px; position: relative; display: flex; justify-content: center; align-items: center; top: -5px; } .ranked-rewards-component .split-navigation-container.hidden { visibility: hidden; } .ranked-rewards-component .split-navigation-container .split-summary { width: 124px; display: flex; flex-direction: column; align-items: center; margin-left: 5px; margin-right: 5px; } .ranked-rewards-component .split-navigation-container .split-navigation-arrow { width: 20px; height: 20px; background-image: url("/fe/lol-leagues/svg/rewards/Split_Selector_Arrow.svg"); background-size: 100% 100%; } .ranked-rewards-component .split-navigation-container .split-navigation-arrow.disabled { background-image: url("/fe/lol-leagues/svg/rewards/Split_Selector_Arrow_Disabled.svg"); } .ranked-rewards-component .split-navigation-container .split-navigation-arrow.left { transform: scaleX(-1); background-image: url("/fe/lol-leagues/svg/rewards/Split_Selector_Arrow.svg"); } .ranked-rewards-component .split-navigation-container .split-navigation-arrow.left.disabled { background-image: url("/fe/lol-leagues/svg/rewards/Split_Selector_Arrow_Disabled.svg"); } .ranked-rewards-component .split-navigation-container .split-header { direction: ltr; font-size: 15px; margin-bottom: 4px; color: #f0e6d2; } .ranked-rewards-component .split-navigation-container .split-details { direction: ltr; font-size: 11px; color: #c4b68b; } .ranked-rewards-component .ranked-rewards-bar-container { height: 14px; width: 100%; position: relative; margin-left: 50px; margin-right: 50px; top: -5px; } .ranked-rewards-component .ranked-rewards-bar-container .ranked-rewards-progress-bar { width: 100%; height: 4px; top: 5px; position: absolute; background-image: linear-gradient(to right, #14265d 20%, #1c2a6d 50%, #2667ab 80%, #a2cbfd 125%); transform-origin: left; transform: scaleX(0); } .ranked-rewards-component .ranked-rewards-bar-container .ranked-rewards-bar { width: 100%; height: 8px; position: absolute; left: -8px; margin-top: 3px; background-image: url("/fe/lol-leagues/images/rewards/progress-bar-back-plate.png"); background-size: cover; } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } lol-uikit-content-block.ranked-reward-tooltip { width: 310px; padding: 0 0 18px; } lol-uikit-content-block.ranked-reward-tooltip .ranked-reward-image-sizer { position: relative; width: 310px; height: 190px; display: flex; align-items: center; justify-content: center; overflow: hidden; background-image: url("/fe/lol-leagues/images/rewards/Rewards_Background.jpg"); } lol-uikit-content-block.ranked-reward-tooltip .ranked-reward-image-sizer .ranked-reward-image-border { width: 133px; height: 133px; } lol-uikit-content-block.ranked-reward-tooltip .ranked-reward-image-sizer .ranked-reward-image-border.border { background: linear-gradient(to bottom, #cdbe91, #785a28); background-size: 100% 100%; background-position: center center; box-shadow: 0 0 70px -7px #cdbe91; padding: 2px; } lol-uikit-content-block.ranked-reward-tooltip .ranked-reward-image-sizer .ranked-reward-image-border.REGALIA { width: 100%; height: 100%; } lol-uikit-content-block.ranked-reward-tooltip .ranked-reward-image-sizer .ranked-reward-image-border.EMOTE { width: 167px; height: 167px; } lol-uikit-content-block.ranked-reward-tooltip .ranked-reward-image-sizer .ranked-reward-image-border .ranked-reward-image { width: 100%; height: 100%; } lol-uikit-content-block.ranked-reward-tooltip .ranked-reward-image-sizer .lock-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.5); } lol-uikit-content-block.ranked-reward-tooltip .ranked-reward-image-sizer .lock-overlay .lock-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45px; height: 45px; background-size: 100% 100%; background-image: url("/fe/lol-leagues/svg/rewards/Reward_Tooltip_Locked_Icon.svg"); } lol-uikit-content-block.ranked-reward-tooltip hr { margin-bottom: 24px; margin-top: 0; } .ranked-reward-item-component { width: 32px; height: 32px; bottom: -9px; position: absolute; display: flex; flex-direction: column; align-items: center; white-space: nowrap; background-image: url("/fe/lol-leagues/images/rewards/Reward_Thumbnail.png"); background-size: 100% 100%; transform: translateX(-50%); opacity: 0; } .ranked-reward-item-component.hidden { visibility: hidden; } .ranked-reward-item-component.current-split { opacity: 1; } .ranked-reward-item-component.current-split.no-points-animation { opacity: 0; } .ranked-reward-item-component .ranked-reward-hitbox { width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ranked-reward-item-component .reward-frame { width: 32px; height: 32px; position: absolute; background-image: url("/fe/lol-leagues/svg/rewards/Reward_Thumbnail_Frame.svg"); background-size: 100% 100%; } .ranked-reward-item-component .unlock-status-overlay { width: 16px; height: 16px; top: 7px; left: 8px; position: absolute; background-image: url("/fe/lol-leagues/svg/rewards/Reward_Thumbnail_Locked.svg"); background-size: 100% 100%; } .ranked-reward-item-component.unlocked .unlock-status-overlay { width: 22px; height: 22px; top: 6px; left: 5px; background-image: url("/fe/lol-leagues/images/rewards/pip-checkmark-hover.png"); } .ranked-reward-item-component .required-points-text { direction: ltr; font-size: 12px; margin-top: 34px; margin-left: 2px; text-align: center; } .ranked-reward-item-component.next-to-unlock .required-points-text { color: #0acbe6; } .ranked-reward-item-component.is-small { width: 11px; height: 11px; bottom: 2px; background-image: url("/fe/lol-leagues/svg/rewards/Blue_Essence_Small_Reward_Incomplete.svg"); } .ranked-reward-item-component.is-small.unlocked { background-image: url("/fe/lol-leagues/svg/rewards/Blue_Essence_Small_Reward_Completed.svg"); } .ranked-reward-item-component:hover .reward-frame { background-image: url("/fe/lol-leagues/svg/rewards/Reward_Thumbnail_Frame_Hover.svg"); } .lol-leagues .promotion-countdown-component { font-family: var(--font-display); } .lol-leagues .promotion-countdown-component { -webkit-user-select: none; } .lol-leagues .promotion-countdown-component { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-leagues .promotion-countdown-component { text-transform: uppercase; } .lol-leagues .promotion-countdown-component:lang(ko-kr), .lol-leagues .promotion-countdown-component:lang(ja-jp), .lol-leagues .promotion-countdown-component:lang(tr-tr), .lol-leagues .promotion-countdown-component:lang(el-gr), .lol-leagues .promotion-countdown-component:lang(th-th), .lol-leagues .promotion-countdown-component:lang(zh-tw) { text-transform: none; } .lol-leagues .promotion-countdown-component { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .lol-leagues .promotion-countdown-component:lang(ar-ae) { letter-spacing: 0; } .lol-leagues .promotion-countdown-component { direction: ltr; display: flex; justify-content: flex-end; } .lol-leagues .promotion-countdown-component .promotion-countdown-time-left { color: #c8aa6e; } .leagues-modal-notification b { font-weight: bold; color: #f0e6d2; } .leagues-vignette-parallax-background { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); animation-name: fade-in; animation-duration: 1s; animation-timing-function: linear; animation-fill-mode: both; } .leagues-vignette-parallax-background.LARGE { height: 512px; } .leagues-vignette-parallax-background.SMALL { height: 330px; } .leagues-promotion-vignette-component .leagues-promotion-vignette-header, .leagues-promotion-vignette-component .leagues-promotion-vignette-label { font-family: var(--font-display); } .leagues-promotion-vignette-component .leagues-promotion-vignette-subheader { font-family: var(--font-body); } .leagues-promotion-vignette-component .leagues-promotion-vignette-header, .leagues-promotion-vignette-component .leagues-promotion-vignette-subheader, .leagues-promotion-vignette-component .leagues-promotion-vignette-label { -webkit-user-select: none; } .leagues-promotion-vignette-component .leagues-promotion-vignette-header, .leagues-promotion-vignette-component .leagues-promotion-vignette-subheader, .leagues-promotion-vignette-component .leagues-promotion-vignette-label { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .leagues-promotion-vignette-component .leagues-promotion-vignette-header, .leagues-promotion-vignette-component .leagues-promotion-vignette-label { text-transform: uppercase; } .leagues-promotion-vignette-component .leagues-promotion-vignette-header:lang(ko-kr), .leagues-promotion-vignette-component .leagues-promotion-vignette-label:lang(ko-kr), .leagues-promotion-vignette-component .leagues-promotion-vignette-header:lang(ja-jp), .leagues-promotion-vignette-component .leagues-promotion-vignette-label:lang(ja-jp), .leagues-promotion-vignette-component .leagues-promotion-vignette-header:lang(tr-tr), .leagues-promotion-vignette-component .leagues-promotion-vignette-label:lang(tr-tr), .leagues-promotion-vignette-component .leagues-promotion-vignette-header:lang(el-gr), .leagues-promotion-vignette-component .leagues-promotion-vignette-label:lang(el-gr), .leagues-promotion-vignette-component .leagues-promotion-vignette-header:lang(th-th), .leagues-promotion-vignette-component .leagues-promotion-vignette-label:lang(th-th), .leagues-promotion-vignette-component .leagues-promotion-vignette-header:lang(zh-tw), .leagues-promotion-vignette-component .leagues-promotion-vignette-label:lang(zh-tw) { text-transform: none; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label { text-transform: none; } .leagues-promotion-vignette-component .leagues-promotion-vignette-header { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .leagues-promotion-vignette-component .leagues-promotion-vignette-header:lang(ar-ae) { letter-spacing: 0; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label:lang(ar-ae) { letter-spacing: 0; } .leagues-promotion-vignette-component .leagues-promotion-vignette-subheader { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .leagues-promotion-vignette-component .leagues-promotion-vignette-subheader:lang(ar-ae) { letter-spacing: 0; } .leagues-promotion-vignette-component { position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; } .leagues-promotion-vignette-component .leagues-vignette-lottie-frame { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); overflow: hidden; } .leagues-promotion-vignette-component .leagues-vignette-lottie-frame.LARGE { height: 512px; } .leagues-promotion-vignette-component .leagues-vignette-lottie-container { position: absolute; top: 50%; left: 50%; } .leagues-promotion-vignette-component #promotion-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .leagues-promotion-vignette-component .leagues-promotion-low-spec { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 161px; height: 184px; } .leagues-promotion-vignette-component .leagues-promotion-vignette-header { position: absolute; width: 100%; text-align: center; top: 35px; } .leagues-promotion-vignette-component .leagues-promotion-vignette-subheader { position: absolute; width: 100%; text-align: center; top: 69px; } .leagues-promotion-vignette-component .leagues-promotion-vignette-subheader span { font-weight: bold; color: #f0e6d2; text-transform: capitalize; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label { position: absolute; display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; top: 522px; opacity: 1; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated { opacity: 0; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn { animation-name: fadeInDivisionUp; animation-fill-mode: both; animation-timing-function: ease-out; animation-delay: 4.4s; animation-duration: 0.4s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.provisional { animation-name: fadeInTierUp; animation-duration: 0.2s; animation-timing-function: ease-in; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.provisional.iron { animation-delay: 4s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.provisional.bronze { animation-delay: 5.1s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.provisional.silver { animation-delay: 4.3s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.provisional.gold { animation-delay: 4.3s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.provisional.platinum { animation-delay: 4.3s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.provisional.diamond { animation-delay: 4.7s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.tier { animation-name: fadeInTierUp; animation-duration: 0.2s; animation-timing-function: ease-in; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.tier.bronze { animation-delay: 5.1s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.tier.silver { animation-delay: 4.3s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.tier.gold { animation-delay: 4.3s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.tier.platinum { animation-delay: 4.3s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.tier.diamond { animation-delay: 4.7s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.tier.master { animation-delay: 6.1s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.tier.grandmaster { animation-delay: 6.2s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label.animated.fadeIn.tier.challenger { animation-delay: 7s; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label .leagues-promotion-vignette-profile-icon-border { height: 36px; width: 36px; border-radius: 50%; margin: 0 10px 0 0 ; background: linear-gradient(to bottom, #c89b3c, #785a28); background-size: 100% 100%; background-position: center center; padding: 3px; box-shadow: 0 0 1px #000; } .leagues-promotion-vignette-component .leagues-promotion-vignette-label .leagues-promotion-vignette-profile-icon-border .leagues-promotion-vignette-profile-icon { width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 0 1px #000; } @-moz-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeInDivisionUp { 0% { transform: translateY(15px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes fadeInDivisionUp { 0% { transform: translateY(15px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-o-keyframes fadeInDivisionUp { 0% { transform: translateY(15px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeInDivisionUp { 0% { transform: translateY(15px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-moz-keyframes fadeInTierUp { 0% { transform: translateY(9px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes fadeInTierUp { 0% { transform: translateY(9px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-o-keyframes fadeInTierUp { 0% { transform: translateY(9px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeInTierUp { 0% { transform: translateY(9px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .leagues-regalia-vignette-component .leagues-regalia-vignette-header, .leagues-regalia-vignette-component .leagues-regalia-vignette-label { font-family: var(--font-display); } .leagues-regalia-vignette-component .leagues-regalia-vignette-subheader { font-family: var(--font-body); } .leagues-regalia-vignette-component .leagues-regalia-vignette-header, .leagues-regalia-vignette-component .leagues-regalia-vignette-subheader, .leagues-regalia-vignette-component .leagues-regalia-vignette-label { -webkit-user-select: none; } .leagues-regalia-vignette-component .leagues-regalia-vignette-header, .leagues-regalia-vignette-component .leagues-regalia-vignette-subheader, .leagues-regalia-vignette-component .leagues-regalia-vignette-label { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .leagues-regalia-vignette-component .leagues-regalia-vignette-header, .leagues-regalia-vignette-component .leagues-regalia-vignette-label { text-transform: uppercase; } .leagues-regalia-vignette-component .leagues-regalia-vignette-header:lang(ko-kr), .leagues-regalia-vignette-component .leagues-regalia-vignette-label:lang(ko-kr), .leagues-regalia-vignette-component .leagues-regalia-vignette-header:lang(ja-jp), .leagues-regalia-vignette-component .leagues-regalia-vignette-label:lang(ja-jp), .leagues-regalia-vignette-component .leagues-regalia-vignette-header:lang(tr-tr), .leagues-regalia-vignette-component .leagues-regalia-vignette-label:lang(tr-tr), .leagues-regalia-vignette-component .leagues-regalia-vignette-header:lang(el-gr), .leagues-regalia-vignette-component .leagues-regalia-vignette-label:lang(el-gr), .leagues-regalia-vignette-component .leagues-regalia-vignette-header:lang(th-th), .leagues-regalia-vignette-component .leagues-regalia-vignette-label:lang(th-th), .leagues-regalia-vignette-component .leagues-regalia-vignette-header:lang(zh-tw), .leagues-regalia-vignette-component .leagues-regalia-vignette-label:lang(zh-tw) { text-transform: none; } .leagues-regalia-vignette-component .leagues-regalia-vignette-label { color: #f0e6d2; font-size: 30px; font-weight: 700; line-height: 32px; letter-spacing: 0.05em; } .leagues-regalia-vignette-component .leagues-regalia-vignette-label:lang(ar-ae) { letter-spacing: 0; } .leagues-regalia-vignette-component .leagues-regalia-vignette-header { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .leagues-regalia-vignette-component .leagues-regalia-vignette-header:lang(ar-ae) { letter-spacing: 0; } .leagues-regalia-vignette-component .leagues-regalia-vignette-subheader { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .leagues-regalia-vignette-component .leagues-regalia-vignette-subheader:lang(ar-ae) { letter-spacing: 0; } .leagues-regalia-vignette-component { position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; } .leagues-regalia-vignette-component .leagues-regalia-lottie-frame { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); overflow: hidden; } .leagues-regalia-vignette-component .leagues-regalia-lottie-frame.LARGE { height: 512px; } .leagues-regalia-vignette-component .leagues-regalia-lottie-container { position: absolute; top: 50%; left: 50%; } .leagues-regalia-vignette-component #regalia-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .leagues-regalia-vignette-component .leagues-regalia-low-spec { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 161px; height: 184px; } .leagues-regalia-vignette-component .leagues-regalia-vignette-header { position: absolute; width: 100%; text-align: center; top: 35px; } .leagues-regalia-vignette-component .leagues-regalia-vignette-subheader { position: absolute; width: 100%; text-align: center; top: 69px; } .leagues-regalia-vignette-component .leagues-regalia-vignette-subheader span { font-weight: bold; color: #f0e6d2; } .leagues-regalia-vignette-component .leagues-regalia-vignette-label { position: absolute; width: 100%; text-align: center; top: 520px; opacity: 1; } .leagues-regalia-vignette-component .leagues-regalia-vignette-label.animated { opacity: 0; } .leagues-regalia-vignette-component .leagues-regalia-vignette-label.animated.fadeIn { animation-name: fadeInLabel; animation-fill-mode: both; animation-timing-function: ease-out; animation-delay: 3.5s; animation-duration: 0.4s; } .leagues-regalia-vignette-component .leagues-regalia-vignette-label.animated.fadeIn.regalia1 { animation-delay: 3.5s; } .leagues-regalia-vignette-component .leagues-regalia-vignette-label.animated.fadeIn.regalia2 { animation-delay: 3.5s; } .leagues-regalia-vignette-component .leagues-regalia-vignette-label.animated.fadeIn.regalia3 { animation-delay: 3.5s; } @-moz-keyframes fadeInLabel { 0% { transform: translateY(15px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes fadeInLabel { 0% { transform: translateY(15px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-o-keyframes fadeInLabel { 0% { transform: translateY(15px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeInLabel { 0% { transform: translateY(15px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .leagues-reward-vignette-component .leagues-reward-vignette-header { font-family: var(--font-display); } .leagues-reward-vignette-component .leagues-reward-vignette-subheader { font-family: var(--font-body); } .leagues-reward-vignette-component .leagues-reward-vignette-header, .leagues-reward-vignette-component .leagues-reward-vignette-subheader { -webkit-user-select: none; } .leagues-reward-vignette-component .leagues-reward-vignette-header, .leagues-reward-vignette-component .leagues-reward-vignette-subheader { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .leagues-reward-vignette-component .leagues-reward-vignette-header { text-transform: uppercase; } .leagues-reward-vignette-component .leagues-reward-vignette-header:lang(ko-kr), .leagues-reward-vignette-component .leagues-reward-vignette-header:lang(ja-jp), .leagues-reward-vignette-component .leagues-reward-vignette-header:lang(tr-tr), .leagues-reward-vignette-component .leagues-reward-vignette-header:lang(el-gr), .leagues-reward-vignette-component .leagues-reward-vignette-header:lang(th-th), .leagues-reward-vignette-component .leagues-reward-vignette-header:lang(zh-tw) { text-transform: none; } .leagues-reward-vignette-component .leagues-reward-vignette-header { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .leagues-reward-vignette-component .leagues-reward-vignette-header:lang(ar-ae) { letter-spacing: 0; } .leagues-reward-vignette-component .leagues-reward-vignette-subheader { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .leagues-reward-vignette-component .leagues-reward-vignette-subheader:lang(ar-ae) { letter-spacing: 0; } .leagues-reward-vignette-component { position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; } .leagues-reward-vignette-component .leagues-reward-vignette-header { position: absolute; width: 100%; text-align: center; top: 110px; } .leagues-reward-vignette-component .leagues-reward-vignette-subheader { position: absolute; width: 100%; text-align: center; top: 145px; } .leagues-reward-vignette-component .leagues-reward-vignette-subheader span { font-weight: bold; color: #f0e6d2; } .leagues-reward-vignette-component .leagues-reward-vignette-container { position: absolute; margin: auto; height: 256px; width: 256px; top: 0; bottom: 0; right: 0; left: 0; padding: 2px; } .leagues-reward-vignette-component .leagues-reward-vignette-container.glow { background: linear-gradient(to bottom, #cdbe91, #785a28); background-size: 100% 100%; background-position: center center; box-shadow: 0 0 100px -10px #cdbe91; height: 200px; width: 200px; } .leagues-reward-vignette-component .leagues-reward-vignette-container.glow .leagues-reward-vignette-image { border: thin solid #010a13; } .leagues-reward-vignette-component .leagues-reward-vignette-container .leagues-reward-vignette-image { width: 100%; height: 100%; box-sizing: border-box; } .season-start-modal-container .title-container .title-text, .season-start-modal-container .divider-wrapper .divider-text, .season-start-modal-container .content-wrapper .column-block-header, .placements-modal-container .title-text-container { font-family: var(--font-display); } .season-start-modal-container .title-container .description, .season-start-modal-container .content-wrapper .column-block-text, .placements-modal-container .content .text-container { font-family: var(--font-body); } .season-start-modal-container .title-container .title-text, .season-start-modal-container .title-container .description, .season-start-modal-container .divider-wrapper .divider-text, .season-start-modal-container .content-wrapper .column-block-header, .season-start-modal-container .content-wrapper .column-block-text { -webkit-user-select: none; } .season-start-modal-container .title-container .title-text, .season-start-modal-container .title-container .description, .season-start-modal-container .divider-wrapper .divider-text, .season-start-modal-container .content-wrapper .column-block-header, .season-start-modal-container .content-wrapper .column-block-text { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .season-start-modal-container .title-container .title-text, .season-start-modal-container .divider-wrapper .divider-text, .season-start-modal-container .content-wrapper .column-block-header { text-transform: uppercase; } .season-start-modal-container .title-container .title-text:lang(ko-kr), .season-start-modal-container .divider-wrapper .divider-text:lang(ko-kr), .season-start-modal-container .content-wrapper .column-block-header:lang(ko-kr), .season-start-modal-container .title-container .title-text:lang(ja-jp), .season-start-modal-container .divider-wrapper .divider-text:lang(ja-jp), .season-start-modal-container .content-wrapper .column-block-header:lang(ja-jp), .season-start-modal-container .title-container .title-text:lang(tr-tr), .season-start-modal-container .divider-wrapper .divider-text:lang(tr-tr), .season-start-modal-container .content-wrapper .column-block-header:lang(tr-tr), .season-start-modal-container .title-container .title-text:lang(el-gr), .season-start-modal-container .divider-wrapper .divider-text:lang(el-gr), .season-start-modal-container .content-wrapper .column-block-header:lang(el-gr), .season-start-modal-container .title-container .title-text:lang(th-th), .season-start-modal-container .divider-wrapper .divider-text:lang(th-th), .season-start-modal-container .content-wrapper .column-block-header:lang(th-th), .season-start-modal-container .title-container .title-text:lang(zh-tw), .season-start-modal-container .divider-wrapper .divider-text:lang(zh-tw), .season-start-modal-container .content-wrapper .column-block-header:lang(zh-tw) { text-transform: none; } .season-start-modal-container .title-container .title-text { color: #f0e6d2; font-size: 30px; font-weight: 700; line-height: 32px; letter-spacing: 0.05em; } .season-start-modal-container .title-container .title-text:lang(ar-ae) { letter-spacing: 0; } .season-start-modal-container .divider-wrapper .divider-text { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .season-start-modal-container .divider-wrapper .divider-text:lang(ar-ae) { letter-spacing: 0; } .season-start-modal-container .content-wrapper .column-block-header { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .season-start-modal-container .content-wrapper .column-block-header:lang(ar-ae) { letter-spacing: 0; } .season-start-modal-container .title-container .description { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .season-start-modal-container .title-container .description:lang(ar-ae) { letter-spacing: 0; } .season-start-modal-container .content-wrapper .column-block-text { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .season-start-modal-container .content-wrapper .column-block-text:lang(ja-jp) { font-size: 13px; } .season-start-modal-container .content-wrapper .column-block-text:lang(ar-ae) { letter-spacing: 0; } .season-start-modal-container { width: 870px; text-align: center; background-image: url("/fe/lol-leagues/images/2019-intro-background.jpg"); background-size: cover; user-select: none; padding-bottom: 57px; } .season-start-modal-container .title-container { padding-top: 60px; } .season-start-modal-container .title-container .description { margin: 9px auto; width: 500px; } .season-start-modal-container .divider-wrapper { margin-top: 30px; margin-bottom: 18px; color: #c8aa6e; } .season-start-modal-container .divider-wrapper .divider-text { color: #c8aa6e; display: inline-block; position: relative; } .season-start-modal-container .divider-wrapper .divider-text::before, .season-start-modal-container .divider-wrapper .divider-text::after { position: absolute; content: ''; top: 6px; width: 281px; height: 11px; background-image: url("/fe/lol-leagues/images/2019-intro-linework.png"); } .season-start-modal-container .divider-wrapper .divider-text::before { left: -295px; } .season-start-modal-container .divider-wrapper .divider-text::after { right: -295px; transform: scaleX(-1); } .season-start-modal-container .content-wrapper { display: flex; flex-direction: row; justify-content: center; } .season-start-modal-container .content-wrapper .column-block-wrapper { width: 204px; margin: 0 32px; } .season-start-modal-container .content-wrapper .column-block-image { height: 132px; width: 204px; background-size: 204px 132px; } .season-start-modal-container .content-wrapper .column-block-header { margin-top: 14px; font-weight: 500; letter-spacing: 1.5px; } .season-start-modal-container .content-wrapper .column-block-text { margin-top: 11px; } .season-start-modal-container .placement-games .column-block-image { background-image: url("/fe/lol-leagues/images/2019-intro-placement.png"); } .season-start-modal-container .position-ranks .column-block-image { background-image: url("/fe/lol-leagues/images/2019-intro-position-ranks.png"); } .season-start-modal-container .ranked-armor .column-block-image { background-image: url("/fe/lol-leagues/images/2019-intro-ranked-armor.png"); } .season-start-modal-container .splits-rewards .column-block-image { background-image: url("/fe/lol-leagues/images/2019-intro-splits-rewards.png"); } .placements-modal-container { height: 320px; width: 500px; text-align: center; } .placements-modal-container .title-text-container { position: relative; height: 30px; width: 100%; margin-top: 25px; margin-bottom: 30px; font-size: 20px; font-weight: bold; color: #f0e6d2; } .placements-modal-container .content { height: 250px; width: 100%; margin-bottom: 35px; display: inline-block; } .placements-modal-container .content .text-container { width: 80%; margin: 0 auto 20px; line-height: 18px; font-size: 12px; color: #a09b8c; } .split-end-notification .title, .split-start-modal .titles-container .season-title, .split-start-modal .titles-container .split-title, .split-start-modal .titles-container .rewards-title-container .rewards-title, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text { font-family: var(--font-display); } .split-end-notification .detail, .split-start-modal .titles-container .split-duration-title, .split-start-modal .rewards-container .rewards-descriptions-container .reward-description, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-text, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-text { font-family: var(--font-body); } .split-end-notification .title, .split-end-notification .detail, .split-start-modal .titles-container .season-title, .split-start-modal .titles-container .split-title, .split-start-modal .titles-container .split-duration-title, .split-start-modal .titles-container .rewards-title-container .rewards-title, .split-start-modal .rewards-container .rewards-descriptions-container .reward-description, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-text, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-text, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text { -webkit-user-select: none; } .split-end-notification .title, .split-end-notification .detail, .split-start-modal .titles-container .season-title, .split-start-modal .titles-container .split-title, .split-start-modal .titles-container .split-duration-title, .split-start-modal .titles-container .rewards-title-container .rewards-title, .split-start-modal .rewards-container .rewards-descriptions-container .reward-description, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-text, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-text, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .split-end-notification .title, .split-start-modal .titles-container .season-title, .split-start-modal .titles-container .split-title, .split-start-modal .titles-container .rewards-title-container .rewards-title, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text { text-transform: uppercase; } .split-end-notification .title:lang(ko-kr), .split-start-modal .titles-container .season-title:lang(ko-kr), .split-start-modal .titles-container .split-title:lang(ko-kr), .split-start-modal .titles-container .rewards-title-container .rewards-title:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(ko-kr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(ko-kr), .split-end-notification .title:lang(ja-jp), .split-start-modal .titles-container .season-title:lang(ja-jp), .split-start-modal .titles-container .split-title:lang(ja-jp), .split-start-modal .titles-container .rewards-title-container .rewards-title:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(ja-jp), .split-end-notification .title:lang(tr-tr), .split-start-modal .titles-container .season-title:lang(tr-tr), .split-start-modal .titles-container .split-title:lang(tr-tr), .split-start-modal .titles-container .rewards-title-container .rewards-title:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(tr-tr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(tr-tr), .split-end-notification .title:lang(el-gr), .split-start-modal .titles-container .season-title:lang(el-gr), .split-start-modal .titles-container .split-title:lang(el-gr), .split-start-modal .titles-container .rewards-title-container .rewards-title:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(el-gr), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(el-gr), .split-end-notification .title:lang(th-th), .split-start-modal .titles-container .season-title:lang(th-th), .split-start-modal .titles-container .split-title:lang(th-th), .split-start-modal .titles-container .rewards-title-container .rewards-title:lang(th-th), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(th-th), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(th-th), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(th-th), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(th-th), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(th-th), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(th-th), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(th-th), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(th-th), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(th-th), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(th-th), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(th-th), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(th-th), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(th-th), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(th-th), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(th-th), .split-end-notification .title:lang(zh-tw), .split-start-modal .titles-container .season-title:lang(zh-tw), .split-start-modal .titles-container .split-title:lang(zh-tw), .split-start-modal .titles-container .rewards-title-container .rewards-title:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(zh-tw), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(zh-tw) { text-transform: none; } .split-start-modal .titles-container .split-title { color: #f0e6d2; font-size: 30px; font-weight: 700; line-height: 32px; letter-spacing: 0.05em; } .split-start-modal .titles-container .split-title:lang(ar-ae) { letter-spacing: 0; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(ar-ae) { letter-spacing: 0; } .split-start-modal .titles-container .rewards-title-container .rewards-title, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .split-start-modal .titles-container .rewards-title-container .rewards-title:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(ar-ae) { letter-spacing: 0; } .split-end-notification .title, .split-start-modal .titles-container .season-title, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .split-end-notification .title:lang(ar-ae), .split-start-modal .titles-container .season-title:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(ar-ae) { letter-spacing: 0; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(ja-jp), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(ja-jp) { font-size: 13px; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(ar-ae) { letter-spacing: 0; } .split-start-modal .titles-container .split-duration-title, .split-start-modal .rewards-container .rewards-descriptions-container .reward-description, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-text, .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-text { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .split-start-modal .titles-container .split-duration-title:lang(ar-ae), .split-start-modal .rewards-container .rewards-descriptions-container .reward-description:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-text:lang(ar-ae), .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-text:lang(ar-ae) { letter-spacing: 0; } .split-end-notification .detail { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .split-end-notification .detail:lang(ja-jp) { font-size: 13px; } .split-end-notification .detail:lang(ar-ae) { letter-spacing: 0; } .split-end-notification .title { margin-bottom: 10px; } .split-start-modal { height: 610px; width: 760px; box-sizing: border-box; text-align: center; background-image: url("/fe/lol-leagues/images/split-start-background.png"); background-size: cover; } .split-start-modal .titles-container { position: absolute; top: 32px; width: 100%; } .split-start-modal .titles-container .season-title { margin-bottom: 4px; color: #c8aa6e; } .split-start-modal .titles-container .split-title { margin-top: 4px; margin-bottom: 4px; } .split-start-modal .titles-container .split-duration-title { margin-top: 4px; margin-bottom: 16px; } .split-start-modal .titles-container .rewards-title-container { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; overflow-x: hidden; width: 760px; } .split-start-modal .titles-container .rewards-title-container .rewards-title { color: #c8aa6e; margin-left: 16px; margin-right: 16px; white-space: nowrap; } .split-start-modal .titles-container .rewards-title-container .rewards-title-ornament { height: 14px; min-width: 200px; background-image: url("/fe/lol-leagues/images/split-start-rewards-title-ornament.png"); background-size: cover; } .split-start-modal .titles-container .rewards-title-container .flipped { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .split-start-modal .rewards-container { position: absolute; top: 148px; width: 100%; } .split-start-modal .rewards-container .rewards-container-column { width: 300px; margin-left: -50px; margin-right: -50px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .split-start-modal .rewards-container .rewards-images-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: -80px; } .split-start-modal .rewards-container .rewards-images-container .rewards-container-column { height: 300px; background-image: url("/fe/lol-leagues/images/split-start-rewards-glow.png"); background-size: 300px 300px; background-position: center; } .split-start-modal .rewards-container .rewards-images-container .rewards-container-column .reward-image-emote { max-height: 100px; } .split-start-modal .rewards-container .rewards-images-container .rewards-container-column .reward-image-icon { border-style: solid; border-width: 2px; border-color: #1e2328; max-width: 72px; max-height: 72px; } .split-start-modal .rewards-container .rewards-images-container .rewards-container-column .reward-image-regalia { max-height: 140px; margin-top: 0px; } .split-start-modal .rewards-container .rewards-descriptions-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: -94px; } .split-start-modal .stats-and-rank-panels-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; width: 100%; bottom: 48px; } .split-start-modal .stats-and-rank-panels-container .stats-panel { width: 442px; height: 237px; background-image: url("/fe/lol-leagues/images/split-start-stats-panel-background.png"); background-size: cover; margin-right: 12px; position: relative; padding-top: 4px; box-sizing: border-box; } .split-start-modal .stats-and-rank-panels-container .stats-panel .champion-background-image-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .split-start-modal .stats-and-rank-panels-container .stats-panel .champion-background-image-container .champion-image-container { width: 434px; height: 224px; } .split-start-modal .stats-and-rank-panels-container .stats-panel .champion-background-image-container .champion-image-container .champion-image { width: 434px; height: 224px; object-fit: cover; } .split-start-modal .stats-and-rank-panels-container .stats-panel .champion-background-image-container .champion-overlay { width: 434px; height: 224px; margin-top: -224px; background-image: url("/fe/lol-leagues/images/split-start-stats-panel-overlay.png"); background-size: cover; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container { margin-top: -224px; width: 442px; height: 224px; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display { box-sizing: border-box; top: 18px; left: 24px; position: absolute; width: 442px; height: 224px; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title { color: #c8aa6e; text-align: left; margin-bottom: 6px; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name { color: #f0e6d2; text-align: left; margin-bottom: 12px; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-divider { width: 228px; height: 7px; margin-top: 3px; margin-bottom: 3px; background-image: url("/fe/lol-leagues/images/split-start-stats-panel-stats-divider.png"); background-size: cover; position: relative; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: start; align-items: center; width: 228px; padding-left: 8px; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-text { text-align: left; width: 174px; margin-right: 16px; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data { color: #f0e6d2; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; width: 212px; padding-left: 8px; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data { color: #f0e6d2; } .split-start-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer { color: #f0e6d2; width: 100%; position: absolute; bottom: 20px; } .split-start-modal .stats-and-rank-panels-container .rank-panel { width: 222px; height: 237px; background-image: url("/fe/lol-leagues/images/split-start-rank-panel-background.png"); background-size: cover; margin-left: 12px; padding-top: 16px; padding-bottom: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-text-wrapper { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title { margin-bottom: 4px; } .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title { color: #c8aa6e; margin-bottom: 2px; } .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text { margin-bottom: 2px; } .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text { color: #a09b8c; margin-top: 4px; } .split-start-modal .stats-and-rank-panels-container .rank-panel .apex-rank-crest-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 6px; } .split-start-modal .stats-and-rank-panels-container .rank-panel .apex-rank-crest-container .crest { width: 58px; height: 66px; position: relative; } .split-start-modal .stats-and-rank-panels-container .rank-panel .apex-rank-crest-container .crest .crest-sizer { width: 100%; height: 100%; position: absolute; } .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-crest-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: -4px; } .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-crest-container .crest { width: 63px; height: 72px; position: relative; } .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-crest-container .crest .crest-sizer { width: 100%; height: 100%; position: absolute; } .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text, .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text { margin-top: 4px; color: #a09b8c; } .split-start-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text { margin-bottom: -4px; } .split-start-modal .stats-and-rank-panels-container .rank-panel lol-uikit-resizing-text-field { max-width: 200px; white-space: normal; } .eos-notification .title { font-family: var(--font-display); } .eos-notification .detail { font-family: var(--font-body); } .eos-notification .title, .eos-notification .detail { -webkit-user-select: none; } .eos-notification .title, .eos-notification .detail { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .eos-notification .title { text-transform: uppercase; } .eos-notification .title:lang(ko-kr), .eos-notification .title:lang(ja-jp), .eos-notification .title:lang(tr-tr), .eos-notification .title:lang(el-gr), .eos-notification .title:lang(th-th), .eos-notification .title:lang(zh-tw) { text-transform: none; } .eos-notification .title { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .eos-notification .title:lang(ja-jp) { font-size: 13px; } .eos-notification .title:lang(ar-ae) { letter-spacing: 0; } .eos-notification .detail { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .eos-notification .detail:lang(ja-jp) { font-size: 13px; } .eos-notification .detail:lang(ar-ae) { letter-spacing: 0; } .eos-notification .title { margin-bottom: 10px; } .season-memorial-modal .titles-container .season-title, .season-memorial-modal .titles-container .split-title, .season-memorial-modal .titles-container .rewards-title-container .rewards-title, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text { font-family: var(--font-display); } .season-memorial-modal .titles-container .split-duration-title, .season-memorial-modal .rewards-container .rewards-container-restricted, .season-memorial-modal .rewards-container .rewards-images-container .rewards-container-column .reward-description, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-text, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-text { font-family: var(--font-body); } .season-memorial-modal .titles-container .season-title, .season-memorial-modal .titles-container .split-title, .season-memorial-modal .titles-container .split-duration-title, .season-memorial-modal .titles-container .rewards-title-container .rewards-title, .season-memorial-modal .rewards-container .rewards-container-restricted, .season-memorial-modal .rewards-container .rewards-images-container .rewards-container-column .reward-description, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-text, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-text, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text { -webkit-user-select: none; } .season-memorial-modal .titles-container .season-title, .season-memorial-modal .titles-container .split-title, .season-memorial-modal .titles-container .split-duration-title, .season-memorial-modal .titles-container .rewards-title-container .rewards-title, .season-memorial-modal .rewards-container .rewards-container-restricted, .season-memorial-modal .rewards-container .rewards-images-container .rewards-container-column .reward-description, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-text, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-text, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .season-memorial-modal .titles-container .season-title, .season-memorial-modal .titles-container .split-title, .season-memorial-modal .titles-container .rewards-title-container .rewards-title, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text { text-transform: uppercase; } .season-memorial-modal .titles-container .season-title:lang(ko-kr), .season-memorial-modal .titles-container .split-title:lang(ko-kr), .season-memorial-modal .titles-container .rewards-title-container .rewards-title:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(ko-kr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text:lang(ko-kr), .season-memorial-modal .titles-container .season-title:lang(ja-jp), .season-memorial-modal .titles-container .split-title:lang(ja-jp), .season-memorial-modal .titles-container .rewards-title-container .rewards-title:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text:lang(ja-jp), .season-memorial-modal .titles-container .season-title:lang(tr-tr), .season-memorial-modal .titles-container .split-title:lang(tr-tr), .season-memorial-modal .titles-container .rewards-title-container .rewards-title:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(tr-tr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text:lang(tr-tr), .season-memorial-modal .titles-container .season-title:lang(el-gr), .season-memorial-modal .titles-container .split-title:lang(el-gr), .season-memorial-modal .titles-container .rewards-title-container .rewards-title:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(el-gr), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text:lang(el-gr), .season-memorial-modal .titles-container .season-title:lang(th-th), .season-memorial-modal .titles-container .split-title:lang(th-th), .season-memorial-modal .titles-container .rewards-title-container .rewards-title:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(th-th), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text:lang(th-th), .season-memorial-modal .titles-container .season-title:lang(zh-tw), .season-memorial-modal .titles-container .split-title:lang(zh-tw), .season-memorial-modal .titles-container .rewards-title-container .rewards-title:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(zh-tw), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text:lang(zh-tw) { text-transform: none; } .season-memorial-modal .titles-container .split-title { color: #f0e6d2; font-size: 30px; font-weight: 700; line-height: 32px; letter-spacing: 0.05em; } .season-memorial-modal .titles-container .split-title:lang(ar-ae) { letter-spacing: 0; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name:lang(ar-ae) { letter-spacing: 0; } .season-memorial-modal .titles-container .rewards-title-container .rewards-title, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .season-memorial-modal .titles-container .rewards-title-container .rewards-title:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-text:lang(ar-ae) { letter-spacing: 0; } .season-memorial-modal .titles-container .season-title, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .season-memorial-modal .titles-container .season-title:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-progress-text:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-progress-text:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .lp-progress-text:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text:lang(ar-ae) { letter-spacing: 0; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(ja-jp), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(ja-jp) { font-size: 13px; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text:lang(ar-ae) { letter-spacing: 0; } .season-memorial-modal .titles-container .split-duration-title, .season-memorial-modal .rewards-container .rewards-container-restricted, .season-memorial-modal .rewards-container .rewards-images-container .rewards-container-column .reward-description, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-text, .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-text { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .season-memorial-modal .titles-container .split-duration-title:lang(ar-ae), .season-memorial-modal .rewards-container .rewards-container-restricted:lang(ar-ae), .season-memorial-modal .rewards-container .rewards-images-container .rewards-container-column .reward-description:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-text:lang(ar-ae), .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-text:lang(ar-ae) { letter-spacing: 0; } .season-memorial-modal { height: 610px; width: 760px; box-sizing: border-box; text-align: center; background-image: url("/fe/lol-leagues/images/split-start-background.png"); background-size: cover; } .season-memorial-modal .titles-container { position: absolute; top: 32px; width: 100%; } .season-memorial-modal .titles-container .season-title { margin-bottom: 4px; color: #c8aa6e; } .season-memorial-modal .titles-container .split-title { margin-top: 4px; margin-bottom: 4px; } .season-memorial-modal .titles-container .split-duration-title { margin-top: 4px; margin-bottom: 16px; } .season-memorial-modal .titles-container .rewards-title-container { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; overflow: hidden; width: 760px; } .season-memorial-modal .titles-container .rewards-title-container .rewards-title { color: #c8aa6e; margin-left: 16px; margin-right: 16px; white-space: nowrap; } .season-memorial-modal .titles-container .rewards-title-container .rewards-title-ornament { height: 14px; min-width: 200px; background-image: url("/fe/lol-leagues/images/split-start-rewards-title-ornament.png"); background-size: cover; } .season-memorial-modal .titles-container .rewards-title-container .flipped { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .season-memorial-modal .rewards-container { position: absolute; top: 148px; width: calc(100% - 20px); margin: 0 10px; } .season-memorial-modal .rewards-container ::-webkit-scrollbar { height: 10px; } .season-memorial-modal .rewards-container:hover ::-webkit-scrollbar-thumb { background-color: #c89b3c; } .season-memorial-modal .rewards-container .restricted { opacity: 0.4; } .season-memorial-modal .rewards-container .rewards-container-restricted { position: absolute; width: 100%; text-align: center; top: -2px; color: #ff2345; } .season-memorial-modal .rewards-container .rewards-images-container { display: flex; } .season-memorial-modal .rewards-container .rewards-images-container.space-around { justify-content: space-around; } .season-memorial-modal .rewards-container .rewards-images-container .rewards-container-column { height: 160px; min-width: 160px; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; overflow: hidden; } .season-memorial-modal .rewards-container .rewards-images-container .rewards-container-column .rewards-image { margin: auto; } .season-memorial-modal .rewards-container .rewards-images-container .rewards-container-column .reward-image-emote { max-height: 100px; } .season-memorial-modal .rewards-container .rewards-images-container .rewards-container-column .reward-image-icon { border-style: solid; border-width: 2px; border-color: #1e2328; max-width: 72px; max-height: 72px; } .season-memorial-modal .rewards-container .rewards-images-container .rewards-container-column .reward-image-regalia { max-height: 130px; } .season-memorial-modal .rewards-container .rewards-images-container .rewards-container-column .reward-description { margin-bottom: 10px; } .season-memorial-modal .stats-and-rank-panels-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; width: 100%; bottom: 48px; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel { width: 442px; height: 237px; background-image: url("/fe/lol-leagues/images/split-start-stats-panel-background.png"); background-size: cover; margin-right: 12px; position: relative; padding-top: 4px; box-sizing: border-box; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .champion-background-image-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .champion-background-image-container .champion-image-container { width: 434px; height: 224px; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .champion-background-image-container .champion-image-container .champion-image { width: 434px; height: 224px; object-fit: cover; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .champion-background-image-container .champion-overlay { width: 434px; height: 224px; margin-top: -224px; background-image: url("/fe/lol-leagues/images/split-start-stats-panel-overlay.png"); background-size: cover; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container { margin-top: -224px; width: 442px; height: 224px; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display { box-sizing: border-box; top: 18px; left: 24px; position: absolute; width: 442px; height: 224px; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-title { color: #c8aa6e; text-align: left; margin-bottom: 6px; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-champion-name { color: #f0e6d2; text-align: left; margin-bottom: 12px; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stats-divider { width: 228px; height: 7px; margin-top: 3px; margin-bottom: 3px; background-image: url("/fe/lol-leagues/images/split-start-stats-panel-stats-divider.png"); background-size: cover; position: relative; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: start; align-items: center; width: 228px; padding-left: 8px; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-text { text-align: left; width: 174px; margin-right: 16px; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-grades .stat-data { color: #f0e6d2; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; width: 212px; padding-left: 8px; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-display .stat-container-mastery .stat-data { color: #f0e6d2; } .season-memorial-modal .stats-and-rank-panels-container .stats-panel .stats-content-container .stats-footer { color: #f0e6d2; width: 100%; position: absolute; bottom: 20px; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel { width: 222px; height: 237px; background-image: url("/fe/lol-leagues/images/split-start-rank-panel-background.png"); background-size: cover; margin-left: 12px; padding-top: 16px; padding-bottom: 24px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-text-wrapper { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .next-rank-title { margin-bottom: 4px; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-title { color: #c8aa6e; margin-bottom: 2px; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .current-rank-text { margin-bottom: 2px; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-headers .queue-type-text { color: #a09b8c; margin-top: 4px; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .apex-rank-crest-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 6px; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .apex-rank-crest-container .crest { width: 58px; height: 66px; position: relative; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .apex-rank-crest-container .crest .crest-sizer { width: 100%; height: 100%; position: absolute; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-crest-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: -4px; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-crest-container .crest { width: 63px; height: 72px; position: relative; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-crest-container .crest .crest-sizer { width: 100%; height: 100%; position: absolute; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .mini-series-text, .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .placements-text { margin-top: 4px; color: #a09b8c; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel .rank-progress-footnote .wins-text { color: #a09b8c; margin-bottom: -4px; } .season-memorial-modal .stats-and-rank-panels-container .rank-panel lol-uikit-resizing-text-field { max-width: 200px; white-space: normal; } .lol-tooltip-component { display: none; } .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm { text-transform: uppercase; } .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(ko-kr), .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(ja-jp), .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(tr-tr), .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(el-gr), .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(th-th), .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(zh-tw) { text-transform: none; } .decorated-footer { width: 100%; display: flex; flex-direction: row; justify-content: center; padding: 0 0 1px; height: 50px; box-sizing: border-box; } .decorated-footer .confirm-button-container { position: relative; display: flex; flex-direction: row; justify-content: center; padding-bottom: 15px; } .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm { display: flex; min-width: 160px; pointer-events: auto; } .decorated-footer .button-img { width: 30px; height: 30px; background-size: contain; background-color: transparent; border: 0px; outline: 0px; } .decorated-footer .button-img.close { background-image: url(/fe/lol-leagues/button_close.png); } .decorated-footer .button-img.close:hover { background-image: url(/fe/lol-leagues/button_close_hover.png); } .decorated-footer .button-img.close:active { background-image: url(/fe/lol-leagues/button_close_click.png); } .decorated-footer .button-img.close:disabled { background-image: url(/fe/lol-leagues/button_close_inactive.png); } .decorated-footer .decorated-footer-decoration { display: flex; position: relative; flex: 1 1 auto; height: 34px; margin-top: 15px; } .decorated-footer .decorated-footer-decoration.decorated-footer-left .button { position: absolute; top: -13px; right: 2px; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm { font-family: var(--font-display); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm { -webkit-user-select: none; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm { text-transform: uppercase; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(ko-kr), .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(ja-jp), .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(tr-tr), .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(el-gr), .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(th-th), .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(zh-tw) { text-transform: none; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm { color: #c8aa6e; font-size: 14px; font-weight: 700; letter-spacing: 0.0325em; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(ar-ae) { letter-spacing: 0; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:hover { color: #f0e6d2; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:disabled, .arrow-footer[version="7.13"] .confirm-button-container button.confirm:disabled:hover, .arrow-footer[version="7.13"] .confirm-button-container button.confirm[disabled='true'], .arrow-footer[version="7.13"] .confirm-button-container button.confirm[disabled='true']:hover { color: #5c5b57; cursor: default; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:active { color: #785a28; } .arrow-footer[version="7.13"] { width: 100%; display: flex; flex-direction: row; justify-content: center; padding: 0 0 1px; height: 51px; box-sizing: border-box; } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm { margin-left: 0px; } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm .left-confirm { background-image: url(/fe/lol-leagues/LeftStraightDefault.png); } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm:hover .left-confirm { background-image: url(/fe/lol-leagues/LeftStraightHover.png); } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm:active .left-confirm { background-image: url(/fe/lol-leagues/LeftStraightClick.png); } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm.disabled .left-confirm { background-image: url(/fe/lol-leagues/LeftStraightDisabled.png); } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm.completed .left-confirm { background-image: url(/fe/lol-leagues/LeftStraightCompleted.png); } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.close { display: none; } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container .border-bg .left-border-bg { background-image: url(/fe/lol-leagues/BGLeftStraight.png); } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container .border-bg .middle-border-bg { margin: 0 7px; } .arrow-footer[version="7.13"].hide-close-button .arrow-footer-decoration { flex-direction: column; justify-content: center; } .arrow-footer[version="7.13"].hide-close-button .arrow-footer-decoration .arrow-footer-decoration-child { background-size: 100% 100%; width: 256px; height: 8px; } .arrow-footer[version="7.13"].hide-close-button .arrow-footer-decoration .arrow-footer-decoration-child.arrow-footer-decoration-left { margin-right: 50px; align-self: flex-end; background-image: url(/fe/lol-leagues/FooterMetalDecorationLeft.png); } .arrow-footer[version="7.13"].hide-close-button .arrow-footer-decoration .arrow-footer-decoration-child.arrow-footer-decoration-right { margin-left: 50px; align-self: flex-start; background-image: url(/fe/lol-leagues/FooterMetalDecorationRight.png); } .arrow-footer[version="7.13"] .confirm-button-container { position: relative; display: flex; flex-direction: row; justify-content: center; } .arrow-footer[version="7.13"] .confirm-button-container .border-bg { position: absolute; width: 100%; height: 44px; display: flex; top: -5px; } .arrow-footer[version="7.13"] .confirm-button-container .border-bg .left-border-bg { height: 44px; width: 29px; position: absolute; top: 0px; left: -6px; background-size: 100% 100%; background-image: url(/fe/lol-leagues/BGLeft.png); } .arrow-footer[version="7.13"] .confirm-button-container .border-bg .middle-border-bg { flex-grow: 1; height: 44px; margin: 0px 12px; background-size: contain; background-image: url(/fe/lol-leagues/BGMid.png); } .arrow-footer[version="7.13"] .confirm-button-container .border-bg .right-border-bg { height: 44px; width: 26px; position: absolute; top: 0; right: -6px; background-size: 100% 100%; background-image: url(/fe/lol-leagues/BGRight.png); } .arrow-footer[version="7.13"] .confirm-button-container button { border: 0; outline: 0; padding: 0; background-color: transparent; cursor: pointer; } .arrow-footer[version="7.13"] .confirm-button-container button.disabled { cursor: default; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm { height: 34px; min-width: 170px; margin-left: 29px; padding-right: 1px; color: #a3c7c7; position: relative; display: flex; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm > div { background-size: 100% 100%; height: 34px; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm .left-confirm { width: 12px; background-image: url(/fe/lol-leagues/LeftDefault.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm .middle-confirm { display: flex; justify-content: center; align-items: center; flex-grow: 1; padding: 0px 10px; background-repeat: repeat-x; background-image: url(/fe/lol-leagues/MidDefault.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm .middle-confirm:lang(ar-ae) { direction: ltr; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm .right-confirm { width: 17px; background-image: url(/fe/lol-leagues/RightDefault.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:hover .left-confirm { background-image: url(/fe/lol-leagues/LeftHover.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:hover .middle-confirm { background-image: url(/fe/lol-leagues/MidHover.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:hover .right-confirm { background-image: url(/fe/lol-leagues/RightHover.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:active { color: #005a82; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:active .left-confirm { background-image: url(/fe/lol-leagues/LeftClick.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:active .middle-confirm { background-image: url(/fe/lol-leagues/MidClick.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:active .right-confirm { background-image: url(/fe/lol-leagues/RightClick.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.disabled { color: #5c5b57; cursor: default; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.disabled .left-confirm { background-image: url(/fe/lol-leagues/LeftDisabled.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.disabled .middle-confirm { background-image: url(/fe/lol-leagues/MidDisabled.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.disabled .right-confirm { background-image: url(/fe/lol-leagues/RightDisabled.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.completed { color: #c89b3c; cursor: default; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.completed .left-confirm { background-image: url(/fe/lol-leagues/LeftCompleted.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.completed .middle-confirm { background-image: url(/fe/lol-leagues/MidCompleted.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.completed .right-confirm { background-image: url(/fe/lol-leagues/RightCompleted.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close { width: 34px; height: 34px; background-size: contain; position: absolute; left: 0px; background-image: url(/fe/lol-leagues/Normal.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close .close-icon { height: 34px; width: 34px; background-size: 18px; background-repeat: no-repeat; background-position: center; background-image: url(/fe/lol-leagues/Exit_Default.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close[type="back"] .close-icon { background-image: url(/fe/lol-leagues/Back_default.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close:hover { background-image: url(/fe/lol-leagues/Hover.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close:hover .close-icon { background-image: url(/fe/lol-leagues/Exit_Hover.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close:hover[type="back"] .close-icon { background-image: url(/fe/lol-leagues/Back_Hover.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close:active { background-image: url(/fe/lol-leagues/Clicked.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close:active .close-icon { background-image: url(/fe/lol-leagues/Exit_Click.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close:active[type="back"] .close-icon { background-image: url(/fe/lol-leagues/Back_click.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close.disabled { background-image: url(/fe/lol-leagues/Disabled.png); cursor: default; } .arrow-footer[version="7.13"] .confirm-button-container button.close.disabled .close-icon { background-image: url(/fe/lol-leagues/Exit_Disabled.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close.disabled[type="back"] .close-icon { background-image: url(/fe/lol-leagues/Back_Disabled.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close.completed { cursor: default; background-image: url(/fe/lol-leagues/Completed.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close.completed .close-icon { background-image: url(/fe/lol-leagues/Checkmark.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close.completed[type="back"] .close-icon { background-image: url(/fe/lol-leagues/Checkmark.png); } .arrow-footer[version="7.13"] .arrow-footer-decoration { display: flex; position: relative; flex: 1 1 auto; height: 34px; } .basic-footer .confirm-button-container lol-uikit-primary-magic-button, .basic-footer .confirm-button-container lol-uikit-flat-button { text-transform: uppercase; } .basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(ko-kr), .basic-footer .confirm-button-container lol-uikit-flat-button:lang(ko-kr), .basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(ja-jp), .basic-footer .confirm-button-container lol-uikit-flat-button:lang(ja-jp), .basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(tr-tr), .basic-footer .confirm-button-container lol-uikit-flat-button:lang(tr-tr), .basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(el-gr), .basic-footer .confirm-button-container lol-uikit-flat-button:lang(el-gr), .basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(th-th), .basic-footer .confirm-button-container lol-uikit-flat-button:lang(th-th), .basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(zh-tw), .basic-footer .confirm-button-container lol-uikit-flat-button:lang(zh-tw) { text-transform: none; } .basic-footer { padding-left: 34px; padding-right: 35px; } .basic-footer { width: 100%; display: flex; flex-direction: row; justify-content: center; height: 48px; box-sizing: border-box; } .basic-footer .confirm-button-container { position: relative; display: flex; flex-direction: row; justify-content: center; flex-grow: 1; } .basic-footer .confirm-button-container lol-uikit-primary-magic-button, .basic-footer .confirm-button-container lol-uikit-flat-button { display: flex; min-width: 160px; pointer-events: auto; margin-left: 10px; } .basic-footer .confirm-button-container lol-uikit-primary-magic-button:last-child, .basic-footer .confirm-button-container lol-uikit-flat-button:last-child { margin-right: 10px; } .basic-footer .confirm-button-container::after, .basic-footer .confirm-button-container::before { display: flex; border-top: thin solid #785a28; margin-top: 16px; height: 1px; flex-grow: 1; content: " "; } .media-fader { position: absolute; top: 0; } .media-fader .media-fader-asset { -webkit-user-drag: none; } .media-swapper { position: relative; }