.ts-build{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.ts-build__stage{position:relative;width:min(100%, 430px);aspect-ratio:1086 / 1448}.ts-build__glow{position:absolute;left:50%;top:52%;width:124%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgb(255 255 255 / .92) 0%,rgb(255 255 255 / .5) 45%,transparent 72%);opacity:.7;transition:opacity 0.6s var(--ts-ease)}.ts-build.is-pouch .ts-build__glow{width:104%;opacity:.95;background:radial-gradient(closest-side,rgb(255 255 255 / .98) 0%,rgb(255 255 255 / .72) 52%,transparent 76%)}.ts-build__shadow{position:absolute;left:50%;bottom:6%;width:46%;height:3.4%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgb(120 40 75 / .4),transparent 72%);opacity:0;transition:opacity 0.6s var(--ts-ease)}.ts-build.is-glass .ts-build__shadow{opacity:1}.ts-build__cup{position:absolute;inset:0}.ts-build__glass,.ts-build__lid,.ts-build__item{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform,opacity}.ts-build__glass{opacity:0;transform:translateY(5%) scale(.93);transition:opacity 0.55s linear,transform 0.85s var(--ts-out);filter:drop-shadow(0 16px 24px rgb(120 30 70 / .28))}.ts-build__glass.is-in{opacity:1;transform:none}.ts-build__items{position:absolute;inset:0}.ts-build__item{--s:1;--tx:0%;--ty:0%;--r:0deg;z-index:var(--z,1);opacity:0;transform:translate(var(--tx),calc(var(--ty) - 62%)) scale(var(--s)) rotate(calc(var(--r) - 16deg));transition:transform 0.82s var(--ts-bounce),opacity 0.26s linear;filter:var(--ts-sh-cut-item)}.ts-build__item.is-in{opacity:1;transform:translate(var(--tx),var(--ty)) scale(var(--s)) rotate(var(--r))}.ts-build__lid{--ls:0.883;--lx:0%;--ly:-40.9%;z-index:20;opacity:0;transform:translate(var(--lx),calc(var(--ly) - 34%)) scale(var(--ls));transition:transform 0.9s var(--ts-bounce),opacity 0.3s linear;filter:var(--ts-sh-cut-lid)}.ts-build__lid.is-in{opacity:1;transform:translate(var(--lx),var(--ly)) scale(var(--ls))}.ts-build.is-pouch .ts-build__lid,.ts-build.is-pouch .ts-build__hang{display:none}.ts-build.is-pouch .ts-build__shadow{width:34%}.ts-build__hang{--hang-w:132px;position:absolute;top:22%;right:2%;z-index:30;width:var(--hang-w);pointer-events:none;opacity:0;transform:translateY(-16px);transition:opacity 0.5s var(--ts-ease),transform 0.6s var(--ts-out)}.ts-build.is-done .ts-build__hang{opacity:1;transform:none}.ts-hang__knot{position:absolute;top:-4px;left:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#fff;box-shadow:0 2px 6px var(--ts-knot-shadow)}.ts-hang__swing{transform-origin:50% 0;animation:ts-hang-idle 4.6s ease-in-out infinite;will-change:transform}.ts-hang__thread{display:block;width:2px;height:30px;margin:0 auto;border-radius:2px;background:linear-gradient(180deg,#fff,rgb(255 255 255 / .25))}.ts-hang__img{width:100%;height:auto;display:block;margin-top:calc(var(--hang-w, 120px) * -0.16);filter:var(--ts-sh-hang);animation:ts-hang-lag 4.6s ease-in-out infinite;transform-origin:50% 14%;will-change:transform}@keyframes ts-hang-idle{0%,100%{transform:rotate(-4.5deg)}50%{transform:rotate(4.5deg)}}@keyframes ts-hang-lag{0%,100%{transform:rotate(2.2deg)}50%{transform:rotate(-2.2deg)}}.ts-build__hud{width:min(100%, 430px);text-align:center}.ts-build__step{margin:0 0 10px;font-size:1.1333rem;font-weight:600;color:rgb(255 255 255 / .94);min-height:2.7em;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}.ts-build__rail{height:3px;border-radius:99px;background:rgb(255 255 255 / .28);overflow:hidden}.ts-build__rail i{display:block;height:100%;width:0;border-radius:99px;background:#fff}.ts-build__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:16px}.ts-build__swatches button{position:relative;width:26px;height:26px;padding:0;border:0;border-radius:50%;cursor:pointer;background:var(--sw);box-shadow:0 0 0 2px rgb(255 255 255 / .55);transition:transform 0.28s var(--ts-bounce),box-shadow 0.28s var(--ts-ease)}.ts-build__swatches button:hover{transform:scale(1.12)}.ts-build__swatches button[aria-selected='true']{transform:scale(1.12);box-shadow:0 0 0 2px #fff,0 0 0 4px rgb(255 255 255 / .4)}.ts-build__swatches button:focus-visible{outline:3px solid #fff;outline-offset:4px}@media screen and (max-width:989px){.ts-build{order:-1}}@media screen and (max-width:620px){.ts-build__stage{width:min(84%, 320px)}.ts-build{gap:14px}.ts-build__hang{--hang-w:112px;right:-6%}.ts-build__swatches button{width:22px;height:22px}}.ts-build__rhode.ts-rhode__stage{background:#fff0}@media (prefers-reduced-motion:reduce){.ts-build__glass,.ts-build__item,.ts-build__lid,.ts-build__hang,.ts-build__shadow,.ts-build__rail i{transition:none!important}.ts-hang__swing,.ts-hang__img{animation:none!important;transform:none!important}}