.fruit-icon.svelte-1u1fubz{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;position:relative}.fruit-icon__svg.svelte-1u1fubz{width:100%;height:100%}.fruit-icon__badge.svelte-1u1fubz{gap:var(--space-hairline);padding:var(--space-hairline);border-radius:var(--space-1);background:var(--color-surface);line-height:0;display:flex;position:absolute;top:-12%;right:-12%}.fruit-icon__star.svelte-1u1fubz{width:.55em;height:.55em}.fruit-icon--framed.svelte-1u1fubz{background:color-mix(in srgb, var(--fruit-color) var(--fruit-hl-fill,15%), transparent);box-shadow:inset 0 0 0 var(--fruit-hl-ring-w,1.5px) color-mix(in srgb, var(--fruit-color) var(--fruit-hl-ring,58%), transparent);color:var(--fruit-color)}.fruit-icon--framed.svelte-1u1fubz .fruit-icon__svg:where(.svelte-1u1fubz){width:65%;height:65%}.fruit-icon--framed.svelte-1u1fubz .fruit-icon__badge:where(.svelte-1u1fubz){top:6%;right:6%}.fruit-icon--heart.fruit-icon--framed.svelte-1u1fubz{background:var(--color-heart-cell);box-shadow:none;color:var(--color-heart-stroke)}