.wood-bamboo .fallback{display:block;width:100%}.wood-bamboo.ready .fallback{display:none}.wood-bamboo canvas{display:none;width:100%;aspect-ratio:1;filter:drop-shadow(0 8px 10px rgba(45,35,20,.10))}.wood-bamboo.ready canvas{display:block}.wood-bamboo button{display:block;margin:0 auto 24px;border:0;border-radius:24px;background:#f5f5f7;padding:12px 24px;font:inherit;color:#626269;cursor:pointer}.wood-bamboo button:hover{background:#ebebef}.wood-bamboo button:focus-visible{outline:2px solid #c7965b;outline-offset:4px}.wood-bamboo .stage{position:relative}.wood-bamboo .wood-bamboo-pull{display:none;position:absolute;transform:translate(-50%,-50%);width:48px;height:52px;margin:0;padding:0;background:transparent;touch-action:none;cursor:grab}.wood-bamboo.ready .wood-bamboo-pull{display:block}.wood-bamboo .wood-bamboo-pull:active{cursor:grabbing}.wood-bamboo .wood-bamboo-pull span{display:block;width:10px;height:10px;margin:auto;border:2px solid #d76473;border-radius:50%;background:white;box-shadow:0 0 0 7px #d7647322}.wood-bamboo .wood-bamboo-pull b{position:absolute;right:38px;top:18px;white-space:nowrap;font-size:14px;font-weight:500;color:#777}.wood-bamboo .wood-bamboo-pull b:after{content:"";position:absolute;left:100%;top:8px;width:14px;height:1px;background:#d7acb1}.wood-bamboo .wood-bamboo-pull span{position:absolute;left:-13px;top:20px;width:8px;height:8px;margin:0;border:0;background:#d76473;box-shadow:none;animation:none}.wood-bamboo .wood-bamboo-pull b{right:66px}.wood-bamboo .wood-bamboo-pull b:after{width:27px}.wood-bamboo .wood-bamboo-pull span{width:10px;height:10px;left:-14px;top:19px;background:#ff3934;box-shadow:0 0 0 4px #ff39342b,0 0 0 8px #ff39341c,0 0 0 12px #ff393410,0 0 0 16px #ff393407;animation:wood-bamboo-ripple 2.4s ease-in-out infinite;pointer-events:none}@keyframes wood-bamboo-ripple{0%,100%{transform:scale(.9);box-shadow:0 0 0 3px #ff393430,0 0 0 6px #ff393420,0 0 0 9px #ff393412,0 0 0 12px #ff393409}50%{transform:scale(1);box-shadow:0 0 0 5px #ff39342b,0 0 0 10px #ff39341c,0 0 0 15px #ff393410,0 0 0 20px #ff393406}}.wood-bamboo .wood-bamboo-pull:active span{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.wood-bamboo .wood-bamboo-pull span{animation:none}}.wood-bamboo .wood-bamboo-pull span{left:19px;top:21px}.wood-bamboo .wood-bamboo-pull:after{content:"";position:absolute;left:24px;top:26px;width:var(--cord-link);height:1px;background:linear-gradient(90deg,#edaaa8,#edaaa844);pointer-events:none}.wood-bamboo .wood-bamboo-pull b{right:auto;left:24px;top:-24px;transform:translateX(-50%);font-size:13px}.wood-bamboo .wood-bamboo-pull b:after{display:none}.wood-bamboo .wood-bamboo-tassel{display:none;position:absolute;transform:translate(-50%,-50%);width:44px;height:48px;margin:0;padding:0;background:transparent;border:0;touch-action:none;cursor:grab}.wood-bamboo.ready .wood-bamboo-tassel{display:block}.wood-bamboo .wood-bamboo-tassel:active{cursor:grabbing}
.wood-bamboo{width:100%}.wood-new-page #system-panel .system-photo:has(.wood-bamboo){aspect-ratio:auto}.wood-new-page #system-photo.bamboo-replaced{display:none}.wood-bamboo canvas{touch-action:pan-y}@media(pointer:coarse){.wood-bamboo canvas{filter:none}}
/* Keep the existing product photo until both animation layers are ready. */
.wood-bamboo{display:none}.wood-bamboo.ready{display:block}