.reel-videos-section{width:100%;padding-top:var(--reel-top-padding, 40px);padding-bottom:var(--reel-bottom-padding, 40px);padding-left:var(--reel-side-padding, 20px);padding-right:var(--reel-side-padding, 20px);box-sizing:border-box}.reel-videos-section--full-width{max-width:100%}.reel-videos-wrapper{width:100%;max-width:100%;margin:0 auto}.reel-videos-track{display:grid;grid-template-columns:repeat(var(--reel-desktop-columns, 4),1fr);gap:var(--reel-video-gap, 12px);width:100%}.reel-video-item{width:100%}.reel-video-frame{position:relative;width:100%;aspect-ratio:670 / 1150;border-radius:var(--reel-corner-radius, 8px);overflow:hidden;background-color:#f0f0f0;cursor:pointer}@supports not (aspect-ratio: 670 / 1150){.reel-video-frame{height:0;padding-bottom:171.64%}.reel-video-media,.reel-video-poster,.reel-video-element,.reel-video-placeholder{position:absolute;top:0;left:0}}.reel-video-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.reel-video-media{position:relative;width:100%;height:100%}.reel-video-poster,.reel-video-element,.reel-video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.reel-video-poster{z-index:1;transition:opacity .25s ease}.reel-video-element{z-index:2;opacity:0;transition:opacity .25s ease;background-color:#000}.reel-video-media.is-playing .reel-video-element,.reel-video-item .reel-video-media.is-playing .reel-video-element{opacity:1}[data-reel-video-container].is-playing .reel-video-poster{opacity:0}[data-reel-video-container].is-playing .reel-video-element{opacity:1}.reel-video-placeholder{background-color:#e8e8e8}.reel-video-placeholder-svg{width:100%;height:100%;object-fit:cover}.reel-video-play-toggle{position:absolute;bottom:12px;right:12px;z-index:4;width:36px;height:36px;border-radius:50%;border:none;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reel-video-play-toggle .reel-icon-pause,[data-reel-video-container].is-playing .reel-icon-play{display:none}[data-reel-video-container].is-playing .reel-icon-pause{display:block}.reel-video-sound-toggle{position:absolute;bottom:12px;right:56px;z-index:4;width:32px;height:32px;border-radius:50%;border:none;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reel-video-sound-toggle .reel-icon-sound-off,[data-reel-video-container].is-muted .reel-icon-sound-on{display:none}[data-reel-video-container].is-muted .reel-icon-sound-off{display:block}.reel-video-empty-state{padding:60px 20px;text-align:center;color:#999;border:1px dashed #ccc;border-radius:8px}@media screen and (max-width:1500px)and (min-width:990px){.reel-videos-track{grid-template-columns:repeat(var(--reel-tablet-columns, 3),1fr)}}@media screen and (max-width:989px)and (min-width:750px){.reel-videos-track{grid-template-columns:repeat(var(--reel-tablet-columns, 3),1fr)}}@media screen and (max-width:749px){.reel-videos-section{padding-left:0;padding-right:0}.reel-videos-wrapper{padding-left:var(--reel-side-padding, 20px)}.reel-videos-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--reel-video-gap, 12px);padding-right:var(--reel-side-padding, 20px);scrollbar-width:none;-ms-overflow-style:none}.reel-videos-track::-webkit-scrollbar{display:none}.reel-video-item{flex:0 0 auto;width:78%;max-width:320px;scroll-snap-align:start}}@media screen and (max-width:380px){.reel-video-item{width:82%}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/shop-by-reel-videos.css.map */