.video-slider{padding:var(--content-spacing-mobile) 0}@media screen and (min-width:750px){.video-slider{padding:var(--content-spacing-desktop) 0}}.video-slider__heading{color:var(--color-blue);margin-bottom:8px}.video-slider__description{max-width:80ch;margin-bottom:32px}@media screen and (min-width:750px){.video-slider__description{margin-bottom:48px}}.video-slider__viewport{position:relative}.video-slider__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.video-slider__track::-webkit-scrollbar{display:none}.video-slider__slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.video-slider__slide-inner{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}@media screen and (min-width:750px){.video-slider__slide-inner{padding:0 5rem}}deferred-media.video-slider__media{display:block}.video-slider__media{position:relative;padding-bottom:56.25%;border-radius:var(--radius-large, 16px);overflow:hidden;background:var(--color-deepblue-light, #f0f4f7)}.video-slider__media .deferred-media__poster{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-slider__media .deferred-media__poster img{width:100%;height:100%;object-fit:cover}.video-slider__media iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-slider__media .deferred-media__poster-button{background-color:#ffffffe6;color:#000}.video-slider__caption{font-family:var(--font-heading-family);font-weight:400;font-size:1.6rem;line-height:1.4;color:rgb(var(--color-foreground));margin-top:16px;margin-bottom:0}@media screen and (min-width:750px){.video-slider__caption{font-size:1.8rem}}.video-slider__nav{position:absolute;top:0;bottom:50px;left:50%;transform:translate(-50%);width:100%;max-width:var(--page-width);pointer-events:none;z-index:10;display:none;align-items:center;justify-content:space-between;padding:0 calc(5rem - 24px)}@media screen and (min-width:750px){.video-slider__nav{display:flex}}.video-slider__arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-blue);border:none;border-radius:50%;pointer-events:auto;cursor:pointer;transition:background-color .2s ease,transform .1s ease,opacity .2s ease;padding:0}.video-slider__arrow svg{width:20px;height:12px;color:var(--color-white)}.video-slider__arrow svg path{stroke:none}.video-slider__arrow:hover{background-color:var(--color-blue-hover);transform:scale(1.05)}.video-slider__arrow:active{transform:scale(.98)}.video-slider__arrow:focus-visible{outline:2px solid var(--color-deepblue);outline-offset:2px}.video-slider__arrow[disabled]{opacity:0;pointer-events:none}.video-slider__arrow--prev svg{transform:rotate(90deg)}.video-slider__arrow--next svg{transform:rotate(-90deg)}.video-slider__dots{display:flex;justify-content:center;gap:12px;margin-top:24px}.video-slider__dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-blue);background-color:var(--color-white, #fff);padding:0;cursor:pointer;transition:background-color .2s ease}.video-slider__dot:hover{background-color:color-mix(in srgb,var(--color-blue) 30%,white)}.video-slider__dot--active{background-color:var(--color-blue)}.video-slider__dot:focus-visible{outline:2px solid var(--color-deepblue);outline-offset:2px}.video-slider[data-layout=list] .video-slider__viewport{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}@media screen and (min-width:750px){.video-slider[data-layout=list] .video-slider__viewport{display:grid;grid-template-columns:3fr 2fr;gap:32px;align-items:center;padding:0 5rem}}.video-slider[data-layout=list] .video-slider__track{display:grid;overflow:hidden;scroll-snap-type:none}.video-slider[data-layout=list] .video-slider__slide{grid-area:1 / 1;opacity:0;pointer-events:none;transition:opacity .3s ease}.video-slider[data-layout=list] .video-slider__slide--active{opacity:1;pointer-events:auto}.video-slider[data-layout=list] .video-slider__slide-inner{max-width:none;padding:0}.video-slider__list{display:flex;flex-direction:column;gap:0;margin-top:24px}@media screen and (min-width:750px){.video-slider__list{margin-top:0}}.video-slider__list-item{display:flex;align-items:center;gap:16px;width:100%;padding:16px 0;border:none;border-bottom:1px solid var(--color-deepblue-200, #d1dde6);background:none;font-family:var(--font-heading-family);font-weight:700;font-size:1.6rem;line-height:1.4;color:var(--color-deepblue);text-align:left;cursor:pointer;transition:color .2s ease}.video-slider__list-item:last-child{border-bottom:none}@media screen and (min-width:750px){.video-slider__list-item{font-size:1.8rem;padding:20px 0}}.video-slider__list-item:hover{color:var(--color-blue)}.video-slider__list-item:focus-visible{outline:2px solid var(--color-blue);outline-offset:-2px}.video-slider__list-item--active{color:var(--color-blue)}.video-slider__reg{font-size:.5em;vertical-align:super;line-height:0}.video-slider__list-indicator{flex-shrink:0;width:48px;height:48px;border-radius:50%;background-color:var(--color-blue);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.video-slider__list-item:hover .video-slider__list-indicator{background-color:var(--color-blue-hover)}.video-slider__list-icon{width:20px;height:12px;color:var(--color-white);display:none}.video-slider__list-icon--play{width:14px;height:16px;display:block}.video-slider__list-icon--arrow{transform:rotate(90deg)}.video-slider__list-item--active .video-slider__list-icon--play{display:none}.video-slider__list-item--active .video-slider__list-icon--arrow{display:block}.video-slider__list-icon--check{width:16px;height:16px}.video-slider__list-item--played .video-slider__list-icon--play{display:none}.video-slider__list-item--played:not(.video-slider__list-item--active) .video-slider__list-icon--check{display:block}@media(prefers-reduced-motion:reduce){.video-slider__track{scroll-behavior:auto}.video-slider__arrow,.video-slider[data-layout=list] .video-slider__slide,.video-slider__list-indicator{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-video-slider.css.map */