.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-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .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; } .lol-store-gift-celebration-title { font-family: var(--font-display); } .lol-store-gift-celebration-subtitle { font-family: var(--font-body); } .lol-store-gift-celebration-title, .lol-store-gift-celebration-subtitle { -webkit-user-select: none; } .lol-store-gift-celebration-title, .lol-store-gift-celebration-subtitle { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-store-gift-celebration-title { text-transform: uppercase; } .lol-store-gift-celebration-title:lang(ko-kr), .lol-store-gift-celebration-title:lang(ja-jp), .lol-store-gift-celebration-title:lang(tr-tr), .lol-store-gift-celebration-title:lang(el-gr), .lol-store-gift-celebration-title:lang(th-th), .lol-store-gift-celebration-title:lang(zh-tw) { text-transform: none; } .lol-store-gift-celebration-title { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .lol-store-gift-celebration-title:lang(ar-ae) { letter-spacing: 0; } .lol-store-gift-celebration-subtitle { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .lol-store-gift-celebration-subtitle:lang(ar-ae) { letter-spacing: 0; } .lol-store-gift-toast { direction: ltr; cursor: pointer; display: flex; flex-direction: row; } .lol-store-gift-toast:hover .lol-store-gift-toast-image { border-image: linear-gradient(to top, #c89c3c 0%, #dcc188 50%, #e1c998 71%, #f0e6d8 100%) 1; } .lol-store-gift-toast .lol-store-gift-toast-image { background-image: url(/fe/lol-store/toast-gift-notification-icon.jpg); background-size: contain; background-position: center; background-repeat: no-repeat; width: 80px; height: 80px; border: thin solid transparent; border-image: linear-gradient(to top, #785b28 0%, #c89c3c 55%, #c8a355 71%, #c8aa6e 100%) 1; } .lol-store-gift-toast .lol-store-gift-toast-content { width: 200px; text-align: left ; } .lol-store-gift-toast .lol-store-gift-toast-title { margin-bottom: 5px; } .lol-store-gift-celebration-image { margin-top: 30px; } .lol-store-gift-celebration-image.lol-store-gift-celebration-image-generic { width: 198px; } .lol-store-gift-celebration-image.lol-store-gift-celebration-image-item { width: 125px; border-image: linear-gradient(to top, #785b28 0%, #c89c3c 55%, #c8a355 71%, #c8aa6e 100%) 1; border-style: solid; } .lol-store-gift-celebration-image.lol-store-gift-celebration-image-item.lol-store-gift-celebration-image-CHAMPION_SKIN { width: auto; height: 200px; margin-top: 0; } .lol-store-gift-celebration-image.lol-store-gift-celebration-image-item.lol-store-gift-celebration-image-HEXTECH_CRAFTING, .lol-store-gift-celebration-image.lol-store-gift-celebration-image-item.lol-store-gift-celebration-image-BUNDLES { border-image: none; width: 200px; height: 200px; margin-top: 0; margin-bottom: -25px; } .lol-store-gift-celebration-image.lol-store-gift-celebration-image-item.lol-store-gift-celebration-image-EMOTE { border-image: none; width: 140px; height: 140px; margin-top: 0; margin-bottom: 0px; } .lol-store-gift-celebration-title-container-generic { margin-top: -20px; } .lol-store-gift-celebration-item { color: #f0e6d2; font-weight: bold; } .lol-store-gift-toast-content.reward { padding: 0 0 0 18px ; } .lol-store-gift-toast-content.reward .get-rewards-button { display: inline-block; } .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); } }