.shoppable-video__heading{text-align:center;margin:0 0 2rem;text-transform:uppercase;letter-spacing:.05em}.shoppable-video__carousel{position:relative;display:block}.shoppable-video__track{list-style:none;margin:0;padding:0 1rem .8rem;display:grid;grid-auto-flow:column;grid-auto-columns:65%;gap:var(--svc-gap, 12px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shoppable-video__track::-webkit-scrollbar{display:none}.shoppable-video__slide{scroll-snap-align:start;margin:0}.shoppable-video__card{display:flex;flex-direction:column;gap:.8rem}.shoppable-video__media{position:relative;aspect-ratio:9 / 16;width:100%;max-width:360px;max-height:70vh;margin:0 auto;border-radius:14px;overflow:hidden;background:#000;isolation:isolate;contain:layout paint}@supports not (aspect-ratio: 9 / 16){.shoppable-video__media:before{content:"";display:block;padding-top:177.78%}}.shoppable-video__video,.shoppable-video__iframe,.shoppable-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:cover;object-position:center;display:block;border:0}.shoppable-video__media{cursor:pointer}.shoppable-video__poster--overlay{z-index:1;transition:opacity .35s ease;pointer-events:none}.shoppable-video__media.is-playing .shoppable-video__poster--overlay{opacity:0}.shoppable-video__playpause{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:5.6rem;height:5.6rem;border-radius:50%;border:0;background:#ffffffeb;color:#111;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #00000040;transition:opacity .3s ease,transform .25s ease;pointer-events:none}.shoppable-video__playpause svg{width:2.4rem;height:2.4rem}.shoppable-video__pp-icon--pause,.shoppable-video__playpause[data-state=playing] .shoppable-video__pp-icon--play{display:none}.shoppable-video__playpause[data-state=playing] .shoppable-video__pp-icon--pause{display:block}.shoppable-video__media.is-playing .shoppable-video__playpause{opacity:0;transform:translate(-50%,-50%) scale(.85)}.shoppable-video__media:hover .shoppable-video__playpause{transform:translate(-50%,-50%) scale(1.05)}.shoppable-video__mute,.shoppable-video__open{position:absolute;z-index:3;width:3.2rem;height:3.2rem;border-radius:50%;border:0;background:#ffffffe6;color:#111;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;box-shadow:0 1px 4px #00000040;transition:background .2s ease,transform .15s ease}.shoppable-video__mute:hover,.shoppable-video__open:hover{background:#fff;transform:scale(1.05)}.shoppable-video__mute{top:.8rem;left:.8rem}.shoppable-video__open{bottom:.8rem;right:.8rem}.shoppable-video__mute svg,.shoppable-video__open svg{width:1.6rem;height:1.6rem}.shoppable-video__mute-icon--off,.shoppable-video__mute[data-state=muted] .shoppable-video__mute-icon--on{display:none}.shoppable-video__mute[data-state=muted] .shoppable-video__mute-icon--off{display:block}.shoppable-video__mute,.shoppable-video__open{opacity:0;transition:opacity .25s ease,transform .15s ease,background .2s ease}.shoppable-video__media.is-playing .shoppable-video__mute,.shoppable-video__media.is-playing .shoppable-video__open,.shoppable-video__media:hover .shoppable-video__open{opacity:1}.shoppable-video__meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:0 .4rem}.shoppable-video__caption{font-size:1.4rem;color:inherit;text-decoration:none;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shoppable-video__caption:hover{text-decoration:underline}.shoppable-video__rating{font-size:1.3rem;font-weight:600;white-space:nowrap}.shoppable-video__nav{position:absolute;top:calc(50% - 2.4rem);transform:translateY(-50%);z-index:4;width:3.6rem;height:3.6rem;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:#fffffff2;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026}.shoppable-video__nav:disabled{opacity:.35;cursor:not-allowed}.shoppable-video__nav--prev{left:-.5rem}.shoppable-video__nav--next{right:-.5rem}.shoppable-video__nav--prev .svg-wrapper{transform:rotate(90deg)}.shoppable-video__nav--next .svg-wrapper{transform:rotate(-90deg)}.shoppable-video__nav .svg-wrapper svg{width:1.4rem;height:1.4rem}@media screen and (min-width:750px){.shoppable-video__track{padding:0;grid-auto-columns:calc((100% - 2 * var(--svc-gap)) / 3)}.shoppable-video__nav{width:4rem;height:4rem}}@media screen and (min-width:990px){.shoppable-video__track{grid-auto-columns:calc((100% - (var(--svc-cols-desktop) - 1) * var(--svc-gap)) / var(--svc-cols-desktop))}.shoppable-video__nav--prev{left:-2rem}.shoppable-video__nav--next{right:-2rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-shoppable-video.css.map */