.maevvarp-page #word-spacing-overlay { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; overflow: visible; touch-action: none; user-select: none; }
.maevvarp-page #word-spacing-overlay.unavailable { visibility: hidden; }
.maevvarp-page .word-spacing-handle { outline: none; cursor: grab; pointer-events: all; }
.maevvarp-page .word-spacing-handle__hit { fill: none; stroke: transparent; stroke-width: 56; vector-effect: non-scaling-stroke; pointer-events: stroke; }
.maevvarp-page .word-spacing-handle__line { fill: none; stroke: var(--color-text-primary); stroke-width: 2; vector-effect: non-scaling-stroke; pointer-events: none; opacity: 0; }
.maevvarp-page .word-spacing-handle__dot { fill: var(--color-surface-raised); stroke: var(--color-text-primary); stroke-width: 1.5; vector-effect: non-scaling-stroke; pointer-events: none; opacity: .45; }
.maevvarp-page .word-spacing-handle.is-selected :is(.word-spacing-handle__line,.word-spacing-handle__dot) { opacity: .55; }
.maevvarp-page .word-spacing-handle:hover :is(.word-spacing-handle__line,.word-spacing-handle__dot),
.maevvarp-page .word-spacing-handle:focus-visible :is(.word-spacing-handle__line,.word-spacing-handle__dot) { opacity: 1; }
.maevvarp-page .canvas.is-editing .word-spacing-handle :is(.word-spacing-handle__line,.word-spacing-handle__dot) { opacity: 0 !important; }
.maevvarp-page #word-spacing-tooltip { z-index: 6; }
@media (max-width: 900px) {
  .maevvarp-page .canvas.has-glyph-editor #word-spacing-overlay { top: 175px; height: 350px; }
}