.video-carousel,.video-carousel-splide{position:relative}.video-carousel-splide .splide__slide{width:184px!important;max-width:184px!important;flex-shrink:0}@media screen and (min-width: 768px){.video-carousel-splide .splide__slide{width:276px!important;max-width:276px!important}}.video-slide-container{position:relative;width:184px;max-width:184px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026;margin:0 auto}@media screen and (min-width: 768px){.video-slide-container{width:276px;max-width:276px}}.video-wrapper{position:relative;width:184px;height:325px;background:#000;overflow:hidden;margin:0 auto}@media screen and (min-width: 768px){.video-wrapper{width:276px;height:487px}}.video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}.video-cover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition:opacity .3s ease;pointer-events:none}.video-cover-image{object-fit:cover;width:100%;height:100%}.video-wrapper.playing .video-cover-overlay{opacity:0;pointer-events:none}.video-wrapper:not(.playing) .video-cover-overlay{opacity:1}.video-wrapper.playing .splide__video__play{opacity:0;pointer-events:none}.video-wrapper:not(.playing) .splide__video__play{opacity:.8;pointer-events:auto}.video-play-button-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:4;transition:opacity .3s ease}.video-play-button{background:#fffffff2;border:0;border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .3s ease;box-shadow:0 4px 20px #00000040;color:#333}.video-play-button:hover{transform:scale(1.1);background:#fff;box-shadow:0 6px 25px #00000059}.video-play-button svg{margin-left:3px}.video-wrapper.playing .video-play-button-overlay{opacity:0;pointer-events:none}.video-wrapper:not(.playing) .video-play-button-overlay{opacity:1}.video-placeholder{position:relative;width:184px;height:325px;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;align-items:center;justify-content:center;border:2px dashed #ccc;margin:0 auto}@media screen and (min-width: 768px){.video-placeholder{width:276px;height:487px}}.placeholder-content{text-align:center;color:#666}.placeholder-content svg{margin-bottom:8px;opacity:.6}.video-caption{padding:12px 16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1)}.video-caption p{margin:0;color:#333;text-align:center}.splide__video__play{background:#ffffffe6;border:0;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:all .3s ease;box-shadow:0 4px 16px #0003;z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto}.splide__video__play:hover{opacity:1;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 6px 20px #0000004d}.splide__video__play:after{border-color:transparent transparent transparent #333;border-style:solid;border-width:10px 0 10px 16px;content:"";display:inline-block;margin-left:4px}.splide__slide--has-video{cursor:pointer}.splide__slide--has-video:hover .splide__video__play{opacity:1}@media screen and (max-width: 767px){.video-slide-container{width:184px;max-width:184px;border-radius:8px}.video-caption{padding:10px 12px}.splide__video__play{width:50px;height:50px}.splide__video__play:after{border-width:8px 0 8px 14px;margin-left:3px}.video-play-button{width:60px;height:60px}.video-play-button svg{width:20px;height:20px}}@media screen and (min-width: 768px){.video-slide-container{border-radius:16px}.video-caption{padding:16px 20px}.video-carousel-splide:not(.is-overflow) .splide__list{justify-content:center}}.video-carousel-splide.force-pagination .splide__pagination{bottom:-40px;left:0;padding:0;position:absolute;right:0;z-index:1;gap:8px;justify-content:center;list-style:none;margin:0}.video-carousel-splide .splide__pagination__page{background:rgba(var(--color-foreground),.3);border:0;border-radius:50%;display:inline-block;height:8px;margin:0;padding:0;position:relative;transition:all .2s ease;width:8px;cursor:pointer;opacity:1}.video-carousel-splide .splide__pagination__page.is-active{background:#e4a82f;transform:scale(1.2);z-index:1}.video-carousel-splide .splide__pagination__page:hover{background:rgba(var(--color-foreground),.6);cursor:pointer;opacity:1}.video-element[data-loading]{background:linear-gradient(90deg,#f0f0f0 25%,transparent 37%,#f0f0f0 63%);background-size:400% 100%;animation:loading 1.4s ease infinite}@keyframes loading{0%{background-position:100% 50%}to{background-position:-100% 50%}}.video-wrapper[data-video-loading] .video-play-button{position:relative;pointer-events:none}.video-wrapper[data-video-loading] .video-play-button svg{opacity:0}.video-wrapper[data-video-loading] .video-play-button:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid transparent;border-top:2px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 767px){.video-wrapper[data-video-loading] .video-play-button:after{width:20px;height:20px;margin:-10px 0 0 -10px}}.splide__video__play:focus{outline:3px solid rgba(0,123,255,.5);outline-offset:2px}.video-element:focus{outline:3px solid rgba(0,123,255,.5);outline-offset:2px}@media (prefers-contrast: high){.video-placeholder{border:3px solid #000;background:#fff}.placeholder-content{color:#000}.splide__video__play{background:#fff;border:2px solid #000}.splide__video__play:after{border-color:transparent transparent transparent #000}}@media (prefers-reduced-motion: reduce){.splide__video__play{transition:none}.splide__video__play:hover{transform:none}.video-element[data-loading]{animation:none;background:#f0f0f0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-video-carousel.css.map */