.yt-dialog-overlay{position:fixed;inset:0;z-index:999;background:color-mix(in hsl,var(--shade10),transparent 20%)}.yt-dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;width:var(--sp-container);height:auto;aspect-ratio:16 / 9;border-radius:var(--br);z-index:1000}.yt-frame.svelte-1sy7ahf{width:100%;height:100%}.yt-dialog-close{position:absolute;right:-5rem;top:0;border-radius:50%;border:1px solid var(--shade3);color:var(--shade3);transition:var(--transition);padding:.5rem;svg{width:2rem;height:2rem}&:hover{background:var(--shade3);color:var(--shade0);transform:scale(.9)}}.columns.svelte-19v8o45{display:grid;grid-template-columns:2fr 1fr;gap:1rem;@container (inline-size <= 1000px){grid-template-columns:1fr}}.left.svelte-19v8o45,.right.svelte-19v8o45{display:flex;flex-direction:column;gap:1rem}.agent-videos.svelte-19v8o45{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:.5rem var(--padding) var(--padding)}.agent-video.svelte-19v8o45{position:relative;img:where(.svelte-19v8o45){opacity:.4;border:2px solid var(--shade4);border-radius:var(--br);aspect-ratio:16 / 9;width:100%;height:auto}svg{position:absolute;height:3rem;width:auto;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 7px black)}&:hover{img:where(.svelte-19v8o45){opacity:.6;border-color:var(--agent-color)}svg{transform:translate(-50%,-50%) scale(1.1)}}}.ability-image.svelte-19v8o45{width:3.5rem;height:3.5rem}.ability-keybind.svelte-19v8o45{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--br-lg);background:var(--shade6)}.ability-name.svelte-19v8o45{text-align:center;font-size:1.5rem}.ability-description.svelte-19v8o45{margin-top:.5rem;color:var(--shade2)}.ability-cost.svelte-19v8o45{margin-top:.5rem;color:var(--shade0);word-spacing:.15rem}.ability-cost-label.svelte-19v8o45{font-size:.8rem;color:var(--shade3)}.ability-charges.svelte-19v8o45{display:block;width:5rem;height:auto;position:absolute;top:2rem;&.selected{svg{fill:var(--agent-color)}}}.ability-point.svelte-19v8o45{display:inline-block;width:.5rem;height:.5rem;background:var(--agent-color);transform:rotate(45deg)}.ability-cost-extra-info.svelte-19v8o45{font-size:.8rem;color:var(--shade3)}.card-container.svelte-19v8o45{flex-direction:column}.other-agents.svelte-19v8o45{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.5rem;padding:.5rem var(--padding) var(--padding);.agent:where(.svelte-19v8o45){position:relative;.agent-image:where(.svelte-19v8o45){width:100%;height:auto;transition:var(--transition);border-radius:var(--br);border:1px solid transparent;&:hover,&.selected{border:1px solid var(--agent-color);filter:brightness(1.25);scale:1.05}}}}.tips-container.svelte-19v8o45{height:fit-content;padding-bottom:.5rem}.tips.svelte-19v8o45{padding:.5rem var(--padding) var(--padding);font-size:.85rem;display:flex;flex-direction:column;gap:1rem}li.tip.svelte-19v8o45{.tip-text:where(.svelte-19v8o45)>span{color:var(--agent-color);font-weight:700}.tip-extra:where(.svelte-19v8o45){color:var(--shade2);font-size:.8rem;margin-top:.5rem}}.no-insights-message.svelte-19v8o45,.no-lineups-message.svelte-19v8o45{text-align:center;font-size:.85rem;color:var(--shade1);padding:var(--padding)}.lineups-header.svelte-19v8o45{display:flex;align-items:center;justify-content:space-between;gap:1rem}.lineups-link.svelte-19v8o45{display:flex;flex-direction:row;align-items:center;gap:.5rem;text-decoration:none;padding:var(--padding);img:where(.svelte-19v8o45){width:2rem;height:2rem;border-radius:var(--br);border:1px solid var(--agent-color);object-fit:cover}svg{display:inline;transition:var(--transition)}.lineups-link-text:where(.svelte-19v8o45){span:where(.svelte-19v8o45){margin-top:.1rem;display:block;font-size:.8rem;font-weight:400;color:var(--shade1)}}&:hover{svg{transform:translate(.25rem) scale(1.1)}}}.tooltip-content.svelte-19v8o45{padding:.5rem 1.25rem;background:var(--shade10);border-radius:var(--br);color:var(--shade0)}