/* A soft hover area stays centered on the real pointer. */
.cursor-accent{pointer-events:none!important}.cursor-accent:before{width:28px;height:28px;border-color:color-mix(in srgb,var(--accent) 24%,transparent);background:transparent;transition:width .22s,height .22s,border-color .22s}
.cursor-accent .cursor-blur{width:110px;height:110px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 32%,transparent) 0%,color-mix(in srgb,var(--accent) 16%,transparent) 30%,transparent 70%);filter:blur(15px);opacity:.85;transition:width .24s ease-out,height .24s ease-out,opacity .24s ease-out,filter .24s ease-out}
.cursor-accent.is-over-control:before{width:43px;height:43px;border-color:color-mix(in srgb,var(--accent) 36%,transparent);background:transparent}.cursor-accent.is-over-control .cursor-blur{width:152px;height:152px;filter:blur(19px);opacity:1}
.cursor-trail:before{width:75px;height:75px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 9%,transparent),transparent 68%);filter:blur(15px);opacity:.55;transition:width .24s,height .24s,opacity .24s}.cursor-trail.is-over-control:before{width:95px;height:95px;opacity:.7}
html[data-motion=off] :is(.cursor-accent,.cursor-trail){display:none!important}
@media(prefers-reduced-motion:reduce){.cursor-accent,.cursor-trail{display:none!important}.cursor-accent *{transition:none!important}}
@media(pointer:coarse){.cursor-accent,.cursor-trail{display:none!important}}