social-videos{display:block;padding-block:var(--padding-top) var(--padding-bottom);--slide-width: var(--video-width)}.social-videos__heading{margin-block:0 24px;text-align:center}.social-videos__track{display:flex;align-items:center;gap:12px;overflow-x:auto;padding-inline:max(20px,calc((100% - var(--slide-width)) / 2));scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}.social-videos__track::-webkit-scrollbar{display:none}.social-videos__track.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.social-videos__slide{flex:0 0 var(--slide-width);min-width:0;scroll-snap-align:center}.social-videos__card{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:16px;background:rgba(var(--color-foreground),.08);transform:scale(var(--scale, .8))}.social-videos__card video,.social-videos__placeholder{display:block;width:100%;height:100%;object-fit:cover}.social-videos__playback{visibility:hidden;position:absolute;inset:auto 14px 112px;display:flex;justify-content:flex-end;pointer-events:none}.social-videos__slide.is-active .social-videos__playback{visibility:visible}.social-videos__playback button{position:relative;pointer-events:auto;border:0;border-radius:50%;width:36px;height:36px;background:#0005;color:#fff;cursor:pointer;font-size:18px}.social-videos__playback [data-mute]{display:grid;place-items:center;padding:8px}.social-videos__playback svg{display:block;width:20px;height:20px}.social-videos__playback svg [hidden]{display:none}.social-videos__product{position:absolute;inset:auto 16px 16px;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#89807c;color:#fff;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .2s}.social-videos__slide.is-active .social-videos__product{opacity:1;visibility:visible}.social-videos__product-image{width:56px;height:56px;flex-shrink:0;object-fit:contain;background:#fff;border-radius:8px;padding:4px}.social-videos__product-details{flex:1;min-width:0;font-size:14px;line-height:1.5;font-weight:600}.social-videos__product-title,.social-videos__price{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-videos__shop{padding:9px 17px;background:#000;color:#fff;border-radius:30px;font-size:14px;font-weight:600}.social-videos__navigation{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:24px}.social-videos__navigation button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:50%;color:rgb(var(--color-background));background:rgb(var(--color-foreground));cursor:pointer;transition:transform .2s,opacity .2s}.social-videos__navigation button:not(:disabled):active{transform:scale(.94)}@media(hover:hover){.social-videos__navigation button:not(:disabled):hover{opacity:.75}}.social-videos__navigation button:disabled{opacity:.35;cursor:default}.social-videos__navigation svg{width:24px;height:24px}.social-videos button:focus-visible,.social-videos a:focus-visible,.social-videos__track:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:749px){social-videos{--slide-width: min(62vw, 280px)}.social-videos__product{inset-inline:16px;gap:10px}.social-videos__track{gap:12px}}@media(prefers-reduced-motion:reduce){.social-videos__product,.social-videos__navigation button{transition:none}}.social-videos__video-toggle{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.social-videos__play-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#0007}.social-videos__play-icon svg{width:32px;height:32px}.social-videos__video-toggle.is-playing .social-videos__play-icon{display:none}.social-videos__youtube{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.social-videos__youtube-poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.social-videos__youtube iframe{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;pointer-events:none}.social-videos__youtube.is-loaded .social-videos__youtube-poster{visibility:hidden}.social-videos__youtube-fallback{position:absolute;inset:40% 16px auto;z-index:2;padding:16px;background:#000;color:#fff;text-align:center}.social-videos__youtube.has-error~.social-videos__video-toggle,.social-videos__youtube.has-error~.social-videos__playback{display:none}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-social-videos.css.map */