.lol-settings-checkbox-label { font-family: var(--font-body); } .lol-settings-checkbox-label { -webkit-user-select: none; } .lol-settings-checkbox-label { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-settings-checkbox-label { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .lol-settings-checkbox-label:lang(ja-jp) { font-size: 13px; } .lol-settings-checkbox-label { font-family: var(--font-body); } .lol-settings-checkbox-label { font-family: var(--font-body); } .lol-settings-checkbox-label { -webkit-user-select: none; } .lol-settings-checkbox-label { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-settings-checkbox-label { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .lol-settings-checkbox-label:lang(ja-jp) { font-size: 13px; } .lol-settings-container { width: 700px; box-sizing: border-box; background-color: #010a13; -webkit-user-select: none; display: flex; flex-direction: column; } .lol-settings-content { display: flex; flex: 1; height: 482px; } .lol-settings-checkbox { transition: all 0.3s ease; } .lol-settings-checkbox-label { margin-left: 9px; } .lol-settings-title { font-family: var(--font-display); } .lol-settings-title { -webkit-user-select: none; } .lol-settings-title { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-settings-title { text-transform: uppercase; } .lol-settings-title:lang(ko-kr), .lol-settings-title:lang(ja-jp), .lol-settings-title:lang(tr-tr), .lol-settings-title:lang(el-gr), .lol-settings-title:lang(th-th), .lol-settings-title:lang(zh-tw) { text-transform: none; } .lol-settings-title { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .lol-settings-title-bar { display: flex; justify-content: space-between; align-items: center; height: 67px; border-bottom: 1px solid #1e282d; margin: 0 9px; } .lol-settings-title { color: #a09b8c; direction: ltr; } .lol-settings-title-current { color: #f0e6d2; } .lol-settings-title-break { padding: 0 3px; } .lol-settings-reset-button { position: absolute; right: 18px; top: 20px; min-width: 152px; } .lol-settings-reset-button.hide { display: none; } .lol-settings-options { width: calc(100% - 40px); overflow-x: hidden; padding: 15px 20px; position: relative; } .lol-settings-options lol-uikit-flat-checkbox { transition: all 0.3s ease; } .lol-settings-scroll-container { width: calc(100% + 5px) ; overflow-x: hidden; height: 410px; padding-right: 2px ; padding-left: 7px ; } .lol-settings-footer { display: flex; justify-content: center; height: 32px; width: 100%; } .lol-settings-close-container { position: relative; bottom: -2px; } .lol-settings-close-button { position: relative; bottom: 0; width: 100px; height: 32px; } .lol-settings-nav-title { font-family: var(--font-body); } .lol-settings-nav-title { -webkit-user-select: none; } .lol-settings-nav-title { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-settings-nav-title { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .lol-settings-nav-title:lang(ja-jp) { font-size: 13px; } .lol-settings-navs { width: 172px; height: 100%; margin-top: 5px; flex-shrink: 0; } .lol-settings-nav-title { margin: 10px 0 10px 18px ; direction: ltr; } .lol-settings-nav-title:not(:first-child) { margin-top: 20px; } lol-uikit-navigation-bar[type=tabbed] lol-uikit-navigation-item.lol-settings-nav { padding: 0 0 0 14px ; height: auto; min-height: 30px; line-height: 16px; align-items: center; font-size: 12px; transition: all 0.3s ease; width: calc(100% - 14px) ; color: #cdbe91; direction: ltr; text-align: left ; } lol-uikit-navigation-bar[type=tabbed] lol-uikit-navigation-item.lol-settings-nav:hover { background: #1e2328; color: #f0e6d2; } lol-uikit-navigation-bar[type=tabbed] lol-uikit-navigation-item[active].lol-settings-nav { padding: 0 0 0 19px ; width: calc(100% - 19px) ; color: #f0e6d2; } lol-uikit-navigation-bar[type=tabbed] lol-uikit-navigation-item.lol-settings-nav::before { width: 3px; min-height: 32px; line-height: 16px; top: 0; left: 0 ; right: auto ; /* * RTL only: 'will-change' property in scrollbar breaks visiual after click event, * disabling transition here fixes the problem. */ transition: 400ms opacity ; }