sw-pasta-motion{pointer-events:none;box-sizing:border-box}.sw-pasta-motion-strip{display:block;height:104px;overflow:hidden;position:relative;contain:layout paint;background:transparent;border:0;border-radius:0;box-shadow:none;margin:14px 0 4px;padding-top:20px;direction:ltr}.sw-pasta-motion-rail{display:flex;align-items:center;justify-content:center;gap:14px;height:100%;width:100%;transform-origin:50% 80%}sw-pasta-motion img{display:block;object-fit:contain;flex:none}.sw-pasta-motion-strip>.sw-pasta-motion-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:5px 2px;box-sizing:border-box}.sw-pasta-motion-strip>.sw-pasta-motion-rail>p{display:contents;margin:0;padding:0}.sw-pasta-motion-strip>.sw-pasta-motion-rail img[data-sw-pasta-character]{width:100%;height:72px;max-width:100%;min-width:0;justify-self:center;transform-origin:50% 85%}.sw-pasta-motion-thread{position:absolute;inset:0 0 auto;width:100%;height:20px;overflow:visible}.sw-pasta-motion-thread path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}.sw-pasta-motion-thread-line{stroke:#dfb538;stroke-width:3}.sw-pasta-motion-thread-shadow{stroke:#ac7525;stroke-width:5;opacity:.15;transform:translateY(2px)}.sw-pasta-motion-strip[data-sw-pasta-motion-running]>.sw-pasta-motion-rail img[data-sw-pasta-character]{animation:sw-pasta-character-party-hop 3.8s ease-in-out infinite both}.sw-pasta-motion-strip[data-sw-pasta-motion-running]>.sw-pasta-motion-rail img[data-sw-pasta-character="07-tomato-rigatoni-3d"],.sw-pasta-motion-strip[data-sw-pasta-motion-running]>.sw-pasta-motion-rail img[data-sw-pasta-character="03-cream-shell-2d"]{animation-name:sw-pasta-character-party-sway;animation-delay:-1.1s}.sw-pasta-motion-strip[data-sw-pasta-motion-running]>.sw-pasta-motion-rail img[data-sw-pasta-character="08-spaghetti-3d"],.sw-pasta-motion-strip[data-sw-pasta-motion-running]>.sw-pasta-motion-rail img[data-sw-pasta-character="03-cream-shell-2d"]{animation-delay:-2.3s}.sw-pasta-motion-strip[data-sw-pasta-motion-running] .sw-pasta-motion-thread path{animation:sw-pasta-motion-draw 1.5s ease-out 1 both}.sw-pasta-motion-logo{display:block;width:160px;height:132px;max-width:70%;margin:10px auto 0}.sw-pasta-motion-logo img{width:160px;height:132px;max-width:100%}.sw-pasta-motion-logo[data-sw-pasta-motion-running]>.sw-pasta-motion-rail{animation:sw-pasta-character-logo 4.6s ease-in-out 1 both}.sw-pasta-motion-signature{display:block;height:64px;padding:5px 0;max-width:100%;margin:8px 0 0;overflow:hidden}.sw-pasta-motion-signature .sw-pasta-motion-rail{gap:18px}.sw-pasta-motion-signature img{width:90px;height:54px;max-width:42%;transform-origin:50% 80%}.sw-pasta-motion-signature img:last-child{width:104px}.sw-pasta-motion-signature[data-sw-pasta-motion-running] img{animation:sw-pasta-character-party-bob 4.2s ease-in-out infinite both}.sw-pasta-motion-signature[data-sw-pasta-motion-running] img:last-child{animation-delay:-1.8s}@keyframes sw-pasta-character-party-hop{0%,12%,55%,to{transform:translateY(0) rotate(0)}24%{transform:translateY(-8px) rotate(-5deg)}38%{transform:translateY(-3px) rotate(4deg)}}@keyframes sw-pasta-character-party-sway{0%,12%,65%,to{transform:rotate(0) translateY(0)}27%{transform:rotate(8deg) translateY(-3px)}47%{transform:rotate(-7deg) translateY(-5px)}}@keyframes sw-pasta-character-party-bob{0%,12%,65%,to{transform:translateY(0)}30%{transform:translateY(-3px)}48%{transform:translateY(2px)}}@keyframes sw-pasta-character-logo{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-2deg) scale(1.025)}60%{transform:rotate(2deg) scale(1)}}@keyframes sw-pasta-motion-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media(max-width:600px){.sw-pasta-motion-strip{height:92px;margin:12px 0 2px}.sw-pasta-motion-strip>.sw-pasta-motion-rail{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:62px;gap:0 3px;max-width:300px;margin-inline:auto;padding:4px 5px}.sw-pasta-motion-strip>.sw-pasta-motion-rail img[data-sw-pasta-character]{height:50px;width:100%;max-width:54px}.sw-pasta-motion-logo,.sw-pasta-motion-logo img{width:150px;height:124px}}@media(prefers-reduced-motion:reduce){sw-pasta-motion *{animation:none!important}}html[data-sw-pasta-motion=off] sw-pasta-motion *,body[data-sw-pasta-motion=off] sw-pasta-motion *,html.vp_filter_stop_animations sw-pasta-motion *,body.vp_filter_stop_animations sw-pasta-motion *{animation:none!important}
/*# sourceMappingURL=/cdn/shop/t/77/assets/sw-pasta-motion.css.map */