.ring.svelte-4smogl{--size:24rem;--edge:2.25rem;width:var(--size);height:var(--size);margin:1rem auto;position:relative;container-type:inline-size}@media (width<30rem){.ring.svelte-4smogl{--size:18rem;--edge:2rem}}.orbit.svelte-4smogl{border:1.5px dashed #972a9073;border-radius:50%;position:absolute}.orbit.outer.svelte-4smogl{inset:var(--edge)}.orbit.inner.svelte-4smogl{inset:calc(var(--edge) + 20cqw)}.center.svelte-4smogl{inset:calc(var(--edge) + 31cqw);background:radial-gradient(circle at 30% 30%,#fff,#f3e8f5);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 .5rem 2rem #972a9022}.tile.svelte-4smogl{box-sizing:border-box;min-width:3.75rem;height:3.75rem;transform:translate(-50%, -50%) rotate(var(--a)) translate(calc(50cqw - var(--edge))) rotate(calc(-1 * var(--a)));background:#fff;border:1px solid #0001;border-radius:1.875rem;place-items:center;padding-left:.75rem;padding-right:.75rem;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 .25rem .75rem #0002}.hero-image.svelte-9ydn4x{margin:unset;object-fit:cover;object-position:top;border-radius:1rem;width:100%;height:20rem;box-shadow:0 .75rem 2rem #fff5}