.pkb-float{isolation:isolate;place-items:center;display:grid;position:relative}.pkb-drift{place-items:center;display:grid;position:absolute;inset:0}.pkb-ring{width:100%;height:100%;position:absolute;inset:0}.pkb-flower{filter:drop-shadow(0 0 26px #7c5cfc8c);width:70%;height:70%;overflow:visible}.pkb-halo{pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(circle,#7c5cfc4d 0%,#7c5cfc1a 40%,#0000 68%);border-radius:50%;position:absolute;inset:-30%}.pkb-spark{aspect-ratio:1;pointer-events:none;opacity:0;background:radial-gradient(circle,#fffffff2 0%,#e9e2ff8c 22%,#a88fff29 48%,#0000 70%);border-radius:50%;width:22%;position:absolute;top:50%;left:50%;translate:-50% -50%}.pkb-open{--pkb-open-s:4.6s;aspect-ratio:1;place-items:center;display:grid;position:relative}.pkb-open-ring,.pkb-open-flower{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pkb-open-flower{filter:drop-shadow(0 0 var(--pkb-glow,26px) #7c5cfc8c)}.pkb-open-halo{pointer-events:none;opacity:.8;background:radial-gradient(circle,#7c5cfc4d 0%,#7c5cfc1a 40%,#0000 68%);border-radius:50%;position:absolute;inset:-20%}.pkb-open-petal{transform:rotate(var(--to))}.pkb-open-draw{stroke-dashoffset:0}.pkb-open-flare{opacity:0}@media (prefers-reduced-motion:no-preference){.pkb-drift{animation:7s ease-in-out infinite pkbDrift}.pkb-halo{animation:5.2s ease-in-out infinite pkbBreath}.pkb-spark{animation:5.2s ease-in-out infinite pkbShimmer}.pkb-ring--turn{animation:150s linear infinite pkbTurn}.pkb-open-petal{animation:pkbOpenPetal var(--pkb-open-s) linear both}.pkb-open-shape{animation:pkbOpenShape var(--pkb-open-s) linear both}.pkb-open-swirl{animation:pkbOpenSwirl var(--pkb-open-s) linear both}.pkb-open-core{animation:pkbOpenCore var(--pkb-open-s) linear both}.pkb-open-flare{animation:pkbOpenFlare var(--pkb-open-s) linear both}.pkb-open-draw{animation:pkbOpenDraw var(--pkb-open-s) linear both}.pkb-open-dots{animation:pkbOpenDots var(--pkb-open-s) linear both}.pkb-open-halo{animation:pkbOpenHalo var(--pkb-open-s) linear both}}@keyframes pkbDrift{0%,to{translate:0}50%{translate:0 -3px}}@keyframes pkbBreath{0%,to{opacity:.6;scale:.94}50%{opacity:1;scale:1.04}}@keyframes pkbShimmer{0%,to{opacity:.3;scale:.85}50%{opacity:.85;scale:1.1}}@keyframes pkbTurn{to{rotate:360deg}}@keyframes pkbOpenPetal{0%,10%{transform:rotate(var(--from)) scale(var(--s0));animation-timing-function:cubic-bezier(.65,0,.35,1)}32%,to{transform:rotate(var(--to)) scale(1)}}@keyframes pkbOpenShape{0%,10%{d:path("M0 -1 C-0.8 -10 -5.8 -24 -5.8 -34 C-5.8 -39.25 -2.9 -41.875 0 -41.875 C2.9 -41.875 5.8 -39.25 5.8 -34 C5.8 -24 0.8 -10 0 -1 Z");fill-opacity:1;stroke:#7c5cfc;stroke-opacity:1;stroke-width:1.6px;animation-timing-function:cubic-bezier(.65,0,.35,1)}32%,to{d:path("M0 -4.2 C-3.85 -7 -6.125 -11.55 -6.3 -16.275 C-6.475 -21 -4.55 -25.9 0 -29.4 C4.55 -25.9 6.475 -21 6.3 -16.275 C6.125 -11.55 3.85 -7 0 -4.2 Z");fill-opacity:.9;stroke:#a88fff;stroke-opacity:.6;stroke-width:.84px}}@keyframes pkbOpenSwirl{0%,10%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:rotate(0)}21%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:rotate(-18deg)}32%,to{transform:rotate(0)}}@keyframes pkbOpenCore{0%,24%{opacity:0;fill:#fff;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(.4)}32%{opacity:1;fill:#fff;animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1.35)}72%,to{opacity:1;fill:#c9b8ff;transform:scale(1)}}@keyframes pkbOpenFlare{0%,28%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(.3)}40%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(1)}72%,to{opacity:0;transform:scale(.6)}}@keyframes pkbOpenDraw{0%,42%{stroke-dashoffset:301.593px;animation-timing-function:cubic-bezier(.45,0,.55,1)}68%,to{stroke-dashoffset:0}}@keyframes pkbOpenDots{0%,68%{stroke:#a88fffb3;animation-timing-function:ease-in-out}88%,to{stroke:#a88fff52}}@keyframes pkbOpenHalo{0%,10%{opacity:.35;animation-timing-function:ease-out}40%{opacity:1;animation-timing-function:ease-in-out}to{opacity:.8}}