@layer theme,base;@layer components{.rose-window{aspect-ratio:1}.rose-glow{background:radial-gradient(circle,var(--lit-glow),transparent 70%);border-radius:9999px;animation:7s ease-in-out infinite glow;position:absolute;inset:8%}.rose-svg{width:100%;height:100%;position:relative;overflow:visible}.rose-svg .lead{stroke:color-mix(in srgb,var(--ink) 55%,transparent);stroke-linejoin:round}.rose-svg .pane{fill-opacity:.62}:root[data-theme=dark] .rose-svg .pane{fill-opacity:.78}:root[data-theme=dark] .rose-svg .lead{stroke:#141210d9}:root[data-theme=dark] .rose-glow{opacity:.9}.spin-inner,.spin-outer{transform-box:view-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.spin-outer{animation:160s linear infinite rw-spin}.spin-inner{animation:90s linear infinite reverse rw-spin}}}@layer utilities;@keyframes rw-spin{to{transform:rotate(1turn)}}