.social-video__item{position:relative;display:flex;flex-direction:column;aspect-ratio:var(--SOCIAL-VIDEO-ASPECT-RATIO);overflow:hidden;cursor:pointer}.social-video__wrapper{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.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;pointer-events:none}.social-video__item.is-playing .social-video__video,.social-video__item.is-muted-autoplay .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;width:100%;position:absolute;bottom:0;left:0;padding:var(--inner);justify-content:space-between;align-items:flex-end;pointer-events:none}.social-video__badge{display:inline-flex;align-items:center;background:var(--bg);color:var(--text);padding:6px 12px;border-radius:var(--radius);font-size:var(--body-small, 13px);font-weight:500;line-height:1.2;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:calc(100% - 48px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:28px}.social-video__badge-placeholder{visibility:hidden;pointer-events:none}.social-video__button{--icons: var(--text);--icon-size: 20px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:var(--radius);width:28px;height:28px;padding:0;cursor:pointer;pointer-events:auto;transition:transform .15s ease,opacity .15s ease;flex-shrink:0}.social-video__button:hover{transform:scale(1.05)}.social-video__button .icon-play,.social-video__button .icon-pause{width:var(--icon-size);height:var(--icon-size)}.social-video__button .icon-pause{display:none}.section-social-videos .grid__heading-holder{margin-bottom:0;padding-bottom:16px}.section-social-videos .grid__heading{margin-bottom:16px}.section-social-videos .grid__text{margin-bottom:0}.section-social-videos .grid__text p{margin-top:0;margin-bottom:16px}
/*# sourceMappingURL=/cdn/shop/t/27/assets/social-videos.css.map */