/* One conventional pointer shape across all previews. */
.ss-native-cursor,.demo-cursor{width:28px;height:36px;clip-path:none;background:none!important;filter:drop-shadow(0 2px 2px #071d3070);overflow:visible;transform:none;pointer-events:none}
.ss-native-cursor.is-click,.demo-cursor.is-click{transform:scale(.94);filter:drop-shadow(0 2px 2px #071d3070)}
.ss-native-cursor.is-typing,.demo-cursor.is-typing{width:16px;height:25px;background:none!important;transform:none;transition:left .14s,top .14s}
.ss-demo-typing{caret-color:#0d6258!important;outline:2px solid #168579!important;outline-offset:2px}
.ss-demo-click{position:fixed;width:12px;height:12px;margin:-6px 0 0 -6px;box-sizing:border-box;border:2px solid #087568;border-radius:50%;background:#48cdb247;box-shadow:0 0 0 2px #fff;pointer-events:none;z-index:999999;opacity:0}
.ss-demo-click.is-active{animation:ss-demo-click .52s ease-out}
@keyframes ss-demo-click{0%{opacity:1;transform:scale(.6)}60%{opacity:.8}100%{opacity:0;transform:scale(3.2)}}
@media(prefers-reduced-motion:reduce){.ss-demo-click.is-active{animation:none;opacity:1}.ss-native-cursor,.demo-cursor{transition:none!important}}

.ss-native-cursor>svg,.demo-cursor>svg{display:block;width:100%;height:100%;max-width:none;overflow:visible}
.ss-native-cursor>.ss-demo-text-pointer,.demo-cursor>.ss-demo-text-pointer{display:none}
.ss-native-cursor.is-typing>.ss-demo-arrow,.demo-cursor.is-typing>.ss-demo-arrow{display:none}
.ss-native-cursor.is-typing>.ss-demo-text-pointer,.demo-cursor.is-typing>.ss-demo-text-pointer{display:block}