.sugar-social-media-videos{margin-top:var(--smv-mt);margin-bottom:var(--smv-mb);--sc-arrow-inset: 16px;--smv-gap: var(--smv-gap-d);--smv-pp: var(--smv-pp-d, 3);--smv-play-size: var(--smv-play-size-m);--smv-play-arrow-size: var(--smv-play-arrow-size-m);--smv-nav-space: var(--smv-nav-space-m)}@media screen and (max-width:749px){.sugar-social-media-videos{width:100vw;position:relative;margin-inline:calc(50% - 50vw);--smv-gap: var(--smv-gap-m);--smv-pp: var(--smv-pp-m, 2)}}.sugar-social-media-videos .splide:not(.is-initialized){visibility:visible}.sugar-social-media-videos .splide:not(.is-initialized) .splide__track{overflow:hidden;padding-left:var(--smv-track-pad, 16px);padding-right:var(--smv-track-pad, 16px)}.sugar-social-media-videos .splide[data-arrow-position=outside]:not(.is-initialized) .splide__track{padding-left:4px;padding-right:4px}@media screen and (max-width:749px){.sugar-social-media-videos .splide:not(.is-initialized) .splide__track{padding-left:var(--smv-track-pad-m, 16px);padding-right:var(--smv-track-pad-m, 16px)}.sugar-social-media-videos .splide[data-peek=true]:not(.is-initialized) .splide__slide{flex-basis:calc((100% + var(--smv-track-pad-m, 16px) - var(--smv-pp) * var(--smv-gap) - var(--smv-peek-m, 0px)) / var(--smv-pp))}.sugar-social-media-videos .splide[data-peek=true][data-arrow-position=outside]:not(.is-initialized) .splide__slide{flex-basis:calc((100% + 4px - var(--smv-pp) * var(--smv-gap) - var(--smv-peek-m, 0px)) / var(--smv-pp))}}.sugar-social-media-videos .splide:not(.is-initialized) .splide__list{display:flex;margin:0;padding:0;list-style:none}@media screen and (max-width:749px){.sugar-social-media-videos .splide:not(.is-initialized) .splide__list{transform:translate(calc(-1 * var(--smv-start-m, 0) * (100% + var(--smv-gap)) / var(--smv-pp)))}.sugar-social-media-videos .splide[data-peek=true]:not(.is-initialized) .splide__list{transform:translate(calc(-1 * var(--smv-start-m, 0) * (100% + var(--smv-track-pad-m, 16px) - var(--smv-peek-m, 0px)) / var(--smv-pp)))}.sugar-social-media-videos .splide[data-peek=true][data-arrow-position=outside]:not(.is-initialized) .splide__list{transform:translate(calc(-1 * var(--smv-start-m, 0) * (100% + 4px - var(--smv-peek-m, 0px)) / var(--smv-pp)))}}.sugar-social-media-videos .splide:not(.is-initialized) .splide__slide{position:relative;box-sizing:border-box;flex:0 0 calc((100% - (var(--smv-pp) - 1) * var(--smv-gap)) / var(--smv-pp));margin-right:var(--smv-gap);list-style:none}.sugar-social-media-videos .splide[data-marquee=true]:not(.is-initialized) .splide__slide{flex-basis:calc(100% / var(--smv-pp))}@media screen and (min-width:750px){.sugar-social-media-videos{--smv-play-size: var(--smv-play-size-d);--smv-play-arrow-size: var(--smv-play-arrow-size-d);--smv-nav-space: var(--smv-nav-space-d)}}.sugar-social-media-videos .splide{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sugar-social-media-videos .splide__track{transform:translateZ(0);padding:8px 0}.sugar-social-media-videos .splide__list{align-items:stretch;margin:0;padding:0;list-style:none}.sugar-social-media-videos .splide__slide{height:auto}.sugar-social-media-videos .splide--marquee .splide__slide{margin-right:var(--smv-gap)}.sugar-social-media-videos .sugar-social-media-videos__grid-list{display:grid;grid-template-columns:repeat(var(--smv-pp),minmax(0,1fr));gap:var(--smv-gap);margin:0;padding:0;list-style:none}@media screen and (max-width:749px){.sugar-social-media-videos.sugar-social-media-videos--grid{width:auto;margin-inline:0}}.sugar-social-media-videos .social-media-video-item__card{position:relative;cursor:pointer;height:100%;display:flex;flex-direction:column}.sugar-social-media-videos .social-media-video-item__thumbnail{position:relative;aspect-ratio:var(--smv-ratio);overflow:hidden;border-radius:var(--smv-thumb-radius);background:#f0f0f0}.sugar-social-media-videos .social-media-video-item__image,.sugar-social-media-videos .social-media-video-item__video{width:100%;height:100%;object-fit:cover;display:block}.sugar-social-media-videos .social-media-video-item__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e8e8e8}.sugar-social-media-videos .social-media-video-item__placeholder svg{width:50%;height:auto;opacity:.4}.sugar-social-media-videos .social-media-video-item__play-button{position:absolute;display:var(--smv-play-display);place-items:center;background:transparent;border:none;padding:0;cursor:pointer;z-index:2;opacity:var(--smv-play-opacity);transition:transform .2s ease,opacity .2s ease}.sugar-social-media-videos--play-center .social-media-video-item__play-button{top:50%;left:50%;transform:translate(-50%,-50%)}.sugar-social-media-videos--play-top_left .social-media-video-item__play-button{top:6px;left:6px;transform:none}.sugar-social-media-videos--play-top_right .social-media-video-item__play-button{top:6px;right:6px;transform:none}.sugar-social-media-videos--play-bottom_left .social-media-video-item__play-button{bottom:6px;left:6px;transform:none}.sugar-social-media-videos--play-bottom_right .social-media-video-item__play-button{bottom:6px;right:6px;transform:none}.sugar-social-media-videos .social-media-video-item__card:hover .social-media-video-item__play-button{transform:scale(1.05)}.sugar-social-media-videos--play-center .social-media-video-item__card:hover .social-media-video-item__play-button{transform:translate(-50%,-50%) scale(1.05)}.sugar-social-media-videos .social-media-video-item__play-button .sugar-icon{grid-area:1 / 1;font-size:var(--smv-play-size);line-height:1;filter:var(--smv-play-shadow)}.sugar-social-media-videos--play-cutout .social-media-video-item__play-button .play-button-outline,.sugar-social-media-videos--play-cutout .social-media-video-item__play-button .play-button-circle,.sugar-social-media-videos--play-cutout .social-media-video-item__play-button .play-button-arrow{display:none}.sugar-social-media-videos--play-cutout .social-media-video-item__play-button .play-button-filled{display:inline-block;color:var(--smv-play-circle);opacity:var(--smv-play-circle-opacity, 1)}.sugar-social-media-videos--play-filled .social-media-video-item__play-button .play-button-outline,.sugar-social-media-videos--play-filled .social-media-video-item__play-button .play-button-filled{display:none}.sugar-social-media-videos--play-filled .social-media-video-item__play-button .play-button-circle{color:var(--smv-play-circle);opacity:var(--smv-play-circle-opacity, 1)}.sugar-social-media-videos--play-filled .social-media-video-item__play-button .play-button-arrow{font-size:var(--smv-play-arrow-size);color:var(--smv-play-arrow)}.sugar-social-media-videos--play-grad.sugar-social-media-videos--play-filled .social-media-video-item__play-button .play-button-circle,.sugar-social-media-videos--play-grad.sugar-social-media-videos--play-cutout .social-media-video-item__play-button .play-button-filled{background:var(--smv-play-grad) center / 83.333% 83.333% no-repeat}.sugar-social-media-videos--play-ring .social-media-video-item__play-button:after{content:"";z-index:1;grid-area:1 / 1;box-sizing:border-box;width:calc(var(--smv-play-size) * 5 / 6);height:calc(var(--smv-play-size) * 5 / 6);border:var(--smv-play-ring-w) solid var(--smv-play-ring-c, rgba(255, 255, 255, .2));border-radius:50%;opacity:var(--smv-play-circle-opacity, 1);pointer-events:none}.sugar-social-media-videos--play-outline .social-media-video-item__play-button .play-button-circle,.sugar-social-media-videos--play-outline .social-media-video-item__play-button .play-button-arrow,.sugar-social-media-videos--play-outline .social-media-video-item__play-button .play-button-filled{display:none}.sugar-social-media-videos--play-outline .social-media-video-item__play-button .play-button-outline{color:#fff}@media(hover:hover){.sugar-social-media-videos--play-hover .social-media-video-item__play-button{opacity:0}.sugar-social-media-videos--play-hover .social-media-video-item__card:hover .social-media-video-item__play-button{opacity:var(--smv-play-opacity)}}.sugar-social-media-videos [data-click-behavior=inline] .social-media-video-item__play-button,.sugar-social-media-videos .social-media-video-item.is-playing-inline .social-media-video-item__play-button{display:none}.sugar-social-media-videos .sc-nav:not(.sc-nav--over){margin-top:calc(var(--sc-nav-margin-top) + var(--smv-nav-space, 12px) - 12px)}.sugar-social-media-videos .sc-nav:not(.sc-nav--stack){gap:var(--smv-nav-gap, var(--sc-nav-gap))}.sugar-social-media-videos .sugar-social-media-videos__slider-wrapper--outside{display:flex;align-items:center;gap:var(--smv-nav-gap, 8px)}@media screen and (max-width:749px){.sugar-social-media-videos .sugar-social-media-videos__slider-wrapper--outside{padding-left:10px;padding-right:10px}}.sugar-social-media-videos .sugar-social-media-videos__slider-wrapper--outside .splide{flex:1;min-width:0}@media screen and (max-width:749px){.sugar-social-media-videos--arrows-desktop .sc-arrow,.sugar-social-media-videos--arrows-desktop .sc-nav__arrows,.sugar-social-media-videos--arrows-desktop .sc-nav:not(:has(.sc-pagination,.sc-progress,.sc-fraction)){display:none}.sugar-social-media-videos--arrows-desktop .sugar-social-media-videos__slider-wrapper--outside{padding-left:0;padding-right:0}.sugar-social-media-videos--arrows-desktop .splide[data-arrow-position=outside]:not(.is-initialized) .splide__track{padding-left:var(--smv-track-pad-m, 16px);padding-right:calc(var(--smv-track-pad-m, 16px) + var(--smv-peek-m, 0px))}}@media screen and (min-width:750px){.sugar-social-media-videos--arrows-mobile .sc-arrow,.sugar-social-media-videos--arrows-mobile .sc-nav__arrows,.sugar-social-media-videos--arrows-mobile .sc-nav:not(:has(.sc-pagination,.sc-progress,.sc-fraction)){display:none}.sugar-social-media-videos--arrows-mobile .splide[data-arrow-position=outside]:not(.is-initialized) .splide__track{padding-left:var(--smv-track-pad, 16px);padding-right:var(--smv-track-pad, 16px)}}@media screen and (max-width:749px){.sugar-social-media-videos--dots-desktop .sc-pagination,.sugar-social-media-videos--dots-desktop .sc-progress,.sugar-social-media-videos--dots-desktop .sc-fraction,.sugar-social-media-videos--dots-desktop .sc-nav:not(:has(>.sc-arrow,>.sc-nav__arrows)),.sugar-social-media-videos--dots-desktop.sugar-social-media-videos--arrows-desktop .sc-nav{display:none}.sugar-social-media-videos--dots-desktop .splide{--sc-arrow-inset-top: 50%}}@media screen and (min-width:750px){.sugar-social-media-videos--dots-mobile .sc-pagination,.sugar-social-media-videos--dots-mobile .sc-progress,.sugar-social-media-videos--dots-mobile .sc-fraction,.sugar-social-media-videos--dots-mobile .sc-nav:not(:has(>.sc-arrow,>.sc-nav__arrows)),.sugar-social-media-videos--dots-mobile.sugar-social-media-videos--arrows-mobile .sc-nav{display:none}.sugar-social-media-videos--dots-mobile .splide{--sc-arrow-inset-top: 50%}}.sugar-social-media-videos__popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--smv-overlay);opacity:0;pointer-events:none;visibility:hidden;cursor:pointer;--smv-close-box: calc(var(--smv-close-size) + 12px);--smv-close-gap: 12px;--smv-close-room: 0px}.sugar-social-media-videos__popup[data-smv-close-pos=outside]{--smv-close-room: calc(var(--smv-close-box) + var(--smv-close-gap))}.sugar-social-media-videos__popup:not([data-smv-anim=none]){transition:opacity .25s ease,visibility .25s ease}.sugar-social-media-videos__popup.is-open{pointer-events:auto;opacity:1;visibility:visible}.sugar-social-media-videos__popup .sugar-social-media-videos__popup-container{position:relative;width:100%;max-width:min(var(--smv-popup-w-d),(90dvh - var(--smv-close-room)) * var(--smv-popup-ratio));max-height:90vh;margin:1rem;cursor:auto}.sugar-social-media-videos__popup[data-smv-close-pos=outside] .sugar-social-media-videos__popup-container{margin-top:calc(1rem + var(--smv-close-room))}.sugar-social-media-videos__popup[data-smv-anim=fade-scale] .sugar-social-media-videos__popup-container{transform:scale(.95);transition:transform .25s ease}.sugar-social-media-videos__popup[data-smv-anim=slide-up] .sugar-social-media-videos__popup-container{transform:translateY(20px);transition:transform .25s ease}.sugar-social-media-videos__popup[data-smv-anim=slide-down] .sugar-social-media-videos__popup-container{transform:translateY(-20px);transition:transform .25s ease}.sugar-social-media-videos__popup.is-open[data-smv-anim=fade-scale] .sugar-social-media-videos__popup-container{transform:scale(1)}.sugar-social-media-videos__popup.is-open[data-smv-anim=slide-up] .sugar-social-media-videos__popup-container,.sugar-social-media-videos__popup.is-open[data-smv-anim=slide-down] .sugar-social-media-videos__popup-container{transform:translateY(0)}@media screen and (max-width:749px){.sugar-social-media-videos__popup .sugar-social-media-videos__popup-container{max-width:min(var(--smv-popup-w-m),(90dvh - var(--smv-close-room)) * var(--smv-popup-ratio))}.sugar-social-media-videos__popup[data-smv-close-pos=outside] .sugar-social-media-videos__popup-container{margin-top:1rem;margin-bottom:calc(1rem + var(--smv-close-room))}}.sugar-social-media-videos__popup .sugar-social-media-videos__popup-video-wrapper{position:relative;aspect-ratio:var(--smv-popup-ratio);background:#000;border-radius:var(--smv-popup-radius);overflow:hidden}.sugar-social-media-videos__popup .sugar-social-media-videos__popup-video{width:100%;height:100%;object-fit:contain;border-radius:var(--smv-popup-radius)}.sugar-social-media-videos__popup .sugar-social-media-videos__popup-video[data-smv-fill]{object-fit:cover}.sugar-social-media-videos__popup .sugar-social-media-videos__popup-close{position:absolute;top:clamp(8px,(var(--smv-popup-radius) - var(--smv-close-box) / 2) * .3,48px);right:clamp(8px,(var(--smv-popup-radius) - var(--smv-close-box) / 2) * .3,48px);z-index:2;width:var(--smv-close-box);height:var(--smv-close-box);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:var(--smv-close-color);opacity:var(--smv-close-opacity);transition:opacity .2s ease,background .2s ease}.sugar-social-media-videos__popup[data-smv-close=simple] .sugar-social-media-videos__popup-close{background:transparent;border-radius:0}.sugar-social-media-videos__popup[data-smv-close=outline] .sugar-social-media-videos__popup-close{background:transparent;border:1.5px solid var(--smv-close-color);border-radius:50%}.sugar-social-media-videos__popup[data-smv-close=circle] .sugar-social-media-videos__popup-close{background:var(--smv-close-bg);border-radius:50%}.sugar-social-media-videos__popup[data-smv-close=simple] .sugar-social-media-videos__popup-close:hover,.sugar-social-media-videos__popup[data-smv-close=outline] .sugar-social-media-videos__popup-close:hover{opacity:1}.sugar-social-media-videos__popup[data-smv-close=circle] .sugar-social-media-videos__popup-close:hover{background:var(--smv-close-bg-hover);opacity:1}.sugar-social-media-videos__popup .sugar-social-media-videos__popup-close .sugar-icon{font-size:var(--smv-close-size)}.sugar-social-media-videos__popup[data-smv-close-pos=outside] .sugar-social-media-videos__popup-close{top:auto;bottom:calc(100% + var(--smv-close-gap));right:0}@media screen and (max-width:749px){.sugar-social-media-videos__popup[data-smv-close-pos=outside] .sugar-social-media-videos__popup-close{top:calc(100% + var(--smv-close-gap));bottom:auto;left:0;right:0;margin-inline:auto}}.sugar-social-media-videos.sugar-social-media-videos--empty{padding:40px 20px;text-align:center;border:2px dashed rgba(0,0,0,.2);border-radius:8px}.sugar-social-media-videos .sugar-social-media-videos__empty-message{color:#00000080;font-size:14px;margin:0}
/*# sourceMappingURL=/cdn/shop/t/90/assets/block-social-media-videos.css.map */