.plugin-icon{--pi-tone:var(--tone-idle,#9aa6b8);--pi-tone-soft:color-mix(in oklab, var(--pi-tone) 30%, transparent);--pi-surface:#fff;--pi-ink:#3b4658;width:var(--pi-size);height:var(--pi-size);background:radial-gradient(120% 90% at 25% 0, #ffffff8c, transparent 55%), linear-gradient(145deg, var(--pi-bg-1), var(--pi-bg-2));isolation:isolate;transition:box-shadow var(--dur-3,.28s) ease;border-radius:27%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0f1e3c14,0 1px 2px #0f1e3c14,0 6px 14px -6px #0f1e3c38}.plugin-icon>svg{width:100%;height:100%;overflow:visible}.plugin-icon[data-tone=cool]{--pi-tone:var(--tone-cool,#4fb6ef)}.plugin-icon[data-tone=heat]{--pi-tone:var(--tone-heat,#ff8a6b)}.plugin-icon[data-tone=warm]{--pi-tone:var(--tone-warm,#ffb15c)}.plugin-icon[data-tone=active]{--pi-tone:var(--tone-active,#4fbf7a)}.plugin-icon[data-active=true]{box-shadow:inset 0 1px 0 #ffffffb3, inset 0 0 0 1.5px color-mix(in oklab, var(--pi-tone) 55%, transparent), 0 1px 2px #0f1e3c14, 0 8px 18px -6px color-mix(in oklab, var(--pi-tone) 60%, transparent)}.dark .plugin-icon{--pi-surface:#e9eef5;--pi-ink:#1f2836;background:radial-gradient(120% 90% at 25% 0, #ffffff24, transparent 55%), linear-gradient(145deg, var(--pi-bg-dark-1), var(--pi-bg-dark-2));box-shadow:inset 0 1px #ffffff24,0 6px 14px -6px #00000080}.plugin-icon .pi-when{transition:opacity .36s}.plugin-icon[data-active=false] .pi-when--active,.plugin-icon[data-active=true] .pi-when--idle{opacity:0}.plugin-icon .pi-motion{transform-box:view-box}.plugin-icon[data-active=true] .pi-motion--sway{animation:3.2s ease-in-out infinite backwards pi-sway}.plugin-icon[data-active=true] .pi-motion--pulse{animation:2.2s ease-in-out infinite backwards pi-pulse}.plugin-icon[data-active=true] .pi-motion--float{animation:2.6s ease-in-out infinite backwards pi-float}.plugin-icon[data-active=true] .pi-motion--blink{animation:2.8s ease-in-out infinite backwards pi-blink}.plugin-icon[data-active=true] .pi-motion--flow{animation:1.8s ease-in infinite backwards pi-flow}@keyframes pi-sway{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes pi-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes pi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes pi-blink{0%,to{opacity:1}50%{opacity:.55}}@keyframes pi-flow{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}to{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.plugin-icon .pi-motion{animation:none!important}}