.mf-loader{--mf-size:72px;--mf-card:#0D3F4A;--mf-line:#9FC6CF;--mf-fill:#FFFFFF;--mf-t:2.6s;display:inline-grid;place-items:center;width:calc(var(--mf-size)*1.45);aspect-ratio:1;border-radius:calc(var(--mf-size)*.36);background:var(--mf-card);box-shadow:0 14px 34px -14px rgba(8,38,46,.55),0 2px 6px rgba(8,38,46,.14)}.mf-loader--light{--mf-card:#FFFFFF;--mf-line:#1B7F91;--mf-fill:#3B697A}.mf-loader--bare{background:none;box-shadow:none;width:var(--mf-size)}.mf-box{position:relative;width:var(--mf-size);aspect-ratio:266/245}.mf-box svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.mf-line g{fill:none;stroke:var(--mf-line);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.mf-line path{stroke-dasharray:1 1;stroke-dashoffset:1;animation:mf-draw var(--mf-t) cubic-bezier(.65,0,.35,1) infinite}.mf-fill{position:absolute;inset:0;fill:var(--mf-fill);animation:mf-pour var(--mf-t) cubic-bezier(.45,0,.25,1) infinite}.mf-fill svg{fill:inherit}@keyframes mf-draw{0%{stroke-dashoffset:1;opacity:1}38%,78%{stroke-dashoffset:0;opacity:1}96%{stroke-dashoffset:-1;opacity:1}to{stroke-dashoffset:-1;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{animation:mf-pulse 1.6s ease-in-out infinite alternate;clip-path:none}@keyframes mf-pulse{0%{opacity:.45}to{opacity:1}}}.mf-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;align-content:center;gap:14px;background:rgba(8,38,46,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mf-overlay__text{color:#EAF3F5;font:600 14px/1.4 system-ui,sans-serif}