.p2r-rider-stories{--p2r-rider-radius: var(--border-radius-block, 1.6rem);display:block;overflow:hidden}.p2r-rider-stories__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2.4rem;margin-bottom:3.2rem}.p2r-rider-stories__header .heading-group,.p2r-rider-stories__header .p2r-rider-stories__header{margin:0}.p2r-rider-stories__controls{display:flex;flex:0 0 auto;gap:.8rem}.p2r-rider-stories__button{width:4.4rem;height:4.4rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(var(--color-foreground),.22);border-radius:50%;color:rgb(var(--color-foreground));background:rgb(var(--color-background));cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.p2r-rider-stories__button--previous svg{transform:rotate(180deg)}.p2r-rider-stories__button svg{width:1.6rem;height:1.6rem}.p2r-rider-stories__button:hover:not(:disabled){color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.p2r-rider-stories__button:active:not(:disabled){transform:scale(.96)}.p2r-rider-stories__button:focus-visible,.p2r-rider-stories__track:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.p2r-rider-stories__button:disabled{cursor:default;opacity:.32}.p2r-rider-stories__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--p2r-rider-mobile-width);gap:var(--p2r-rider-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.p2r-rider-stories__track::-webkit-scrollbar{display:none}.p2r-rider-story{min-width:0;scroll-snap-align:start}.p2r-rider-story__link{display:block;color:inherit;text-decoration:none}.p2r-rider-story__media{position:relative;isolation:isolate;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--p2r-rider-radius);background:rgba(var(--color-foreground),.08)}.p2r-rider-story__image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.p2r-rider-story__scrim{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:#0c0f12;opacity:var(--p2r-rider-overlay-opacity, 0);pointer-events:none}.p2r-rider-story__content{position:absolute;z-index:3;right:clamp(2.4rem,5vw,4.4rem);bottom:clamp(2.4rem,5vw,4rem);left:clamp(2.4rem,5vw,4.4rem);color:#f7f7f4;text-shadow:0 .15rem .8rem rgba(8,10,12,.72)}.p2r-rider-story__title{margin:0;color:inherit;font-family:var(--font-heading-family);font-size:clamp(2rem,2.1vw,3rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.05;letter-spacing:-.025em}.p2r-rider-story__meta{margin:1.2rem 0 0;color:#f7f7f4d1;font-size:1.3rem;font-weight:600;line-height:1.35}.p2r-rider-story__text{max-width:34rem;margin-top:.8rem;color:#f7f7f4eb;font-size:1.4rem;line-height:1.45;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.p2r-rider-story__text p{margin:0}.p2r-rider-story__product-image{position:absolute;z-index:4;right:clamp(2.2rem,4vw,3.6rem);bottom:clamp(2.2rem,4vw,3.6rem);width:clamp(8.4rem,27%,13rem);height:auto;max-height:31%;object-fit:contain;filter:drop-shadow(0 1.2rem 2.4rem rgba(11,14,18,.32))}.p2r-rider-story:has(.p2r-rider-story__product-image) .p2r-rider-story__content{right:34%}.p2r-rider-story__link:hover .p2r-rider-story__image{transform:scale(1.025)}.p2r-rider-stories__empty{min-height:24rem;display:grid;place-items:center;padding:3.2rem;border:1px dashed rgba(var(--color-foreground),.25);border-radius:var(--p2r-rider-radius);color:rgba(var(--color-foreground),.68);text-align:center}@media screen and (min-width:750px){.p2r-rider-stories__header{margin-bottom:4rem}.p2r-rider-stories__track{grid-auto-columns:calc((100% - var(--p2r-rider-gap)) / 2)}}@media screen and (min-width:990px){.p2r-rider-stories__track{grid-auto-columns:calc((100% - (var(--p2r-rider-gap) * 2)) / 3)}}@media screen and (max-width:749px){.p2r-rider-stories__header{align-items:center;margin-bottom:2.4rem}.p2r-rider-stories__button{width:4rem;height:4rem}.p2r-rider-story__content{right:3.2rem;bottom:3.2rem;left:3.2rem}.p2r-rider-story__text{font-size:1.3rem;-webkit-line-clamp:2}}@media(prefers-reduced-motion:reduce){.p2r-rider-story__image,.p2r-rider-stories__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-p2r-rider-stories.css.map */