.shopify-section,.spinner{width:100%}.spinner img{display:block;width:100%}.shopify-section{overflow:visible}.parent{overflow:visible;height:4000px}.parent video{outline:none;pointer-events:none}.parent video:focus-visible,.parent .video-container:focus-visible{border:none;outline:none}.parent .animate-on-scroll__grid{width:100%;display:flex;flex-wrap:nowrap;flex-direction:column-reverse;height:100svh;position:sticky;align-items:stretch;top:0}.parent .animate-on-scroll__grid .video-container,.parent .animate-on-scroll__grid .value-counter-wrapper{flex-shrink:0}.parent .animate-on-scroll__grid .value-counter-wrapper{height:auto}.parent .animate-on-scroll__grid .video-container{flex:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .8s;overflow:hidden}.parent .animate-on-scroll__grid .video-container video{height:calc(100svh - 120px);pointer-events:none}@media (min-width: 768px){.parent .animate-on-scroll__grid .video-container video{height:calc(100svh - 268px)}}@media (min-width: 1280px){.parent .animate-on-scroll__grid .video-container video{height:100svh}}@media (min-width: 1280px){.parent .animate-on-scroll__grid{flex-direction:row;align-items:stretch;justify-content:center}.parent .animate-on-scroll__grid div.value-counter-wrapper{display:flex;flex-direction:column;justify-content:center;max-width:645px}.parent .animate-on-scroll__grid>div{height:100%}.parent .animate-on-scroll__grid>div video{height:100%}}.parent .value-counter-wrapper{opacity:0;transition:all .8s}.parent .value-counter-wrapper h3{color:#2b2b2b;display:none;font-weight:400}@media (min-width: 1280px){.parent .value-counter-wrapper h3{display:block;margin-bottom:32px}}.parent .value-counter-wrapper .value-counter-container{display:flex;align-items:flex-end;justify-content:center;flex-wrap:nowrap;max-width:688px;margin-left:auto;margin-right:auto;overflow:hidden}@media (min-width: 1280px){.parent .value-counter-wrapper .value-counter-container{margin-left:0}}.parent .value-counter-wrapper .value-counter-container p{margin-bottom:0;line-height:1}.parent .value-counter-wrapper .value-counter-container .value-counter,.parent .value-counter-wrapper .value-counter-container .slash{display:block;font-size:120px;color:#2b2b2b;font-family:PinaqTitle}@media (min-width: 768px){.parent .value-counter-wrapper .value-counter-container .value-counter,.parent .value-counter-wrapper .value-counter-container .slash{font-size:268px}}.parent .value-counter-wrapper .value-counter-container .value-counter-wrap{position:relative}@media (min-width: 1200px){.parent .value-counter-wrapper .value-counter-container .value-counter-wrap .value-counter{min-width:130px;display:flex;justify-content:center}}.parent .value-counter-wrapper .value-counter-container .value-counter-wrap .count{transition:all .5s ease;position:absolute;top:0;left:0;opacity:0;transform:translate(-32px)}.parent .value-counter-wrapper .value-counter-container .value-counter-wrap .show-value{position:relative;opacity:1;transform:translate(0)}.parent .value-counter-wrapper .value-counter-container .step-wrapper{margin-bottom:20px;position:relative}.parent .value-counter-wrapper .value-counter-container .step-wrapper .step,.parent .value-counter-wrapper .value-counter-container .step-wrapper .step-description{color:#2b2b2b}.parent .value-counter-wrapper .value-counter-container .step-wrapper .step-container{transition:all .5s ease;position:absolute;top:0;left:0;opacity:0;transform:translate(32px)}.parent .value-counter-wrapper .value-counter-container .step-wrapper .show-step{position:relative;opacity:1;transform:translate(0)}@media (min-width: 768px){.parent .value-counter-wrapper .value-counter-container .step-wrapper{margin-bottom:54px}}.parent .value-counter-wrapper .value-counter-container .step{font-weight:700;margin-bottom:8px}.video-container-fixed{top:0}.video-container-fixed .video{transform:translate(-50%);position:fixed}@media (min-width: 1280px){.video-container-fixed .video{left:calc(50vw + 240px);width:480px}}@media (min-width: 1440px){.video-container-fixed .video{width:556px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/atd-animate-on-scroll.css.map */
