.video-carousel{background:#f9f7f2;padding:70px 0 50px}.video-carousel__header{max-width:680px;margin:0 auto 32px;text-align:center}.video-carousel__heading{margin:0;font-size:40px;line-height:1.15;font-weight:700}.video-carousel__subheading{margin-top:12px;font-size:17px;line-height:1.5}.video-carousel__subheading p{margin:0}.video-carousel__frame{position:relative;padding:28px 0 0;background:transparent;border:0;box-shadow:none}.video-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/5);column-gap:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.video-carousel__track::-webkit-scrollbar{display:none}.video-carousel__card{min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.video-carousel__media{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;background:#eeeae4;border-radius:12px;touch-action:pan-x pan-y}.video-carousel__video,.video-carousel__poster,.video-carousel__poster-image,.video-carousel__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-carousel__video{display:block;object-fit:cover;touch-action:pan-x pan-y}.video-carousel__poster{z-index:2;display:block;padding:0;border:0;background:transparent;cursor:pointer;touch-action:pan-x pan-y;transition:opacity .25s ease,visibility .25s ease}.video-carousel__poster-image{display:block;object-fit:cover;touch-action:pan-x pan-y}.video-carousel__poster--empty{background:#1f1f1f1f}.video-carousel__play{position:absolute;top:50%;left:50%;z-index:3;display:flex;width:52px;height:52px;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.95);border-radius:50%;background:#1f1f1f61;color:#fff;pointer-events:none;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .2s ease,background-color .2s ease}.video-carousel__play svg{width:25px;height:25px;fill:currentColor}.video-carousel__poster:hover .video-carousel__play{background:#1f1f1f94;transform:translate(-50%,-50%) scale(1.06)}.video-carousel__card.is-playing .video-carousel__poster{visibility:hidden;opacity:0;pointer-events:none}.video-carousel__placeholder{display:flex;align-items:center;justify-content:center;background:#f1eee9}.video-carousel__placeholder svg{width:100%;height:100%}.video-carousel__card-title{margin:12px 0 0;color:#1f1f1f;font-size:15px;line-height:1.4;font-weight:600;text-align:center}.video-carousel__arrow{position:absolute;top:50%;z-index:4;display:none;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border:1px solid rgba(31,31,31,.12);border-radius:50%;background:#fff;color:#1f1f1f;box-shadow:0 5px 16px #1f1f1f1f;cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}.video-carousel__arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.video-carousel__arrow--prev{left:0}.video-carousel__arrow--next{right:0}.video-carousel__arrow:not(:disabled):hover{background:#1f1f1f;color:#fff;border-color:#1f1f1f;box-shadow:0 7px 20px #1f1f1f33;transform:translateY(-50%) scale(1.07)}.video-carousel__arrow:not(:disabled):active{transform:translateY(-50%) scale(.96)}.video-carousel__arrow:disabled{opacity:.3;cursor:default;box-shadow:none}.video-carousel__pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.video-carousel__pagination[hidden]{display:none}.video-carousel__dot{display:block;width:8px;height:8px;flex:0 0 auto;padding:0;border:0;border-radius:999px;background:#c9c5be;cursor:pointer;transition:width .25s ease,background-color .25s ease,transform .2s ease}.video-carousel__dot:hover{background:#85817b;transform:scale(1.15)}.video-carousel__dot.is-active{width:24px;background:#1f1f1f}.video-carousel__dot:focus-visible{outline:2px solid #1f1f1f;outline-offset:3px}@media screen and (min-width:750px){.video-carousel.has-overflow .video-carousel__arrow{display:flex}}@media screen and (max-width:1199px){.video-carousel__track{grid-auto-columns:calc((100% - 36px)/4)}}@media screen and (max-width:989px){.video-carousel__heading{font-size:34px}.video-carousel__track{grid-auto-columns:calc((100% - 24px) / 3)}}@media screen and (max-width:749px){.video-carousel{padding:40px 0}.video-carousel__header{margin-bottom:24px}.video-carousel__heading{font-size:28px}.video-carousel__subheading{font-size:15px}.video-carousel__frame{padding:0}.video-carousel__track{grid-auto-columns:100%;column-gap:12px;scroll-padding-inline:0;touch-action:pan-x pan-y}.video-carousel__media,.video-carousel__video,.video-carousel__poster,.video-carousel__poster-image{touch-action:pan-x pan-y}.video-carousel__arrow{display:none!important}.video-carousel__play{width:58px;height:58px}.video-carousel__pagination{margin-top:18px}}@media(prefers-reduced-motion:reduce){.video-carousel__track{scroll-behavior:auto}.video-carousel__arrow,.video-carousel__play,.video-carousel__poster,.video-carousel__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/video-carousel.css.map */