[data-guide-tone=blue]{--guide-from:var(--avatar-blue-from);--guide-to:var(--avatar-blue-to);--guide-ink:var(--avatar-blue-foreground)}[data-guide-tone=green]{--guide-from:var(--avatar-green-from);--guide-to:var(--avatar-green-to);--guide-ink:var(--avatar-green-foreground)}[data-guide-tone=amber]{--guide-from:var(--avatar-amber-from);--guide-to:var(--avatar-amber-to);--guide-ink:var(--avatar-amber-foreground)}[data-guide-tone=rose]{--guide-from:var(--avatar-rose-from);--guide-to:var(--avatar-rose-to);--guide-ink:var(--avatar-rose-foreground)}[data-guide-tone=violet]{--guide-from:var(--avatar-violet-from);--guide-to:var(--avatar-violet-to);--guide-ink:var(--avatar-violet-foreground)}[data-guide-tone=teal]{--guide-from:var(--avatar-teal-from);--guide-to:var(--avatar-teal-to);--guide-ink:var(--avatar-teal-foreground)}.olympus-guide-art{color:var(--guide-ink);-webkit-user-select:none;user-select:none;flex-shrink:0;place-items:center;display:grid;position:relative}.olympus-guide-tile{background-image:radial-gradient(90% 90% at 28% 18%, color-mix(in oklch, var(--card) 55%, transparent), transparent 62%), linear-gradient(150deg, var(--guide-from), var(--guide-to));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 6%, transparent);border-radius:28%}.olympus-guide-art img{object-fit:contain;width:86%;height:86%;filter:drop-shadow(0 6px 8px color-mix(in oklch, var(--foreground) 14%, transparent));pointer-events:none}.olympus-guide-art[data-guide-float] img,.olympus-guide-art[data-guide-float] svg{animation:5.5s ease-in-out infinite olympus-guide-float}@keyframes olympus-guide-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4%)rotate(-2.5deg)}}.olympus-guide-card{transform-origin:var(--guide-origin,center);animation:.26s cubic-bezier(.2,.9,.3,1.2) both olympus-guide-in}.olympus-guide-card .olympus-guide-art{animation:.42s cubic-bezier(.2,.9,.3,1.35) 80ms both olympus-guide-art-in}@keyframes olympus-guide-in{0%{opacity:0;transform:translateY(var(--guide-lift,6px)) scale(.96)}to{opacity:1;transform:none}}@keyframes olympus-guide-art-in{0%{opacity:0;transform:scale(.7)rotate(-8deg)}to{opacity:1;transform:none}}.olympus-guide-arrow{background:var(--popover);width:12px;height:12px;box-shadow:0 0 0 1px color-mix(in oklch, var(--foreground) 10%, transparent);clip-path:polygon(0 0,100% 0,0 100%);position:absolute;rotate:45deg}.olympus-guide-arrow[data-side=bottom]{top:-6px}.olympus-guide-arrow[data-side=top]{bottom:-6px;rotate:225deg}.olympus-guide-arrow[data-side=right]{left:-6px;rotate:-45deg}.olympus-guide-arrow[data-side=left]{right:-6px;rotate:135deg}.olympus-guide-beacon{pointer-events:none;box-shadow:0 0 0 2px color-mix(in oklch, var(--primary) 55%, transparent), 0 0 0 6px color-mix(in oklch, var(--primary) 12%, transparent);border-radius:12px;animation:2.4s ease-in-out infinite olympus-guide-beacon;position:fixed}@keyframes olympus-guide-beacon{0%,to{opacity:1}50%{opacity:.45}}.olympus-guide-scrim{background:var(--overlay);animation:.2s ease-out both olympus-guide-fade;position:fixed;inset:0}@keyframes olympus-guide-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.olympus-guide-card,.olympus-guide-card .olympus-guide-art,.olympus-guide-art[data-guide-float] img,.olympus-guide-art[data-guide-float] svg,.olympus-guide-beacon,.olympus-guide-scrim{animation:none}}