/* ========== CURSOR ========== */
.cursor{position:fixed;top:0;left:0;width:14px;height:14px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .3s, height .3s, background .3s}
.cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;border:1px solid var(--accent);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s, height .3s, border-color .3s, opacity .3s}
.cursor.big{width:60px;height:60px;background:transparent;border:1px solid var(--accent);mix-blend-mode:normal}
.cursor-ring.hide{opacity:0}
@media (hover:none){.cursor,.cursor-ring{display:none}}