.shoppable-video{display:block}.shoppable-video__header{margin-bottom:2.4rem}.shoppable-video--center .shoppable-video__header{text-align:center}.shoppable-video__heading{margin:0}.shoppable-video__subheading{margin-top:.8rem}.shoppable-video__subheading>:first-child{margin-top:0}.shoppable-video__subheading>:last-child{margin-bottom:0}.shoppable-video__slider{position:relative}.shoppable-video__track{margin:0;padding:0;list-style:none}.shoppable-video__slide{display:flex}.shoppable-video__card{display:flex;flex-direction:column;width:100%;min-width:0}.shoppable-video__stage{position:relative;overflow:hidden;aspect-ratio:var(--shopvid-ratio, 9 / 16);border-radius:var(--shopvid-radius, .8rem);background-color:rgba(var(--color-foreground),.06)}.shoppable-video__media{display:block;width:100%;height:100%;object-fit:cover}.shoppable-video__stage:fullscreen{aspect-ratio:auto;border-radius:0;background-color:#000}.shoppable-video__stage:fullscreen .shoppable-video__media{object-fit:contain}.shoppable-video__controls{position:absolute;top:.8rem;inset-inline-end:.8rem;display:flex;gap:.6rem;z-index:1}.shoppable-video__control{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;cursor:pointer;border:0;border-radius:50%;color:#121212;background-color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color var(--ui-duration, .2s) var(--ui-ease, ease)}.shoppable-video__control:hover{background-color:#fff}.shoppable-video__control:focus-visible{outline:.2rem solid #ffffff;outline-offset:.2rem}.shoppable-video__control svg{width:1.6rem;height:1.6rem}.shoppable-video__icon--unmuted,.shoppable-video__control[aria-pressed=true] .shoppable-video__icon--unmuted,.shoppable-video__control[aria-pressed=false] .shoppable-video__icon--muted{display:none}.shoppable-video__control[aria-pressed=false] .shoppable-video__icon--unmuted{display:flex}.shoppable-video__play{position:absolute;top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;padding:0;cursor:pointer;border:0;border-radius:50%;color:#fff;background-color:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color var(--ui-duration, .2s) var(--ui-ease, ease);z-index:1}[dir=rtl] .shoppable-video__play{transform:translate(50%,-50%)}.shoppable-video__play:hover{background-color:#000000a6}.shoppable-video__play:focus-visible{outline:.2rem solid #ffffff;outline-offset:.2rem}.shoppable-video__play svg{width:1.8rem;height:1.8rem}.shoppable-video__icon--play{margin-inline-start:.3rem}.shoppable-video__play[aria-pressed=true] .shoppable-video__icon--play,.shoppable-video__play[aria-pressed=false] .shoppable-video__icon--pause{display:none}.shoppable-video__product{padding:1rem;border:.1rem solid rgba(var(--color-foreground),.12);border-top:0;border-end-start-radius:var(--shopvid-radius, .8rem);border-end-end-radius:var(--shopvid-radius, .8rem);background-color:rgb(var(--color-background))}.shoppable-video__product-row{display:flex;align-items:center;gap:1rem}.shoppable-video__product-link{display:flex;align-items:center;gap:1rem;flex:1 1 auto;min-width:0;text-decoration:none;color:rgb(var(--color-foreground))}.shoppable-video__product-image{flex:0 0 auto;width:4.4rem;height:4.4rem;object-fit:cover;border-radius:var(--ui-radius-sm, .4rem);background-color:rgba(var(--color-foreground),.05)}.shoppable-video__product-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.shoppable-video__product-title{font-size:1.4rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shoppable-video__product-price{font-size:1.4rem;font-weight:600}.shoppable-video__toggle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;cursor:pointer;border:0;background:none;color:rgb(var(--color-foreground))}.shoppable-video__toggle-icon{display:flex;transform:rotate(180deg);transition:transform var(--ui-duration, .2s) var(--ui-ease, ease)}.shoppable-video__toggle[aria-expanded=true] .shoppable-video__toggle-icon{transform:rotate(0)}.shoppable-video__toggle svg{width:1.2rem;height:1.2rem}.shoppable-video__panel{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:1rem}.shoppable-video__panel[hidden]{display:none}.shoppable-video__form,.shoppable-video__add{width:100%;margin:0}.shoppable-video__details{font-size:1.3rem}.shoppable-video__arrow{position:absolute;top:calc(var(--shopvid-stage-height, 100%) / 2);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:3.6rem;padding:0;cursor:pointer;border:0;background:none;color:rgb(var(--color-foreground));z-index:2}.shoppable-video__arrow--prev{inset-inline-start:-3.6rem}.shoppable-video__arrow--next{inset-inline-end:-3.6rem}.shoppable-video__arrow svg{width:1.4rem;height:1.4rem}.shoppable-video__arrow--prev svg{transform:rotate(90deg)}.shoppable-video__arrow--next svg{transform:rotate(-90deg)}.shoppable-video__arrow[disabled]{opacity:.3;cursor:default}[dir=rtl] .shoppable-video__arrow--prev svg{transform:rotate(-90deg)}[dir=rtl] .shoppable-video__arrow--next svg{transform:rotate(90deg)}.shoppable-video__dots{display:flex;justify-content:center;gap:.6rem;margin-top:1.6rem}.shoppable-video__dots:empty{display:none}.shoppable-video__cta{margin-top:2.4rem;text-align:center}.shoppable-video__empty{margin:0;padding:2.4rem;text-align:center;border:.1rem dashed rgba(var(--color-foreground),.3);border-radius:var(--ui-radius, .8rem)}@media screen and (max-width:989px){.shoppable-video__arrow{display:none}}@media screen and (max-width:749px){.shoppable-video__header{margin-bottom:1.6rem}.shoppable-video__control{width:3.6rem;height:3.6rem}.shoppable-video__toggle{width:4rem;height:4rem}}@media(prefers-reduced-motion:reduce){.shoppable-video__toggle-icon,.shoppable-video__control{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/component-shoppable-video.css.map */