.hyvui-surface.svelte-1hqomfa{position:relative;overflow:clip;border-radius:var(--radius-md);isolation:isolate;max-inline-size:100%;min-width:0}.hyvui-surface.svelte-1hqomfa:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--text) 4%,transparent),transparent 20%),linear-gradient(90deg,color-mix(in srgb,var(--signal) 3%,transparent),transparent 30%);opacity:.8}.hyvui-surface-base.svelte-1hqomfa{background:var(--surface-soft);border:1px solid var(--line);box-shadow:var(--surface-stroke)}.hyvui-surface-card.svelte-1hqomfa{background:var(--surface-card);border:1px solid color-mix(in srgb,var(--text) 5%,transparent);box-shadow:var(--surface-stroke),var(--shadow-card)}.hyvui-surface-panel.svelte-1hqomfa{background:var(--surface-panel);border:1px solid var(--line);box-shadow:var(--surface-stroke),var(--shadow-veil)}.hyvui-surface-inset.svelte-1hqomfa:after{content:"";position:absolute;inset:var(--control-pad-x);border:1px solid color-mix(in srgb,var(--signal) 14%,transparent);pointer-events:none}[data-theme=hextech] .hyvui-surface-card.svelte-1hqomfa{border-color:color-mix(in srgb,var(--htx-brass) 20%,transparent);box-shadow:var(--surface-stroke),var(--shadow-card),inset 0 0 0 1px color-mix(in srgb,var(--htx-cyan-glow) 4%,transparent)}[data-theme=hextech] .hyvui-surface-panel.svelte-1hqomfa{border-color:color-mix(in srgb,var(--htx-cyan-glow) 18%,transparent)}[data-theme=arcane] .hyvui-surface-card.svelte-1hqomfa{border-color:color-mix(in srgb,var(--arc-magenta) 18%,transparent)}[data-theme=arcane] .hyvui-surface-card.svelte-1hqomfa:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--arc-magenta) 14%,transparent) 0%,transparent 50%);pointer-events:none}[data-theme=arcane] .hyvui-surface-card.svelte-1hqomfa:nth-child(2n):after{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--arc-shimmer) 12%,transparent) 0%,transparent 50%)}[data-theme=arcane] .hyvui-surface-card.svelte-1hqomfa:nth-child(3n):after{background:radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--arc-magenta) 10%,transparent) 0%,transparent 50%)}[data-theme=arcane] .hyvui-surface-panel.svelte-1hqomfa{border-color:color-mix(in srgb,var(--arc-magenta) 22%,transparent);box-shadow:var(--surface-stroke),var(--shadow-veil),0 0 40px color-mix(in srgb,var(--arc-magenta) 6%,transparent)}