.custom-product-videos{display:block;max-width:100%;overflow:hidden}.custom-product-videos__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.custom-product-videos__heading{margin:0;color:var(--custom-product-text, #1d1d1f);font-size:16px;font-weight:700;line-height:1.2;letter-spacing:.035em;text-transform:uppercase}.custom-product-videos__arrows{display:flex;flex:0 0 auto;gap:6px}.custom-product-videos__arrow,.custom-product-video-modal__control{display:grid;place-items:center;margin:0;padding:0;border:0;cursor:pointer}.custom-product-videos__arrow{width:30px;height:30px;color:#222;border:1px solid #d7d7d7;border-radius:50%;background:#fff}.custom-product-videos__arrow:disabled{cursor:default;opacity:.3}.custom-product-videos__arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.custom-product-videos__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/4);gap:10px;max-width:100%;padding:0 0 2px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-x pan-y}.custom-product-videos__preview-notice{margin:-4px 0 10px;color:var(--custom-product-muted, #666);font-size:11px;line-height:1.35}.custom-product-videos__track::-webkit-scrollbar{display:none}.custom-product-videos__track.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.custom-product-videos__card{display:block;min-width:0;padding:0;color:inherit;border:0;background:transparent;text-align:left;scroll-snap-align:start;cursor:pointer}.custom-product-videos__poster{position:relative;display:block;width:100%;aspect-ratio:9 / 16;overflow:hidden;border:2px solid var(--video-accent, #00a7ff);border-radius:8px;background:#f2f2f2}.custom-product-videos__poster img,.custom-product-videos__poster-placeholder{display:block;width:100%;height:100%;object-fit:cover}.custom-product-videos__poster-placeholder{background:linear-gradient(145deg,#f4f4f4,#e7e7e7)}.custom-product-videos__card--preview{cursor:default;opacity:.82}.custom-product-videos__card--preview .custom-product-videos__play{pointer-events:none}.custom-product-videos__play,.custom-product-videos__view{position:absolute;inset:50% auto auto 50%;display:grid;width:30px;height:30px;place-items:center;color:#111;border-radius:50%;background:#ffffffe0;box-shadow:0 2px 12px #0000002e;transform:translate(-50%,-50%)}.custom-product-videos__play svg,.custom-product-videos__view svg{width:18px;height:18px}.custom-product-videos__play svg{fill:currentColor}.custom-product-videos__view svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.custom-product-videos__title{display:block;margin-top:6px;color:var(--custom-product-text, #1d1d1f);font-size:11px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.custom-product-video-modal[hidden]{display:none}.custom-product-video-modal{position:fixed;z-index:100000;top:0;right:0;bottom:0;left:0;display:grid;padding:20px;place-items:center;background:#000000c7;overscroll-behavior:contain;height:100vh;height:100dvh}.custom-product-video-modal__panel{position:relative;width:min(460px,calc(100vw - 40px),calc((100dvh - 40px)*.5625));height:min(818px,calc(100dvh - 40px),calc((100vw - 40px)*1.7778));aspect-ratio:9 / 16;overflow:hidden;border-radius:14px;background:#000;box-shadow:0 24px 80px #00000073;touch-action:none}.custom-product-video-modal__video,.custom-product-video-modal__image{display:block;width:100%;height:100%;object-fit:contain;background:#000}.custom-product-video-modal__video[hidden],.custom-product-video-modal__image[hidden]{display:none}.custom-product-video-modal__overlay-toggle{position:absolute;z-index:3;inset:50% auto auto 50%;display:grid;width:58px;height:58px;place-items:center;padding:0;color:#fff;border:0;border-radius:50%;background:#00000094;box-shadow:0 3px 18px #00000040;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .18s ease}.custom-product-video-modal__overlay-toggle svg{width:30px;height:30px;fill:currentColor}.custom-product-video-modal__overlay-play,.custom-product-video-modal__video.is-paused~.custom-product-video-modal__overlay-toggle .custom-product-video-modal__overlay-pause{display:none}.custom-product-video-modal__video.is-paused~.custom-product-video-modal__overlay-toggle .custom-product-video-modal__overlay-play{display:block}.custom-product-video-modal__video:not([hidden]).is-paused~.custom-product-video-modal__overlay-toggle,.custom-product-video-modal__video:not([hidden]).is-overlay-visible~.custom-product-video-modal__overlay-toggle,.custom-product-video-modal__video:not([hidden])~.custom-product-video-modal__overlay-toggle:focus-visible,.custom-product-video-modal__panel:hover .custom-product-video-modal__video:not([hidden])~.custom-product-video-modal__overlay-toggle{opacity:1;pointer-events:auto}.custom-product-video-modal__video[hidden]~.custom-product-video-modal__overlay-toggle{display:none}.custom-product-video-modal__status{position:absolute;z-index:3;inset:50% auto auto 50%;display:grid;justify-items:center;gap:8px;max-width:calc(100% - 120px);color:#fff;font-size:13px;line-height:1.3;text-align:center;text-shadow:0 1px 4px rgb(0 0 0 / 70%);transform:translate(-50%,-50%)}.custom-product-video-modal__status[hidden]{display:none}.custom-product-video-modal__control{width:42px;height:42px;color:#fff;border-radius:50%;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.custom-product-video-modal__control[hidden]{display:none}.custom-product-video-modal__control svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.custom-product-video-modal__close{position:absolute;z-index:2;top:12px;left:12px}.custom-product-video-modal__close svg,.custom-product-video-modal__previous svg,.custom-product-video-modal__next svg{fill:none}.custom-product-video-modal__previous,.custom-product-video-modal__next{position:absolute;z-index:2;right:12px}.custom-product-video-modal__previous{top:calc(50% - 48px)}.custom-product-video-modal__next{top:calc(50% + 4px)}.custom-product-video-modal__product-card{position:absolute;z-index:2;right:12px;bottom:12px;left:12px;display:grid;grid-template-columns:74px minmax(0,1fr) auto;min-height:102px;align-items:center;gap:12px;padding:10px 12px 10px 10px;color:#111;border-radius:8px;background:#ffffffb8;box-shadow:0 8px 24px #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.custom-product-video-modal__video:not([hidden])~.custom-product-video-modal__product-card{bottom:58px}.custom-product-video-modal__product-image{display:block;width:74px;height:82px;overflow:hidden;border-radius:4px;background:#fff}.custom-product-video-modal__product-image img,.custom-product-video-modal__product-placeholder{display:block;width:100%;height:100%;object-fit:cover}.custom-product-video-modal__product-title{min-width:0;font-size:16px;font-weight:500;line-height:1.25;overflow-wrap:anywhere}.custom-product-video-modal__shop{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:8px 17px;color:#fff;border-radius:6px;background:#080808;font-size:15px;font-weight:700;line-height:1;text-decoration:none}.custom-product-video-modal__shop:hover,.custom-product-video-modal__shop:focus-visible{color:#fff;background:#222}html.custom-product-video-open,html.custom-product-video-open body{overflow:hidden}@media screen and (max-width:749px){.custom-product-videos__header{margin-bottom:10px}.custom-product-videos__heading{font-size:14px}.custom-product-videos__track{grid-auto-columns:clamp(68px,19.5vw,84px);gap:8px}.custom-product-videos__play,.custom-product-videos__view{width:26px;height:26px}.custom-product-video-modal{padding:12px}.custom-product-video-modal__panel{width:min(calc(100vw - 24px),calc((100dvh - 24px)*.5625));height:min(calc(100dvh - 24px),calc((100vw - 24px)*1.7778));border-radius:12px}.custom-product-video-modal__control{width:40px;height:40px}.custom-product-video-modal__close{top:10px;left:10px}.custom-product-video-modal__previous,.custom-product-video-modal__next{right:10px}.custom-product-video-modal__product-card{right:8px;bottom:8px;left:8px;grid-template-columns:58px minmax(0,1fr) auto;min-height:88px;gap:9px;padding:8px}.custom-product-video-modal__video:not([hidden])~.custom-product-video-modal__product-card{bottom:52px}.custom-product-video-modal__product-image{width:58px;height:70px}.custom-product-video-modal__product-title{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:3}.custom-product-video-modal__shop{min-height:38px;padding:7px 12px;font-size:13px}}@media(prefers-reduced-motion:reduce){.custom-product-videos__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/custom-product-videos.css.map */
