.lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text { font-family: var(--font-display); } .lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text { -webkit-user-select: none; } .lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text { text-transform: uppercase; } .lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text:lang(ko-kr), .lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text:lang(ja-jp), .lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text:lang(tr-tr), .lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text:lang(el-gr), .lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text:lang(th-th), .lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text:lang(zh-tw) { text-transform: none; } .lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text:lang(ar-ae) { letter-spacing: 0; } .lol-eternals-mastery-vignette { position: relative; display: flex; flex-direction: column; width: 1280px; height: 510px; justify-content: center; } .lol-eternals-mastery-vignette .disabled { display: none; } .lol-eternals-mastery-vignette .mastery-wrapper { display: flex; width: 420px; justify-content: flex-start; position: absolute; flex-direction: column; align-items: center; text-align: center; left: 430px; top: 176px; } .lol-eternals-mastery-vignette .mastery-wrapper .mastery-icon { width: 211px; height: 190px; background-image: url("/fe/lol-eternals/images/eternals-mastery-emblem.png"); background-size: cover; margin-bottom: 28px; } .lol-eternals-mastery-vignette .mastery-wrapper .flair-added-text { color: #c8aa6e; width: 640px; } .lol-eternals-mastery-vignette .champ-splash { position: absolute; top: 0; width: 100%; height: 100%; background-size: cover; } .lol-eternals-mastery-vignette .champ-splash:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; background-color: #010a13; } .lol-eternals-mastery-vignette .mastery-set-ticks { position: absolute; top: -118px; left: 384px; width: 512px; height: 464px; } .lol-eternals-mastery-vignette .mastery-set-ticks.static { background-size: contain; width: 158px; height: 142px; top: 56px; left: 562px; } .lol-eternals-mastery-vignette .mastery-set-ticks video { width: 512px; } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name { font-family: var(--font-display); } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name { -webkit-user-select: none; } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name { text-transform: uppercase; } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name:lang(ko-kr), .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name:lang(ja-jp), .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name:lang(tr-tr), .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name:lang(el-gr), .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name:lang(th-th), .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name:lang(zh-tw) { text-transform: none; } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name:lang(ar-ae) { letter-spacing: 0; } .lol-eternals-set-complete-vignette { position: relative; display: flex; flex-direction: column; width: 1280px; height: 510px; justify-content: center; align-items: center; } .lol-eternals-set-complete-vignette .disabled { display: none; } .lol-eternals-set-complete-vignette .eternals-background { position: absolute; width: 100%; height: 100%; background-image: url("/fe/lol-eternals/images/smoke-bg.png"); background-size: cover; } .lol-eternals-set-complete-vignette .eternals-background.statstone-cc { -webkit-filter: hue-rotate(207deg); } .lol-eternals-set-complete-vignette .eternals-background.statstone-defense { -webkit-filter: hue-rotate(50deg); } .lol-eternals-set-complete-vignette .eternals-background.statstone-support { -webkit-filter: hue-rotate(135deg); } .lol-eternals-set-complete-vignette .eternals-background.statstone-offense { -webkit-filter: hue-rotate(0deg); } .lol-eternals-set-complete-vignette .eternals-background.statstone-style { -webkit-filter: hue-rotate(289deg); } .lol-eternals-set-complete-vignette .eternals-background.statstone-goal { -webkit-filter: hue-rotate(265deg); } .lol-eternals-set-complete-vignette .hextech-lines-background { position: absolute; top: 40px; left: 128px; width: 1024px; height: 360px; background-image: url("/fe/lol-eternals/images/hextech-lines-bg.png"); } .lol-eternals-set-complete-vignette .eternals-statues-wrapper { display: flex; width: 100%; height: 100%; flex-direction: row; justify-content: center; } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue { display: flex; flex-direction: column; align-items: center; width: 360px; } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-image { transition: all 0.3s ease-in-out; background-size: cover; } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue.common .eternal-image { width: 186px; height: 186px; margin-top: 112px; } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue.common .eternal-name { padding-top: 108px; } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue.unique .eternal-image { width: 300px; height: 300px; margin-top: 66px; } .lol-eternals-set-complete-vignette .eternals-statues-wrapper .eternal-statue .eternal-name { color: #785a28; padding-top: 40px; text-align: center; } .lol-eternals-set-complete-vignette .set-complete-bolts { position: absolute; left: 390px; width: 500px; top: 20px; transform: scale(2); } .lol-eternals-set-complete-vignette .set-complete-bolts video { width: 500px; } .lol-eternals-set-complete-vignette .set-complete-bolts.statstone-cc { -webkit-filter: hue-rotate(207deg); } .lol-eternals-set-complete-vignette .set-complete-bolts.statstone-defense { -webkit-filter: hue-rotate(50deg); } .lol-eternals-set-complete-vignette .set-complete-bolts.statstone-support { -webkit-filter: hue-rotate(135deg); } .lol-eternals-set-complete-vignette .set-complete-bolts.statstone-offense { -webkit-filter: hue-rotate(0deg); } .lol-eternals-set-complete-vignette .set-complete-bolts.statstone-style { -webkit-filter: hue-rotate(289deg); } .lol-eternals-set-complete-vignette .set-complete-bolts.statstone-goal { -webkit-filter: hue-rotate(265deg); } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .eternal-information .eternal-name, .lol-eternals-rekindled-vignette .eternals-champion-wrapper .personal-best-wrapper .personal-best-text { font-family: var(--font-display); } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .eternal-information .eternal-name, .lol-eternals-rekindled-vignette .eternals-champion-wrapper .personal-best-wrapper .personal-best-text { -webkit-user-select: none; } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .eternal-information .eternal-name, .lol-eternals-rekindled-vignette .eternals-champion-wrapper .personal-best-wrapper .personal-best-text { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .eternal-information .eternal-name { text-transform: uppercase; } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .eternal-information .eternal-name:lang(ko-kr), .lol-eternals-rekindled-vignette .eternals-champion-wrapper .eternal-information .eternal-name:lang(ja-jp), .lol-eternals-rekindled-vignette .eternals-champion-wrapper .eternal-information .eternal-name:lang(tr-tr), .lol-eternals-rekindled-vignette .eternals-champion-wrapper .eternal-information .eternal-name:lang(el-gr), .lol-eternals-rekindled-vignette .eternals-champion-wrapper .eternal-information .eternal-name:lang(th-th), .lol-eternals-rekindled-vignette .eternals-champion-wrapper .eternal-information .eternal-name:lang(zh-tw) { text-transform: none; } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .eternal-information .eternal-name { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .eternal-information .eternal-name:lang(ar-ae) { letter-spacing: 0; } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .personal-best-wrapper .personal-best-text { color: #a09b8c; font-size: 16px; font-weight: normal; line-height: 24px; letter-spacing: 0.05em; -webkit-font-smoothing: subpixel-antialiased; } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .personal-best-wrapper .personal-best-text:lang(ar-ae) { letter-spacing: 0; } .lol-eternals-rekindled-vignette { position: relative; display: flex; flex-direction: column; width: 1280px; height: 510px; justify-content: center; } .lol-eternals-rekindled-vignette .eternals-background { position: absolute; width: 100%; height: 100%; background-image: url("/fe/lol-eternals/images/smoke-bg.png"); background-size: cover; top: 0; } .lol-eternals-rekindled-vignette .eternals-background.statstone-cc { -webkit-filter: hue-rotate(207deg); } .lol-eternals-rekindled-vignette .eternals-background.statstone-defense { -webkit-filter: hue-rotate(50deg); } .lol-eternals-rekindled-vignette .eternals-background.statstone-support { -webkit-filter: hue-rotate(135deg); } .lol-eternals-rekindled-vignette .eternals-background.statstone-offense { -webkit-filter: hue-rotate(0deg); } .lol-eternals-rekindled-vignette .eternals-background.statstone-style { -webkit-filter: hue-rotate(289deg); } .lol-eternals-rekindled-vignette .eternals-background.statstone-goal { -webkit-filter: hue-rotate(265deg); } .lol-eternals-rekindled-vignette .eternals-statue-wrapper { display: flex; position: relative; justify-content: center; align-items: center; flex-direction: column; padding-bottom: 30px; } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .hidden { display: none; } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .rekindled-bolt { position: absolute; left: 496px; width: 286px; top: -120px; transform: scale(2); } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .rekindled-bolt video { width: 286px; } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .rekindled-bolt.outro { opacity: 0; } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .rekindled-bolt.unique { width: 350px; top: -123px; left: 466px; } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .rekindled-bolt.unique video { width: 350px; } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .rekindled-bolt.statstone-cc { -webkit-filter: hue-rotate(207deg); } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .rekindled-bolt.statstone-defense { -webkit-filter: hue-rotate(50deg); } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .rekindled-bolt.statstone-support { -webkit-filter: hue-rotate(135deg); } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .rekindled-bolt.statstone-offense { -webkit-filter: hue-rotate(0deg); } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .rekindled-bolt.statstone-style { -webkit-filter: hue-rotate(289deg); } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .rekindled-bolt.statstone-goal { -webkit-filter: hue-rotate(265deg); } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .eternal-image { width: 286px; height: 286px; transition: background-image 0.1s ease-in-out; background-size: cover; } .lol-eternals-rekindled-vignette .eternals-statue-wrapper .eternal-image.unique { width: 350px; height: 350px; } .lol-eternals-rekindled-vignette .eternals-champion-wrapper { display: flex; flex-direction: row; justify-content: center; } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .champ-icon { border-radius: 50%; border-color: #c89b3c; border-width: 2px; border-style: solid; width: 63px; height: 63px; margin-right: 14px; } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .personal-best-wrapper { display: flex; flex-direction: row; align-items: center; } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .personal-best-wrapper .personal-best-text { color: #c89b3c; } .lol-eternals-rekindled-vignette .eternals-champion-wrapper .personal-best-wrapper .personal-best-icon { width: 18px; height: 18px; background-size: 18px 18px; margin-right: 11px; background-image: url("/fe/lol-eternals/images/personal-best-icon.png"); }