.pp-hero-stage.pp-car{position:relative;min-height:580px}.pp-car{display:flex;flex-direction:column;justify-content:center;outline:none}.pp-car:focus-visible{outline:2px solid var(--pp-lime);outline-offset:8px;border-radius:var(--pp-radius)}.pp-car-head{position:absolute;z-index:8;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pp-on-dark-2)}.pp-car-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--pp-lime)}.pp-car-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pp-lime);box-shadow:0 0 0 4px #c9ff4526}.pp-car-count{font-variant-numeric:tabular-nums}.pp-car-count [data-pp-car-current]{color:#fff}.pp-car-track{position:absolute;top:40px;right:0;bottom:64px;left:0;perspective:1400px}.pp-car-slide{--x: 0%;--s: 1;--r: 0deg;--o: 1;--z: 5;position:absolute;left:50%;top:50%;width:52%;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--pp-radius);background:#fff;transform:translate(-50%,-50%) translate(var(--x)) scale(var(--s)) rotateY(var(--r));opacity:var(--o);z-index:var(--z);box-shadow:0 50px 90px -40px #000000d9,0 0 0 1px #ffffff0f;transition:transform .9s var(--pp-ease),opacity .7s var(--pp-ease);will-change:transform,opacity}.pp-car-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.4s var(--pp-ease)}.pp-car-slide[data-pos="0"] img{transform:none}.pp-car-slide[data-pos="1"]{--x: 74%;--s: .72;--r: -16deg;--o: .55;--z: 4}.pp-car-slide[data-pos="-1"]{--x: -74%;--s: .72;--r: 16deg;--o: .55;--z: 4}.pp-car-slide[data-pos="2"]{--x: 120%;--s: .5;--r: -24deg;--o: 0;--z: 2;pointer-events:none}.pp-car-slide[data-pos="-2"]{--x: -120%;--s: .5;--r: 24deg;--o: 0;--z: 2;pointer-events:none}.pp-car-slide[data-pos=off]{--s: .4;--o: 0;--z: 1;pointer-events:none;visibility:hidden}.pp-car-slide[data-pos="1"]:hover,.pp-car-slide[data-pos="-1"]:hover{--o: .8}.pp-car-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0c141080;opacity:0;pointer-events:none;transition:opacity .8s ease}.pp-car-slide[data-pos="1"]:after,.pp-car-slide[data-pos="-1"]:after{opacity:1}.pp-car-label{z-index:2;position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 12px;padding:12px 14px;border-radius:14px;background:#0c1410d1;color:#fff;opacity:0;transform:translateY(10px);transition:opacity .5s var(--pp-ease),transform .6s var(--pp-ease)}.pp-car-slide[data-pos="0"] .pp-car-label{opacity:1;transform:none;transition-delay:.25s;background:#0c1410b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pp-car-kind{grid-column:1 / -1;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pp-lime)}.pp-car-name{font-size:14px;line-height:1.25;color:var(--pp-on-dark);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pp-car-price{font-size:15px;font-weight:700;white-space:nowrap}.pp-car-ui{position:absolute;z-index:8;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:18px}.pp-car-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:#fff;cursor:pointer;transition:background .3s ease,border-color .3s ease,color .3s ease,transform .2s ease}.pp-car-btn svg{width:18px;height:18px}.pp-car-btn:hover{background:var(--pp-lime);border-color:var(--pp-lime);color:var(--pp-ink)}.pp-car-btn:active{transform:scale(.94)}.pp-car-btn:focus-visible,.pp-car-dot:focus-visible{outline:2px solid var(--pp-lime);outline-offset:3px}.pp-car-dots{display:flex;align-items:center;gap:6px}.pp-car-dot{position:relative;width:22px;height:24px;padding:0;border:0;background:none;cursor:pointer;transition:width .5s var(--pp-ease)}.pp-car-dot span{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:99px;background:#fff3;overflow:hidden}.pp-car-dot span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--pp-lime);transform:scaleX(0);transform-origin:left}.pp-car-dot[aria-current=true]{width:46px}.pp-car-dot[aria-current=true] span:after{transform:scaleX(1)}.pp-car.is-playing .pp-car-dot[aria-current=true] span:after{animation:pp-progress var(--pp-car-ms, 4s) linear both}.pp-car.is-held .pp-car-dot[aria-current=true] span:after{animation-play-state:paused}@keyframes pp-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pp-car-track{touch-action:pan-y;user-select:none;-webkit-user-select:none}.pp-car-slide img{-webkit-user-drag:none;pointer-events:none}@media(prefers-reduced-motion:no-preference){html:not(.motion-paused) .pp-car-track{animation:pp-enter 1.1s var(--pp-ease) .15s both}}.pp-car.is-steer-left{cursor:w-resize}.pp-car.is-steer-right{cursor:e-resize}.pp-car.is-steer-left [data-pp-car-prev],.pp-car.is-steer-right [data-pp-car-next]{background:var(--pp-lime);border-color:var(--pp-lime);color:var(--pp-ink)}.pp-car.is-steer-left .pp-car-slide[data-pos="-1"],.pp-car.is-steer-right .pp-car-slide[data-pos="1"]{--o: .85}.pp-car.is-steer-left .pp-car-slide[data-pos="-1"]:after,.pp-car.is-steer-right .pp-car-slide[data-pos="1"]:after{opacity:.2}.pp-car-edge{position:absolute;z-index:6;top:40px;bottom:64px;width:30%;pointer-events:none;opacity:0;transition:opacity .4s var(--pp-ease)}.pp-car-edge--l{left:0;background:linear-gradient(90deg,rgba(201,255,69,.1),transparent);border-radius:var(--pp-radius) 0 0 var(--pp-radius)}.pp-car-edge--r{right:0;background:linear-gradient(270deg,rgba(201,255,69,.1),transparent);border-radius:0 var(--pp-radius) var(--pp-radius) 0}.pp-car.is-steer-left .pp-car-edge--l,.pp-car.is-steer-right .pp-car-edge--r{opacity:1}@media(max-width:1000px){.pp-hero-stage.pp-car{min-height:540px;max-width:600px}}@media(max-width:760px){.pp-hero-stage.pp-car{min-height:440px}.pp-car-track{top:36px;right:0;bottom:60px;left:0}.pp-car-slide{width:60%}.pp-car-slide[data-pos="1"]{--x: 62%;--s: .7}.pp-car-slide[data-pos="-1"]{--x: -62%;--s: .7}.pp-car-name{font-size:13px}.pp-car-btn{width:40px;height:40px}}html .pp-car.pp-car--live .pp-car-slide{transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .8s ease!important}html .pp-car.pp-car--live .pp-car-slide:after{transition:opacity .8s ease!important}html .pp-car.pp-car--live .pp-car-slide img{transition:transform 1.4s cubic-bezier(.22,1,.36,1)!important}html .pp-car.pp-car--live .pp-car-slide[data-pos="0"] img{animation:pp-kenburns 7s cubic-bezier(.22,1,.36,1) both!important}html .pp-car.pp-car--live .pp-car-label{transition:opacity .4s ease,transform .6s cubic-bezier(.22,1,.36,1)!important}html .pp-car.pp-car--live .pp-car-slide[data-pos="0"] .pp-car-label{transition:opacity .6s ease .35s,transform .8s cubic-bezier(.22,1,.36,1) .35s!important}html .pp-car.pp-car--live .pp-car-dot{transition:width .5s cubic-bezier(.22,1,.36,1)!important}html .pp-car.pp-car--live .pp-car-btn{transition:background .3s ease,border-color .3s ease,color .3s ease,transform .2s ease!important}html .pp-car.pp-car--live .pp-car-edge{transition:opacity .4s ease!important}html .pp-car.pp-car--live.is-playing .pp-car-dot[aria-current=true] span:after{animation:pp-progress var(--pp-car-ms, 4s) linear both!important}html .pp-car.pp-car--live.is-held .pp-car-dot[aria-current=true] span:after{animation-play-state:paused!important}html .pp-car.pp-car--live .pp-car-track{animation:pp-car-in 1.1s cubic-bezier(.22,1,.36,1) .15s both!important}@keyframes pp-kenburns{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pp-car-in{0%{opacity:0;transform:translateY(28px)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/pp-carousel.css.map */