.video-carousel{text-align:center;overflow:clip}.video-carousel__heading{margin:0 auto 24px}.video-carousel__heading h2{margin:8px 0 0;font-size:32px;line-height:1.25}.video-carousel__viewport{position:relative}.video-carousel__track{--video-width:220px;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:24px max(0px, calc((100% - var(--video-width)) / 2)) 32px;align-items:center;gap:16px;display:flex;overflow:auto hidden}.video-carousel__track::-webkit-scrollbar{display:none}.video-carousel__card{flex:0 0 var(--video-width);width:var(--video-width);aspect-ratio:9/16;scroll-snap-align:center;scroll-snap-stop:always;color:#fff;cursor:pointer;opacity:.4;font:inherit;background:#161616;border:2px solid #0000;border-radius:16px;padding:0;transition:transform .3s,opacity .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;transform:scale(.92)}.video-carousel__card.is-neighbor{opacity:.65}.video-carousel__card.is-active{opacity:1;border-color:var(--brand-color,currentColor);transform:none;box-shadow:0 16px 24px #00000038}.video-carousel__card video{object-fit:cover;width:100%;height:100%;display:block}.video-carousel__toggle{width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.video-carousel__item-link{color:#171717;min-height:44px;max-height:96px;font:600 14px/1.4 var(--store-body-font,sans-serif);overflow-wrap:anywhere;background:#fff;border-radius:4px;place-items:center;padding:10px 12px;text-decoration:none;display:grid;position:absolute;inset:auto 12px 12px;overflow-y:auto}.video-carousel__item-link:hover{background:#e8e8e8}.video-carousel__item-link:focus-visible{outline-offset:3px;outline:3px solid #fff}.video-carousel__card.has-link .video-carousel__caption{padding-bottom:120px}.video-carousel__icon{width:22px;height:22px;-webkit-mask:var(--video-icon) center / contain no-repeat;mask:var(--video-icon) center / contain no-repeat;background:currentColor;display:block}.video-carousel__play{--video-icon:url(./video-play.svg);width:32px;height:32px;position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.video-carousel__card.is-active.is-playing .video-carousel__play{display:none}.video-carousel__sound{--video-icon:url(./video-muted.svg);top:12px;color:#171717;background:#ffffffe6;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;inset-inline-end:12px}.video-carousel__card:not(.is-active) .video-carousel__sound{display:none}.video-carousel__card.is-audible .video-carousel__sound{--video-icon:url(./video-volume.svg)}.video-carousel__caption{background:linear-gradient(#0000,#000000a6);padding:36px 12px 16px;font-size:14px;font-weight:600;position:absolute;inset:auto 0 0}.video-carousel__arrow{color:#171717;cursor:pointer;background:#ffffffe6;border:1px solid #00000026;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:calc(50% - 20px)}.video-carousel__arrow--prev{inset-inline-start:8px}.video-carousel__arrow--next{inset-inline-end:8px}.video-carousel__arrow--prev .video-carousel__icon{--video-icon:url(./video-prev.svg)}.video-carousel__arrow--next .video-carousel__icon{--video-icon:url(./video-next.svg)}[dir=rtl] .video-carousel__arrow .video-carousel__icon{transform:rotate(180deg)}.video-carousel__arrow:disabled{opacity:.25;cursor:default}.video-carousel__dots{justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.video-carousel__dots button{opacity:.25;cursor:pointer;background:currentColor;border:0;border-radius:5px;width:8px;height:8px;padding:0}.video-carousel__dots button[aria-current=true]{opacity:1;background:var(--brand-color,currentColor);width:28px}.video-carousel__count{opacity:.65;margin:8px 0 0;font-size:12px}.video-carousel__cta{margin-top:28px}.video-carousel button:focus-visible{outline:2px solid var(--brand-color,currentColor);outline-offset:3px}@media (width<=600px){.video-carousel__track{--video-width:220px;gap:12px}.video-carousel__heading h2{font-size:26px}}@media (width<=767px){.video-carousel__arrow--desktop{display:none}}@media (width>=768px){.video-carousel__arrow--mobile{display:none}}@media (prefers-reduced-motion:reduce){.video-carousel__card{transition:none}}
