.comp-container.svelte-2vfn5j{container-type:inline-size;container-name:comp-container}.comp-summary.svelte-2vfn5j{position:relative;display:grid;grid-auto-rows:max-content;gap:.75rem;padding:1.5rem;user-select:none;overflow:clip;cursor:pointer;border-top-left-radius:var(--br-xl);border-top-right-radius:var(--br-xl);scroll-margin-block-start:.5rem;>:where(.svelte-2vfn5j){position:relative}&:hover,&:focus-visible,&.open{background:var(--shade6-50);.carry-bg:where(.svelte-2vfn5j){opacity:.3}}}.carry-bg.svelte-2vfn5j{position:absolute;top:50%;right:0;height:auto;width:50%;max-width:24rem;translate:0% -50%;mask-image:radial-gradient(80% 50% at 80% 50%,oklch(0 0 0 / 1),transparent);opacity:.2;transition:opacity var(--transition);pointer-events:none}.comp-info.svelte-2vfn5j{display:flex;align-items:center;justify-content:space-between;gap:1rem;@container (inline-size <= 700px){flex-direction:column;align-items:flex-start;gap:2rem}}.comp-info-header.svelte-2vfn5j{display:flex;align-items:center;gap:.25rem;margin-inline-start:-.25rem}.tier.svelte-2vfn5j{flex-shrink:0;position:relative;.tier-icon{position:relative}}.name-tags.svelte-2vfn5j{display:flex;align-items:center;gap:1rem;@container (inline-size <= 700px){flex-direction:column;align-items:flex-start;gap:.25rem}}.comp-name.svelte-2vfn5j{color:var(--tier-color);-webkit-text-stroke:3px var(--shade9);paint-order:stroke fill}.tags.svelte-2vfn5j{display:flex;gap:.25rem;.tag:where(.svelte-2vfn5j){padding:.125rem .25rem;background:var(--shade2-15);color:var(--shade1);border-radius:var(--br);width:fit-content}}.augments.svelte-2vfn5j{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:0}.comp-roster.svelte-2vfn5j{flex:1;display:flex;gap:1rem;@container (inline-size <= 700px){&:not(.is-early-comp){display:grid}}}.comp-roster-label.svelte-2vfn5j{display:flex;align-items:center;gap:.5rem;color:var(--shade1);padding-block-end:.25rem;&:after{content:"";height:1px;flex:1;background:var(--shade5)}}.comp-units.svelte-2vfn5j{display:flex;gap:.25rem;.unit{--size: 2.5rem;@container (inline-size <= 800px){--size: 2.25rem}}&.overlap{gap:0;>*:first-child{z-index:2}>*:not(:first-child){margin-inline-start:-.5rem;z-index:1;.unit{--size: 2rem}}}&.late-comps{gap:1rem}}.comp-stats-container.svelte-2vfn5j{display:flex;align-items:center;gap:2rem;@container (inline-size <= 700px){width:100%;justify-content:space-between}}.comp-stats.svelte-2vfn5j{display:flex;gap:.75rem}.comp-stats-item.svelte-2vfn5j{display:grid;text-align:center}.comp-stats-label.svelte-2vfn5j{color:var(--shade2)}.comp-stats-value.svelte-2vfn5j{text-align:center}.comp-actions.svelte-2vfn5j{display:flex;justify-content:flex-end;gap:.25rem}.comp-action.svelte-2vfn5j{flex-shrink:0;color:var(--shade0-75);padding:.25rem;background:var(--shade0-15);border-radius:var(--br-lg);transition:scale var(--transition);&:hover{color:var(--shade0);background:var(--shade0-25);scale:1.05}&.copied{color:var(--lime);background:color-mix(in hsl,var(--lime) 15%,transparent)}svg{width:1.5rem}&.chevron{svg{transition:rotate var(--transition)}&.open{svg{rotate:180deg}}}}.comp-details.svelte-2vfn5j{padding:.5rem;background-color:var(--shade9);border-top:1px solid var(--shade3-15);border-radius:0 0 var(--br-xl) var(--br-xl)}.tabs.svelte-2vfn5j{padding-inline:1rem}.tab-button.svelte-2vfn5j{padding:.25rem 1rem calc(.25rem + 2px);color:var(--shade2);cursor:pointer;translate:0 1px;border:1px solid transparent;border-top-left-radius:var(--br-lg);border-top-right-radius:var(--br-lg);border-bottom:none;&.active{color:var(--shade0);background:var(--shade7);border-color:var(--shade4-15)}}.tab-content.svelte-2vfn5j{background-color:var(--shade7);box-shadow:inset 0 0 0 1px var(--shade4-15);border-radius:var(--br-lg)}