.sprite-animation-wrapper{width:100%;position:relative;background:#151515;padding-top:5rem;overflow:hidden}.sprite-animation-wrapper.no-animation{padding-top:0}.sprite-animation-section{display:flex;align-items:center;justify-content:center;padding-bottom:550px;height:1050px}.sprite-animation-section.no-animation{padding-bottom:0;height:auto}.sprite-animation-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:80px;width:100%;margin:0 auto;overflow:hidden}.sprite-animation-text{flex:0 0 400px;max-width:400px}.sprite-animation-text h2{font-size:50px;color:#fff;font-weight:800;padding:10px 0;margin:0;line-height:1.1;transition:transform .3s ease;will-change:transform}.sprite-animation-text h2.scale-down{transform:scale(1.2) translate(30px) translateY(0)}.sprite-animation-text p{text-align:left;color:#fffc;font-weight:500;border-top:solid #666 1px;margin:0;font-size:18px;transition:opacity .3s ease,border-color .3s ease;will-change:opacity,border-color}.sprite-animation-text p.fade-out{opacity:0;border-top-color:transparent}.pin-spacer{background:#151515;background:linear-gradient(0deg,#151515,#0f0f0f);margin-bottom:-170px!important}.image-container{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;padding-top:116px;overflow:visible;height:900px;position:relative;width:1000px}.sprite-animation-wrapper.no-animation .image-container{padding-top:0}.viewer{width:900px;max-width:900px;height:900px;aspect-ratio:1;background-repeat:no-repeat;background-position:0% 0%;background-size:400% 300%;position:absolute;left:50%;top:calc(50% + 50px);transform:translate(-50%,-50%);opacity:0;visibility:hidden;will-change:opacity,visibility,background-position}.first-frame-image{max-width:900px;width:900px;height:900px;display:block;position:absolute;left:50%;top:calc(50% + 50px);transform:translate(-50%,-50%);opacity:1;visibility:visible;will-change:opacity,visibility}.fallback-image{max-width:900px;width:900px;height:900px;display:block;position:absolute;left:50%;top:calc(50% + 50px);transform:translate(-50%,-50%);opacity:0;visibility:hidden}.rich-text-section{color:#fffc;position:static;padding:20px 0;background:#151515;z-index:auto;opacity:0;visibility:hidden;margin-bottom:40px;will-change:transform,opacity,visibility}.rich-text-section.visible{opacity:1;visibility:visible}.rich-text-section.animated{position:fixed;bottom:-100px;left:0;right:0;padding-bottom:5rem;transform:translateY(0);z-index:10;background:linear-gradient(180deg,#2d2d2d00,#2d2d2d 80%)}.rich-text-section.static{display:block;position:relative;background:linear-gradient(180deg,#2d2d2d00,#2d2d2d 80%)}.rich-text-section h1{color:#fff;font-size:36px;margin:0 0 16px}.rich-text-container{margin:0 auto;text-align:left;overflow:hidden;background:none;padding-bottom:40px}.content-block{margin-bottom:32px;max-width:800px;float:left;clear:both}.content-block:last-child{margin-bottom:0}.block-text{font-size:16px;line-height:1.6;margin:0}.animation-spacer{height:600px;background-color:#222}.animation-spacer.no-animation{height:0;display:none}@media screen and (max-width: 768px){.sprite-animation-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.rich-text-section{opacity:1!important;visibility:visible!important;transition:none!important}.sprite-animation-container{flex-direction:column;gap:0px;padding:0}.sprite-animation-section{padding-bottom:100px;height:600px}.sprite-animation-wrapper{padding-top:1rem}.sprite-animation-text{max-width:100%;text-align:center;padding-top:20px;padding-bottom:0;flex:0}.sprite-animation-text h2{font-size:40px}.sprite-animation-text p{text-align:center}.image-container{max-width:100%;width:100%;padding-top:0;height:auto;position:relative;overflow:visible}.viewer{width:100%;max-width:600px;height:auto;aspect-ratio:1;position:relative;left:auto;top:auto;transform:none}.first-frame-image,.fallback-image{max-width:100%;width:100%;height:auto;position:relative;left:auto;top:auto;transform:none}.rich-text-section{position:static!important;padding:0;z-index:auto!important;min-height:200px!important;margin-bottom:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:1!important;visibility:visible!important;transition:none!important}.rich-text-container{padding:0 20px!important;display:flex!important;flex-direction:column!important;gap:12px!important;background:linear-gradient(180deg,#2d2d2d00,#2d2d2d 80%)}.content-block{display:flex!important;flex-direction:column!important;opacity:1!important;visibility:visible!important;margin-bottom:32px!important;max-width:100%!important;float:none!important;transition:none!important;transform:none!important}.rich-text-section h1{font-size:28px;opacity:1!important;visibility:visible!important;transition:none!important}.block-text{font-size:14px;opacity:1!important;visibility:visible!important;transition:none!important}.rich-text-section .block-title,.rich-text-section p{opacity:1!important;visibility:visible!important;transition:none!important;transform:none!important}.rich-text-section *{transition:none!important}}@media screen and (min-width: 1025px) and (max-width: 1400px){.sprite-animation-container{flex-direction:row;gap:60px;padding:0 40px}.sprite-animation-section{padding-bottom:400px;height:800px}.sprite-animation-wrapper{padding-top:3rem}.sprite-animation-text{flex:0 0 350px;max-width:350px;text-align:left;padding-top:0;padding-bottom:0}.sprite-animation-text h2{font-size:42px}.sprite-animation-text p{text-align:left}.image-container{flex:1;max-width:100%;width:100%;padding-top:80px;height:700px;position:relative;overflow:visible}.viewer{width:100%;max-width:700px;height:700px;aspect-ratio:1;position:absolute;left:50%;top:calc(50% + 40px);transform:translate(-50%,-50%)}.first-frame-image,.fallback-image{max-width:700px;width:700px;height:700px;position:absolute;left:50%;top:calc(50% + 40px);transform:translate(-50%,-50%)}.rich-text-section{position:static!important;padding:0;z-index:auto!important;min-height:200px!important}.rich-text-container{padding:0 40px!important;display:flex!important;flex-direction:column!important;gap:12px!important;background:linear-gradient(180deg,#2d2d2d00,#2d2d2d 80%)}.content-block{display:flex!important;flex-direction:column!important;opacity:1!important;margin-bottom:32px!important;max-width:100%!important;float:none!important}.rich-text-section h1{font-size:32px}.block-text{font-size:15px}}@media screen and (min-width: 769px) and (max-width: 1024px){.sprite-animation-container{flex-direction:row;gap:40px;padding:0 30px}.sprite-animation-section{padding-bottom:100px;height:600px}.sprite-animation-wrapper{padding-top:1rem}.sprite-animation-text{flex:0 0 300px;max-width:300px;text-align:left;padding-top:0;padding-bottom:0}.sprite-animation-text h2{font-size:36px}.sprite-animation-text p{text-align:left}.image-container{flex:1;max-width:100%;width:100%;padding-top:0;height:auto;position:relative;overflow:visible}.viewer{width:100%;max-width:500px;height:auto;aspect-ratio:1;position:relative;left:auto;top:auto;transform:none}.first-frame-image,.fallback-image{max-width:100%;width:100%;height:auto;position:relative;left:auto;top:auto;transform:none}.rich-text-section{position:static!important;padding:0;z-index:auto!important;min-height:200px!important}.rich-text-container{padding:0 30px!important;display:flex!important;flex-direction:column!important;gap:12px!important;background:linear-gradient(180deg,#2d2d2d00,#2d2d2d 80%)}.content-block{display:flex!important;flex-direction:column!important;opacity:1!important;margin-bottom:32px!important;max-width:100%!important;float:none!important}.rich-text-section h1{font-size:28px}.block-text{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/double-image-sequence.css.map */