.max-size { height: 100%; width: 100%; } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-text { font-family: var(--font-display); } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-text { -webkit-user-select: none; } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-text { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-text { text-transform: uppercase; } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-text:lang(ko-kr), .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-text:lang(ja-jp), .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-text:lang(tr-tr), .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-text:lang(el-gr), .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-text:lang(th-th), .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-text:lang(zh-tw) { text-transform: none; } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-text { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .lol-loading-screen-container { position: fixed; display: flex; align-items: center; justify-content: center; pointer-events: all; top: 0; left: 0; z-index: 1; width: 1280px; height: 720px; } .lol-loading-screen-container .lol-loading-screen-spinner { position: absolute; content: ""; z-index: 1; left: 50%; top: 50%; } .lol-loading-screen-container.lol-loading-screen-default-state { background: url(/fe/lol-loading-screen/loading-bg.png), url(/fe/lol-loading-screen/lol_icon.png) #010a13 center/140px no-repeat; } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-spinner { background-image: url(/fe/lol-loading-screen/inner-dashes.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 504px; height: 504px; animation: loading-spinner 60s linear infinite; } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-container { display: flex; flex-direction: column; align-items: center; position: relative; top: 114px; opacity: 1; } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-container.hidden { display: none; } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-plugins-loading-text { color: #c8aa6e; margin: 6px; } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-progress-bar-container { position: relative; width: 200px; height: 16px; } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-progress-bar-frame { position: absolute; width: 100%; height: 11px; border: 1px solid #c8aa6e; border-radius: 6px; box-sizing: border-box; } .lol-loading-screen-container.lol-loading-screen-default-state .lol-loading-screen-progress-bar-progress { position: absolute; width: 100%; height: 9px; top: 1px; background-image: linear-gradient(to right, #005a82 10%, #0a96aa 70%, #cdfafa 125%); transform-origin: left; transform: scaleX(0); border-radius: 6px; } .lol-loading-screen-container.lol-loading-screen-gameflow-state { background-repeat: no-repeat; } .lol-loading-screen-container.lol-loading-screen-gameflow-state .lol-loading-screen-spinner { background-image: url(/fe/lol-loading-screen/gameflow_spinner.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 40px; height: 40px; animation: loading-spinner 3s linear infinite; } @-moz-keyframes loading-spinner { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @-webkit-keyframes loading-spinner { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @-o-keyframes loading-spinner { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes loading-spinner { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }