.augments-grid.svelte-6pw12v{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;.augment:where(.svelte-6pw12v){--radius: var(--br-xl);--padding: 1.25rem;position:relative;background:var(--shade8);border-radius:var(--radius);border:2px solid var(--shade3-15);overflow:clip;transition:scale var(--transition),border-color var(--transition);&:hover,&:focus{scale:1.025;z-index:1;border-color:var(--shade3-50)}}.augment-icon-container:where(.svelte-6pw12v){position:relative;display:grid;place-items:center;padding-block:1rem;>*{grid-area:1 / 1}}.augment-icon:where(.svelte-6pw12v){width:var(--size);height:var(--size)}.augment-icon.hidden{display:none}.augment-icon:where(.svelte-6pw12v):nth-child(1){--size: 19rem;position:absolute;top:50%;left:50%;translate:-50% -50%;mask-image:linear-gradient(to bottom,oklch(0 0 0 / .1),transparent);pointer-events:none}.augment-icon:where(.svelte-6pw12v):nth-child(2){--size: 5rem}.augment-info:where(.svelte-6pw12v){display:grid;grid-auto-rows:max-content;gap:.5rem;padding:var(--padding);padding-block-start:0}.augment-name:where(.svelte-6pw12v){text-align:center}.augment-description:where(.svelte-6pw12v){color:var(--shade1)}}
