:root{--sprite-bg: #151515;--sprite-bg-gradient: linear-gradient(0deg, #151515, #0f0f0f);--sprite-text-fg: #fffc;--sprite-viewer-size: 900px;--sprite-image-offset: 50px}@media(min-width:1025px){.sprite-animation-wrapper.sprite-show-skeleton .sprite-animation-text h2,.sprite-animation-wrapper.sprite-show-skeleton .sprite-animation-text p{visibility:hidden!important}.sprite-animation-wrapper.sprite-show-skeleton.sprite-title-revealed .sprite-animation-text h2,.sprite-animation-wrapper.sprite-show-skeleton.sprite-title-revealed .sprite-animation-text p{visibility:visible!important}.sprite-animation-wrapper.sprite-show-skeleton .sprite-skeleton--text{display:flex}.sprite-animation-wrapper.sprite-show-skeleton.sprite-title-revealed .sprite-skeleton--text{display:none}.sprite-animation-wrapper.sprite-show-skeleton .image-container .first-frame-image,.sprite-animation-wrapper.sprite-show-skeleton .image-container .viewer,.sprite-animation-wrapper.sprite-show-skeleton .image-container .fallback-image{visibility:hidden!important}.sprite-animation-wrapper.sprite-show-skeleton .sprite-skeleton--blocks,.sprite-animation-wrapper.sprite-show-skeleton .sprite-skeleton--image{display:block}.sprite-animation-wrapper.sprite-show-skeleton .rich-text-section .content-block{visibility:hidden!important}.sprite-animation-wrapper.sprite-show-skeleton .rich-text-section{opacity:1;visibility:visible}}.sprite-skeleton{display:none;pointer-events:none}.sprite-skeleton--text{position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;justify-content:center;gap:16px;z-index:2}.sprite-skeleton__line{display:block;height:28px;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;background-position:100% 0;border-radius:6px;animation:sprite-skeleton-shimmer 1.2s ease-in-out infinite}.sprite-skeleton__line--title{width:85%;height:48px;border-radius:8px}.sprite-skeleton__line--subtitle{width:70%;height:20px}.sprite-skeleton__line--body{width:100%;height:16px;border-radius:6px}.sprite-skeleton--blocks{position:absolute;top:0;left:0;right:0;padding-bottom:40px;z-index:2}.sprite-skeleton__block{margin-bottom:32px;max-width:560px;display:flex;flex-direction:column;gap:12px}.sprite-skeleton__block .sprite-skeleton__line--title{width:55%;height:36px}.sprite-skeleton--image{position:absolute;width:70%;height:70%;max-width:min(520px,70%);max-height:min(520px,70%);aspect-ratio:1;left:50%;top:calc(50% + var(--sprite-image-offset));transform:translate(-50%,-50%);background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;background-position:100% 0;border-radius:16px;animation:sprite-skeleton-shimmer 1.2s ease-in-out infinite;z-index:10}@keyframes sprite-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sprite-animation-wrapper{width:100%;position:relative;background:var(--sprite-bg);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;position:relative}.sprite-animation-text{flex:0 0 400px;max-width:400px;position:relative}.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:var(--sprite-bg);background:var(--sprite-bg-gradient);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:var(--sprite-viewer-size);position:relative;width:1000px;contain:layout style paint}.sprite-animation-wrapper.no-animation .image-container{padding-top:0}.viewer,.first-frame-image,.fallback-image{width:var(--sprite-viewer-size);max-width:var(--sprite-viewer-size);height:var(--sprite-viewer-size);position:absolute;left:50%;top:calc(50% + var(--sprite-image-offset));transform:translate(-50%,-50%)}.viewer{aspect-ratio:1;background-repeat:no-repeat;background-position:0% 0%;background-size:400% 300%;opacity:0;visibility:hidden;will-change:opacity,visibility,background-position}.first-frame-image,.fallback-image{display:block}.first-frame-image{opacity:1;visibility:visible}.fallback-image{opacity:0;visibility:hidden}.rich-text-section{color:var(--sprite-text-fg);position:static;padding:20px 0;background:var(--sprite-bg);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;position:relative}.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/52/assets/double-image-sequence.css.map */