.navigation-badge-container { display: flex; align-items: center; } .currency-be-component, .currency-rp, .ticker-incident-header { font-family: var(--font-display); } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link { font-family: var(--font-body); } .currency-be-component, .currency-rp, .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link, .ticker-incident-header { -webkit-user-select: none; } .currency-be-component, .currency-rp, .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link, .ticker-incident-header { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .currency-be-component, .currency-rp, .ticker-incident-header { text-transform: uppercase; } .currency-be-component:lang(ko-kr), .currency-rp:lang(ko-kr), .ticker-incident-header:lang(ko-kr), .currency-be-component:lang(ja-jp), .currency-rp:lang(ja-jp), .ticker-incident-header:lang(ja-jp), .currency-be-component:lang(tr-tr), .currency-rp:lang(tr-tr), .ticker-incident-header:lang(tr-tr), .currency-be-component:lang(el-gr), .currency-rp:lang(el-gr), .ticker-incident-header:lang(el-gr), .currency-be-component:lang(th-th), .currency-rp:lang(th-th), .ticker-incident-header:lang(th-th), .currency-be-component:lang(zh-tw), .currency-rp:lang(zh-tw), .ticker-incident-header:lang(zh-tw) { text-transform: none; } .ticker-incident-header { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .ticker-incident-header:lang(ar-ae) { letter-spacing: 0; } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .navigation-status-ticker-content:lang(ja-jp), .navigation-status-ticker-content-no-link:lang(ja-jp) { font-size: 13px; } .navigation-status-ticker-content:lang(ar-ae), .navigation-status-ticker-content-no-link:lang(ar-ae) { letter-spacing: 0; } .currency-be-component, .currency-rp { font-size: 14px; font-weight: 700; letter-spacing: 0.075em; color: #cdbe91; } .currency-be-component.active, .currency-rp.active { position: relative; color: #f0e6d2; } .currency-be-component:lang(ar-ae), .currency-rp:lang(ar-ae) { letter-spacing: 0; } .ticker-incident-link { font-size: 12px; font-weight: normal; outline: 0; letter-spacing: 0.05em; -webkit-font-smoothing: subpixel-antialiased; } .ticker-incident-link:lang(ja-jp) { font-size: 13px; } .ticker-incident-link:lang(ar-ae) { letter-spacing: 0; } .ticker-incident-link { color: #0596aa; text-decoration: none; } .ticker-incident-link:hover, .ticker-incident-link.hover { color: #cdfafa; } .ticker-incident-link:after { width: 9px; height: 9px; content: ''; display: inline-block; vertical-align: middle; -webkit-mask: url(/fe/lol-navigation/external-link-mask.png) no-repeat; -webkit-mask-size: contain; background-color: #0596aa; margin: 0 0 0 5px; } .ticker-incident-link:lang(ar-ae):after { margin: 0 5px 0 0; transform: scaleX(-1); } .ticker-incident-link:hover:after { background-color: #cdfafa; } .currency-be-component { display: flex; color: #f0e6d2; min-width: 5px; pointer-events: auto; align-items: center; } .currency-be-icon-container { display: inline-block; position: relative; height: 17px; width: 17px; margin: 0 4px 0 3px; } .currency-be-icon-container video { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .currency-be-icon-static { height: 100%; width: 100%; background-image: url("/fe/lol-static-assets/images/icon-be-150.png"); background-repeat: no-repeat; background-position: -3px center; background-size: contain; } .currency-rp, .ticker-incident-header { font-family: var(--font-display); } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link { font-family: var(--font-body); } .currency-rp, .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link, .ticker-incident-header { -webkit-user-select: none; } .currency-rp, .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link, .ticker-incident-header { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .currency-rp, .ticker-incident-header { text-transform: uppercase; } .currency-rp:lang(ko-kr), .ticker-incident-header:lang(ko-kr), .currency-rp:lang(ja-jp), .ticker-incident-header:lang(ja-jp), .currency-rp:lang(tr-tr), .ticker-incident-header:lang(tr-tr), .currency-rp:lang(el-gr), .ticker-incident-header:lang(el-gr), .currency-rp:lang(th-th), .ticker-incident-header:lang(th-th), .currency-rp:lang(zh-tw), .ticker-incident-header:lang(zh-tw) { text-transform: none; } .ticker-incident-header { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .ticker-incident-header:lang(ar-ae) { letter-spacing: 0; } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .navigation-status-ticker-content:lang(ja-jp), .navigation-status-ticker-content-no-link:lang(ja-jp) { font-size: 13px; } .navigation-status-ticker-content:lang(ar-ae), .navigation-status-ticker-content-no-link:lang(ar-ae) { letter-spacing: 0; } .currency-rp { font-size: 14px; font-weight: 700; letter-spacing: 0.075em; color: #cdbe91; } .currency-rp.active { position: relative; color: #f0e6d2; } .currency-rp:lang(ar-ae) { letter-spacing: 0; } .ticker-incident-link { font-size: 12px; font-weight: normal; outline: 0; letter-spacing: 0.05em; -webkit-font-smoothing: subpixel-antialiased; } .ticker-incident-link:lang(ja-jp) { font-size: 13px; } .ticker-incident-link:lang(ar-ae) { letter-spacing: 0; } .ticker-incident-link { color: #0596aa; text-decoration: none; } .ticker-incident-link:hover, .ticker-incident-link.hover { color: #cdfafa; } .ticker-incident-link:after { width: 9px; height: 9px; content: ''; display: inline-block; vertical-align: middle; -webkit-mask: url(/fe/lol-navigation/external-link-mask.png) no-repeat; -webkit-mask-size: contain; background-color: #0596aa; margin: 0 0 0 5px; } .ticker-incident-link:lang(ar-ae):after { margin: 0 5px 0 0; transform: scaleX(-1); } .ticker-incident-link:hover:after { background-color: #cdfafa; } .currency-rp { color: #f0e6d2; background-repeat: no-repeat; background-position: 0% 50%; background-size: contain; padding-left: 24px; min-width: 5px; pointer-events: auto; } .currency-rp { background-image: url("/fe/lol-static-assets/images/icon-rp-32.png"); background-position: 1px center; background-size: 15px 15px; } .currency-container { display: flex; align-items: center; cursor: default; } .currency-container .currency-rp { margin-left: 14px; margin-right: 10px; } .currency-container-stacked { margin-left: 23px; margin-right: 9px; } .currency-container-stacked .currency-rp { margin-bottom: 5px; } .ticker-incident-header { font-family: var(--font-display); } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link { font-family: var(--font-body); } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link, .ticker-incident-header { -webkit-user-select: none; } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link, .ticker-incident-header { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .ticker-incident-header { text-transform: uppercase; } .ticker-incident-header:lang(ko-kr), .ticker-incident-header:lang(ja-jp), .ticker-incident-header:lang(tr-tr), .ticker-incident-header:lang(el-gr), .ticker-incident-header:lang(th-th), .ticker-incident-header:lang(zh-tw) { text-transform: none; } .ticker-incident-header { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .ticker-incident-header:lang(ar-ae) { letter-spacing: 0; } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .navigation-status-ticker-content:lang(ja-jp), .navigation-status-ticker-content-no-link:lang(ja-jp) { font-size: 13px; } .navigation-status-ticker-content:lang(ar-ae), .navigation-status-ticker-content-no-link:lang(ar-ae) { letter-spacing: 0; } .ticker-incident-link { font-size: 12px; font-weight: normal; outline: 0; letter-spacing: 0.05em; -webkit-font-smoothing: subpixel-antialiased; } .ticker-incident-link:lang(ja-jp) { font-size: 13px; } .ticker-incident-link:lang(ar-ae) { letter-spacing: 0; } .ticker-incident-link { color: #0596aa; text-decoration: none; } .ticker-incident-link:hover, .ticker-incident-link.hover { color: #cdfafa; } .ticker-incident-link:after { width: 9px; height: 9px; content: ''; display: inline-block; vertical-align: middle; -webkit-mask: url(/fe/lol-navigation/external-link-mask.png) no-repeat; -webkit-mask-size: contain; background-color: #0596aa; margin: 0 0 0 5px; } .ticker-incident-link:lang(ar-ae):after { margin: 0 5px 0 0; transform: scaleX(-1); } .ticker-incident-link:hover:after { background-color: #cdfafa; } .currency-container-tooltip p { white-space: nowrap; } .ticker-incident-header { font-family: var(--font-display); } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link { font-family: var(--font-body); } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link, .ticker-incident-header { -webkit-user-select: none; } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link, .ticker-incident-header { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .ticker-incident-header { text-transform: uppercase; } .ticker-incident-header:lang(ko-kr), .ticker-incident-header:lang(ja-jp), .ticker-incident-header:lang(tr-tr), .ticker-incident-header:lang(el-gr), .ticker-incident-header:lang(th-th), .ticker-incident-header:lang(zh-tw) { text-transform: none; } .ticker-incident-header { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .ticker-incident-header:lang(ar-ae) { letter-spacing: 0; } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .navigation-status-ticker-content:lang(ja-jp), .navigation-status-ticker-content-no-link:lang(ja-jp) { font-size: 13px; } .navigation-status-ticker-content:lang(ar-ae), .navigation-status-ticker-content-no-link:lang(ar-ae) { letter-spacing: 0; } .ticker-incident-link { font-size: 12px; font-weight: normal; outline: 0; letter-spacing: 0.05em; -webkit-font-smoothing: subpixel-antialiased; } .ticker-incident-link:lang(ja-jp) { font-size: 13px; } .ticker-incident-link:lang(ar-ae) { letter-spacing: 0; } .ticker-incident-link { color: #0596aa; text-decoration: none; } .ticker-incident-link:hover, .ticker-incident-link.hover { color: #cdfafa; } .ticker-incident-link:after { width: 9px; height: 9px; content: ''; display: inline-block; vertical-align: middle; -webkit-mask: url(/fe/lol-navigation/external-link-mask.png) no-repeat; -webkit-mask-size: contain; background-color: #0596aa; margin: 0 0 0 5px; } .ticker-incident-link:lang(ar-ae):after { margin: 0 5px 0 0; transform: scaleX(-1); } .ticker-incident-link:hover:after { background-color: #cdfafa; } .main-navigation-menu-item { min-width: 40px; height: 100%; pointer-events: auto; position: relative; --disabled-color: rgba(240,230,210,0.5); } .main-navigation-menu-item:lang(zh-tw), .main-navigation-menu-item:lang(zh-cn), .main-navigation-menu-item:lang(zh-my) { border: 0; border-image-source: linear-gradient(to bottom, transparent 15%, rgba(205,190,145,0.7) 50%, transparent 85%); border-right: 2px solid transparent; border-image-slice: 2; border-image-repeat: stretch; min-width: 68px; } .main-navigation-menu-item:last-of-type { border-right-width: 0; } .main-navigation-menu-item[disabled] .menu-item-icon { background: rgba(240,230,210,0.5); } .main-navigation-menu-item[active] { pointer-events: none; } .main-navigation-menu-item[active] .menu-item-icon { background: #f0e6d2; } .main-navigation-menu-item:hover .menu-item-icon { background: #f0e6d2; } .main-navigation-menu-item .navigation-icon-click-video { display: flex; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; } .main-navigation-menu-item .navigation-cta-state-machine { position: absolute; pointer-events: none; } .main-navigation-menu-item .navigation-cta-state-machine.navigation-icon-cta { top: 0; left: 0; right: 0; bottom: 0; } .main-navigation-menu-item .navigation-cta-state-machine.navigation-icon-cta .navigation-cta-intro, .main-navigation-menu-item .navigation-cta-state-machine.navigation-icon-cta .navigation-cta-loop { display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-navigation-menu-item .navigation-cta-state-machine:not(.navigation-icon-cta) { right: 7px; top: 25px; } .main-navigation-menu-item .navigation-cta-state-machine:not(.navigation-icon-cta) .navigation-cta-intro { position: absolute; top: -60px; right: -60px; } .main-navigation-menu-item .navigation-cta-state-machine:not(.navigation-icon-cta) .navigation-cta-loop { position: absolute; width: 10px; height: 10px; top: -5px; left: -5px; border-radius: 10px; background-color: #c89b3c; } .main-navigation-menu-item .navigation-cta-state-machine:not(.navigation-icon-cta) .navigation-cta-loop::after { content: ''; position: absolute; background-image: url("/fe/lol-navigation/call-to-action-animation.png"); background-size: contain; top: -20px; right: -21px; width: 50px; height: 50px; animation: glowAnimation 0.9s infinite alternate ease-in-out; } .main-navigation-menu-item .menu-item-icon { background-color: #cdbe91; width: 24px; height: 24px; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } .main-navigation-menu-item .menu-item-icon:hover { background-color: #f0e6d2; } .main-navigation-menu-item .menu-item-icon:active { background-color: #785a28; } .main-navigation-menu-item .menu-item-icon-placeholder { height: 24px; width: 24px; } @-moz-keyframes glowAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes glowAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes glowAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes glowAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } .right-nav-menu .main-navigation-menu-item:lang(zh-tw):last-of-type, .right-nav-menu .main-navigation-menu-item:lang(zh-cn):last-of-type, .right-nav-menu .main-navigation-menu-item:lang(zh-my):last-of-type { margin-right: 0px; } .right-nav-menu .main-navigation-menu-item:last-of-type { margin-right: 10px; } .rcp-fe-lol-navigation.main-nav-bar { display: flex; position: relative; width: 100%; } .wallet-and-badges { display: flex; align-items: center; margin-right: 26px; margin-bottom: 1px; } .left-nav-menu, .right-nav-menu { display: flex; align-items: center; height: 79px; } .right-nav-vertical-rule { width: 1px; height: 57px; background: linear-gradient(to top, rgba(205,190,145,0) 0%, #cdbe91 50%, rgba(205,190,145,0) 100%); } .navigation-root-component, .navigation-root-component-ticker-only { display: flex; padding-left: 215px; padding-right: 223px; height: 100%; width: 840px; border-bottom: thin solid rgba(240,230,210,0.25); } .navigation-root-component-ticker-only { border-bottom: none; } .navigation-root-component-ticker-only:before { content: none; } .ticker-incident-header { font-family: var(--font-display); } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link { font-family: var(--font-body); } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link, .ticker-incident-header { -webkit-user-select: none; } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link, .ticker-incident-header { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .ticker-incident-header { text-transform: uppercase; } .ticker-incident-header:lang(ko-kr), .ticker-incident-header:lang(ja-jp), .ticker-incident-header:lang(tr-tr), .ticker-incident-header:lang(el-gr), .ticker-incident-header:lang(th-th), .ticker-incident-header:lang(zh-tw) { text-transform: none; } .ticker-incident-header { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .ticker-incident-header:lang(ar-ae) { letter-spacing: 0; } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .navigation-status-ticker-content:lang(ja-jp), .navigation-status-ticker-content-no-link:lang(ja-jp) { font-size: 13px; } .navigation-status-ticker-content:lang(ar-ae), .navigation-status-ticker-content-no-link:lang(ar-ae) { letter-spacing: 0; } .ticker-incident-link { font-size: 12px; font-weight: normal; outline: 0; letter-spacing: 0.05em; -webkit-font-smoothing: subpixel-antialiased; } .ticker-incident-link:lang(ja-jp) { font-size: 13px; } .ticker-incident-link:lang(ar-ae) { letter-spacing: 0; } .ticker-incident-link { color: #0596aa; text-decoration: none; } .ticker-incident-link:hover, .ticker-incident-link.hover { color: #cdfafa; } .ticker-incident-link:after { width: 9px; height: 9px; content: ''; display: inline-block; vertical-align: middle; -webkit-mask: url(/fe/lol-navigation/external-link-mask.png) no-repeat; -webkit-mask-size: contain; background-color: #0596aa; margin: 0 0 0 5px; } .ticker-incident-link:lang(ar-ae):after { margin: 0 5px 0 0; transform: scaleX(-1); } .ticker-incident-link:hover:after { background-color: #cdfafa; } .navigation-status-ticker { position: relative; display: none; align-items: center; outline: none; } .navigation-status-ticker .ticker-button { background-image: url("/fe/lol-navigation/button-ticker-blue.png"); } .navigation-status-ticker .ticker-button:hover { background-image: url("/fe/lol-navigation/button-ticker-blue-hover.png"); } .navigation-status-ticker .ticker-button:active { background-image: url("/fe/lol-navigation/button-ticker-blue-active.png"); } .navigation-status-ticker.ticker-flyout-visible .ticker-button { background-image: url("/fe/lol-navigation/button-ticker-blue-active.png"); } .navigation-status-ticker.has-incidents { display: flex; } .navigation-status-ticker.status-offline .ticker-button { background-image: url("/fe/lol-navigation/button-ticker-red.png"); } .navigation-status-ticker.status-offline .ticker-button:hover { background-image: url("/fe/lol-navigation/button-ticker-red-hover.png"); } .navigation-status-ticker.status-offline .ticker-button:active { background-image: url("/fe/lol-navigation/button-ticker-red-active.png"); } .navigation-status-ticker.status-offline.ticker-flyout-visible .ticker-button { background-image: url("/fe/lol-navigation/button-ticker-red-active.png"); } .navigation-status-ticker.status-degraded .ticker-button { background-image: url("/fe/lol-navigation/button-ticker-yellow.png"); } .navigation-status-ticker.status-degraded .ticker-button:hover { background-image: url("/fe/lol-navigation/button-ticker-yellow-hover.png"); } .navigation-status-ticker.status-degraded .ticker-button:active { background-image: url("/fe/lol-navigation/button-ticker-yellow-active.png"); } .navigation-status-ticker.status-degraded.ticker-flyout-visible .ticker-button { background-image: url("/fe/lol-navigation/button-ticker-yellow-active.png"); } .ticker-button { height: 32px; width: 32px; margin-left: -10px; margin-right: 15px; background-size: contain; } .ticker-toggle { height: 32px; width: 32px; cursor: pointer; pointer-events: auto; } .ticker-incident-header { font-family: var(--font-display); } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link { font-family: var(--font-body); } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link, .ticker-incident-header { -webkit-user-select: none; } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link, .ticker-incident-link, .ticker-incident-header { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .ticker-incident-header { text-transform: uppercase; } .ticker-incident-header:lang(ko-kr), .ticker-incident-header:lang(ja-jp), .ticker-incident-header:lang(tr-tr), .ticker-incident-header:lang(el-gr), .ticker-incident-header:lang(th-th), .ticker-incident-header:lang(zh-tw) { text-transform: none; } .ticker-incident-header { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .ticker-incident-header:lang(ar-ae) { letter-spacing: 0; } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .navigation-status-ticker-content:lang(ja-jp), .navigation-status-ticker-content-no-link:lang(ja-jp) { font-size: 13px; } .navigation-status-ticker-content:lang(ar-ae), .navigation-status-ticker-content-no-link:lang(ar-ae) { letter-spacing: 0; } .ticker-incident-link { font-size: 12px; font-weight: normal; outline: 0; letter-spacing: 0.05em; -webkit-font-smoothing: subpixel-antialiased; } .ticker-incident-link:lang(ja-jp) { font-size: 13px; } .ticker-incident-link:lang(ar-ae) { letter-spacing: 0; } .ticker-incident-link { color: #0596aa; text-decoration: none; } .ticker-incident-link:hover, .ticker-incident-link.hover { color: #cdfafa; } .ticker-incident-link:after { width: 9px; height: 9px; content: ''; display: inline-block; vertical-align: middle; -webkit-mask: url(/fe/lol-navigation/external-link-mask.png) no-repeat; -webkit-mask-size: contain; background-color: #0596aa; margin: 0 0 0 5px; } .ticker-incident-link:lang(ar-ae):after { margin: 0 5px 0 0; transform: scaleX(-1); } .ticker-incident-link:hover:after { background-color: #cdfafa; } .navigation-status-ticker-content, .navigation-status-ticker-content-no-link { direction: ltr; width: 300px; pointer-events: auto; padding: 18px; box-sizing: border-box; } .navigation-status-ticker-content-no-link .status-ticker-incident:last-of-type { padding: 0; } .status-ticker-list { width: 100%; box-sizing: border-box; cursor: default; } .status-ticker-links { display: block; text-align: right; margin-bottom: -4px; } .ticker-incident-header { font-family: var(--font-display); } .ticker-incident-header { -webkit-user-select: none; } .ticker-incident-header { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .ticker-incident-header { text-transform: uppercase; } .ticker-incident-header:lang(ko-kr), .ticker-incident-header:lang(ja-jp), .ticker-incident-header:lang(tr-tr), .ticker-incident-header:lang(el-gr), .ticker-incident-header:lang(th-th), .ticker-incident-header:lang(zh-tw) { text-transform: none; } .ticker-incident-header { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .ticker-incident-header:lang(ar-ae) { letter-spacing: 0; } .status-ticker-incident { padding: 15px 0; border-top: thin solid #3c3c41; } .status-ticker-incident:first-of-type { border-top: none; padding-top: 0; margin-top: -4px; } .status-ticker-incident:last-of-type { margin-bottom: -4px; } .ticker-incident-radio { display: none; } .ticker-incident-radio:checked + .ticker-incident-content .ticker-incident-body { display: block; } .ticker-incident-radio:checked + .ticker-incident-content .ticker-incident-link { display: inline; } .ticker-incident-content { display: block; padding: 10px 0; } .ticker-incident-content .ticker-incident-body { display: none; } .ticker-incident-content .ticker-incident-link { display: none; } .ticker-incident-header { width: calc(100% - 15px); padding: 0 15px 0 0 ; color: #f0e6d2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 10px; } div[data-screen-name='rcp-fe-lol-navigation-screen'] { height: 79px; width: 1278px; border-top: 2px solid #785a28; box-sizing: border-box; } div[data-screen-name='rcp-fe-lol-navigation-screen'] .rcp-fe-lol-navigation-app.navbar_backdrop:before { content: ''; position: absolute; left: 0; top: 0; width: 1057px; height: 100%; background-color: rgba(1,0,13,0.3); } .rcp-fe-lol-navigation-app { height: 100%; width: 1055px; -webkit-user-select: none; } #rcp-fe-viewport-root #rcp-fe-lol-navigation-app { pointer-events: none; }