:root{--drv-learn-stories-intro-max-w: 45.3125rem;--drv-learn-stories-desc-max-w: 41.0625rem;--drv-learn-stories-row-min-h: 25.125rem;--drv-learn-stories-row-ready-h: 25.125rem;--drv-learn-stories-play-w: 2.625rem;--drv-learn-stories-play-h: 2.625rem;--drv-learn-stories-play-bars-w: .625rem;--drv-learn-stories-play-bars-h: .875rem;--drv-learn-stories-play-bars-i-w: .09375rem;--drv-learn-stories-play-bars-i-radius: .046875rem;--drv-learn-stories-play-tri-inset: -.021rem;--drv-learn-stories-dots-w: 6rem;--drv-learn-stories-dot-h: .25rem;--drv-learn-stories-dot-active-flex: 3.125rem;--drv-learn-stories-arrow-w: 1.5625rem;--drv-learn-stories-arrow-h: 1.8125rem;--drv-learn-stories-viewall-mobile-h: 2.625rem;--drv-learn-stories-row-min-h-lt990: 24.375rem;--drv-learn-stories-row-ready-h-lt990: 24.375rem;--drv-learn-stories-dot-active-flex-lt990: 1.25rem;--drv-learn-stories-min-gap: 1.5rem}.drv-lstories{padding:0 var(--drv-page-inset);background:var(--drv-white);font-family:var(--font-body--family);overflow:hidden}.drv-lstories__head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 auto}.drv-lstories__intro{display:flex;flex-direction:column;gap:var(--drv-space-16);max-width:var(--drv-learn-stories-intro-max-w)}.drv-lstories__heading{margin:0;font-size:var(--drv-fs-36);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-38);letter-spacing:var(--drv-ls-n1);color:var(--drv-ink)}.drv-lstories__desc{margin:0;max-width:var(--drv-learn-stories-desc-max-w);font-size:var(--drv-fs-16);line-height:var(--drv-lh-22);color:var(--drv-text-muted)}.drv-lstories__viewall{display:inline-flex;align-items:center;justify-content:center;padding:var(--drv-space-12) var(--drv-space-24);border:var(--drv-border-1) solid var(--drv-ink);border-radius:var(--drv-radius-button);font-size:var(--drv-fs-12);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-14);text-transform:uppercase;color:var(--drv-ink);text-decoration:none;white-space:nowrap}.drv-lstories__viewall--mobile{display:none}@media(min-width:990px){.drv-lstories__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--drv-space-40);row-gap:var(--drv-space-16)}.drv-lstories__intro{display:contents}.drv-lstories__intro>*{grid-column:1 / -1}.drv-lstories__heading{grid-column:1;grid-row:1}.drv-lstories__desc{max-width:none}.drv-lstories__head>.drv-lstories__viewall{grid-column:2;grid-row:1}}.drv-lstories__row{display:flex;align-items:center;justify-content:space-between;margin:var(--drv-space-48) auto 0;min-height:var(--drv-learn-stories-row-min-h);--w0: 29.375rem;--w1: 12.5rem;--w2: 8.75rem;--h0: 16.5rem;--slotgap: 0}.drv-lstories__row.is-ready{position:relative;height:var(--drv-learn-stories-row-ready-h);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.drv-lstories__row.is-ready .drv-lstories__item{position:absolute;top:50%;left:0}.drv-lstories__row.is-dragging{cursor:grabbing}.drv-lstories__row.is-ready .drv-lstories__item[data-d="3"]{display:flex;pointer-events:none}.drv-lstories__item{display:flex;flex-direction:column;align-items:center;gap:var(--drv-space-12);flex:0 0 auto}.drv-lstories__item[data-d="3"]{display:none}.drv-lstories__media{position:relative;width:100%;border-radius:var(--drv-radius-card);overflow:hidden;background:var(--drv-surface-alt)}.drv-lstories__media img,.drv-lstories__media video{-webkit-user-drag:none;width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.drv-lstories__item[data-d="0"]{width:var(--w0);gap:var(--drv-space-20)}.drv-lstories__item[data-d="0"] .drv-lstories__media{height:var(--h0)}.drv-lstories__item[data-d="1"]{width:var(--w1)}.drv-lstories__item[data-d="1"] .drv-lstories__media{height:var(--w1);width:var(--w1)}.drv-lstories__item[data-d="2"]{width:var(--w2)}.drv-lstories__item[data-d="2"] .drv-lstories__media{height:var(--w2);width:var(--w2)}.drv-lstories__item[data-d="3"]{width:var(--w2)}.drv-lstories__item[data-d="3"] .drv-lstories__media{height:var(--w2);width:var(--w2)}.drv-lstories__name{margin:0;font-size:var(--drv-fs-16);font-weight:var(--drv-fw-semibold);line-height:var(--drv-lh-22);text-align:center;color:var(--drv-ink)}.drv-lstories__title{display:none;margin:0;font-size:var(--drv-fs-24);line-height:var(--drv-lh-30);text-align:center;color:var(--drv-ink)}.drv-lstories__read{display:none;align-items:center;justify-content:center;padding:var(--drv-space-12) var(--drv-space-20);border-radius:var(--drv-radius-button);background:var(--drv-ink);color:var(--drv-white);font-size:var(--drv-fs-12);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-14);text-transform:uppercase;text-decoration:none}.drv-lstories__item[data-d="0"] .drv-lstories__name{display:none}.drv-lstories__item[data-d="0"] .drv-lstories__title{display:block}.drv-lstories__item[data-d="0"] .drv-lstories__title,.drv-lstories__item[data-d="0"] .drv-lstories__read{animation:drv-lstories-fade var(--drv-duration-slow) var(--drv-ease) both}@keyframes drv-lstories-fade{0%{opacity:0}to{opacity:1}}.drv-lstories__item[data-d="0"] .drv-lstories__read{display:inline-flex}.drv-lstories__item[data-d="0"] .drv-lstories__play{display:flex}.drv-lstories__play{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--drv-learn-stories-play-w);height:var(--drv-learn-stories-play-h);padding:0;align-items:center;justify-content:center;border:var(--drv-border-1) solid var(--drv-white);border-radius:var(--drv-radius-card-mobile);background:var(--drv-white-a20);-webkit-backdrop-filter:blur(var(--drv-blur-12-6));backdrop-filter:blur(var(--drv-blur-12-6));cursor:pointer}.drv-lstories__play-bars{display:flex;justify-content:space-between;width:var(--drv-learn-stories-play-bars-w);height:var(--drv-learn-stories-play-bars-h)}.drv-lstories__play-bars i{width:var(--drv-learn-stories-play-bars-i-w);height:100%;border-radius:var(--drv-learn-stories-play-bars-i-radius);background:var(--drv-white)}.drv-lstories__play-tri{display:none;position:absolute;inset:var(--drv-learn-stories-play-tri-inset);color:var(--drv-white)}.drv-lstories__play.is-paused .drv-lstories__play-bars{display:none}.drv-lstories__play.is-paused .drv-lstories__play-tri{display:block}.drv-lstories__footer{display:flex;align-items:center;justify-content:space-between;margin:var(--drv-space-24) auto 0}.drv-lstories__dots{display:flex;gap:var(--drv-space-8);align-items:center;width:var(--drv-learn-stories-dots-w)}.drv-lstories__dot{flex:1 1 0;height:var(--drv-learn-stories-dot-h);padding:0;border:0;border-radius:var(--drv-radius-card);background:var(--drv-surface-alt);position:relative;cursor:pointer;transition:flex-grow var(--drv-duration-slow) var(--drv-ease-standard),flex-basis var(--drv-duration-slow) var(--drv-ease-standard),background-color var(--drv-duration-slow) var(--drv-ease)}.drv-lstories__dot.is-active{flex:0 0 var(--drv-learn-stories-dot-active-flex);background:var(--drv-ink)}.drv-lstories__dot:after{content:"";position:absolute;inset:calc(-1 * var(--drv-space-10)) 0}.drv-lstories__dot:focus-visible{outline:var(--drv-border-2) solid var(--drv-ink);outline-offset:var(--drv-space-4)}.drv-lstories__arrows{display:flex;gap:var(--drv-space-4)}.drv-lstories__arrow{width:var(--drv-learn-stories-arrow-w);height:var(--drv-learn-stories-arrow-h);padding:0;border:0;background:none;color:var(--drv-ink);cursor:pointer}@media(hover:hover)and (min-width:990px){.drv-lstories__viewall:hover{background:var(--drv-hover);border-color:var(--drv-hover);color:var(--drv-white)}.drv-lstories__read:hover{background:var(--drv-hover)}}@media(max-width:989px){.drv-lstories{padding:0 var(--drv-space-10)}.drv-lstories__heading{font-size:var(--drv-fs-30);line-height:var(--drv-lh-34);letter-spacing:0}.drv-lstories__desc{line-height:var(--drv-lh-24)}.drv-lstories__head .drv-lstories__viewall{display:none}.drv-lstories__viewall--mobile{display:flex;height:var(--drv-learn-stories-viewall-mobile-h);margin:var(--drv-space-24) 0 0;align-items:center;justify-content:center}.drv-lstories__row{margin-top:var(--drv-space-24);min-height:var(--drv-learn-stories-row-min-h-lt990);justify-content:center;gap:var(--drv-space-12);--w0: 18.125rem;--slotgap: .8125rem}.drv-lstories__row.is-ready{height:var(--drv-learn-stories-row-ready-h-lt990)}.drv-lstories__item[data-d="0"] .drv-lstories__title{font-size:var(--drv-fs-20);line-height:var(--drv-lh-24);font-weight:var(--drv-fw-medium);letter-spacing:var(--drv-ls-n1)}.drv-lstories__footer{margin-top:var(--drv-space-24)}.drv-lstories__dots{width:var(--drv-learn-stories-dots-w);margin:0 auto}.drv-lstories__dot{background:var(--drv-grey)}.drv-lstories__dot.is-active{flex:0 0 var(--drv-learn-stories-dot-active-flex-lt990);background:var(--drv-ink)}.drv-lstories__arrows{display:none}}@media(prefers-reduced-motion:reduce){.drv-lstories__row.is-ready .drv-lstories__item,.drv-lstories__row.is-ready .drv-lstories__media,.drv-lstories__item[data-d="0"] .drv-lstories__title,.drv-lstories__item[data-d="0"] .drv-lstories__read,.drv-lstories__dot{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/432/assets/drv-learn-stories.css.map */