@layer components{.cFOphG_wrapper{color:var(--tone);justify-content:center;align-items:center;margin-inline:auto;display:flex;position:relative;container-type:inline-size}.cFOphG_glow{aspect-ratio:1;border-radius:var(--border-radius-full);background:radial-gradient(ellipse 62% 62% at 50% 50%, oklch(from var(--tone) l c h / var(--halo-alpha,.55)) 0%, oklch(from var(--tone) l c h / 0) 72%);filter:blur(7cqw);pointer-events:none;inline-size:94%;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.cFOphG_image{width:84%;height:84%;z-index:var(--z-base);background-color:var(--tone);-webkit-mask:var(--motif) center / contain no-repeat;-webkit-mask:var(--motif) center / contain no-repeat;-webkit-mask:var(--motif) center / contain no-repeat;mask:var(--motif) center / contain no-repeat;display:block;position:relative}.cFOphG_fiery{--tone:var(--fiery)}.cFOphG_sky{--tone:var(--sky)}.cFOphG_grass{--tone:var(--grass)}.cFOphG_wisdom{--tone:var(--wisdom)}.cFOphG_moon{--tone:var(--moon)}.cFOphG_sunlit{--tone:var(--sunlit);--halo-alpha:.7}.cFOphG_wrapper[data-size=small]{aspect-ratio:1;width:12.8rem}.cFOphG_wrapper[data-size=medium]{aspect-ratio:1;width:19.2rem}.cFOphG_wrapper[data-size=large]{aspect-ratio:1;width:25.6rem}}