.render-telemetry-sender-error-container .profile-error-message { font-family: var(--font-display); } .render-telemetry-sender-error-container .profile-error-message { -webkit-user-select: none; } .render-telemetry-sender-error-container .profile-error-message { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .render-telemetry-sender-error-container .profile-error-message { text-transform: uppercase; } .render-telemetry-sender-error-container .profile-error-message:lang(ko-kr), .render-telemetry-sender-error-container .profile-error-message:lang(ja-jp), .render-telemetry-sender-error-container .profile-error-message:lang(tr-tr), .render-telemetry-sender-error-container .profile-error-message:lang(el-gr), .render-telemetry-sender-error-container .profile-error-message:lang(th-th), .render-telemetry-sender-error-container .profile-error-message:lang(zh-tw) { text-transform: none; } .render-telemetry-sender-error-container .profile-error-message { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .render-telemetry-sender-error-container .profile-error-message:lang(ar-ae) { letter-spacing: 0; } .render-telemetry-sender-error-container { width: 100%; height: 100%; } .render-telemetry-sender-error-container .profile-error-message { display: flex; justify-content: center; } .hextech-loading-animation-component { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .account-verification-container .step-heading, .account-verification-container .field-title, .account-verification-container .expire-title { font-family: var(--font-display); } .account-verification-container .step-body, .account-verification-container .field-desc, .account-verification-container .formatted-phone-number { font-family: var(--font-body); } .account-verification-container .step-heading, .account-verification-container .step-body, .account-verification-container .field-title, .account-verification-container .expire-title, .account-verification-container .field-desc, .account-verification-container .formatted-phone-number { -webkit-user-select: none; } .account-verification-container .step-heading, .account-verification-container .step-body, .account-verification-container .field-title, .account-verification-container .expire-title, .account-verification-container .field-desc, .account-verification-container .formatted-phone-number { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .account-verification-container .step-heading, .account-verification-container .field-title, .account-verification-container .expire-title { text-transform: uppercase; } .account-verification-container .step-heading:lang(ko-kr), .account-verification-container .field-title:lang(ko-kr), .account-verification-container .expire-title:lang(ko-kr), .account-verification-container .step-heading:lang(ja-jp), .account-verification-container .field-title:lang(ja-jp), .account-verification-container .expire-title:lang(ja-jp), .account-verification-container .step-heading:lang(tr-tr), .account-verification-container .field-title:lang(tr-tr), .account-verification-container .expire-title:lang(tr-tr), .account-verification-container .step-heading:lang(el-gr), .account-verification-container .field-title:lang(el-gr), .account-verification-container .expire-title:lang(el-gr), .account-verification-container .step-heading:lang(th-th), .account-verification-container .field-title:lang(th-th), .account-verification-container .expire-title:lang(th-th), .account-verification-container .step-heading:lang(zh-tw), .account-verification-container .field-title:lang(zh-tw), .account-verification-container .expire-title:lang(zh-tw) { text-transform: none; } .account-verification-container .step-heading { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .account-verification-container .step-heading:lang(ar-ae) { letter-spacing: 0; } .account-verification-container .field-title, .account-verification-container .expire-title { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .account-verification-container .field-title:lang(ar-ae), .account-verification-container .expire-title:lang(ar-ae) { letter-spacing: 0; } .account-verification-container .field-title, .account-verification-container .expire-title { color: #a09b8c; } .account-verification-container .step-body, .account-verification-container .field-desc, .account-verification-container .formatted-phone-number { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .account-verification-container .step-body:lang(ja-jp), .account-verification-container .field-desc:lang(ja-jp), .account-verification-container .formatted-phone-number:lang(ja-jp) { font-size: 13px; } .account-verification-container .step-body:lang(ar-ae), .account-verification-container .field-desc:lang(ar-ae), .account-verification-container .formatted-phone-number:lang(ar-ae) { letter-spacing: 0; } .account-verification-container { direction: rtl; width: 420px; min-height: 140px; text-align: center; } .account-verification-container .step-container { margin: 18px 18px 50px; } .account-verification-container .step-heading { width: 100%; display: inline-block; margin: 0 0 16px; text-align: right; } .account-verification-container .step-body { margin: 0 0 18px; text-align: center; } .account-verification-container .step-body strong { font-size: 14px; color: #fff; font-weight: normal; letter-spacing: 1.4px; } .account-verification-container .step-body a { text-decoration: none; color: #0596aa; } .account-verification-container .step-body a:hover { color: #cdfafa; } .account-verification-container .step-body.left-aligned { text-align: right; } .account-verification-container .step-buttons { left: 0; } .account-verification-container .field-title { color: #c8aa6e; margin: 0 0 10px; } .account-verification-container .expire-title { color: #c8aa6e; margin: 10px 25px 10px; max-width: 400px; } .account-verification-container .wide { display: inline-block; width: 200px; } .account-verification-container .centered { display: inline-block; width: 100px; text-align: center; letter-spacing: 1.8px; font-size: 15px; } .account-verification-container .narrow { display: inline-block; width: 50px; margin-right: 2px; } .account-verification-container .field::-webkit-input-placeholder { color: #3c3c41; } .account-verification-container .field-desc { padding: 0 50px; margin: 8px 0; color: #5b5a56; } .account-verification-container .field-error-text { color: #be1e37; } .account-verification-container .field-error-text a { color: #be1e37; text-decoration: underline; } .account-verification-container .field-error-text a:hover { text-decoration: none; } .account-verification-container .field-error.input, .account-verification-container .field-error input { border: thin solid #be1e37; } .account-verification-container .result-container { display: inline-block; position: relative; width: 200px; height: 84px; background: url("/fe/lol-static-assets/images/bg-radial-ticks.png") no-repeat center; background-size: cover; margin: 40px 0 12px; } .account-verification-container lol-uikit-flat-button { height: 32px; } .account-verification-container .iconic-buttons { width: 80px; } .account-verification-container .new-phone-entry { display: flex; flex-direction: row-reverse; } .account-verification-container .new-phone-entry input.field { direction: ltr ; text-align: left; } .account-verification-container .countries-dropdown { display: inline-block; width: 75px; --framed-dropdown-options-container-width: 260px; } .account-verification-container .countries-dropdown .country-flag { float: right; width: 32px; height: 32px; } .account-verification-container .countries-dropdown .country-name { float: right; width: 60px; height: 32px; line-height: 32px; margin: 0 2px; } .account-verification-container .countries-dropdown .country-prefix { direction: ltr ; display: inline-block; font-style: normal; color: #888; } .account-verification-container #country-flag-preload { display: none; background: url("/fe/lol-static-assets/images/country-flags/AW.png"), url("/fe/lol-static-assets/images/country-flags/AF.png"), url("/fe/lol-static-assets/images/country-flags/AO.png"), url("/fe/lol-static-assets/images/country-flags/AI.png"), url("/fe/lol-static-assets/images/country-flags/AL.png"), url("/fe/lol-static-assets/images/country-flags/AD.png"), url("/fe/lol-static-assets/images/country-flags/AE.png"), url("/fe/lol-static-assets/images/country-flags/AR.png"), url("/fe/lol-static-assets/images/country-flags/AM.png"), url("/fe/lol-static-assets/images/country-flags/AM.png"), url("/fe/lol-static-assets/images/country-flags/AS.png"), url("/fe/lol-static-assets/images/country-flags/AQ.png"), url("/fe/lol-static-assets/images/country-flags/AG.png"), url("/fe/lol-static-assets/images/country-flags/AU.png"), url("/fe/lol-static-assets/images/country-flags/AT.png"), url("/fe/lol-static-assets/images/country-flags/AZ.png"), url("/fe/lol-static-assets/images/country-flags/BI.png"), url("/fe/lol-static-assets/images/country-flags/BE.png"), url("/fe/lol-static-assets/images/country-flags/BJ.png"), url("/fe/lol-static-assets/images/country-flags/BJ.png"), url("/fe/lol-static-assets/images/country-flags/BF.png"), url("/fe/lol-static-assets/images/country-flags/BD.png"), url("/fe/lol-static-assets/images/country-flags/BG.png"), url("/fe/lol-static-assets/images/country-flags/BH.png"), url("/fe/lol-static-assets/images/country-flags/BS.png"), url("/fe/lol-static-assets/images/country-flags/BA.png"), url("/fe/lol-static-assets/images/country-flags/BY.png"), url("/fe/lol-static-assets/images/country-flags/BZ.png"), url("/fe/lol-static-assets/images/country-flags/BM.png"), url("/fe/lol-static-assets/images/country-flags/BO.png"), url("/fe/lol-static-assets/images/country-flags/BR.png"), url("/fe/lol-static-assets/images/country-flags/BB.png"), url("/fe/lol-static-assets/images/country-flags/BN.png"), url("/fe/lol-static-assets/images/country-flags/BT.png"), url("/fe/lol-static-assets/images/country-flags/BW.png"), url("/fe/lol-static-assets/images/country-flags/CF.png"), url("/fe/lol-static-assets/images/country-flags/CA.png"), url("/fe/lol-static-assets/images/country-flags/CH.png"), url("/fe/lol-static-assets/images/country-flags/CL.png"), url("/fe/lol-static-assets/images/country-flags/CN.png"), url("/fe/lol-static-assets/images/country-flags/CI.png"), url("/fe/lol-static-assets/images/country-flags/CM.png"), url("/fe/lol-static-assets/images/country-flags/CG.png"), url("/fe/lol-static-assets/images/country-flags/CD.png"), url("/fe/lol-static-assets/images/country-flags/CK.png"), url("/fe/lol-static-assets/images/country-flags/CO.png"), url("/fe/lol-static-assets/images/country-flags/KM.png"), url("/fe/lol-static-assets/images/country-flags/CV.png"), url("/fe/lol-static-assets/images/country-flags/CR.png"), url("/fe/lol-static-assets/images/country-flags/CU.png"), url("/fe/lol-static-assets/images/country-flags/CU.png"), url("/fe/lol-static-assets/images/country-flags/KY.png"), url("/fe/lol-static-assets/images/country-flags/CY.png"), url("/fe/lol-static-assets/images/country-flags/CZ.png"), url("/fe/lol-static-assets/images/country-flags/DE.png"), url("/fe/lol-static-assets/images/country-flags/DJ.png"), url("/fe/lol-static-assets/images/country-flags/DM.png"), url("/fe/lol-static-assets/images/country-flags/DK.png"), url("/fe/lol-static-assets/images/country-flags/DO.png"), url("/fe/lol-static-assets/images/country-flags/EC.png"), url("/fe/lol-static-assets/images/country-flags/EG.png"), url("/fe/lol-static-assets/images/country-flags/ER.png"), url("/fe/lol-static-assets/images/country-flags/ES.png"), url("/fe/lol-static-assets/images/country-flags/EE.png"), url("/fe/lol-static-assets/images/country-flags/ET.png"), url("/fe/lol-static-assets/images/country-flags/ET.png"), url("/fe/lol-static-assets/images/country-flags/FI.png"), url("/fe/lol-static-assets/images/country-flags/FJ.png"), url("/fe/lol-static-assets/images/country-flags/FK.png"), url("/fe/lol-static-assets/images/country-flags/FR.png"), url("/fe/lol-static-assets/images/country-flags/FO.png"), url("/fe/lol-static-assets/images/country-flags/FM.png"), url("/fe/lol-static-assets/images/country-flags/GA.png"), url("/fe/lol-static-assets/images/country-flags/GB.png"), url("/fe/lol-static-assets/images/country-flags/GE.png"), url("/fe/lol-static-assets/images/country-flags/GH.png"), url("/fe/lol-static-assets/images/country-flags/GI.png"), url("/fe/lol-static-assets/images/country-flags/GN.png"), url("/fe/lol-static-assets/images/country-flags/GP.png"), url("/fe/lol-static-assets/images/country-flags/GM.png"), url("/fe/lol-static-assets/images/country-flags/GW.png"), url("/fe/lol-static-assets/images/country-flags/GQ.png"), url("/fe/lol-static-assets/images/country-flags/GR.png"), url("/fe/lol-static-assets/images/country-flags/GD.png"), url("/fe/lol-static-assets/images/country-flags/GL.png"), url("/fe/lol-static-assets/images/country-flags/GT.png"), url("/fe/lol-static-assets/images/country-flags/GF.png"), url("/fe/lol-static-assets/images/country-flags/GU.png"), url("/fe/lol-static-assets/images/country-flags/GY.png"), url("/fe/lol-static-assets/images/country-flags/HK.png"), url("/fe/lol-static-assets/images/country-flags/HN.png"), url("/fe/lol-static-assets/images/country-flags/HR.png"), url("/fe/lol-static-assets/images/country-flags/HT.png"), url("/fe/lol-static-assets/images/country-flags/HU.png"), url("/fe/lol-static-assets/images/country-flags/ID.png"), url("/fe/lol-static-assets/images/country-flags/IN.png"), url("/fe/lol-static-assets/images/country-flags/IE.png"), url("/fe/lol-static-assets/images/country-flags/IR.png"), url("/fe/lol-static-assets/images/country-flags/IQ.png"), url("/fe/lol-static-assets/images/country-flags/IS.png"), url("/fe/lol-static-assets/images/country-flags/IL.png"), url("/fe/lol-static-assets/images/country-flags/IT.png"), url("/fe/lol-static-assets/images/country-flags/JM.png"), url("/fe/lol-static-assets/images/country-flags/JO.png"), url("/fe/lol-static-assets/images/country-flags/JP.png"), url("/fe/lol-static-assets/images/country-flags/KZ.png"), url("/fe/lol-static-assets/images/country-flags/KE.png"), url("/fe/lol-static-assets/images/country-flags/KG.png"), url("/fe/lol-static-assets/images/country-flags/KH.png"), url("/fe/lol-static-assets/images/country-flags/KI.png"), url("/fe/lol-static-assets/images/country-flags/KN.png"), url("/fe/lol-static-assets/images/country-flags/KR.png"), url("/fe/lol-static-assets/images/country-flags/KW.png"), url("/fe/lol-static-assets/images/country-flags/LA.png"), url("/fe/lol-static-assets/images/country-flags/LB.png"), url("/fe/lol-static-assets/images/country-flags/LR.png"), url("/fe/lol-static-assets/images/country-flags/LY.png"), url("/fe/lol-static-assets/images/country-flags/LC.png"), url("/fe/lol-static-assets/images/country-flags/LI.png"), url("/fe/lol-static-assets/images/country-flags/LK.png"), url("/fe/lol-static-assets/images/country-flags/LS.png"), url("/fe/lol-static-assets/images/country-flags/LT.png"), url("/fe/lol-static-assets/images/country-flags/LU.png"), url("/fe/lol-static-assets/images/country-flags/LV.png"), url("/fe/lol-static-assets/images/country-flags/MO.png"), url("/fe/lol-static-assets/images/country-flags/MA.png"), url("/fe/lol-static-assets/images/country-flags/MC.png"), url("/fe/lol-static-assets/images/country-flags/MD.png"), url("/fe/lol-static-assets/images/country-flags/MG.png"), url("/fe/lol-static-assets/images/country-flags/MV.png"), url("/fe/lol-static-assets/images/country-flags/MX.png"), url("/fe/lol-static-assets/images/country-flags/MH.png"), url("/fe/lol-static-assets/images/country-flags/MK.png"), url("/fe/lol-static-assets/images/country-flags/ML.png"), url("/fe/lol-static-assets/images/country-flags/MT.png"), url("/fe/lol-static-assets/images/country-flags/MM.png"), url("/fe/lol-static-assets/images/country-flags/ME.png"), url("/fe/lol-static-assets/images/country-flags/MN.png"), url("/fe/lol-static-assets/images/country-flags/MP.png"), url("/fe/lol-static-assets/images/country-flags/MZ.png"), url("/fe/lol-static-assets/images/country-flags/MR.png"), url("/fe/lol-static-assets/images/country-flags/MS.png"), url("/fe/lol-static-assets/images/country-flags/MQ.png"), url("/fe/lol-static-assets/images/country-flags/MU.png"), url("/fe/lol-static-assets/images/country-flags/MW.png"), url("/fe/lol-static-assets/images/country-flags/MY.png"), url("/fe/lol-static-assets/images/country-flags/NA.png"), url("/fe/lol-static-assets/images/country-flags/NC.png"), url("/fe/lol-static-assets/images/country-flags/NE.png"), url("/fe/lol-static-assets/images/country-flags/NF.png"), url("/fe/lol-static-assets/images/country-flags/NG.png"), url("/fe/lol-static-assets/images/country-flags/NI.png"), url("/fe/lol-static-assets/images/country-flags/NU.png"), url("/fe/lol-static-assets/images/country-flags/NL.png"), url("/fe/lol-static-assets/images/country-flags/NO.png"), url("/fe/lol-static-assets/images/country-flags/NP.png"), url("/fe/lol-static-assets/images/country-flags/NR.png"), url("/fe/lol-static-assets/images/country-flags/NZ.png"), url("/fe/lol-static-assets/images/country-flags/OM.png"), url("/fe/lol-static-assets/images/country-flags/PK.png"), url("/fe/lol-static-assets/images/country-flags/PA.png"), url("/fe/lol-static-assets/images/country-flags/PE.png"), url("/fe/lol-static-assets/images/country-flags/PH.png"), url("/fe/lol-static-assets/images/country-flags/PW.png"), url("/fe/lol-static-assets/images/country-flags/PG.png"), url("/fe/lol-static-assets/images/country-flags/PL.png"), url("/fe/lol-static-assets/images/country-flags/PR.png"), url("/fe/lol-static-assets/images/country-flags/KP.png"), url("/fe/lol-static-assets/images/country-flags/PT.png"), url("/fe/lol-static-assets/images/country-flags/PY.png"), url("/fe/lol-static-assets/images/country-flags/PS.png"), url("/fe/lol-static-assets/images/country-flags/PF.png"), url("/fe/lol-static-assets/images/country-flags/QA.png"), url("/fe/lol-static-assets/images/country-flags/RE.png"), url("/fe/lol-static-assets/images/country-flags/RO.png"), url("/fe/lol-static-assets/images/country-flags/RU.png"), url("/fe/lol-static-assets/images/country-flags/RW.png"), url("/fe/lol-static-assets/images/country-flags/SA.png"), url("/fe/lol-static-assets/images/country-flags/SD.png"), url("/fe/lol-static-assets/images/country-flags/SN.png"), url("/fe/lol-static-assets/images/country-flags/SG.png"), url("/fe/lol-static-assets/images/country-flags/SH.png"), url("/fe/lol-static-assets/images/country-flags/SJ.png"), url("/fe/lol-static-assets/images/country-flags/SB.png"), url("/fe/lol-static-assets/images/country-flags/SL.png"), url("/fe/lol-static-assets/images/country-flags/SV.png"), url("/fe/lol-static-assets/images/country-flags/SM.png"), url("/fe/lol-static-assets/images/country-flags/SO.png"), url("/fe/lol-static-assets/images/country-flags/PM.png"), url("/fe/lol-static-assets/images/country-flags/RS.png"), url("/fe/lol-static-assets/images/country-flags/SS.png"), url("/fe/lol-static-assets/images/country-flags/ST.png"), url("/fe/lol-static-assets/images/country-flags/SR.png"), url("/fe/lol-static-assets/images/country-flags/SK.png"), url("/fe/lol-static-assets/images/country-flags/SI.png"), url("/fe/lol-static-assets/images/country-flags/SE.png"), url("/fe/lol-static-assets/images/country-flags/SZ.png"), url("/fe/lol-static-assets/images/country-flags/SZ.png"), url("/fe/lol-static-assets/images/country-flags/SC.png"), url("/fe/lol-static-assets/images/country-flags/SY.png"), url("/fe/lol-static-assets/images/country-flags/TC.png"), url("/fe/lol-static-assets/images/country-flags/TD.png"), url("/fe/lol-static-assets/images/country-flags/TG.png"), url("/fe/lol-static-assets/images/country-flags/TH.png"), url("/fe/lol-static-assets/images/country-flags/TJ.png"), url("/fe/lol-static-assets/images/country-flags/TK.png"), url("/fe/lol-static-assets/images/country-flags/TM.png"), url("/fe/lol-static-assets/images/country-flags/TL.png"), url("/fe/lol-static-assets/images/country-flags/TO.png"), url("/fe/lol-static-assets/images/country-flags/TT.png"), url("/fe/lol-static-assets/images/country-flags/TN.png"), url("/fe/lol-static-assets/images/country-flags/TR.png"), url("/fe/lol-static-assets/images/country-flags/TV.png"), url("/fe/lol-static-assets/images/country-flags/TW.png"), url("/fe/lol-static-assets/images/country-flags/TZ.png"), url("/fe/lol-static-assets/images/country-flags/UG.png"), url("/fe/lol-static-assets/images/country-flags/UA.png"), url("/fe/lol-static-assets/images/country-flags/UY.png"), url("/fe/lol-static-assets/images/country-flags/US.png"), url("/fe/lol-static-assets/images/country-flags/UZ.png"), url("/fe/lol-static-assets/images/country-flags/VA.png"), url("/fe/lol-static-assets/images/country-flags/VC.png"), url("/fe/lol-static-assets/images/country-flags/VE.png"), url("/fe/lol-static-assets/images/country-flags/VG.png"), url("/fe/lol-static-assets/images/country-flags/VI.png"), url("/fe/lol-static-assets/images/country-flags/VN.png"), url("/fe/lol-static-assets/images/country-flags/VU.png"), url("/fe/lol-static-assets/images/country-flags/WF.png"), url("/fe/lol-static-assets/images/country-flags/WS.png"), url("/fe/lol-static-assets/images/country-flags/YE.png"), url("/fe/lol-static-assets/images/country-flags/XK.png"), url("/fe/lol-static-assets/images/country-flags/ZA.png"), url("/fe/lol-static-assets/images/country-flags/ZM.png"), url("/fe/lol-static-assets/images/country-flags/ZW.png"); } .account-verification-container .phone-formatter { display: inline-block; } .account-verification-container .formatter { display: inline-block; width: 300px; height: 48px; font-size: 18px; margin: 0 0 0 5px; } .account-verification-container .formatted-phone-number { font-size: 14px; padding: 0 115px; margin: 16px 0; color: #5b5a56; } .account-verification-container .avs-replay-button { float: left; top: -28px; left: 250px; position: relative; width: auto; height: auto; } .account-verification-container .avs-replay-button .avs-replay-button-container #avs-replay-button-preload { display: none; background: url("/fe/lol-static-assets/images/button-replay-normal.png"), url("/fe/lol-static-assets/images/button-replay-hover.png"), url("/fe/lol-static-assets/images/button-replay-click.png"), url("/fe/lol-static-assets/images/button-replay-disabled.png"); } .account-verification-container .avs-replay-button .avs-replay-button-container .avs-replay-button-img { display: inline-block; height: 25px; width: 25px; background: url("/fe/lol-static-assets/images/button-replay-normal.png") no-repeat center center; background-size: 100%; cursor: pointer; } .account-verification-container .avs-replay-button .avs-replay-button-container .enabled.avs-replay-button-img:hover { background-image: url("/fe/lol-static-assets/images/button-replay-hover.png"); } .account-verification-container .avs-replay-button .avs-replay-button-container .enabled.avs-replay-button-img:active { background-image: url("/fe/lol-static-assets/images/button-replay-click.png"); } .account-verification-container .avs-replay-button .avs-replay-button-container .disabled.avs-replay-button-img { background-image: url("/fe/lol-static-assets/images/button-replay-disabled.png"); cursor: default; } .account-verification-container .tencent-phone-input-container { direction: ltr ; } .account-verification-container .tencent-phone-input-container input.field { direction: ltr ; text-align: left; } .account-verification-container .loading-spinner { width: 40px; height: 40px; background-image: url("/fe/lol-static-assets/images/spinner.png"); background-size: 40px; animation: rotating 2s linear infinite; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; } @-moz-keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .account-verification-container .sleeping-poro { display: inline-block; width: 93px; height: 88px; background: url("/fe/lol-static-assets/images/icon-sleeping-poro.png") no-repeat center; } body { margin: 0; padding: 0; overflow: hidden; } body[data-env="dev"], body[data-env="dev"] #rcp-fe-viewport-root { overflow: overlay; } #rcp-fe-viewport-root { display: flex; width: 1280px; height: 720px; position: relative; border-right: thin solid #1e282d; border-left: thin solid #1e282d; border-bottom: thin solid #1e282d; box-sizing: border-box; overflow: hidden; background: #000; } #rcp-fe-viewport-root > section { margin: 0; padding: 0; } #rcp-fe-viewport-root > .rcp-fe-viewport-main { width: 1055px; height: 100%; box-sizing: border-box; background: #000; } #rcp-fe-viewport-root > .rcp-fe-viewport-sidebar { width: 223px; height: 100%; background: #000; } #rcp-fe-viewport-root > #ember-cli-league-client-lc-viewport { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; -webkit-user-select: none; } #rcp-fe-viewport-root > .rcp-fe-viewport-overlay { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; -webkit-user-select: none; } #rcp-fe-viewport-root > .rcp-fe-viewport-persistent { position: absolute; top: 0; left: 0; } #rcp-fe-viewport-root > .rcp-fe-viewport-full-screen { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; -webkit-user-select: none; } #rcp-fe-viewport-root > .rcp-fe-viewport-overlay > .screen-root { position: absolute; pointer-events: none; } #rcp-fe-viewport-root > .rcp-fe-viewport-persistent > .screen-root.hidden { display: none; } #rcp-fe-viewport-root > .rcp-fe-viewport-persistent > .screen-root.active { width: 1055px; height: 718px; } #rcp-fe-viewport-root > .rcp-fe-viewport-overlay > .screen-root > *, #rcp-fe-viewport-root > .rcp-fe-viewport-full-screen > .screen-root > * { pointer-events: auto; } #rcp-fe-viewport-root > .rcp-fe-viewport-main > .screen-root, #rcp-fe-viewport-root > .rcp-fe-viewport-sidebar > .screen-root { height: 100%; width: 100%; } #lol-uikit-layer-manager { position: static; height: 0; width: 0; } .replay-button { position: relative; width: 35px; height: 35px; overflow: hidden; } .replay-button button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; outline: none; border-style: none; background-size: 100% 100%; background-color: transparent; } .replay-button .checking { background-image: url(/fe/lol-shared-components/btn_replay_pending.png); -webkit-animation:spin 2s linear infinite; cursor: default; } .replay-button .found { background-image: url(/fe/lol-shared-components/btn_replay_pending.png); -webkit-animation:spin 2s linear infinite; cursor: default; } .replay-button .incompatible { background-image: url(/fe/lol-shared-components/btn_replay_watch_disabled.png); cursor: default; } .replay-button .missing-or-expired { background-image: url(/fe/lol-shared-components/btn_replay_error.png); cursor: default; } .replay-button .missing-or-expired:hover { background-image: url(/fe/lol-shared-components/btn_replay_error_hover.png); cursor: default; } .replay-button .error { background-image: url(/fe/lol-shared-components/btn_replay_error.png); cursor: default; } .replay-button .error:hover { background-image: url(/fe/lol-shared-components/btn_replay_error_hover.png); cursor: default; } .replay-button .watch { background-image: url(/fe/lol-shared-components/btn_replay_watch.png); cursor: pointer; } .replay-button .watch:hover { background-image: url(/fe/lol-shared-components/btn_replay_watch_hover.png); } .replay-button .watch:active { background-image: url(/fe/lol-shared-components/btn_replay_watch_click.png); } .replay-button .watch-disabled { background-image: url(/fe/lol-shared-components/btn_replay_watch_disabled.png); cursor: default; } .replay-button .download { background-image: url(/fe/lol-shared-components/btn_replay_download.png); cursor: pointer; } .replay-button .download:hover { background-image: url(/fe/lol-shared-components/btn_replay_download_hover.png); } .replay-button .download:active { background-image: url(/fe/lol-shared-components/btn_replay_download_click.png); } .replay-button .downloading { background-image: url(/fe/lol-shared-components/btn_replay_pending.png); -webkit-animation:spin 2s linear infinite; cursor: default; } .replay-button .retry-download { background-image: url(/fe/lol-shared-components/btn_replay_download.png); cursor: pointer; } .replay-button .retry-download:hover { background-image: url(/fe/lol-shared-components/btn_replay_download_hover.png); } .replay-button .retry-download:active { background-image: url(/fe/lol-shared-components/btn_replay_download_click.png); } .replay-button .lost { background-image: url(/fe/lol-shared-components/btn_replay_lost.png); cursor: default; } .replay-button .download-disabled { background-image: url(/fe/lol-shared-components/btn_replay_download_disabled.png); cursor: default; } .replay-button .unsupported { background-image: url(/fe/lol-shared-components/btn_replay_download_disabled.png); cursor: default; } div.preload-download-click { display: none; background-image: url(/fe/lol-shared-components/btn_replay_download_click.png); } div.preload-download-disabled { display: none; background-image: url(/fe/lol-shared-components/btn_replay_download_disabled.png); } div.preload-download-hover { display: none; background-image: url(/fe/lol-shared-components/btn_replay_download_hover.png); } div.preload-download { display: none; background-image: url(/fe/lol-shared-components/btn_replay_download.png); } div.preload-error-hover { display: none; background-image: url(/fe/lol-shared-components/btn_replay_error_hover.png); } div.preload-error { display: none; background-image: url(/fe/lol-shared-components/btn_replay_error.png); } div.preload-pending { display: none; background-image: url(/fe/lol-shared-components/btn_replay_pending.png); } div.preload-watch-click { display: none; background-image: url(/fe/lol-shared-components/btn_replay_watch_click.png); } div.preload-watch-disabled { display: none; background-image: url(/fe/lol-shared-components/btn_replay_watch_disabled.png); } div.preload-watch-hover { display: none; background-image: url(/fe/lol-shared-components/btn_replay_watch_hover.png); } div.preload-watch { display: none; background-image: url(/fe/lol-shared-components/btn_replay_watch.png); } .lol-replays-first-time-tip { width: 12em; min-width: 200px; margin: 1em; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } .update-icon-component-container .update-icon-title, .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title, .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle { font-family: var(--font-display); } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-unranked-label, .update-icon-component-container .update-icon-saving-error-container .update-icon-saving-error { font-family: var(--font-body); } .update-icon-component-container .update-icon-title, .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title, .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle, .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-unranked-label, .update-icon-component-container .update-icon-saving-error-container .update-icon-saving-error { -webkit-user-select: none; } .update-icon-component-container .update-icon-title, .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title, .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle, .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-unranked-label, .update-icon-component-container .update-icon-saving-error-container .update-icon-saving-error { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .update-icon-component-container .update-icon-title, .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title, .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle { text-transform: uppercase; } .update-icon-component-container .update-icon-title:lang(ko-kr), .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title:lang(ko-kr), .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle:lang(ko-kr), .update-icon-component-container .update-icon-title:lang(ja-jp), .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title:lang(ja-jp), .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle:lang(ja-jp), .update-icon-component-container .update-icon-title:lang(tr-tr), .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title:lang(tr-tr), .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle:lang(tr-tr), .update-icon-component-container .update-icon-title:lang(el-gr), .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title:lang(el-gr), .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle:lang(el-gr), .update-icon-component-container .update-icon-title:lang(th-th), .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title:lang(th-th), .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle:lang(th-th), .update-icon-component-container .update-icon-title:lang(zh-tw), .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title:lang(zh-tw), .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle:lang(zh-tw) { text-transform: none; } .update-icon-component-container .update-icon-title { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .update-icon-component-container .update-icon-title:lang(ar-ae) { letter-spacing: 0; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title:lang(ar-ae) { letter-spacing: 0; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle:lang(ja-jp) { font-size: 13px; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle:lang(ar-ae) { letter-spacing: 0; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-unranked-label, .update-icon-component-container .update-icon-saving-error-container .update-icon-saving-error { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.1em; -webkit-font-smoothing: subpixel-antialiased; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-unranked-label:lang(ja-jp), .update-icon-component-container .update-icon-saving-error-container .update-icon-saving-error:lang(ja-jp) { font-size: 13px; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-unranked-label:lang(ar-ae), .update-icon-component-container .update-icon-saving-error-container .update-icon-saving-error:lang(ar-ae) { letter-spacing: 0; } .update-icon-component { -webkit-user-select: none; width: 100%; height: 100%; } .update-icon-component lol-uikit-full-page-backdrop { display: flex; align-items: center; justify-content: center; } .update-icon-component-container { background-color: #010a13; position: relative; width: 820px; height: 500px; } .update-icon-component-container .update-icon-close-btn { position: absolute; top: 9px; right: auto; left: 11px; background-image: url("/fe/lol-static-assets/images/x.png"); width: 20px; height: 20px; cursor: pointer; } .update-icon-component-container .update-icon-close-btn:after { content: url("/fe/lol-static-assets/images/x_hover.png") url("/fe/lol-static-assets/images/x_active.png"); display: none; height: 0; width: 0; } .update-icon-component-container .update-icon-close-btn:hover { background-image: url("/fe/lol-static-assets/images/x_hover.png"); } .update-icon-component-container .update-icon-close-btn:active { background-image: url("/fe/lol-static-assets/images/x_active.png"); } .update-icon-component-container .update-icon-title { direction: rtl; cursor: default; box-sizing: border-box; height: 67px; line-height: 67px; padding-left: 16px; padding-right: 16px; border-bottom: thin solid #1e2328; } .update-icon-component-container .border-and-icon-container { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .update-icon-component-container .border-and-icon-container .border-list-container { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 290px; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 290px; height: 200px; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option.crest-ranked { height: 232px; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option:hover { cursor: pointer; background: rgba(240,230,210,0.1); } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title { direction: rtl; color: #cdbe91; margin-top: 9px; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-title.border-unavailable { color: #3c3c41; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option:hover .border-option-title { color: #f0e6d2; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option:hover .border-option-title.border-unavailable { color: #a09b8c; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle { direction: rtl; color: #c89b3c; margin-top: 1px; margin-bottom: 5px; height: 16px; flex-shrink: 0; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-subtitle.border-unavailable { margin-bottom: -4px; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option:hover .border-option-subtitle { color: #fabe0a; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-crest { position: relative; height: 100px; width: 100px; margin: 18px 20px 20px 20px; opacity: 0.5; transition: opacity 0.2s; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-crest.crest-ranked { margin: 34px 20px 20px 20px; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-crest.border-full-opacity { opacity: 1; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-unranked-label { direction: rtl; color: #c89b3c; margin-top: 1px; height: 16px; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-ranked-crest-placeholder { height: 140px; width: 140px; flex-shrink: 0; background-image: url("/fe/lol-static-assets/images/ranked_crest_placeholder.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option .border-option-lock { position: relative; min-height: 78px; min-width: 78px; top: -113px; flex-shrink: 0; background-image: url("/fe/lol-static-assets/images/lock.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } .update-icon-component-container .border-and-icon-container .border-list-container .border-option:hover .border-option-lock { background-image: url("/fe/lol-static-assets/images/lock-hover.png"); } .update-icon-component-container .border-and-icon-container .update-icon-list { padding: 18px 18px 0 3px; height: 360px; box-sizing: border-box; width: 530px; border-width: 0 0 0 1px; border-left-style: solid; border-image: linear-gradient(to bottom, #1e2328, #1e2328, #1e2328, rgba(0,0,0,0)) 1 100%; } .update-icon-component-container .border-and-icon-container .update-icon-list lol-uikit-scrollable { padding: 1px; box-sizing: border-box; font-size: 0; } .update-icon-component-container .border-and-icon-container .update-icon-list .update-icon-list-item { display: inline-block; border: thin solid #3e3501; width: 58px; height: 58px; margin: 0 0 12px 12px; } .update-icon-component-container .border-and-icon-container .update-icon-list .update-icon-list-item:nth-child(7n) { margin-right: 0; margin-left: 0; } .update-icon-component-container .border-and-icon-container .update-icon-list .update-icon-list-item:nth-child(7n).selected { margin-right: -1px; margin-left: 0; } .update-icon-component-container .border-and-icon-container .update-icon-list .update-icon-list-item:nth-last-child(-n+7) { margin-bottom: 0; } .update-icon-component-container .border-and-icon-container .update-icon-list .update-icon-list-item:nth-last-child(-n+7).selected { margin-bottom: 0; } .update-icon-component-container .border-and-icon-container .update-icon-list .update-icon-list-item img { width: 58px; height: 58px; -webkit-user-drag: none; transition: -webkit-filter 100ms linear; } .update-icon-component-container .border-and-icon-container .update-icon-list .update-icon-list-item img:hover { cursor: pointer; -webkit-filter: brightness(1.2); } .update-icon-component-container .border-and-icon-container .update-icon-list .update-icon-list-item:hover { border: thin solid transparent; border-image: linear-gradient(to top, #c89b3c 4%, #f0e6d2 100%); border-image-slice: 1; } .update-icon-component-container .border-and-icon-container .update-icon-list .update-icon-list-item.selected { border: 2px solid transparent; border-image: linear-gradient(to top, #c8aa6e 0%, #c89b3c 44%, #a07b32 59%, #785a28 100%); border-image-slice: 1; margin: -1px -1px 11px 11px; } .update-icon-component-container .bottom-row-container { position: absolute; bottom: -2px; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; height: 32px; width: 820px; } .update-icon-component-container .bottom-row-container .empty-bottom-row-spacer { width: 100%; } .update-icon-component-container .bottom-row-container .update-icon-save-btn { margin-left: 25px; margin-right: 25px; } .update-icon-component-container .bottom-row-container .update-icon-save-btn .inner-save-btn { min-width: 100px; } .update-icon-component-container .bottom-row-container .past-ranked-banner-checkbox { width: 100%; margin-top: -3px; justify-content: flex-end; } .update-icon-component-container .update-icon-saving-spinner { position: absolute; bottom: 28px; display: flex; justify-content: center; width: 100%; } .update-icon-component-container .update-icon-saving-error-container { position: absolute; bottom: 32px; display: flex; justify-content: center; align-items: center; height: 40px; width: 100%; } .update-icon-component-container .update-icon-saving-error-container .update-icon-saving-error { color: #ff2345; width: 270px; text-align: center; } .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-shared-components/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-shared-components/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-shared-components/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-shared-components/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-shared-components/images/personal-best-icon.png"); }