[data-magnetic],
[data-spring-scale],
[data-wobble] {
will-change: transform;
display: inline-block;
}
[data-magnetic] { position: relative; }
[data-magnetic]::after {
content: '';
position: absolute;
inset: -14px;
pointer-events: auto;
}
[data-svg-draw] svg,
svg[data-svg-draw] {
overflow: visible;
}
[data-svg-draw].s-drawn path,
[data-svg-draw].s-drawn line,
[data-svg-draw].s-drawn polyline,
[data-svg-draw].s-drawn circle,
[data-svg-draw].s-drawn rect,
[data-svg-draw].s-drawn ellipse {
stroke-dashoffset: 0 !important;
stroke-dasharray: none !important;
}
[data-svg-draw] svg [stroke],
svg[data-svg-draw] [stroke] {
stroke-linecap: round;
stroke-linejoin: round;
}
@media (prefers-reduced-motion: reduce) {
[data-magnetic],
[data-spring-scale],
[data-wobble] {
will-change: auto;
transform: none !important;
}
[data-svg-draw] path,
[data-svg-draw] line,
[data-svg-draw] polyline,
[data-svg-draw] circle,
[data-svg-draw] rect,
[data-svg-draw] ellipse {
stroke-dashoffset: 0 !important;
stroke-dasharray: none !important;
transition: none !important;
}
}