.social-video-slider{background-color:var(--section-bg-color);padding-top:var(--section-padding-top-mobile);padding-bottom:var(--section-padding-bottom-mobile);overflow:hidden}.social-video-slider__container{width:100%;max-width:100%;margin:0 auto}.social-video-slider__header{text-align:center;margin-bottom:24px}.social-video-slider__subheading{color:var(--subheading-color);font-size:var(--subheading-font-size-mobile);margin:0 0 8px;letter-spacing:1px}.social-video-slider__heading{color:var(--heading-color);font-size:var(--heading-font-size-mobile);font-weight:var(--heading-font-weight);letter-spacing:var(--heading-letter-spacing);margin:0;line-height:1.2}.social-video-slider__at-symbol{color:inherit}.social-video-slider__wrapper{position:relative;width:100%}.social-video-slider__wrapper .swiper{overflow:visible;padding-bottom:40px}.social-video-slider__wrapper .swiper-wrapper{align-items:stretch}.social-video-slider__card{width:var(--card-width-mobile)!important;height:auto}.social-video-slider__media-wrapper{position:relative;width:100%;height:var(--card-height-mobile);border-radius:var(--card-border-radius);overflow:hidden;background-color:#f0f0f0}.social-video-slider__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;z-index:1}.social-video-slider__card.is-playing .social-video-slider__video{opacity:1;z-index:3}.social-video-slider__youtube-wrapper,.social-video-slider__vimeo-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;pointer-events:none;transition:opacity .3s ease}.social-video-slider__card.is-playing .social-video-slider__youtube-wrapper,.social-video-slider__card.is-playing .social-video-slider__vimeo-wrapper{opacity:1;z-index:3;pointer-events:all}.social-video-slider__youtube-wrapper iframe,.social-video-slider__vimeo-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.social-video-slider__thumbnail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;cursor:pointer;transition:opacity .3s ease,visibility .3s ease}.social-video-slider__thumbnail-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.social-video-slider__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.social-video-slider__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e8e8e8}.social-video-slider__placeholder-svg{width:50%;height:50%;opacity:.5}.social-video-slider__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color);opacity:var(--overlay-opacity);pointer-events:none}.social-video-slider__play-btn{position:absolute;bottom:16px;right:0%;transform:translate(-50%);width:var(--play-btn-size-mobile);height:var(--play-btn-size-mobile);border-radius:50%;background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,filter .2s ease;z-index:10;padding:0}.social-video-slider__play-btn:hover{transform:translate(-50%) scale(1.1);filter:drop-shadow(0 4px 8px rgba(246,24,172,.3))}.social-video-slider__play-btn:focus{outline:none}.social-video-slider__play-btn:focus-visible{filter:drop-shadow(0 0 0 3px rgba(246,24,172,.5))}.social-video-slider__play-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.social-video-slider__play-icon svg{width:100%;height:100%}.social-video-slider__video-title{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:14px;font-weight:500;z-index:5}.social-video-slider__navigation{display:none}.social-video-slider__nav-btn{position:absolute;top:50%;transform:translateY(calc(-50% - 20px));width:var(--nav-btn-size);height:var(--nav-btn-size);border-radius:50%;background-color:var(--nav-btn-bg);border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1;box-shadow:0 2px 8px #0000001a;padding:0}.social-video-slider__nav-btn:hover{background-color:var(--nav-btn-bg);box-shadow:0 4px 12px #00000026;opacity:.9}.social-video-slider__nav-btn.swiper-button-disabled{opacity:.3;pointer-events:none}.social-video-slider__nav-btn svg{width:20px;height:20px;color:var(--nav-btn-color);stroke:var(--nav-btn-color)}.social-video-slider__nav-btn--prev{left:0}.social-video-slider__nav-btn--next{right:0}.social-video-slider .swiper-pagination{position:absolute;bottom:0!important;left:0;right:0;text-align:center}.social-video-slider .swiper-pagination-bullet{width:8px;height:8px;background-color:var(--pagination-color);opacity:1;margin:0 4px!important;transition:all .3s ease}.social-video-slider .swiper-pagination-bullet-active{background-color:var(--pagination-active-color);width:24px;border-radius:4px}.social-video-slider .swiper-pagination-bullets-dynamic{overflow:visible}.social-video-slider__cta{text-align:center;margin-top:24px;padding:0 16px}.social-video-slider__btn{display:inline-block;padding:12px 32px;background-color:var(--heading-color);color:#fff;text-decoration:none;font-size:14px;font-weight:600;border-radius:8px;transition:all .2s ease}.social-video-slider__btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media screen and (min-width:750px){.social-video-slider{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.social-video-slider__header{margin-bottom:40px}.social-video-slider__subheading{font-size:var(--subheading-font-size);margin-bottom:12px}.social-video-slider__heading{font-size:var(--heading-font-size)}.social-video-slider__card{width:var(--card-width-desktop)!important}.social-video-slider__media-wrapper{height:var(--card-height-desktop)}.social-video-slider__play-btn{width:var(--play-btn-size);height:var(--play-btn-size);bottom:24px}.social-video-slider__navigation{display:block}.social-video-slider__nav-btn{width:var(--nav-btn-size);height:var(--nav-btn-size)}.social-video-slider__nav-btn svg{width:24px;height:24px}.social-video-slider__nav-btn--prev{left:8px}.social-video-slider__nav-btn--next{right:8px}.social-video-slider__video-title{font-size:16px;padding:20px}.social-video-slider__cta{margin-top:40px;padding:0 40px}.social-video-slider__btn{padding:14px 40px;font-size:15px}.social-video-slider .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px!important}.social-video-slider .swiper-pagination-bullet-active{width:30px}}@media screen and (min-width:990px){.social-video-slider__container{margin:0 auto;padding-inline:calc((100vw - var(--page-width)) / 2 + 50px)!important}.social-video-slider__nav-btn--prev{left:16px}.social-video-slider__nav-btn--next{right:16px}}@media screen and (min-width:1200px){.social-video-slider__header{margin-bottom:50px}.social-video-slider__cta{margin-top:50px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:translate(-50%) scale(0);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.social-video-slider__card{animation:fadeIn .5s ease forwards}.social-video-slider__play-btn{animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.15s;opacity:0}@media(hover:hover){.social-video-slider__card:hover .social-video-slider__thumbnail{transform:scale(1.02)}.social-video-slider__thumbnail{transition:transform .4s ease}.social-video-slider__card:hover .social-video-slider__play-btn{transform:translate(-50%) scale(1.08);filter:drop-shadow(0 4px 12px rgba(246,24,172,.4))}.social-video-slider__media-wrapper:hover .social-video-slider__overlay{opacity:calc(var(--overlay-opacity) + .1)}}@media(hover:none){.social-video-slider__play-btn:active{transform:translate(-50%) scale(.9);filter:drop-shadow(0 2px 4px rgba(246,24,172,.4))}.social-video-slider__nav-btn:active{transform:translateY(calc(-50% - 20px)) scale(.95)}}@media(prefers-reduced-motion:reduce){.social-video-slider__card,.social-video-slider__play-btn,.social-video-slider__thumbnail,.social-video-slider__video,.social-video-slider__thumbnail-overlay,.swiper-wrapper{animation:none!important;transition:none!important}}.social-video-slider__thumbnail-overlay:focus-visible{outline:3px solid #F618AC;outline-offset:-3px}.social-video-slider__card:focus-within .social-video-slider__play-btn{filter:drop-shadow(0 0 8px rgba(246,24,172,.5))}.social-video-slider .swiper{cursor:grab}.social-video-slider .swiper:active{cursor:grabbing}@media print{.social-video-slider__play-btn,.social-video-slider__navigation,.social-video-slider__video,.swiper-pagination{display:none!important}.social-video-slider .swiper-wrapper{flex-wrap:wrap;justify-content:center}.social-video-slider__card{page-break-inside:avoid}}.social-video-slider .swiper-slide{height:auto}.social-video-slider .swiper-button-next,.social-video-slider .swiper-button-prev{display:none}
/*# sourceMappingURL=/cdn/shop/t/45/assets/social-video-slider.css.map */