.nextdev--pdp__ugc-videos :where(h1,h2,h3,h4,h5,h6),.nextdev--pdp__ugc-videos-dialog :where(h1,h2,h3,h4,h5,h6){font-family:var(--nextdev-font-display)}.nextdev--pdp__ugc-videos :where(button,input,select,textarea),.nextdev--pdp__ugc-videos-dialog :where(button,input,select,textarea){font-family:var(--nextdev-font-body)}.nextdev--pdp__ugc-videos{display:flex;flex-direction:column;gap:12px;min-width:0}.nextdev--pdp .nextdev--pdp__ugc-videos-title{margin:0;font-family:var(--nextdev-font-display);font-size:20px;font-weight:500;line-height:1.25;letter-spacing:normal;text-transform:none;color:var(--nextdev-color-ink)}.nextdev--pdp__ugc-videos-track{display:flex;gap:12px;margin:0 -12px;padding:0 12px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 12px;scrollbar-width:none;cursor:grab}.nextdev--pdp__ugc-videos-track::-webkit-scrollbar{display:none}.nextdev--pdp__ugc-videos-track--dragging{cursor:grabbing;scroll-snap-type:none}.nextdev--pdp__ugc-videos-track>li{flex:0 0 auto;margin:0;padding:0;scroll-snap-align:start}.nextdev--pdp__ugc-videos-item{display:block;position:relative;width:104px;aspect-ratio:2 / 3;padding:0;border:0;border-radius:10px;background:var(--nextdev-color-earth);overflow:hidden;cursor:pointer}.nextdev--pdp__ugc-videos-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;pointer-events:none}.nextdev--pdp__ugc-videos-item:hover img{transform:scale(1.04)}.nextdev--pdp__ugc-videos-item:focus-visible{outline:2px solid var(--nextdev-color-ink);outline-offset:2px}.nextdev--pdp__ugc-videos-play{display:grid;position:absolute;right:8px;bottom:8px;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--nextdev-color-cream);color:var(--nextdev-color-ink);box-shadow:0 2px 8px rgba(var(--nextdev-color-ink-rgb),.2)}.nextdev--pdp__ugc-videos-play svg{display:block;width:10px;height:12px;margin-left:2px}.nextdev--pdp__ugc-videos-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--nextdev-color-bone);font-family:var(--nextdev-font-body);overflow:hidden}.nextdev--pdp__ugc-videos-dialog::backdrop{background:rgba(var(--nextdev-color-bar-brown-rgb),.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nextdev--pdp__ugc-videos-dialog[open]{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:64px 0 24px}.nextdev--pdp__ugc-videos-viewer{width:100%;overflow:hidden;overflow:clip}.nextdev--pdp__ugc-videos-reel{display:flex;align-items:center;gap:16px;width:max-content;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.nextdev--pdp__ugc-videos-slide{display:block;position:relative;flex:0 0 auto;height:min(62vh,calc(100vh - 230px));aspect-ratio:2 / 3;max-width:calc(100vw - 32px);margin:0 16px;padding:0;border:0;border-radius:20px;background:var(--nextdev-color-ink);overflow:hidden;cursor:pointer;transition:transform .35s ease,opacity .35s ease}.nextdev--pdp__ugc-videos-slide:not(.nextdev--pdp__ugc-videos-slide--active){display:none}.nextdev--pdp__ugc-videos-slide--active{cursor:default}.nextdev--pdp__ugc-videos-poster,.nextdev--pdp__ugc-videos-video{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.nextdev--pdp__ugc-videos-video{z-index:1;object-fit:contain;background:var(--nextdev-color-ink)}.nextdev--pdp__ugc-videos-slide .nextdev--pdp__video-progress{z-index:2}.nextdev--pdp__ugc-videos-dialog .nextdev--pdp__video-track,.nextdev--pdp__ugc-videos-dialog .nextdev--pdp__video-bar{display:block}.nextdev--pdp__ugc-videos-slide .nextdev--pdp__watch{z-index:3}.nextdev--pdp__ugc-videos-thumbs{display:flex;gap:8px;margin:0;padding:0 16px;list-style:none;overflow-x:auto;scrollbar-width:none}.nextdev--pdp__ugc-videos-thumbs::-webkit-scrollbar{display:none}.nextdev--pdp__ugc-videos-thumbs>li{flex:0 0 auto;margin:0;padding:0}.nextdev--pdp__ugc-videos-thumbs>li:first-child{margin-left:auto}.nextdev--pdp__ugc-videos-thumbs>li:last-child{margin-right:auto}.nextdev--pdp__ugc-videos-thumb{display:block;width:52px;aspect-ratio:2 / 3;padding:0;border:2px solid transparent;border-radius:10px;background:var(--nextdev-color-earth);overflow:hidden;opacity:.45;cursor:pointer;transition:opacity .25s ease,border-color .25s ease}.nextdev--pdp__ugc-videos-thumb img{display:block;width:100%;height:100%;object-fit:cover}.nextdev--pdp__ugc-videos-thumb--active{border-color:var(--nextdev-color-bone);opacity:1}.nextdev--pdp__ugc-videos-status.nextdev--pdp__ugc-videos-status{display:block;position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nextdev--pdp__ugc-videos-close,.nextdev--pdp__ugc-videos-arrow{display:grid;position:absolute;z-index:5;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--nextdev-color-bone);color:var(--nextdev-color-ink);cursor:pointer;transition:background .18s ease}.nextdev--pdp__ugc-videos-close:hover,.nextdev--pdp__ugc-videos-arrow:hover{background:var(--nextdev-color-earth)}.nextdev--pdp__ugc-videos-close:focus-visible,.nextdev--pdp__ugc-videos-arrow:focus-visible,.nextdev--pdp__ugc-videos-thumb:focus-visible,.nextdev--pdp__ugc-videos-slide:focus-visible{outline:2px solid var(--nextdev-color-bone);outline-offset:3px}.nextdev--pdp__ugc-videos-close{top:12px;right:12px}.nextdev--pdp__ugc-videos-close svg{width:16px;height:16px}.nextdev--pdp__ugc-videos-arrow{display:none;top:50%;transform:translateY(-50%)}.nextdev--pdp__ugc-videos-arrow svg{width:19px;height:13px}.nextdev--pdp__ugc-videos-arrow--prev{left:24px}.nextdev--pdp__ugc-videos-arrow--next{right:24px}@media(min-width:750px){.nextdev--pdp__ugc-videos-dialog[open]{padding:32px 0}.nextdev--pdp__ugc-videos-slide,.nextdev--pdp__ugc-videos-slide:not(.nextdev--pdp__ugc-videos-slide--active){display:block;height:min(78vh,calc(100vh - 64px),640px);margin:0}.nextdev--pdp__ugc-videos-slide:not(.nextdev--pdp__ugc-videos-slide--active){opacity:.4;transform:scale(.82)}.nextdev--pdp__ugc-videos-slide:not(.nextdev--pdp__ugc-videos-slide--active):hover{opacity:.6}.nextdev--pdp__ugc-videos-thumbs{display:none}.nextdev--pdp__ugc-videos-arrow{display:grid}.nextdev--pdp__ugc-videos-arrow[disabled]{opacity:.35;cursor:default}.nextdev--pdp__ugc-videos-close{top:24px;right:24px}}@media(prefers-reduced-motion:reduce){.nextdev--pdp__ugc-videos-reel,.nextdev--pdp__ugc-videos-slide,.nextdev--pdp__ugc-videos-thumb{transition:none}}.nextdev--pdp__ugc-videos-locked,.nextdev--pdp__ugc-videos-locked body{overflow:hidden}@media(min-width:750px){.nextdev--pdp .nextdev--pdp__ugc-videos-title{font-size:22px}.nextdev--pdp__ugc-videos-track{margin:0 -24px;padding:0 24px;scroll-padding:0 24px}}@media(prefers-reduced-motion:reduce){.nextdev--pdp__ugc-videos-item img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/nextdev-pdp-ugc-videos.css.map */