.spinner{--size:32px;width:var(--size);height:var(--size);flex:none;place-items:center;display:inline-grid;position:relative}.spinner[data-size=xs]{--size:16px}.spinner[data-size=sm]{--size:24px}.spinner[data-size=md]{--size:32px}.spinner[data-size=lg]{--size:48px}.spinner[data-size=xl]{--size:64px}.hero-loader-wrap{flex-direction:column;align-items:center;gap:18px;padding:24px;display:flex}.hero-loader{--size:160px;width:var(--size);height:var(--size);place-items:center;display:grid;position:relative}.hero-loader[data-size=md]{--size:120px}.hero-loader[data-size=lg]{--size:160px}.hero-loader[data-size=xl]{--size:200px}.hero-loader-label{color:var(--color-slate-800);text-align:center;margin:0;font-size:1rem;font-weight:600}.hero-loader-sublabel{color:var(--color-slate-500);text-align:center;margin:0;font-size:.875rem}.spinner,.hero-loader{--teal-600:var(--color-teal-600,var(--color-mcos-600))}@keyframes ol-chain{0%,to{transform:scale(.4)}50%{transform:scale(1.2)}}.spinner.l-chain .chain{align-items:center;gap:calc(var(--size) * .09);filter:url(#ol-goo-chain);display:flex}.spinner.l-chain .node{width:calc(var(--size) * .18);height:calc(var(--size) * .18);background:var(--color-mcos-600);border-radius:9999px;animation:1.4s ease-in-out infinite ol-chain}@keyframes ol-bars{0%,to{height:calc(var(--size) * .35)}50%{height:calc(var(--size) * .95)}}.spinner.l-bars .bars{align-items:center;gap:calc(var(--size) * .12);height:var(--size);filter:url(#ol-goo-bars);display:flex}.spinner.l-bars .bar{width:calc(var(--size) * .17);border-radius:calc(var(--size) * .15);animation:1.4s ease-in-out infinite ol-bars}.spinner.l-bars .bar:first-child{background:var(--color-mcos-300)}.spinner.l-bars .bar:nth-child(2){background:var(--color-mcos-500)}.spinner.l-bars .bar:nth-child(3){background:var(--color-mcos-600)}.spinner.l-bars .bar:nth-child(4){background:var(--teal-600)}@keyframes ol-orbit{to{transform:rotate(360deg)}}@keyframes ol-bob{0%,to{transform:scale(.8)}50%{transform:scale(1.2)}}.spinner.l-orbit .orbit{width:var(--size);height:var(--size);animation:2.4s linear infinite ol-orbit;position:relative}.spinner.l-orbit .drop{width:calc(var(--size) * .16);height:calc(var(--size) * .16);background:var(--color-mcos-600);border-radius:60% 40% 55% 45%/50% 55% 45% 50%;animation:1.2s ease-in-out infinite ol-bob;position:absolute}.spinner.l-orbit .drop:first-child{margin-left:calc(var(--size) * -.08);top:0;left:50%}.spinner.l-orbit .drop:nth-child(2){bottom:calc(var(--size) * .12);left:calc(var(--size) * .08);background:var(--color-mcos-500);animation-delay:.4s}.spinner.l-orbit .drop:nth-child(3){right:calc(var(--size) * .08);bottom:calc(var(--size) * .12);background:var(--color-mcos-400);animation-delay:.8s}@keyframes ol-squircle{0%,to{border-radius:42% 58% 58% 42%/48% 42% 58% 52%;transform:rotate(0)}33%{border-radius:58% 42% 40% 60%/54% 60% 40% 46%;transform:rotate(120deg)}66%{border-radius:50% 50% 60% 40%/40% 52% 48% 60%;transform:rotate(240deg)}}.spinner.l-squircle .blob{width:calc(var(--size) * .75);height:calc(var(--size) * .75);background:linear-gradient(135deg, var(--color-mcos-500), var(--teal-600));animation:ol-squircle 4s var(--ease-out,cubic-bezier(.16, 1, .3, 1)) infinite;box-shadow:0 10px 30px -10px #10b98180}@keyframes ol-ripple{0%{opacity:1;border-width:3px;transform:scale(.15)}to{opacity:0;border-width:1px;transform:scale(1)}}@keyframes ol-ripple-core{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.35)}}.spinner.l-ripple .pond{width:var(--size);height:var(--size);position:relative}.spinner.l-ripple .ring{border:3px solid var(--color-mcos-500);border-radius:9999px;animation:2.4s ease-out infinite ol-ripple;position:absolute;inset:0}.spinner.l-ripple .ring:nth-child(2){animation-delay:.8s}.spinner.l-ripple .ring:nth-child(3){animation-delay:1.6s}.spinner.l-ripple .core{width:calc(var(--size) * .1);height:calc(var(--size) * .1);background:var(--color-mcos-600);border-radius:9999px;animation:2.4s ease-in-out infinite ol-ripple-core;position:absolute;top:50%;left:50%;box-shadow:0 0 0 4px #10b98126}@keyframes ol-wave-dot{0%,to{opacity:.35;transform:translateY(0)scale(.6)}50%{opacity:1;transform:translateY(calc(var(--size) * -.1)) scale(1.1)}}.spinner.l-wave .grid-dots{grid-template-columns:repeat(5, calc(var(--size) * .09));gap:calc(var(--size) * .08);display:grid}.spinner.l-wave .dot{width:calc(var(--size) * .09);height:calc(var(--size) * .09);background:var(--color-mcos-600);border-radius:9999px;animation:1.6s ease-in-out infinite ol-wave-dot}@keyframes ol-blob-morph{0%,to{d:path("M60,20 C90,20 110,40 110,70 C110,100 90,110 60,110 C30,110 10,100 10,70 C10,40 30,20 60,20 Z")}25%{d:path("M60,15 C100,25 115,50 105,80 C95,110 65,115 40,105 C15,95 5,65 15,40 C25,15 40,10 60,15 Z")}50%{d:path("M60,25 C85,15 115,35 110,65 C105,95 80,115 55,110 C30,105 15,85 15,60 C15,35 40,30 60,25 Z")}75%{d:path("M60,20 C95,15 110,45 115,75 C110,105 75,115 50,105 C25,95 10,75 15,45 C20,25 40,20 60,20 Z")}}@keyframes ol-blob-breathe{0%,to{transform:scale(.98)rotate(-1deg)}50%{transform:scale(1.02)rotate(1deg)}}.spinner.l-blob svg{width:calc(var(--size) * .92);height:calc(var(--size) * .92);overflow:visible}.spinner.l-blob .morph{fill:url(#ol-blob-grad);transform-box:fill-box;transform-origin:60px 60px;animation:ol-blob-morph 4s var(--ease-out,cubic-bezier(.16, 1, .3, 1)) infinite, ol-blob-breathe 2.7s ease-in-out infinite}.hero-loader.l-blob svg{width:calc(var(--size) * .92);height:calc(var(--size) * .92);overflow:visible}.hero-loader.l-blob .morph{fill:url(#ol-blob-grad);transform-box:fill-box;transform-origin:60px 60px;animation:ol-blob-morph 6.5s var(--ease-out,cubic-bezier(.16, 1, .3, 1)) infinite, ol-blob-breathe 3.4s ease-in-out infinite}@keyframes ol-spore{0%,to{opacity:.4;transform:translate(var(--x0), var(--y0)) scale(.6)}50%{opacity:1;transform:translate(var(--x1), var(--y1)) scale(1.1)}}.spinner.l-spores .cloud{width:var(--size);height:var(--size);position:relative}.spinner.l-spores .spore{width:calc(var(--size) * .065);height:calc(var(--size) * .065);background:var(--color-mcos-600);border-radius:9999px;animation:2.6s ease-in-out infinite ol-spore;position:absolute}@keyframes ol-beaker-rise{0%,to{transform:translateY(58%)}50%{transform:translateY(28%)}}@keyframes ol-beaker-wave{0%{transform:translate(0)}to{transform:translate(-80px)}}.hero-loader.l-beaker .beaker{width:calc(var(--size) * .7);height:calc(var(--size) * .7);background:var(--color-mcos-50);border:2px solid var(--color-mcos-200);border-radius:9999px;position:relative;overflow:hidden}.hero-loader.l-beaker .water{height:100%;animation:5s cubic-bezier(.45,.05,.55,.95) infinite ol-beaker-rise;position:absolute;inset:0 0 auto}.hero-loader.l-beaker .water-body{background:var(--color-mcos-500);position:absolute;inset:12px 0 -200px}.hero-loader.l-beaker .wave-svg{width:220px;height:14px;animation:2.6s linear infinite ol-beaker-wave;position:absolute;top:0;left:0}@keyframes ol-petal{0%,to{opacity:.45;transform:rotate(var(--r)) scale(.7)}50%{opacity:1;transform:rotate(var(--r)) scale(1)}}@keyframes ol-bloom-rot{to{transform:rotate(360deg)}}.hero-loader.l-bloom .bloom{width:calc(var(--size) * .75);height:calc(var(--size) * .75);animation:6s linear infinite ol-bloom-rot;position:relative}.hero-loader.l-bloom .petal{top:calc(var(--size) * .07);width:calc(var(--size) * .09);height:calc(var(--size) * .17);margin-left:calc(var(--size) * -.045);background:var(--color-mcos-600);transform-origin:50% calc(var(--size) * .31);border-radius:50% 50% 40% 40%/60% 60% 40% 40%;animation:1.8s ease-in-out infinite ol-petal;position:absolute;left:50%}.hero-loader.l-bloom .core{width:calc(var(--size) * .065);height:calc(var(--size) * .065);margin:calc(var(--size) * -.033) 0 0 calc(var(--size) * -.033);background:var(--color-mcos-400);z-index:2;border-radius:9999px;position:absolute;top:50%;left:50%}@keyframes ol-stack-1{0%,to{opacity:.2;transform:translate(-4px,-3px)scale(.55)}50%{opacity:.7;transform:translate(6px,4px)scale(1.02)}}@keyframes ol-stack-2{0%,to{opacity:.25;transform:translate(4px,3px)scale(.55)}50%{opacity:.85;transform:translate(-5px,-4px)scale(1)}}@keyframes ol-stack-3{0%,to{opacity:.3;transform:translateY(2px)scale(.5)}50%{opacity:1;transform:translateY(-2px)scale(.92)}}.hero-loader.l-stack .stack{width:calc(var(--size) * .82);height:calc(var(--size) * .82);position:relative}.hero-loader.l-stack .layer{mix-blend-mode:multiply;border-radius:46% 54% 55% 45%/48% 42% 58% 52%;position:absolute;inset:0}.hero-loader.l-stack .layer:first-child{background:var(--color-mcos-200);animation:2.8s ease-in-out infinite ol-stack-1}.hero-loader.l-stack .layer:nth-child(2){background:var(--color-mcos-400);border-radius:54% 46% 45% 55%/52% 58% 42% 48%;animation:2.8s ease-in-out -.4s infinite ol-stack-2}.hero-loader.l-stack .layer:nth-child(3){background:var(--color-mcos-600);border-radius:50% 50% 52% 48%/48% 50% 50% 52%;animation:2.8s ease-in-out -.8s infinite ol-stack-3}@keyframes ol-reduced-pulse{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.spinner *,.hero-loader *{animation:none!important}.spinner:after,.hero-loader:after{content:"";background:var(--color-mcos-500);opacity:.85;border-radius:9999px;animation:1.8s ease-in-out infinite ol-reduced-pulse}.spinner:after{width:calc(var(--size) * .6);height:calc(var(--size) * .6)}.hero-loader:after{width:calc(var(--size) * .4);height:calc(var(--size) * .4)}.spinner>*,.hero-loader>*{display:none}}