.card.svelte-5q12cp{container-type:inline-size;container-name:new-card}.card-content.svelte-5q12cp{position:relative;padding:1.5rem;background:var(--shade7);border-radius:var(--br-xl);overflow:clip;outline-offset:3px;outline:2px solid transparent;transition:outline-color var(--transition),scale var(--transition);:is(a:where(.svelte-5q12cp)) &:hover,:is(a:where(.svelte-5q12cp)) &:focus{outline-color:var(--shade3-50);scale:1.05}>*{position:relative}&:after{content:"";position:absolute;inset:0;border:1px solid var(--shade0);border-radius:var(--br-xl);mix-blend-mode:overlay;pointer-events:none}.bg:where(.svelte-5q12cp){position:absolute;top:0%;left:50%;translate:-50% 0%;width:auto;max-width:unset;height:165%;mask-image:radial-gradient(17% 47% at 50% 27%,#000000bf,#0000);pointer-events:none;@container (inline-size >= 450px){mask-image:radial-gradient(38% 36% at 50% 23%,#000000bf,#0000)}}.content:where(.svelte-5q12cp){display:grid;gap:.5rem}.name:where(.svelte-5q12cp){display:flex;align-items:center;gap:.5rem;font-weight:700}.new:where(.svelte-5q12cp){color:var(--green);background:color-mix(in hsl,var(--green),transparent 85%);padding:.125rem .25rem;border-radius:var(--br-sm)}.text:where(.svelte-5q12cp),.cta:where(.svelte-5q12cp){color:var(--shade0-75)}}