.clay-orb{position:relative;display:inline-grid;flex:none;place-items:center;border-radius:9999px;background:linear-gradient(160deg,rgba(255,255,255,.62),rgba(255,255,255,0) 48%),radial-gradient(62% 52% at 50% 46%,rgba(255,214,170,.5),transparent 72%),radial-gradient(90% 70% at 50% 42%,rgba(232,150,96,.2),transparent 74%),linear-gradient(180deg,rgba(250,244,236,.82),rgba(239,228,214,.66));border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -6px 12px rgba(177,81,42,.06),0 1px 2px rgba(59,47,47,.08),0 6px 16px -8px rgba(59,47,47,.24);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);transition:box-shadow .2s cubic-bezier(.23,1,.32,1)}.clay-orb[data-picked]{box-shadow:0 0 0 2px var(--bg-base),0 0 0 4px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px -8px rgba(59,47,47,.24)}.clay-orb[data-tone=dark]{background:linear-gradient(160deg,rgba(255,250,242,.3),rgba(255,250,242,0) 50%),radial-gradient(62% 52% at 50% 46%,rgba(224,138,94,.34),transparent 72%),linear-gradient(180deg,rgba(245,240,232,.2),rgba(245,240,232,.08));border-color:rgba(245,240,232,.26);box-shadow:inset 0 1px 0 rgba(255,250,242,.28),0 4px 10px -6px rgba(28,20,18,.45)}.clay-orb img{pointer-events:none;user-select:none}@media (prefers-reduced-transparency:reduce){.clay-orb{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#F4ECE2}.clay-orb[data-tone=dark]{background-color:rgba(245,240,232,.16)}}