.tp-e-product-videos{--pv-ring-fallback: linear-gradient(102deg, #f7bb96 0%, #dbacba 54%, #c0a1ca 100%);--pv-ink: #0b0b0b;--pv-cols: var(--pv-cols-mobile, 5);--pv-size: var(--pv-size-mobile, 72px);--pv-peek: 0;--pv-gaps: calc(var(--pv-cols) - 1);display:block}.tp-e-product-videos__title{margin:0 0 12px;font-family:var(--FONT-STACK-BODY);font-style:var(--FONT-STYLE-BODY);font-weight:var(--FONT-WEIGHT-BODY-BOLD);line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--pv-title-color, var(--pv-ink))}.tp-e-product-videos--center .tp-e-product-videos__title{text-align:center}.tp-e-product-videos__list{display:flex;flex-wrap:wrap;gap:var(--pv-gap, 8px);margin:-6px;padding:6px;list-style:none}.tp-e-product-videos--center .tp-e-product-videos__list{justify-content:center}.tp-e-product-videos__item{flex:0 0 min(var(--pv-size),calc((100% - var(--pv-gaps) * var(--pv-gap, 8px)) / (var(--pv-cols) + var(--pv-peek))));min-width:0;margin:0;padding:0}.tp-e-product-videos--scroll-mobile{--pv-peek: .4;--pv-gaps: var(--pv-cols)}.tp-e-product-videos--scroll-mobile .tp-e-product-videos__list{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:6px;scrollbar-width:none}.tp-e-product-videos--scroll-mobile .tp-e-product-videos__list::-webkit-scrollbar{display:none}.tp-e-product-videos--scroll-mobile .tp-e-product-videos__item{scroll-snap-align:start}.tp-e-product-videos--center.tp-e-product-videos--scroll-mobile .tp-e-product-videos__list{justify-content:flex-start}.tp-e-product-videos--center.tp-e-product-videos--scroll-mobile .tp-e-product-videos__item:first-child{margin-inline-start:auto}.tp-e-product-videos--center.tp-e-product-videos--scroll-mobile .tp-e-product-videos__item:last-child{margin-inline-end:auto}.tp-e-product-videos__trigger{position:relative;display:block;box-sizing:border-box;width:100%;aspect-ratio:1;margin:0;padding:calc(var(--pv-ring-width, 2px) + var(--pv-ring-gap, 3px));border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.tp-e-product-videos__trigger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--pv-ring-width, 2px);border-radius:50%;background:var(--pv-ring, var(--pv-ring-fallback));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tp-e-product-videos__trigger:focus-visible{outline:2px solid var(--pv-ink);outline-offset:2px}.tp-e-product-videos__preview{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background-color:#f4f1ef;pointer-events:none}.tp-e-product-videos__dialog{--pv-top: calc(68px + env(safe-area-inset-top, 0px)) ;--pv-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) ;position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:var(--pv-top) 16px var(--pv-bottom);border:0;background:var(--pv-overlay, rgba(11, 11, 11, .85));color:var(--pv-ink);overflow:hidden}.tp-e-product-videos__dialog[open]{display:flex;align-items:center;justify-content:center;animation:tp-e-product-videos-fade .25s ease}.tp-e-product-videos__dialog::backdrop{background:transparent}.tp-e-product-videos__frame{display:grid;grid-template-areas:"stage stage" "prev next";grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px}.tp-e-product-videos__frame--single{grid-template-areas:"stage";grid-template-columns:minmax(0,1fr)}.tp-e-product-videos__stage{--pv-reserved: calc(var(--pv-top) + var(--pv-bottom) + 60px);grid-area:stage;position:relative;width:min(calc(100vw - 32px),calc((100vh - var(--pv-reserved)) * var(--pv-ratio, .5625)));width:min(calc(100vw - 32px),calc((100svh - var(--pv-reserved)) * var(--pv-ratio, .5625)));aspect-ratio:var(--pv-ratio, .5625);justify-self:center;border-radius:18px;background:#000;box-shadow:0 30px 80px -30px #78505fb3;overflow:hidden}.tp-e-product-videos__frame--single .tp-e-product-videos__stage{--pv-reserved: calc(var(--pv-top) + var(--pv-bottom))}.tp-e-product-videos__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:2px;border-radius:inherit;background:var(--pv-ring, var(--pv-ring-fallback));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tp-e-product-videos__player{display:block;width:100%;height:100%;object-fit:contain;background:#000}.tp-e-product-videos__counter{position:absolute;top:calc(19px + env(safe-area-inset-top,0px));left:16px;margin:0;padding:7px 14px;border-radius:999px;background-color:#fff;background-image:linear-gradient(102deg,#f7bb9638,#dbacba38 54%,#c0a1ca38);box-shadow:inset 0 0 0 1px #dbacba80;font-family:var(--FONT-STACK-BODY);font-size:1.1rem;font-weight:var(--FONT-WEIGHT-BODY-BOLD);line-height:1.4;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--pv-ink)}.tp-e-product-videos__close,.tp-e-product-videos__nav{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;margin:0;padding:13px;border:0;border-radius:50%;background:#fff;color:var(--pv-ink);box-shadow:0 10px 26px -14px #78505f99,inset 0 0 0 1px #dbacba99;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .3s ease,box-shadow .3s ease}.tp-e-product-videos__close:focus-visible,.tp-e-product-videos__nav:focus-visible{outline:2px solid #fff;outline-offset:3px}.tp-e-product-videos__close .icon,.tp-e-product-videos__nav .icon{display:block;width:100%;height:100%}.tp-e-product-videos__close .icon path,.tp-e-product-videos__nav .icon path{stroke-width:18px}.tp-e-product-videos__close{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;z-index:2}.tp-e-product-videos__nav--prev{grid-area:prev;justify-self:end}.tp-e-product-videos__nav--prev .icon{transform:scaleX(-1)}.tp-e-product-videos__nav--next{grid-area:next;justify-self:start}html.tp-e-product-videos-locked{overflow:hidden}@keyframes tp-e-product-videos-fade{0%{opacity:0}to{opacity:1}}@media(hover:hover){.tp-e-product-videos__trigger:hover{box-shadow:0 12px 24px -14px #78505fbf}.tp-e-product-videos__close:hover,.tp-e-product-videos__nav:hover{background:var(--pv-ring, var(--pv-ring-fallback));box-shadow:0 12px 28px -12px #78505fb3,inset 0 0 0 1px #ffffff73}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.tp-e-product-videos__trigger:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.tp-e-product-videos__dialog[open]{animation:none}}@media only screen and (min-width:768px){.tp-e-product-videos,.tp-e-product-videos--scroll-mobile{--pv-cols: var(--pv-cols-desktop, 5);--pv-size: var(--pv-size-desktop, 88px);--pv-peek: 0;--pv-gaps: calc(var(--pv-cols) - 1)}.tp-e-product-videos--scroll-mobile .tp-e-product-videos__list{flex-wrap:wrap;overflow:visible}.tp-e-product-videos--center.tp-e-product-videos--scroll-mobile .tp-e-product-videos__list{justify-content:center}.tp-e-product-videos--center.tp-e-product-videos--scroll-mobile .tp-e-product-videos__item:first-child,.tp-e-product-videos--center.tp-e-product-videos--scroll-mobile .tp-e-product-videos__item:last-child{margin-inline:0}}@media only screen and (min-width:768px),only screen and (orientation:landscape)and (max-height:500px){.tp-e-product-videos__dialog{--pv-top: calc(32px + env(safe-area-inset-top, 0px)) ;--pv-bottom: calc(32px + env(safe-area-inset-bottom, 0px)) ;padding-inline:32px}.tp-e-product-videos__close{top:calc(24px + env(safe-area-inset-top,0px));right:24px}.tp-e-product-videos__counter{top:calc(31px + env(safe-area-inset-top,0px));left:24px}.tp-e-product-videos__frame{grid-template-areas:"prev stage next";grid-template-columns:auto minmax(0,1fr) auto;gap:24px}.tp-e-product-videos__frame--single{grid-template-areas:"stage";grid-template-columns:minmax(0,1fr)}.tp-e-product-videos__stage,.tp-e-product-videos__frame--single .tp-e-product-videos__stage{--pv-reserved: calc(var(--pv-top) + var(--pv-bottom));width:min(calc(100vw - 200px),calc((100vh - var(--pv-reserved)) * var(--pv-ratio, .5625)));width:min(calc(100vw - 200px),calc((100svh - var(--pv-reserved)) * var(--pv-ratio, .5625)))}.tp-e-product-videos__nav--prev,.tp-e-product-videos__nav--next{justify-self:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/tp-e-product-videos-v1.css.map */