.shopify-section--scroll-image-progress{background:#000}scroll-image-progress{display:contents}.scroll-image-progress-root{display:block;position:relative;width:100%;background:#000;color:#fff}scroll-image-progress .image-sequence-wrapper{width:100%;background:#000;position:relative;min-height:200vh}scroll-image-progress .scene-container{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;background:#000}scroll-image-progress canvas{position:absolute;left:50%;top:50vh;transform:translate(-50%,-50%);min-width:100vw;min-height:100vh;width:auto;height:auto}scroll-image-progress .poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;z-index:3;transition:opacity .24s linear}.scroll-image-progress-root .scroll-title-wrap,scroll-image-progress .scroll-title-wrap{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:20;overflow:hidden}.scroll-image-progress-root .scroll-title-main,scroll-image-progress .scroll-title-main{font-size:64px;font-weight:700;text-align:center;background:linear-gradient(90deg,#5a5a5c,#d6d6d7 26.52%,#d8d8d8 71.53%,#5b5b5d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transform-origin:center}scroll-image-progress .progress-content-wrapper{position:fixed;height:100vh;top:0;left:0;width:100%;display:none;pointer-events:none;z-index:50}scroll-image-progress .progress-content-wrapper.active{display:block}scroll-image-progress .progress-content-item{position:absolute;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .28s linear;white-space:nowrap}scroll-image-progress .progress-content-item.active{opacity:1}scroll-image-progress .progress-html{color:#fff;text-align:center;-webkit-user-select:none;user-select:none}scroll-image-progress .progress-bar{position:absolute;background:#e9e9e9;opacity:0;will-change:width,height;pointer-events:none;transition:opacity .2s linear}scroll-image-progress .progress-bar.vertical{left:50%;top:calc(100% + 6px);transform:translate(-50%);width:1px;height:0}scroll-image-progress .progress-bar.right{left:calc(100% + 20px);top:50%;transform:translateY(-50%);height:1px;width:0}scroll-image-progress .progress-bar.left{left:calc(0% - 20px);top:50%;transform:translate(-100%,-50%);height:1px;width:0}scroll-image-progress .tip-content-wrapper{color:#86868b;font-size:14px;line-height:1.2;max-width:var(--max-content-width, 800px);margin:0 auto;position:relative;top:-5vh;z-index:3}@media screen and (min-width:1981px){scroll-image-progress .tip-content-wrapper{top:10px}}@media(max-width:700px){scroll-image-progress canvas{min-width:auto;min-height:auto;max-width:100vw;max-height:100vh}.scroll-image-progress-root .scroll-title-main,scroll-image-progress .scroll-title-main{font-size:24px;max-width:40%;margin:0 auto;word-break:break-word}scroll-image-progress .progress-content-item{top:unset!important;right:unset!important;bottom:min(30%,calc(100% - 400px));left:50%!important;transform:translate(-50%,-50%)}scroll-image-progress .progress-content-item .progress-bar{display:none!important}scroll-image-progress .tip-content-wrapper{position:absolute;bottom:20px;top:unset;font-size:12px;margin:0 20px;display:none}scroll-image-progress .progress-content-wrapper.active~.tip-content-wrapper.show{display:block;position:fixed;bottom:10%}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/scroll-image-progress.css.map */