.p2f-show{position:relative}.p2f-show:before{content:"";position:absolute;top:0;left:var(--pad);right:var(--pad);height:2px;background:linear-gradient(to right,var(--lime) 0 120px,var(--line) 120px)}.p2f-show__side{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.p2f-show__note{margin:10px 0 0;font-size:14px;color:var(--mute-2);max-width:54ch}.p2f-show__stage{position:relative}.p2f-show__rail{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-block:8px 26px;transition:opacity .3s ease}.p2f-show__rail>[data-reveal].is-off{transform:translateY(16px)}.p2f-show__rail::-webkit-scrollbar{display:none}.p2f-show__rail.is-loading{opacity:.45;pointer-events:none}.p2f-show__rail:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.p2f-show__rail>*{flex:0 0 clamp(232px,74vw,300px);scroll-snap-align:start}@media(min-width:601px){.p2f-show__rail>*{flex-basis:calc((100% - 18px)/2)}}@media(min-width:861px){.p2f-show__rail>*{flex-basis:calc((100% - 36px) / 3)}}@media(min-width:1101px){.p2f-show__rail>*{flex-basis:calc((100% - 54px)/4)}}@media(max-width:760px){.p2f-show__rail{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scroll-padding-inline:var(--pad)}}.p2f-show__fade{position:absolute;top:0;bottom:26px;right:0;width:64px;background:linear-gradient(to right,rgba(10,10,10,0),var(--ink));pointer-events:none;opacity:1;transition:opacity .25s ease}.p2f-show.is-end .p2f-show__fade,.p2f-show.is-static .p2f-show__fade{opacity:0}@media(max-width:760px){.p2f-show__fade{right:calc(var(--pad) * -1)}}.p2f-show__progress{position:relative;height:3px;margin-top:0;background:var(--line);overflow:hidden}.p2f-show__bar{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lime);transform:scaleX(.14);transform-origin:left center}.p2f-show.is-static .p2f-show__progress,.no-js .p2f-show__progress{display:none}.p2f-show__empty{flex:1 1 100%;border:1px dashed var(--line);background:var(--ink-3);padding:clamp(34px,5vw,56px) var(--pad);text-align:center}.p2f-show__empty-title{font-family:var(--display);text-transform:uppercase;font-size:clamp(22px,3vw,28px);line-height:1.05;margin-bottom:8px}.p2f-show__empty p{color:var(--mute-2);font-size:14px;max-width:46ch;margin:0 auto 22px}@media(prefers-reduced-motion:reduce){.p2f-show__rail{scroll-snap-type:none;scroll-behavior:auto}.p2f-show__rail,.p2f-show__fade{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/p2f-showcase.css.map */