.builds-container.svelte-akxa92{container-type:inline-size;container-name:builds-container}.builds.svelte-akxa92{position:relative;display:grid;grid-template-columns:1fr 2.25fr;padding:.75rem;@container builds-container (inline-size <= 800px){display:block}}.builds-list.svelte-akxa92{--inset: 1rem;position:relative;height:38rem;overflow-y:auto;background:var(--shade6-75);scrollbar-width:none;border-radius:var(--br-lg);box-shadow:inset 0 0 0 1px var(--shade4-15);overscroll-behavior:contain;@container builds-container (inline-size <= 850px){--inset: .75rem}@container builds-container (inline-size <= 800px){position:absolute;top:.75rem;left:.75rem;bottom:.75rem;height:unset;background:var(--shade6);z-index:1;translate:-110% 0%;opacity:0;transition:translate var(--transition),opacity var(--transition);&.show{translate:0% 0%;opacity:1}}.builds-list-content:where(.svelte-akxa92){padding-block-end:3rem}.group-title:where(.svelte-akxa92){display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;color:var(--section-color, var(--shade1));padding:var(--inset) var(--inset);padding-block-end:.25rem}}.builds-options.svelte-akxa92{padding:calc(var(--inset) / 2);padding-block-end:0;.button-grp:where(.svelte-akxa92){display:flex;padding:.25rem;background-color:var(--shade8);border-radius:var(--br);>*{flex:1}}button:where(.svelte-akxa92){position:relative;display:flex;align-items:center;width:100%;justify-content:center;height:2rem;padding-inline:.5rem;white-space:nowrap;color:var(--shade1);font-weight:675;cursor:pointer;border-radius:var(--br-sm);&.active{color:var(--shade10);&:before{view-transition-name:build-sort-button;content:"";position:absolute;inset:0;background:var(--shade0);border-radius:var(--br-sm)}}>:where(.svelte-akxa92){position:relative}}}.build-list-item.svelte-akxa92{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem var(--inset) .5rem var(--inset);text-align:left;cursor:pointer;&:hover{background:linear-gradient(to right,color-mix(in hsl,var(--turq),transparent 90%),transparent)}&.selected{background:linear-gradient(to right,color-mix(in hsl,var(--turq),transparent 80%),transparent);box-shadow:inset 2px 0 var(--turq)}&.probuild{padding-inline-start:calc(var(--inset) / 1.5)}.left:where(.svelte-akxa92){display:flex;align-items:center;gap:.5rem;.matchup-champion-img:where(.svelte-akxa92){position:relative}.champ-img:where(.svelte-akxa92){aspect-ratio:1;border-radius:50%}.vs:where(.svelte-akxa92){position:absolute;bottom:0;left:50%;translate:-50% 50%;-webkit-text-stroke:4px var(--shade9);paint-order:stroke}}.pro-player-portrait{width:2.25rem}.build-info-container:where(.svelte-akxa92){display:grid}.build-info:where(.svelte-akxa92){display:flex;align-items:center;gap:.25rem}.title:where(.svelte-akxa92),.subtitle:where(.svelte-akxa92){line-height:1.4}.title:where(.svelte-akxa92){color:var(--shade0);[data-player-fame="4"]:where(.svelte-akxa92) &{color:var(--shade0)}[data-player-fame="5"]:where(.svelte-akxa92) &{color:var(--yellow)}.selected:where(.svelte-akxa92) &{color:var(--turq)}}.games:where(.svelte-akxa92){color:var(--shade1)}.runes:where(.svelte-akxa92){position:relative}.secondary:where(.svelte-akxa92){position:absolute;bottom:-2px;right:-2px;padding:2px;background:var(--shade8);border-radius:50%}.item:where(.svelte-akxa92){border-radius:var(--br-sm)}.pro-matchup:where(.svelte-akxa92){display:flex;align-items:center;gap:.25rem;color:var(--shade3)}}.loading.svelte-akxa92{display:flex;align-items:center;justify-content:center;height:100%}.selected-build.svelte-akxa92{position:relative;display:grid;gap:1rem;padding:1rem}.runes-items.svelte-akxa92{display:grid;grid-template-columns:2.2fr 1fr;gap:1.25rem;@container builds-container (inline-size <= 850px){gap:1rem}@container builds-container (inline-size <= 650px){grid-template-columns:1fr}&[data-show-runes=false]{grid-template-columns:1fr}}.build-patch.svelte-akxa92{position:absolute;top:0;right:0;color:var(--shade4)}.section.svelte-akxa92{display:grid;grid-auto-rows:max-content;gap:.5rem;&.hidden{display:none}@container builds-container (inline-size <= 650px){&.items{grid-template-columns:6rem 1fr;.items-list:where(.svelte-akxa92){width:unset;grid-template-columns:repeat(auto-fill,32px)}:where(.svelte-akxa92):not(:nth-child(2),:nth-child(3)){grid-column:1 / -1}}}}.section-title.svelte-akxa92{display:flex;align-items:center;gap:.5rem;color:var(--status-color);&.center{align-items:center;justify-content:center}}.rune-page-buttons.svelte-akxa92{display:flex;justify-content:center;gap:.5rem;padding-block-end:1rem}.rune-page-button.svelte-akxa92,.summoner-spell-button.svelte-akxa92{--bg: var(--shade5-50);background:var(--bg);border-radius:var(--br-lg);cursor:pointer;&.active{--bg: var(--shade4-50)}}.rune-page-button.svelte-akxa92{padding:.5rem;padding-block-end:.25rem;.top:where(.svelte-akxa92){display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.runes:where(.svelte-akxa92){position:relative;pointer-events:none;translate:-15% -10%;img:where(.svelte-akxa92){pointer-events:none}.secondary:where(.svelte-akxa92){position:absolute;bottom:-.1rem;right:-.35rem;padding:.125rem;background:var(--bg);border-radius:50%}}.games:where(.svelte-akxa92){display:block;text-align:left;color:var(--shade1)}}.summoners-items.svelte-akxa92{display:grid;gap:1rem;grid-auto-rows:max-content;&[data-show-runes=false]{padding-block-start:1rem}}.no-runes-layout.svelte-akxa92{display:grid;gap:1rem;.summoner-spell-button:where(.svelte-akxa92){width:100%;.games:where(.svelte-akxa92){margin-inline-start:auto;width:auto}}}.no-runes-start-items-summoner-spells.svelte-akxa92{display:grid;grid-template-columns:minmax(0,65fr) minmax(0,35fr);gap:1rem;padding-block-start:.5rem}.summoner-spells.svelte-akxa92{display:grid;gap:.5rem;grid-auto-rows:max-content;img{aspect-ratio:1;border-radius:var(--br)}@container builds-container (inline-size <= 650px){display:flex}}.summoner-spell-button.svelte-akxa92{display:flex;align-items:center;gap:.25rem;width:fit-content;padding:.25rem;padding-inline-end:1rem;@container builds-container (inline-size <= 850px){width:fit-content;padding-inline-end:.5rem;.games:where(.svelte-akxa92){display:none}}.imgs:where(.svelte-akxa92){display:flex;gap:2px}.games:where(.svelte-akxa92){text-align:left}.winrate:where(.svelte-akxa92){width:4ch;text-align:center;color:var(--winrate-color);background:color-mix(in hsl,var(--winrate-color),transparent 85%);border-radius:var(--br-sm)}}.items-group.svelte-akxa92{display:grid;gap:.25rem;grid-auto-rows:max-content}.items-group--title.svelte-akxa92{display:block;color:var(--shade3)}.items-list.svelte-akxa92{display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem;width:fit-content;@container builds-container (inline-size <= 850px){grid-template-columns:repeat(4,1fr)}img{aspect-ratio:1;border-radius:var(--br)}[data-show-runes=false]:where(.svelte-akxa92) &{grid-template-columns:repeat(auto-fill,32px);width:unset}}.skill-order-container.svelte-akxa92{container-type:inline-size;container-name:skill-order-container}.skill-order-info.svelte-akxa92{@container skill-order-container (inline-size <= 550px){display:flex;align-items:center;gap:1rem}}.skill-order.svelte-akxa92{display:flex;align-items:center;justify-content:center;gap:1rem;@container skill-order-container (inline-size <= 550px){display:grid;gap:1rem;justify-content:start}}.skill-order-header.svelte-akxa92{display:grid;grid-auto-rows:max-content;gap:.25rem;padding-block-end:.5rem}.skill-order-stats.svelte-akxa92{display:flex;align-items:center;gap:.5rem;color:var(--shade1)}.skill-max-order.svelte-akxa92{display:flex;align-items:center;gap:.25rem;svg{color:var(--shade3)}.skill-max-ability:where(.svelte-akxa92){position:relative;border:2px solid color-mix(in hsl,var(--ability-color),transparent 50%);border-radius:var(--br-lg);img:where(.svelte-akxa92){border-radius:var(--br-lg)}}.ability-key:where(.svelte-akxa92){position:absolute;display:grid;place-items:center;bottom:-.25ch;right:-.25ch;width:2ch;height:2ch;background:var(--shade8);color:var(--ability-color);font-weight:800;border-radius:var(--br-sm)}}.skill-order-grid.svelte-akxa92{display:grid;grid-auto-flow:column;grid-template-columns:repeat(19,1fr);grid-template-rows:repeat(5,1fr);gap:.25rem;width:fit-content;>:where(.svelte-akxa92){display:grid;place-items:center;width:1rem;aspect-ratio:1;line-height:1;background:var(--shade9);border-radius:var(--br-sm);&.level{color:var(--shade2);background:transparent}}}.champion-bg.svelte-akxa92{position:absolute;top:0%;right:0%;translate:23% -23%;height:90%;width:auto;mask-image:radial-gradient(50% 50% at 50% 46%,black,transparent);aspect-ratio:16 / 9;max-width:unset;opacity:.1;@container builds-container (inline-size <= 650px){width:160%;height:auto;translate:40% -20%}}.wr-tag.svelte-akxa92{display:inline-block;min-width:4ch;color:var(--wr-color);line-height:1.6;background:color-mix(in hsl,var(--wr-color),transparent 85%);padding:0 .25rem;border-radius:var(--br-sm)}.show-mobile-builds-list-button.svelte-akxa92{display:none;position:absolute;top:.75rem;left:.75rem;padding:.25rem;background:var(--shade5);color:var(--shade1);border-radius:var(--br-lg);box-shadow:0 0 30px var(--shade9);transition:translate var(--transition),scale var(--transition),color var(--transition);@container builds-container (inline-size <= 800px){display:block}&:hover{scale:1.05;color:var(--shade0)}&.active{translate:19rem 0%}svg{width:1.75rem;height:1.75rem}}::view-transition-group(build-sort-button){z-index:2}::view-transition-group(build-sort-wr),::view-transition-group(build-sort-common){z-index:3}