.game-in-progress-container, .pre-end-of-game-container, .rcp-fe-lol-repair-while-in-game .repair-body .header { font-family: var(--font-display); } .rcp-fe-lol-repair-while-in-game .repair-body .body, .rcp-fe-lol-repair-while-in-game .repair-body .link a { font-family: var(--font-body); } .game-in-progress-container, .pre-end-of-game-container, .rcp-fe-lol-repair-while-in-game .repair-body .header, .rcp-fe-lol-repair-while-in-game .repair-body .body, .rcp-fe-lol-repair-while-in-game .repair-body .link a { -webkit-user-select: none; } .game-in-progress-container, .pre-end-of-game-container, .rcp-fe-lol-repair-while-in-game .repair-body .header, .rcp-fe-lol-repair-while-in-game .repair-body .body, .rcp-fe-lol-repair-while-in-game .repair-body .link a { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .game-in-progress-container, .pre-end-of-game-container, .rcp-fe-lol-repair-while-in-game .repair-body .header { text-transform: uppercase; } .game-in-progress-container:lang(ko-kr), .pre-end-of-game-container:lang(ko-kr), .rcp-fe-lol-repair-while-in-game .repair-body .header:lang(ko-kr), .game-in-progress-container:lang(ja-jp), .pre-end-of-game-container:lang(ja-jp), .rcp-fe-lol-repair-while-in-game .repair-body .header:lang(ja-jp), .game-in-progress-container:lang(tr-tr), .pre-end-of-game-container:lang(tr-tr), .rcp-fe-lol-repair-while-in-game .repair-body .header:lang(tr-tr), .game-in-progress-container:lang(el-gr), .pre-end-of-game-container:lang(el-gr), .rcp-fe-lol-repair-while-in-game .repair-body .header:lang(el-gr), .game-in-progress-container:lang(th-th), .pre-end-of-game-container:lang(th-th), .rcp-fe-lol-repair-while-in-game .repair-body .header:lang(th-th), .game-in-progress-container:lang(zh-tw), .pre-end-of-game-container:lang(zh-tw), .rcp-fe-lol-repair-while-in-game .repair-body .header:lang(zh-tw) { text-transform: none; } .game-in-progress-container, .pre-end-of-game-container { text-transform: none; } .rcp-fe-lol-repair-while-in-game .repair-body .header { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .game-in-progress-container, .pre-end-of-game-container { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .game-in-progress-container, .pre-end-of-game-container { letter-spacing: 0.025em; } .rcp-fe-lol-repair-while-in-game .repair-body .body { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .rcp-fe-lol-repair-while-in-game .repair-body .body:lang(ja-jp) { font-size: 13px; } .rcp-fe-lol-repair-while-in-game .repair-body .link a { font-size: 12px; font-weight: normal; outline: 0; letter-spacing: 0.05em; -webkit-font-smoothing: subpixel-antialiased; } .rcp-fe-lol-repair-while-in-game .repair-body .link a:lang(ja-jp) { font-size: 13px; } .rcp-fe-lol-repair-while-in-game .repair-body .link a { color: #0596aa; text-decoration: none; } .rcp-fe-lol-repair-while-in-game .repair-body .link a:hover, .rcp-fe-lol-repair-while-in-game .repair-body .link a.hover { color: #cdfafa; } .rcp-fe-lol-repair-while-in-game .repair-body .link a:after { width: 9px; height: 9px; content: ''; display: inline-block; vertical-align: middle; -webkit-mask: url(/fe/lol-game-in-progress/external-link-mask.png) no-repeat; -webkit-mask-size: contain; background-color: #0596aa; margin: 0 0 0 5px; } .rcp-fe-lol-repair-while-in-game .repair-body .link a:lang(ar-ae):after { margin: 0 5px 0 0; transform: scaleX(-1); } .rcp-fe-lol-repair-while-in-game .repair-body .link a:hover:after { background-color: #cdfafa; } .rcp-fe-lol-reconnect, .rcp-fe-lol-game-in-progress, .rcp-fe-lol-pre-end-of-game, .rcp-fe-lol-waiting-for-stats, .rcp-fe-lol-repair-while-in-game > div { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; background-color: #000; direction: ltr; } .reconnect-container { display: flex; flex-direction: column; width: 100%; height: 100%; align-items: center; justify-content: center; } .reconnect-container .button-container { display: flex; flex-direction: row; } .reconnect-container .button-container .reconnect-to-game { padding: 0 10px 0 0 ; } .reconnect-container .button-container .quit.hidden { display: none; } .rcp-fe-lol-repair-while-in-game { height: 100%; width: 100%; position: relative; } .rcp-fe-lol-repair-while-in-game .repair-mask { width: 100%; height: 100%; position: absolute; z-index: 0; background-color: #010a13; opacity: 0.5; top: 0; left: 0; } .rcp-fe-lol-repair-while-in-game .repair-icon { width: 76px; height: 76px; position: relative; margin: 0 auto; z-index: 1; } .rcp-fe-lol-repair-while-in-game .repair-icon .wrench { position: absolute; z-index: 1; width: 100%; height: 100%; background-size: contain; background-image: url(/fe/lol-game-in-progress/icon-repair.png); background-repeat: no-repeat; } .rcp-fe-lol-repair-while-in-game .repair-icon .spinner { position: absolute; z-index: 0; width: 100%; height: 100%; background-size: contain; background-image: url(/fe/lol-game-in-progress/spinner-large.png); background-repeat: no-repeat; -webkit-animation: repairSpinnerSpin 5s linear infinite; } @-webkit-keyframes repairSpinnerSpin { 100% { -webkit-transform: rotate(360deg); } } .rcp-fe-lol-repair-while-in-game .repair-body { z-index: 1; text-align: center; width: 270px; } .rcp-fe-lol-repair-while-in-game .repair-body .header { margin: 18px 0; } .rcp-fe-lol-repair-while-in-game .repair-body hr { margin: 0; opacity: 0.5; border-top: 1px solid #a09b8c; border-bottom: 0; } .rcp-fe-lol-repair-while-in-game .repair-body .body { margin: 18px 10px; }