@charset "UTF-8";.main-content-expanded-wrapper.svelte-11udbdq{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;width:100%}@media(max-width:1240px){.main-content-wrapper.svelte-11udbdq{box-sizing:border-box;padding:0 20px;width:100%!important}}.main-content-wrapper.svelte-11udbdq{display:flex;height:100%;width:1200px}#hide{opacity:0;position:absolute;white-space:pre;z-index:-100}.name-tag-search-input{align-items:center;cursor:text;display:flex;height:100%;position:relative;width:100%}.name-tag-search-input.unempty .placeholder{display:none}.name-tag-search-input.unempty .tag-padding{display:block}.name-tag-search-input.compact .result .profile-img{height:24px!important;width:24px!important}.name-tag-search-input.compact .result .summoner-name{margin-left:8px!important}.name-tag-search-input.compact .result .summoner-name .name{font-size:13px!important}.name-tag-search-input.compact .result .summoner-name .prev-name{font-size:11px!important;margin-top:3px!important}.name-tag-search-input.compact .result .metadata{display:none}.name-tag-search-input .placeholder{color:#434343;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:100%}.name-tag-search-input .tag-padding{color:hsla(0,0%,100%,.3);display:none;left:0;margin-left:5px;pointer-events:none;position:absolute}.name-tag-search-input input{background-color:transparent;border:none;color:#fff;height:100%;min-width:1px;padding:0!important;width:100%}.name-tag-search-input .quick-search-results{backdrop-filter:blur(10px);background-color:rgba(0,0,0,.6);border:1px solid #66625d;border-radius:3px;box-shadow:0 10px 15px 1px #000;box-sizing:border-box;color:#a09a87;display:none;flex-direction:column;left:0;margin-top:10px;overflow:hidden;position:absolute;top:100%;width:100%;z-index:100}.name-tag-search-input .quick-search-results.focused{display:flex}.name-tag-search-input .quick-search-results.inactive{display:none!important}.name-tag-search-input .quick-search-results .result{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;padding:8px 12px}.name-tag-search-input .quick-search-results .result:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.2)}.name-tag-search-input .quick-search-results .result:hover{background-color:rgba(90,81,58,.6)}.name-tag-search-input .quick-search-results .result.selected{background-color:rgba(120,95,31,.8)}.name-tag-search-input .quick-search-results .result.selected .name{color:#fff!important}.name-tag-search-input .quick-search-results .result.selected .prev-name{color:#a09a87!important}.name-tag-search-input .quick-search-results .result .profile-img{border-radius:3px;height:36px;overflow:hidden;width:36px}.name-tag-search-input .quick-search-results .result .summoner-name{display:flex;flex:1;flex-direction:column;justify-content:center;margin-left:15px;overflow:hidden}.name-tag-search-input .quick-search-results .result .summoner-name .name{align-items:center;color:#c2b598;display:flex;font-weight:700;overflow:hidden;padding:2px 0;white-space:nowrap}.name-tag-search-input .quick-search-results .result .summoner-name .name .game-name{white-space:nowrap}.name-tag-search-input .quick-search-results .result .summoner-name .name .tag{margin-left:3px;white-space:nowrap}.name-tag-search-input .quick-search-results .result .summoner-name .prev-name{color:#979080;font-size:12px;margin-top:3px}.name-tag-search-input .quick-search-results .result .metadata{margin-left:15px}.name-tag-search-input .quick-search-results .result .metadata .summoner-level{font-size:13px}ul.svelte-1rg6zyw.svelte-1rg6zyw{list-style:none;margin:0;padding:0}li.svelte-1rg6zyw.svelte-1rg6zyw{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.toast-container.svelte-1rg6zyw.svelte-1rg6zyw{box-sizing:border-box;color:#fff;max-width:100%;padding:4px;pointer-events:none;position:fixed;width:max-content;z-index:9999}.toast-container.bottom-right.svelte-1rg6zyw.svelte-1rg6zyw{bottom:1em;right:1em}.toast-container.bottom-left.svelte-1rg6zyw.svelte-1rg6zyw{bottom:1em;left:1em}.toast-container.top-left.svelte-1rg6zyw.svelte-1rg6zyw{left:1em;top:1em}.toast-container.top-right.svelte-1rg6zyw.svelte-1rg6zyw{right:1em;top:1em}.toast-container.top-center.svelte-1rg6zyw.svelte-1rg6zyw{left:50%;right:50%;top:1em;transform:translate(-50%)}.toast-container.bottom-center.svelte-1rg6zyw.svelte-1rg6zyw{bottom:1em;left:50%;right:50%;transform:translate(-50%)}.toast-container.center-center.svelte-1rg6zyw.svelte-1rg6zyw{left:50%;right:50%;top:50%;transform:translate(-50%,-50%)}.toast-container.svelte-1rg6zyw>.svelte-1rg6zyw:not(:last-child){margin-bottom:10px}.st-toast.svelte-1t011t6.svelte-1t011t6{background-clip:padding-box;background-color:hsla(0,0%,100%,.85);border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);cursor:pointer;font-size:.875rem;max-width:100%;pointer-events:auto;width:100%;z-index:10000}.st-toast.success.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{fill:#16a34a;color:#fff}.st-toast.info.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{fill:#0284c7;color:#fff}.st-toast.error.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{fill:#e11d48;color:#fff}.st-toast.warning.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{fill:#ca8a04;color:#fff}.st-toast.dark.svelte-1t011t6.svelte-1t011t6{background:#393939;color:#fff}.st-toast.dark.svelte-1t011t6 .st-toast-close-btn svg.svelte-1t011t6{fill:#fff}.st-toast.dark.svelte-1t011t6 .st-toast-close-btn.svelte-1t011t6:focus{border:1px solid #fff;border-radius:3px}.st-toast.dark.svelte-1t011t6 .st-toast-close-btn.svelte-1t011t6:focus:focus{border-color:#fff;outline:none}.st-toast.dark.success.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{fill:#16a34a;color:#fff}.st-toast.dark.success.svelte-1t011t6 .st-toast-header.svelte-1t011t6{border-bottom:1px solid #fff}.st-toast.dark.info.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{fill:#0284c7;color:#fff}.st-toast.dark.info.svelte-1t011t6 .st-toast-header.svelte-1t011t6{border-bottom:1px solid #fff}.st-toast.dark.error.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{fill:#e11d48;color:#fff}.st-toast.dark.error.svelte-1t011t6 .st-toast-header.svelte-1t011t6{border-bottom:1px solid #fff}.st-toast.dark.warning.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{fill:#ca8a04;color:#fff}.st-toast.dark.warning.svelte-1t011t6 .st-toast-header.svelte-1t011t6{border-bottom:1px solid #fff}.st-toast.light.svelte-1t011t6 .st-toast-close-btn svg.svelte-1t011t6,.st-toast.light.svelte-1t011t6.svelte-1t011t6{color:#161616}.st-toast.light.svelte-1t011t6 .st-toast-close-btn.svelte-1t011t6:focus{border:1px solid #fff;border-radius:3px}.st-toast.light.svelte-1t011t6 .st-toast-close-btn.svelte-1t011t6:focus:focus{border-color:#fff;outline:none}.st-toast.light.success.svelte-1t011t6.svelte-1t011t6{background:rgba(22,163,74,.2);border-color:#16a34a}.st-toast.light.success.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{fill:#16a34a;color:#fff}.st-toast.light.success.svelte-1t011t6 .st-toast-header.svelte-1t011t6{border-bottom:1px solid #16a34a}.st-toast.light.info.svelte-1t011t6.svelte-1t011t6{background:rgba(2,132,199,.2);border-color:#0284c7}.st-toast.light.info.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{fill:#0284c7;color:#fff}.st-toast.light.info.svelte-1t011t6 .st-toast-header.svelte-1t011t6{border-bottom:1px solid #0284c7}.st-toast.light.error.svelte-1t011t6.svelte-1t011t6{background:rgba(225,29,72,.2);border-color:#e11d48}.st-toast.light.error.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{fill:#e11d48;color:#fff}.st-toast.light.error.svelte-1t011t6 .st-toast-header.svelte-1t011t6{border-bottom:1px solid #e11d48}.st-toast.light.warning.svelte-1t011t6.svelte-1t011t6{background:rgba(202,138,4,.2);border-color:#ca8a04}.st-toast.light.warning.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{fill:#ca8a04;color:#fff}.st-toast.light.warning.svelte-1t011t6 .st-toast-header.svelte-1t011t6{border-bottom:1px solid #ca8a04}.st-toast-header.svelte-1t011t6.svelte-1t011t6{align-items:center;background-clip:padding-box;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px);display:flex;padding:.5rem .75rem}.st-toast-header.svelte-1t011t6 .st-toast-title.svelte-1t011t6{flex:1;margin-left:.5rem;outline:none;text-align:left}.st-toast-header.svelte-1t011t6 .st-toast-close-btn.svelte-1t011t6{background:transparent;border:0;margin-left:.75rem;margin-right:-.375rem}.st-toast-body.svelte-1t011t6.svelte-1t011t6{word-wrap:break-word;padding:.75rem 2rem;position:relative;text-align:left}.st-toast-body.st-toast-no-title.svelte-1t011t6.svelte-1t011t6{padding-left:.75rem}.st-toast-body.st-toast-no-title.svelte-1t011t6 .st-toast-icon.svelte-1t011t6{display:inline-block;position:relative;top:-1px}.st-toast-body.st-toast-no-title.svelte-1t011t6 .st-toast-description.svelte-1t011t6{margin-left:.5rem}.st-toast-body.svelte-1t011t6 .st-toast-close-btn.svelte-1t011t6{position:absolute;right:10px;top:13px}.st-toast-body.svelte-1t011t6 .st-toast-close-btn.svelte-1t011t6:focus{border-color:#fff}.st-toast.svelte-is9c7e.svelte-is9c7e{box-shadow:0 2px 6px 0 rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;height:auto;padding-left:.875rem;pointer-events:auto;position:relative;width:320px}.st-toast.svelte-is9c7e .st-toast-icon.svelte-is9c7e{flex-shrink:0;margin-right:.875rem;margin-top:.875rem}.st-toast.svelte-is9c7e progress[value].svelte-is9c7e{appearance:none;bottom:0;display:block;height:4px;left:0;position:absolute;right:0;width:100%}.st-toast.dark.svelte-is9c7e.svelte-is9c7e{background:#393939;color:#fff}.st-toast.dark.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-bar{background-color:#393939}.st-toast.dark.svelte-is9c7e .st-toast-close-btn svg.svelte-is9c7e{fill:#fff}.st-toast.dark.svelte-is9c7e .st-toast-close-btn.svelte-is9c7e:focus{border:1px solid #fff}.st-toast.dark.success.svelte-is9c7e.svelte-is9c7e{border-left:3px solid #16a34a}.st-toast.dark.success.svelte-is9c7e .st-toast-icon.svelte-is9c7e{fill:#16a34a;color:#fff}.st-toast.dark.success.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-value{background-color:#16a34a}.st-toast.dark.info.svelte-is9c7e.svelte-is9c7e{border-left:3px solid #0284c7}.st-toast.dark.info.svelte-is9c7e .st-toast-icon.svelte-is9c7e{fill:#0284c7;color:#fff}.st-toast.dark.info.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-value{background-color:#0284c7}.st-toast.dark.error.svelte-is9c7e.svelte-is9c7e{border-left:3px solid #e11d48}.st-toast.dark.error.svelte-is9c7e .st-toast-icon.svelte-is9c7e{fill:#e11d48;color:#fff}.st-toast.dark.error.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-value{background-color:#e11d48}.st-toast.dark.warning.svelte-is9c7e.svelte-is9c7e{border-left:3px solid #ca8a04}.st-toast.dark.warning.svelte-is9c7e .st-toast-icon.svelte-is9c7e{fill:#ca8a04;color:#fff}.st-toast.dark.warning.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-value{background-color:#ca8a04}.st-toast.light.svelte-is9c7e.svelte-is9c7e{fill:#161616;color:#161616}.st-toast.light.success.svelte-is9c7e.svelte-is9c7e{background:rgba(22,163,74,.2);border-left:3px solid #16a34a}.st-toast.light.success.svelte-is9c7e progress.svelte-is9c7e{background:rgba(22,163,74,.2)}.st-toast.light.success.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-bar{background-color:transparent}.st-toast.light.success.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-value{background-color:#16a34a}.st-toast.light.success.svelte-is9c7e .st-toast-icon.svelte-is9c7e{fill:#16a34a}.st-toast.light.success.svelte-is9c7e .st-toast-close-btn.svelte-is9c7e:focus{border:1px solid #16a34a}.st-toast.light.success.svelte-is9c7e.svelte-is9c7e:before{border:1px solid #16a34a;border-left-width:0;box-sizing:border-box;content:"";filter:opacity(.4);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.st-toast.light.info.svelte-is9c7e.svelte-is9c7e{background:rgba(2,132,199,.2);border-left:3px solid #0284c7}.st-toast.light.info.svelte-is9c7e progress.svelte-is9c7e{background:rgba(2,132,199,.2)}.st-toast.light.info.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-bar{background-color:transparent}.st-toast.light.info.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-value{background-color:#0284c7}.st-toast.light.info.svelte-is9c7e .st-toast-icon.svelte-is9c7e{fill:#0284c7}.st-toast.light.info.svelte-is9c7e .st-toast-close-btn.svelte-is9c7e:focus{border:1px solid #0284c7}.st-toast.light.info.svelte-is9c7e.svelte-is9c7e:before{border:1px solid #0284c7;border-left-width:0;box-sizing:border-box;content:"";filter:opacity(.4);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.st-toast.light.error.svelte-is9c7e.svelte-is9c7e{background:rgba(225,29,72,.2);border-left:3px solid #e11d48}.st-toast.light.error.svelte-is9c7e progress.svelte-is9c7e{background:rgba(225,29,72,.2)}.st-toast.light.error.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-bar{background-color:transparent}.st-toast.light.error.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-value{background-color:#e11d48}.st-toast.light.error.svelte-is9c7e .st-toast-icon.svelte-is9c7e{fill:#e11d48}.st-toast.light.error.svelte-is9c7e .st-toast-close-btn.svelte-is9c7e:focus{border:1px solid #e11d48}.st-toast.light.error.svelte-is9c7e.svelte-is9c7e:before{border:1px solid #e11d48;border-left-width:0;box-sizing:border-box;content:"";filter:opacity(.4);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.st-toast.light.warning.svelte-is9c7e.svelte-is9c7e{background:rgba(202,138,4,.2);border-left:3px solid #ca8a04}.st-toast.light.warning.svelte-is9c7e progress.svelte-is9c7e{background:rgba(202,138,4,.2)}.st-toast.light.warning.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-bar{background-color:transparent}.st-toast.light.warning.svelte-is9c7e progress[value].svelte-is9c7e::-webkit-progress-value{background-color:#ca8a04}.st-toast.light.warning.svelte-is9c7e .st-toast-icon.svelte-is9c7e{fill:#ca8a04}.st-toast.light.warning.svelte-is9c7e .st-toast-close-btn.svelte-is9c7e:focus{border:1px solid #ca8a04}.st-toast.light.warning.svelte-is9c7e.svelte-is9c7e:before{border:1px solid #ca8a04;border-left-width:0;box-sizing:border-box;content:"";filter:opacity(.4);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.st-toast-details.svelte-is9c7e.svelte-is9c7e{align-self:flex-start;margin-right:1rem;margin-top:.875rem;text-align:left}.st-toast-details.svelte-is9c7e .st-toast-title.svelte-is9c7e{font-size:.875rem;font-weight:600;letter-spacing:.16px;line-height:1.125rem;margin:0;outline:none;word-break:break-word}.st-toast-details.svelte-is9c7e .st-toast-description.svelte-is9c7e{font-size:.875rem;font-weight:400;letter-spacing:.16px;line-height:1.125rem;margin-bottom:1rem;margin-top:0;word-break:break-word}.st-toast-close-btn.svelte-is9c7e.svelte-is9c7e{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:3rem;justify-content:center;margin-left:auto;min-height:3rem;min-width:3rem;outline:2px solid transparent;outline-offset:-2px;padding:0;transition:outline .11s,background-color .11s;width:3rem}svg.svelte-c8tyih{stroke:currentColor;fill:currentColor;stroke-width:0;height:auto;max-height:100%;width:100%}.home-cover{display:flex;flex-direction:column;height:100%;width:100%}.home-cover:before{background:url(/img/common/home_bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:blur(6px);left:0;mask-image:linear-gradient(transparent,rgba(0,0,0,.5));position:absolute;right:0;top:30%}.home-cover>*{position:relative;z-index:1}.home-content-wrapper{align-items:center;display:flex;flex-direction:column;width:100%}@media screen and (max-width:690px){.favorites,.summoner-searcher{width:100%!important}}@media screen and (max-width:550px){.app-logo{width:200px!important}.app-logo .version{bottom:10px!important;font-size:11px!important}}@media screen and (max-width:335px){.app-logo{width:130px!important}.app-logo .version{display:none}}.app-logo{margin-bottom:50px;margin-top:200px;position:relative;width:300px}.app-logo .version{bottom:15px;color:#cdbe91;font-size:13px;font-weight:700;left:100%;margin-left:5px;position:absolute}.summoner-searcher{align-items:center;background-color:#63532c;border-radius:3px;box-shadow:0 3px 20px 0 rgba(0,0,0,.7);box-sizing:border-box;display:flex;height:50px;padding:8px 12px;width:650px}.summoner-searcher .searcher-input{flex:1;margin-left:12px}.summoner-searcher button,.summoner-searcher select{padding:0 5px}.summoner-searcher button,.summoner-searcher input,.summoner-searcher select{border:none!important;color:#fff}.summoner-searcher .placeholder{color:hsla(0,0%,100%,.4)!important}.favorites{box-shadow:0 3px 20px 0 rgba(0,0,0,.7);margin-top:50px;width:650px}.favorites,.favorites>.body{display:flex;flex-direction:column}.favorites>.body{padding:0!important;position:relative}.favorites .empty{align-items:center;display:flex;flex-direction:column;font-size:13px;justify-content:center;min-height:80px;opacity:.5}.favorites .empty .placeholder:not(:last-child){margin-bottom:5px}.favorites .favorite-summoners{display:flex;flex-direction:column}.favorites .favorite-summoners .summoner{align-items:center;color:#ddd3b6;cursor:pointer;display:flex;font-size:14px;height:50px;padding:0 15px}.favorites .favorite-summoners .summoner:not(:last-child){border-bottom:1px solid rgba(82,74,58,.441)}.favorites .favorite-summoners .summoner:hover{background-color:#29261e}.favorites .favorite-summoners .summoner:hover .summoner-name,.favorites .favorite-summoners .summoner:hover .summoner-tag{color:#ffdc73}.favorites .favorite-summoners .summoner .summoner-icon{border-radius:3px;height:30px;overflow:hidden;width:30px}.favorites .favorite-summoners .summoner .summoner-name{margin-left:15px}.favorites .favorite-summoners .summoner .summoner-tag{flex:1;margin-left:5px}.favorites .favorite-summoners .summoner .favorite-icon{align-items:center;background-color:#4a4234;border-radius:3px;color:#ffc71f;cursor:pointer;display:flex;height:16px;padding:4px}.favorites .favorite-summoners .summoner .favorite-icon:hover{background-color:#635946;color:#afa074}.footer{color:hsla(0,0%,81%,.4);flex-direction:column;font-size:12px;margin-top:30px}.footer,.footer .line{align-items:center;display:flex}.footer .line span.link{color:hsla(0,0%,81%,.4);cursor:pointer;text-decoration:none}.footer .line span.link:hover{color:#ffdc73}.footer .line:not(:last-child){margin-bottom:8px}.footer .split{margin-left:5px}.footer .split:before{content:"|";margin-right:5px}.player-searcher.svelte-1rtv3l2.svelte-1rtv3l2.svelte-1rtv3l2{background-color:#7d6a3d;box-sizing:border-box;display:flex;padding:8px 0;width:100%}.player-searcher.svelte-1rtv3l2 .searcher.svelte-1rtv3l2.svelte-1rtv3l2{background-color:#1d1a16;border-radius:3px;display:flex;font-size:14px;height:30px;width:100%}.player-searcher.svelte-1rtv3l2 .searcher.svelte-1rtv3l2>.svelte-1rtv3l2{border:none;height:100%}.player-searcher.svelte-1rtv3l2 .searcher .searcher-region.svelte-1rtv3l2.svelte-1rtv3l2{align-items:center;display:flex;justify-content:center;padding:0 8px}.player-searcher.svelte-1rtv3l2 .searcher #region_selector.svelte-1rtv3l2.svelte-1rtv3l2{border:none;color:#d7c9a5}.player-searcher.svelte-1rtv3l2 .searcher .searcher-input.svelte-1rtv3l2.svelte-1rtv3l2{color:#f2e4c2;flex:1;font-weight:400;padding:0 4px}.player-searcher.svelte-1rtv3l2 .searcher .searcher-input.svelte-1rtv3l2.svelte-1rtv3l2::placeholder{color:#7d6a3d;opacity:.7}.player-searcher.svelte-1rtv3l2 .searcher #search_btn.svelte-1rtv3l2.svelte-1rtv3l2{background-color:#3f3224;color:#d5ba7b;padding:0 12px}.custom-content-wrapper{align-items:center;display:flex;flex-direction:column;width:100%}@media screen and (max-width:690px){.menus,.menus .menu{width:100%!important}.menus .menu{font-size:15px;height:40px!important}.recent-customs{margin-top:20px!important;width:100%!important}}@media screen and (max-width:420px){.custom-configures .recent-custom-game-configure .name{flex:1;margin-right:15px}.custom-configures .recent-custom-game-configure .created-at{display:none}}.menus{display:flex}.menus .menu{align-items:center;background-color:#856738;border-radius:3px;cursor:pointer;display:flex;height:45px;justify-content:center;width:240px}.menus .menu:hover{background-color:#a67a34}.recent-customs{margin-top:50px;width:650px}.recent-customs,.recent-customs .custom-configures{display:flex;flex-direction:column}.recent-customs .custom-configures .recent-custom-game-configure{color:#cdbe91;cursor:pointer;display:flex;font-size:13px;padding:15px}.recent-customs .custom-configures .recent-custom-game-configure:not(:last-child){border-bottom:1px solid rgba(82,74,58,.441)}.recent-customs .custom-configures .recent-custom-game-configure:hover{background-color:#29261e;color:#ffdc73}.recent-customs .custom-configures .recent-custom-game-configure .created-at{color:#695c44;flex:1;margin-left:15px}@media screen and (max-width:768px){.custom-game-content .content{flex-direction:column-reverse}.custom-game-content .content .sub-panels{width:100%!important}.custom-game-content .content .sub-panels .multi-search{display:none!important}.custom-game-content .content .teams{overflow-x:overlay;width:100%!important}.custom-game-content .content .teams .summoner .name-most-champions{align-items:flex-start;flex-direction:column;gap:5px;margin-left:10px!important}.custom-game-content .content .teams .summoner .name{margin-left:0!important;margin-top:-3px;width:120px!important}.custom-game-content .content .teams .summoner .most-champions{margin-left:0!important}.custom-game-content .content .teams .summoner .most-champion:nth-child(n+6){display:none!important}.custom-game-content .content .teams .summoner .most-champion .champion-icon{height:20px!important;width:20px!important}.custom-game-content .content .teams .summoner .most-champion .score{display:none!important}.custom-game-content .content .teams .available-lines{margin-left:15px!important}}.custom-game-content{box-sizing:border-box;display:flex;padding:30px 0;width:100%}.custom-game-content .content{align-items:flex-start;display:flex;gap:15px;overflow-x:overlay;padding-bottom:160px;width:100%}.custom-game-content .content .teams{display:flex;flex:1;flex-direction:column}.custom-game-content .content .teams .card:not(:last-child){margin-bottom:15px}.custom-game-content .content .teams .header{display:flex}.custom-game-content .content .teams .header .title{flex:1}.custom-game-content .content .teams .header .rating{display:flex}.custom-game-content .content .teams .header .avg-tier{display:flex;margin-left:15px}.custom-game-content .content .sub-panels{display:flex;flex-direction:column;width:240px}.custom-game-content .content .sub-panels .card:not(:last-child){margin-bottom:15px}.custom-game-content .content .sub-panels .utility{display:flex;flex-direction:column}.custom-game-content .content .sub-panels .utility .body{padding:0}.custom-game-content .content .sub-panels .utility .options{display:flex;flex-direction:column}.custom-game-content .content .sub-panels .utility .options .option{align-items:center;color:#9a9077;cursor:pointer;display:flex;font-size:13px;height:30px;padding:0 10px}.custom-game-content .content .sub-panels .utility .options .option:not(:last-child){border-bottom:1px solid #3e3b31}.custom-game-content .content .sub-panels .utility .options .option:hover{background-color:#3e3b31;color:#ffe4a1}.custom-game-content .content .sub-panels .utility .options .option .icon{align-items:center;display:flex;justify-content:center;width:22px}.custom-game-content .content .sub-panels .utility .options .option .icon .copy-icon{display:flex;height:14px;width:14px}.custom-game-content .content .sub-panels .utility .options .option .text{margin-left:10px}.custom-game-content .content .sub-panels .multi-search{display:flex;min-width:240px}.custom-game-content .content .sub-panels .multi-search .header{align-items:center;display:flex;justify-content:space-between;position:relative}.custom-game-content .content .sub-panels .multi-search .header .applier-wrapper{align-items:center;display:flex;font-size:11px;font-weight:400;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.custom-game-content .content .sub-panels .multi-search .header .applier-wrapper .detected{color:#9a9078}.custom-game-content .content .sub-panels .multi-search .header .applier-wrapper .applier{align-items:center;background-color:#694f16;border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;margin-left:5px;padding:3px 5px}.custom-game-content .content .sub-panels .multi-search .header .applier-wrapper .applier:hover{background-color:#86651c}.custom-game-content .content .sub-panels .multi-search .header .applier-wrapper .applier.disabled{background-color:#484848;opacity:.7;pointer-events:none}.custom-game-content .content .sub-panels .multi-search .body{box-sizing:border-box;display:flex;flex-direction:column;padding:0;width:100%}.custom-game-content .content .sub-panels .multi-search .body textarea{background-color:rgba(0,0,0,.4);border:none;box-sizing:border-box;color:#9a937e;font-size:11px;min-height:160px;padding:5px 8px;resize:none}.custom-game-content .content .sub-panels .candidate-list{display:flex;flex-direction:column;min-width:240px;overflow:initial}.custom-game-content .content .sub-panels .candidate-list .body{padding:0}.custom-game-content .content .sub-panels .candidate-list .searcher{align-items:center;display:flex;justify-content:center;padding:7px 10px}.custom-game-content .content .sub-panels .candidate-list .searcher .searcher-wrapper{align-items:center;background-color:rgba(0,0,0,.393);border-radius:3px;display:flex;font-size:13px;padding:5px 8px;width:100%}.custom-game-content .content .sub-panels .candidate-list .candidates-wrapper{display:flex;flex-direction:column;max-height:260px;position:relative}.custom-game-content .content .sub-panels .candidate-list .candidates-wrapper .droppable-zone{align-items:center;backdrop-filter:blur(2px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.custom-game-content .content .sub-panels .candidate-list .candidates{display:flex;flex-direction:column;min-height:120px;overflow-y:overlay}.custom-game-content .content .sub-panels .candidate-list .candidates .placeholder{color:#867a58;font-size:13px;left:50%;line-height:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:normal;width:70%}.custom-game-content .content .sub-panels .candidate-list .candidates .candidate{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;height:34px;padding:4px 8px}.custom-game-content .content .sub-panels .candidate-list .candidates .candidate:not(:last-child){border-bottom:1px solid #3e3b31}.custom-game-content .content .sub-panels .candidate-list .candidates .candidate:hover{background-color:#3e3b31}.custom-game-content .content .sub-panels .candidate-list .candidates .candidate .candidate-menu{flex-direction:column;padding:8px}.custom-game-content .content .sub-panels .candidate-list .candidates .candidate .candidate-menu .menu{align-items:center;border-radius:5px;color:#f1deb5;cursor:pointer;display:flex;padding:8px 12px;width:120px}.custom-game-content .content .sub-panels .candidate-list .candidates .candidate .candidate-menu .menu:hover{background-color:hsla(0,0%,100%,.1)}.custom-game-content .content .sub-panels .candidate-list .candidates .candidate .profile-icon{border-radius:3px;height:22px;overflow:hidden;width:22px}.custom-game-content .content .sub-panels .candidate-list .candidates .candidate .name{align-items:center;display:flex;flex:1;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-game-content .content .sub-panels .candidate-list .candidates .candidate .name .game-name{color:#cdbe91}.custom-game-content .content .sub-panels .candidate-list .candidates .candidate .name .tag{margin-left:3px;opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-position.svelte-foxis7.svelte-foxis7{background-color:transparent!important;position:relative}.line-position.svelte-foxis7 .strength.svelte-foxis7{align-items:center;background-color:rgba(0,0,0,.7);border-radius:50%;bottom:-3px;color:#cdbe91;display:flex;font-size:9px;height:12px;justify-content:center;overflow:hidden;position:absolute;right:-3px;width:12px}.line-position.strength--1.svelte-foxis7.svelte-foxis7{filter:sepia(1) hue-rotate(-50deg) brightness(.8) saturate(6) contrast(1);opacity:.7}.line-position.strength-0.svelte-foxis7.svelte-foxis7{filter:grayscale(1) brightness(1);opacity:.3}.line-position.strength-1.svelte-foxis7.svelte-foxis7{filter:brightness(1);opacity:.7}.line-position.strength-2.svelte-foxis7.svelte-foxis7{filter:brightness(1) drop-shadow(0 0 5px rgba(255,255,255,.3)) contrast(1.2);opacity:1}.line-position.interactive.svelte-foxis7.svelte-foxis7{cursor:pointer}.tier-rank-component{align-items:center;border-radius:3px;box-sizing:border-box;display:flex;font-size:12px;padding:5px 8px}.tier-rank-component.interactive{cursor:pointer;filter:brightness(80%);transition:filter .1s linear}.tier-rank-component.interactive:hover{filter:brightness(100%)}.tier-rank-component.custom{border:1px solid #ffc362}.tier-rank-component.compact{background-color:transparent!important;background:none!important;box-shadow:none!important;padding:0}.tier-rank-component.compact .value{font-weight:700}.tier-rank-component .label{color:#fff;font-weight:700;margin-right:5px}.tier-rank-component .value{align-items:center;display:flex;justify-content:center}.tier-rank-component .value .lp,.tier-rank-component .value .rank{margin-left:3px}.tier-rank-component{background-color:#383838;color:#fff}.tier-rank-component.unranked{background-color:#353535}.tier-rank-component.iron{background-color:#656565;color:#fff}.tier-rank-component.bronze{background-color:#7e614e;color:#fff}.tier-rank-component.silver{background:linear-gradient(135deg,#c4c4c4,#2e2e2e,#858585)}.tier-rank-component.gold{background:linear-gradient(135deg,#ffc48a,#996400,#e8b05c)}.tier-rank-component.platinum{background:linear-gradient(135deg,#47d7ff,#005f59,#9df4ff)}.tier-rank-component.emerald{background:linear-gradient(135deg,#6bffce,#006534,#32ffb1)}.tier-rank-component.diamond{background:linear-gradient(135deg,#bd99ff,#1e7cff,#65c2ff,#dbbdff,#318aff)}.tier-rank-component.master{background:linear-gradient(135deg,#ffd1f5,#c000c3,#ba5fff,#e5adff,#ff31c5);box-shadow:0 0 8px 1px rgba(252,78,255,.676)}.tier-rank-component.grandmaster{background:linear-gradient(135deg,#ffdac6,#c30000,#661600,#ffa5a5,#ff1010);box-shadow:0 0 8px 1px rgba(255,78,78,.676)}.tier-rank-component.challenger{background:linear-gradient(135deg,#3fb9ff,#ffd876,#aeddff,#11a0ff,#bee4ff,#ffc93f);box-shadow:0 0 8px 1px rgba(78,181,255,.676)}.tier-rank-component.compact.iron{color:#5c5c5c}.tier-rank-component.compact.bronze{color:#9c7760}.tier-rank-component.compact.silver{color:#bcbcbc}.tier-rank-component.compact.gold{color:#e7ac54}.tier-rank-component.compact.platinum{color:#60b6d6}.tier-rank-component.compact.emerald{color:#3ed78d}.tier-rank-component.compact.diamond .value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c3a3ff,#77b2ff);background-clip:text;-webkit-background-clip:text;color:transparent}.tier-rank-component.compact.master .value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f4b7ff,#ff5fd2);background-clip:text;-webkit-background-clip:text;color:transparent}.tier-rank-component.compact.grandmaster .value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ffa5a5,#ff5151);background-clip:text;-webkit-background-clip:text;color:transparent}.tier-rank-component.compact.challenger .value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#95d8ff,#ecd59a,#c2e6ff,#fffcb2);background-clip:text;-webkit-background-clip:text;color:transparent}.team{display:flex;flex-direction:column}.team .header{align-items:center;display:flex}.team .header .avg-tier,.team .header .rating{align-items:center;color:#cdbe91;display:flex;font-size:12px;margin-left:15px}.team .header .avg-tier>.label,.team .header .rating>.label{filter:brightness(.6);font-weight:400}.team .header .avg-tier>.value,.team .header .rating>.value{font-weight:400;margin-left:8px}.team .body{display:flex;flex-direction:column;min-height:200px;padding:0!important;position:relative}.team .body .placeholder{color:#6c634a;display:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.team .summoners{display:flex;flex-direction:column}.team .summoners .summoner{align-items:center;border-left:5px solid #353535;display:flex;font-size:13px;height:40px;padding:8px 120px 8px 15px;position:relative}.team .summoners .summoner:hover{background-color:rgba(0,0,0,.3)}.team .summoners .summoner.context-menu-open{background-color:rgba(84,195,154,.14);box-shadow:inset 0 0 0 1px rgba(84,195,154,.8)}.team .summoners .summoner.red{border-left-color:#ff5b5b}.team .summoners .summoner.blue{border-left-color:#5d75ff}.team .summoners .summoner.green{border-left-color:#56c656}.team .summoners .summoner.yellow{border-left-color:#dcdc57}.team .summoners .summoner.purple{border-left-color:#b55bff}.team .summoners .summoner .summoner-menus{display:none;flex-direction:column;font-size:13px}.team .summoners .summoner .summoner-menus .menu{align-items:center;box-sizing:border-box;display:flex;min-width:160px;padding:8px 12px}.team .summoners .summoner .summoner-menus .menu:hover{background-color:rgba(125,115,81,.713);color:#fff}.team .summoners .summoner .summoner-menus .tier-rank-group{height:350px;overflow-y:overlay;padding:5px}.team .summoners .summoner .summoner-menus .color-label-group .color-label{align-items:center;display:flex;padding:8px 12px}.team .summoners .summoner .summoner-menus .color-label-group .color-label .color-ball{border-radius:50%;height:10px;width:10px}.team .summoners .summoner .summoner-menus .color-label-group .color-label .color-ball.red{background-color:#ff5b5b}.team .summoners .summoner .summoner-menus .color-label-group .color-label .color-ball.blue{background-color:#5d75ff}.team .summoners .summoner .summoner-menus .color-label-group .color-label .color-ball.green{background-color:#56c656}.team .summoners .summoner .summoner-menus .color-label-group .color-label .color-ball.yellow{background-color:#dcdc57}.team .summoners .summoner .summoner-menus .color-label-group .color-label .color-ball.purple{background-color:#b55bff}.team .summoners .summoner .summoner-menus .color-label-group .color-label .label{margin-left:8px}.team .summoners .summoner .summoner-menus .color-label-group .color-label:hover{background-color:rgba(125,115,81,.713);color:#fff}.team .summoners .summoner .droppable-zone{font-size:16px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.team .summoners .summoner .droppable-zone>*{pointer-events:none}.team .summoners .summoner .droppable-zone .hover-placeholder{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;width:100%}.team .summoners .summoner .position{height:20px;margin-right:15px;width:20px}.team .summoners .summoner .champion-icon,.team .summoners .summoner .profile-icon{border-radius:3px;height:36px;overflow:hidden;pointer-events:none;width:36px}.team .summoners .summoner .name-most-champions{align-items:center;display:flex}.team .summoners .summoner .name{align-items:center;display:flex;flex:1;font-size:13px;margin-left:15px;overflow:hidden;padding:2px 0;text-overflow:ellipsis;white-space:nowrap;width:180px}.team .summoners .summoner .name .name-bundle{align-items:center;display:flex}.team .summoners .summoner .name .name-bundle:hover{cursor:pointer;filter:brightness(1.3)}.team .summoners .summoner .name .name-bundle .game-name{color:#ffebc4}.team .summoners .summoner .name .name-bundle .tag{margin-left:5px;opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team .summoners .summoner .tier-ranks{align-items:center;display:flex;justify-content:center;padding:0 10px;width:130px}.team .summoners .summoner .tier-ranks .tier-rank-item{display:flex;justify-content:center}.team .summoners .summoner .tier-ranks .tier-rank-item:not(:last-child){margin-right:10px}.team .summoners .summoner .rating{align-items:center;display:flex;font-size:12px;justify-content:center;width:70px}.team .summoners .summoner .available-lines{align-items:center;display:flex;justify-content:center;margin:0 20px 0 30px}.team .summoners .summoner .available-lines .line{align-items:center;color:#464236;display:flex;font-size:13px;height:20px;padding:0 2px;width:20px}.team .summoners .summoner .available-lines .line:not(:last-child){margin-right:5px}.team .summoners .summoner .available-lines .line.check{color:#e5cb8b}.team .summoners .summoner .most-champions{align-items:center;display:flex;justify-content:space-between;margin-left:15px}.team .summoners .summoner .most-champions .most-champion{background-color:#000;display:flex;position:relative}.team .summoners .summoner .most-champions .most-champion:not(:last-child){margin-right:5px}.team .summoners .summoner .most-champions .most-champion .img img{opacity:.7;transform:scale(1.1)}.team .summoners .summoner .most-champions .most-champion .score{background-color:rgba(0,0,0,.3);bottom:0;color:rgba(255,235,196,.8);display:flex;font-size:9px;justify-content:center;left:0;padding:2px 0;position:absolute;text-align:center;width:100%}.team .summoners .summoner .representative-tier-rank{align-items:flex-end;background:linear-gradient(115deg,transparent 85%,hsla(0,0%,93%,.2));border:1px solid;border-image:linear-gradient(115deg,#3e3b31 75%,#676767);border-image-slice:1;border-left:0;border-top:0;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 12px;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:1}.team .summoners .summoner .representative-tier-rank .rank-type{color:hsla(0,0%,100%,.4);font-size:11px;margin-bottom:3px}.team .summoners .summoner .representative-tier-rank .tier.unranked{color:#727272}.team .summoners .summoner .representative-tier-rank.null{background:transparent!important}.team .summoners .summoner .representative-tier-rank.iron{background:linear-gradient(115deg,transparent 85%,#454545)!important;border-image:linear-gradient(160deg,#3e3b31 75%,#5c5c5c)!important;border-image-slice:1!important;color:#bdbdbd}.team .summoners .summoner .representative-tier-rank.bronze{background:linear-gradient(115deg,transparent 85%,#6c4e38)!important;border-image:linear-gradient(160deg,#3e3b31 75%,#a36d47)!important;border-image-slice:1!important;color:#bdbdbd}.team .summoners .summoner .representative-tier-rank.silver{background:linear-gradient(115deg,transparent 85%,#616161)!important;border-image:linear-gradient(160deg,#3e3b31 75%,#ababab)!important;border-image-slice:1!important;color:#ddd}.team .summoners .summoner .representative-tier-rank.gold{background:linear-gradient(115deg,transparent 85%,#a57e36)!important;border-image:linear-gradient(160deg,#3e3b31 75%,#ffd586)!important;border-image-slice:1!important;color:#ddd}.team .summoners .summoner .representative-tier-rank.platinum{background:linear-gradient(115deg,transparent 85%,#267372)!important;border-image:linear-gradient(160deg,#3e3b31 75%,#81caff)!important;border-image-slice:1!important;color:#ddd}.team .summoners .summoner .representative-tier-rank.emerald{background:linear-gradient(115deg,transparent 85%,#2a885f)!important;border-image:linear-gradient(160deg,#3e3b31 75%,#acffd6)!important;border-image-slice:1!important;color:#ddd}.team .summoners .summoner .representative-tier-rank.diamond{background:linear-gradient(115deg,transparent 85%,#374473 95%,#936bc4)!important;border-image:linear-gradient(160deg,#3e3b31 75%,#c6b6ff)!important;border-image-slice:1!important;color:#e9e9e9}.team .summoners .summoner .representative-tier-rank.master{background:linear-gradient(115deg,transparent 85%,#883868 95%,#986ab2)!important;border-image:linear-gradient(160deg,#3e3b31 75%,#f59dff)!important;border-image-slice:1!important;color:#fff}.team .summoners .summoner .representative-tier-rank.grandmaster{background:linear-gradient(115deg,transparent 85%,#512e2e,#b03434,#c18383 99%,#ffcaca)!important;border-image:linear-gradient(160deg,#3e3b31 75%,#ffb1bf)!important;border-image-slice:1!important;color:#fff}.team .summoners .summoner .representative-tier-rank.challenger{background:linear-gradient(115deg,transparent 85%,#35424f,#537aa6,#c7b462 99%,#ffebc4)!important;border-image:linear-gradient(160deg,#3e3b31 75%,#fffcec)!important;border-image-slice:1!important;color:#fff}.team .summoners .empty-placeholder{align-items:center;display:flex;height:100%;justify-content:center;opacity:.3;width:100%}.context-menu.svelte-1qoypto{cursor:auto;z-index:1000}.context-menu-inner.svelte-1qoypto,.context-menu.svelte-1qoypto{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.75);box-shadow:0 0 10px rgba(0,0,0,.1);display:none;flex-direction:column;position:fixed}.context-menu-inner.svelte-1qoypto{z-index:1001}.tier-rank-group.svelte-1w4bo6e{align-items:left;display:flex;flex-direction:column;gap:5px}.custom-game-header{background-color:#211e1b;border-bottom:1px solid #3e3b31;color:#c3bea9;padding:20px 0;width:100%}@media screen and (max-width:570px){.custom-game-header .header .title{font-size:25px!important}.custom-game-header .header .last-update-time{font-size:11px!important}}.custom-game-header .header{display:flex;flex-direction:column}.custom-game-header .header .title-row{align-items:baseline;display:flex;gap:8px;min-width:0}.custom-game-header .header .title{font-size:30px;line-height:1.2}.custom-game-header .header .title-input{background:transparent;border:0;border-bottom:1px solid #7d6a3d;box-sizing:border-box;color:inherit;font-family:inherit;margin:0;min-width:180px;outline:0;padding:0;width:min(650px,100% - 38px)}.custom-game-header .header .edit-name{align-items:center;background:transparent;border:0;color:#978f71;cursor:pointer;display:inline-flex;height:16px;justify-content:center;opacity:.75;padding:0;width:16px}.custom-game-header .header .edit-name:hover{color:#7d6a3d;opacity:1}.custom-game-header .header .last-update-time{font-size:13px;margin-top:10px}.custom-game-summary{background-color:#211e1b;border-bottom:1px solid #3e3b31;box-sizing:border-box;color:#c3bea9;height:220px;padding:20px 0;width:100%}.custom-game-summary .content{align-items:center;display:flex;height:100%;overflow-x:overlay;width:100%}.custom-game-summary .controller{align-items:center;color:#cdbe91;display:flex;flex:0 0 490px;height:168px}.custom-game-summary .controller .process{align-items:center;background-color:#34312b;border-radius:3px;box-sizing:border-box;display:flex;flex:0 0 140px;flex-direction:column;height:168px;justify-content:space-between;padding:10px}.custom-game-summary .controller .process .process-info{align-items:center;display:flex;flex-direction:column}.custom-game-summary .controller .process .process-info .label{font-size:11px;font-weight:700;opacity:.7}.custom-game-summary .controller .process .process-info .progress-bar{height:74px;margin-top:5px;width:74px}.custom-game-summary .controller .process .current-process{align-items:center;color:#9d9375;display:flex;font-size:10px;justify-content:center;min-height:12px;white-space:nowrap}.custom-game-summary .controller .process button.find-optimized{align-items:center;background-color:#856126;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:11px;height:26px;justify-content:center;width:116px}.custom-game-summary .controller .process button.find-optimized:hover{background-color:#a27731}.custom-game-summary .controller .process button.find-optimized:disabled{background-color:rgba(133,97,38,.45);color:hsla(0,0%,100%,.55);cursor:not-allowed}.custom-game-summary .controller .options{background-color:#34312b;border-radius:3px;box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:13px;height:168px;justify-content:center;margin-left:10px;min-width:275px;padding:16px}.custom-game-summary .controller .options .options-header{align-items:center;display:flex;margin-bottom:8px}.custom-game-summary .controller .options .options-header button{background-color:#6f6b62;border:none;color:#cdc9be;cursor:pointer;font-size:11px;margin-left:10px;padding:2px 7px}.custom-game-summary .controller .options .options-header button:disabled{cursor:not-allowed;opacity:.45}.custom-game-summary .controller .options .option{align-items:center;display:flex;height:34px}.custom-game-summary .controller .options .option>.label{color:#8b8471;flex:0 0 82px}.custom-game-summary .controller .options .option .slider{flex:1;min-width:130px}.custom-game-summary .controller .options .option .slider .rangeSlider{background-color:hsla(0,0%,100%,.1);height:5px}.custom-game-summary .controller .options .option .slider .rangeSlider .rangeBar{background-color:#856126;height:5px}.custom-game-summary .controller .options .option .slider .rangeSlider .rangeHandle{height:11px;top:2px;width:11px}.custom-game-summary .controller .options .option .slider .rangeSlider .rangeHandle .rangeNub{background-color:#dca86a;transition:transform .15s ease}.custom-game-summary .controller .options .option .slider .rangeSlider .rangeHandle .rangeNub:hover{transform:scale(1.25)}.custom-game-summary .controller .options .option .value{color:#c3bea9;flex:0 0 34px;text-align:right}.custom-game-summary .stats{display:flex;height:168px;margin-left:10px}.custom-game-summary .stats .stat{align-items:center;background-color:#34312b;border-radius:3px;box-sizing:border-box;display:flex;flex:0 0 132px;flex-direction:column;height:168px;justify-content:center;padding:12px}.custom-game-summary .stats .stat:not(:last-child){margin-right:10px}.custom-game-summary .stats .stat.highlight{color:#fff;font-weight:700}.custom-game-summary .stats .stat .label{font-size:13px;margin-bottom:12px}.custom-game-summary .stats .stat .chart{display:flex;height:100px;width:100px}.chart-wrapper.svelte-1k3ps5r.svelte-1k3ps5r{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.chart-wrapper.svelte-1k3ps5r .text.svelte-1k3ps5r{font-size:18px;font-weight:700;position:absolute}.rangeSlider{--pip:var(--range-pip,#789);--pip-text:var(--range-pip-text,var(--pip));--pip-active:var(--range-pip-active,#2f4f4f);--pip-active-text:var(--range-pip-active-text,var(--pip-active));--pip-hover:var(--range-pip-hover,#2f4f4f);--pip-hover-text:var(--range-pip-hover-text,var(--pip-hover));--pip-in-range:var(--range-pip-in-range,var(--pip-active));--pip-in-range-text:var(--range-pip-in-range-text,var(--pip-active-text))}.rangePips{bottom:-1em;height:1em;left:0;position:absolute;right:0}.rangePips.vertical{bottom:0;height:auto;left:100%;right:auto;top:0;width:1em}.rangePips .pip{height:.4em;position:absolute;top:.25em;white-space:nowrap;width:1px}.rangePips.vertical .pip{bottom:auto;height:1px;left:.25em;top:auto;width:.4em}.rangePips .pipVal{position:absolute;top:.4em;transform:translate(-50%,25%)}.rangePips.vertical .pipVal{left:.4em;position:absolute;top:0;transform:translate(25%,-50%)}.rangePips .pip{transition:all .15s ease}.rangePips .pipVal{transition:all .15s ease,font-weight 0s linear}.rangePips .pip{background-color:#789;background-color:var(--pip);color:#789;color:var(--pip-text)}.rangePips .pip.selected{background-color:#2f4f4f;background-color:var(--pip-active);color:#2f4f4f;color:var(--pip-active-text)}.rangePips.hoverable:not(.disabled) .pip:hover{background-color:#2f4f4f;background-color:var(--pip-hover);color:#2f4f4f;color:var(--pip-hover-text)}.rangePips .pip.in-range{background-color:#2f4f4f;background-color:var(--pip-in-range);color:#2f4f4f;color:var(--pip-in-range-text)}.rangePips .pip.selected{height:.75em}.rangePips.vertical .pip.selected{height:1px;width:.75em}.rangePips .pip.selected .pipVal{font-weight:700;top:.75em}.rangePips.vertical .pip.selected .pipVal{left:.75em;top:0}.rangePips.hoverable:not(.disabled) .pip:not(.selected):hover{transition:none}.rangePips.hoverable:not(.disabled) .pip:not(.selected):hover .pipVal{font-weight:700;transition:none}.rangeSlider{--slider:var(--range-slider,#d7dada);--handle-inactive:var(--range-handle-inactive,#99a2a2);--handle:var(--range-handle,#838de7);--handle-focus:var(--range-handle-focus,#4a40d4);--handle-border:var(--range-handle-border,var(--handle));--range-inactive:var(--range-range-inactive,var(--handle-inactive));--range:var(--range-range,var(--handle-focus));--float-inactive:var(--range-float-inactive,var(--handle-inactive));--float:var(--range-float,var(--handle-focus));--float-text:var(--range-float-text,#fff);border-radius:100px;height:.5em;margin:1em;position:relative;transition:opacity .2s ease}.rangeSlider,.rangeSlider *{user-select:none}.rangeSlider.pips{margin-bottom:1.8em}.rangeSlider.pip-labels{margin-bottom:2.8em}.rangeSlider.vertical{border-radius:100px;display:inline-block;min-height:200px;width:.5em}.rangeSlider.vertical.pips{margin-bottom:1em;margin-right:1.8em}.rangeSlider.vertical.pip-labels{margin-bottom:1em;margin-right:2.8em}.rangeSlider .rangeHandle{bottom:auto;display:block;height:1.4em;position:absolute;top:.25em;transform:translateY(-50%) translateX(-50%);width:1.4em;z-index:2}.rangeSlider.reversed .rangeHandle{transform:translateY(-50%) translateX(50%)}.rangeSlider.vertical .rangeHandle{left:.25em;top:auto;transform:translateY(50%) translateX(-50%)}.rangeSlider.vertical.reversed .rangeHandle{transform:translateY(-50%) translateX(-50%)}.rangeSlider .rangeHandle:before,.rangeSlider .rangeNub{border-radius:10em;display:block;height:100%;left:0;position:absolute;top:0;transition:box-shadow .2s ease;width:100%}.rangeSlider .rangeHandle:before{bottom:1px;box-shadow:0 0 0 0 var(--handle-border);content:"";height:auto;left:1px;opacity:0;right:1px;top:1px;width:auto}.rangeSlider.hoverable:not(.disabled) .rangeHandle:hover:before{box-shadow:0 0 0 8px var(--handle-border);opacity:.2}.rangeSlider.hoverable:not(.disabled) .rangeHandle.press:before,.rangeSlider.hoverable:not(.disabled) .rangeHandle.press:hover:before{box-shadow:0 0 0 12px var(--handle-border);opacity:.4}.rangeSlider.range:not(.min):not(.max) .rangeNub{border-radius:10em 10em 10em 1.6em}.rangeSlider.range .rangeHandle:first-of-type .rangeNub{transform:rotate(-135deg)}.rangeSlider.range .rangeHandle:nth-of-type(2) .rangeNub,.rangeSlider.range.reversed .rangeHandle:first-of-type .rangeNub{transform:rotate(45deg)}.rangeSlider.range.reversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-135deg)}.rangeSlider.range.vertical .rangeHandle:first-of-type .rangeNub{transform:rotate(135deg)}.rangeSlider.range.vertical .rangeHandle:nth-of-type(2) .rangeNub,.rangeSlider.range.vertical.reversed .rangeHandle:first-of-type .rangeNub{transform:rotate(-45deg)}.rangeSlider.range.vertical.reversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(135deg)}.rangeSlider .rangeFloat{border-radius:.2em;display:block;font-size:1em;font-size:.9em;left:50%;opacity:0;padding:.2em .4em;pointer-events:none;position:absolute;text-align:center;top:-.5em;transform:translate(-50%,-100%);transition:all .2s ease;white-space:nowrap}.rangeSlider .rangeHandle.active .rangeFloat,.rangeSlider.hoverable .rangeHandle:hover .rangeFloat{opacity:1;top:-.2em;transform:translate(-50%,-100%)}.rangeSlider .rangeBar{border-radius:1em;display:block;height:.5em;position:absolute;top:0;transition:background .2s ease;user-select:none;z-index:1}.rangeSlider.vertical .rangeBar{height:auto;width:.5em}.rangeSlider{background-color:#d7dada;background-color:var(--slider)}.rangeSlider .rangeBar{background-color:#99a2a2;background-color:var(--range-inactive)}.rangeSlider.focus .rangeBar{background-color:#838de7;background-color:var(--range)}.rangeSlider .rangeNub{background-color:#99a2a2;background-color:var(--handle-inactive)}.rangeSlider.focus .rangeNub{background-color:#838de7;background-color:var(--handle)}.rangeSlider .rangeHandle.active .rangeNub{background-color:#4a40d4;background-color:var(--handle-focus)}.rangeSlider .rangeFloat{background-color:#99a2a2;background-color:var(--float-inactive);color:#fff;color:var(--float-text)}.rangeSlider.focus .rangeFloat{background-color:#4a40d4;background-color:var(--float)}.rangeSlider.disabled{opacity:.5}.rangeSlider.disabled .rangeNub{background-color:#d7dada;background-color:var(--slider)}.content-wrapper{align-items:flex-start;display:flex;padding:20px 0 100px;width:100%}@media screen and (max-width:1250px){.content-wrapper{flex-direction:column}.content-wrapper .rank-summary{width:100%}.content-wrapper .match-info{margin-left:0;margin-top:20px;width:100%}.left-section{width:100%!important}.rank-summary{flex-direction:row!important;width:100%}.rank-summary .rank{flex:1;min-width:250px}.rank-summary .rank:not(:first-child){margin-left:10px;margin-top:0!important}}@media screen and (max-width:900px){.content-wrapper{flex-direction:column}.content-wrapper .match-summary .body{overflow-x:overlay}}.left-section{display:flex;flex-direction:column;width:300px}.left-section>:not(:first-child){margin-top:10px}.left-section .rank-summary{overflow-x:overlay}.left-section .rank-summary,.left-section .rank-summary .rank{display:flex;flex-direction:column}.left-section .rank-summary .rank:not(:first-child){margin-top:10px}.left-section .rank-summary .rank .rank-body{display:flex;padding:10px 15px}.left-section .rank-summary .rank .rank-body .rank-icon{background:radial-gradient(circle,rgba(0,0,0,.3) 0,transparent 70%)!important;border-radius:5px;height:60px;width:60px}.left-section .rank-summary .rank .rank-body .rank-icon.null{background:rgba(0,0,0,.3)!important}.left-section .rank-summary .rank .rank-body .rank-info{display:flex;flex:1;flex-direction:column;justify-content:center;margin-left:20px}.left-section .rank-summary .rank .rank-body .rank-info .rank-row{align-items:center;display:flex;justify-content:space-between}.left-section .rank-summary .rank .rank-body .rank-info .rank-row:not(:first-child){margin-top:8px}.left-section .rank-summary .rank .rank-body .rank-info .rank-tier{color:#fff;font-size:20px;font-weight:700}.left-section .rank-summary .rank .rank-body .rank-info .rank-lp,.left-section .rank-summary .rank .rank-body .rank-info .rank-win-lose,.left-section .rank-summary .rank .rank-body .rank-info .rank-win-rate{color:#d7c9a5;font-size:12px}.left-section .recent-players{display:flex;flex-direction:column}.left-section .recent-players .body{color:#949188;display:flex;flex-direction:column;font-size:13px;padding:10px 15px}.left-section .recent-players .body .row{align-items:center;display:flex;height:30px}.left-section .recent-players .body .row>*{text-align:center}.left-section .recent-players .body .row .player-icon{border-radius:3px;height:20px;margin-right:10px;overflow:hidden;width:20px}.left-section .recent-players .body .row .player-name{align-items:center;color:#d3cab3;display:flex;flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.left-section .recent-players .body .row .player-name:hover{cursor:pointer;filter:brightness(1.2)}.left-section .recent-players .body .row .player-name .game-tag{color:hsla(43,27%,76%,.3);margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.left-section .recent-players .body .row .player-game-count{width:40px}.left-section .recent-players .body .row .player-win-lose{width:70px}.left-section .recent-players .body .row .player-win-rate{width:40px}.left-section .recent-players .body .list-header{color:#d7c9a5;margin-bottom:10px}.left-section .recent-players .body .player:not(:last-child){border-bottom:1px solid #453f31;padding:4px 0}.match-info{flex:1;flex-direction:column;margin-left:15px;overflow:hidden}.match-info,.match-info .match-summary,.match-info .match-summary>.header{display:flex}.match-info .match-summary>.header .menu{display:flex;width:100%}.match-info .match-summary>.header .menu .menu-item{align-items:center;border-radius:3px;color:#d7c9a5;cursor:pointer;display:flex;font-size:13px;font-weight:700;padding:8px 10px}.match-info .match-summary>.header .menu .menu-item:hover{color:#fff}.match-info .match-summary>.header .menu .menu-item:not(:first-child){margin-left:6px}.match-info .match-summary>.header .menu .menu-item.selected{background-color:#524a3a;color:#fff}.match-info .match-summary>.body{align-items:center;box-sizing:border-box;display:flex;height:150px;padding:20px}.match-info .match-summary>.body .win-rate-section{height:100px;width:100px}.match-info .match-summary>.body .win-rate-section .label{display:flex;flex-direction:column;width:100%}.match-info .match-summary>.body .win-rate-section .label .win-count{font-size:10px;text-align:center}.match-info .match-summary>.body .win-rate-section .label .win-rate{color:#7cdfb2;margin-top:5px;text-align:center}.match-info .match-summary>.body .kda-section{align-items:flex-start;display:flex;flex:1;flex-direction:column;margin-left:20px}.match-info .match-summary>.body .kda-section .kda{align-items:center;display:flex;font-size:16px}.match-info .match-summary>.body .kda-section .kda .kda-segment{color:#fff;font-weight:700}.match-info .match-summary>.body .kda-section .kda .kda-segment.kill{color:#7cbbff}.match-info .match-summary>.body .kda-section .kda .kda-segment.death{color:#ff4545}.match-info .match-summary>.body .kda-section .kda .kda-split{margin:0 4px}.match-info .match-summary>.body .kda-section .performance{align-items:center;display:flex;margin-top:12px}.match-info .match-summary>.body .kda-section .performance>*{border-radius:3px;font-size:13px;padding:5px 7px}.match-info .match-summary>.body .kda-section .performance .kda-rate{background-color:rgba(189,147,79,.5);color:#dbcfba}.match-info .match-summary>.body .kda-section .performance .gg-grade{margin-left:5px}.match-info .match-summary>.body .kda-section .kill-assist-dealt-rate{align-items:center;display:flex;font-size:13px;margin-top:13px}.match-info .match-summary>.body .kda-section .kill-assist-dealt-rate .kill-assist{color:#ff5a5a}.match-info .match-summary>.body .kda-section .kill-assist-dealt-rate .dealt-rate{color:#c68548}.match-info .match-summary>.body .kda-section .kill-assist-dealt-rate .split{margin:0 5px}.match-info .match-summary>.body .recent-champions-section{display:flex;flex-direction:column;height:100%;margin-left:20px}.match-info .match-summary>.body .recent-champions-section .header{font-size:12px;margin-bottom:10px}.match-info .match-summary>.body .recent-champions-section .body{display:flex;flex:1;flex-direction:column}.match-info .match-summary>.body .recent-champions-section .body .champion{align-items:center;color:#756d60;display:flex;font-size:12px}.match-info .match-summary>.body .recent-champions-section .body .champion:not(:first-child){margin-top:8px}.match-info .match-summary>.body .recent-champions-section .body .champion .champion-icon{border-radius:3px;height:23px;overflow:hidden;width:23px}.match-info .match-summary>.body .recent-champions-section .body .champion .champion-icon img{transform:scale(1.2)}.match-info .match-summary>.body .recent-champions-section .body .champion .champion-game-count{color:#c0b494;margin-left:10px}.match-info .match-summary>.body .recent-champions-section .body .champion .win-rate{margin-left:10px;width:65px}.match-info .match-summary>.body .recent-champions-section .body .champion .kda-rate{background-color:#3f392d;border-radius:3px;color:#a59c8c;margin-left:10px;padding:3px 5px}.match-info .match-summary>.body .favorite-positions{display:flex;flex-direction:column;font-size:12px;height:100%;margin-left:30px}.match-info .match-summary>.body .favorite-positions .header{font-size:12px;margin-bottom:10px}.match-info .match-summary>.body .favorite-positions .body{display:flex;flex-direction:column;height:100%;justify-content:space-between}.match-info .match-summary>.body .favorite-positions .body .position{align-items:center;display:flex}.match-info .match-summary>.body .favorite-positions .body .position.none .position-count{opacity:.2}.match-info .match-summary>.body .favorite-positions .body .position .position-icon{height:18px;width:18px}.match-info .match-summary>.body .favorite-positions .body .position .rate{background-color:#151310;display:flex;height:10px;position:relative;width:100px}.match-info .match-summary>.body .favorite-positions .body .position .rate .filler{background-color:#8d7d50;height:100%;left:0;position:absolute;top:0}.match-info .match-summary>.body .favorite-positions .body .position .position-name{margin-left:8px;width:45px}.match-info .match-summary>.body .favorite-positions .body .position .position-count{margin-left:10px}.match-info .match-history{display:flex;flex-direction:column;margin-top:10px}@media screen and (max-width:900px){.match-info .match-history .ingame-stat-section{display:none!important}}.match-info .match-history .more-matches{align-items:center;color:#cdbe91;cursor:pointer;display:flex;height:50px;justify-content:center;margin-top:10px}.match-info .match-history .more-matches:hover{background-color:#2c261f}.dougnut-chart-wrapper.svelte-14pa13e.svelte-14pa13e{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.dougnut-chart-wrapper.svelte-14pa13e .inner.svelte-14pa13e{font-size:18px;font-weight:700;position:absolute}.match-wrapper{border-radius:3px;display:flex;flex-direction:column;overflow:hidden;padding-left:6px;position:relative}.match-wrapper .color-flag{background-color:#464646;height:100%;left:0;position:absolute;top:0;width:6px;z-index:3}.match-wrapper .color-flag.win{background-color:#296ba4}.match-wrapper .color-flag.lose{background-color:#c24d4d}.match-wrapper:not(:last-child){margin-bottom:12px}.match{align-items:center;background-color:#1b1b1b;box-sizing:border-box;color:#8c8c8c;display:flex;height:110px;overflow:hidden;padding-left:6px;position:relative}@media screen and (max-width:470px){.match{height:88px}.match .body{margin-left:5px!important}.match .body .champion-icon{height:36px!important;width:36px!important}.match .body .rune-section .rune-icon,.match .body .spell-section .spell-icon{height:17px!important;width:17px!important}.match .kda-section{width:110px!important}.match .kda-section .kda{font-size:15px!important}.match .kda-section .kda-rate{font-size:10px!important;margin-top:5px!important;padding:2px 5px!important}.match .match-duration{display:none}.match .item-section{margin-top:5px!important}.match .item-section .item{height:22px!important;width:22px!important}.match .header{font-size:11px!important;width:65px!important}.match .header .match-type{font-size:16px!important}}.match.win{background-color:#1a232b;color:#8497a8}.match.win .match-type{color:#cadff4!important}.match.win .color-flag{background-color:#296ba4}.match.win .expand-btn{background-color:#24445f}.match.win .expand-btn:hover{background-color:#2d5678}.match.lose{background-color:#2b1b1b;color:#aa8282}.match.lose .match-type{color:#f6cece!important}.match.lose .color-flag{background-color:#c24d4d}.match.lose .expand-btn{background-color:#4f2525}.match.lose .expand-btn:hover{background-color:#5f2d2d}.match .header{box-sizing:border-box;display:flex;flex-direction:column;font-size:12px;height:100%;margin-left:8px;padding:12px 0;width:70px}.match .header>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match .header>.main{display:flex;flex:1;flex-direction:column}.match .header>.main .match-type{color:#e2e2e2;font-size:17px;font-weight:bolder}.match .header>.main .match-win{margin-top:8px}.match .header>.sub{display:flex;flex-direction:column;margin-top:5px}.match .header>.sub .match-duration{margin-top:8px}.match .body{align-items:center;display:flex;flex:1;height:100%;margin-left:15px}.match .body .champion-item-section{box-sizing:border-box;display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;padding:12px 0}.match .body .champion-item-section .champion-section{align-items:center;display:flex;height:50px}.match .body .champion-item-section .champion-section>*{height:100%}.match .body .champion-item-section .champion-section .champion-icon{border-radius:50%;box-sizing:border-box;display:flex;height:50px;overflow:hidden;width:50px}.match .body .champion-item-section .champion-section .champion-icon img{transform:scale(1.2)}.match .body .champion-item-section .champion-section .spell-section{display:flex;flex-direction:column;justify-content:space-between;margin-left:8px}.match .body .champion-item-section .champion-section .spell-section .spell-icon{border-radius:3px;height:23px;overflow:hidden;width:23px}.match .body .champion-item-section .champion-section .rune-section{display:flex;flex-direction:column;justify-content:space-between;margin-left:5px}.match .body .champion-item-section .champion-section .rune-section .rune-icon{border-radius:23px;height:23px;overflow:hidden;width:23px}.match .body .champion-item-section .champion-section .rune-section .rune-icon img{transform:scale(.8)}.match .body .champion-item-section .champion-section .kda-section{align-items:center;display:flex;flex-direction:column;justify-content:center;width:130px}.match .body .champion-item-section .champion-section .kda-section .kda{align-items:center;display:flex;font-size:17px}.match .body .champion-item-section .champion-section .kda-section .kda .kda-segment{font-weight:700}.match .body .champion-item-section .champion-section .kda-section .kda .kda-segment.kill{color:#7cbbff}.match .body .champion-item-section .champion-section .kda-section .kda .kda-segment.death{color:#ff4545}.match .body .champion-item-section .champion-section .kda-section .kda .kda-split{margin:0 4px}.match .body .champion-item-section .champion-section .kda-section .kda-rate{background-color:rgba(0,0,0,.2);border-radius:3px;font-size:12px;font-weight:700;margin-top:8px;padding:4px 7px}.match .body .champion-item-section .item-section{display:flex;margin-top:10px}.match .body .champion-item-section .item-section .item{border-radius:3px;display:flex;height:30px;overflow:hidden;width:30px}.match .body .champion-item-section .item-section .item:not(:first-child){margin-left:4px}.match .body .ingame-stat-section{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-left:10px;padding:12px 0;width:230px}.match .body .ingame-stat-section .ingame-stat-detail{display:flex;font-size:14px}.match .body .ingame-stat-section .ingame-stat-detail .subsection{display:flex;flex-direction:column}.match .body .ingame-stat-section .ingame-stat-detail .subsection:first-child{width:80px}.match .body .ingame-stat-section .ingame-stat-detail .subsection:not(:first-child){margin-left:5px}.match .body .ingame-stat-section .ingame-stat-detail .split{background-color:hsla(0,0%,100%,.1);height:100%;margin:0 8px;width:1px}.match .body .ingame-stat-section .ingame-stat-detail .kill-assists-rate{color:#ff5a5a;font-weight:700}.match .body .ingame-stat-section .ingame-stat-detail .minion-kills{font-size:12px;margin-top:8px}.match .body .ingame-stat-section .ingame-stat-detail .gold-earned{color:#b09c48;font-size:12px;margin-top:8px}.match .body .ingame-stat-section .ingame-stat-detail .dealt-rate{align-items:center;color:#c68548;display:flex;font-weight:700}.match .body .ingame-stat-section .ingame-stat-detail .dealt-rate .ranking{align-items:center;background-color:rgba(0,0,0,.3);border-radius:3px;color:#a79386;display:flex;font-size:11px;font-weight:400;margin-left:3px;padding:1px 2px}.match .body .ingame-stat-section .ingame-stat-detail .match-avg-tier-rank{align-items:center;display:flex;font-size:12px;margin-top:8px}.match .body .ingame-stat-section .ingame-stat-detail .match-avg-tier-rank .label{margin-right:3px}.match .body .ingame-stat-section .ingame-stat-detail .match-avg-tier-rank .tier-rank-component{filter:brightness(.8)}.match .body .ingame-stat-section .ingame-stat-detail .cc-time{font-size:12px;margin-top:8px}.match .body .ingame-stat-section .ingame-stat-detail .lane{align-items:center;display:flex;font-size:12px;margin-top:8px}.match .body .ingame-stat-section .ingame-stat-detail .lane .position-icon{height:12px;width:12px}.match .body .ingame-stat-section .ingame-stat-detail .lane .position-icon img{background-color:transparent!important}.match .body .ingame-stat-section .ingame-stat-detail .lane .position{margin-left:5px}.match .body .ingame-stat-section .representative-decorations{display:flex}.match .body .ingame-stat-section .representative-decorations .deco{align-items:center;background-color:rgba(0,0,0,.5);border-radius:3px;display:flex;font-size:12px;padding:4px 7px}.match .body .ingame-stat-section .representative-decorations .deco:not(:first-child){margin-left:5px}.match .body .ingame-stat-section .representative-decorations .deco.ace{background-color:#7759a4;color:#fff}.match .body .ingame-stat-section .representative-decorations .deco.mvp{background-color:#a97b25;color:#fff}.match .body .ingame-stat-section .representative-decorations .deco.penta{background:linear-gradient(135deg,#fff,#1fa1dd 20%,#ce8eff 40%,#1fa1dd 60%,#ce8eff 80%,#fff);color:#fff}.match .body .ingame-stat-section .representative-decorations .deco.quadra{background:linear-gradient(135deg,#ce8eff,#832fc3 40%,#a454e1);color:#fff}.match .body .ingame-stat-section .representative-decorations .deco.triple{background:linear-gradient(135deg,#2e4a6c,#17539d);color:#fff}.match .body .ingame-stat-section .representative-decorations .deco.double{background:#6e3131;color:#fff}.match .body .ingame-summoners-section{box-sizing:border-box;display:flex;height:100%;margin-right:15px}@media screen and (max-width:700px){.match .body .ingame-summoners-section .team:not(.my-team){display:none}}@media screen and (max-width:575px){.match .body .ingame-summoners-section .team{display:none!important}}.match .body .ingame-summoners-section .team{display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden}.match .body .ingame-summoners-section .team:not(:first-child){margin-left:10px}.match .body .ingame-summoners-section .team>.teammate{align-items:center;display:flex;width:100%}.match .body .ingame-summoners-section .team>.teammate:not(:first-child){margin-top:3px}.match .body .ingame-summoners-section .team>.teammate.me .teammate-name{color:#fff!important}.match .body .ingame-summoners-section .team>.teammate.me .teammate-tag{color:hsla(0,0%,100%,.5)!important}.match .body .ingame-summoners-section .team>.teammate .teammate-icon{align-items:center;border-radius:2px;display:flex;height:18px;overflow:hidden;width:18px}.match .body .ingame-summoners-section .team>.teammate .teammate-icon img{transform:scale(1.2)}.match .body .ingame-summoners-section .team>.teammate .teammate-nametag{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex:1;font-size:12px;height:100%;margin-bottom:-3px;margin-left:6px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap;width:85px}.match .body .ingame-summoners-section .team>.teammate .teammate-nametag:hover{color:#cdbe91}.match .body .ingame-summoners-section .team>.teammate .teammate-nametag:hover .teammate-tag{color:hsla(0,0%,100%,.5)}.match .body .ingame-summoners-section .team>.teammate .teammate-nametag .teammate-tag{color:hsla(0,0%,100%,.2);margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match .expand-btn{align-items:flex-end;background-color:hsla(0,0%,100%,.119);cursor:pointer;display:flex;height:100%;min-width:32px;overflow:hidden;width:32px}.match .expand-btn .expand-icon{height:30px;margin-bottom:5px;transform:scale(.7);width:100%}.match-detail{background-color:#222;border-top:1px solid rgba(0,0,0,.1);box-sizing:border-box;color:#8c8c8c;display:none;flex-direction:column}.match-detail.expanded{display:flex}.match-detail.win{background-color:#0d161e;color:#8497a8}.match-detail.win .menu-item{background-color:#1a232b;color:#b1d3f1}.match-detail.lose{background-color:#210c0c;color:#aa8282}.match-detail.lose .menu-item{background-color:#2b1b1b;color:#eea3a3}.match-detail .detail-menus{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;width:100%}.match-detail .detail-menus .menu-item{align-items:center;cursor:pointer;display:flex;flex:1;font-size:13px;justify-content:center;opacity:.4;padding:5px 0}.match-detail .detail-menus .menu-item.selected,.match-detail .detail-menus .menu-item:hover{opacity:1}.match-detail .detail-content{font-size:13px;overflow-x:overlay;width:100%}.match-detail .detail-content>*{min-width:870px}.detail-content>.summary{box-sizing:border-box}.detail-content>.summary,.detail-content>.summary .team{display:flex;flex-direction:column}.detail-content>.summary .team .header{align-items:center;display:flex}.detail-content>.summary .team .teammates{display:flex;flex-direction:column}.teammate-detail{align-items:center;box-sizing:border-box;display:flex;font-size:12px;padding:6px 10px}.teammate-detail.header{background-color:rgba(0,0,0,.4);font-size:13px;padding:8px 10px}.teammate-detail:not(.header):not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.1)}.teammate-detail.me{background-color:hsla(0,0%,100%,.03)}.teammate-detail.me .name-tier-section .name{color:#fff!important}.teammate-detail .champion-icon{border-radius:3px;height:33px;margin-right:5px;overflow:hidden;position:relative;width:33px}.teammate-detail .champion-icon img{transform:scale(1.2)}.teammate-detail .champion-icon .champion-level{background-color:#000;border-radius:3px;bottom:0;color:#fff;font-size:10px;left:0;opacity:.6;padding:1px 2px;position:absolute}.teammate-detail .team-name{flex:1}.teammate-detail .runes,.teammate-detail .spells{display:flex;flex-direction:column;margin-left:3px}.teammate-detail .runes .icon,.teammate-detail .spells .icon{border-radius:3px;height:15px;overflow:hidden;width:15px}.teammate-detail .runes .icon:not(:last-child),.teammate-detail .spells .icon:not(:last-child){margin-bottom:3px}.teammate-detail .runes .icon{border-radius:50%}.teammate-detail .runes .icon img{transform:scale(.9)}.teammate-detail .name-tier-section{align-items:flex-start;display:flex;flex:1;flex-direction:column;margin-left:5px;overflow:hidden;width:120px}.teammate-detail .name-tier-section .name{align-items:center;cursor:pointer;display:flex;font-size:13px}.teammate-detail .name-tier-section .name .game-name{filter:brightness(1.3)}.teammate-detail .name-tier-section .name .tag-line{margin-left:3px;opacity:.5}.teammate-detail .name-tier-section .tier-rank{align-items:center;display:flex;margin-top:5px;opacity:.7}.teammate-detail .gg-score{align-items:center;display:flex;justify-content:center;margin-left:8px;width:60px}.teammate-detail .gg-score .gg-score-box{align-items:center;border-radius:3px;color:#d7d7d7;display:flex;justify-content:center;padding:5px 0;position:relative;width:35px}.teammate-detail .gg-score .gg-score-box .score{font-size:13px;font-weight:700}.teammate-detail .gg-score .gg-score-box .ranking{background-color:#353535;border-radius:2px;bottom:calc(100% - 10px);color:#b3b3b3;font-size:9px;left:calc(100% - 7px);padding:2px 3px;position:absolute}.teammate-detail .gg-score .gg-score-box .ranking.mvp{background-color:#a4812a;color:#fff}.teammate-detail .gg-score .gg-score-box .ranking.ace{background-color:#5e40ab;color:#fff}.teammate-detail .kda-section{flex-direction:column;justify-content:center;margin-left:5px;width:70px}.teammate-detail .kda-section,.teammate-detail .kda-section .kda{align-items:center;display:flex}.teammate-detail .kda-section .kda-score{align-items:center;background-color:rgba(0,0,0,.5);border-radius:3px;color:#979797;display:flex;font-size:11px;margin-top:3px;padding:2px 5px}.teammate-detail .dealt{align-items:center;display:flex;justify-content:center;margin:0 5px;width:130px}.teammate-detail .dealt .total-dealt,.teammate-detail .dealt .total-heal{align-items:center;display:flex;flex:1;flex-direction:column}.teammate-detail .dealt .total-dealt .bar,.teammate-detail .dealt .total-heal .bar{background-color:#232323;display:flex;height:5px;margin-top:5px;width:50px}.teammate-detail .dealt .total-dealt .bar .filler,.teammate-detail .dealt .total-heal .bar .filler{height:100%}.teammate-detail .dealt .total-dealt .filler{background-color:#d45757}.teammate-detail .dealt .total-heal{margin-left:5px}.teammate-detail .dealt .total-heal .filler{background-color:#63b563}.teammate-detail .cc{margin-left:5px;text-align:center;width:60px}.teammate-detail .ward{flex-direction:column;margin-left:5px;width:50px}.teammate-detail .ward,.teammate-detail .ward .main{align-items:center;display:flex}.teammate-detail .ward .main .normal{color:#b89847}.teammate-detail .ward .main .score{margin-left:3px}.teammate-detail .ward .rest{align-items:center;display:flex;margin-top:3px}.teammate-detail .ward .rest .control{color:#ff91cf}.teammate-detail .ward .rest .split{margin:0 2px}.teammate-detail .ward .rest .remove{color:#ff4d4d}.teammate-detail .cs{font-size:11px;margin-left:5px;text-align:center;width:60px}.teammate-detail .items{align-items:center;display:flex;justify-content:center;margin-left:3px;width:180px}.teammate-detail .items .item{border-radius:3px;height:22px;overflow:hidden;width:22px}.teammate-detail .items .item:not(:last-child){margin-right:3px}.loader.svelte-n4dq4c{box-sizing:border-box;overflow:hidden;position:relative}.effect.svelte-n4dq4c{animation:svelte-n4dq4c-wave 1s infinite;background-color:#fff;border-radius:4px;color:#fff;height:100%;left:0;mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 75%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 75%,transparent);mask-position:50% top;-webkit-mask-position:50% top;mask-repeat:repeat;-webkit-mask-repeat:repeat;mask-size:200% 100%;-webkit-mask-size:200% 100%;opacity:.15;position:absolute;top:0;width:100%}@keyframes svelte-n4dq4c-wave{0%{-webkit-mask-position:50% top;mask-position:50% top}to{-webkit-mask-position:-150% top;mask-position:-150% top}}.player-header{background-color:#211e1b;border-bottom:1px solid #3e3b31;width:100%}@media screen and (max-width:870px){.player-header .player-detail{display:none!important}}@media screen and (max-width:550px){.player-header .player-profile-icon{height:90px!important;min-height:90px!important;min-width:90px!important;width:90px!important}.player-header .player-profile-info .player-name .name{font-size:20px!important}.player-header .player-profile-info .player-name .tag{font-size:16px!important}.player-header #renew_btn{font-size:12px!important;padding:8px 0!important;width:100px!important}}@media screen and (max-width:400px){.player-header{overflow-x:overlay}}.player-header .player-info-summary{display:flex;padding:16px 0;width:100%}.player-header .player-info-summary .player-profile-icon{border:2px solid #cdbe91;border-radius:5px;box-sizing:border-box;height:110px;overflow:hidden;position:relative;width:110px}.player-header .player-info-summary .player-profile-icon .player-level{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;font-size:13px;justify-content:center;padding:7px 0;position:absolute;width:100%}.player-header .player-info-summary .player-profile-info{display:flex;flex:1;justify-content:flex-start;margin-left:20px}.player-header .player-info-summary .player-profile-info .profile-header{display:flex;flex-direction:column;min-width:280px}.player-header .player-info-summary .player-profile-info .profile-header .player-name{align-items:flex-end;display:flex;font-size:28px;font-weight:700}.player-header .player-info-summary .player-profile-info .profile-header .player-name .tag{color:hsla(0,0%,100%,.25);font-size:22px;margin-left:6px;margin-top:-5px}.player-header .player-info-summary .player-profile-info .profile-header .player-name .favorite-icon{align-items:center;align-self:center;background-color:hsla(0,0%,100%,.083);border-radius:3px;cursor:pointer;display:flex;height:15px;margin-left:10px;min-height:15px;min-width:15px;padding:5px}.player-header .player-info-summary .player-profile-info .profile-header .player-name .favorite-icon.enabled{background-color:#5b513f;color:#ffc71f}.player-header .player-info-summary .player-profile-info .profile-header .last-renewed-time{color:#89816e;flex:1;font-size:12px;margin-top:8px}.player-header .player-info-summary .player-profile-info .profile-header #renew_btn{background-color:#a28031;border:none;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 0;width:140px}.player-header .player-info-summary .player-profile-info .profile-header #renew_btn:disabled{background-color:#3b3320;color:hsla(0,0%,100%,.5);cursor:not-allowed}.player-header .player-info-summary .player-profile-info .player-detail{border-left:1px solid hsla(0,0%,100%,.1);display:flex;flex:1;flex-direction:column;margin-left:15px;padding-left:15px}.player-header .player-info-summary .player-profile-info .player-detail .last-tiers{align-items:center;display:flex}.player-header .player-info-summary .player-profile-info .player-detail .last-tiers .prev-tier{align-items:center;background-color:#4b4136;border-radius:3px;display:flex;font-size:12px;padding:4px 6px}.player-header .player-info-summary .player-profile-info .player-detail .last-tiers .prev-tier:not(:last-child){margin-right:5px}.player-header .player-info-summary .player-profile-info .player-detail .last-tiers .prev-tier .label{color:#e9d09f;font-weight:700}.player-header .player-info-summary .player-profile-info .player-detail .last-tiers .prev-tier .tier{color:#9e8a6b;margin-left:5px}.player-header .player-info-summary .player-profile-info .player-detail .mmr,.player-header .player-info-summary .player-profile-info .player-detail .performance,.player-header .player-info-summary .player-profile-info .player-detail .ranking{align-items:center;display:flex;font-size:12px;margin-top:10px}.player-header .player-info-summary .player-profile-info .player-detail .mmr .header,.player-header .player-info-summary .player-profile-info .player-detail .performance .header,.player-header .player-info-summary .player-profile-info .player-detail .ranking .header{align-items:center;display:flex;width:200px}.player-header .player-info-summary .player-profile-info .player-detail .mmr .header .label,.player-header .player-info-summary .player-profile-info .player-detail .performance .header .label,.player-header .player-info-summary .player-profile-info .player-detail .ranking .header .label{color:#7e7970}.player-header .player-info-summary .player-profile-info .player-detail .mmr .header .value,.player-header .player-info-summary .player-profile-info .player-detail .performance .header .value,.player-header .player-info-summary .player-profile-info .player-detail .ranking .header .value{align-items:center;color:#dfa645;display:flex;margin-left:5px}.player-header .player-info-summary .player-profile-info .player-detail .mmr .header .value .arrow,.player-header .player-info-summary .player-profile-info .player-detail .performance .header .value .arrow,.player-header .player-info-summary .player-profile-info .player-detail .ranking .header .value .arrow{margin-left:3px}.player-header .player-info-summary .player-profile-info .player-detail .mmr .header .value .mmr-value,.player-header .player-info-summary .player-profile-info .player-detail .performance .header .value .mmr-value,.player-header .player-info-summary .player-profile-info .player-detail .ranking .header .value .mmr-value{margin-right:3px}.player-header .player-info-summary .player-profile-info .player-detail .mmr .bar,.player-header .player-info-summary .player-profile-info .player-detail .performance .bar,.player-header .player-info-summary .player-profile-info .player-detail .ranking .bar{background-color:#313131;border-radius:2px;display:flex;height:100%;margin-left:12px;overflow:hidden;width:140px}.player-header .player-info-summary .player-profile-info .player-detail .mmr .bar .filler,.player-header .player-info-summary .player-profile-info .player-detail .performance .bar .filler,.player-header .player-info-summary .player-profile-info .player-detail .ranking .bar .filler{background-color:#9e7939;border-radius:2px;height:100%;padding:0!important}.player-header .player-info-summary .player-profile-info .player-detail .mmr .value{font-weight:700}.player-header .player-info-summary .player-profile-info .player-detail .performance .filler{filter:brightness(1.2)}.page-header.svelte-trnfsq{background-color:#211e1b;border-bottom:1px solid #3e3b31;width:100%}.page-menu-item.svelte-1cfrher{border-radius:3px;box-sizing:border-box;color:#a39885;cursor:pointer;display:flex;font-size:13px;justify-content:center;min-width:80px;padding:6px 12px}.page-menu-item.svelte-1cfrher:hover{background-color:#353129}.page-menu-item.selected.svelte-1cfrher{background-color:#695c40;color:#fff}.page-menu-item.svelte-1cfrher:not(:first-child){margin-left:10px}.page-menu.svelte-1rensc0{align-items:center;display:flex;padding:5px 0;width:100%}.masteries{display:flex;flex-direction:column;width:100%}@media screen and (max-width:873px){.masteries .most3-masteries{flex-direction:column!important;padding:10px 0!important}.masteries .most3-masteries .mastery{padding:8px 15px!important}.masteries .most3-masteries .mastery:not(:first-child){margin-left:0!important;margin-top:10px}.masteries .most3-masteries .mastery .mastery-image{height:50px!important;width:50px!important}.masteries .most3-masteries .mastery .mastery-info{flex-direction:row!important}.masteries .most3-masteries .mastery .mastery-info .mastery-name{flex:1;font-size:20px!important}.masteries .most3-masteries .mastery .mastery-info .mastery-points{align-items:center;display:flex;margin-left:18px;margin-top:0!important}.masteries .masteries-list{margin-top:10px!important}}.masteries .most3-masteries{display:flex;padding:20px 0}.masteries .most3-masteries .mastery{flex:1;padding:12px 25px}.masteries .most3-masteries .mastery:not(:first-child){margin-left:18px}.masteries .most3-masteries .mastery .mastery-image{background-color:#000;height:80px;width:80px}.masteries .most3-masteries .mastery .mastery-info{display:flex;flex:1;flex-direction:column;margin-left:18px}.masteries .most3-masteries .mastery .mastery-info .mastery-name{font-size:24px;font-weight:700}.masteries .most3-masteries .mastery .mastery-info .mastery-points{font-size:18px;margin-top:10px}.masteries .masteries-list{display:flex;flex-direction:column;margin-top:10px}.masteries .masteries-list .mastery:not(:first-child){margin-top:12px}.masteries .masteries-list .mastery .mastery-image{background-color:#000;height:40px;width:40px}.masteries .masteries-list .mastery .mastery-info{align-items:center;display:flex;flex:1;justify-content:flex-end;margin-left:15px}.masteries .masteries-list .mastery .mastery-info .mastery-name{flex:1;font-size:17px;font-weight:700}.masteries .masteries-list .mastery .mastery-info .mastery-points{flex:1;text-align:right}.masteries .mastery{align-items:center;background-color:#171717;border:1px solid transparent;box-sizing:border-box;color:#d7c9a5;display:flex;flex-direction:row;overflow:hidden;padding:7px 18px 7px 20px;position:relative;transition:.1s linear}.masteries .mastery .color-flag{background-color:#363636;height:100%;left:0;position:absolute;top:0;width:6px}.masteries .mastery .mastery-header{align-items:center;display:flex}.masteries .mastery .mastery-header .mastery-level{align-items:center;background-color:#2f2c23;border-radius:3px;display:flex;font-size:14px;font-weight:700;height:22px;justify-content:center;margin-right:10px;width:22px}.masteries .mastery:hover{border:1px solid #7d6a3d;box-shadow:0 0 10px 1px #7d6a3d}.masteries .mastery.m-7{background-color:#1f292c;color:#8eb7bc}.masteries .mastery.m-7 .color-flag{background-color:#1f8b99}.masteries .mastery.m-7 .mastery-level{background-color:#1d8bb3;color:#fff}.masteries .mastery.m-7:hover{border:1px solid #1d8bb3;box-shadow:0 0 10px 1px #1d8bb3}.masteries .mastery.m-6{background-color:#291f29;color:#ceb0ce}.masteries .mastery.m-6 .color-flag{background-color:#ab3bad}.masteries .mastery.m-6 .mastery-level{background-color:#961e98;color:#fff}.masteries .mastery.m-6:hover{border:1px solid #961e98;box-shadow:0 0 10px 1px #961e98}.masteries .mastery.m-5{background-color:#2d1e1e;color:#d9b0b0}.masteries .mastery.m-5 .color-flag{background-color:#b63838}.masteries .mastery.m-5 .mastery-level{background-color:#a43d3d;color:#fff}.masteries .mastery.m-5:hover{border:1px solid #a43d3d;box-shadow:0 0 10px 1px #a43d3d}.ingame-card{display:flex;width:100%}.ingame-card.inactive .body{font-size:16px;padding:12px 16px!important}.ingame-card .header{align-items:center;display:flex}.ingame-card .header .game-time,.ingame-card .header .map-name{font-weight:400;margin-left:10px}.ingame-card .header .game-time{color:#8a816a;font-size:13px}.ingame-card .body{font-size:13px;padding:0!important}.ingame-card .body,.ingame-card .body .team{display:flex;flex-direction:column}.ingame-card .body .team.team-1 .team-header{background-color:#233f63}.ingame-card .body .team.team-2 .team-header{background-color:#632323}.ingame-card .body .team .team-header{background-color:#2f2f2f;display:flex;font-size:16px;padding:10px 15px}.ingame-card .body .team .members{display:flex;flex-direction:column;padding:0 15px}.ingame-card .body .team .members .member{align-items:center;display:flex;height:45px}.ingame-card .body .team .members .member:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.1)}.ingame-card .body .team .members .member .champion-icon{border-radius:3px;height:28px;overflow:hidden;width:28px}.ingame-card .body .team .members .member .champion-icon img{transform:scale(1.2)}.ingame-card .body .team .members .member .summoner-nametag{align-items:center;display:flex;font-size:14px;margin-left:15px}.ingame-card .body .team .members .member .summoner-nametag .summoner-tag{margin-left:5px;opacity:.3}.sort-visualizer.svelte-1o3lzok.svelte-1o3lzok{display:flex;flex-direction:column;width:16px}.sort-visualizer.dir--1.svelte-1o3lzok .arrow-down.svelte-1o3lzok,.sort-visualizer.dir-1.svelte-1o3lzok .arrow-up.svelte-1o3lzok{opacity:1}.sort-visualizer.svelte-1o3lzok .arrow.svelte-1o3lzok{align-items:center;display:flex;justify-content:center;opacity:.15}.sort-visualizer.svelte-1o3lzok .arrow-up.svelte-1o3lzok{margin-bottom:-4px;transform:scaleY(.5) rotate(-90deg)}.sort-visualizer.svelte-1o3lzok .arrow-down.svelte-1o3lzok{margin-top:-4px;transform:scaleY(.5) rotate(90deg)}.statistics-champion{width:100%}.statistics-champion .champion-list{display:flex;flex-direction:column;margin-top:15px;min-width:1040px;width:100%}.statistics-champion .champion-list .champion-item{align-items:center;box-sizing:border-box;color:#d6c6ab;display:flex;font-size:13px;padding:7px 11px;width:100%}.statistics-champion .champion-list .champion-item.header{background-color:#514931}.statistics-champion .champion-list .champion-item.header>*{align-items:center;cursor:pointer;display:flex;justify-content:center;user-select:none}.statistics-champion .champion-list .champion-item.header>* .label{width:auto!important}.statistics-champion .champion-list .champion-item.header>* .sort{margin-left:3px}.statistics-champion .champion-list .champion-item:not(.header):not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.137)}.statistics-champion .champion-list .champion-item .champion-position{align-items:center;display:flex;justify-content:center;width:50px}.statistics-champion .champion-list .champion-item .champion-img{border-radius:3px;height:30px;overflow:hidden;width:30px}.statistics-champion .champion-list .champion-item .champion-img img{transform:scale(1.2)}.statistics-champion .champion-list .champion-item .champion-name{cursor:pointer;flex:1;margin-left:20px}.statistics-champion .champion-list .champion-item .champion-name:hover{color:#fff}.statistics-champion .champion-list .champion-item .champion-items{align-items:center;display:flex;justify-content:center;width:120px}.statistics-champion .champion-list .champion-item .champion-items .item{border-radius:3px;height:28px;width:28px}.statistics-champion .champion-list .champion-item .champion-items .item:not(:last-child){margin-right:5px}.statistics-champion .champion-list .champion-item .champion-meta{align-items:center;display:flex;justify-content:center;text-align:center;width:140px}.statistics-champion .champion-list .champion-item .champion-played{text-align:center;width:120px}.statistics-champion .champion-list .champion-item .champion-banrate,.statistics-champion .champion-list .champion-item .champion-pickrate,.statistics-champion .champion-list .champion-item .champion-winrate{align-items:center;display:flex;justify-content:center;margin-right:10px;text-align:center;width:140px}.statistics-champion .champion-list .champion-item .champion-banrate .label,.statistics-champion .champion-list .champion-item .champion-pickrate .label,.statistics-champion .champion-list .champion-item .champion-winrate .label{width:70px}.statistics-champion .champion-list .champion-item .champion-banrate .bar-wrapper,.statistics-champion .champion-list .champion-item .champion-pickrate .bar-wrapper,.statistics-champion .champion-list .champion-item .champion-winrate .bar-wrapper{background-color:#100f0d;height:8px;overflow:hidden;width:70px}.statistics-champion .champion-list .champion-item .champion-banrate .bar-wrapper .bar,.statistics-champion .champion-list .champion-item .champion-pickrate .bar-wrapper .bar,.statistics-champion .champion-list .champion-item .champion-winrate .bar-wrapper .bar{background-color:#59b253;height:100%}.statistics-champion .champion-list .champion-item .champion-pickrate .bar{background-color:#b59642!important}.statistics-champion .champion-list .champion-item .champion-banrate .bar{background-color:#d76060!important}.statistics-champion .champion-list .champion-item .champion-gold-earned,.statistics-champion .champion-list .champion-item .champion-kda,.statistics-champion .champion-list .champion-item .champion-minions{text-align:center;width:100px}.statistics-mastery{display:flex;flex-direction:column;width:100%}.statistics-mastery .mastery-content{align-items:flex-start;display:flex;margin-top:15px;overflow-x:overlay}.statistics-mastery .mastery-content .champion-list{display:flex;flex-direction:column;min-width:450px;width:480px}.statistics-mastery .mastery-content .champion-list .champions{display:flex;flex-direction:column;height:800px;overflow-y:overlay;width:100%}.statistics-mastery .mastery-content .champion-list .champions .champion{align-items:center;border-left:5px solid rgba(0,0,0,.2);box-sizing:border-box;color:#9a9387;display:flex;font-size:13px;padding:6px 12px;position:relative}.statistics-mastery .mastery-content .champion-list .champions .champion:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.129)}.statistics-mastery .mastery-content .champion-list .champions .champion.header{background-color:#211e1b;border-left:none;color:#d3bd9c;font-size:13px;padding:8px 12px;position:sticky;top:0;z-index:1}.statistics-mastery .mastery-content .champion-list .champions .champion:not(.header){cursor:pointer}.statistics-mastery .mastery-content .champion-list .champions .champion:not(.header):hover{border-left:5px solid #a08a58}.statistics-mastery .mastery-content .champion-list .champions .champion:not(.header).selected{border-left:5px solid #e7c781;color:#fff}.statistics-mastery .mastery-content .champion-list .champions .champion .champion-icon{border-radius:5px;height:26px;margin-right:10px;overflow:hidden;width:26px}.statistics-mastery .mastery-content .champion-list .champions .champion .champion-icon img{transform:scale(1.2)}.statistics-mastery .mastery-content .champion-list .champions .champion .champion-name{flex:1}.statistics-mastery .mastery-content .champion-list .champions .champion .avg-mastery,.statistics-mastery .mastery-content .champion-list .champions .champion .max-mastery,.statistics-mastery .mastery-content .champion-list .champions .champion .summoners,.statistics-mastery .mastery-content .champion-list .champions .champion .total-mastery{text-align:center;width:90px}.statistics-mastery .mastery-content .summoner-list{display:flex;flex:1;flex-direction:column;margin-left:15px;min-width:450px}.statistics-mastery .mastery-content .summoner-list .summoner{align-items:center;box-sizing:border-box;color:#a59c8c;display:flex;font-size:13px;padding:8px 12px}.statistics-mastery .mastery-content .summoner-list .summoner:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.129)}.statistics-mastery .mastery-content .summoner-list .summoner .summoner-rank{color:#7a746b;font-weight:700;text-align:center;width:35px}.statistics-mastery .mastery-content .summoner-list .summoner .profile-img{border-radius:3px;height:30px;margin-left:15px;width:30px}.statistics-mastery .mastery-content .summoner-list .summoner .name-tag{align-items:center;color:#bcb5a8;cursor:pointer;display:flex;margin-left:15px}.statistics-mastery .mastery-content .summoner-list .summoner .name-tag:hover .game-name,.statistics-mastery .mastery-content .summoner-list .summoner .name-tag:hover .tag-line{color:#ead290}.statistics-mastery .mastery-content .summoner-list .summoner .name-tag .tag-line{margin-left:5px}.statistics-mastery .mastery-content .summoner-list .summoner .league-points{display:flex;flex:1;justify-content:flex-end}.statistics-tier{display:flex;flex-direction:column;width:100%}.statistics-tier .content .options{align-items:center;display:flex;margin-top:15px}.statistics-tier .content .options .option{background-color:#282621;border-radius:3px;color:#c3bea9;cursor:pointer;display:flex;font-size:13px;justify-content:center;padding:5px 8px;width:80px}.statistics-tier .content .options .option:hover{background-color:#3b372f}.statistics-tier .content .options .option.selected{background-color:#544e41;color:#fff}.statistics-tier .content .options .option:not(:last-child){margin-right:10px}.statistics-tier .tier-content{align-items:flex-start;display:flex;margin-top:15px;overflow-x:overlay;width:100%}.statistics-tier .tier-content .tier-list{display:flex;flex-direction:column;min-width:280px;width:320px}.statistics-tier .tier-content .tier-list .tiers{display:flex;flex-direction:column;width:100%}.statistics-tier .tier-content .tier-list .tiers .tier-group{color:#9f978b;display:flex;flex-direction:column;width:100%}.statistics-tier .tier-content .tier-list .tiers .tier-group:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.129)}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group{align-items:center;border-left:5px solid rgba(0,0,0,.2);box-sizing:border-box;cursor:pointer;display:flex;font-size:13px;padding:8px 12px;position:relative}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group:hover{border-left:5px solid #a08a58}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group.selected{border-left:5px solid #e7c781;color:#fff}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group .ratio-filler{height:100%;left:0;position:absolute;top:0;width:100%}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group .ratio-filler .ratio{background-color:hsla(0,0%,100%,.08);height:100%}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group .tier-rank{align-items:center;display:flex;flex:1}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group .tier-rank .rank{margin-left:5px}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group .summoner-count{text-align:center;width:70px}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group .summoner-rate{margin-left:10px;text-align:center;width:50px}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group.iron{background-color:#242424}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group.bronze{background-color:#32281b}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group.silver{background-color:#363636}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group.gold{background-color:#423a23}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group.platinum{background-color:#29363d}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group.emerald{background-color:#23362d}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group.diamond{background-color:#3b3448}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group.master{background-color:#4b3744}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group.grandmaster{background-color:#462929}.statistics-tier .tier-content .tier-list .tiers .tier-group .rank-group.challenger{background-color:#433f28}.statistics-tier .tier-content .summoner-list{display:flex;flex:1;flex-direction:column;margin-left:15px;min-width:750px}.statistics-tier .tier-content .summoner-list .summoner{align-items:center;box-sizing:border-box;color:#a59c8c;display:flex;font-size:13px;padding:8px 12px}.statistics-tier .tier-content .summoner-list .summoner:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.129)}.statistics-tier .tier-content .summoner-list .summoner .summoner-rank{color:#7a746b;font-weight:700;text-align:center;width:35px}.statistics-tier .tier-content .summoner-list .summoner .profile-img{border-radius:3px;height:30px;margin-left:15px;width:30px}.statistics-tier .tier-content .summoner-list .summoner .name-tag{align-items:center;cursor:pointer;display:flex;flex:1;margin-left:15px}.statistics-tier .tier-content .summoner-list .summoner .name-tag:hover .game-name,.statistics-tier .tier-content .summoner-list .summoner .name-tag:hover .tag-line{color:#ead290}.statistics-tier .tier-content .summoner-list .summoner .name-tag .tag-line{margin-left:5px}.statistics-tier .tier-content .summoner-list .summoner .tier-rank-wrapper{display:flex;justify-content:center;width:150px}.statistics-tier .tier-content .summoner-list .summoner .league-points{text-align:center;width:90px}.statistics-tier .tier-content .summoner-list .summoner .win-lose{align-items:center;display:flex;justify-content:center;width:150px}.statistics-tier .tier-content .summoner-list .summoner .win-lose .losses{margin-left:3px}.statistics-tier .tier-content .summoner-list .summoner .win-rate{margin-left:5px;width:50px}.statistics-header{color:#c3bea9;padding:20px 0}.statistics-header .content{display:flex;flex-direction:column}.statistics-header .content .title{font-size:24px;font-weight:700}.statistics-header .content .description{color:#817e71;font-size:13px;margin-top:10px;white-space:pre-line}.statistics-menu{color:#c3bea9;padding:5px 0}.statistics-menu .menu,.statistics-menu .menu .menu-item{display:flex;justify-content:center}.statistics-menu .menu .menu-item{border-radius:3px;cursor:pointer;font-size:14px;font-weight:700;padding:6px 0;width:80px}.statistics-menu .menu .menu-item:not(:last-child){margin-right:5px}.statistics-menu .menu .menu-item:hover{background-color:#353129}.statistics-menu .menu .menu-item.selected{background-color:#544e41}.statistics-content{padding-bottom:80px;width:100%}.statistics-content .content{box-sizing:border-box;display:flex;flex-direction:column;margin-top:40px;overflow-x:overlay;padding:15px;width:100%}.statistics-content .content .title{color:#cdbe91;font-size:20px;font-weight:700}.statistics-content .content .description{color:#817e77;font-size:13px;margin-top:10px;white-space:pre-line}.statistics-content .content .updated-at{color:#817e71;font-size:12px;margin-top:5px}.in-game-header{background-color:#211e1b;border-bottom:1px solid #3e3b31;color:#c3bea9;padding:20px 0;width:100%}.in-game-header .content{display:flex;flex-direction:column}.in-game-header .content .title{font-size:24px;font-weight:700}.in-game-header .content .description{color:#817e71;font-size:13px;margin-top:10px;white-space:pre-line}.in-game-status{background-color:#211e1b;border-bottom:1px solid #3e3b31;color:#c3bea9;padding:8px 0;width:100%}.in-game-status .content{justify-content:space-between;width:100%}.in-game-status .content,.in-game-status .content .status-section{align-items:center;display:flex}.in-game-status .content .status-section.connecting .status{background-color:#a17336;color:#fff}.in-game-status .content .status-section.connecting .status-text{color:#c8aa77}.in-game-status .content .status-section.offline .status{background-color:#343434;color:#a8a8a8}.in-game-status .content .status-section.offline .status-text{color:#9e9e9e}.in-game-status .content .status-section.online .status{background-color:#36a15d;color:#fff}.in-game-status .content .status-section.online .status-text{color:#77c89b}.in-game-status .content .status-section.error .status{background-color:#a84343;color:#fff}.in-game-status .content .status-section.error .status-text{color:#c87777}.in-game-status .content .status-section .status{background-color:#343434;border-radius:2px;color:#cacaca;font-size:11px;padding:3px 5px}.in-game-status .content .status-section .status-text{color:gray;font-size:13px;margin-left:8px}.in-game-status .content .profile-section{align-items:center;display:flex}.in-game-status .content .profile-section .profile-image{border-radius:2px;height:18px;overflow:hidden;width:18px}.in-game-status .content .profile-section .name{align-items:center;display:flex;font-size:13px}.in-game-status .content .profile-section .name .game-name{margin-left:5px}.in-game-status .content .profile-section .name .tag-line{color:#939393;margin-left:3px;opacity:.7}.in-game-content{color:#c1b081;width:100%}.in-game-content .content{display:flex;flex-direction:column;padding-top:15px;width:100%}.in-game-content .content .stages{align-items:center;display:flex;font-size:13px}.in-game-content .content .stages .stage{align-items:center;border-bottom:3px solid transparent;display:flex;opacity:.5;padding:8px 12px;transition:.2s ease}.in-game-content .content .stages .stage:not(:first-child){margin-left:8px}.in-game-content .content .stages .stage.current{background-color:#564d33;color:#fff;opacity:1}.in-game-content .content .game-mode-section{align-items:center;background-color:#564d33;color:#d5c6a9;display:flex;font-size:20px;font-weight:700;padding:12px 15px}.in-game-content .content .game-mode-section .debug,.in-game-content .content .game-mode-section .game-description{margin-left:5px}.in-game-lobby{margin-top:30px}.in-game-lobby,.in-game-lobby .meta-recommendation-section{display:flex;flex-direction:column}.in-game-lobby .meta-recommendation-section .header{align-items:center;display:flex;justify-content:space-between}.in-game-lobby .meta-recommendation-section .header .title{font-size:20px;font-weight:700}.in-game-lobby .meta-recommendation-section .header .position-selector{align-items:center;background-color:#36332d;border-radius:3px;cursor:pointer;display:flex;font-size:14px;padding:5px 8px;width:120px}.in-game-lobby .meta-recommendation-section .header .position-selector .line-position{height:20px;width:20px}.in-game-lobby .meta-recommendation-section .header .position-selector .position-name{align-items:center;display:flex;flex:1;justify-content:flex-end;margin-left:8px}.in-game-lobby .meta-recommendation-section .header .position-selector .dropdown-icon{height:16px;margin-left:5px}.in-game-lobby .meta-recommendation-section .header .position-selector .dropdown{background-color:#36332d;border-radius:3px;overflow:hidden}.in-game-lobby .meta-recommendation-section .header .position-selector .dropdown .position{align-items:center;display:flex;font-size:13px;padding:8px 10px}.in-game-lobby .meta-recommendation-section .header .position-selector .dropdown .position:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.05)}.in-game-lobby .meta-recommendation-section .header .position-selector .dropdown .position:hover{background-color:#5d5134;color:#fff}.in-game-lobby .meta-recommendation-section .header .position-selector .dropdown .position .line-position{height:16px;width:16px}.in-game-lobby .meta-recommendation-section .header .position-selector .dropdown .position .position-name{flex:1}.in-game-lobby .meta-recommendation-section .recommendations{display:grid;gap:10px;grid-template-columns:repeat(7,1fr);grid-template-rows:auto auto;margin-top:20px}.in-game-lobby .meta-recommendation-section .recommendations .meta{align-items:center;display:flex;flex-direction:column;height:240px;justify-content:center;position:relative;transition:.15s ease-in-out}.in-game-lobby .meta-recommendation-section .recommendations .meta:hover{transform:scale(.97)}.in-game-lobby .meta-recommendation-section .recommendations .meta .champion-image{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.in-game-lobby .meta-recommendation-section .recommendations .meta .champion-image img{transform:scale(1.12)}.in-game-lobby .meta-recommendation-section .recommendations .meta .detail{align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.65) 70%,transparent);bottom:0;display:flex;flex-direction:column;height:50%;justify-content:flex-end;left:0;padding:10px 0;position:absolute;user-select:none;width:100%;z-index:3}.in-game-lobby .meta-recommendation-section .recommendations .meta .detail .name{color:#d8c9aa;font-size:20px;font-weight:700;margin-bottom:15px}.in-game-lobby .meta-recommendation-section .recommendations .meta .detail .play-count{font-size:13px;margin-bottom:8px}.in-game-lobby .meta-recommendation-section .recommendations .meta .detail .win-rate{font-size:15px}.dropdown.svelte-1gus9od{cursor:default;display:flex;flex-direction:column;left:0;position:absolute;top:calc(100% + 10px);width:100%;z-index:10}.dropdown.disabled.svelte-1gus9od{display:none}.champion-detail-position-menu .page-menu-item{align-items:center;display:flex;min-width:70px!important}.champion-detail-position-menu .page-menu-item .label{margin-left:5px}.champion-meta-content{width:100%}.champion-meta-content .content{align-items:flex-start;display:flex;margin-top:30px;width:100%}.champion-meta-content .content .meta-list{display:flex;flex-direction:column;width:420px}.champion-meta-content .content .meta-list .body{display:flex;flex-direction:column;max-height:750px;overflow-y:overlay;padding:0!important}.champion-meta-content .content .meta-list .body .meta-item{align-items:center;border-left:5px solid hsla(0,0%,100%,.1);cursor:pointer;display:flex;font-size:13px;padding:8px 12px}.champion-meta-content .content .meta-list .body .meta-item:hover{background-color:rgba(0,0,0,.2);border-left:5px solid #a08a58}.champion-meta-content .content .meta-list .body .meta-item.selected{border-left:5px solid #e7c781;color:#f5e7ca}.champion-meta-content .content .meta-list .body .meta-item:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.063)}.champion-meta-content .content .meta-list .body .meta-item .champion{align-items:center;display:flex;flex:1}.champion-meta-content .content .meta-list .body .meta-item .champion .champion-icon{border-radius:3px;height:30px;margin-right:10px;overflow:hidden;width:30px}.champion-meta-content .content .meta-list .body .meta-item .champion .champion-icon img{transform:scale(1.1)}.champion-meta-content .content .meta-list .body .meta-item .styles{display:flex;position:relative}.champion-meta-content .content .meta-list .body .meta-item .styles .primary-style-icon{background:transparent!important;border-radius:3px;height:24px;overflow:hidden;width:24px}.champion-meta-content .content .meta-list .body .meta-item .styles .primary-style-icon img{transform:scale(.9)}.champion-meta-content .content .meta-list .body .meta-item .styles .sub-style-icon{background-color:rgba(0,0,0,.6);border-radius:50%;bottom:-2px;height:15px;overflow:hidden;position:absolute;right:-2px;width:15px}.champion-meta-content .content .meta-list .body .meta-item .styles .sub-style-icon img{transform:scale(.8)}.champion-meta-content .content .meta-list .body .meta-item .item-set{align-items:center;display:flex;margin-left:10px}.champion-meta-content .content .meta-list .body .meta-item .item-set .item-icon{border-radius:3px;height:30px;overflow:hidden;width:30px}.champion-meta-content .content .meta-list .body .meta-item .item-set .item-icon:not(:last-child){margin-right:5px}.champion-meta-content .content .meta-list .body .meta-item .meta-name{flex:1;font-size:13px;font-weight:700;margin-left:15px}.champion-meta-content .content .meta-list .body .meta-item .meta-plays{margin-left:10px;text-align:center;width:75px}.champion-meta-content .content .meta-list .body .meta-item .win-rate{align-items:center;border-radius:3px;display:flex;justify-content:center;margin-left:15px;padding:5px 0;width:45px}.champion-meta-content .content .meta-list .body .meta-item .rates{align-items:center;display:flex}.champion-meta-content .content .meta-list .body .meta-item .rates .rate{align-items:flex-end;display:flex}.champion-meta-content .content .meta-detail{display:flex;flex:1;flex-direction:column;margin-left:15px;overflow:hidden}.champion-meta-content .content .meta-detail .body{display:flex;flex-direction:column}.champion-meta-content .content .meta-detail .body .perk-style-details{align-items:flex-end;display:flex;justify-content:center;margin-top:20px;width:100%}.champion-meta-content .content .meta-detail .body .perk-style-details .section{display:flex;flex-direction:column}.champion-meta-content .content .meta-detail .body .perk-style-details .section:not(:first-child){margin-left:40px}.champion-meta-content .content .meta-detail .body .perk-style-details .section.primary-style-detail .perk-slots:first-child .perk-slot{height:48px!important;width:48px!important}.champion-meta-content .content .meta-detail .body .perk-style-details .section .perk-slots,.champion-meta-content .content .meta-detail .body .perk-style-details .section .stat-slots{align-items:center;display:flex;justify-content:center;width:100%}.champion-meta-content .content .meta-detail .body .perk-style-details .section .perk-slots:not(:first-child),.champion-meta-content .content .meta-detail .body .perk-style-details .section .stat-slots:not(:first-child){margin-top:15px}.champion-meta-content .content .meta-detail .body .perk-style-details .section .perk-slots .perk-slot,.champion-meta-content .content .meta-detail .body .perk-style-details .section .perk-slots .stat-slot,.champion-meta-content .content .meta-detail .body .perk-style-details .section .stat-slots .perk-slot,.champion-meta-content .content .meta-detail .body .perk-style-details .section .stat-slots .stat-slot{background:rgba(0,0,0,.7);border:1px solid transparent;border-radius:50%;filter:grayscale(100%);height:32px;opacity:.3;overflow:hidden;width:32px}.champion-meta-content .content .meta-detail .body .perk-style-details .section .perk-slots .perk-slot:not(:last-child),.champion-meta-content .content .meta-detail .body .perk-style-details .section .perk-slots .stat-slot:not(:last-child),.champion-meta-content .content .meta-detail .body .perk-style-details .section .stat-slots .perk-slot:not(:last-child),.champion-meta-content .content .meta-detail .body .perk-style-details .section .stat-slots .stat-slot:not(:last-child){margin-right:10px}.champion-meta-content .content .meta-detail .body .perk-style-details .section .perk-slots .perk-slot img,.champion-meta-content .content .meta-detail .body .perk-style-details .section .perk-slots .stat-slot img,.champion-meta-content .content .meta-detail .body .perk-style-details .section .stat-slots .perk-slot img,.champion-meta-content .content .meta-detail .body .perk-style-details .section .stat-slots .stat-slot img{transform:scale(.95)}.champion-meta-content .content .meta-detail .body .perk-style-details .section .perk-slots .perk-slot.highlight,.champion-meta-content .content .meta-detail .body .perk-style-details .section .perk-slots .stat-slot.highlight,.champion-meta-content .content .meta-detail .body .perk-style-details .section .stat-slots .perk-slot.highlight,.champion-meta-content .content .meta-detail .body .perk-style-details .section .stat-slots .stat-slot.highlight{border-color:#e6c173;filter:grayscale(0);opacity:1}.champion-meta-content .content .meta-detail .body .perk-style-details .section .stat-slot{height:24px!important;width:24px!important}.champion-meta-content .content .meta-detail .body .item-set,.champion-meta-content .content .meta-detail .body .spell-set{display:flex;flex-direction:column}.champion-meta-content .content .meta-detail .body .item-set:not(:first-child),.champion-meta-content .content .meta-detail .body .spell-set:not(:first-child){margin-top:25px}.champion-meta-content .content .meta-detail .body .item-set .label,.champion-meta-content .content .meta-detail .body .spell-set .label{font-size:14px;font-weight:700}.champion-meta-content .content .meta-detail .body .item-set .item-list,.champion-meta-content .content .meta-detail .body .item-set .spell-list,.champion-meta-content .content .meta-detail .body .spell-set .item-list,.champion-meta-content .content .meta-detail .body .spell-set .spell-list{align-items:center;display:flex;flex-wrap:wrap;margin-top:15px}.champion-meta-content .content .meta-detail .body .item-set .item-list .item-icon,.champion-meta-content .content .meta-detail .body .item-set .item-list .spell-icon,.champion-meta-content .content .meta-detail .body .item-set .spell-list .item-icon,.champion-meta-content .content .meta-detail .body .item-set .spell-list .spell-icon,.champion-meta-content .content .meta-detail .body .spell-set .item-list .item-icon,.champion-meta-content .content .meta-detail .body .spell-set .item-list .spell-icon,.champion-meta-content .content .meta-detail .body .spell-set .spell-list .item-icon,.champion-meta-content .content .meta-detail .body .spell-set .spell-list .spell-icon{border-radius:3px;height:40px;margin-bottom:6px;overflow:hidden;width:40px}.champion-meta-content .content .meta-detail .body .item-set .item-list .item-icon:not(:last-child),.champion-meta-content .content .meta-detail .body .item-set .item-list .spell-icon:not(:last-child),.champion-meta-content .content .meta-detail .body .item-set .spell-list .item-icon:not(:last-child),.champion-meta-content .content .meta-detail .body .item-set .spell-list .spell-icon:not(:last-child),.champion-meta-content .content .meta-detail .body .spell-set .item-list .item-icon:not(:last-child),.champion-meta-content .content .meta-detail .body .spell-set .item-list .spell-icon:not(:last-child),.champion-meta-content .content .meta-detail .body .spell-set .spell-list .item-icon:not(:last-child),.champion-meta-content .content .meta-detail .body .spell-set .spell-list .spell-icon:not(:last-child){margin-right:6px}.champion-detail-summary{color:#c3bea9;padding:20px 0}.champion-detail-summary .content{display:flex;width:100%}.champion-detail-summary .content .champion-section{display:flex}.champion-detail-summary .content .champion-section .champion-icon{border:4px solid #5f5f5f;border-radius:3px;box-sizing:border-box;height:100px;overflow:hidden;width:100px}.champion-detail-summary .content .champion-section .champion-icon img{transform:scale(1.2)}.champion-detail-summary .content .champion-section .champion-header{display:flex;flex:1;flex-direction:column;margin-left:15px}.champion-detail-summary .content .champion-section .champion-header .champion-name{color:#fff;font-size:32px;font-weight:700}.champion-detail-summary .content .champion-section .champion-header .champion-title{color:#706d5f;font-size:15px;font-weight:700;margin-top:10px}.champion-detail-summary .content .champion-section .champion-header .champion-story{color:#9b9788;font-size:11px;line-height:1.5;margin-top:5px;white-space:normal}.champion-detail-summary .content .champion-stat-section{display:flex;flex-direction:column;margin-left:15px}.champion-detail-summary .content .champion-stat-section .pick-win-ban-rate{display:flex;flex-direction:column;font-size:12px}.champion-detail-summary .content .champion-stat-section .pick-win-ban-rate .rate{align-items:center;color:#b0a787;display:flex}.champion-detail-summary .content .champion-stat-section .pick-win-ban-rate .rate:not(:first-child){margin-top:8px}.champion-detail-summary .content .champion-stat-section .pick-win-ban-rate .rate .value{margin-left:5px}.champion-detail-summary .content .champion-stat-section .pick-win-ban-rate .rate .bar{background-color:#2b2b2b;height:8px;margin-left:15px;overflow:hidden;width:180px}.champion-detail-summary .content .champion-stat-section .pick-win-ban-rate .rate .bar .filler{background-color:#626262;height:100%}.champion-detail-summary .content .champion-stat-section .pick-win-ban-rate .rate.pick-rate .filler{background-color:#b3a06a}.champion-detail-summary .content .champion-stat-section .pick-win-ban-rate .rate.win-rate .filler{background-color:#3cce83}.champion-detail-summary .content .champion-stat-section .pick-win-ban-rate .rate.ban-rate .filler{background-color:#d45858}.champion-detail-menu{display:flex}.champion-detail-menu .page-menu-item{min-width:100px!important}.not-implemented.svelte-1p6mf0m.svelte-1p6mf0m{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:50px;padding:20px}.not-implemented.svelte-1p6mf0m .title.svelte-1p6mf0m{font-size:24px;font-weight:700;margin-bottom:15px}.not-implemented.svelte-1p6mf0m .description.svelte-1p6mf0m{color:#666;font-size:16px}@media screen and (max-width:460px){.login-form.svelte-dvarb1.svelte-dvarb1{margin:0 20px;width:100%!important}}.login-content-wrapper.svelte-dvarb1.svelte-dvarb1{align-items:center;box-sizing:border-box;color:#cdbe91;display:flex;flex-direction:column;padding-top:100px;width:100%}.login-content-wrapper.svelte-dvarb1 .login-form.svelte-dvarb1{box-sizing:border-box;display:flex;flex-direction:column;padding:30px;width:400px}.login-content-wrapper.svelte-dvarb1 .login-form .title.svelte-dvarb1{font-size:24px;font-weight:700;margin-bottom:10px}.login-content-wrapper.svelte-dvarb1 .login-form .form.svelte-dvarb1{display:flex;flex-direction:column}.login-content-wrapper.svelte-dvarb1 .login-form .form .form-item.svelte-dvarb1{display:flex;flex-direction:column;margin-top:15px}.login-content-wrapper.svelte-dvarb1 .login-form .form .form-item .label.svelte-dvarb1{font-size:14px;margin-bottom:10px}.login-content-wrapper.svelte-dvarb1 .login-form .form .form-item input.svelte-dvarb1{border:1px solid #3d3d40;border-radius:5px;color:#cdbe91;height:40px;padding:3px 10px}.login-content-wrapper.svelte-dvarb1 .login-form .form .form-item button.svelte-dvarb1{background-color:#9a7223;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:40px;margin-top:20px}.login-content-wrapper.svelte-dvarb1 .login-form .option.svelte-dvarb1{display:flex;font-size:13px;margin-top:10px;opacity:.7}.login-content-wrapper.svelte-dvarb1 .login-form .option .label.svelte-dvarb1{margin-right:10px}.login-content-wrapper.svelte-dvarb1 .login-form .option .link.svelte-dvarb1{color:#9a7223;cursor:pointer}.login-content-wrapper.svelte-dvarb1 .login-form .login-separator.svelte-dvarb1{align-items:center;color:hsla(45,37%,69%,.45);display:flex;font-size:11px;gap:10px;margin:20px 0}.login-content-wrapper.svelte-dvarb1 .login-form .login-separator.svelte-dvarb1:after,.login-content-wrapper.svelte-dvarb1 .login-form .login-separator.svelte-dvarb1:before{background-color:hsla(45,37%,69%,.18);content:"";flex:1;height:1px}.login-content-wrapper.svelte-dvarb1 .login-form .riot-login.svelte-dvarb1{background-color:#d13639;border:1px solid #d13639;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;height:42px}.login-content-wrapper.svelte-dvarb1 .login-form .riot-login.svelte-dvarb1:hover:not(:disabled){background-color:#eb4649}.login-content-wrapper.svelte-dvarb1 .login-form .riot-login.svelte-dvarb1:disabled{cursor:wait;opacity:.6}.login-content-wrapper.svelte-dvarb1 .login-form .riot-login-message.svelte-dvarb1{color:hsla(45,37%,69%,.7);font-size:11px;margin-top:10px;text-align:center}.login-content-wrapper.svelte-dvarb1 .login-form .riot-account-setup.svelte-dvarb1{background:rgba(0,0,0,.16);border:1px solid #3e3b31;border-radius:5px;display:flex;flex-direction:column;gap:10px;margin-top:14px;padding:14px}.login-content-wrapper.svelte-dvarb1 .login-form .riot-account-setup .verified-riot-account.svelte-dvarb1{color:hsla(45,37%,69%,.7);display:flex;font-size:12px;justify-content:space-between}.login-content-wrapper.svelte-dvarb1 .login-form .riot-account-setup .verified-riot-account strong.svelte-dvarb1{color:#cdbe91}.login-content-wrapper.svelte-dvarb1 .login-form .riot-account-setup input.svelte-dvarb1{border:1px solid #3d3d40;border-radius:5px;box-sizing:border-box;color:#cdbe91;height:36px;padding:3px 10px}.login-content-wrapper.svelte-dvarb1 .login-form .riot-account-setup button.svelte-dvarb1{background:#9a7223;border:1px solid #9a7223;border-radius:5px;color:#fff;cursor:pointer;height:38px}.login-content-wrapper.svelte-dvarb1 .login-form .riot-account-setup button.new-account.svelte-dvarb1,.login-content-wrapper.svelte-dvarb1 .login-form .riot-account-setup button.secondary.svelte-dvarb1{background:transparent;border-color:#3d3d40;color:#cdbe91}.login-content-wrapper.svelte-dvarb1 .login-form .riot-account-setup .setup-actions.svelte-dvarb1{display:grid;gap:8px;grid-template-columns:1fr 2fr}@media screen and (max-width:460px){.signup-form.svelte-awgtkl.svelte-awgtkl{margin:0 20px;width:100%!important}}.signup-content-wrapper.svelte-awgtkl.svelte-awgtkl{align-items:center;color:#cdbe91;display:flex;flex-direction:column;padding-top:100px;width:100%}.signup-content-wrapper.svelte-awgtkl .signup-form.svelte-awgtkl{box-sizing:border-box;display:flex;flex-direction:column;padding:30px;width:400px}.signup-content-wrapper.svelte-awgtkl .signup-form .title.svelte-awgtkl{font-size:24px;font-weight:700;margin-bottom:10px}.signup-content-wrapper.svelte-awgtkl .signup-form .form.svelte-awgtkl{display:flex;flex-direction:column}.signup-content-wrapper.svelte-awgtkl .signup-form .form .form-item.svelte-awgtkl{display:flex;flex-direction:column;margin-top:15px}.signup-content-wrapper.svelte-awgtkl .signup-form .form .form-item .label.svelte-awgtkl{font-size:14px;margin-bottom:10px}.signup-content-wrapper.svelte-awgtkl .signup-form .form .form-item input.svelte-awgtkl{border:1px solid #3d3d40;border-radius:5px;color:#cdbe91;height:40px;padding:3px 10px}.signup-content-wrapper.svelte-awgtkl .signup-form .form .form-item button.svelte-awgtkl{background-color:#9a7223;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:40px;margin-top:20px}.signup-content-wrapper.svelte-awgtkl .signup-form .option.svelte-awgtkl{display:flex;font-size:13px;margin-top:10px;opacity:.7}.signup-content-wrapper.svelte-awgtkl .signup-form .option .label.svelte-awgtkl{margin-right:10px}.signup-content-wrapper.svelte-awgtkl .signup-form .option .link.svelte-awgtkl{color:#9a7223;cursor:pointer}.privacy-policy,.terms-of-service{display:flex;flex-direction:column;margin-top:30px}.privacy-policy>.title,.terms-of-service>.title{color:#d7c9a5;font-size:24px;font-weight:700;margin-bottom:50px}.privacy-policy .section,.terms-of-service .section{display:flex;flex-direction:column;margin-bottom:30px}.privacy-policy .section>.title,.terms-of-service .section>.title{color:#d7c9a5;font-size:18px;font-weight:700;margin-bottom:20px}.privacy-policy .section>.raw,.terms-of-service .section>.raw{color:#a5a4a2;font-size:14px;margin-bottom:5px}.privacy-policy .section>.raw>div:not(:last-child),.terms-of-service .section>.raw>div:not(:last-child){margin-bottom:5px}.privacy-policy .section .dot:before,.terms-of-service .section .dot:before{content:"•";margin-right:5px}#oauth_complete.svelte-1ojo9lw.svelte-1ojo9lw{align-items:center;display:flex;flex-direction:column;justify-content:center}#oauth_complete.svelte-1ojo9lw .title.svelte-1ojo9lw{font-size:2rem;font-weight:700;margin-bottom:1rem;margin-top:200px}#oauth_complete.svelte-1ojo9lw .description.svelte-1ojo9lw{font-size:1rem;opacity:.7}.account-page.svelte-1l61pu8.svelte-1l61pu8{color:#cdbe91;max-width:calc(100vw - 40px);padding:55px 0;width:620px}.account-page.svelte-1l61pu8 h1.svelte-1l61pu8{font-size:25px;margin:0 0 20px}.account-card.svelte-1l61pu8.svelte-1l61pu8{background:#211e1b;border:1px solid #3d3d40;border-radius:4px;margin-bottom:14px;padding:22px}.account-card.loading.svelte-1l61pu8.svelte-1l61pu8,.account-card.svelte-1l61pu8 .empty.svelte-1l61pu8,.account-card.svelte-1l61pu8 .hint.svelte-1l61pu8{color:hsla(45,37%,69%,.6);font-size:13px}.account-card.svelte-1l61pu8 .section-title.svelte-1l61pu8{font-size:15px;font-weight:700;margin-bottom:18px}.account-card.svelte-1l61pu8 .info-row.svelte-1l61pu8{border-top:1px solid #3e3b31;display:flex;font-size:13px;justify-content:space-between;padding:12px 0}.account-card.svelte-1l61pu8 .info-row span.svelte-1l61pu8{color:hsla(45,37%,69%,.6)}.account-card.svelte-1l61pu8 .info-row strong.svelte-1l61pu8{color:#f0e6d2}.account-card.svelte-1l61pu8 button.svelte-1l61pu8{border-radius:4px;cursor:pointer;font-weight:700;height:40px;margin-top:18px;width:100%}.account-card.svelte-1l61pu8 .connect.svelte-1l61pu8{background:#d13639;border:1px solid #d13639;color:#fff}.account-card.svelte-1l61pu8 .disconnect.svelte-1l61pu8{background:transparent;border:1px solid #3d3d40;color:hsla(45,37%,69%,.75)}@media screen and (max-width:720px){.app-icon-wrapper{display:none!important}.app-menu{margin-left:0!important}}@media screen and (max-width:580px){.app-header{height:50px!important}.app-menu-item,.user-menu-item{font-size:16px!important;padding:0 12px!important}.app-header{height:45px!important}.app-menu-item,.user-menu-item{font-size:16px!important;padding:0 12px!important}}@media screen and (max-width:500px){.app-header{height:40px!important}.app-menu-item,.user-menu-item{font-size:14px!important;padding:0 10px!important}}@media screen and (max-width:440px){.app-header{overflow-x:overlay}}.app-header{align-items:center;background-color:#01030e;border-bottom:1px solid #3d3d40;color:#fff;display:flex;flex-direction:column;height:60px;justify-content:center}.app-header .app-icon-wrapper{align-items:center;display:flex;height:100%}.app-header .app-icon{align-items:center;cursor:pointer;display:flex;height:32px;width:120px}.app-header .app-menu{margin-left:30px}.app-header .app-menu,.app-header .app-menu .app-menu-item{align-items:center;display:flex;font-weight:700;height:100%}.app-header .app-menu .app-menu-item{background:linear-gradient(180deg,transparent 50%,transparent);color:#cdbe91;cursor:pointer;font-size:21px;padding:0 18px;transition:.2s linear;white-space:nowrap}.app-header .app-menu .app-menu-item.ingame{color:#73c190}.app-header .app-menu .app-menu-item.ingame:hover{background:linear-gradient(180deg,transparent 60%,rgba(94,193,130,.393))!important}.app-header .app-menu .app-menu-item.ingame.selected{background:linear-gradient(180deg,transparent 60%,rgba(135,255,179,.393))!important}.app-header .app-menu .app-menu-item:hover{background:linear-gradient(180deg,transparent 60%,hsla(45,48%,75%,.393))}.app-header .app-menu .app-menu-item.selected{background:linear-gradient(180deg,transparent 60%,#7d6a3d)}.app-header .app-menu .app-menu-item:not(.selected):not(:hover){opacity:.6}.app-header .user-menu{align-items:center;display:flex;height:100%;margin-left:30px;position:relative}.app-header .user-menu .user-menu-item{align-items:center;background:linear-gradient(180deg,transparent 50%,transparent);border:0;color:#cdbe91;cursor:pointer;display:flex;font-family:inherit;font-size:21px;font-weight:700;height:100%;padding:0 18px;transition:.2s linear;white-space:nowrap}.app-header .user-menu .user-menu-item:hover{background:linear-gradient(180deg,transparent 60%,hsla(45,48%,75%,.393))}.app-header .user-menu .user-menu-item.selected{background:linear-gradient(180deg,transparent 60%,#7d6a3d)}.app-header .user-menu .account-trigger{background:transparent;gap:8px}.app-header .user-menu .account-trigger .riot-account-name{color:#54c39a}.app-header .user-menu .account-trigger .account-icon{aspect-ratio:1/1;display:flex;flex:0 0 auto;height:28px;width:28px}.app-header .user-menu .account-trigger .account-icon>svg{height:100%;width:100%}.app-header .user-menu .account-trigger .account-icon .riot-profile-icon{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.app-header .user-menu .account-trigger .account-chevron{display:flex;height:10px;transition:transform .15s ease;width:10px}.app-header .user-menu .account-trigger.open .account-chevron{transform:rotate(180deg)}.app-header .user-menu .account-dropdown{align-items:stretch;background:#211e1b;border:1px solid #3d3d40;box-shadow:0 8px 18px rgba(0,0,0,.35);box-sizing:border-box;display:flex;flex-direction:column;padding:4px 0;position:absolute;right:0;top:calc(100% - 5px);width:150px;z-index:1100}.app-header .user-menu .account-dropdown button{background:transparent;border:0;box-sizing:border-box;color:#cdbe91;cursor:pointer;display:block;flex:0 0 30px;font-family:inherit;font-size:12px;height:30px;line-height:30px;min-height:30px;padding:0 12px;text-align:left;width:100%}.app-header .user-menu .account-dropdown button:hover{background:rgba(125,106,61,.22)}.top-bar{background-color:#1d1d1d;display:flex;height:24px;justify-content:space-between;overflow:hidden;position:relative;width:100%;z-index:100}.top-bar .drag-section{-webkit-app-region:drag;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.top-bar .top-header{align-items:center;color:#b4b4b4;display:flex;font-size:12px;padding-left:10px}.top-bar .top-header .icon{border-radius:2px;height:14px;overflow:hidden;width:14px}.top-bar .top-header .name{margin-left:8px}.top-bar .top-header .version{color:#817e71;margin-left:5px}.top-bar .window-control-section{-webkit-app-region:no-drag;display:flex;height:100%;justify-content:flex-end;overflow:hidden;z-index:101}.top-bar .window-control-section .window-control-button{cursor:pointer;display:flex;justify-content:center;opacity:.5;width:30px}.top-bar .window-control-section .window-control-button:hover{opacity:1}.top-bar .window-control-section .window-control-button.maximize,.top-bar .window-control-section .window-control-button.restore{filter:brightness(1.5);transform:rotate(180deg) scale(.5)}.content.svelte-brpqgs{align-items:center;display:flex;flex:1;flex-direction:column;overflow-y:overlay}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:rix;font-weight:100;src:url(/fonts/RIXGOL.TTF) format("truetype")}@font-face{font-family:rix;font-weight:400;src:url(/fonts/RIXGOM.TTF) format("truetype")}@font-face{font-family:rix;font-weight:700;src:url(/fonts/RIXGOB.TTF) format("truetype")}@font-face{font-family:rix;font-weight:900;src:url(/fonts/RIXGOEB.TTF) format("truetype")}body,html{background:#01030e;color:#fff;flex-direction:column;font-family:Noto Sans KR,sans-serif;width:100%}*{font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{background-color:transparent;border:1px solid #fff;font-family:inherit;margin:0;padding:0}button:focus,input:focus,select:focus,textarea:focus{outline:none}.img{align-items:center;background-color:rgba(0,0,0,.3);display:flex;justify-content:center}.img img{height:100%;object-fit:cover;width:100%}.card{background-color:#211e1b;border-radius:3px;display:flex;flex-direction:column;overflow:hidden}.card>.header{border-bottom:1px solid #5b513f;color:#d7c9a5;font-size:13px;font-weight:700;padding:10px 15px}.card>.body{color:#9a9077;padding:10px 15px}::-webkit-scrollbar{background-color:transparent;height:0;width:6px}::-webkit-scrollbar-thumb{background-color:#3d372a;border-radius:10px}.not-ready{cursor:not-allowed!important;opacity:.3;pointer-events:none}div{white-space:nowrap}.gg-grade{color:#dcdcdc}.gg-grade.grade-F{background-color:#4e4e4e!important}.gg-grade.grade-E{background-color:#573d2d!important}.gg-grade.grade-D{background-color:#927731!important}.gg-grade.grade-C{background-color:#436d43!important}.gg-grade.grade-B{background-color:#3c72b0!important}.gg-grade.grade-A{background:linear-gradient(150deg,#ae89f2,#583794,#8f61e4)!important;color:#fff;text-shadow:0 0 1px #000}.gg-grade.grade-S{background:linear-gradient(150deg,#ffa5d2,#962d62,#ff60af)!important;color:#fff;text-shadow:0 0 1px #000}.gg-grade.grade-SSS{background:linear-gradient(150deg,#3fb9ff,#dab760,#1284cf,#bee4ff,#ffc93f)!important;box-shadow:0 0 8px 0 hsla(0,0%,100%,.5);color:#fff;text-shadow:0 0 5px #000}.fat{flex:1}.toast-container .st-toast .st-toast-details{flex:1;overflow:hidden}.toast-container .st-toast .st-toast-details .st-toast-description{color:#c3c3c3;font-size:.75rem!important;margin-top:5px!important;white-space:normal}.toast-container li{justify-content:flex-end!important}