.screen-root[data-screen-name="rcp-fe-lol-store"] { position: relative; } .__rcp-fe-lol-store { display: flex; width: 100%; height: 100%; margin-top: -718px; } .__rcp-fe-lol-store iframe { border: 0; margin: 0; padding: 79px 0 0 0; flex: 1; } .store-backdrop { width: 1055px; height: 718px; background-image: url(/fe/lol-store/background.png); background-repeat: no-repeat; } .store-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; transition: all ease 1000ms; } .store-loading.fade-out { opacity: 0; } .bottom-gradient { background-image: linear-gradient(rgba(4, 14, 26, 0), rgba(4, 14, 26, 1)); width: 1055px; height: 40px; position: absolute; bottom: 0; left: 0; pointer-events: none; } .__rcp-fe-payments { display: flex; width: 100%; height: 100%; } .payments-wrapper { border: 0; flex: 1; height: 640px; margin: 0; padding: 15px; width: 1160px; } .account-transfer-component { width: 100%; height: 100%; direction: ltr; } .account-transfer-component lol-uikit-full-page-backdrop { display: flex; align-items: center; justify-content: center; } .account-transfer-component lol-uikit-flat-button { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); } .account-transfer-component .transferring-spinner { display: inline-block; width: 40px; height: 40px; background: transparent url(/fe/lol-store/spinner.png) no-repeat 50% 50%; background-size: contain; animation: account-transferring-spinner 4000ms infinite linear; } @-moz-keyframes account-transferring-spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes account-transferring-spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes account-transferring-spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes account-transferring-spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }