.mf{z-index:0;pointer-events:none;--mf-ink:.6;--mf-spin:75;--mf-dial-scale:.85;position:absolute;inset:0}@keyframes mf-revolve{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mf-dial{aspect-ratio:1;width:min(760px,150vw);transform:translate(-50%, -40%) scale(var(--mf-dial-scale));--mf-ring-ink:calc(var(--mf-ink) * .42);position:absolute;top:0;left:50%}.mf-ring{border:1px solid rgb(37 99 235/var(--mf-ring-ink));border-radius:50%;position:absolute;inset:0}.mf-ring-mid{inset:16%}.mf-ring-inner{border-style:dashed;inset:33%}.mf-ticks{background:repeating-conic-gradient(from 0deg, rgb(37 99 235/calc(var(--mf-ink) * .55)) 0deg .3deg, transparent .3deg 6deg);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 0 46.5%,#000 46.5% 50%,#0000 50%);mask-image:radial-gradient(circle,#0000 0 46.5%,#000 46.5% 50%,#0000 50%)}.mf-ticks-inner{background:repeating-conic-gradient(from 0deg, rgb(37 99 235/calc(var(--mf-ink) * .45)) 0deg .6deg, transparent .6deg 30deg);inset:33%;-webkit-mask-image:radial-gradient(circle,#0000 0 43%,#000 43% 50%,#0000 50%);mask-image:radial-gradient(circle,#0000 0 43%,#000 43% 50%,#0000 50%)}.mf-arm{transform-origin:0;width:50%;height:1px;animation:mf-revolve calc(var(--mf-spin) * 1s) cubic-bezier(.5, 0, .15, 1) infinite;will-change:transform;position:absolute;top:50%;left:50%}.mf-arm:before{content:"";background:rgb(37 99 235/calc(var(--mf-ink) * .7));position:absolute;inset:0 8% 0 12%}.mf-arm:after{content:"";border:1px solid rgb(37 99 235/calc(var(--mf-ink) * .9));background:var(--mf-ground,var(--background));border-radius:50%;width:9px;height:9px;margin-top:-4.5px;position:absolute;top:50%;right:4%}.mf-hub{background:rgb(37 99 235/calc(var(--mf-ink) * .8));border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%;left:50%}.mf-cogs{position:absolute;inset:0}.mf-cog{width:var(--w,120px);height:var(--w,120px);color:rgb(37 99 235/calc(var(--mf-ink) * .34));animation:mf-revolve calc(var(--mf-spin) * var(--k,1.5) * 1s) linear infinite;will-change:transform;position:absolute}.mf-cog[data-mf-reverse]{animation-direction:reverse}.mf-cog svg{width:100%;height:100%;display:block}.mf-cog svg circle:last-of-type{fill:var(--mf-ground,var(--background))}.mf[data-mf-ground=band]{--mf-ground:var(--band)}.mf[data-mf-density=few] .mf-cog:nth-child(n+3),.mf[data-mf-density=some] .mf-cog:nth-child(n+5){display:none}@media (prefers-reduced-motion:reduce){.mf-arm{animation:none;transform:rotate(-34deg)}.mf-cog{animation:none}.mf-cog:nth-child(2){transform:rotate(17deg)}.mf-cog:nth-child(4){transform:rotate(-9deg)}.mf-cog:nth-child(6){transform:rotate(23deg)}}