.toolbar.svelte-64oh8c{display:flex;align-items:center;gap:.5rem;.patch:where(.svelte-64oh8c){color:var(--shade1)}}.role-icon.svelte-64oh8c{color:var(--shade0);svg{width:1.5rem;height:1.5rem}}.tier.svelte-64oh8c{.tier-icon{width:1.75rem;height:1.75rem}}.champion-info.svelte-64oh8c{display:flex;align-items:center;gap:.5rem;color:var(--shade0)}.wr-diff.svelte-64oh8c{display:flex;align-items:center;gap:.25rem;&.up{color:color-mix(in hsl,var(--green) 75%,transparent)}&.up-large{color:var(--green)}&.down{color:var(--red)}&.down-large{color:var(--red)}}.arrows.svelte-64oh8c{--size: 1rem;position:relative;width:var(--size);height:var(--size);color:transparent;.up:where(.svelte-64oh8c) &,.down:where(.svelte-64oh8c) &{color:inherit}.up:where(.svelte-64oh8c) &{rotate:-90deg}.up-large:where(.svelte-64oh8c) &{>svg:nth-child(1){translate:-15% 0}>svg:nth-child(2){translate:15% 0}}.down:where(.svelte-64oh8c) &{rotate:90deg}.down-large:where(.svelte-64oh8c) &{>svg:nth-child(1){translate:-15% 0}>svg:nth-child(2){translate:15% 0}}svg{position:absolute;width:var(--size);height:var(--size)}}.diff.svelte-64oh8c{width:4ch}