/* The real DD monogram is reused as an alpha mask, without a new image. */
.dd-cursor,.dd-cursor-trail{position:fixed;inset:0;pointer-events:none!important;user-select:none;z-index:100;display:none}
.dd-cursor{inset:auto auto 0 0;width:0;height:0;top:0;opacity:0;--cursor-color:#191919;--cursor-accent:#ffdc28}
.dd-cursor-mark{position:absolute;left:11px;top:9px;width:27px;height:27px;background:var(--cursor-color);-webkit-mask:url('assets/dd-monogram.webp') center/contain no-repeat;mask:url('assets/dd-monogram.webp') center/contain no-repeat;transition:width .16s,height .16s,background .16s,opacity .16s;filter:drop-shadow(0 0 1px #ffffffa6)}
.dd-cursor-point{position:absolute;left:-2px;top:-2px;width:4px;height:4px;border-radius:50%;background:var(--cursor-color);box-shadow:0 0 0 1px #ffffffb3}
.dd-cursor.is-link .dd-cursor-mark{width:30px;height:30px;background:var(--cursor-accent);filter:drop-shadow(0 0 1px #191919) drop-shadow(0 0 3px #ffdc2866)}
.dd-cursor.is-down .dd-cursor-mark{width:23px;height:23px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .dd-cursor,.dd-cursor-trail{display:block}
 html.dd-cursor-on,html.dd-cursor-on *{cursor:none!important}
 html.dd-cursor-on .dd-cursor{opacity:1}
 html.dd-cursor-text,html.dd-cursor-text *{cursor:text!important}
}
@media print{.dd-cursor,.dd-cursor-trail{display:none!important}}