.media-sentence{--word-spacing: 10px;isolation:isolate;position:relative;color:var(--heading-color)}.highlight-text-with-media-wrapper{margin:0 auto}.sentence-media{will-change:width;pointer-events:auto;display:inline-block;width:0;height:1lh;border-radius:var(--media-radius);position:relative;transform:translateY(.13em);transition:width .8s cubic-bezier(.6,0,.2,1),opacity .5s linear}.sentence-media span{display:inline-block}.sentence-media:focus-within{outline:2px solid var(--text-color);outline-offset:2px;transition:unset!important;z-index:1}.sentence-media a:focus-visible{outline:none}.text-based{pointer-events:auto;padding:0 var(--word-spacing)}.media-sentence-lines{--mask-position: 100%;pointer-events:none;transition:mask-position 1s ease-in-out,-webkit-mask-position 1s ease-in-out;-webkit-mask-image:linear-gradient(90deg,#fff 33.33%,#ffffff1a 66.66%);mask-image:linear-gradient(90deg,#fff 33.33%,#ffffff1a 66.66%);-webkit-mask-position:var(--mask-position, 100%) 100%;mask-position:var(--mask-position, 100%) 100%;-webkit-mask-size:300% 100%;mask-size:300% 100%;font-size:inherit}.media-sentence-lines.active{--mask-position: 0%}html.no-js .sentence-media,html.no-animation .sentence-media{width:auto;aspect-ratio:1/1}@media (max-width:767px){.sentence-media{width:var(--sentence-media-width, 50px)}.media-sentence.h1-large,.media-sentence.h1{--h1-large: 35px;--h1: 35px}}@media (min-width:768px){.media-sentence-lines.active .sentence-media,.no-scroll-animation .sentence-media{width:var(--sentence-media-width, 80px)}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/highlight-text-with-images.css.map */