.social-videos{width:100%;padding:var(--sv-padding-top) 40px var(--sv-padding-bottom);background-color:var(--sv-bg-color);background:var(--sv-bg-gradient, var(--sv-bg-color));color:var(--sv-text-color);overflow:hidden}.social-videos__inner{max-width:1360px;margin:0 auto}.social-videos__header{margin:0 auto 40px;max-width:920px;text-align:center}.social-videos__heading{margin:0 0 12px;font-family:Playfair Display,serif;font-weight:700;font-size:48px;line-height:64px;letter-spacing:0;color:var(--sv-text-color)}.social-videos__heading em{font-style:italic}.social-videos__description{font-family:Gotham Book,sans-serif;font-weight:500;font-size:18px;line-height:26px;letter-spacing:0;text-align:center;color:var(--sv-text-color)}.social-videos__description p{margin:0}.social-videos__carousel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:29px;opacity:0;transition:opacity .35s ease}.social-videos__carousel.is-initialized,.shopify-design-mode .social-videos__carousel{opacity:1}.social-videos__viewport{min-width:0}.social-videos__slider.swiper,.social-videos__slider.swiper-container{overflow:visible}.social-videos__slider.swiper:not(.swiper-container-initialized) .swiper-wrapper{display:flex}.social-videos__slider.swiper:not(.swiper-container-initialized) .swiper-slide{flex:0 0 calc((100% - 72px)/4)}.social-videos__slider.swiper .swiper-slide{height:auto}.social-videos__nav{display:none;align-items:center;justify-content:center;width:15px;height:30px;padding:0;border:0;background:transparent;color:var(--sv-text-color);cursor:pointer;transition:opacity .2s ease}.social-videos__nav svg{display:block;width:10px;height:20px}.social-videos__nav.swiper-button-disabled{opacity:.35;cursor:default}.social-videos__carousel:not(.is-initialized) .social-videos__nav{opacity:0;pointer-events:none}.social-videos-item{display:flex;flex-direction:column;gap:8px;height:100%}.social-videos-item__media{position:relative;aspect-ratio:301 / 439;flex-shrink:0;border-radius:12px;overflow:hidden;background:#fbf2f3;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.social-videos-item:not(.social-videos-item--has-play) .social-videos-item__media{cursor:pointer}.social-videos-item:not(.social-videos-item--has-play) .social-videos-item__video{pointer-events:none}.social-videos-item__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0}.social-videos-item.is-playing .social-videos-item__video{opacity:1}.social-videos-item__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:1;cursor:pointer}.social-videos-item.is-playing .social-videos-item__poster{opacity:0;pointer-events:none}.social-videos__carousel.is-dragging .social-videos-item:not(.is-playing) .social-videos-item__video{opacity:0}.social-videos__carousel.is-dragging .social-videos-item:not(.is-playing) .social-videos-item__poster{opacity:1;pointer-events:none}.social-videos-item__poster-image{display:block;width:100%;height:100%;object-fit:cover;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.social-videos-item__play{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:72px;height:72px;padding:0;border:0;border-radius:50%;background:#144734bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;transform:translate(-50%,-50%);cursor:pointer}.social-videos-item__play svg{margin-right:-4px}.social-videos-item:not(.social-videos-item--has-play) .social-videos-item__play{display:none}.social-videos-item__product{display:flex;align-items:center;flex-grow:1;gap:12px;padding:8px 14px 8px 8px;border:1px solid var(--sv-card-border-color);border-radius:12px;background:var(--sv-card-background)}.social-videos-item__product-media{flex:0 0 64px;width:64px;height:64px;background:var(--sv-product-thumb-background);overflow:hidden}.social-videos-item__product-image{display:block;width:100%;height:100%;object-fit:contain}.social-videos-item__product-info{flex:1;min-width:0}.social-videos-item__product-title{margin:0 0 2px;font-family:GothamMedium,sans-serif;font-weight:500;font-size:16px;line-height:20px;letter-spacing:0em;color:var(--sv-text-color)}.social-videos-item__product-price{margin:0;font-family:Gotham Book,sans-serif;font-weight:500;font-size:15px;line-height:20px;letter-spacing:0em;color:var(--sv-text-color)}.social-videos-item__product-action{flex:0 0 32px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--sv-button-background);color:#fff;text-decoration:none;transition:opacity .2s ease}.social-videos-item__product-action:hover{opacity:.85}@media screen and (min-width:1024px){.social-videos__nav{display:flex}.social-videos__viewport,.social-videos__slider.swiper,.social-videos__slider.swiper-container{overflow:hidden}}@media screen and (max-width:1023px){.social-videos{padding:var(--sv-padding-top) 0 var(--sv-padding-bottom)}.social-videos__header{margin-bottom:24px;padding-inline:40px}.social-videos__heading{font-size:42px;line-height:1.2}.social-videos__carousel{display:block}.social-videos__slider.swiper:not(.swiper-container-initialized) .swiper-slide{flex:0 0 78%}.social-videos__slider.swiper{margin-left:20px;overflow:hidden}.social-videos-item__product-title{font-size:15px;line-height:18px}}@media screen and (max-width:767px){.social-videos{padding:var(--sv-padding-top-mobile) 0 var(--sv-padding-bottom-mobile)}.social-videos__header{margin-bottom:24px;padding-inline:20px}.social-videos__heading{font-size:28px;line-height:34px}.social-videos__description{font-size:15px;line-height:20px;letter-spacing:-.02em}.social-videos__slider.swiper:not(.swiper-container-initialized) .swiper-slide{flex:0 0 82%}}@media screen and (min-width:1024px)and (max-width:1299px){.social-videos-item__media{aspect-ratio:270 / 370}.social-videos-item__product-title{font-size:15px;line-height:18px}.social-videos-item__product-price{font-size:13px;line-height:16px}}@media screen and (max-width:392px){.social-videos__slider.swiper:not(.swiper-container-initialized) .swiper-slide{flex:0 0 86%}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-social-videos.css.map */