.ripple-stage[data-v-2c4afe24]{--surface:#f5f5f4;--muted:#78716c;aspect-ratio:1;background:var(--surface);border:1px solid #00000014;border-radius:16px;width:min(100%,464px);margin:24px auto;position:relative;overflow:hidden}.dark .ripple-stage[data-v-2c4afe24]{--surface:#ffffff0d;--muted:#a8a29e;border-color:#ffffff1a}.ripple-stage canvas[data-v-2c4afe24]{cursor:default;touch-action:none;will-change:transform;background:0 0;width:100%;height:100%;display:block;transform:translateZ(0)}.skeleton[data-v-2c4afe24]{background:radial-gradient(circle,color-mix(in srgb,var(--muted) 22%,transparent) 1px,transparent 1.5px) 0 0 /4.5px 4.5px;pointer-events:none;position:absolute;inset:0;overflow:hidden}.skeleton[data-v-2c4afe24]:after{background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--surface) 70%,#fff) 50%,transparent 70%);content:"";animation:1.2s ease-in-out infinite skeleton-sweep-2c4afe24;position:absolute;inset:0}.dark .skeleton[data-v-2c4afe24]:after{background:linear-gradient(100deg,#0000 30%,#ffffff0f 50%,#0000 70%)}@keyframes skeleton-sweep-2c4afe24{0%{translate:-100%}to{translate:100%}}@media (prefers-reduced-motion:reduce){.skeleton[data-v-2c4afe24]:after{display:none}}.note[data-v-2c4afe24]{color:var(--muted);background:var(--surface);pointer-events:none;place-items:center;margin:0;font-size:14px;display:grid;position:absolute;inset:0}