.if-liquid-scene{--liquid-accent:var(--if-fluid-accent,#c995ff);--liquid-edge:var(--if-fluid-edge,#352142);--liquid-shine:var(--if-fluid-shine,#fff);isolation:isolate;perspective:900px;border-radius:48px 20px;width:100%;min-width:0;height:430px;position:relative;overflow:hidden}.if-liquid-grid{background-image:linear-gradient(color-mix(in srgb,var(--liquid-accent) 20%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--liquid-accent) 20%,transparent) 1px,transparent 1px);background-size:44px 44px;position:absolute;inset:50% -15% -35%;transform:rotateX(65deg);-webkit-mask-image:linear-gradient(#0000,#000 25%,#0000);mask-image:linear-gradient(#0000,#000 25%,#0000)}.if-liquid-shadow{background:radial-gradient(ellipse,color-mix(in srgb,var(--liquid-accent) 35%,transparent),transparent 70%);border-radius:50%;height:18%;position:absolute;bottom:15%;left:20%;right:20%;transform:rotateX(65deg)}.if-liquid-aim{transform-style:preserve-3d;transition:transform 70ms ease-out;position:absolute;inset:0}.if-liquid-sculpture{width:min(84%,400px);height:78%;transform-style:preserve-3d;animation:7s ease-in-out infinite if-liquid-float;position:absolute;top:8%;left:50%;transform:translate(-50%)}.if-liquid-core{aspect-ratio:1;background:radial-gradient(ellipse at 25% 17%,#fff 0%,color-mix(in srgb,var(--liquid-shine) 80%,var(--liquid-accent)) 5%,transparent 23%),radial-gradient(ellipse at 68% 77%,var(--liquid-accent),transparent 43%),conic-gradient(from 30deg at 55% 48%,var(--liquid-edge),var(--liquid-accent),#f7eeff,var(--liquid-edge),var(--liquid-accent),var(--liquid-edge));border:1px solid color-mix(in srgb,var(--liquid-shine) 70%,transparent);border-radius:42% 58% 63% 37%/43% 38% 62% 57%;width:64%;animation:10s ease-in-out infinite alternate if-liquid-morph;position:absolute;top:14%;left:18%;transform:rotate(-18deg)rotateY(-18deg);box-shadow:inset 8px 9px 18px #ffffff8c,inset -14px -17px 26px #1a082f9c,0 28px 26px -18px #1a082f80}.if-liquid-reflection{opacity:.8;border-top:5px solid #ffffffcf;border-radius:50%;width:45%;height:17%;position:absolute;top:14%;left:14%;transform:rotate(-25deg)}.if-liquid-core-mark{color:#fff8;text-shadow:0 3px 4px #42205880;place-items:center;font-size:72px;display:grid;position:absolute;inset:29%;transform:rotate(18deg)}.if-liquid-drop{background:radial-gradient(circle at 28% 22%,#fff 1%,color-mix(in srgb,var(--liquid-accent) 50%,#fff) 12%,var(--liquid-accent) 38%,var(--liquid-edge) 75%);border-radius:43% 57% 47% 53%/60% 43% 57% 40%;position:absolute;box-shadow:inset 3px 3px 6px #ffffff94,inset -5px -7px 11px #1a082f70,0 13px 16px -8px #1a082f80}.if-liquid-drop--one{aspect-ratio:1;width:23%;animation:6s ease-in-out infinite alternate if-liquid-satellite;top:0;right:0;transform:translateZ(40px)}.if-liquid-drop--two{aspect-ratio:1;width:18%;animation:7s ease-in-out -2s infinite alternate-reverse if-liquid-satellite;bottom:4%;left:0}.if-liquid-drop--three{aspect-ratio:1;width:10%;animation:5s ease-in-out -1s infinite alternate if-liquid-satellite;bottom:0;right:20%}.if-liquid-orbit{border:2px solid color-mix(in srgb,var(--liquid-accent) 62%,transparent);box-shadow:0 2px 0 color-mix(in srgb,var(--liquid-shine) 30%,transparent),inset 0 1px 0 color-mix(in srgb,var(--liquid-shine) 45%,transparent);border-radius:50%;position:absolute;inset:20% 2% 23%;transform:rotate(-26deg)rotateX(62deg)}.if-liquid-orbit--two{opacity:.65;border-width:1px;inset:12% 12% 16%;transform:rotate(45deg)rotateY(68deg)}.if-liquid-star{color:var(--liquid-accent);text-shadow:0 0 18px color-mix(in srgb,var(--liquid-accent) 50%,transparent);font-size:26px;animation:4s ease-in-out infinite alternate if-liquid-satellite;position:absolute}.if-liquid-star--one{top:20%;left:12%}.if-liquid-star--two{font-size:39px;bottom:25%;right:8%}.if-liquid-coordinate{letter-spacing:2px;color:var(--liquid-accent);align-items:center;gap:9px;font:600 9px/1.5 ui-monospace,monospace;display:flex;position:absolute;bottom:5%;left:10%;right:10%}.if-liquid-coordinate i{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px}.if-liquid-coordinate span{opacity:.7;margin-left:auto;font-size:8px}.if-liquid-scene:not([data-live=true]) *{animation-play-state:paused!important}.if-liquid-scene--compact{height:160px}.if-liquid-scene--compact .if-liquid-coordinate{display:none}.if-liquid-scene--compact .if-liquid-core-mark{font-size:26px}@keyframes if-liquid-float{0%,to{transform:translate(-50%)translateY(7px)rotate(-3deg)}50%{transform:translate(-50%)translateY(-13px)rotate(5deg)}}@keyframes if-liquid-morph{0%{transform:rotate(-18deg)rotateY(-18deg)scaleY(.96)}to{transform:rotate(12deg)rotateY(16deg)scaleX(.97)}}@keyframes if-liquid-satellite{0%{transform:translate(0,0)rotate(-12deg)}to{transform:translate3d(9px,-13px,20px)rotate(18deg)}}@media (width<=600px){.if-liquid-scene{height:285px}.if-liquid-scene--compact{height:140px}.if-liquid-core-mark{font-size:48px}}@media (prefers-reduced-motion:reduce){.if-liquid-scene *{transition:none!important;animation:none!important}}html[data-theme][data-fluid-mode=on] .sp-workspace-model .if-liquid-scene--compact{border-radius:0;height:60px}.sp-workspace-model .if-liquid-scene--compact .if-liquid-sculpture{width:56px;height:42px;top:2px}.sp-workspace-model .if-liquid-scene--compact :is(.if-liquid-star,.if-liquid-grid,.if-liquid-shadow,.if-liquid-orbit--two){display:none}.sp-workspace-model .if-liquid-scene--compact .if-liquid-core-mark{font-size:12px}@media (hover:none),(pointer:coarse),(width<=600px){.if-liquid-core,.if-liquid-drop,.if-liquid-star{animation:none}.if-liquid-aim{transition:none}}.if-liquid-scene--compact *{animation:none!important}.if-liquid-drop,.if-liquid-star{animation:none}