.pp-media{position:relative;line-height:0;border-radius:8px;overflow:hidden;flex:0 0 auto}.pp-media>img{display:block;max-width:100%;transition:opacity .25s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}.pp-media::after{content:"";position:absolute;left:0;right:0;top:0;z-index:1;height:56px;background:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,0));pointer-events:none}.pp-progress{position:absolute;left:12px;right:12px;top:12px;z-index:2;display:flex;gap:6px;pointer-events:none}.pp-progress span{flex:1 1 0;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}.pp-progress i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:0 50%}.production-process-bottom{transition:opacity .25s ease,transform .25s ease}.pp-swap .pp-media>img{opacity:.15;transform:scale(1.03)}.pp-swap .production-process-bottom{opacity:0;transform:translateY(8px)}.production-timeline li{transition:opacity .35s ease}.production-timeline li.is-complete{opacity:.6}@media (prefers-reduced-motion:reduce){.pp-media>img,.production-process-bottom,.production-timeline li{transition:none}}