.mf-loader{--mf-size:72px;--mf-card:#0d3f4a;--mf-line:#9fc6cf;--mf-fill:#fff;--mf-t:2.6s;width:calc(var(--mf-size)*1.45);aspect-ratio:1;border-radius:calc(var(--mf-size)*.36);background:var(--mf-card);place-items:center;display:inline-grid;box-shadow:0 14px 34px -14px #08262e8c,0 2px 6px #08262e24}.mf-loader--light{--mf-card:#fff;--mf-line:#1b7f91;--mf-fill:#3b697a}.mf-loader--bare{box-shadow:none;width:var(--mf-size);background:0 0}.mf-box{width:var(--mf-size);aspect-ratio:266/245;position:relative}.mf-box svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mf-line g{fill:none;stroke:var(--mf-line);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.mf-line path{stroke-dasharray:1 1;stroke-dashoffset:1px;animation:mf-draw var(--mf-t) cubic-bezier(.65,0,.35,1) infinite}.mf-fill{fill:var(--mf-fill);animation:mf-pour var(--mf-t) cubic-bezier(.45,0,.25,1) infinite;position:absolute;inset:0}.mf-fill svg{fill:inherit}@keyframes mf-draw{0%{stroke-dashoffset:1px;opacity:1}38%,78%{stroke-dashoffset:0;opacity:1}96%{stroke-dashoffset:-1px;opacity:1}to{stroke-dashoffset:-1px;opacity:0}}@keyframes mf-pour{0%,26%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);opacity:1}40%{clip-path:polygon(0 74%,100% 66%,100% 100%,0 100%)}52%{clip-path:polygon(0 40%,100% 48%,100% 100%,0 100%)}63%{clip-path:polygon(0 8%,100% 2%,100% 100%,0 100%)}70%,80%{clip-path:polygon(0 -10%,100% -10%,100% 100%,0 100%);opacity:1}92%,to{clip-path:polygon(0 -10%,100% -10%,100% 100%,0 100%);opacity:0}}@media (prefers-reduced-motion:reduce){.mf-line{display:none}.mf-fill{clip-path:none;animation:1.6s ease-in-out infinite alternate mf-pulse}@keyframes mf-pulse{0%{opacity:.45}to{opacity:1}}}.mf-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#08262e8c;align-content:center;place-items:center;gap:14px;display:grid;position:fixed;inset:0}.mf-overlay__text{color:#eaf3f5;font:600 14px/1.4 system-ui,sans-serif}