.root-slider[data-v-059c5f4c]{touch-action:pan-y}@keyframes float-a{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(35px,-18px) rotate(2deg)}50%{transform:translate(-15px,-35px) rotate(-1deg)}75%{transform:translate(25px,-10px) rotate(3deg)}}@keyframes float-b{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-28px,-22px) rotate(-2deg)}66%{transform:translate(22px,-40px) rotate(2deg)}}@keyframes float-c{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,-28px) rotate(-1deg)}}.spool-assembly{position:relative;width:50px;height:70px;perspective:600px;animation:spool-bob 5s ease-in-out infinite}.spool-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.12),transparent 60%);animation:spool-pulse 3s ease-in-out infinite}.spool{position:absolute;left:50%;top:50%;width:36px;height:46px;transform:translate(-50%,-50%);border-radius:5px;background:linear-gradient(90deg,#451a03,#78350f 8%,#92400e 14%,#f59e0b 22%,#fef3c7,#f59e0b,#92400e 52%,#78350f,#92400e,#f59e0b 76%,#fef3c7 86%,#f59e0b 94%,#451a03);background-size:200% 100%;animation:spool-roll 3s linear infinite;box-shadow:0 0 15px #f59e0b1a}.spool-cap{position:absolute;left:50%;width:44px;height:7px;transform:translate(-50%);background:linear-gradient(90deg,#78350f,#92400e,#78350f);border-radius:3px}.spool-cap.top{top:4px}.spool-cap.bottom{bottom:4px}.spool-core{position:absolute;left:50%;top:50%;width:8px;height:52px;transform:translate(-50%,-50%);background:linear-gradient(180deg,#451a03,#78350f,#451a03);border-radius:2px;z-index:-1}.spool-thread-line{position:absolute;bottom:18px;right:-20px;width:30px;height:2px;background:linear-gradient(90deg,rgba(245,158,11,.4),transparent);animation:thread-pull 3s ease-in-out infinite}@keyframes spool-roll{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes spool-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes spool-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}@keyframes thread-pull{0%,to{transform:translate(0) scaleX(1);opacity:.4}50%{transform:translate(8px) scaleX(.6);opacity:.1}}.needle-assembly{position:relative;width:60px;height:140px;animation:needle-stitch 1.6s cubic-bezier(.4,0,.6,1) infinite}.needle-rod{position:absolute;top:0;left:50%;transform:translate(-50%);width:3px;height:45px;background:linear-gradient(to bottom,#f59e0b,#d97706);border-radius:1px;box-shadow:0 0 8px #f59e0b33}.needle{position:absolute;top:42px;left:50%;transform:translate(-50%);width:2px;height:50px;background:linear-gradient(to bottom,#d97706,#b45309);border-radius:1px 1px 50% 50%;box-shadow:0 0 6px #f59e0b26}.needle-eye{position:absolute;top:48px;left:50%;transform:translate(-50%);width:6px;height:8px;border:.8px solid rgba(245,158,11,.5);border-radius:2px;background:transparent}.needle-thread{position:absolute;top:52px;left:50%;width:1px;height:30px;background:linear-gradient(to bottom,rgba(245,158,11,.5),transparent)}.thread-path{position:absolute;top:50px;left:-10px;width:80px;height:100px;opacity:.3;animation:thread-wave 2s ease-in-out infinite}@keyframes needle-stitch{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(30px) rotate(1.5deg)}40%{transform:translateY(0) rotate(0)}60%{transform:translateY(28px) rotate(-1.5deg)}80%{transform:translateY(2px) rotate(0)}}@keyframes thread-wave{0%,to{transform:translate(0) scaleY(1);opacity:.3}50%{transform:translate(5px) scaleY(1.2);opacity:.15}}.shuttle-assembly{position:relative;width:90px;height:30px;animation:shuttle-weave 5s ease-in-out infinite}.shuttle{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:50px;height:14px;background:linear-gradient(90deg,#92400e,#f59e0b 30%,#fef3c7,#f59e0b 70%,#92400e);border-radius:7px 7px 5px 5px;clip-path:polygon(0% 50%,15% 0%,85% 0%,100% 50%,85% 100%,15% 100%);box-shadow:0 0 10px #f59e0b1a}.shuttle-bobbin{position:absolute;left:30px;top:50%;transform:translateY(-50%);width:12px;height:20px;background:linear-gradient(90deg,#78350f,#f59e0b 30%,#fef3c7,#f59e0b 70%,#78350f);background-size:200% 100%;border-radius:2px;animation:shuttle-bobbin-spin 1.5s linear infinite}.shuttle-trail{position:absolute;right:-15px;top:50%;width:30px;height:1px;background:linear-gradient(90deg,rgba(245,158,11,.3),transparent)}@keyframes shuttle-weave{0%,to{transform:translate(-25px) rotate(-3deg)}50%{transform:translate(25px) rotate(3deg)}}@keyframes shuttle-bobbin-spin{0%{background-position:0% 0}to{background-position:200% 0}}.fabric-assembly{position:relative;width:60px;height:60px;perspective:500px}.fabric-roll{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:35px;height:45px;border-radius:6px;background:linear-gradient(90deg,#451a03,#78350f,#92400e 20%,#d97706,#f59e0b,#d97706,#92400e 80%,#78350f,#451a03);background-size:200% 100%;animation:fabric-unroll 4s linear infinite;box-shadow:0 0 15px #f59e0b14}.fabric-layer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:38px;border-radius:4px;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(245,158,11,.08) 3px,rgba(245,158,11,.08) 4px);opacity:.5}.fabric-unroll{position:absolute;bottom:2px;left:-25px;width:40px;height:4px;background:linear-gradient(90deg,rgba(245,158,11,.2),transparent);border-radius:2px;transform-origin:right center;animation:fabric-flap 3s ease-in-out infinite}@keyframes fabric-unroll{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes fabric-flap{0%,to{transform:rotate(-5deg) scaleX(1);opacity:.4}50%{transform:rotate(-15deg) scaleX(.8);opacity:.1}}.icon-3d{perspective:600px;transform-style:preserve-3d}.icon-3d-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;animation:icon-3d-float 4s ease-in-out infinite;transition:transform .4s cubic-bezier(.16,1,.3,1)}.group:hover .icon-3d-inner{animation:icon-3d-hover .7s cubic-bezier(.16,1,.3,1) forwards}.icon-3d-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;backface-visibility:hidden;transform:translateZ(12px)}.icon-3d-shadow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.75rem;background:inherit;opacity:.3;transform:translateZ(-8px) scale(.92);filter:blur(6px);transition:opacity .4s ease}.group:hover .icon-3d-shadow{opacity:.5;transform:translateZ(-12px) scale(.88);filter:blur(8px)}@keyframes icon-3d-float{0%,to{transform:perspective(600px) rotateY(0) rotateX(0) translateZ(0)}20%{transform:perspective(600px) rotateY(6deg) rotateX(-3deg) translateZ(4px)}40%{transform:perspective(600px) rotateY(-4deg) rotateX(2deg) translateZ(-2px)}60%{transform:perspective(600px) rotateY(3deg) rotateX(-1deg) translateZ(3px)}80%{transform:perspective(600px) rotateY(-5deg) rotateX(2deg) translateZ(-1px)}}@keyframes icon-3d-hover{0%{transform:perspective(600px) rotateY(0) rotateX(0) scale(1)}30%{transform:perspective(600px) rotateY(120deg) rotateX(10deg) scale(1.15)}60%{transform:perspective(600px) rotateY(200deg) rotateX(-5deg) scale(1.05)}to{transform:perspective(600px) rotateY(360deg) rotateX(0) scale(1.1)}}