.scrub-panel{--scrub-anchor-x:50%;--scrub-anchor-y:50%;--scrub-mask:70% 75%;isolation:isolate;position:relative}.scrub-panel-stage{z-index:-1;inset:var(--scrub-bleed,-40px -24px);pointer-events:none;-webkit-mask-image:radial-gradient(ellipse var(--scrub-mask)at var(--scrub-anchor-x)var(--scrub-anchor-y),#000 20%,rgba(0,0,0,.85) 45%,transparent 85%);mask-image:radial-gradient(ellipse var(--scrub-mask)at var(--scrub-anchor-x)var(--scrub-anchor-y),#000 20%,rgba(0,0,0,.85) 45%,transparent 85%);position:absolute}.scrub-panel-anchor{left:var(--scrub-anchor-x);top:var(--scrub-anchor-y);pointer-events:none;width:1px;height:1px;position:absolute}.scrub-panel-content{position:relative}.scrub-panel-ruler{z-index:1;position:absolute}.scrub-panel[data-ruler=vertical] .scrub-panel-ruler{top:var(--scrub-anchor-y);right:var(--scrub-ruler-inset,0px);translate:0 -50%}.scrub-panel[data-ruler=horizontal] .scrub-panel-ruler{left:50%;bottom:var(--scrub-ruler-inset,0px);translate:-50%}.timeline-scrub{--scrub-anchor-x:76%;--scrub-anchor-y:52%;--scrub-mask:46% 90%;--scrub-bleed:-56px -24px -40px -24px;flex-direction:column;justify-content:center;min-height:250px;display:flex}.timeline-scrub .scrub-panel-content>p{color:var(--muted-foreground);text-wrap:pretty;margin-top:16px;font-size:.9375rem;line-height:1.8}@media (max-width:767px){.timeline-scrub{--scrub-anchor-x:74%;--scrub-anchor-y:46%;--scrub-mask:58% 62%;min-height:220px}.timeline-scrub .scrub-panel-ruler{display:none}.timeline-scrub .scrub-panel-content{text-shadow:0 0 18px var(--background),0 0 36px var(--background)}}