.section-social-videos{overflow:hidden}.social-videos__carousel{display:block;height:var(--social-videos-carousel-height, 580px);margin-top:calc(var(--gutter, 16px) * 1.5);touch-action:pan-y}.social-videos__carousel:focus{outline:none}.social-videos__carousel .flickity-viewport{height:100%!important}.social-videos__carousel:not(.flickity-enabled){display:flex;justify-content:center;overflow:hidden}.social-videos__cell{width:var(--social-videos-card-width, 260px);height:100%;margin:0 6px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.social-videos__frame{width:100%;height:78%;padding:0;border:0;transform:scale(.84);opacity:.62;transition:transform .5s ease-out,opacity .5s ease-out,height .5s ease-out}.social-videos__frame--active{transform:scale(1);opacity:1;height:92%}.social-videos__media{position:relative;width:100%;height:100%;overflow:hidden;background-color:#0000000f}.social-videos__poster,.social-videos__poster img,.social-videos__video,.social-videos__video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.social-videos__poster img,.social-videos__video video{object-fit:cover}.social-videos__video{opacity:0;transition:opacity .3s ease-out}.social-videos__video.is-playing{opacity:1}.social-videos__mute{position:absolute;top:12px;right:12px;z-index:4;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:#ffffffe6;color:#202020;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease-out}.social-videos__frame--active .social-videos__mute{opacity:1;pointer-events:auto}.social-videos__mute svg{width:16px;height:16px;display:block;fill:currentColor;stroke:none}.social-videos__mute .icon-sound-on{display:none}.social-videos__mute .icon-sound-off,.social-videos__mute[data-muted=false] .icon-sound-on{display:block}.social-videos__mute[data-muted=false] .icon-sound-off{display:none}.social-videos__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease-out}.social-videos__frame--active.is-paused .social-videos__play{opacity:1}.social-videos__play-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffffe6;box-shadow:0 6px 18px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#202020}.social-videos__handle{position:absolute;inset:auto 0 12px 0;z-index:2;text-align:center;font-size:12px;font-weight:600;color:#ffffffbf;transition:opacity .4s ease-out}.social-videos__frame--active .social-videos__handle{opacity:0}.social-videos__quote{position:absolute;inset:auto 0 0 0;z-index:2;padding:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .4s ease-out,transform .4s ease-out}.social-videos__frame--active .social-videos__quote{opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:.15s}.social-videos__quote-inner{padding:12px;background:var(--COLOR-BG);overflow:hidden}.social-videos__quote-text{margin:0;font-size:13px;line-height:1.4;color:var(--COLOR-TEXT)}.social-videos__byline{margin-top:8px;display:flex;align-items:center}.social-videos__author{display:inline-block;font-family:var(--FONT-STACK-SUBHEADING);font-size:13px;color:var(--COLOR-TEXT);text-decoration:none}a.social-videos__author:hover,a.social-videos__author:focus-visible{text-decoration:underline}.social-videos__carousel .flickity-page-dots{bottom:-17px}.social-videos__carousel .flickity-page-dots .dot{width:8px;height:8px;margin:0 4px;background:currentColor;opacity:.2;transition:opacity .3s ease,transform .3s ease}.social-videos__carousel .flickity-page-dots .dot.is-selected{opacity:.9;transform:scale(1.25)}@media(prefers-reduced-motion:reduce){.social-videos__frame,.social-videos__media,.social-videos__quote,.social-videos__mute,.social-videos__play,.social-videos__video,.social-videos__carousel .flickity-page-dots .dot{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/social-videos-carousel.css.map */