.flyout-component .flyout-title .flyout-title-label{font-family:var(--font-display);-webkit-font-feature-settings:"kern" 1;font-kerning:normal;-webkit-user-select:none;-webkit-font-smoothing:antialiased;text-transform:uppercase}.flyout-component .flyout-title .flyout-title-label:lang(el-gr),.flyout-component .flyout-title .flyout-title-label:lang(ja-jp),.flyout-component .flyout-title .flyout-title-label:lang(ko-kr),.flyout-component .flyout-title .flyout-title-label:lang(th-th),.flyout-component .flyout-title .flyout-title-label:lang(tr-tr),.flyout-component .flyout-title .flyout-title-label:lang(zh-tw){text-transform:none}.flyout-component .flyout-title .flyout-title-label{color:#f0e6d2;font-size:18px;font-weight:700;letter-spacing:.05em;line-height:22px}.flyout-component .flyout-title .flyout-title-label:lang(ar-ae){letter-spacing:0}.flyout-component{direction:rtl;height:610px;position:inherit;width:775px}.flyout-component .flyout-title{align-items:center;border-bottom:thin solid #463714;display:flex}.flyout-component .flyout-title .flyout-title-label{flex-grow:1;margin:10px}.flyout-component .flyout-title .flyout-title-close{background-color:#a09b8c;cursor:pointer;height:18px;margin:0 0 0 10px;-webkit-mask-image:url(/fe/lol-skins-picker/images/control-close.png);-webkit-mask-size:contain;width:18px}.flyout-component .flyout-title .flyout-title-close:hover{background-color:#f0e6d2}.flyout-component .flyout-title .flyout-title-close:active{background-color:#5b5a56}.flyout-component .flyout-title .flyout-title-restore-default{margin-bottom:5px;margin-right:10px;margin-top:5px}.flyout-component .skins-grid{border-bottom:thin solid #463714;margin-bottom:5px}.control-panel-component{align-items:center;display:flex;height:52px}.control-panel-component .control-panel-text-filter{margin:10px}.control-panel-component .control-panel-text-filter .control-panel-search-text{min-width:400px}.control-panel-component .control-panel-grouping-options,.control-panel-component .control-panel-sort-options{margin:10px 0 10px 10px}.skins-grid-component .skins-grid-content .group-title-wrapper .group-title,.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label{font-family:var(--font-display);-webkit-font-feature-settings:"kern" 1;font-kerning:normal;-webkit-user-select:none;-webkit-font-smoothing:antialiased;text-transform:uppercase}.skins-grid-component .skins-grid-content .group-title-wrapper .group-title:lang(el-gr),.skins-grid-component .skins-grid-content .group-title-wrapper .group-title:lang(ja-jp),.skins-grid-component .skins-grid-content .group-title-wrapper .group-title:lang(ko-kr),.skins-grid-component .skins-grid-content .group-title-wrapper .group-title:lang(th-th),.skins-grid-component .skins-grid-content .group-title-wrapper .group-title:lang(tr-tr),.skins-grid-component .skins-grid-content .group-title-wrapper .group-title:lang(zh-tw),.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label,.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label:lang(el-gr),.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label:lang(ja-jp),.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label:lang(ko-kr),.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label:lang(th-th),.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label:lang(tr-tr),.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label:lang(zh-tw){text-transform:none}.skins-grid-component .skins-grid-content .group-title-wrapper .group-title{color:#f0e6d2;font-size:18px;font-weight:700;letter-spacing:.05em;line-height:22px}.skins-grid-component .skins-grid-content .group-title-wrapper .group-title:lang(ar-ae){letter-spacing:0}.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label{color:#f0e6d2;font-size:12px;font-weight:700;letter-spacing:.075em;line-height:16px}.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label:lang(ja-jp){font-size:13px}.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label{letter-spacing:.0375em}.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label:lang(ar-ae){letter-spacing:0}.skins-grid-component .skins-grid-content{height:478px;margin:0 0 0 10px;position:relative;width:765px}.skins-grid-component .skins-grid-content:lang(ar-ae){margin:0 10px 0 0}.skins-grid-component .skins-grid-content .group-title-wrapper{margin-top:5px;width:750px}.skins-grid-component .skins-grid-content .group-title-wrapper .group-title{display:inline;padding:0 6px 0 0;text-transform:uppercase}.skins-grid-component .skins-grid-content .single-skin-wrapper{direction:rtl;float:right;margin:0 0 0 20px}.skins-grid-component .skins-grid-content .single-skin-wrapper:last-child{margin:0}.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile{position:relative}.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile:hover .tile-image{border:thin solid #c8aa6e;opacity:1}.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile.selected .tile-image{border:2px solid transparent;-webkit-border-image:linear-gradient(0deg,#c8aa6e 0,#c89b3c 44%,#a07b32 59%,#785a28);border-image-slice:1}.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile.selected .skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile:hover .tile-image{border:2px solid transparent}.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .overlay-tile{background-position:50%;background-size:cover;height:170px;left:0;position:absolute;top:0;width:170px}.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-image{border:thin solid #3c3c41;box-sizing:border-box;cursor:pointer;height:170px;opacity:.8;padding:1px;width:170px}.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name{position:absolute;width:100%}.skins-grid-component .skins-grid-content .single-skin-wrapper .skin-tile .tile-name .tile-label{line-height:14px;text-align:center}.skins-grid-component .skins-grid-content .group-separator{border:solid #1b292a;border-width:1px 0 0;margin-top:4px;width:750px}