.section-social-videos .grid--slider,.section-social-videos .grid--mobile-slider{padding-block:16px}@media only screen and (min-width:990px){.section-social-videos .grid--slider{--item-width: calc( (100vw - var(--scrollbar-width) - var(--outer) * 2) / var(--social-video-slides, 3.5) )}}.social-video__item{position:relative;display:flex;flex-direction:column;aspect-ratio:var(--SOCIAL-VIDEO-ASPECT-RATIO);overflow:visible;border-radius:40px;box-shadow:4px 4px 0 6px #f7b696;transform:rotate(var(--social-video-rotate, 0deg))}.social-video__wrapper{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #553d3d;border-radius:40px;overflow:hidden}.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__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.social-video__link:focus-visible{outline:2px solid var(--text);outline-offset:2px}.social-video__content{display:flex;width:100%;height:100%;align-items:var(--alignment-align-items);justify-content:var(--alignment-justify-content);position:absolute;top:0;left:0;z-index:2;padding:var(--inner);pointer-events:none}.social-video__button-wrapper{display:flex;align-items:center;gap:calc(var(--inner) / 4);background:var(--bg);padding:calc(var(--inner) / 4);border-radius:var(--radius)}.social-video__text{font-size:var(--body-medium);color:var(--text)}.social-video__button{--icons: var(--text);--icon-size: 20px;width:var(--icon-size);height:var(--icon-size);padding:0;cursor:pointer;transition:none;pointer-events:auto}.social-video__button .icon-pause{display:none}
/*# sourceMappingURL=/cdn/shop/t/32/assets/social-videos.css.map */