.rcp-fe-lol-uikit-full-page-modal-iframe { position: absolute; display: flex; width: 100%; height: 100%; -webkit-user-select: none; } div[data-screen-name="rcp-fe-lol-home"] { position: relative; overflow: hidden; width: 100%; height: 100%; } div[data-screen-name="rcp-fe-lol-home"] .rcp-fe-lol-home { width: 100%; height: 100%; } div[data-screen-name="rcp-fe-lol-home"] .rcp-fe-lol-home .root-home { margin-top: 20vh; font-size: 100px; color: #fff; } div[data-screen-name="rcp-fe-lol-home"] .rcp-fe-lol-home iframe { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -webkit-user-select: none; border: none; } div[data-screen-name="rcp-fe-lol-home"] .rcp-fe-lol-home .rcp-fe-lol-home-sub-nav lol-uikit-navigation-item:only-child { display: none; } div[data-screen-name="rcp-fe-lol-home"] .rcp-fe-lol-home .wrapper { width: 100%; height: 100%; } div[data-screen-name="rcp-fe-lol-home"] .rcp-fe-lol-home-content { position: relative; top: 0; left: 0; color: #fff; background-color: #000; border: 0; margin: 0; padding: 0; } div[data-screen-name="rcp-fe-lol-home"] .rcp-fe-lol-home-sub-nav { -webkit-user-select: none; position: absolute; top: 79px; left: 35px; border: 0; margin: 0; padding: 0; } div[data-screen-name="rcp-fe-lol-home"] .rcp-fe-lol-home-sub-nav lol-uikit-navigation-item { direction: ltr; margin-top: 9px; } div[data-screen-name="rcp-fe-lol-home"] #rcp-fe-lol-home-error { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 50%; align-items: center; transform: translateY(50%); } div[data-screen-name="rcp-fe-lol-home"] #rcp-fe-lol-home-error .rcp-fe-lol-home-error-group { width: 300px; margin: 0 auto; } div[data-screen-name="rcp-fe-lol-home"] #rcp-fe-lol-home-error .rcp-fe-lol-home-error-group .rcp-fe-lol-home-error-wrench { width: 76px; height: 76px; margin: 0 auto -4px; background-size: contain; background-image: url(/fe/lol-home/icon-repair.png); background-repeat: no-repeat; } div[data-screen-name="rcp-fe-lol-home"] #rcp-fe-lol-home-error .rcp-fe-lol-home-error-group .rcp-fe-lol-home-error-content { direction: ltr; text-align: center; } div[data-screen-name="rcp-fe-lol-home"] #rcp-fe-lol-home-error .rcp-fe-lol-home-error-group .rcp-fe-lol-home-error-btn-container { justify-content: center; display: flex; margin-top: 15px; } div[data-screen-name="rcp-fe-lol-home"] #rcp-fe-lol-home-error .rcp-fe-lol-home-error-group .rcp-fe-lol-home-error-retry-spinner { display: none; width: 32px; height: 32px; animation: spin 1s linear 0s infinite; background-size: contain; background-image: url(/fe/lol-home/spinner.png); background-repeat: no-repeat; } @-moz-keyframes spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { transform: rotate(360deg); } } @-o-keyframes spin { 100% { transform: rotate(360deg); } } @keyframes spin { 100% { transform: rotate(360deg); } } div[data-screen-name="rcp-fe-lol-home"]:not(.active) .rcp-fe-lol-home-loading-spinner { display: none; } .rcp-fe-lol-home-article-loading-spinner, div[data-screen-name="rcp-fe-lol-home"].active .rcp-fe-lol-home-loading-spinner { display: none; visibility: hidden; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background: transparent url(/fe/lol-home/spinner.png) no-repeat 50% 50%; background-size: contain; } .rcp-fe-lol-home-article-loading-spinner.loading, div[data-screen-name="rcp-fe-lol-home"].active .rcp-fe-lol-home-loading-spinner.loading { display: block; animation: rcp-fe-lol-home-loading-fadein 250ms forwards, rcp-fe-lol-home-loading-spin 4000ms infinite linear; } .rcp-fe-lol-home-article-loading-spinner.loaded, div[data-screen-name="rcp-fe-lol-home"].active .rcp-fe-lol-home-loading-spinner.loaded { display: none; } .precache-iframe { position: absolute; bottom: 0; left: 0; visibility: hidden; width: 1px; height: 1px; pointer-events: none; } @-moz-keyframes rcp-fe-lol-home-loading-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rcp-fe-lol-home-loading-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes rcp-fe-lol-home-loading-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rcp-fe-lol-home-loading-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-moz-keyframes rcp-fe-lol-home-loading-fadeout { 0% { visibility: visible; opacity: 1; } 99% { visibility: visible; opacity: 0; } 100% { visibility: hidden; opacity: 0; } } @-webkit-keyframes rcp-fe-lol-home-loading-fadeout { 0% { visibility: visible; opacity: 1; } 99% { visibility: visible; opacity: 0; } 100% { visibility: hidden; opacity: 0; } } @-o-keyframes rcp-fe-lol-home-loading-fadeout { 0% { visibility: visible; opacity: 1; } 99% { visibility: visible; opacity: 0; } 100% { visibility: hidden; opacity: 0; } } @keyframes rcp-fe-lol-home-loading-fadeout { 0% { visibility: visible; opacity: 1; } 99% { visibility: visible; opacity: 0; } 100% { visibility: hidden; opacity: 0; } } @-moz-keyframes rcp-fe-lol-home-loading-fadein { 0% { visibility: visible; opacity: 0; } 100% { visibility: visible; opacity: 1; } } @-webkit-keyframes rcp-fe-lol-home-loading-fadein { 0% { visibility: visible; opacity: 0; } 100% { visibility: visible; opacity: 1; } } @-o-keyframes rcp-fe-lol-home-loading-fadein { 0% { visibility: visible; opacity: 0; } 100% { visibility: visible; opacity: 1; } } @keyframes rcp-fe-lol-home-loading-fadein { 0% { visibility: visible; opacity: 0; } 100% { visibility: visible; opacity: 1; } }