.social-video__item{position:relative;display:flex;flex-direction:column;aspect-ratio:var(--SOCIAL-VIDEO-ASPECT-RATIO);overflow:hidden}.social-video__wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.social-video__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.social-video__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.social-video__video{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.social-video__video video{width:100%;height:100%;object-fit:cover}.social-video__item.is-playing .social-video__video{opacity:1}.social-video__item.is-playing .social-video__button .icon-play{display:none}.social-video__item.is-playing .social-video__button .icon-pause{display:flex}.social-video__content{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;height:100%;position:absolute;top:0;left:0;padding:var(--inner);cursor:pointer;box-sizing:border-box}.social-video__top{width:100%;flex:0 0 auto;align-self:stretch}.social-video__bottom{width:100%;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--inner) / 2)}.social-video__button-wrapper{display:flex;align-items:center;background:var(--bg);padding:calc(var(--inner) / 4);border-radius:var(--radius)}.social-video__badge{font-size:var(--body-medium);color:var(--text);background:var(--bg);padding:calc(var(--inner) / 4);border-radius:var(--radius);line-height:1;white-space:nowrap}.social-video__product-overlay{width:calc(100% + 2 * var(--inner));margin-inline:calc(-1 * var(--inner));margin-block-end:calc(-1 * var(--inner));box-sizing:border-box;display:flex;flex-direction:column;flex:0 0 auto;min-height:0;background:linear-gradient(to top,color-mix(in srgb,var(--COLOR-BG) 72%,transparent) 0%,transparent 100%);border-radius:0;overflow:hidden}.social-video__product-link{--social-product-strip-h: 6.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:calc(var(--inner) / 2);align-items:center;background:transparent;height:var(--social-product-strip-h);min-height:var(--social-product-strip-h);max-height:var(--social-product-strip-h);min-width:0;padding-inline:var(--inner);padding-block:0;border-radius:0;color:var(--text);text-decoration:none;width:100%;box-sizing:border-box;overflow:hidden}.social-video__product-overlay .lazy-image--backfill.is-loading{background:transparent}.social-video__product-overlay .lazy-image--backfill.is-loading:after{content:none;display:none}.social-video__product-overlay .social-video__product-link>.social-video__product-image{display:flex;align-items:center;justify-content:center;min-width:0;height:100%;max-height:100%;overflow:hidden;background:transparent;box-sizing:border-box}.social-video__product-overlay .social-video__product-link>.social-video__product-image>.image-wrapper{width:auto!important;max-width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;padding-top:0!important;border-radius:calc(var(--radius) / 2);overflow:hidden;display:flex;align-items:center;justify-content:center}.social-video__product-overlay .social-video__product-link>.social-video__product-image>.image-wrapper img{position:static!important;display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain;border-radius:calc(var(--radius) / 2)}.social-video__product-title{font-size:var(--body-medium);color:var(--text);background:transparent;align-self:center;min-width:0;padding:0;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.2}.social-video__product-overlay .social-video__product-link>.social-video__product-title:only-child{grid-column:1 / -1;padding:0}.social-video__button{--icons: var(--text);--icon-size: 20px;width:var(--icon-size);height:var(--icon-size);padding:0;cursor:pointer;transition:none}.social-video__button .icon-pause{display:none}
/*# sourceMappingURL=/cdn/shop/t/9/assets/social-videos.css.map */