/* Magical mouse cursor styles */
:root{--mc-size:18px;--mc-color:#7b61ff;--mc-glow:20px}
body{cursor:none}
.mc-cursor{position:fixed;left:0;top:0;pointer-events:none;z-index:999999;mix-blend-mode:normal;transform:translate(-50%,-50%);transition:width .12s ease,height .12s ease,background-color .12s ease,opacity .18s ease,transform .08s ease}
.mc-dot{width:var(--mc-size);height:var(--mc-size);border-radius:50%;background:var(--mc-color);box-shadow:0 0 var(--mc-glow) rgba(123,97,255,.9);opacity:1}
.mc-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:2px solid rgba(123,97,255,.18);box-shadow:0 6px 32px rgba(123,97,255,.06);opacity:.9;transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .18s ease}
.mc-hidden{opacity:0;transform:scale(.2)}
.mc-hover .mc-dot{background:#fff;box-shadow:0 0 28px rgba(255,255,255,.9)}
.mc-hover .mc-ring{border-color:rgba(255,255,255,.12);transform:scale(1.3)}
/* interactive element sizes */
.mc-press .mc-dot{transform:scale(.6);opacity:.85}
.mc-focus .mc-ring{transform:scale(1.7);opacity:.95}