.pp-trail{padding-top:clamp(20px,3vw,56px);padding-bottom:clamp(20px,3vw,56px)}.pp-trail__header{margin-bottom:24px}.pp-trail__heading{font-size:clamp(28px,4vw,48px)}.pp-trail__stage{position:relative;width:100%;height:var(--pp-trail-height, 260px);max-width:1280px;margin:0 auto}.pp-trail__curve{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--pp-muted);opacity:.55;display:block}.pp-trail__line{display:none}.pp-trail__patches{position:absolute;top:0;right:0;bottom:0;left:0;list-style:none;margin:0;padding:0}.pp-trail__patch{position:absolute;top:var(--pp-tp-top, 50%);left:var(--pp-tp-left, 50%);width:var(--pp-tp-size, 72px);height:var(--pp-tp-size, 72px);transform:translate(-50%,-50%) rotate(var(--pp-tp-rot, 0deg));animation:pp-trail-bob 7s ease-in-out infinite;animation-delay:var(--pp-tp-delay, 0ms);will-change:transform}.pp-trail__patch-img{width:100%;height:100%;object-fit:contain;display:block;border-radius:var(--pp-radius-sm);filter:drop-shadow(0 8px 18px rgba(0,0,0,.14))}.pp-trail__patch-img--empty{background:var(--pp-cream-deep);border:2px dashed var(--pp-line)}@keyframes pp-trail-bob{0%,to{transform:translate(-50%,-50%) rotate(var(--pp-tp-rot, 0deg))}50%{transform:translate(-50%,calc(-50% - 12px)) rotate(var(--pp-tp-rot, 0deg))}}.pp-trail__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--pp-muted);font-size:14px}@media(max-width:749px){.pp-trail__stage{height:260px}.pp-trail__curve{display:none}.pp-trail__line{display:block;position:absolute;top:0;bottom:0;left:50%;width:0;border-left:1.5px dashed var(--pp-muted);opacity:.55;transform:translate(-50%)}.pp-trail__patches{padding:0 16px}.pp-trail__patch{width:64px;height:64px;animation:none}.pp-trail__patch:nth-child(n+4){display:none}.pp-trail__patch:nth-child(1){top:14%;left:32%}.pp-trail__patch:nth-child(2){top:50%;left:68%}.pp-trail__patch:nth-child(3){top:84%;left:32%}}@media(prefers-reduced-motion:reduce){.pp-trail__patch{animation:none!important}}.pp-trail{padding-top:clamp(16px,2.2vw,40px);padding-bottom:clamp(16px,2.2vw,40px)}.pp-trail__header{margin-bottom:18px}@media(min-width:750px){.pp-trail__stage{height:var(--pp-trail-height, 240px)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/patch-pop-trail-transition.css.map */