*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.metal-fx-stage{color:#f5f5f3;background:#0d0d0f;place-items:center;min-height:100vh;padding:48px;transition:color .18s,background .18s;display:grid}.metal-fx-stage--light{color:#161616;background:#f3f2ef}.metal-fx-demo{background:#151517;border:1px solid #29292c;border-radius:28px;width:min(620px,100%);padding:48px;box-shadow:0 24px 80px #00000047}.metal-fx-stage--light .metal-fx-demo{background:#fff;border-color:#deddd8;box-shadow:0 24px 80px #14141414}.metal-fx-demo>p{color:#8d8d92;margin:0 0 56px;font-size:13px}.metal-fx-demo h1{letter-spacing:-.06em;max-width:460px;margin:0;font-size:clamp(38px,7vw,64px);line-height:.98}.metal-fx-actions{align-items:center;min-height:64px;margin-top:64px;display:flex}.metal-fx-button,.metal-fx-circle{min-height:44px;color:inherit;font:inherit;background:0 0;border:0;border-radius:999px;padding:0 22px;font-weight:600}.metal-fx-circle{width:48px;min-height:48px;padding:0;font-size:20px}@media (prefers-reduced-motion:reduce){.metal-fx-stage{transition:none}}
/*$vite$:1*/