:root{--size: 8px;--size-f: 36px}#main{display:flex;background:#9c9c9c;height:100vh}.cursor{width:var(--size);height:var(--size);border-radius:50%;background:#fff;position:fixed;z-index:999;pointer-events:none;mix-blend-mode:difference;top:0;left:0;will-change:transform;transition:opacity .2s ease-out,transform .15s cubic-bezier(.25,.46,.45,.94)}.cursor-f{width:var(--size-f);height:var(--size-f);position:fixed;background-size:cover;pointer-events:none;opacity:.5;z-index:998;top:0;left:0;will-change:transform;transition:background-image .1s ease-in-out,opacity .2s ease-out,transform .15s cubic-bezier(.25,.46,.45,.94)}@media (hover: none){.cursor,.cursor-f{display:none!important}}@media (max-width: 768px){.cursor,.cursor-f{display:none!important}}.cursor-disabled .cursor,.cursor-disabled .cursor-f{opacity:0!important}