.card-container.svelte-ukt9jt{translate:0 0;opacity:1;transition:translate .25s ease-out,opacity .25s ease-out;transition-delay:calc(var(--index) * 35ms);@starting-style{opacity:0;translate:0 -.5rem}}.scroll-container.svelte-ukt9jt{height:var(--base-height);scrollbar-width:none;&.can-scroll{mask-image:linear-gradient(to top,transparent,black 7rem)}&.at-bottom{mask-image:none}>:where(.svelte-ukt9jt){position:relative}}.content.svelte-ukt9jt{padding-block:1rem;padding-block-end:2rem}.rune.svelte-ukt9jt{display:grid;gap:var(--sp-1);padding:var(--sp-3) var(--sp-6);&.keystone{.rune-meta:where(.svelte-ukt9jt){gap:var(--sp-1);translate:-.5rem 0}.rune-img:where(.svelte-ukt9jt){width:2.75rem;height:2.75rem;border-radius:0;border:none}}&:not(:last-child){border-bottom:1px solid var(--card-inset-border)}}.rune-meta.svelte-ukt9jt{display:flex;align-items:center;gap:var(--sp-2);color:var(--tree-color)}.rune-img.svelte-ukt9jt{width:1.75rem;height:1.75rem;border:2px solid var(--tree-color, var(--shade6))}.rune-stat.svelte-ukt9jt{display:flex;align-items:baseline;justify-content:space-between}.stat-value.svelte-ukt9jt{color:var(--tree-color)}.stat-damage.svelte-ukt9jt{color:var(--shade0-50);padding-inline-end:var(--sp-1)}.keystone-bg.svelte-ukt9jt{position:absolute;top:-7rem;right:-10rem;width:30rem;height:30rem;max-width:unset;filter:blur(12px);mask-image:linear-gradient(to top,transparent 25%,black);opacity:.25;pointer-events:none}.scroll-indicator.svelte-ukt9jt{position:absolute;bottom:.5rem;left:50%;translate:-50% 0;transition:opacity .25s ease-in-out;pointer-events:none;opacity:0}.card-container.svelte-17u7bn4{display:grid;gap:1.25rem;padding:1.5rem;translate:0 0;opacity:1;transition:translate .25s ease-out,opacity .25s ease-out;transition-delay:calc(var(--index) * 35ms);@starting-style{opacity:0;translate:0 -.5rem}}.card-header.svelte-17u7bn4{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0}:where(.bg-img.svelte-17u7bn4){position:absolute;top:0;left:50%;translate:-50% -20%;width:100%;height:auto;mask-image:radial-gradient(circle at top center,black,transparent 80%);pointer-events:none}.card-super-title.svelte-17u7bn4{position:relative;display:flex;align-items:center;justify-content:center;gap:.25rem;color:var(--shade0-50);svg{width:1.25rem;height:auto}}.arc.svelte-17u7bn4{position:relative;display:flex;align-items:center;justify-content:center;margin-inline:auto;width:100%;min-width:9rem;min-height:9rem;svg{position:absolute;left:0;top:0;width:100%;height:100%;filter:brightness(1) saturate(1);&[data-did-well=true]{filter:brightness(1) saturate(2.2) drop-shadow(0px 0px 20px var(--performance-color))}}.spark:where(.svelte-17u7bn4){position:absolute;left:50%;top:50%;transform:translate(calc(-50% - var(--x) * 1.5),calc(-50% - var(--y) * 1.5)) rotate(var(--theta));pointer-events:none}.arc-value:where(.svelte-17u7bn4){font-size:2.25rem;line-height:1;translate:0% -.25rem;font-weight:700}}.card-title.svelte-17u7bn4{position:absolute;top:80%;width:100%;display:block;text-align:center}.card-label.svelte-17u7bn4{position:relative;padding:.25rem 1.5rem;color:var(--shade2)}.performance-stats.svelte-17u7bn4{display:grid;&:has(.performance-stat.hoverable.enabled:where(.svelte-17u7bn4)):hover{.performance-stat:where(.svelte-17u7bn4):not(:hover){opacity:.1;filter:blur(2px) saturate(0)}}}.performance-stat.svelte-17u7bn4{position:relative;display:grid;padding-block:.5rem;&:not(.enabled){opacity:.38;filter:saturate(0);.value-display:where(.svelte-17u7bn4){display:none}}&.hoverable{transition:opacity var(--transition),filter var(--transition);&:hover{.perf-bar:where(.svelte-17u7bn4){background:linear-gradient(to right,color-mix(in hsl,var(--stat-color),transparent 65%) 0%,color-mix(in hsl,var(--stat-color),transparent 65%) var(--progress),var(--shade5-50) var(--progress))}.data-hover-display:where(.svelte-17u7bn4){opacity:1;translate:0;padding:0 10%;.left:where(.svelte-17u7bn4){transform:translate(-50%)}.right:where(.svelte-17u7bn4){transform:translate(50%)}.you:where(.svelte-17u7bn4){position:absolute;transform:translate(-50%);z-index:10}}.perf-bar-line:where(.svelte-17u7bn4){opacity:1}}}.top:where(.svelte-17u7bn4){display:flex;align-items:center;justify-content:space-between}.perf-bar:where(.svelte-17u7bn4){position:relative;height:.5rem;border-radius:var(--br-sm);background:linear-gradient(to right,var(--stat-color) 0%,var(--stat-color) var(--progress),var(--shade5-50) var(--progress))}.perf-bar-line:where(.svelte-17u7bn4){position:absolute;top:50%;height:calc(100% + .5rem);width:4px;background:var(--rank-color);border-radius:var(--br-sm);box-shadow:0 0 0 2px var(--card-surface);translate:0 -50%;opacity:0;transition:opacity var(--transition);&.bar-min{left:10%;transform:translate(-50%)}&.bar-max{right:10%;transform:translate(50%)}&.bar-you{left:var(--progress);height:calc(100% + .25rem);background:var(--stat-color)}}}.data-hover-display.svelte-17u7bn4{position:absolute;top:100%;left:0;width:100%;display:flex;justify-content:space-between;opacity:0;translate:0 -.5rem;transition:opacity var(--transition),translate var(--transition);.right:where(.svelte-17u7bn4){text-align:right}}.match-performance.svelte-1jeyv6z{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;.bg-img{position:absolute;top:0;left:50%;translate:-32% -13%;mask-image:radial-gradient(circle at top center,hsl(0deg 0% 0% / 39%),transparent 80%);width:200%;max-width:unset}}.too-short.svelte-1jeyv6z{grid-column-start:1;grid-column-end:4;display:grid;place-items:center}.teams.svelte-1qakbaz{display:grid;gap:.5rem}.team-header.svelte-1qakbaz{display:flex;align-items:center;justify-content:space-between;height:2.25rem;padding-inline:1rem;padding-block-start:.125rem;background:var(--shade6-50);color:var(--shade2);border-bottom:1px solid var(--shade3-15)}.team-name.svelte-1qakbaz{color:var(--team-color)}.team-stats.svelte-1qakbaz{display:flex;align-items:center;gap:.75rem;>:where(.svelte-1qakbaz){display:flex;align-items:center;gap:.125rem}svg{width:1rem}}.team-players.svelte-1qakbaz{li:where(.svelte-1qakbaz):last-child .player:where(.svelte-1qakbaz){border-bottom:none}}.player.svelte-1qakbaz{display:flex;align-items:center;justify-content:space-between;padding-inline:.75rem;padding-block:.25rem;border-bottom:1px solid var(--shade6);transition:background var(--transition);&:hover{background:var(--shade6-50)}&.isBot{cursor:default}&.isLocalPlayer{.name:where(.svelte-1qakbaz){color:var(--yellow)}}.player-meta:where(.svelte-1qakbaz){display:flex;align-items:center;gap:.5rem}.champ-container:where(.svelte-1qakbaz){position:relative;border-radius:50%;border:2px solid var(--team-color)}.champ-img:where(.svelte-1qakbaz){border-radius:50%}.level:where(.svelte-1qakbaz){position:absolute;bottom:0;right:0;color:var(--shade0);font-size:.675rem;font-weight:600;translate:0% 25%;text-shadow:0 4px 9px var(--shade10),0 0px 7px var(--shade10);-webkit-text-stroke:4px var(--shade10);paint-order:stroke}.summoners-runes:where(.svelte-1qakbaz){display:flex;gap:.125rem}.player-summoners:where(.svelte-1qakbaz),.player-runes:where(.svelte-1qakbaz){display:flex;flex-direction:column;align-items:center;gap:.25rem}.player-runes:where(.svelte-1qakbaz){gap:.125rem;translate:0 -6%}.name:where(.svelte-1qakbaz){display:block;inline-size:11ch;max-inline-size:11ch;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.player-rank:where(.svelte-1qakbaz){display:grid;text-align:center;color:var(--shade2)}.items:where(.svelte-1qakbaz){display:flex;align-items:center;gap:.125rem}.item-placeholder:where(.svelte-1qakbaz){width:1.5rem;height:auto;aspect-ratio:1;background-color:var(--shade6-50)}.stat:where(.svelte-1qakbaz){text-align:center;width:8ch;span:where(.svelte-1qakbaz){display:block}}.damage:where(.svelte-1qakbaz){flex:1;max-inline-size:7ch;text-align:right;white-space:nowrap}.damage-bar:where(.svelte-1qakbaz),.damage-bar:where(.svelte-1qakbaz):after{position:relative;block-size:.25rem;text-align:left;background:var(--shade5);border-radius:var(--br-lg)}.damage-bar:where(.svelte-1qakbaz):after{content:"";position:absolute;inline-size:calc(var(--percent-damage) * 100%);background:var(--team-color)}}.tab-content.svelte-odoh0t{padding:.5rem}