/*!
 * Themeasy — Highlighted Text
 *
 * Hand-drawn marker annotations behind/over words marked with <mark> inside
 * running text. Each mark carries a server-rendered SVG (highlight band, wavy
 * underline, circle, box, strike, cross or arrow) stretched over the word via
 * preserveAspectRatio="none"; vector-effect: non-scaling-stroke keeps the ink
 * weight true while the shape stretches. The default state is FULLY DRAWN —
 * with no JS, without GSAP, in the Elementor editor (--static) and under
 * prefers-reduced-motion the annotations simply sit finished; the frontend JS
 * only hides and redraws them (stroke-dashoffset) when motion is allowed.
 *
 * Tokens consumed: --tms-primary-color (public --tms-* design API).
 *
 * @author Themeasy
 * @link https://themeasy.co
 * @since 1.0.0
 */
.tms-highlighted-text{--tms-highlighted-text-color:var(--tms-primary-color,#5b6cff);--tms-highlighted-text-stroke:2.5px;--tms-highlighted-text-band:.55em;--tms-highlighted-text-band-opacity:.35;--tms-highlighted-text-offset-x:0em;--tms-highlighted-text-offset-y:0em;--tms-highlighted-text-extend-x:0em;--tms-highlighted-text-extend-y:0em}.tms-highlighted-text__text{margin:0}.tms-highlighted-text__text mark{color:inherit;background:0 0;padding:0}.tms-highlighted-text__mark{color:inherit;isolation:isolate;background:0 0;padding:0;display:inline-block;position:relative}.tms-highlighted-text__keep{white-space:nowrap}.tms-highlighted-text__keep .tms-highlighted-text__mark{white-space:normal}.tms-highlighted-text__mark-text{position:relative}.tms-highlighted-text__svg{--tms-highlighted-text-bleed-top:0em;--tms-highlighted-text-bleed-right:.2em;--tms-highlighted-text-bleed-bottom:0em;--tms-highlighted-text-bleed-left:.2em;top:calc(var(--tms-highlighted-text-offset-y) - var(--tms-highlighted-text-bleed-top) - var(--tms-highlighted-text-extend-y));left:calc(var(--tms-highlighted-text-offset-x) - var(--tms-highlighted-text-bleed-left) - var(--tms-highlighted-text-extend-x));z-index:1;width:calc(100% + var(--tms-highlighted-text-bleed-left) + var(--tms-highlighted-text-bleed-right) + 2 * var(--tms-highlighted-text-extend-x));max-width:none;height:calc(100% + var(--tms-highlighted-text-bleed-top) + var(--tms-highlighted-text-bleed-bottom) + 2 * var(--tms-highlighted-text-extend-y));pointer-events:none;max-height:none;display:block;position:absolute;overflow:visible}.tms-highlighted-text__svg path{fill:none;stroke:var(--tms-highlighted-text-color);stroke-width:var(--tms-highlighted-text-stroke);stroke-linecap:round;stroke-linejoin:round}.tms-highlighted-text__mark--highlight .tms-highlighted-text__svg{--tms-highlighted-text-bleed-top:-.06em;--tms-highlighted-text-bleed-bottom:.06em;z-index:-1;opacity:var(--tms-highlighted-text-band-opacity)}.tms-highlighted-text__mark--highlight .tms-highlighted-text__svg path{stroke-width:var(--tms-highlighted-text-band)}.tms-highlighted-text__mark--strike .tms-highlighted-text__svg{--tms-highlighted-text-bleed-top:-.1em}.tms-highlighted-text__mark--box .tms-highlighted-text__svg{--tms-highlighted-text-bleed-top:.1em;--tms-highlighted-text-bleed-right:.3em;--tms-highlighted-text-bleed-bottom:.12em;--tms-highlighted-text-bleed-left:.3em}.tms-highlighted-text__mark--cross .tms-highlighted-text__svg{--tms-highlighted-text-bleed-right:.25em;--tms-highlighted-text-bleed-left:.25em}.tms-highlighted-text__mark--circle .tms-highlighted-text__svg{--tms-highlighted-text-bleed-top:.3em;--tms-highlighted-text-bleed-right:.55em;--tms-highlighted-text-bleed-bottom:.3em;--tms-highlighted-text-bleed-left:.55em}.tms-highlighted-text__mark--underline .tms-highlighted-text__svg{--tms-highlighted-text-bleed-top:calc(.3em - 100%);--tms-highlighted-text-bleed-right:.1em;--tms-highlighted-text-bleed-bottom:.12em;--tms-highlighted-text-bleed-left:.1em}.tms-highlighted-text__mark--arrow .tms-highlighted-text__svg{--tms-highlighted-text-bleed-top:calc(-100% - .02em);--tms-highlighted-text-bleed-right:.15em;--tms-highlighted-text-bleed-bottom:.62em;--tms-highlighted-text-bleed-left:.15em}@media (max-width:767px){.tms-highlighted-text__mark--circle .tms-highlighted-text__svg{--tms-highlighted-text-bleed-top:.25em;--tms-highlighted-text-bleed-right:.4em;--tms-highlighted-text-bleed-bottom:.25em;--tms-highlighted-text-bleed-left:.4em}}@media (prefers-reduced-motion:reduce){.tms-highlighted-text__svg path{transition:none}}