.story-slider{background-color:var(--bg);color:var(--color);font-family:var(--font-body);padding-top:var(--pt);padding-bottom:var(--pb)}.story-slider__inner{display:flex;flex-direction:column;gap:var(--gap-section);width:100%}.story-slider__track{display:flex;flex-direction:row;align-items:flex-start;gap:var(--gap-tiles);margin:0;padding:0 var(--section-px) 0 var(--gutter);list-style:none;overflow-x:auto;overflow-y:clip;-webkit-overflow-scrolling:touch;scrollbar-width:none}.story-slider__track::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.story-slider__track{cursor:grab}.story-slider__track--dragging{cursor:grabbing}}.story-slider__track--dragging,.story-slider__track--dragging *{-webkit-user-select:none;user-select:none}.story-slider__tile{display:flex;flex-direction:column;align-items:center;gap:var(--gap-tile-inner);flex:0 0 var(--tile-w);width:var(--tile-w)}.story-slider__media{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-tile)}.story-slider__media--short{aspect-ratio:var(--ratio-short)}.story-slider__media--tall{aspect-ratio:var(--ratio-tall)}.story-slider__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-tile)}.story-slider__heading{margin:0;padding:0 var(--gutter);font-family:var(--font-heading);font-size:var(--font-heading-size);font-weight:var(--font-heading-weight);line-height:var(--font-heading-lh);color:var(--color)}.story-slider__caption{width:100%;font-family:var(--font-body);font-size:var(--font-body-size);font-weight:var(--font-body-weight);line-height:var(--font-body-lh);color:var(--color)}.story-slider__caption>*{margin:0}.story-slider__caption strong,.story-slider__caption b{font-weight:var(--font-body-weight-bold)}.story-slider__controls{display:flex;flex-direction:row;align-items:center;gap:var(--gap-controls);padding:0 var(--gutter)}.story-slider__rail{position:relative;flex:1 1 0;min-width:0;height:var(--progress-h);border-radius:var(--progress-h);background-color:var(--rail);overflow:hidden}.story-slider__progress{position:absolute;inset-block:0;left:0;display:block;width:100%;border-radius:var(--progress-h);background-color:var(--progress);transform:translate(0);transition:transform .15s ease-out,width .15s ease-out}.story-slider__buttons{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--gap-buttons);flex:0 0 auto}.story-slider__button{display:inline-flex;align-items:center;justify-content:center;padding:var(--button-p);border:0;border-radius:min(60px,calc(var(--button-p) + var(--icon-size) / 2));background:none;color:var(--color);cursor:pointer;transition:opacity .15s ease-out,background-color .3s ease-out,border-radius .3s ease-out}.story-slider__button:not([disabled]):hover{background-color:var(--button-hover-bg);border-radius:var(--button-hover-r)}.story-slider__button[disabled]{opacity:.3;cursor:default}.story-slider__icon{display:block;width:var(--icon-size);height:var(--icon-size)}@media(max-width:768px){.story-slider{padding-top:calc(var(--pt) * var(--pt-scale-m))}.story-slider__inner{gap:var(--gap-section-m)}.story-slider__heading{padding:0 var(--section-px-m);font-size:var(--font-heading-size-m);text-align:left}.story-slider__track{gap:var(--gap-tiles-m);padding:0 var(--section-px-m);scroll-padding-inline:var(--section-px-m)}.story-slider__tile{flex-basis:var(--tile-w-m);width:var(--tile-w-m);align-items:flex-start}.story-slider__caption{font-size:var(--font-body-size-m)}.story-slider__controls{display:none}}.story-slider__track:focus-visible,.story-slider__button:focus-visible{outline:2px solid var(--color);outline-offset:2px}.story-slider__track:focus:not(:focus-visible),.story-slider__button:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){.story-slider,.story-slider *{animation-duration:.01ms!important;transition-duration:.01ms!important}.story-slider__track{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/dev-story-slider.css.map */