.video-reels-wrapper{position:relative}.video-reels-header{margin-bottom:3rem}@media screen and (min-width:750px){.video-reels-header{margin-bottom:3rem}}.video-reels-heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));color:rgba(var(--color-foreground),1)}.video-reels-slider-container{position:relative;margin:0 auto;max-width:100%;overflow:hidden}@media screen and (min-width:750px){.video-reels-grid{display:grid;gap:1rem}.video-reels-grid[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.video-reels-grid[data-columns="3"]{grid-template-columns:repeat(3,1fr)}.video-reels-grid[data-columns="4"]{grid-template-columns:repeat(4,1fr)}.video-reels-grid.video-reels-slider{display:flex;gap:1rem;transition:transform .4s ease-in-out}.video-reels-grid.video-reels-slider .video-reel-item{flex:0 0 auto;flex-shrink:0}.video-reels-grid.video-reels-slider[data-columns="2"] .video-reel-item{width:calc((100% - 1rem)/2);min-width:calc((100% - 1rem)/2)}.video-reels-grid.video-reels-slider[data-columns="3"] .video-reel-item{width:calc((100% - 1rem * 2) / 3);min-width:calc((100% - 1rem * 2) / 3)}.video-reels-grid.video-reels-slider[data-columns="4"] .video-reel-item{width:calc((100% - 3rem)/4);min-width:calc((100% - 3rem)/4)}}@media screen and (max-width:750px){.video-reels-wrapper{margin-left:calc(-1 * var(--page-width-margin));margin-right:calc(-1 * var(--page-width-margin));width:calc(100% + 2 * var(--page-width-margin))}.video-reels-grid{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 2rem 0 0;touch-action:pan-x pan-y}.video-reels-grid::-webkit-scrollbar{display:none}.video-reel-item{flex:0 0 auto;width:calc(100vw - 6rem);scroll-snap-align:start}.video-reel-item:first-child{margin-left:2rem}.video-reel-video-container,.video-reel-video{touch-action:manipulation}}.video-reel-card{display:flex;flex-direction:column;height:100%}.video-reel-video-container{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;background:rgba(var(--color-foreground),.05);border-radius:0}.video-reel-video{width:100%;height:100%;object-fit:cover;display:block}.video-reel-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;pointer-events:none;z-index:1;display:block!important}.video-reel-placeholder{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent}.video-reel-placeholder .placeholder-svg,.video-reel-placeholder svg{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;opacity:.9;fill:rgba(var(--color-foreground),1)}.video-reel-play-pause-icon{position:absolute;top:1rem;right:1rem;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:2;width:24px;height:40px}.video-reel-play-icon,.video-reel-pause-icon{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;opacity:1;transition:opacity .3s ease,transform .3s ease}.video-reel-play-icon svg,.video-reel-pause-icon svg{width:24px;height:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.video-reel-play-icon svg path{stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.video-reel-pause-icon svg rect{fill:#fff}.video-reel-pause-icon,.video-reel-item.is-playing .video-reel-play-icon{opacity:0;transform:translateY(-50%) scale(.8)}.video-reel-item.is-playing .video-reel-pause-icon{opacity:1;transform:translateY(-50%) scale(1)}.video-reel-mute-toggle{position:absolute;top:1rem;left:1rem;width:4rem;height:4rem;background:rgba(var(--color-foreground),.3);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background-color var(--duration-short) ease;padding:0}.video-reel-mute-toggle:hover{background:rgba(var(--color-foreground),.4)}.video-reel-mute-toggle:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}.video-reel-mute-toggle svg{width:24px;height:24px;color:#fff}.mute-icon-unmuted{display:none}.video-reel-label-overlay{position:absolute;bottom:1rem;left:1rem;right:1rem;font-size:1.5rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);color:#fff;line-height:1.4;z-index:3;pointer-events:none}.video-reel-product-card{display:block;margin-top:1rem;padding:.5rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:0;background:transparent;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease;text-decoration:none;color:inherit;cursor:pointer}.video-reel-product-card:hover{border-color:rgba(var(--color-foreground),.2);background:rgba(var(--color-foreground),.02)}.video-reel-product-content{display:flex;align-items:center;gap:1rem}.video-reel-product-image{flex-shrink:0;width:7rem;height:7rem;overflow:hidden;border-radius:0}.video-reel-product-image img{width:100%;height:100%;object-fit:cover;display:block}.video-reel-product-info{flex:1;min-width:0}.video-reel-product-title{margin:0 0 .5rem;font-size:1.6rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);line-height:1.3;color:rgba(var(--color-foreground),1);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-reel-product-price{font-size:1.6rem;font-family:var(--font-body-family);color:rgba(var(--color-foreground),1)}.video-reels-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3.2rem;height:3.2rem;background:#fff9;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--duration-short) ease;padding:.5rem;opacity:0;visibility:hidden}@media screen and (max-width:750px){.video-reels-arrow{display:none!important}}.video-reels-slider-container:hover .video-reels-arrow{opacity:1;visibility:visible}.video-reels-arrow:hover:not(.disabled){background:#fff}.video-reels-arrow:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}.video-reels-arrow.disabled{opacity:.3;cursor:not-allowed}.video-reels-arrow--prev{left:1rem}.video-reels-arrow--next{right:1rem}.video-reels-arrow svg,.video-reels-arrow .icon-caret{width:1.6rem;height:1.6rem;color:rgba(var(--color-foreground),.9)}.video-reels-arrow--next svg{transform:rotate(-90deg)}.video-reels-arrow--prev svg{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.video-reels-grid.video-reels-slider,.video-reel-play-icon,.video-reel-mute-toggle,.video-reels-arrow{transition:none}}@media print{.video-reel-mute-toggle,.video-reel-play-icon,.video-reels-arrow{display:none!important}}.video-reel-video:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}[dir=rtl] .video-reel-label-overlay,[dir=rtl] .video-reel-mute-toggle,[dir=rtl] .video-reels-arrow--prev{left:auto;right:1rem}[dir=rtl] .video-reels-arrow--next{right:auto;left:1rem}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-video-reels.css.map */