.hart .scene{width:auto;max-width:100%;height:100%;max-height:410px;display:block;overflow:visible}@media (prefers-reduced-motion:reduce){.hart *{transition:none!important;animation:none!important}}.hart .lay{transform-box:fill-box;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.hart .bob{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite ha-bob}.hart .shadow{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite ha-shad}@keyframes ha-bob{50%{transform:translateY(-12px)}}@keyframes ha-shad{50%{opacity:.16;transform:scaleX(.88)}}.hart .tw{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite ha-tw}@keyframes ha-tw{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.hart .sway{transform-box:fill-box;transform-origin:50% 100%;animation:9s ease-in-out infinite ha-sway}@keyframes ha-sway{50%{transform:rotate(-2.4deg)}}.hart .spin{transform-box:fill-box;transform-origin:50%;animation:60s linear infinite ha-spin}@keyframes ha-spin{to{transform:rotate(360deg)}}.hart.still *{animation-play-state:paused!important}.hart .sunset{transform-box:fill-box;animation:16s ease-in-out infinite alternate ha-sunset}@keyframes ha-sunset{to{transform:translateY(46px)}}.hart .castsh{transform-origin:50% 100%;transform-box:fill-box;animation:16s ease-in-out infinite alternate ha-cast}@keyframes ha-cast{0%{transform:translate(-30px)skew(18deg)}to{transform:translate(-60px)skew(34deg)}}.hart .mote{transform-box:fill-box;animation:9s linear infinite ha-mote}@keyframes ha-mote{0%{opacity:0;transform:translate(0)}15%{opacity:.9}to{opacity:0;transform:translate(24px,-120px)}}.hart .comet{offset-path:path("M760,40 C560,90 380,150 -60,260");offset-rotate:auto 180deg;animation:11s ease-in infinite ha-comet}@keyframes ha-comet{0%,70%{offset-distance:0%;opacity:0}72%{opacity:1}to{offset-distance:100%;opacity:0}}.hart .glassLight{transform-box:fill-box;animation:18s ease-in-out infinite alternate ha-glassL}@keyframes ha-glassL{0%{transform:translate(-26px)}to{transform:translate(30px)}}.hart .glint{animation:6s ease-in-out infinite ha-glint}@keyframes ha-glint{0%,to{opacity:.15}50%{opacity:.45}}.hart .beams{animation:9s ease-in-out infinite ha-beams}@keyframes ha-beams{0%,to{opacity:.75}50%{opacity:1}}.hart .flake{transform-box:fill-box;transform-origin:50%;animation:12s linear infinite ha-flake}@keyframes ha-flake{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.85}to{opacity:0;transform:translate(-40px,-150px)rotate(540deg)}}.hart .grow{stroke-dasharray:1;stroke-dashoffset:1px;animation:.55s ease-out forwards ha-grow}@keyframes ha-grow{to{stroke-dashoffset:0}}.hart .leafpop{transform-box:fill-box;transform-origin:50%;animation:.4s cubic-bezier(.2,.8,.2,1) forwards ha-pop;transform:scale(0)}@keyframes ha-pop{to{transform:scale(1)}}.hart .cshadow{transform-box:fill-box;animation:14s ease-in-out infinite alternate ha-cshadow}@keyframes ha-cshadow{0%{transform:translate(-14px)scaleX(.85)}to{transform:translate(16px)scaleX(1.15)}}.hart .glowbreath{animation:6s ease-in-out infinite ha-glowb}@keyframes ha-glowb{50%{opacity:.8}}.hart .leak{animation:6s ease-in-out infinite ha-glowb}.hart .caustic{transform-box:fill-box;transform-origin:50%;animation:10s ease-in-out infinite alternate ha-caus}@keyframes ha-caus{0%{transform:translate(-18px)scaleX(.9)}to{transform:translate(14px)scaleX(1.1)}}.hart .prism{animation:7s ease-in-out infinite ha-prism}@keyframes ha-prism{50%{opacity:.22}}.hart .sunbreath{transform-box:fill-box;transform-origin:50%;animation:8s ease-in-out infinite ha-sunb}@keyframes ha-sunb{50%{transform:scale(1.025)}}.hart .fall{transform-box:fill-box;transform-origin:50%;animation:11s linear infinite ha-fall}@keyframes ha-fall{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.9}to{opacity:0;transform:translate(-90px,220px)rotate(420deg)}}.hart .glide{animation:28s linear infinite ha-glide}@keyframes ha-glide{0%{transform:translate(0)}to{transform:translate(-860px)}}.hart .shmove{animation:14s ease-in-out infinite alternate ha-shm}@keyframes ha-shm{0%{transform:translate(18px)}to{transform:translate(-24px)}}.hart .lightpatch{animation:14s ease-in-out infinite alternate ha-lp}@keyframes ha-lp{0%{transform:translate(34px)}to{transform:translate(-28px)}}.hart:after{content:"";pointer-events:none;opacity:.35;mix-blend-mode:multiply;z-index:3;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .25  0 0 0 0 .2  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.hart .scene-in{animation:.4s both ha-scenein}@keyframes ha-scenein{0%{opacity:0}to{opacity:1}}.hart .scene-out{animation:.4s both ha-sceneout;position:absolute;inset:0}@keyframes ha-sceneout{to{opacity:0}}.hart :focus-visible{outline:2px solid var(--clay);outline-offset:3px}.hart .hbar{background:var(--cocoa);width:0;height:100%;display:block}.hart .hbar.done{width:100%}.hart .hbar.act{animation:8s linear forwards ha-fillbar}.hart .hbar.act.halt{animation-play-state:paused}@keyframes ha-fillbar{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.hart .hbar.act{width:100%}}