.pdp-videos{--pdp-videos-columns: var(--pdp-videos-columns-desktop);--pdp-videos-heading-size: var(--pdp-videos-heading-size-desktop);display:block;width:100%;min-width:0;margin-block:0 16px}@media screen and (max-width:740px){.pdp-videos{--pdp-videos-columns: var(--pdp-videos-columns-mobile);--pdp-videos-heading-size: var(--pdp-videos-heading-size-mobile)}}.pdp-videos__heading{margin:0 0 8px;font-family:var(--heading-font-family);font-weight:var(--text-font-bold-weight);font-style:var(--heading-font-style);font-size:var(--pdp-videos-heading-size);line-height:1.3;color:var(--pdp-videos-heading-color)}.pdp-videos__viewport{position:relative}.pdp-videos__track{display:flex;gap:var(--pdp-videos-gap);contain:inline-size;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pdp-videos__track::-webkit-scrollbar{display:none}.pdp-videos__track:focus-visible{outline:2px solid var(--pdp-videos-heading-color);outline-offset:2px}.pdp-videos__item{position:relative;flex:0 0 calc((100% - (var(--pdp-videos-columns) - .5) * var(--pdp-videos-gap)) / var(--pdp-videos-columns));aspect-ratio:9 / 16;border-radius:var(--pdp-videos-radius);overflow:hidden;background:rgba(var(--text-color),.06);scroll-snap-align:start;cursor:pointer}.pdp-videos__video{display:block;width:100%;height:auto;aspect-ratio:9 / 16;object-fit:cover}.pdp-videos__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000024;pointer-events:none;transition:opacity .2s}.pdp-videos__play{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#00000080;color:#fff;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .2s}.pdp-videos__play svg{width:20px;height:20px;margin-left:3px}.pdp-videos__item.is-playing:after,.pdp-videos__item.is-playing .pdp-videos__play{opacity:0}@media screen and (max-width:740px){.pdp-videos__play{width:36px;height:36px}.pdp-videos__play svg{width:16px;height:16px;margin-left:2px}}.pdp-videos__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.pdp-videos__open:focus-visible{outline:2px solid var(--pdp-videos-heading-color);outline-offset:-2px;border-radius:var(--pdp-videos-radius)}.pdp-videos__sound{z-index:2;position:absolute;top:6px;right:6px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer}.pdp-videos__sound svg{width:16px;height:16px}@media screen and (max-width:740px){.pdp-videos__sound{top:4px;right:4px;width:22px;height:22px}.pdp-videos__sound svg{width:13px;height:13px}}.pdp-videos__sound:focus-visible{outline:2px solid #fff;outline-offset:1px}.pdp-videos__icon-on,.pdp-videos__sound[aria-pressed=true] .pdp-videos__icon-off{display:none}.pdp-videos__sound[aria-pressed=true] .pdp-videos__icon-on{display:block}.pdp-videos__arrow{position:absolute;top:50%;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgb(var(--background, 255, 255, 255));color:rgb(var(--text-color, 0, 0, 0));box-shadow:0 2px 8px #0000002e;transform:translateY(-50%);cursor:pointer}.pdp-videos__arrow svg{width:18px;height:18px}.pdp-videos__arrow--prev{left:6px}.pdp-videos__arrow--next{right:6px}.pdp-videos__arrow[hidden]{display:none}@media(hover:none){.pdp-videos__arrow{display:none}}html.pdp-videos-modal-open{overflow:hidden}.pdp-videos-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:hidden}.pdp-videos-modal[open]{display:flex;align-items:center;justify-content:center}.pdp-videos-modal::backdrop{background:#000000e0}.pdp-videos-modal__frame{position:relative;height:min(90vh,860px);height:min(90dvh,860px);aspect-ratio:9 / 16;max-width:calc(100vw - 144px)}.pdp-videos-modal__stage{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;background:#000}.pdp-videos-modal__stage:fullscreen{border-radius:0}.pdp-videos-modal__video{display:block;width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}.pdp-videos-modal button{display:grid;place-items:center;padding:0;border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.pdp-videos-modal button[hidden]{display:none}.pdp-videos-modal button:focus-visible,.pdp-videos-modal__seek:focus-visible{outline:2px solid #fff;outline-offset:2px}.pdp-videos-modal svg{width:22px;height:22px}.pdp-videos-modal__close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;background:#00000080!important}.pdp-videos-modal__big-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#00000080;transform:translate(-50%,-50%) scale(.85);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.pdp-videos-modal__big-play svg{width:32px;height:32px;margin-left:4px}.pdp-videos-modal.is-paused .pdp-videos-modal__big-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.pdp-videos-modal__spinner{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;opacity:0;pointer-events:none;animation:pdp-videos-spin .8s linear infinite}.pdp-videos-modal.is-buffering:not(.is-paused) .pdp-videos-modal__spinner{opacity:1}@keyframes pdp-videos-spin{to{transform:rotate(360deg)}}.pdp-videos-modal__controls{position:absolute;left:0;right:0;bottom:0;padding:28px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,#000000b3,#0000)}.pdp-videos-modal__bar{display:flex;align-items:center;gap:6px}.pdp-videos-modal__btn{width:36px;height:36px;flex-shrink:0}.pdp-videos-modal__time{margin-left:4px;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.pdp-videos-modal__counter{margin-left:auto;font-size:13px;font-variant-numeric:tabular-nums;opacity:.85}.pdp-videos-modal__counter+.pdp-videos-modal__btn,.pdp-videos-modal__time+.pdp-videos-modal__btn{margin-left:auto}.pdp-videos-modal__counter+.pdp-videos-modal__btn{margin-left:4px}.pdp-videos-modal__icon-play,.pdp-videos-modal.is-paused .pdp-videos-modal__icon-pause,.pdp-videos-modal__icon-sound-off,.pdp-videos-modal.is-muted .pdp-videos-modal__icon-sound-on{display:none}.pdp-videos-modal.is-paused .pdp-videos-modal__icon-play,.pdp-videos-modal.is-muted .pdp-videos-modal__icon-sound-off{display:block}.pdp-videos-modal__seek{--progress: 0%;display:block;width:100%;height:20px;margin:0 0 2px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:none}.pdp-videos-modal__seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(#fff,#fff) 0 0 / var(--progress) 100% no-repeat,#ffffff59}.pdp-videos-modal__seek::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:#fff;-webkit-appearance:none;appearance:none}.pdp-videos-modal__seek::-moz-range-track{height:4px;border-radius:2px;background:#ffffff59}.pdp-videos-modal__seek::-moz-range-progress{height:4px;border-radius:2px;background:#fff}.pdp-videos-modal__seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}.pdp-videos-modal__nav{position:absolute;top:50%;width:44px;height:44px;border-radius:50%;background:#ffffffeb!important;color:#111!important;box-shadow:0 2px 10px #0000004d;transform:translateY(-50%)}.pdp-videos-modal__nav:disabled{opacity:.35;cursor:default}.pdp-videos-modal__nav--prev{right:calc(100% + 20px)}.pdp-videos-modal__nav--next{left:calc(100% + 20px)}@media screen and (max-width:740px){.pdp-videos-modal__frame{width:100%;max-width:none;height:100%;aspect-ratio:auto}.pdp-videos-modal__stage{border-radius:0}.pdp-videos-modal__close{top:calc(12px + env(safe-area-inset-top))}.pdp-videos-modal__nav{width:36px;height:36px;background:#00000073!important;color:#fff!important;box-shadow:none}.pdp-videos-modal__nav--prev{right:auto;left:8px}.pdp-videos-modal__nav--next{left:auto;right:8px}}@media(prefers-reduced-motion:reduce){.pdp-videos-modal__big-play,.pdp-videos__item:after,.pdp-videos__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/177/assets/pdp-shoppable-videos.css.map */