:root{--drv-stories-stage-w: 58.125rem;--drv-stories-card-active-left: 11.4375rem;--drv-stories-card-active-w: 31.4375rem;--drv-stories-card-side-w: 23.9375rem;--drv-stories-card-side-inset: calc((var(--drv-stories-card-active-w) - var(--drv-stories-card-side-w)) / 2);--drv-stories-card-next-left: 34.1875rem;--drv-stories-card-behind-next-left: 35.1875rem;--drv-stories-nav-w: 2.5rem;--drv-stories-nav-h: 2.5rem;--drv-stories-nav-svg-w: .3125rem;--drv-stories-nav-svg-h: .5625rem;--drv-stories-stars-h: .875rem;--drv-stories-stars-svg-w: .875rem;--drv-stories-stars-svg-h: .875rem;--drv-stories-controls-left: 11.4375rem;--drv-stories-controls-w: 31.4375rem;--drv-stories-controls-h: 1.8125rem;--drv-stories-bars-w: 6rem;--drv-stories-bars-button-h: .25rem;--drv-stories-button-active-flex: 3.125rem;--drv-stories-arrow-w: 1.5625rem;--drv-stories-arrow-h: 1.8125rem;--drv-stories-arrow-svg-w: .3125rem;--drv-stories-arrow-svg-h: .5625rem;--drv-stories-split-line-w: .125rem;--drv-stories-sub-ls: .02625rem;--drv-stories-card-flex: 18.3125rem;--drv-stories-card-w: 18.3125rem;--drv-stories-bars-button-flex: 1.125rem;--drv-stories-bars-button-active-flex: 1.25rem;--drv-stories-quote-fade: 1.5rem}.drv-st{padding:var(--drv-pt, 80px) var(--drv-pr, 0px) var(--drv-pb, 80px) var(--drv-pl, 0px);background:var(--drv-light-grey);overflow:hidden}.drv-st__header{text-align:center;color:var(--drv-ink)}.drv-st__heading{margin:0;font-size:var(--drv-fs-36);line-height:var(--drv-lh-38);letter-spacing:var(--drv-ls-n1);font-weight:var(--drv-fw-medium);color:var(--drv-ink)}.drv-st__sub{margin:var(--drv-space-20) 0 0;font-size:var(--drv-fs-16);line-height:var(--drv-lh-22);color:var(--drv-ink)}.drv-st__stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:var(--drv-stories-stage-w);max-width:100%;margin:var(--drv-space-48) auto 0}.drv-st__card{position:relative;grid-area:1 / 1;align-self:start;justify-self:start;display:flex;flex-direction:column;border-radius:var(--drv-radius-card);overflow:hidden;background:var(--drv-white);cursor:pointer}.drv-st__card.is-active{left:var(--drv-stories-card-active-left);width:var(--drv-stories-card-active-w);margin:0;z-index:var(--drv-z-3)}.drv-st__card.is-prev{left:0;width:var(--drv-stories-card-side-w);margin:var(--drv-stories-card-side-inset) 0;z-index:var(--drv-z-1)}.drv-st__card.is-next{left:var(--drv-stories-card-next-left);width:var(--drv-stories-card-side-w);margin:var(--drv-stories-card-side-inset) 0;z-index:var(--drv-z-1)}.drv-st__card.is-behind-next{left:var(--drv-stories-card-behind-next-left);width:var(--drv-stories-card-side-w);margin:calc(var(--drv-stories-card-side-inset) + var(--drv-space-16)) 0 calc(var(--drv-stories-card-side-inset) - var(--drv-space-16));z-index:0}.drv-st__card.is-behind-prev{left:calc(-1 * var(--drv-space-16));width:var(--drv-stories-card-side-w);margin:calc(var(--drv-stories-card-side-inset) + var(--drv-space-16)) 0 calc(var(--drv-stories-card-side-inset) - var(--drv-space-16));z-index:0}.drv-st__card.is-behind-next .drv-st__nav,.drv-st__card.is-behind-prev .drv-st__nav{display:none}.drv-st__media{position:relative;flex:0 0 auto;aspect-ratio:1 / 1;overflow:hidden}.drv-st__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.drv-st__nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--drv-stories-nav-w);height:var(--drv-stories-nav-h);border-radius:50%;background:var(--drv-white);color:var(--drv-ink);display:flex;align-items:center;justify-content:center;gap:var(--drv-space-6)}.drv-st__card.is-prev .drv-st__nav,.drv-st__card.is-next .drv-st__nav{display:none}.drv-st__nav svg{width:var(--drv-stories-nav-svg-w);height:var(--drv-stories-nav-svg-h)}.drv-st__info{flex:1 0 auto;display:flex;flex-direction:column;gap:var(--drv-space-8);padding:var(--drv-space-20) var(--drv-space-22);background:var(--drv-white);color:var(--drv-ink)}.drv-st__card:not(.is-active) .drv-st__info{background:var(--drv-surface)}.drv-st__name{margin:0;font-size:var(--drv-fs-14);line-height:var(--drv-lh-18);letter-spacing:var(--drv-ls-2);text-transform:uppercase;color:var(--drv-ink)}.drv-st__stars{display:flex;gap:var(--drv-space-2);height:var(--drv-stories-stars-h);color:var(--drv-orange)}.drv-st__stars svg{width:var(--drv-stories-stars-svg-w);height:var(--drv-stories-stars-svg-h)}.drv-st__quote{margin:0;font-size:var(--drv-fs-14);line-height:var(--drv-lh-18);letter-spacing:var(--drv-ls-3);color:var(--drv-ink)}.drv-st__controls{grid-row:2;justify-self:start;width:var(--drv-stories-controls-w);height:var(--drv-stories-controls-h);margin:var(--drv-space-32) 0 0 var(--drv-stories-controls-left);display:flex;align-items:center;justify-content:space-between}.drv-st__bars{display:flex;align-items:center;gap:var(--drv-space-8);width:var(--drv-stories-bars-w)}.drv-st__bars button{flex:1 0 0;height:var(--drv-stories-bars-button-h);border:0;padding:0;border-radius:var(--drv-radius-card);background:var(--drv-surface-alt);cursor:pointer}.drv-st__bars button.is-active{flex:0 0 var(--drv-stories-button-active-flex);background:var(--drv-brand-black)}.drv-st__arrows{display:flex;align-items:center;gap:var(--drv-space-4)}.drv-st__arrow{width:var(--drv-stories-arrow-w);height:var(--drv-stories-arrow-h);padding:0;border:0;background:none;color:var(--drv-ink);cursor:pointer;display:flex;align-items:center;justify-content:center}.drv-st__arrow svg{width:var(--drv-stories-arrow-svg-w);height:var(--drv-stories-arrow-svg-h)}.drv-st__card--compare{--drv-split: 51.5%}.drv-st__after{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--drv-split))}.drv-st__after .drv-st__img{position:absolute;top:0;right:0;bottom:0;left:0}.drv-st__split-line{position:absolute;top:0;bottom:0;left:var(--drv-split);width:var(--drv-stories-split-line-w);margin-left:calc(-1 * var(--drv-space-2));background:var(--drv-white);z-index:var(--drv-z-1)}.drv-st__card--compare .drv-st__nav{left:var(--drv-split);transform:translate(-50%,-50%);z-index:var(--drv-z-2);cursor:ew-resize;touch-action:none}.drv-st__card--compare.is-prev .drv-st__nav,.drv-st__card--compare.is-next .drv-st__nav{display:none}.drv-st__card:not(.drv-st__card--compare) .drv-st__nav{display:none}.drv-st__star--empty path{fill:var(--drv-grey)}.drv-st__quote p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}.drv-st__deck{display:contents}@media(prefers-reduced-motion:no-preference){.drv-st__card{transition:left var(--drv-duration-slow) var(--drv-ease),width var(--drv-duration-slow) var(--drv-ease),margin var(--drv-duration-slow) var(--drv-ease),opacity var(--drv-duration-slow) var(--drv-ease)}.drv-st__info{transition:background-color var(--drv-duration-slow) var(--drv-ease)}.drv-st__bars button{transition:flex-basis var(--drv-duration-medium),background var(--drv-duration-medium)}}@media(min-width:750px){.drv-st__card.is-prev,.drv-st__card.is-next,.drv-st__card.is-behind-next,.drv-st__card.is-behind-prev{align-self:stretch;contain:size}.drv-st__card.is-prev .drv-st__info,.drv-st__card.is-next .drv-st__info,.drv-st__card.is-behind-next .drv-st__info,.drv-st__card.is-behind-prev .drv-st__info{flex:1 1 0;min-height:0}.drv-st__card.is-prev .drv-st__quote,.drv-st__card.is-next .drv-st__quote,.drv-st__card.is-behind-next .drv-st__quote,.drv-st__card.is-behind-prev .drv-st__quote{flex:1 1 0;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black calc(100% - var(--drv-stories-quote-fade)),transparent);mask-image:linear-gradient(to bottom,black calc(100% - var(--drv-stories-quote-fade)),transparent)}}@media(max-width:749px){.drv-st{padding:var(--drv-pt-m, 40px) var(--drv-pr-m, 10px) var(--drv-pb-m, 40px) var(--drv-pl-m, 10px)}.drv-st__header{text-align:left}.drv-st__heading{font-size:var(--drv-fs-30);line-height:var(--drv-lh-34);letter-spacing:0}.drv-st__heading br{display:none}.drv-st__sub{margin-top:var(--drv-space-16);font-size:var(--drv-fs-14);line-height:var(--drv-lh-18);letter-spacing:var(--drv-stories-sub-ls);color:var(--drv-text-muted)}.drv-st__stage{display:block;width:100%;margin:var(--drv-space-20) 0 0}.drv-st__deck{display:flex;gap:var(--drv-space-20);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--drv-space-10);scrollbar-width:none;margin:0 calc(-1 * var(--drv-space-10));padding:0 var(--drv-space-10)}.drv-st__deck::-webkit-scrollbar{display:none}.drv-st__deck:has(>.drv-st__card:only-child){justify-content:center}.drv-st__card,.drv-st__card.is-active,.drv-st__card.is-prev,.drv-st__card.is-next,.drv-st__card.is-behind-next,.drv-st__card.is-behind-prev{left:auto;flex:0 0 var(--drv-stories-card-flex);width:var(--drv-stories-card-w);margin:0;z-index:auto;scroll-snap-align:start}.drv-st__card .drv-st__nav{display:flex}.drv-st__info{padding:var(--drv-space-16)}.drv-st__card:not(.is-active) .drv-st__info{background:var(--drv-white)}.drv-st__controls{width:100%;height:auto;margin:var(--drv-space-20) 0 0;justify-content:center}.drv-st__arrows{display:none}.drv-st__bars{width:auto;justify-content:center}.drv-st__bars button{flex:0 0 var(--drv-stories-bars-button-flex);background:var(--drv-grey)}.drv-st__bars button.is-active{flex:0 0 var(--drv-stories-bars-button-active-flex);background:var(--drv-brand-black)}}
/*# sourceMappingURL=/cdn/shop/t/432/assets/drv-stories.css.map */