.item-sets-item-tooltip .item-name { font-family: var(--font-display); } .item-sets-item-tooltip .tooltip-wrapper { font-family: var(--font-body); } .item-sets-item-tooltip .tooltip-wrapper, .item-sets-item-tooltip .item-name { -webkit-user-select: none; } .item-sets-item-tooltip .tooltip-wrapper, .item-sets-item-tooltip .item-name { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .item-sets-item-tooltip .item-name { text-transform: uppercase; } .item-sets-item-tooltip .item-name:lang(ko-kr), .item-sets-item-tooltip .item-name:lang(ja-jp), .item-sets-item-tooltip .item-name:lang(tr-tr), .item-sets-item-tooltip .item-name:lang(el-gr), .item-sets-item-tooltip .item-name:lang(th-th), .item-sets-item-tooltip .item-name:lang(zh-tw) { text-transform: none; } .item-sets-item-tooltip .item-name { text-transform: none; } .item-sets-item-tooltip .item-name { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .item-sets-item-tooltip .item-name:lang(ar-ae) { letter-spacing: 0; } .item-sets-item-tooltip .item-name { letter-spacing: 0.0375em; } .item-sets-item-tooltip .item-name:lang(ar-ae) { letter-spacing: 0; } .item-sets-item-tooltip .tooltip-wrapper { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .item-sets-item-tooltip .tooltip-wrapper:lang(ja-jp) { font-size: 13px; } .item-sets-item-tooltip .tooltip-wrapper:lang(ar-ae) { letter-spacing: 0; } .item-sets-item-tooltip .item-info { clear: both; } .item-sets-item-tooltip .item-info:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .item-sets-item-tooltip { overflow: hidden; } .item-sets-item-tooltip .tooltip-wrapper { width: 325px; text-align: left ; padding: 18px; color: #f0e6d2; direction: ltr; } .item-sets-item-tooltip .tooltip-wrapper:lang(hu-hu), .item-sets-item-tooltip .tooltip-wrapper:lang(de-de), .item-sets-item-tooltip .tooltip-wrapper:lang(el-gr), .item-sets-item-tooltip .tooltip-wrapper:lang(ru-ru), .item-sets-item-tooltip .tooltip-wrapper:lang(pl_PL), .item-sets-item-tooltip .tooltip-wrapper:lang(pt_BR) { width: 400px; } .item-sets-item-tooltip .tooltip-wrapper a { color: #cdfafa; } .item-sets-item-tooltip .item-name { margin-bottom: 10px; } .item-sets-item-tooltip .item-info { position: relative; margin-bottom: 20px; width: 100%; } .item-sets-item-tooltip .item-right { float: left; width: calc(100% - 66px); } .item-sets-item-tooltip .item-icon { float: left ; margin: 0 10px 0 0 ; width: 42px; height: 42px; padding: 1px; border: thin solid #3c3c41; } .item-sets-item-tooltip .item-icon.legacy { -webkit-filter: grayscale(100%); } .item-sets-item-tooltip .item-price { position: relative; } .item-sets-item-tooltip .item-price:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: 0 5px 0 0 ; -webkit-mask-image: url(/fe/lol-item-sets/icon_gold.png); -webkit-mask-size: contain; background-color: #785a28; } .item-sets-item-tooltip .item-description { margin-top: 15px; } .item-sets-item-tooltip .item-description .legacy-description { color: #be1e37; margin-bottom: 10px; } .item-sets-item-tooltip .item-description stats { color: #0596aa; } .item-sets-item-tooltip .item-description unique, .item-sets-item-tooltip .item-description active, .item-sets-item-tooltip .item-description passive, .item-sets-item-tooltip .item-description aura { color: #c8aa6e; } .item-sets-item-tooltip .required-champion, .item-sets-item-tooltip .required-ally { margin-top: 10px; color: #c89b3c; } .item-sets-item-tooltip .unavailable-maps { margin-top: 10px; } .item-sets-item-tooltip .unavailable-maps .unavailable-maps-title { color: #be1e37; } .item-sets-item-tooltip .item-instructions { margin-top: 15px; color: #0ac8b9; } .item-sets-item-tooltip .item-instructions .instruction { display: none; } .item-sets-item-tooltip .item-instructions[source="inventory-editor"] .drag-drop-add-block, .item-sets-item-tooltip .item-instructions[source="inventory-editor"] .click-add-to-highlighted-block, .item-sets-item-tooltip .item-instructions[source="inventory-editor"] .click-view-build-path { display: block; } .item-sets-item-tooltip .item-instructions[source="inventory-preferred-slots"] .drag-drop-add-slot, .item-sets-item-tooltip .item-instructions[source="inventory-preferred-slots"] .click-add-to-highlighted-slot, .item-sets-item-tooltip .item-instructions[source="inventory-preferred-slots"] .click-view-build-path { display: block; } .item-sets-item-tooltip .item-instructions[source="block"].stackable .remove-from-block-short, .item-sets-item-tooltip .item-instructions[source="block"].stackable .change-qty { display: block; } .item-sets-item-tooltip .item-instructions[source="block"]:not(.stackable) .remove-from-block-full, .item-sets-item-tooltip .item-instructions[source="block"]:not(.stackable) .click-view-build-path { display: block; } .item-sets-item-tooltip .item-instructions[source="preferred-slot"] .remove-from-slot, .item-sets-item-tooltip .item-instructions[source="preferred-slot"] .click-view-build-path { display: block; } .item-sets-item-tooltip .item-instructions[source="editor-build-into"] .drag-drop-add-block, .item-sets-item-tooltip .item-instructions[source="editor-build-into"] .click-add-to-highlighted-block, .item-sets-item-tooltip .item-instructions[source="editor-build-into"] .click-view-build-path { display: block; } .item-sets-item-tooltip .item-instructions[source="preferred-slot-build-into"] .drag-drop-add-slot, .item-sets-item-tooltip .item-instructions[source="preferred-slot-build-into"] .click-add-to-highlighted-slot, .item-sets-item-tooltip .item-instructions[source="preferred-slot-build-into"] .click-view-build-path { display: block; } .item-sets-item-tooltip .hidden { display: none; } .item-set-menu-component .menu-items { font-family: var(--font-body); } .item-set-menu-component .menu-items { -webkit-user-select: none; } .item-set-menu-component .menu-items { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .item-set-menu-component .menu-items { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .item-set-menu-component .menu-items:lang(ar-ae) { letter-spacing: 0; } .item-set-menu-component .menu-items { min-width: 160px; text-align: left ; } .item-set-menu-component .menu-items .menu-item { height: 32px; line-height: 32px; padding: 0 16px; cursor: pointer; } .item-set-menu-component .menu-items .menu-item:hover { background-color: #1e2328; color: #f0e6d2; } .item-set-menu-component .menu-items .menu-item.disabled { background-color: #010a13; color: #5c5b57; cursor: default; } .preferred-slots-menu-component .preferred-slots .slot, .preferred-slots-menu-component .preferred-slots .slot.key-medium { font-family: var(--font-display); } .preferred-slots-menu-component .title { font-family: var(--font-body); } .preferred-slots-menu-component .title, .preferred-slots-menu-component .preferred-slots .slot, .preferred-slots-menu-component .preferred-slots .slot.key-medium { -webkit-user-select: none; } .preferred-slots-menu-component .title, .preferred-slots-menu-component .preferred-slots .slot, .preferred-slots-menu-component .preferred-slots .slot.key-medium { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .preferred-slots-menu-component .preferred-slots .slot, .preferred-slots-menu-component .preferred-slots .slot.key-medium { text-transform: uppercase; } .preferred-slots-menu-component .preferred-slots .slot:lang(ko-kr), .preferred-slots-menu-component .preferred-slots .slot.key-medium:lang(ko-kr), .preferred-slots-menu-component .preferred-slots .slot:lang(ja-jp), .preferred-slots-menu-component .preferred-slots .slot.key-medium:lang(ja-jp), .preferred-slots-menu-component .preferred-slots .slot:lang(tr-tr), .preferred-slots-menu-component .preferred-slots .slot.key-medium:lang(tr-tr), .preferred-slots-menu-component .preferred-slots .slot:lang(el-gr), .preferred-slots-menu-component .preferred-slots .slot.key-medium:lang(el-gr), .preferred-slots-menu-component .preferred-slots .slot:lang(th-th), .preferred-slots-menu-component .preferred-slots .slot.key-medium:lang(th-th), .preferred-slots-menu-component .preferred-slots .slot:lang(zh-tw), .preferred-slots-menu-component .preferred-slots .slot.key-medium:lang(zh-tw) { text-transform: none; } .preferred-slots-menu-component .preferred-slots .slot { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .preferred-slots-menu-component .preferred-slots .slot:lang(ar-ae) { letter-spacing: 0; } .preferred-slots-menu-component .preferred-slots .slot.key-medium { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .preferred-slots-menu-component .preferred-slots .slot.key-medium:lang(ja-jp) { font-size: 13px; } .preferred-slots-menu-component .preferred-slots .slot.key-medium:lang(ar-ae) { letter-spacing: 0; } .preferred-slots-menu-component .title { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .preferred-slots-menu-component .title:lang(ar-ae) { letter-spacing: 0; } .preferred-slots-menu-component { width: 190px; min-height: 150px; padding: 10px 10px 0 10px; } .preferred-slots-menu-component .title { color: #cdbe91; cursor: default; text-align: center; margin-bottom: 5px; } .preferred-slots-menu-component .preferred-slots { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; padding: 5px; } .preferred-slots-menu-component .preferred-slots .slot { flex: 0 0 50px; width: 50px; height: 50px; line-height: 50px; margin-bottom: 10px; text-align: center; cursor: pointer; border: #1e282d solid 2px; } .preferred-slots-menu-component .preferred-slots .slot.key-medium { line-height: 50px; } .preferred-slots-menu-component .preferred-slots .slot.key-long { font-size: 9px; } .preferred-slots-menu-component .preferred-slots .slot.selected { border: #c8aa6e solid 2px; } .preferred-slots-menu-component .preferred-slots .slot:hover { background-color: rgba(240,230,210,0.1); } .item-set-import-modal .dialog-frame { font-family: var(--font-body); } .item-set-import-modal .dialog-frame .dialog-content { box-sizing: border-box; } .item-set-import-modal .dialog-frame .dialog-text { display: flex; align-items: center; justify-content: center; } .item-set-import-modal .dialog-frame lol-uikit-flat-button-group { position: absolute; bottom: -2px; width: 100%; justify-content: center; } .item-set-import-modal lol-uikit-flat-button { outline: none; } .item-set-modal-root-component .item-sets-modal-backdrop { position: absolute; height: 636px; background: url(/fe/lol-item-sets/background.jpg) no-repeat top left; width: 100%; } .item-set-modal-root-component .item-sets-modal-content { position: absolute; margin-top: 35px; margin-left: 35px; } img.item-set-build-path-icon { cursor: pointer; width: auto; height: 35px; padding: 1px; border: 1px #785a28 solid; } .item-build-tree-component { width: 100%; } .item-build-tree-component .img-border { height: 40px; } .item-build-tree-component .build-tree-parent { margin-bottom: 20px; position: relative; display: flex; justify-content: center; } .item-build-tree-component .build-tree-parent:after { position: absolute; content: ''; width: 1px; height: 10px; bottom: 0; left: 50%; background-color: #785a28; transform: translateY(100%); } .item-build-tree-component .build-tree-parent.no-child:after { display: none; } .item-build-tree-component .build-tree-children { display: flex; flex-direction: row; justify-content: space-around; width: 100%; } .item-build-tree-component .build-tree-children .build-tree-child { flex: 1 1 100%; padding: 0 4px; position: relative; display: flex; flex-direction: row; justify-content: space-around; } .item-build-tree-component .build-tree-children .build-tree-child:only-child:after { display: none; } .item-build-tree-component .build-tree-children .build-tree-child:before, .item-build-tree-component .build-tree-children .build-tree-child:after { content: ''; position: absolute; background-color: #785a28; left: 0; } .item-build-tree-component .build-tree-children .build-tree-child:before { left: 50%; top: 0; transform: translateY(-100%); width: 1px; height: 10px; } .item-build-tree-component .build-tree-children .build-tree-child:after { top: -10px; transform: translateY(-100%); height: 1px; width: 100%; } .item-build-tree-component .build-tree-children .build-tree-child:first-child:after { left: 50%; width: 50%; } .item-build-tree-component .build-tree-children .build-tree-child:last-child:after { width: calc(50% + 1px); } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text, .item-set-editor-component .item-set-header { font-family: var(--font-display); } .item-set-item .item-count, .item-set-item span, .item-set-editor-component .item-set-root-component-text, .item-set-editor-component .top-container .right-col .champion-map-associations .has-more, .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .current-sort-option-text, .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options .sort-options-dialog .sort-option, .item-set-editor-component .body-container .mid-container .item-build-path .build-into-items .build-into-label, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .item-count, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path span, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .item-count, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display span, .item-set-editor-component .body-container .right-container .bottom .section-edit-panel span.panel-caption { font-family: var(--font-body); } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text, .item-set-editor-component .item-set-header { font-family: var(--font-display); } .item-set-item .item-count, .item-set-item span, .item-set-editor-component .item-set-root-component-text, .item-set-editor-component .top-container .right-col .champion-map-associations .has-more, .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .current-sort-option-text, .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options .sort-options-dialog .sort-option, .item-set-editor-component .body-container .mid-container .item-build-path .build-into-items .build-into-label, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .item-count, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path span, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .item-count, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display span, .item-set-editor-component .body-container .right-container .bottom .section-edit-panel span.panel-caption { font-family: var(--font-body); } .item-set-item .item-count, .item-set-item span, .item-set-editor-component .item-set-root-component-text, .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs, .item-set-editor-component .top-container .right-col .champion-map-associations .has-more, .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .current-sort-option-text, .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options .sort-options-dialog .sort-option, .item-set-editor-component .body-container .mid-container .item-build-path .build-into-items .build-into-label, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .item-count, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path span, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .item-count, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display span, .item-set-editor-component .body-container .right-container .bottom .section-edit-panel span.panel-caption, .item-set-editor-component .item-set-header { -webkit-user-select: none; } .item-set-item .item-count, .item-set-item span, .item-set-editor-component .item-set-root-component-text, .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs, .item-set-editor-component .top-container .right-col .champion-map-associations .has-more, .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .current-sort-option-text, .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options .sort-options-dialog .sort-option, .item-set-editor-component .body-container .mid-container .item-build-path .build-into-items .build-into-label, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .item-count, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path span, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .item-count, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display span, .item-set-editor-component .body-container .right-container .bottom .section-edit-panel span.panel-caption, .item-set-editor-component .item-set-header { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text, .item-set-editor-component .item-set-header { text-transform: uppercase; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs:lang(ko-kr), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text:lang(ko-kr), .item-set-editor-component .item-set-header:lang(ko-kr), .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs:lang(ja-jp), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text:lang(ja-jp), .item-set-editor-component .item-set-header:lang(ja-jp), .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs:lang(tr-tr), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text:lang(tr-tr), .item-set-editor-component .item-set-header:lang(tr-tr), .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs:lang(el-gr), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text:lang(el-gr), .item-set-editor-component .item-set-header:lang(el-gr), .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs:lang(th-th), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text:lang(th-th), .item-set-editor-component .item-set-header:lang(th-th), .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs:lang(zh-tw), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text:lang(zh-tw), .item-set-editor-component .item-set-header:lang(zh-tw) { text-transform: none; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text { text-transform: none; } .item-set-editor-component .item-set-header { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .item-set-editor-component .item-set-header:lang(ar-ae) { letter-spacing: 0; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs:lang(ja-jp), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text:lang(ja-jp) { font-size: 13px; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs:lang(ar-ae), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text:lang(ar-ae) { letter-spacing: 0; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text { letter-spacing: 0.0375em; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs:lang(ar-ae), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text:lang(ar-ae) { letter-spacing: 0; } .item-set-item span, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path span, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display span, .item-set-editor-component .body-container .right-container .bottom .section-edit-panel span.panel-caption { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .item-set-item span:lang(ar-ae), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path span:lang(ar-ae), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display span:lang(ar-ae), .item-set-editor-component .body-container .right-container .bottom .section-edit-panel span.panel-caption:lang(ar-ae) { letter-spacing: 0; } .item-set-item .item-count, .item-set-editor-component .item-set-root-component-text, .item-set-editor-component .top-container .right-col .champion-map-associations .has-more, .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .current-sort-option-text, .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options .sort-options-dialog .sort-option, .item-set-editor-component .body-container .mid-container .item-build-path .build-into-items .build-into-label, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .item-count, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .item-count { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .item-set-item .item-count:lang(ja-jp), .item-set-editor-component .item-set-root-component-text:lang(ja-jp), .item-set-editor-component .top-container .right-col .champion-map-associations .has-more:lang(ja-jp), .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .current-sort-option-text:lang(ja-jp), .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options .sort-options-dialog .sort-option:lang(ja-jp), .item-set-editor-component .body-container .mid-container .item-build-path .build-into-items .build-into-label:lang(ja-jp), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .item-count:lang(ja-jp), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .item-count:lang(ja-jp) { font-size: 13px; } .item-set-item .item-count:lang(ar-ae), .item-set-editor-component .item-set-root-component-text:lang(ar-ae), .item-set-editor-component .top-container .right-col .champion-map-associations .has-more:lang(ar-ae), .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .current-sort-option-text:lang(ar-ae), .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options .sort-options-dialog .sort-option:lang(ar-ae), .item-set-editor-component .body-container .mid-container .item-build-path .build-into-items .build-into-label:lang(ar-ae), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .item-count:lang(ar-ae), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .item-count:lang(ar-ae) { letter-spacing: 0; } #item-set-dropdown { outline: none; --flat-dropdown-scrollable-max-height: 410px; } #item-set-dropdown .item-set-dropdown-item-text { direction: ltr; pointer-events: none; padding-right: 15px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; white-space: nowrap; max-width: 400px; } .item-set-item-icon-md, .item-set-item img, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path img, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path img.item-set-build-path-icon, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display img { display: block; width: 45px; height: 45px; } .build-into-item { display: inline-block; } .build-into-item .item-icon { cursor: pointer; width: 28px; height: 28px; padding: 1px; border: 1px #785a28 solid; } .item-set-item, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display { margin-top: 10px; list-style-type: none; border-right: 30px solid transparent ; height: 75px; width: 49px; padding: 0 ; text-align: center; } .item-set-item .img-border-wrapper, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper { position: relative; cursor: pointer; width: 46px; height: 46px; padding: 0.5px; border: thin solid #3c3732; } .item-set-item .img-border-wrapper:hover .preferred-slot-indicator, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper:hover .preferred-slot-indicator, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper:hover .preferred-slot-indicator { opacity: 1; } .item-set-item .img-border-wrapper.has-active, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.has-active, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.has-active { border: thin solid #785a28; } .item-set-item .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator), .item-set-item .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator), .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) { border-top: thin solid transparent; } .item-set-item .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator):before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator):before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator):before, .item-set-item .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator):before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator):before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator):before { content: ''; width: 11px; height: 0px; position: absolute; top: -1px; left: -1px; border-top: thin solid #3c3732; } .item-set-item .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator):after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator):after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator):after, .item-set-item .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator):after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator):after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator):after { content: ''; position: absolute; top: -1px; right: -1px; width: 11px; height: 0px; border-top: thin solid #3c3732; } .item-set-item .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator) .item-click-area:not(.hide-indicator):before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator) .item-click-area:not(.hide-indicator):before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator) .item-click-area:not(.hide-indicator):before, .item-set-item .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) .item-click-area:not(.hide-indicator):before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) .item-click-area:not(.hide-indicator):before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) .item-click-area:not(.hide-indicator):before { content: ''; position: absolute; top: -4px; left: 10px; border-left: 1px #3c3732 solid; height: 7px; } .item-set-item .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator) .item-click-area:not(.hide-indicator):after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator) .item-click-area:not(.hide-indicator):after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator) .item-click-area:not(.hide-indicator):after, .item-set-item .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) .item-click-area:not(.hide-indicator):after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) .item-click-area:not(.hide-indicator):after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) .item-click-area:not(.hide-indicator):after { content: ''; position: absolute; top: -4px; right: 10px; border-left: 1px #3c3732 solid; height: 7px; } .item-set-item .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator) .item-click-area:not(.hide-indicator).has-active:before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator) .item-click-area:not(.hide-indicator).has-active:before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator) .item-click-area:not(.hide-indicator).has-active:before, .item-set-item .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) .item-click-area:not(.hide-indicator).has-active:before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) .item-click-area:not(.hide-indicator).has-active:before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) .item-click-area:not(.hide-indicator).has-active:before { border-left: thin solid #785a28; } .item-set-item .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator) .item-click-area:not(.hide-indicator).has-active:after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator) .item-click-area:not(.hide-indicator).has-active:after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator) .item-click-area:not(.hide-indicator).has-active:after, .item-set-item .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) .item-click-area:not(.hide-indicator).has-active:after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) .item-click-area:not(.hide-indicator).has-active:after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator) .item-click-area:not(.hide-indicator).has-active:after { border-left: thin solid #785a28; } .item-set-item .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator).has-active:before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator).has-active:before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator).has-active:before, .item-set-item .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator).has-active:before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator).has-active:before, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator).has-active:before { border-top: thin solid #785a28; } .item-set-item .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator).has-active:after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator).has-active:after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled.has-slot:not(.hide-indicator).has-active:after, .item-set-item .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator).has-active:after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator).has-active:after, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .img-border-wrapper.preferred-slot-enabled:hover:not(.hide-indicator).has-active:after { border-top: thin solid #785a28; } .item-set-item .item-count, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .item-count, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .item-count { display: none; position: absolute; background-color: #010a13; color: #f0e6d2; width: 14px; height: 14px; margin-left: 31px; margin-top: -14px; padding-left: 1px; text-align: center; cursor: default; } .item-set-item .item-count.show, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .item-count.show, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .item-count.show { display: block; } .item-set-item .preferred-slot-indicator, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .preferred-slot-indicator, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .preferred-slot-indicator { position: absolute; display: flex; width: 21px; height: 14px; flex-direction: row; flex-wrap: wrap; margin-top: -54px; margin-left: 12.5px; opacity: 0.6; cursor: pointer; transition: all 0.3s ease-in-out; } .item-set-item .preferred-slot-indicator.no-slot, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .preferred-slot-indicator.no-slot, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .preferred-slot-indicator.no-slot { opacity: 0; } .item-set-item .preferred-slot-indicator.hidden, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .preferred-slot-indicator.hidden, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .preferred-slot-indicator.hidden { display: none; } .item-set-item .preferred-slot-indicator .indicator, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .preferred-slot-indicator .indicator, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .preferred-slot-indicator .indicator { display: inline-block; margin: 0; width: 5px; height: 5px; background: #5b5a56; border: 1px #010a13 solid; } .item-set-item .preferred-slot-indicator .indicator.selected, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path .preferred-slot-indicator .indicator.selected, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display .preferred-slot-indicator .indicator.selected { background: #f0e6d2; } .item-set-item span, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path span, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display span { width: 100%; text-align: center; display: inline-block; margin-top: 4px; margin-bottom: 6px; } .item-set-item.legacy .item-icon, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path.legacy .item-icon, .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-set-item-display.legacy .item-icon { -webkit-filter: grayscale(100%); } .item-set-dropdown-item-text { direction: ltr; pointer-events: none; padding-right: 15px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; white-space: nowrap; max-width: 400px; } .item-set-editor-component { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: auto; height: 570px; opacity: 0; transition: all 0.5s ease-in-out; } .item-set-editor-component.is-loaded { opacity: 1; } .item-set-editor-component li { list-style: none; } .item-set-editor-component .icon { cursor: pointer; opacity: 0.8; } .item-set-editor-component .icon:hover { opacity: 1; } .item-set-editor-component .icon.arrow-up { width: 0; height: 0; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #f0e6d2; } .item-set-editor-component .icon.arrow-down { width: 0; height: 0; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #f0e6d2; } .item-set-editor-component .icon.close { width: 16px; height: 16px; -webkit-mask-image: url(/fe/lol-item-sets/icon-close.png); -webkit-mask-size: contain; background-color: #f0e6d2; } .item-set-editor-component .top-container { position: absolute; left: 0; width: 1020px; height: 36px; display: flex; flex-direction: row ; justify-content: flex-start; } .item-set-editor-component .top-container .left-col { flex: 0 0 500px ; width: auto ; margin-right: 0 ; display: flex; flex-direction: row ; } .item-set-editor-component .top-container .left-col .rename-set-input { width: 256px; } .item-set-editor-component .top-container .left-col #item-set-dropdown { margin: -8px 0 0 8px ; } .item-set-editor-component .top-container .right-col { display: flex; width: 498px ; margin: 0 0 0 20px ; flex-direction: row ; justify-content: space-between; } .item-set-editor-component .top-container .right-col .champion-map-associations { display: flex; width: 25% ; flex-direction: row ; justify-content: space-between; align-content: center; align-items: center; height: 36px; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs { width: 210px ; text-align: left; white-space: nowrap; margin: 0 0 0 10px ; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .associated-champ { display: inline-block; vertical-align: middle; border: 2px solid #c8aa6e; border-radius: 50%; width: 26px; cursor: pointer; height: 26px; margin-top: -4px; margin-left: -1px; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .associated-champ:hover { filter: brightness(1.2); } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .associated-champ .champ-icon { width: 26px; height: 26px; -webkit-clip-path: circle(12px at center); } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .all-champs { display: inline-block; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .champ-selector-button { display: inline-block; vertical-align: middle; margin-bottom: 3px; margin-right: 5px; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .champ-selector-dialog { display: none; position: absolute; z-index: 10; top: 48px; left: 379px ; outline: none; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-champs .champ-selector-dialog.show { display: flex; justify-content: center; } .item-set-editor-component .top-container .right-col .champion-map-associations .has-more { display: inline-block; vertical-align: bottom; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-maps { white-space: nowrap; vertical-align: middle; direction: ltr; margin-right: 0 ; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-maps .associated-map { display: inline-block; cursor: pointer; margin-left: 5px; } .item-set-editor-component .top-container .right-col .champion-map-associations .associated-maps .associated-map .map-icon { height: 32px; width: 32px; } .item-set-editor-component .top-container .right-col .toolbox { display: inline-flex; float: right; flex-direction: row ; align-items: center; margin-right: 40px; } .item-set-editor-component .top-container .right-col .toolbox lol-uikit-close-button { border-left: 5px solid transparent; border-right: 5px solid transparent; } .item-set-editor-component .top-container .right-col .toolbox .save-btn { direction: ltr; margin: 0 0 0 11px ; } .item-set-editor-component .top-container .right-col .toolbox .hidden { display: none; } .item-set-editor-component .body-container { display: flex; flex-direction: row ; justify-content: flex-start; align-items: flex-start; align-content: flex-start; margin-top: 50px; width: 1020px; height: 550px; overflow: hidden; } .item-set-editor-component .body-container .left-container { flex: 0 0 180px ; width: auto ; direction: ltr; } .item-set-editor-component .body-container .mid-container { display: flex; flex: 0 0 345px ; width: auto ; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: 550px; overflow: hidden; } .item-set-editor-component .body-container .mid-container .item-grid-and-build-path { height: 495px; width: 100% ; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .item-set-editor-component .body-container .mid-container .item-grid-and-build-path > .item-set-item, .item-set-editor-component .body-container .mid-container .item-grid-and-build-path > .item-set-item-display { display: none; } .item-set-editor-component .body-container .mid-container .item-search-and-sort { display: flex; flex-direction: row ; justify-content: space-between ; align-items: center; width: 307px ; flex: 0 0 30px ; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-search { width: 210px; margin-left: 0 ; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-search:lang(ru-ru) { width: 180px; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort { direction: ltr; cursor: pointer; flex-direction: row; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort lol-uikit-framed-dropdown { height: 30px; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .current-sort-option-text { display: inline-block; float: right; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort:hover .current-sort-option-text { color: #f0e6d2; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort:hover .sort-button { background-color: #f0e6d2; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-button { display: inline-block; float: right; margin-left: 5px; -webkit-mask: url(/fe/lol-item-sets/icon_sort.png) no-repeat center; -webkit-mask-size: cover; width: 18px; height: 15px; vertical-align: middle; cursor: pointer; background-color: #cdbe91; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-button:hover { background-color: #f0e6d2; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-button:active { background-color: #785a28; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options { position: absolute; z-index: 10; top: 85px; left: 440px; text-align: left; display: none; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options:lang(ru-ru) { left: 465px; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options .sort-options-dialog { outline: none; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options .sort-options-dialog .sort-option { cursor: pointer; padding: 3px 6px; text-align: center; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options .sort-options-dialog .sort-option.selected { color: #c8aa6e; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options .sort-options-dialog .sort-option:hover { background-color: #1e2328; } .item-set-editor-component .body-container .mid-container .item-search-and-sort .item-sort .sort-options.show { display: flex; justify-content: center; } .item-set-editor-component .body-container .mid-container .editor-item-grid { display: flex; flex-direction: column; flex: 1 1 495px ; width: auto ; transition: all 0.5s; min-width: 0; min-height: 0; } .item-set-editor-component .body-container .mid-container .item-build-path { flex: 0 0 auto; transition: all 0.5s; padding: 10px 0; display: none; width: 300px; } .item-set-editor-component .body-container .mid-container .item-build-path .icon { position: relative; left: 280px; } .item-set-editor-component .body-container .mid-container .item-build-path.show { height: auto; opacity: 1; display: flex; justify-content: center; flex-direction: column; } .item-set-editor-component .body-container .mid-container .item-build-path .build-into-items { text-align: left; margin-bottom: 20px; } .item-set-editor-component .body-container .mid-container .item-build-path .build-into-items.hidden { display: none; } .item-set-editor-component .body-container .mid-container .item-build-path .build-into-items .build-into-label { margin-top: -10px; } .item-set-editor-component .body-container .right-container { flex: 0 0 485px ; width: auto ; height: 550px; } .item-set-editor-component .body-container .right-container .top { margin-bottom: 23px; } .item-set-editor-component .body-container .right-container .top.empty { margin-bottom: 0; } .item-set-editor-component .body-container .right-container .top .item-set-sections { max-height: 410px; padding-bottom: 10px; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section { margin-top: 23px; margin-right: 15px ; min-height: 142px; max-width: 451px; border: #1e282d solid 2px; padding: 2px; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section.high-light { border-color: #0a323c; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section.high-light .title { background-color: #0a323c; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title { text-align: left; height: 25px; background: #1e282d; display: flex; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title:hover { filter: brightness(1.1); } .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .block-title-rename { width: 100%; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title div.edit-block-title { position: absolute; cursor: pointer; background: url(/fe/lol-item-sets/icon_edit.png); background-size: 100%; margin: 5px 0 0 8px ; height: 12px; width: 12px; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title div.block-ctrl-btn { display: flex; justify-content: space-between; width: 55px; position: relative; top: 3px; margin: 0 10px 0 auto ; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section .title .title-text { display: inline-block; margin: 3px 0 0 28px ; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list { min-height: 80px; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 0 0 40px ; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .from-build-path img.item-set-build-path-icon { border: none; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .item-anchor-tail { position: absolute; width: 20px; height: 20px; right: 20px; pointer-events: none; margin-top: -40px; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .build-into-item { margin-top: 10px; border-right: 30px solid transparent; height: 75px; width: 49px; text-align: center; } .item-set-editor-component .body-container .right-container .top .item-set-sections .section .item-list .build-into-item .item-icon { width: 46px; height: 46px; padding: 0.5px; border: thin solid #3c3732; } .item-set-editor-component .body-container .right-container .top .item-set-sections > :first-child { margin-top: 0px; } .item-set-editor-component .body-container .right-container .top .section:first-child .arrow-up { cursor: auto; border-bottom: 10px solid #5c5b57; } .item-set-editor-component .body-container .right-container .top .section:last-child .arrow-down { cursor: auto; border-top: 10px solid #5c5b57; } .item-set-editor-component .body-container .right-container .bottom { width: 485px ; margin-right: 0 ; } .item-set-editor-component .body-container .right-container .bottom .item-set-item, .item-set-editor-component .body-container .right-container .bottom .item-set-item-display, .item-set-editor-component .body-container .right-container .bottom .build-into-item, .item-set-editor-component .body-container .right-container .bottom .item { display: none; } .item-set-editor-component .body-container .right-container .bottom .section-edit-panel { width: 455px ; height: 80px; text-align: left ; -webkit-user-drag: none; border: 2px #1e282d solid; direction: ltr; } .item-set-editor-component .body-container .right-container .bottom .section-edit-panel .drop-area-icon { display: inline-block; vertical-align: middle; margin: 0 0 0 25px ; width: 48px; height: 41px; background: url(/fe/lol-item-sets/icon_drop.png) no-repeat top left; } .item-set-editor-component .body-container .right-container .bottom .section-edit-panel span.panel-caption { cursor: default; vertical-align: middle; color: #c89b3c; margin: 30px 15px; display: inline-block; width: 320px ; } .item-set-editor-component .item-set-flat-button.sm { width: 80px; } .item-set-editor-component .item-set-flat-button.align-right { margin-left: auto; } .item-set-editor-component .item-set-clipboard-area { position: fixed; width: 0; height: 0; opacity: 0; } .recommended-set-viewer .viewer-controls .viewer-title, .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg, .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text { font-family: var(--font-display); } .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-icon-container .item-count, .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-price { font-family: var(--font-body); } .recommended-set-viewer .viewer-controls .viewer-title, .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg, .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text, .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-icon-container .item-count, .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-price { -webkit-user-select: none; } .recommended-set-viewer .viewer-controls .viewer-title, .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg, .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text, .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-icon-container .item-count, .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-price { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .recommended-set-viewer .viewer-controls .viewer-title, .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg, .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text { text-transform: uppercase; } .recommended-set-viewer .viewer-controls .viewer-title:lang(ko-kr), .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg:lang(ko-kr), .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text:lang(ko-kr), .recommended-set-viewer .viewer-controls .viewer-title:lang(ja-jp), .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg:lang(ja-jp), .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text:lang(ja-jp), .recommended-set-viewer .viewer-controls .viewer-title:lang(tr-tr), .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg:lang(tr-tr), .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text:lang(tr-tr), .recommended-set-viewer .viewer-controls .viewer-title:lang(el-gr), .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg:lang(el-gr), .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text:lang(el-gr), .recommended-set-viewer .viewer-controls .viewer-title:lang(th-th), .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg:lang(th-th), .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text:lang(th-th), .recommended-set-viewer .viewer-controls .viewer-title:lang(zh-tw), .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg:lang(zh-tw), .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text:lang(zh-tw) { text-transform: none; } .recommended-set-viewer .viewer-controls .viewer-title, .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg, .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text { text-transform: none; } .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg:lang(ar-ae) { letter-spacing: 0; } .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg { letter-spacing: 0.025em; } .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg:lang(ar-ae) { letter-spacing: 0; } .recommended-set-viewer .viewer-controls .viewer-title { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .recommended-set-viewer .viewer-controls .viewer-title:lang(ar-ae) { letter-spacing: 0; } .recommended-set-viewer .viewer-controls .viewer-title { letter-spacing: 0.025em; } .recommended-set-viewer .viewer-controls .viewer-title:lang(ar-ae) { letter-spacing: 0; } .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text:lang(ja-jp) { font-size: 13px; } .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text:lang(ar-ae) { letter-spacing: 0; } .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text { letter-spacing: 0.0375em; } .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text:lang(ar-ae) { letter-spacing: 0; } .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-price { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-price:lang(ar-ae) { letter-spacing: 0; } .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-icon-container .item-count { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-icon-container .item-count:lang(ja-jp) { font-size: 13px; } .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-icon-container .item-count:lang(ar-ae) { letter-spacing: 0; } .recommended-set-viewer { opacity: 0; transition: all 0.5s ease-in-out; } .recommended-set-viewer.is-loaded { opacity: 1; } .recommended-set-viewer .viewer-controls { display: flex; flex-direction: row ; justify-content: flex-start ; align-items: center; align-content: flex-start; } .recommended-set-viewer .viewer-controls .viewer-title { direction: ltr; color: #c8aa6e; width: 350px; text-align: left ; } .recommended-set-viewer .viewer-controls .champion-display { width: 100px; display: flex; flex-direction: row; justify-content: center; } .recommended-set-viewer .viewer-controls .champion-display .selected-champ-display { cursor: pointer; background: linear-gradient(to top, #463714 4%, #785a28 23%, #c89b3c 90%, #c8aa6e 100%); border-radius: 50%; width: 36px; height: 36px; } .recommended-set-viewer .viewer-controls .champion-display .selected-champ-display .champ-icon { width: 32px; height: 32px; margin: 2px; -webkit-clip-path: circle(14px at center); transform: scale(1.18); vertical-align: middle; } .recommended-set-viewer .viewer-controls .champion-display .selected-champ-display:hover { background: linear-gradient(to top, #c89b3c 0%, #f0e6d2 100%); } .recommended-set-viewer .viewer-controls .champion-display .selected-champ-display:active { background: linear-gradient(to top, #785a28 0%, #463714 100%); } .recommended-set-viewer .viewer-controls .champion-display .champ-selector-dialog { display: none; position: absolute; z-index: 10; top: 50px; left: 116px ; outline: none; } .recommended-set-viewer .viewer-controls .champion-display .champ-selector-dialog.show { display: flex; justify-content: center; } .recommended-set-viewer .viewer-controls .map-displays { width: 200px; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: flex-start; } .recommended-set-viewer .viewer-controls .map-displays .map-display { display: inline-block; margin: 0 5px; cursor: pointer; } .recommended-set-viewer .viewer-controls .map-displays .map-display .map-icon { width: 32px; height: 32px; vertical-align: middle; } .recommended-set-viewer .viewer-controls .control-buttons { width: 286px; display: flex; flex-direction: row; justify-content: flex-end ; align-items: center; align-content: flex-start; margin-left: 0 ; } .recommended-set-viewer .viewer-controls .control-buttons .duplicate-recommended-button { direction: ltr; } .recommended-set-viewer .item-blocks-container { display: flex; flex-direction: row; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 980px; height: 500px; margin-top: 45px; } .recommended-set-viewer .item-blocks-container .rec-sets-not-available-msg { height: 100%; width: 100%; text-align: center; margin-top: 150px; } .recommended-set-viewer .item-blocks-container .item-block { border: #1e282d solid 2px; min-height: 135px; width: 288px; margin-right: 30px; margin-bottom: 27px; } .recommended-set-viewer .item-blocks-container .item-block .block-title { text-align: left; height: 25px; background: #1e282d; display: flex; } .recommended-set-viewer .item-blocks-container .item-block .block-title .title-text { display: inline-block; margin-left: 9px; margin-top: 4px; } .recommended-set-viewer .item-blocks-container .item-block .block-items { display: flex; padding-top: 25px; padding-left: 38px; flex-direction: row; flex-wrap: wrap; } .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display { border-right: 30px solid transparent; height: 75px; width: 49px; margin-bottom: 10px; } .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-icon-container { width: 46px; height: 46px; padding: 0.5px; border: thin solid #3c3732; } .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-icon-container .item-icon { display: block; width: 45px; height: 45px; } .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-icon-container .item-count { display: none; position: absolute; background-color: #010a13; color: #f0e6d2; width: 14px; height: 14px; margin-left: 31px; margin-top: -14px; padding-left: 1px; text-align: center; cursor: default; } .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-icon-container .item-count.show { display: block; } .recommended-set-viewer .item-blocks-container .item-block .block-items .item-display .item-price { width: 100%; text-align: center; display: inline-block; margin-top: 4px; margin-bottom: 6px; } .item-set-item-filter-panel .item-set-filter-group .group-title, .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button { font-family: var(--font-display); } .item-set-item-filter-panel .item-set-filter-group .group-title, .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button { -webkit-user-select: none; } .item-set-item-filter-panel .item-set-filter-group .group-title, .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .item-set-item-filter-panel .item-set-filter-group .group-title, .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button { text-transform: uppercase; } .item-set-item-filter-panel .item-set-filter-group .group-title:lang(ko-kr), .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button:lang(ko-kr), .item-set-item-filter-panel .item-set-filter-group .group-title:lang(ja-jp), .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button:lang(ja-jp), .item-set-item-filter-panel .item-set-filter-group .group-title:lang(tr-tr), .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button:lang(tr-tr), .item-set-item-filter-panel .item-set-filter-group .group-title:lang(el-gr), .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button:lang(el-gr), .item-set-item-filter-panel .item-set-filter-group .group-title:lang(th-th), .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button:lang(th-th), .item-set-item-filter-panel .item-set-filter-group .group-title:lang(zh-tw), .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button:lang(zh-tw) { text-transform: none; } .item-set-item-filter-panel .item-set-filter-group .group-title, .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button { color: #f0e6d2; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.075em; } .item-set-item-filter-panel .item-set-filter-group .group-title:lang(ja-jp), .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button:lang(ja-jp) { font-size: 13px; } .item-set-item-filter-panel .item-set-filter-group .group-title:lang(ar-ae), .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button:lang(ar-ae) { letter-spacing: 0; } .item-set-item-filter-panel { margin-right: 0 ; } .item-set-item-filter-panel .item-set-filter-group { text-align: left ; margin-bottom: 5px; } .item-set-item-filter-panel .item-set-filter-group .group-title { color: #a09b8c; } .item-set-item-filter-panel .item-set-filter-group .item-filter { margin-top: 0; margin-bottom: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .item-set-item-filter-panel .item-set-filter-group .item-filter.checked label { color: #c8aa6e; } .item-set-item-filter-panel .filter-panel-buttons { height: 30px; direction: ltr; } .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button { color: #c8aa6e; cursor: pointer; } .item-set-item-filter-panel .filter-panel-buttons span.clear-all-button:hover { color: #f0e6d2; } .item-set-item-display .item-price { font-family: var(--font-body); } .item-set-item-display .item-price { -webkit-user-select: none; } .item-set-item-display .item-price { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .item-set-item-display .item-price { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .item-set-item-display .item-price:lang(ar-ae) { letter-spacing: 0; } .item-set-item-display { cursor: pointer; display: inline-block; width: 48px; height: 75px; } .item-set-item-display .item-icon { border: thin solid #3c3732; width: 45px; height: 45px; } .item-set-item-display .item-price { display: inline-block; width: 100%; text-align: center; } .item-set-item-display[has-active="true"] .item-icon { border: thin solid #785a28; } .item-set-drag-image { width: 45px; height: 45px; } .item-set-item-grid .filtered-items { width: 310px; margin-top: 10px; overflow-x: hidden; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; transition: height 0.43s cubic-bezier(0, 0, 0, 1); } .item-set-item-grid .filtered-items .from-block, .item-set-item-grid .filtered-items .build-into-item, .item-set-item-grid .filtered-items .from-build-path, .item-set-item-grid .filtered-items .from-preferred-slots { display: none; } .item-set-item-grid .filtered-items .item-set-item-display { margin: 0 30px 0 0 ; } .item-set-item-grid .filtered-items .item-set-item-display.end-of-row { margin: 0 2px 0 0 ; } .item-set-item-grid .filtered-items .item-set-item-display.hidden { display: none; } .item-set-champion-selector { font-family: var(--font-display); } .item-set-champion-selector .selected-champions .selected-label, .item-set-champion-selector .selected-champions .has-more, .item-set-champion-selector .champion-selector-all-champs .champ-display .champ-name, .item-set-champion-selector .recently-played-champions .recently-played-label { font-family: var(--font-body); } .item-set-champion-selector, .item-set-champion-selector .selected-champions .selected-label, .item-set-champion-selector .selected-champions .has-more, .item-set-champion-selector .champion-selector-all-champs .champ-display .champ-name, .item-set-champion-selector .recently-played-champions .recently-played-label { -webkit-user-select: none; } .item-set-champion-selector, .item-set-champion-selector .selected-champions .selected-label, .item-set-champion-selector .selected-champions .has-more, .item-set-champion-selector .champion-selector-all-champs .champ-display .champ-name, .item-set-champion-selector .recently-played-champions .recently-played-label { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .item-set-champion-selector { text-transform: uppercase; } .item-set-champion-selector:lang(ko-kr), .item-set-champion-selector:lang(ja-jp), .item-set-champion-selector:lang(tr-tr), .item-set-champion-selector:lang(el-gr), .item-set-champion-selector:lang(th-th), .item-set-champion-selector:lang(zh-tw) { text-transform: none; } .item-set-champion-selector { text-transform: none; } .item-set-champion-selector { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .item-set-champion-selector:lang(ar-ae) { letter-spacing: 0; } .item-set-champion-selector { letter-spacing: 0.025em; } .item-set-champion-selector:lang(ar-ae) { letter-spacing: 0; } .item-set-champion-selector .selected-champions .selected-label, .item-set-champion-selector .selected-champions .has-more, .item-set-champion-selector .champion-selector-all-champs .champ-display .champ-name, .item-set-champion-selector .recently-played-champions .recently-played-label { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .item-set-champion-selector .selected-champions .selected-label:lang(ja-jp), .item-set-champion-selector .selected-champions .has-more:lang(ja-jp), .item-set-champion-selector .champion-selector-all-champs .champ-display .champ-name:lang(ja-jp), .item-set-champion-selector .recently-played-champions .recently-played-label:lang(ja-jp) { font-size: 13px; } .item-set-champion-selector .selected-champions .selected-label:lang(ar-ae), .item-set-champion-selector .selected-champions .has-more:lang(ar-ae), .item-set-champion-selector .champion-selector-all-champs .champ-display .champ-name:lang(ar-ae), .item-set-champion-selector .recently-played-champions .recently-played-label:lang(ar-ae) { letter-spacing: 0; } .item-set-champion-selector { width: 555px; height: 375px; padding: 5px; } .item-set-champion-selector .champ-icon-container { border: 2px solid #1e2328; border-radius: 50%; cursor: pointer; width: 25px; height: 25px; display: inline-block; vertical-align: middle; } .item-set-champion-selector .champ-icon-container.selected { border: 2px solid #c8aa6e; } .item-set-champion-selector .champ-icon-container .champ-icon { width: 25px; height: 25px; border-radius: 0; -webkit-clip-path: circle(11px at center); transform: scale(1.17); } .item-set-champion-selector.is-single-select { height: 325px; } .item-set-champion-selector .selected-champions { display: inline-block; vertical-align: middle; text-align: left; width: 100%; height: 36px; padding: 5px 10px; } .item-set-champion-selector .selected-champions .selected-label { display: inline-block; vertical-align: middle; width: 80px; height: 25px; margin-top: 8px; } .item-set-champion-selector .selected-champions .selected-champ { display: inline-block; vertical-align: middle; cursor: pointer; margin-right: 6px; margin-top: 2px; } .item-set-champion-selector .selected-champions .has-more { display: inline-block; vertical-align: bottom; } .item-set-champion-selector .selected-champions .clear-selected-btn { display: inline-block; float: right; -webkit-mask: url(/fe/lol-item-sets/icon_clearall.png) no-repeat center; -webkit-mask-size: cover; width: 18px; height: 15px; vertical-align: middle; cursor: pointer; margin-right: 22px; margin-top: 10px; background-color: #cdbe91; } .item-set-champion-selector .selected-champions .clear-selected-btn:hover { background-color: #f0e6d2; } .item-set-champion-selector .selected-champions .clear-selected-btn:active { background-color: #785a28; } .item-set-champion-selector .champ-selector-filters { direction: ltr; white-space: nowrap; text-align: left; margin-top: 16px; } .item-set-champion-selector .champ-selector-filters .champ-role-filters { display: inline-block; vertical-align: middle; width: 180px; margin: 0 0 0 11px ; } .item-set-champion-selector .champ-selector-filters .champ-role-filters .champ-role-filter { display: inline-block; vertical-align: middle; cursor: pointer; width: 25px; height: 25px; background-image: url(/fe/lol-item-sets/role-filter-disabled.png); background-repeat: no-repeat; background-size: 180px; margin: 0 3px 0 0 ; } .item-set-champion-selector .champ-selector-filters .champ-role-filters .champ-role-filter.selected { background-image: url(/fe/lol-item-sets/role-filter-enabled.png); background-repeat: no-repeat; background-size: 180px; } .item-set-champion-selector .champ-selector-filters .champ-role-filters .champ-role-filter.fighter { background-position: 0 0; } .item-set-champion-selector .champ-selector-filters .champ-role-filters .champ-role-filter.tank { background-position: -32px 0; } .item-set-champion-selector .champ-selector-filters .champ-role-filters .champ-role-filter.mage { background-position: -64px 0; } .item-set-champion-selector .champ-selector-filters .champ-role-filters .champ-role-filter.assassin { background-position: -96px 0; } .item-set-champion-selector .champ-selector-filters .champ-role-filters .champ-role-filter.support { background-position: -128px 0; } .item-set-champion-selector .champ-selector-filters .champ-role-filters .champ-role-filter.marksman { background-position: -160px 0; } .item-set-champion-selector .champ-selector-filters .owned-filter { display: inline-flex; width: 100px; margin: 7px 0 0 18px ; } .item-set-champion-selector .champ-selector-filters .champ-name-filter { display: inline-block; vertical-align: middle; width: 180px; margin: -6px 0 0 40px ; } .item-set-champion-selector .champ-selector-filters .champ-name-filter:lang(fr-fr) { width: 160px; margin-left: 60px; } .item-set-champion-selector .champ-selector-filters .champ-name-filter:lang(tr-tr) { width: 160px; margin-left: 65px; } .item-set-champion-selector .champ-selector-filters .champ-name-filter:lang(ko-kr) { width: 160px; margin-left: 60px; } .item-set-champion-selector .champ-selector-filters .champ-name-filter:lang(pt-br) { width: 150px; margin-left: 70px; } .item-set-champion-selector .champion-selector-all-champs { height: 205px; width: 546px; margin: 19px 0 0 9px ; text-align: left ; white-space: normal; } .item-set-champion-selector .champion-selector-all-champs .champ-display { display: inline-block; vertical-align: middle; cursor: pointer; height: 41px; } .item-set-champion-selector .champion-selector-all-champs .champ-display.hidden { display: none; } .item-set-champion-selector .champion-selector-all-champs .champ-display .champ-name { display: inline-block; vertical-align: middle; width: 97px; cursor: pointer; text-align: left ; } .item-set-champion-selector .champion-selector-all-champs .champ-display:hover .champ-name { color: #cdbe91; } .item-set-champion-selector .separator { border: none; margin: 3px 12px; width: 531px; } .item-set-champion-selector .separator.separator-top { border-top: thin solid #3c3c41; } .item-set-champion-selector .separator.separator-bottom { border-top: thin solid #785a28; } .item-set-champion-selector .recently-played-champions { direction: ltr; text-align: left ; margin: 12px 0 0 11px ; } .item-set-champion-selector .recently-played-champions .recently-played-label { padding: 0 6px 0 0 ; } .item-set-champion-selector .recently-played-champions .recently-played-champ { display: inline-block; vertical-align: middle; margin: 0 7px 0 0 ; cursor: pointer; } .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title, .items-root-component .item-sets-browser .view-recommended-sets-container, .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text { font-family: var(--font-display); } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .more-champs, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .content, .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .selected-champ-text { font-family: var(--font-body); } .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .more-champs, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .content, .items-root-component .item-sets-browser .view-recommended-sets-container, .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text, .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .selected-champ-text { -webkit-user-select: none; } .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .more-champs, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .content, .items-root-component .item-sets-browser .view-recommended-sets-container, .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text, .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .selected-champ-text { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title, .items-root-component .item-sets-browser .view-recommended-sets-container, .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text { text-transform: uppercase; } .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title:lang(ko-kr), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header:lang(ko-kr), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text:lang(ko-kr), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text:lang(ko-kr), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title:lang(ko-kr), .items-root-component .item-sets-browser .view-recommended-sets-container:lang(ko-kr), .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text:lang(ko-kr), .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title:lang(ja-jp), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header:lang(ja-jp), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text:lang(ja-jp), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text:lang(ja-jp), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title:lang(ja-jp), .items-root-component .item-sets-browser .view-recommended-sets-container:lang(ja-jp), .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text:lang(ja-jp), .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title:lang(tr-tr), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header:lang(tr-tr), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text:lang(tr-tr), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text:lang(tr-tr), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title:lang(tr-tr), .items-root-component .item-sets-browser .view-recommended-sets-container:lang(tr-tr), .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text:lang(tr-tr), .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title:lang(el-gr), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header:lang(el-gr), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text:lang(el-gr), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text:lang(el-gr), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title:lang(el-gr), .items-root-component .item-sets-browser .view-recommended-sets-container:lang(el-gr), .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text:lang(el-gr), .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title:lang(th-th), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header:lang(th-th), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text:lang(th-th), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text:lang(th-th), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title:lang(th-th), .items-root-component .item-sets-browser .view-recommended-sets-container:lang(th-th), .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text:lang(th-th), .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title:lang(zh-tw), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header:lang(zh-tw), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text:lang(zh-tw), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text:lang(zh-tw), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title:lang(zh-tw), .items-root-component .item-sets-browser .view-recommended-sets-container:lang(zh-tw), .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text:lang(zh-tw) { text-transform: none; } .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title, .items-root-component .item-sets-browser .view-recommended-sets-container, .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text { text-transform: none; } .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title { color: #f0e6d2; font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 0.05em; } .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title:lang(ar-ae), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title:lang(ar-ae) { letter-spacing: 0; } .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title { letter-spacing: 0.025em; } .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title:lang(ar-ae), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title:lang(ar-ae) { letter-spacing: 0; } .items-root-component .item-sets-browser .view-recommended-sets-container { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .items-root-component .item-sets-browser .view-recommended-sets-container:lang(ar-ae) { letter-spacing: 0; } .items-root-component .item-sets-browser .view-recommended-sets-container { letter-spacing: 0.025em; } .items-root-component .item-sets-browser .view-recommended-sets-container:lang(ar-ae) { letter-spacing: 0; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text, .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text { color: #f0e6d2; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: 0.075em; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header:lang(ar-ae), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text:lang(ar-ae), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text:lang(ar-ae), .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text:lang(ar-ae) { letter-spacing: 0; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text, .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text { letter-spacing: 0.0375em; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text:lang(ar-ae), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text:lang(ar-ae), .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text:lang(ar-ae) { letter-spacing: 0; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .more-champs, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .content, .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .selected-champ-text { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .more-champs:lang(ar-ae), .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .content:lang(ar-ae), .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .selected-champ-text:lang(ar-ae) { letter-spacing: 0; } .items-root-component { opacity: 0; transition: all 0.5s ease-in-out; } .items-root-component.is-loaded { opacity: 1; } .items-root-component .item-sets-browser .item-sets-top-container { margin-top: -11px; width: 1000px; height: 48px; } .items-root-component .item-sets-browser .item-sets-top-container .manage-custom-sets-title { color: #c8aa6e; } .items-root-component .item-sets-browser .item-sets-top-container .item-sets-search { width: 305px; float: right; margin-top: 4px; } .items-root-component .item-sets-browser .item-sets-top-container .action-button { float: right; margin: 6px; } .items-root-component .item-sets-browser .item-sets-top-container .action-button.hidden { display: none; } .items-root-component .item-sets-browser .item-sets-top-container .create-empty { margin-right: 12px; } .items-root-component .item-sets-browser .item-sets-top-container .item-set-file-input { display: none; } .items-root-component .item-sets-browser .item-sets-top-container .paste-area { float: right; width: 340px; height: 30px; margin-right: 15px; margin-top: 2px; } .items-root-component .item-sets-browser .item-sets-top-container .paste-area .paste-textarea { overflow: hidden; } .items-root-component .item-sets-browser .item-sets-top-container .paste-area.hidden { display: none; } .items-root-component .item-sets-browser .custom-item-sets-table { direction: ltr; width: 1000px; margin-top: 16px; } .items-root-component .item-sets-browser .custom-item-sets-table .col-1 { width: 262px; margin: 0 0 0 28px ; } .items-root-component .item-sets-browser .custom-item-sets-table .col-2 { width: 359px; } .items-root-component .item-sets-browser .custom-item-sets-table .col-3 { width: 200px; } .items-root-component .item-sets-browser .custom-item-sets-table .col-4 { width: 148px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers { background-color: #1e2328; width: 100%; height: 32px; line-height: 32px; font-size: 0; direction: ltr; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers.transparent { opacity: 0; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header { display: inline-block; vertical-align: middle; text-align: center; cursor: default; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header.col-1 { text-align: left ; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header.col-2 { padding: 0 139px 0 0 ; width: 220px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header.col-3 { padding: 0 0 0 10px ; width: 200px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header .item-set-selector-all { pointer-events: auto; position: absolute; height: 33px; width: 23px; margin: -8px 0 0 -29px ; padding: 0 0 0 6px ; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-headers .item-sets-table-header .item-set-selector-all.hidden { display: none; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows { width: 1000px; height: 360px; overflow-x: hidden; overflow-y: auto; position: relative; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row { height: 60px; white-space: nowrap; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row:after { content: ''; position: absolute; height: 1px; width: 983px; margin-top: 59px; left: 5px; background-color: #1e2328; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-table-row-background { position: absolute; height: 60px; width: 983px; background: transparent; cursor: pointer; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-table-cell { position: relative; display: inline-flex; vertical-align: middle; align-items: center; height: 60px; pointer-events: none; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .title-text { color: #a09b8c; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .item-set-selector { pointer-events: auto; position: absolute; width: 23px; height: 60px; margin: 0 0 0 -29px ; padding: 0 0 0 6px ; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-title .item-set-selector.hidden { display: none; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs { justify-content: flex-start; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .champ-display { display: inline-block; margin: 0 5px; border: 2px solid #3c3c41; border-radius: 50%; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .champ-display .champ-icon { width: 40px; height: 40px; -webkit-clip-path: circle(18px at center); transform: scale(1.09); vertical-align: middle; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .more-champs { margin-top: 5px; margin-left: 11px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-champs .all-champ-text { color: #a09b8c; width: 214px; text-align: center; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-maps { justify-content: center; align-items: center; flex-direction: row ; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-maps .map-display { display: inline-block; margin: 0 10px; width: 27px; height: 27px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-maps .map-display.map-11 { background: url(/fe/lol-item-sets/map_11_off.png) no-repeat center center; background-size: 24px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-maps .map-display.map-11.associated { background: url(/fe/lol-item-sets/map_11_on.png) no-repeat center center; background-size: 24px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-maps .map-display.map-12 { background: url(/fe/lol-item-sets/map_12_off.png) no-repeat center center; background-size: 25px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-maps .map-display.map-12.associated { background: url(/fe/lol-item-sets/map_12_on.png) no-repeat center center; background-size: 25px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-maps .map-display.map-10 { background: url(/fe/lol-item-sets/map_10_off.png) no-repeat center center; background-size: 27px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-maps .map-display.map-10.associated { background: url(/fe/lol-item-sets/map_10_on.png) no-repeat center center; background-size: 27px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-actions { justify-content: center; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-actions .more-button { width: 32px; height: 58px; margin-left: 47px; background: url(/fe/lol-item-sets/icon_ellipses.png) no-repeat center center; background-size: 16px; cursor: pointer; pointer-events: auto; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row .item-sets-actions .more-button:hover { -webkit-filter: brightness(2); } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row:hover { background-color: rgba(30,35,40,0.5); } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-table-row:hover .item-sets-title .title-text { color: #cdbe91; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; height: 160px; cursor: default; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .title { margin-top: -16px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .no-item-sets-row .content { width: 500px; text-align: center; margin-top: 16px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-create-new-row { display: flex; align-items: center; align-content: center; justify-content: center; height: 60px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-create-new-row .create-new-set-button, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-create-new-row .import-set-button { min-width: 200px; margin: 0 15px; } .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-create-new-row .create-new-set-button.hidden, .items-root-component .item-sets-browser .custom-item-sets-table .item-sets-table-rows .item-sets-create-new-row .import-set-button.hidden { display: none; } .items-root-component .item-sets-browser .view-recommended-sets-top { margin-top: 20px; height: 23px; } .items-root-component .item-sets-browser .view-recommended-sets-top:after { content: ''; position: absolute; height: 1px; width: 998px; left: 36px; bottom: 87px; background-color: #463714; } .items-root-component .item-sets-browser .view-recommended-sets-container { color: #cdbe91; display: flex; flex-direction: row ; justify-content: flex-start; align-items: center; align-content: flex-start; margin-top: 15px; padding: 0 10px; } .items-root-component .item-sets-browser .view-recommended-sets-container .recommend-a-set-text { direction: ltr; flex: 0 0 271px; text-align: left ; padding: 0 0 0 18px ; cursor: default; } .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion { flex: 0 0 250px; display: flex; flex-direction: row ; justify-content: flex-start ; align-items: center; align-content: flex-start ; } .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .selected-champ-display { cursor: pointer; } .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .selected-champ-display .icon-container { background: linear-gradient(to top, #463714 4%, #785a28 23%, #c89b3c 90%, #c8aa6e 100%); border-radius: 50%; width: 44px; height: 44px; } .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .selected-champ-display .icon-container .champ-icon { width: 40px; height: 40px; margin: 2px; -webkit-clip-path: circle(18px at center); transform: scale(1.11); vertical-align: middle; } .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .selected-champ-display .icon-container .champ-icon.champ-none { -webkit-clip-path: circle(19px at center); transform: scale(1.05); } .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .selected-champ-display .icon-container:hover { background: linear-gradient(to top, #c89b3c 0%, #f0e6d2 100%); } .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .selected-champ-display .icon-container:active { background: linear-gradient(to top, #785a28 0%, #463714 100%); } .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .selected-champ-text { direction: ltr; flex: 0 0 190px; text-align: left ; padding: 0 0 0 15px ; cursor: default; } .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .champ-selector-dialog { display: none; direction: ltr; position: absolute; z-index: 10; bottom: 95px; left: 71px ; outline: none; } .items-root-component .item-sets-browser .view-recommended-sets-container .select-champion .champ-selector-dialog.show { display: flex; justify-content: center; } .items-root-component .item-sets-browser .view-recommended-sets-container .select-map { width: 152px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: flex-start; } .items-root-component .item-sets-browser .view-recommended-sets-container .select-map .selected-map-display { display: flex; justify-content: center; align-items: center; flex-direction: row ; } .items-root-component .item-sets-browser .view-recommended-sets-container .select-map .selected-map-display .map-display { display: inline-block; margin: 0 5px; cursor: pointer; } .items-root-component .item-sets-browser .view-recommended-sets-container .select-map .selected-map-display .map-display .map-icon { width: 42px; height: 42px; vertical-align: middle; } .items-root-component .item-sets-browser .view-recommended-sets-container .view-button-container { flex: 0 0 280px; display: flex; flex-direction: row ; justify-content: flex-end; } .items-root-component .item-sets-browser .view-recommended-sets-container .view-button-container .view-button { direction: ltr; } .items-root-component .item-sets-browser .view-recommended-sets-container .view-button-container .create-custom-button { padding: 0 0 0 30px ; } .lol-tooltip-component { display: none; }