product-reels{display:block;margin-bottom:2.4rem}.product-reels__header{margin-bottom:2rem;padding:0 3rem}.product-reels__heading{margin:0 0 .5rem}.product-reels__subheading{margin:0;color:rgba(var(--color-foreground),.75)}.product-reels__empty{padding:4rem 1.5rem;text-align:center;color:rgba(var(--color-foreground),.75);border:.1rem dashed rgba(var(--color-foreground),.2);border-radius:1.2rem}.product-reels__track-wrap{position:relative}.product-reels__track{display:flex;gap:1rem;margin:0;padding:0 3rem 3rem;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:3rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.product-reels__track::-webkit-scrollbar{display:none}.product-reels__item{flex:0 0 auto;scroll-snap-align:start;border:1px solid #ccc;border-radius:12px}.product-reels__card{-webkit-appearance:none;appearance:none;display:block;position:relative;width:10rem;aspect-ratio:1 / 1;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.product-reels__card:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.product-reels__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:1rem;background-color:rgba(var(--color-foreground),.05)}.product-reels__media video,.product-reels__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.product-reels__poster{z-index:1;transition:opacity .3s ease}.product-reels__media.is-playing .product-reels__poster{opacity:0}.product-reels__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:50%;background:#ffffffeb;box-shadow:0 .2rem .8rem #0000004d;pointer-events:none;transition:transform .2s ease,background-color .2s ease}.product-reels__play-icon svg,.product-reels__play-icon .icon{width:1.4rem;height:1.4rem;margin-left:.2rem;fill:#1a1a1a;color:#1a1a1a}.product-reels__card:hover .product-reels__play-icon{transform:translate(-50%,-50%) scale(1.08);background:#fff}.product-reels__caption{position:absolute;width:.1rem;height:.1rem;padding:0;margin:-.1rem;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.product-reels__tooltip{position:fixed;z-index:100000;max-width:24rem;padding:.5rem .9rem;border-radius:.6rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.1rem;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;pointer-events:none;opacity:0;transform:translateY(.3rem);transition:opacity .15s ease,transform .15s ease}.product-reels__tooltip.is-visible{opacity:1;transform:translateY(0)}.product-reels__tooltip:before{content:"";position:absolute;bottom:100%;left:var(--reels-tooltip-arrow-left, 50%);transform:translate(-50%);border:.5rem solid transparent;border-bottom-color:rgb(var(--color-foreground))}.product-reels__tooltip--above:before{bottom:auto;top:100%;border-bottom-color:transparent;border-top-color:rgb(var(--color-foreground))}.product-reels__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center}.product-reels__modal[hidden]{display:none}.product-reels__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem)}.product-reels__dialog{position:relative;z-index:1;display:flex;max-width:92vw;max-height:90vh;max-height:90dvh}.product-reels__stage{display:flex}.product-reels__stage video{display:block;width:auto;height:auto;max-width:92vw;max-height:90vh;max-height:90dvh;object-fit:contain;border-radius:.8rem;background:#000;box-shadow:0 2rem 6rem #0009}.product-reels__close{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:1.2rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.55);cursor:pointer}.product-reels__close:hover{color:rgb(var(--color-foreground))}.product-reels__close:focus-visible{outline:.2rem solid rgb(var(--color-background));outline-offset:.2rem}.product-reels__close svg,.product-reels__close .icon{width:2rem;height:2rem}.product-reels__dialog{opacity:0}.product-reels__modal.is-open .product-reels__dialog{opacity:1}@media(prefers-reduced-motion:no-preference){.product-reels__dialog{transform:scale(.96);transition:opacity .2s ease,transform .2s ease}.product-reels__modal.is-open .product-reels__dialog{transform:scale(1)}}@media(max-width:749px){.product-reels__header{margin-bottom:1.2rem}.product-reels__play-icon{width:3rem;height:3rem}.product-reels__play-icon svg,.product-reels__play-icon .icon{width:1.3rem;height:1.3rem}}@media(min-width:750px){.product-reels__track{gap:1.2rem}.product-reels__card{width:12rem}.product-reels__close{top:2rem;right:2rem}}@media(min-width:990px){.product-reels__header{padding:0}.product-reels__track{padding:0 0 3rem;scroll-padding-left:0}}@media(prefers-reduced-motion:reduce){.product-reels__poster,.product-reels__play-icon,.product-reels__tooltip,.product-reels__overlay,.product-reels__dialog{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-product-reels.css.map */