.mm{--mm-glass:#615ee9;--mm-lite:#948ee8;--mm-deep:#4a429e;--mm-haze:#c3bae8;--mm-pink:#ff9eb7;--mm-paper:#fff3e7;--mm-frame:#fff3e7;--mm-glass-a:1;--mm-lite-a:1;--mm-deep-a:1;--mm-haze-a:.95;--mm-pink-a:1;--mm-paper-a:1;--mm-frame-a:1;--mm-ease:cubic-bezier(.22, 1, .36, 1);--mm-vd:.6s;--mm-vt:.6s;flex:none;display:block}.mm[data-surface=light]{--mm-frame:#382d65}.mm[data-tone=mono]{--mm-glass:currentColor;--mm-lite:currentColor;--mm-deep:currentColor;--mm-haze:currentColor;--mm-pink:currentColor;--mm-paper:currentColor;--mm-frame:currentColor;--mm-glass-a:.22;--mm-lite-a:.7;--mm-deep-a:.42;--mm-haze-a:.92;--mm-pink-a:.82}.mm:is([data-variant=mist],[data-variant=droplet]){--mm-vd:50ms;--mm-vt:.4s;opacity:0;transition:opacity .25s var(--mm-ease), transform .3s var(--mm-ease);transform:scale(.85)}.mm:is([data-variant=mist],[data-variant=droplet]):is([data-phase=intro],[data-phase=hold]){opacity:1;transform:none}.mm:is([data-variant=mist],[data-variant=droplet])[data-phase=outro]{transition-delay:.6s}.mm[data-variant=picture]{--mm-vd:0s;--mm-vt:.45s}.mm-fglass{fill:var(--mm-glass);fill-opacity:var(--mm-glass-a)}.mm-flite{fill:var(--mm-lite);fill-opacity:var(--mm-lite-a)}.mm-fdeep{fill:var(--mm-deep);fill-opacity:var(--mm-deep-a)}.mm-fhaze{fill:var(--mm-haze);fill-opacity:var(--mm-haze-a)}.mm-fpink{fill:var(--mm-pink);fill-opacity:var(--mm-pink-a)}.mm-fpaper{fill:var(--mm-paper);fill-opacity:var(--mm-paper-a)}.mm-fframe{fill:var(--mm-frame);fill-opacity:var(--mm-frame-a)}.mm-slite{stroke:var(--mm-lite);stroke-opacity:var(--mm-lite-a)}.mm-sdeep{stroke:var(--mm-deep);stroke-opacity:var(--mm-deep-a)}.mm-spaper{stroke:var(--mm-paper);stroke-opacity:var(--mm-paper-a)}.mm-stroke{fill:none;stroke-linecap:round}.mm-vision{transform-box:fill-box;transform-origin:50%;transition:opacity .3s var(--mm-ease), transform .3s var(--mm-ease)}.mm:is([data-phase=intro],[data-phase=hold],[data-phase=finish]) .mm-vision{opacity:0;transform:scale(.92)}.mm[data-phase=outro] .mm-vision{transition:opacity var(--mm-vt) var(--mm-vd) var(--mm-ease), transform var(--mm-vt) var(--mm-vd) var(--mm-ease)}.mm-haze{opacity:0;transition:opacity .4s var(--mm-ease)}.mm:is([data-phase=intro],[data-phase=hold]) .mm-haze{opacity:1;transition-duration:.7s}.mm-blob{transform-box:fill-box;transform-origin:50%}.mm:not([data-phase=rest]) .mm-blob{animation:6.4s ease-in-out infinite alternate mm-blob}@keyframes mm-blob{0%{transform:translate(-60px,30px)scale(1.1,.9)}50%{transform:translate(40px,-50px)scale(.9,1.15)}to{transform:translate(70px,40px)scale(1.2,.85)}}.mm-glassg,.mm-frameg{transition:transform .6s var(--mm-ease)}.mm:is([data-variant=mist],[data-variant=droplet]):is([data-phase=intro],[data-phase=hold]) .mm-frameg{transform:var(--mm-ft);transition-duration:.7s}.mm:is([data-variant=mist],[data-variant=droplet]):is([data-phase=intro],[data-phase=hold]) .mm-glassg{transform:var(--mm-gt);transition-duration:.7s}.mm-drop{opacity:0;transform-box:fill-box;transform-origin:50%}.mm:not([data-phase=rest]) .mm-drop{animation:2.8s cubic-bezier(.2,.55,.35,1) infinite mm-drop}.mm:not([data-phase=rest]) .mm-drop-b{animation-delay:-1.4s}@keyframes mm-drop{0%{opacity:0;transform:scale(.05)}10%{opacity:1}to{opacity:0;transform:scale(1.3)}}.mm-light{transition:opacity .4s var(--mm-ease)}.mm:is([data-variant=mist],[data-variant=droplet]):is([data-phase=intro],[data-phase=hold]) .mm-light{opacity:0}.mm-pw{visibility:hidden;opacity:0;transition:opacity .45s var(--mm-ease), visibility 0s .45s}.mm[data-variant=picture]:is([data-phase=hold],[data-phase=finish]) .mm-pw{visibility:visible;opacity:1;transition:none}.mm[data-variant=picture][data-phase=outro] .mm-pw{visibility:visible}.mm-pic .mm-hill{stroke-dasharray:1}.mm-pic .mm-up,.mm-pic .mm-star{transform-box:fill-box;transform-origin:50%}.mm[data-variant=picture]:is([data-phase=hold],[data-phase=finish],[data-phase=outro]) .mm-pic{animation:4s linear infinite mm-pg}.mm[data-variant=picture]:is([data-phase=hold],[data-phase=finish],[data-phase=outro]) .mm-hill-back{animation:4s cubic-bezier(.45,0,.55,1) infinite mm-hb}.mm[data-variant=picture]:is([data-phase=hold],[data-phase=finish],[data-phase=outro]) .mm-hill-front{animation:4s cubic-bezier(.45,0,.55,1) infinite mm-hf}.mm[data-variant=picture]:is([data-phase=hold],[data-phase=finish],[data-phase=outro]) .mm-up{animation:4s cubic-bezier(.45,0,.55,1) infinite mm-pu}.mm[data-variant=picture]:is([data-phase=hold],[data-phase=finish],[data-phase=outro]) .mm-star{animation:4s cubic-bezier(.3,1.5,.5,1) infinite mm-ps}@keyframes mm-pg{0%{opacity:0}5%,80%{opacity:1}96%,to{opacity:0}}@keyframes mm-hb{0%,10%{stroke-dashoffset:1px}42%,to{stroke-dashoffset:0}}@keyframes mm-hf{0%,28%{stroke-dashoffset:1px}60%,to{stroke-dashoffset:0}}@keyframes mm-pu{0%{transform:translateY(120px)}34%,to{transform:translateY(0)}}@keyframes mm-ps{0%,58%{transform:scale(0)}68%,to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mm,.mm *{transition-duration:.4s!important;transition-delay:0s!important;animation:none!important}.mm:is([data-variant=mist],[data-variant=droplet]){transform:none!important}.mm:is([data-variant=mist],[data-variant=droplet]) .mm-frameg{transform:var(--mm-ft)!important;transition:none!important}.mm:is([data-variant=mist],[data-variant=droplet]) .mm-glassg{transform:var(--mm-gt)!important;transition:none!important}.mm-drop{opacity:1}.mm-drop-b{display:none}.mm:is([data-variant=mist],[data-variant=droplet]) .mm-vision{opacity:0!important}}
