.element-scroll-fill{--marker-color: rgb(234 178 128 / .56);--marker-angle: 177deg;--marker-duration: 1.65s;--marker-soft-start: 43%;--marker-solid-start: 50%;--marker-solid-end: 84%;--marker-soft-end: 89%;--marker-opacity: 82%;display:inline;font-style:normal;color:inherit!important;-webkit-text-fill-color:currentColor!important}.element-scroll-fill__line{display:inline-block;padding:0 .05em;margin-inline:-.05em;background-image:linear-gradient(var(--marker-angle),transparent 0 var(--marker-soft-start),color-mix(in srgb,var(--marker-color) var(--marker-opacity),transparent) var(--marker-solid-start),var(--marker-color) var(--marker-solid-end),transparent var(--marker-soft-end));background-position:left center;background-repeat:no-repeat;background-size:0% 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone}.element-scroll-fill--2{--marker-color: rgb(168 166 128 / .55);--marker-angle: 174deg;--marker-duration: 1.8s}.element-scroll-fill--3{--marker-color: rgb(216 142 112 / .55);--marker-angle: 179deg;--marker-duration: 1.6s}.element-scroll-fill--4{--marker-color: rgb(220 184 132 / .58);--marker-angle: 175deg;--marker-duration: 1.9s}.element-scroll-fill--5{--marker-color: rgb(196 132 96 / .52);--marker-angle: 178deg;--marker-duration: 1.7s}.element-scroll-fill--shape-1{--marker-soft-start: 43%;--marker-solid-start: 49%;--marker-solid-end: 84%;--marker-soft-end: 90%;--marker-angle: 177deg}.element-scroll-fill--shape-2{--marker-soft-start: 57%;--marker-solid-start: 63%;--marker-solid-end: 88%;--marker-soft-end: 94%;--marker-angle: 174deg;--marker-opacity: 74%;--marker-duration: 1.82s}.element-scroll-fill--shape-3{--marker-soft-start: 29%;--marker-solid-start: 37%;--marker-solid-end: 73%;--marker-soft-end: 82%;--marker-angle: 181deg;--marker-opacity: 68%}.element-scroll-fill--shape-4{--marker-soft-start: 17%;--marker-solid-start: 25%;--marker-solid-end: 88%;--marker-soft-end: 96%;--marker-angle: 176deg;--marker-opacity: 63%;--marker-duration: 1.92s}.element-scroll-fill--shape-5{--marker-soft-start: 48%;--marker-solid-start: 54%;--marker-solid-end: 78%;--marker-soft-end: 86%;--marker-angle: 184deg;--marker-opacity: 88%;--marker-duration: 1.55s}.element-scroll-fill--shape-6{--marker-soft-start: 34%;--marker-solid-start: 43%;--marker-solid-end: 91%;--marker-soft-end: 97%;--marker-angle: 171deg;--marker-opacity: 66%;--marker-duration: 2s}.element-scroll-fill--shape-7{--marker-soft-start: 62%;--marker-solid-start: 67%;--marker-solid-end: 93%;--marker-soft-end: 98%;--marker-angle: 179deg;--marker-opacity: 92%;--marker-duration: 1.5s}.element-scroll-fill--shape-8{--marker-soft-start: 24%;--marker-solid-start: 32%;--marker-solid-end: 68%;--marker-soft-end: 79%;--marker-angle: 168deg;--marker-opacity: 72%;--marker-duration: 1.75s}.element-scroll-fill.is-playing .element-scroll-fill__line{animation:element-marker-draw var(--marker-duration) cubic-bezier(.16,1,.3,1) calc(var(--scroll-fill-delay, 0ms) + var(--marker-line-delay, 0ms)) forwards}.element-scroll-fill.is-filled .element-scroll-fill__line{background-size:100% 100%}@keyframes element-marker-draw{0%{background-size:0% 100%}62%{background-size:103% 100%}to{background-size:100% 100%}}@media(prefers-reduced-motion:reduce){.element-scroll-fill__line{background-size:100% 100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/element-scroll-highlight.css.map */