.rocket-section{position:relative}.rocket-track{position:relative;width:100%;height:120px;display:flex;align-items:center}.rocket-trails{position:absolute;left:100%;top:0;width:var(--trail-container-width, 80%);height:100%;pointer-events:none}.rocket-trails .trail{position:absolute;display:block;height:2px;background:linear-gradient(90deg,#751ee3,#16f4c9);transform:translateY(var(--trail-ty, 0))}.rocket-trails .trail-middle{top:50%;--trail-ty: -50%;width:var(--trail-middle-width, calc(80% - 100px) )}.rocket-trails .trail-top{top:calc(50% - 8px);width:var(--trail-top-width, calc(50% - 88px) )}.rocket-trails .trail-bottom{top:calc(50% + 6px);width:var(--trail-bottom-width, calc(65% - 88px) )}.rocket-wrapper{position:relative;width:100%;height:100%}.rocket-svg{position:absolute;width:88px;height:88px;top:calc(50% - 44px);left:0;transform:translate(-100px);z-index:2}.rocket-section[data-direction=right] .rocket-svg{left:auto;right:0;transform:translate(100px)}.rocket-section[data-direction=right] .trail{left:0;background:linear-gradient(90deg,#16f4c9,#751ee3)}.rocket-section[data-direction=right] .trail.trail-middle{left:10px}.rocket-section[data-direction=left] .trail{right:0}.rocket-section[data-direction=left] .trail.trail-middle{right:10px}.rocket-section[data-direction=left] .rocket-trails{left:auto;right:100%}.rocket-inner{width:88px;height:88px}.rocket-section[data-direction=right] .rocket-inner svg{transform:scaleX(-1)}.rocket-section.is-active:not(.uses-waapi)[data-direction=left] .rocket-svg{animation:rocket-move-left var(--rocket-duration, 2s) ease-out forwards}.rocket-section.is-active:not(.uses-waapi)[data-direction=right] .rocket-svg{animation:rocket-move-right var(--rocket-duration, 2s) ease-out forwards}.rocket-section.is-active.uses-waapi .rocket-svg{animation:none}.rocket-section.is-active[data-shake=true]:not(.shake-ended) .rocket-inner{animation:rocket-shake .16s ease-in-out infinite}@keyframes rocket-move-left{0%{transform:translate(-100px)}to{transform:translate(var(--rocket-travel, 80%))}}@keyframes rocket-move-right{0%{transform:translate(100px)}to{transform:translate(calc(-1 * var(--rocket-travel, 80%)))}}@keyframes rocket-shake{0%,to{margin-top:0}25%{margin-top:-5px}75%{margin-top:5px}}@media(prefers-reduced-motion:reduce){.rocket-section.is-active .rocket-trails .trail{transition:none;transform:scaleX(1)}.rocket-section.is-active .rocket-svg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/rocket-animation.css.map */