.mc-mag{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer;display:inline-flex;touch-action:manipulation}.mc-mag__face{display:inline-flex;align-items:center;justify-content:center;gap:8px;will-change:transform}.mc-mag--orbit{border-radius:50%;align-items:center;justify-content:center}.mc-mag__stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;perspective:400px}.mc-mag__icon{display:inline-block;font-size:2em;line-height:1;will-change:transform;transform-style:preserve-3d}.mc-mag__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mc-mag:focus-visible{outline:2px solid currentColor;outline-offset:4px}.mc-mag-demo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;background:#050505;color:#fff}.mc-mag-demo__row{display:flex;gap:clamp(10px,3vw,28px)}.mc-mag-demo__icon{width:64px;height:64px}.mc-mag-demo__icon .mc-mag__face{width:100%;height:100%;border-radius:16px;background:linear-gradient(180deg,#24242b,#141418);box-shadow:inset 0 1px #ffffff14,0 8px 24px #00000080}.mc-mag-demo__cta{position:relative;width:132px;height:132px;background:#e8ff5a;color:#050505;font-size:22px}.mc-mag-demo__cap{margin:-20px 0 0;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.6}