.video-reel{display:block;padding:32px 0 24px}.video-reel__heading{margin:0 16px 24px;text-align:center}.video-reel__scroller{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none;padding:4px 0 32px}.video-reel__scroller::-webkit-scrollbar{display:none}.video-reel__list{display:flex;gap:32px;width:max-content;margin:0 auto;padding:0 16px;list-style:none}@media screen and (min-width:750px){.video-reel__scroller{scroll-padding-inline:32px}.video-reel__list{padding:0 32px}}.video-reel__card{flex:0 0 auto;width:var(--reel-card-width, 250px);margin:0;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.video-reel__media{position:relative;height:var(--reel-card-height, 442px);background:#6b7280;cursor:pointer}.video-reel__poster,.video-reel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-reel__video{opacity:0;transition:opacity .3s ease}.video-reel__card.is-playing .video-reel__video{opacity:1}.video-reel__creator{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:8px;color:#fff;pointer-events:none}.video-reel__avatar{flex:none;width:32px;height:32px;border-radius:50%;object-fit:cover}.video-reel__creator .video-reel__handle{margin:0;overflow:hidden;color:#fff;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:14px;font-weight:600;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.video-reel__controls{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;gap:8px;height:44px;padding:0 6px;background:#111827cc;color:#fff;cursor:default}@media(hover:hover)and (min-width:750px){.video-reel__controls{opacity:0;transition:opacity .15s ease}.video-reel__card:hover .video-reel__controls,.video-reel__card:focus-within .video-reel__controls,.video-reel__card.is-paused .video-reel__controls{opacity:1}}.video-reel__button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:4px;background:none;color:inherit;cursor:pointer}.video-reel__button:focus-visible{outline:2px solid #fff;outline-offset:1px}.video-reel__icon{width:20px;height:20px}.video-reel__card.is-paused .video-reel__icon--pause,.video-reel__card:not(.is-paused) .video-reel__icon--play,.video-reel__button[aria-pressed=true] .video-reel__icon--muted,.video-reel__button[aria-pressed=false] .video-reel__icon--sound{display:none}.video-reel__track{flex:1;height:3px;overflow:hidden;border-radius:999px;background:#fff}.video-reel__track-bar{width:0;height:100%;background:#60a5fa;transition:width .25s linear}.video-reel__time{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.video-reel__product{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px 8px 16px;color:rgb(var(--color-foreground));text-decoration:none}.video-reel__product:hover .video-reel__product-title{text-decoration:underline}.video-reel__product-image{flex:none;width:32px;height:32px;border-radius:2px;object-fit:cover}.video-reel__product-title{overflow:hidden;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:16px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.video-reel__nav{display:flex;align-items:center;gap:12px;margin:0 16px}.video-reel__nav[hidden]{display:none}@media screen and (min-width:750px){.video-reel__nav{margin:0 32px}}.video-reel__progress{position:relative;flex:1;height:3px;overflow:hidden;border-radius:999px;background:rgba(var(--color-foreground),.1)}.video-reel__arrow{display:inline-flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(var(--color-foreground),.35);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.video-reel__arrow svg{width:20px;height:20px}.video-reel__arrow:disabled{opacity:.35;cursor:default}.video-reel__arrow:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.video-reel__product:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-3px}.video-reel__progress-bar{height:100%;background:rgb(var(--color-foreground))}@media(prefers-reduced-motion:reduce){.video-reel__video,.video-reel__track-bar,.video-reel__controls{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-video-reel.css.map */