.rcp-fe-lol-revivals-progress-bar .progress-label { font-family: var(--font-body); } .rcp-fe-lol-revivals-progress-bar .progress-label { -webkit-user-select: none; } .rcp-fe-lol-revivals-progress-bar .progress-label { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .rcp-fe-lol-revivals-progress-bar .progress-label { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .rcp-fe-lol-revivals-progress-bar .progress-label:lang(ja-jp) { font-size: 13px; } .rcp-fe-lol-revivals-progress-bar .progress-label:lang(ar-ae) { letter-spacing: 0; } .rcp-fe-lol-revivals-progress-bar { left: 50%; transform: translateX(-50%); position: absolute; bottom: 106px; } .rcp-fe-lol-revivals-progress-bar .progress-bar-container { height: 14px; display: flex; align-items: center; background-color: transparent; border-width: 2px 0px 2px 0px; border-style: solid; border-color: #785a28; position: relative; transform: skewX(-15deg); } .rcp-fe-lol-revivals-progress-bar .progress-bar { height: 8px; width: 19px; background-color: #0a323c; display: inline-block; position: relative; } .rcp-fe-lol-revivals-progress-bar .progress-bar:not(:last-child) { margin-right: 1px; } .rcp-fe-lol-revivals-progress-bar .progress-bar.complete { background-color: #0acbe6; box-shadow: 0 0 3px 1px #0acbe6; } .rcp-fe-lol-revivals-progress-bar .progress { display: flex; align-items: center; width: 100%; } .rcp-fe-lol-revivals-progress-bar .progress-label { color: #55e9ff; font-weight: bolder; width: 25px; display: inline-block; margin-left: 8px; } .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-title, .rcp-fe-lol-revivals-hub .title, .rcp-fe-lol-revivals-hub .events-container .events-title { font-family: var(--font-display); } .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-subtitle, .rcp-fe-lol-revivals-hub .description, .rcp-fe-lol-revivals-hub .time-left, .rcp-fe-lol-revivals-hub .error-message, .rcp-fe-lol-revivals-hub .events-container .events-description, .rcp-fe-lol-revivals-hub .whats-new .whats-new-section { font-family: var(--font-body); } .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-title, .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-subtitle, .rcp-fe-lol-revivals-hub .title, .rcp-fe-lol-revivals-hub .description, .rcp-fe-lol-revivals-hub .time-left, .rcp-fe-lol-revivals-hub .error-message, .rcp-fe-lol-revivals-hub .events-container .events-title, .rcp-fe-lol-revivals-hub .events-container .events-description, .rcp-fe-lol-revivals-hub .whats-new .whats-new-section { -webkit-user-select: none; } .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-title, .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-subtitle, .rcp-fe-lol-revivals-hub .title, .rcp-fe-lol-revivals-hub .description, .rcp-fe-lol-revivals-hub .time-left, .rcp-fe-lol-revivals-hub .error-message, .rcp-fe-lol-revivals-hub .events-container .events-title, .rcp-fe-lol-revivals-hub .events-container .events-description, .rcp-fe-lol-revivals-hub .whats-new .whats-new-section { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-title, .rcp-fe-lol-revivals-hub .title, .rcp-fe-lol-revivals-hub .events-container .events-title { text-transform: uppercase; } .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-title:lang(ko-kr), .rcp-fe-lol-revivals-hub .title:lang(ko-kr), .rcp-fe-lol-revivals-hub .events-container .events-title:lang(ko-kr), .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-title:lang(ja-jp), .rcp-fe-lol-revivals-hub .title:lang(ja-jp), .rcp-fe-lol-revivals-hub .events-container .events-title:lang(ja-jp), .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-title:lang(tr-tr), .rcp-fe-lol-revivals-hub .title:lang(tr-tr), .rcp-fe-lol-revivals-hub .events-container .events-title:lang(tr-tr), .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-title:lang(el-gr), .rcp-fe-lol-revivals-hub .title:lang(el-gr), .rcp-fe-lol-revivals-hub .events-container .events-title:lang(el-gr), .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-title:lang(th-th), .rcp-fe-lol-revivals-hub .title:lang(th-th), .rcp-fe-lol-revivals-hub .events-container .events-title:lang(th-th), .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-title:lang(zh-tw), .rcp-fe-lol-revivals-hub .title:lang(zh-tw), .rcp-fe-lol-revivals-hub .events-container .events-title:lang(zh-tw) { text-transform: none; } .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-title { color: #f0e6d2; font-size: 40px; font-weight: 700; line-height: 42px; letter-spacing: 0.05em; } .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-title:lang(ar-ae) { letter-spacing: 0; } .rcp-fe-lol-revivals-hub .title, .rcp-fe-lol-revivals-hub .events-container .events-title { color: #f0e6d2; font-size: 30px; font-weight: 700; line-height: 32px; letter-spacing: 0.05em; } .rcp-fe-lol-revivals-hub .title:lang(ar-ae), .rcp-fe-lol-revivals-hub .events-container .events-title:lang(ar-ae) { letter-spacing: 0; } .rcp-fe-lol-revivals-hub .error-message { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .rcp-fe-lol-revivals-hub .error-message:lang(ar-ae) { letter-spacing: 0; } .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-subtitle, .rcp-fe-lol-revivals-hub .description, .rcp-fe-lol-revivals-hub .time-left, .rcp-fe-lol-revivals-hub .events-container .events-description, .rcp-fe-lol-revivals-hub .whats-new .whats-new-section { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-subtitle:lang(ja-jp), .rcp-fe-lol-revivals-hub .description:lang(ja-jp), .rcp-fe-lol-revivals-hub .time-left:lang(ja-jp), .rcp-fe-lol-revivals-hub .events-container .events-description:lang(ja-jp), .rcp-fe-lol-revivals-hub .whats-new .whats-new-section:lang(ja-jp) { font-size: 13px; } .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-subtitle:lang(ar-ae), .rcp-fe-lol-revivals-hub .description:lang(ar-ae), .rcp-fe-lol-revivals-hub .time-left:lang(ar-ae), .rcp-fe-lol-revivals-hub .events-container .events-description:lang(ar-ae), .rcp-fe-lol-revivals-hub .whats-new .whats-new-section:lang(ar-ae) { letter-spacing: 0; } .rcp-fe-lol-revivals { direction: ltr; cursor: default; box-sizing: border-box; position: absolute; width: 1055px; height: 718px; animation-name: fadeIn; animation-duration: 1s; animation-iteration-count: 1; animation-fill-mode: forwards; } .rcp-fe-lol-revivals * { box-sizing: border-box; } .rcp-fe-lol-revivals-tooltip-header, .rcp-fe-lol-revivals-tooltip-subheader { margin: 0 10px; padding: 15px 0; text-align: center; border-bottom: thin solid #463714; } .rcp-fe-lol-revivals-hub .revivals-header-container { position: absolute; top: 65px; left: 36px; right: auto; } .rcp-fe-lol-revivals-hub .events-container { position: absolute; top: 80px; right: 36px; left: auto; } .rcp-fe-lol-revivals-hub { cursor: default; position: absolute; width: 1055px; height: 718px; animation-name: fadeIn; animation-duration: 1s; animation-iteration-count: 1;    } .rcp-fe-lol-revivals-hub::before { content: ' '; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.1; background: url("/fe/lol-revivals/images/hub-assets/revivals-hub-bg.jpg"); background-size: cover; transition: opacity 1s; -webkit-filter: none; transform: none; } .rcp-fe-lol-revivals-hub.main-background::before { opacity: 1; } .rcp-fe-lol-revivals-hub .revivals-container { margin-top: 80px; height: calc(100% - 80px); position: relative; } .rcp-fe-lol-revivals-hub .revivals-header-container { width: 515px; position: absolute; } .rcp-fe-lol-revivals-hub .revivals-header-container .revivals-header-subtitle { color: #a09b8c; margin-top: 20px; } .rcp-fe-lol-revivals-hub .title { color: #f0e6d2; font-size: 16px; line-height: 16px; margin-bottom: 17px; } .rcp-fe-lol-revivals-hub .description { position: absolute; height: 72px; bottom: 34px; display: flex; align-items: center; } .rcp-fe-lol-revivals-hub .time-left { color: #a09b8c; height: 66px; display: flex; align-items: center; justify-content: center; } .rcp-fe-lol-revivals-hub .view-button { height: 34px; left: 50%; transform: translateX(-50%); bottom: 10px; position: absolute; } .rcp-fe-lol-revivals-hub .error-message { position: absolute; top: 175px; width: inherit; } .rcp-fe-lol-revivals-hub .events-container { width: 300px; height: 132px; position: absolute; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; background: url("/fe/lol-revivals/images/hub-assets/event-card-bg.png") no-repeat center/contain; } .rcp-fe-lol-revivals-hub .events-container .events-title { font-size: 16px; color: #f0e6d2; margin-top: 10px; line-height: 24px; } .rcp-fe-lol-revivals-hub .events-container .events-description { position: relative; padding: 0 13px; display: flex; align-items: center; height: calc(100% - 85px); color: #a09b8c; } .rcp-fe-lol-revivals-hub .events-container .events-view-button { position: absolute; left: 50%; transform: translateX(-50%); bottom: 15px; } .rcp-fe-lol-revivals-hub .interactions-bar { position: absolute; bottom: 36px; left: 36px; right: 36px; display: flex; justify-content: space-between; height: 354px; } .rcp-fe-lol-revivals-hub .hub-card { width: 300px; height: 354px; display: flex; justify-content: flex-start; flex-direction: column; align-items: center; text-align: center; padding: 22px 25px 5px; } .rcp-fe-lol-revivals-hub .hub-card .chest { height: 130px; width: 130px; background: url("/fe/lol-loot/assets/loot_item_icons/chest_224.png") no-repeat center/contain; position: absolute; top: 36px; left: 52px; } .rcp-fe-lol-revivals-hub .hub-card .tooltip-wrapper { width: inherit; } .rcp-fe-lol-revivals-hub .hub-card .little-legends-egg { height: 158px; width: 158px; left: 37px; position: absolute; top: 17px; background: url("/lol-game-data/assets/ASSETS/Loot/Companions/Loot_Egg1_Large.png") no-repeat center/contain; } .rcp-fe-lol-revivals-hub .hub-card .card-content { height: 294px; position: relative; width: 100%; } .rcp-fe-lol-revivals-hub .daily-play { background: url("/fe/lol-revivals/images/hub-assets/for-the-win-bg.png") no-repeat center/contain; } .rcp-fe-lol-revivals-hub .top, .rcp-fe-lol-revivals-hub .mid, .rcp-fe-lol-revivals-hub .bot { height: 70px; width: 250px; display: block; position: absolute; opacity: 0.6; -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 100%); } .rcp-fe-lol-revivals-hub .top { content: url("/fe/lol-revivals/images/hub-assets/whats-new-top.png"); } .rcp-fe-lol-revivals-hub .mid { content: url("/fe/lol-revivals/images/hub-assets/whats-new-mid.png"); } .rcp-fe-lol-revivals-hub .bot { content: url("/fe/lol-revivals/images/hub-assets/whats-new-bot-pantheon.png"); } .rcp-fe-lol-revivals-hub .whats-new { background: url("/fe/lol-revivals/images/hub-assets/whats-new-bg.png") no-repeat center/contain; } .rcp-fe-lol-revivals-hub .whats-new .whats-new-wrapper { margin-top: 25px; } .rcp-fe-lol-revivals-hub .whats-new .whats-new-section { border-image: linear-gradient(to right, transparent 0%, #927d4c 30%, #927d4c 70%, transparent 100%) 1; border-width: 2px 0px 0px 0px; border-style: solid; height: 70px; width: 250px; display: block; position: relative; background: #000; height: 70px; width: 250px; } .rcp-fe-lol-revivals-hub .whats-new .whats-new-section .whats-new-info { width: inherit; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 700; color: #a09b8c; } .rcp-fe-lol-revivals-hub .missions { background: url("/fe/lol-revivals/images/hub-assets/for-the-win-bg.png") no-repeat center/contain; } .rcp-fe-lol-revivals-hub .complete-checkmark { width: 84px; height: 84px; top: 65px; left: 80px; position: absolute; background: url("/fe/lol-npe-rewards/images/rewards-hub/checkmark-large.png"); background-repeat: no-repeat; background-size: 84px 84px; background-position: center; animation: rewardsCompletedCheckmark 0.4s cubic-bezier(0, 0, 0, 1) 1.6s normal 1 both; pointer-events: none; } @-moz-keyframes rewardsCompletedCheckmark { 0% { -webkit-clip-path: polygon(21.875% 56.25%, 29.6875% 48.4375%, 29.6875% 48.4375%, 21.875% 56.25%); } 50% { -webkit-clip-path: polygon(21.875% 56.25%, 29.6875% 48.4375%, 46.875% 65.625%, 39.0625% 73.4375%); } 100% { -webkit-clip-path: polygon(21.875% 56.25%, 62.5% 18.75%, 78.125% 34.375%, 39.0625% 73.4375%); } } @-webkit-keyframes rewardsCompletedCheckmark { 0% { -webkit-clip-path: polygon(21.875% 56.25%, 29.6875% 48.4375%, 29.6875% 48.4375%, 21.875% 56.25%); } 50% { -webkit-clip-path: polygon(21.875% 56.25%, 29.6875% 48.4375%, 46.875% 65.625%, 39.0625% 73.4375%); } 100% { -webkit-clip-path: polygon(21.875% 56.25%, 62.5% 18.75%, 78.125% 34.375%, 39.0625% 73.4375%); } } @-o-keyframes rewardsCompletedCheckmark { 0% { -webkit-clip-path: polygon(21.875% 56.25%, 29.6875% 48.4375%, 29.6875% 48.4375%, 21.875% 56.25%); } 50% { -webkit-clip-path: polygon(21.875% 56.25%, 29.6875% 48.4375%, 46.875% 65.625%, 39.0625% 73.4375%); } 100% { -webkit-clip-path: polygon(21.875% 56.25%, 62.5% 18.75%, 78.125% 34.375%, 39.0625% 73.4375%); } } @keyframes rewardsCompletedCheckmark { 0% { -webkit-clip-path: polygon(21.875% 56.25%, 29.6875% 48.4375%, 29.6875% 48.4375%, 21.875% 56.25%); } 50% { -webkit-clip-path: polygon(21.875% 56.25%, 29.6875% 48.4375%, 46.875% 65.625%, 39.0625% 73.4375%); } 100% { -webkit-clip-path: polygon(21.875% 56.25%, 62.5% 18.75%, 78.125% 34.375%, 39.0625% 73.4375%); } } .rcp-fe-lol-revivals-hub .complete-grey .title, .rcp-fe-lol-revivals-hub .complete-grey .description, .rcp-fe-lol-revivals-hub .complete-grey .view-button, .rcp-fe-lol-revivals-hub .complete-grey .chest, .rcp-fe-lol-revivals-hub .complete-grey .little-legends-egg, .rcp-fe-lol-revivals-hub .complete-grey .progress-wrapper { -webkit-filter: grayscale(0.8) brightness(0.6); } .rcp-fe-lol-revivals-hub .sleeping-poro { position: absolute; top: 70px; height: 96px; width: inherit; background-size: initial; background: url("/fe/lol-revivals/images/sleeping-poro.png") no-repeat center; } .revivals-welcome-tooltip { width: 280px; } @-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; } } .rcp-fe-lol-revivals-whats-new-modal .headline, .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content { font-family: var(--font-display); } .rcp-fe-lol-revivals-whats-new-modal .feature .description { font-family: var(--font-body); } .rcp-fe-lol-revivals-whats-new-modal .headline, .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content, .rcp-fe-lol-revivals-whats-new-modal .feature .description { -webkit-user-select: none; } .rcp-fe-lol-revivals-whats-new-modal .headline, .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content, .rcp-fe-lol-revivals-whats-new-modal .feature .description { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .rcp-fe-lol-revivals-whats-new-modal .headline, .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content { text-transform: uppercase; } .rcp-fe-lol-revivals-whats-new-modal .headline:lang(ko-kr), .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content:lang(ko-kr), .rcp-fe-lol-revivals-whats-new-modal .headline:lang(ja-jp), .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content:lang(ja-jp), .rcp-fe-lol-revivals-whats-new-modal .headline:lang(tr-tr), .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content:lang(tr-tr), .rcp-fe-lol-revivals-whats-new-modal .headline:lang(el-gr), .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content:lang(el-gr), .rcp-fe-lol-revivals-whats-new-modal .headline:lang(th-th), .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content:lang(th-th), .rcp-fe-lol-revivals-whats-new-modal .headline:lang(zh-tw), .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content:lang(zh-tw) { text-transform: none; } .rcp-fe-lol-revivals-whats-new-modal .headline { color: #f0e6d2; font-size: 40px; font-weight: 700; line-height: 42px; letter-spacing: 0.05em; } .rcp-fe-lol-revivals-whats-new-modal .headline:lang(ar-ae) { letter-spacing: 0; } .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content { color: #f0e6d2; font-size: 30px; font-weight: 700; line-height: 32px; letter-spacing: 0.05em; } .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content:lang(ar-ae) { letter-spacing: 0; } .rcp-fe-lol-revivals-whats-new-modal .feature .description { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .rcp-fe-lol-revivals-whats-new-modal .feature .description:lang(ar-ae) { letter-spacing: 0; } .rcp-fe-lol-revivals-whats-new-modal { height: 663px; width: 846px; } .rcp-fe-lol-revivals-whats-new-modal .headline { margin: 40px 0; } .rcp-fe-lol-revivals-whats-new-modal .modal-container { height: 100%; width: 100%; display: flex; background: url("/fe/lol-revivals/images/whats-new-modal-assets/whats-new-modal-bg.png") no-repeat center center fixed; background-size: cover; flex-direction: column; justify-content: flex-start; align-items: center; } .rcp-fe-lol-revivals-whats-new-modal .content-container { box-sizing: border-box; display: flex; justify-content: space-between; width: 100%; padding: 0 35px; } .rcp-fe-lol-revivals-whats-new-modal .view-button { margin-bottom: 17px; width: 175px; } .rcp-fe-lol-revivals-whats-new-modal .feature { display: flex; align-items: center; justify-content: space-between; flex-direction: column; width: 241px; height: 541px; } .rcp-fe-lol-revivals-whats-new-modal .feature .title { min-height: 32px; display: flex; flex-direction: column; justify-content: center; } .rcp-fe-lol-revivals-whats-new-modal .feature .title .title-content { margin: 0; text-align: center; font-size: 16px; line-height: 16px; } .rcp-fe-lol-revivals-whats-new-modal .feature .title-decoration { height: 19px; width: 241px; background: url("/fe/lol-revivals/images/whats-new-modal-assets/hextech-divider.png"); margin: 8px 0 0; } .rcp-fe-lol-revivals-whats-new-modal .feature .image { height: 264px; min-height: 264px; width: 241px; } .rcp-fe-lol-revivals-whats-new-modal .feature .description { height: 130px; width: inherit; font-size: 13px; text-align: center; margin: 10px 0; } .rcp-fe-lol-revivals-whats-new-modal .teamfight { content: url("/fe/lol-revivals/images/whats-new-modal-assets/whats-new-modal-teamfight.jpg"); } .rcp-fe-lol-revivals-whats-new-modal .game-changes { content: url("/fe/lol-revivals/images/whats-new-modal-assets/whats-new-modal-game-changes.png"); } .rcp-fe-lol-revivals-whats-new-modal .champs-and-skins { content: url("/fe/lol-revivals/images/whats-new-modal-assets/whats-new-modal-champs-and-skins.png"); } .rcp-fe-lol-revivals-welcome-back-modal .summoner-name, .rcp-fe-lol-revivals-welcome-back-modal .title { font-family: var(--font-display); } .rcp-fe-lol-revivals-welcome-back-modal .subtitle { font-family: var(--font-body); } .rcp-fe-lol-revivals-welcome-back-modal .summoner-name, .rcp-fe-lol-revivals-welcome-back-modal .subtitle, .rcp-fe-lol-revivals-welcome-back-modal .title { -webkit-user-select: none; } .rcp-fe-lol-revivals-welcome-back-modal .summoner-name, .rcp-fe-lol-revivals-welcome-back-modal .subtitle, .rcp-fe-lol-revivals-welcome-back-modal .title { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .rcp-fe-lol-revivals-welcome-back-modal .summoner-name, .rcp-fe-lol-revivals-welcome-back-modal .title { text-transform: uppercase; } .rcp-fe-lol-revivals-welcome-back-modal .summoner-name:lang(ko-kr), .rcp-fe-lol-revivals-welcome-back-modal .title:lang(ko-kr), .rcp-fe-lol-revivals-welcome-back-modal .summoner-name:lang(ja-jp), .rcp-fe-lol-revivals-welcome-back-modal .title:lang(ja-jp), .rcp-fe-lol-revivals-welcome-back-modal .summoner-name:lang(tr-tr), .rcp-fe-lol-revivals-welcome-back-modal .title:lang(tr-tr), .rcp-fe-lol-revivals-welcome-back-modal .summoner-name:lang(el-gr), .rcp-fe-lol-revivals-welcome-back-modal .title:lang(el-gr), .rcp-fe-lol-revivals-welcome-back-modal .summoner-name:lang(th-th), .rcp-fe-lol-revivals-welcome-back-modal .title:lang(th-th), .rcp-fe-lol-revivals-welcome-back-modal .summoner-name:lang(zh-tw), .rcp-fe-lol-revivals-welcome-back-modal .title:lang(zh-tw) { text-transform: none; } .rcp-fe-lol-revivals-welcome-back-modal .title { color: #f0e6d2; font-size: 40px; font-weight: 700; line-height: 42px; letter-spacing: 0.05em; } .rcp-fe-lol-revivals-welcome-back-modal .title:lang(ar-ae) { letter-spacing: 0; } .rcp-fe-lol-revivals-welcome-back-modal .summoner-name { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .rcp-fe-lol-revivals-welcome-back-modal .summoner-name:lang(ar-ae) { letter-spacing: 0; } .rcp-fe-lol-revivals-welcome-back-modal .subtitle { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .rcp-fe-lol-revivals-welcome-back-modal .subtitle:lang(ar-ae) { letter-spacing: 0; } .rcp-fe-lol-revivals-welcome-back-modal { direction: ltr; height: 590px; width: 1000px; background-size: cover; background-repeat: no-repeat; flex-direction: column; display: flex; justify-content: center; align-items: center; text-align: center; } .rcp-fe-lol-revivals-welcome-back-modal .champion-splash-art { position: absolute; top: 0; width: inherit; height: auto; opacity: 0.25; } .rcp-fe-lol-revivals-welcome-back-modal .summoner-name { color: #cdbe91; margin-bottom: 10px; } .rcp-fe-lol-revivals-welcome-back-modal .splash-content-wrapper { width: 50%; } .rcp-fe-lol-revivals-welcome-back-modal .subtitle { margin-bottom: 20px; } .rcp-fe-lol-revivals-welcome-back-modal .title { color: #f0e6d2; width: 100%; margin-bottom: 10px; } .rcp-fe-lol-revivals-welcome-back-modal .splash-button { display: inline-block; margin: 0 auto; width: 180px; }