.sf-scroll-text-section{width:100%;box-sizing:border-box;position:relative;overflow:hidden}.sf-scroll-text-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000007a;z-index:2;pointer-events:none}.sf-scroll-text-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.sf-scroll-text-bg-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center center;display:block}.sf-scroll-text-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:min(760px,calc(100% - 48px));padding:48px 52px;box-sizing:border-box;background:#000000ad;border:1px solid rgba(255,165,50,.18);border-radius:4px;text-align:center}.sf-scroll-text-wrapper{margin-bottom:20px;position:relative;width:100%}.sf-scroll-text-wrapper.subtext-wrapper{margin-bottom:0;margin-top:16px}.sf-scroll-text-target{font-family:Montserrat,sans-serif;font-size:clamp(16px,2.2vw,32px);font-weight:500;line-height:1.5;letter-spacing:-.01em;margin:0;text-align:center}.sf-scroll-text-target.accent-subtext{font-size:clamp(13px,1.6vw,22px);font-weight:400;letter-spacing:.02em}.sf-animate-word{display:inline;position:relative;white-space:nowrap;background-image:linear-gradient(to right,var(--fill-color) var(--progress, 0%),var(--base-color) var(--progress, 0%));background-size:100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:translateZ(0);will-change:background-image;backface-visibility:hidden;-webkit-backface-visibility:hidden}.sf-scroll-text-wrapper .sf-animate-word{--base-color: rgba(220, 100, 10, .25);--fill-color: #E87B1E}.sf-scroll-text-wrapper[data-is-accent=true] .sf-animate-word{--base-color: rgba(220, 100, 10, .2);--fill-color: #F09030}@media screen and (max-width:1024px){.sf-scroll-text-container{padding:40px 36px}}@media screen and (max-width:768px){.sf-scroll-text-container{padding:32px 24px;width:min(760px,calc(100% - 28px))}}@media screen and (max-width:480px){.sf-scroll-text-container{width:calc(100% - 20px);padding:28px 18px}.sf-scroll-text-wrapper{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){.sf-animate-word{--progress: 100% !important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-scroll-text-fill.css.map */