.element-hero-container.svelte-1ukshoc{display:flex;justify-content:center;width:100%}.element-hero.svelte-1ukshoc{max-width:400px;width:100%;aspect-ratio:1 / 1;padding:2.5rem;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;border-radius:2rem;background:linear-gradient(135deg,color-mix(in oklch,var(--category-color) 15%,transparent),color-mix(in oklch,var(--category-color) 5%,transparent));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid color-mix(in oklch,var(--category-color) 40%,transparent);box-shadow:0 0 50px -10px color-mix(in oklch,var(--category-color) 30%,transparent),0 20px 25px -5px #0003;position:relative;overflow:hidden}.element-hero.svelte-1ukshoc:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,color-mix(in oklch,var(--category-color) 20%,transparent),transparent 60%);pointer-events:none;animation:svelte-1ukshoc-pulse-glow 8s ease-in-out infinite alternate}@keyframes svelte-1ukshoc-pulse-glow{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.1);opacity:.8}}.element-header.svelte-1ukshoc{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:10}.atomic-number.svelte-1ukshoc{font-size:2rem;font-weight:700;opacity:.8;font-family:var(--font-heading)}.atomic-mass.svelte-1ukshoc{font-size:1.25rem;opacity:.6;font-weight:500;font-variant-numeric:tabular-nums}.symbol.svelte-1ukshoc{font-family:var(--font-heading);font-size:8rem;font-weight:800;line-height:1;margin:0;flex-grow:1;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:10;background:linear-gradient(135deg,#fff,color-mix(in oklch,#fff 70%,transparent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px color-mix(in oklch,var(--category-color) 60%,transparent))}.name.svelte-1ukshoc{font-size:2rem;font-weight:600;margin:0;text-align:center;opacity:.9;position:relative;z-index:10;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-heading)}@media(max-width:640px){.element-hero.svelte-1ukshoc{max-width:320px}.symbol.svelte-1ukshoc{font-size:4rem}.name.svelte-1ukshoc{font-size:1.25rem}}