/* A straight, low text-marker stroke, sampled from the runprise application. */
:root{--marker-green:#a2eb34;--marker-stroke:rgb(162 235 52 / .46)}
.brand-marker{position:relative;display:inline-block;isolation:isolate;white-space:nowrap;color:var(--ink)}
.brand-marker::before{content:"";position:absolute;z-index:-1;inset-inline:-.025em;bottom:.015em;height:.54em;background:var(--marker-stroke);pointer-events:none;clip-path:inset(0)}
.hero h1>.brand-marker{display:block;width:fit-content;max-width:100%}
.hero h1>.brand-marker::before{height:.48em;bottom:.025em}
[data-theme=light]{--marker-stroke:var(--marker-green)}
[data-theme=light] .brand-marker{color:#12150f}
/* This section stays light in both themes. Clone the stroke when text wraps. */
.fan-heading .brand-marker{display:inline;white-space:normal;padding-inline:.025em;color:#12150f;-webkit-text-stroke:0;background-image:linear-gradient(var(--marker-green),var(--marker-green));background-repeat:no-repeat;background-position:0 96%;background-size:100% 54%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.fan-heading .brand-marker::before{content:none}
@media(prefers-reduced-motion:no-preference){
 .brand-marker.marker-ready::before{transition:clip-path 600ms var(--ease-in-out)}
 .brand-marker.marker-ready:not(.is-marked)::before{clip-path:inset(0 100% 0 0)}
 .fan-heading .brand-marker.marker-ready{transition:background-size 600ms var(--ease-in-out)}
 .fan-heading .brand-marker.marker-ready:not(.is-marked){background-size:0% 54%}
}
.brand-marker.marker-instant::before{transition:none}
.fan-heading .brand-marker.marker-instant{transition:none}
@media(prefers-reduced-motion:reduce){.brand-marker::before{clip-path:inset(0)!important;transition:none!important}}
@media(forced-colors:active){.brand-marker::before{display:none}.brand-marker{color:CanvasText!important;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.08em}}