@property --cs-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes csSpin{to{--cs-spin:360deg}}.mfx .cs{max-width:640px;isolation:isolate}.mfx .cs-bar{position:relative;display:flex;align-items:center;gap:12px;height:58px;padding:0 9px 0 20px;border-radius:999px;background:var(--chrome);border:1px solid var(--st1);box-shadow:0 1px 2px rgba(0,0,0,.05),0 10px 28px -14px rgba(26,29,46,.28);transition:border-color .2s,box-shadow .25s}.mfx .cs-bar:hover{border-color:color-mix(in srgb,var(--a1) 38%,var(--st1))}.mfx .cs-bar:before{inset:-2px;padding:2px;opacity:.9;filter:blur(.35px);background:conic-gradient(from var(--cs-spin),var(--a1),var(--a2),color-mix(in srgb,var(--a1) 55%,var(--a2)),var(--a2),var(--a1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.mfx .cs-bar:after,.mfx .cs-bar:before{content:"";position:absolute;border-radius:inherit;pointer-events:none;transition:opacity .25s;animation:csSpin 2.6s linear infinite}.mfx .cs-bar:after{inset:-5px;z-index:-1;background:conic-gradient(from var(--cs-spin),color-mix(in srgb,var(--a1) 55%,transparent),color-mix(in srgb,var(--a2) 40%,transparent),color-mix(in srgb,var(--a1) 30%,transparent),color-mix(in srgb,var(--a2) 40%,transparent),color-mix(in srgb,var(--a1) 55%,transparent));filter:blur(11px);opacity:.4}.mfx .cs-bar:focus-within{border-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--a1) 14%,transparent),0 12px 32px -14px color-mix(in srgb,var(--a1) 45%,transparent)}.mfx .cs-bar:focus-within:before{opacity:1}.mfx .cs-bar:focus-within:after{opacity:.6}.mfx .cs-ico{flex:none;color:var(--mut);transition:color .2s}.mfx .cs-bar:focus-within .cs-ico{color:var(--a1)}.mfx .cs-mid{position:relative;flex:1 1;min-width:0;height:100%}.mfx .cs-in{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:16.5px;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mfx .cs-in:focus,.mfx .cs-in:focus-visible{outline:none;box-shadow:none}.mfx .cs-in::placeholder{color:transparent}.mfx .cs-ph{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--mut);font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .25s ease,transform .25s ease}.mfx .cs-bar.v .cs-ph,.mfx .cs-in:focus~.cs-ph{opacity:0;transform:translateY(-46%)}.mfx .cs-ph.out{opacity:0;transform:translateY(4px)}.mfx .cs-ph.in{opacity:1;transform:translateY(-50%)}.mfx .cs-go{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;cursor:pointer;color:var(--btn-label);background:var(--btn-gradient);transition:transform .15s,filter .15s}.mfx .cs-go:hover{filter:brightness(1.08);transform:scale(1.05)}.mfx .cs-go:active{transform:scale(.97)}.mfx .cs-go:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.mfx .cs-bar:after,.mfx .cs-bar:before,.mfx .cs-bar:focus-within:before{animation:none}.mfx .cs-bar,.mfx .cs-go,.mfx .cs-ph{transition:none}}