umbra-pdp-videos{display:block;--upv-gap: 12px;--upv-w: 72vw;--upv-inset: max(var(--gutter), calc((100% - var(--page-width, 1320px)) / 2))}.upv__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:var(--heading-gap)}.upv__head .upv__title{margin:0}.upv__nav{display:none;flex:none;gap:8px}.upv__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border-radius:50%}.upv__btn svg{width:18px;height:18px}.upv__btn[data-upv-nav="-1"]{transform:scaleX(-1)}.upv__btn[aria-disabled=true]{opacity:.3;cursor:default}.upv__list{display:flex;gap:var(--upv-gap);margin:0;padding:0 var(--upv-inset);list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 var(--upv-inset);scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.upv__list::-webkit-scrollbar{display:none}.upv__item{position:relative;flex:0 0 var(--upv-w);min-width:0;scroll-snap-align:start}.upv__play{display:block;position:relative;width:100%;color:inherit;line-height:inherit;text-align:start;-webkit-tap-highlight-color:transparent}.upv__card,.upv__stage{display:block;position:relative;aspect-ratio:9 / 16;overflow:hidden;isolation:isolate;border-radius:var(--upv-radius);background:rgba(var(--text-color) / .06)}.upv__stage{position:absolute;top:0;left:0;z-index:3;width:100%;background:none}.upv__stage[data-preview]{pointer-events:none}@supports not (aspect-ratio: 1){.upv__card:before,.upv__stage:before{content:"";display:block;padding-top:177.78%}}.upv__poster,.upv__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--upv-radius)}.upv__glyph,.upv__pause{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffeb;color:rgb(var(--text-color));box-shadow:0 2px 12px #00000024}.upv__glyph{left:12px;bottom:12px;width:44px;height:44px;transition:transform .3s cubic-bezier(.22,.61,.36,1)}.upv__glyph svg{width:11px;height:15px;margin-left:2px}@media(hover:hover){.upv__play:hover .upv__glyph{transform:scale(1.06)}}.upv__item[data-state] .upv__glyph{visibility:hidden}.upv__pause{top:10px;right:10px;width:44px;height:44px;pointer-events:auto}.upv__stage:not([data-preview]) .upv__pause{top:58px}.upv__pause:before{content:"";box-sizing:content-box;width:4px;height:13px;border:solid;border-width:0 4px}.upv__item[data-state=paused] .upv__pause:before{width:12px;height:14px;margin-left:3px;border:0;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.upv__play:focus-visible{outline:0}.upv__play:focus-visible:after{content:"";position:absolute;top:0;left:0;z-index:4;width:100%;padding-top:177.78%;border-radius:var(--upv-radius);box-shadow:inset 0 0 0 2px rgb(var(--text-color)),inset 0 0 0 4px #fff}.upv__btn:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.upv__pause:focus-visible{outline:0;box-shadow:0 0 0 2px rgb(var(--text-color)),0 0 0 4px #fff}.upv__meta{display:flex;align-items:baseline;gap:8px;margin:10px 2px 0;line-height:1.35}.upv__cap{flex:1;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.upv__dur{flex:none;margin-left:auto;color:rgba(var(--text-color) / .7);font-variant-numeric:tabular-nums}.upv__dur:first-child{margin-left:0}@media(min-width:770px){umbra-pdp-videos{--upv-w: calc((100% - 3 * var(--upv-gap)) / 3.5)}.upv__head{min-height:40px}.upv__nav:not([hidden]){display:flex}}@media(min-width:1441px){umbra-pdp-videos{--upv-w: calc((100% - 4 * var(--upv-gap)) / 5)}}@media(prefers-reduced-motion:reduce){.upv__list{scroll-behavior:auto}.upv__glyph{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/umbra-pdp-videos.css.map */