.splash-screen-root-with-preloader { display: flex; align-items: center; justify-content: center; } .lol-splash-root-component { direction: rtl; position: relative; height: 100%; overflow: hidden; } .lol-splash-controllers-component { position: absolute; bottom: 28px; left: 32px; display: flex; align-items: center; } .splash-riot-games-logo { margin: 0 0 0 32px; background-image: url(/fe/lol-splash/riot-logo.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 88px; height: 33px; } .splash-vertical-fade { background-image: url(/fe/lol-splash/line-vertical-fade.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 1px; height: 56px; margin: 0 0 0 15px; } .splash-replay-video-button { background-image: url(/fe/lol-splash/button-replay.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 49px; height: 49px; cursor: pointer; margin: 0 0 0 15px; } .splash-replay-video-button:hover { background-image: url(/fe/lol-splash/button-replay-hover.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 49px; height: 49px; } .splash-replay-video-button:active { background-image: url(/fe/lol-splash/button-replay-active.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 49px; height: 49px; } .splash-replay-video-button[disabled='true'] { pointer-events: none; background-image: url(/fe/lol-splash/button-replay-active.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 49px; height: 49px; cursor: default; opacity: 0.5; } .splash-settings .splash-control-animation { margin-bottom: 7px; } .lol-splash-video-component::after { content: ''; position: absolute; pointer-events: none; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0.8) 100%); } .lol-splash-welcome-component .splash-l10n-welcome-new-player, .lol-splash-welcome-component .splash-l10n-league-of-legends-span { font-family: var(--font-display); } .lol-splash-welcome-component .splash-l10n-welcome-new-player, .lol-splash-welcome-component .splash-l10n-league-of-legends-span { font-family: var(--font-display); } .lol-splash-welcome-component .splash-l10n-welcome-new-player, .lol-splash-welcome-component .splash-l10n-league-of-legends-span { -webkit-user-select: none; } .lol-splash-welcome-component .splash-l10n-welcome-new-player, .lol-splash-welcome-component .splash-l10n-league-of-legends-span { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-splash-welcome-component .splash-l10n-welcome-new-player, .lol-splash-welcome-component .splash-l10n-league-of-legends-span { text-transform: uppercase; } .lol-splash-welcome-component .splash-l10n-welcome-new-player:lang(ko-kr), .lol-splash-welcome-component .splash-l10n-league-of-legends-span:lang(ko-kr), .lol-splash-welcome-component .splash-l10n-welcome-new-player:lang(ja-jp), .lol-splash-welcome-component .splash-l10n-league-of-legends-span:lang(ja-jp), .lol-splash-welcome-component .splash-l10n-welcome-new-player:lang(tr-tr), .lol-splash-welcome-component .splash-l10n-league-of-legends-span:lang(tr-tr), .lol-splash-welcome-component .splash-l10n-welcome-new-player:lang(el-gr), .lol-splash-welcome-component .splash-l10n-league-of-legends-span:lang(el-gr), .lol-splash-welcome-component .splash-l10n-welcome-new-player:lang(th-th), .lol-splash-welcome-component .splash-l10n-league-of-legends-span:lang(th-th), .lol-splash-welcome-component .splash-l10n-welcome-new-player:lang(zh-tw), .lol-splash-welcome-component .splash-l10n-league-of-legends-span:lang(zh-tw) { text-transform: none; } .lol-splash-welcome-component .splash-l10n-league-of-legends-span { color: #f0e6d2; font-size: 40px; font-weight: 700; line-height: 42px; letter-spacing: 0.05em; } .lol-splash-welcome-component .splash-l10n-welcome-new-player { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .lol-splash-welcome-component { display: none; position: fixed; top: 300px; left: 32px; pointer-events: none; text-shadow: 2px 2px 4px #000; } .lol-splash-welcome-component .splash-l10n-welcome-new-player { color: #c8aa6e; } .lol-splash-welcome-component .splash-l10n-league-of-legends-span { display: block; }