.product-videos{--pv-bg: #5ac9ff;--pv-heading: #503600;--pv-ink: #004250;--pv-text: #004250;--pv-muted: rgba(0, 66, 80, .7);--pv-card: #ffffff;--pv-active: #fffc2e;--pv-error: rgba(var(--color-error), 1);background:var(--pv-bg);color:var(--pv-text);overflow:visible;position:relative;z-index:1}.product-videos__bottom-shape{position:absolute;right:0;bottom:calc((var(--pv-shape-height) * -1) + 1px);left:0;z-index:2;height:calc(var(--pv-shape-height) + 1px);background:var(--pv-bg);pointer-events:none;transform:scaleY(-1);transform-origin:center;-webkit-mask-image:var(--pv-shape-image);mask-image:var(--pv-shape-image);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:auto 100%;mask-size:auto 100%}@media(max-width:749px){.product-videos__bottom-shape{bottom:calc((var(--pv-shape-height-mobile) * -1) + 1px);height:calc(var(--pv-shape-height-mobile) + 1px)}}.product-videos__inner.page-width{max-width:1440px}.product-videos__empty-note{margin:0;padding:1.5rem 0;color:var(--pv-muted);font-size:14px}.product-videos__heading{margin:0 0 40px;color:var(--pv-heading);font-family:var(--font-heading-family);font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.05;text-align:center}.product-videos__stage{min-width:0}.product-videos__layout{display:flex;flex-direction:column;gap:20px;min-width:0}.product-videos__player-col,.product-videos__list-col{min-width:0}.product-videos__player-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000;border:2px solid var(--pv-ink);border-radius:16px;box-shadow:8px 8px 0 var(--pv-ink)}.product-videos__player{display:block;width:100%;height:100%;object-fit:contain;background:#000}.product-videos__player-frame--placeholder{background:var(--pv-ink);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 14px,transparent 14px 28px)}.product-videos__chrome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.product-videos__chrome-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(180deg,#0000009e,#0000);color:#fff}.product-videos__byline{display:flex;align-items:flex-start;gap:10px;min-width:0}.product-videos__avatar{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;overflow:hidden;border:2px solid var(--pv-ink);border-radius:50%;background:var(--pv-active);color:var(--pv-ink);font-family:var(--font-heading-family);font-size:16px;font-weight:700}.product-videos__avatar img{display:block;width:100%;height:100%;object-fit:cover}.product-videos__byline-copy{min-width:0}.product-videos__byline-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 2px}.product-videos__byline-creator{color:#fff;font-family:var(--font-heading-family);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.product-videos__byline-title{margin:0;color:#fff;font-size:15px;font-weight:600;line-height:1.3}.product-videos__actions{display:flex;gap:8px;flex:0 0 auto}.product-videos__icon{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.product-videos__icon-dot{fill:currentColor;stroke:none}.product-videos__icon-btn{-webkit-appearance:none;appearance:none;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:2px solid var(--pv-ink);border-radius:12px;background:var(--pv-card);color:var(--pv-ink);box-shadow:3px 3px 0 var(--pv-ink);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.product-videos__icon-btn:hover{transform:translate(-2px,-2px);background:var(--pv-active);box-shadow:5px 5px 0 var(--pv-ink)}.product-videos__icon-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--pv-ink)}.product-videos__center-play:hover{transform:translate(-50%,-50%) scale(1.05)}.product-videos__icon-btn:focus-visible,.product-videos__center-play:focus-visible{outline:3px solid var(--pv-active);outline-offset:3px}.product-videos__center-play{-webkit-appearance:none;appearance:none;pointer-events:auto;position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:84px;height:84px;margin:0;padding:0;border:2px solid var(--pv-ink);border-radius:50%;background:var(--pv-active);color:var(--pv-ink);box-shadow:5px 5px 0 var(--pv-ink);cursor:pointer;transform:translate(-50%,-50%);transition:transform .15s ease}.product-videos__center-play svg{margin-left:4px}.product-videos__player-frame.is-playing .product-videos__center-play,.product-videos__center-play[hidden]{display:none}.product-videos__toast{position:absolute;left:50%;bottom:74px;z-index:3;margin:0;padding:7px 16px;border:2px solid var(--pv-ink);border-radius:999px;background:var(--pv-active);color:var(--pv-ink);font-family:var(--font-heading-family);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:3px 3px 0 var(--pv-ink);transform:translate(-50%)}.product-videos__toast[hidden]{display:none}.product-videos__player-caption{margin:14px 0 0;color:var(--pv-muted);font-size:15px;line-height:1.5}.product-videos__error{display:none;margin-top:12px;padding:10px 14px;border:2px solid var(--pv-ink);border-radius:10px;background:#fffbcf;color:var(--pv-error);font-size:14px;font-weight:600}.product-videos__error.is-visible{display:block}.product-videos__list-heading{margin:0 0 14px;color:var(--pv-text);font-family:var(--font-heading-family);font-size:18px;font-weight:700}.product-videos__list{display:flex;gap:14px;margin:0;padding:0;list-style:none;counter-reset:pv-item}.product-videos__list--horizontal{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:2px 2px 10px;scrollbar-width:thin}.product-videos__list--vertical{flex-direction:column}.product-videos__list-item{margin:0;counter-increment:pv-item}.product-videos__item{-webkit-appearance:none;appearance:none;position:relative;display:flex;align-items:center;gap:12px;width:80%;min-width:16rem;max-width:22rem;min-height:76px;margin:0;padding:10px 12px 10px 10px;border:2px solid var(--pv-ink);border-radius:14px;background:var(--pv-card);box-shadow:4px 4px 0 var(--pv-ink);color:inherit;font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;flex:0 0 80%;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.product-videos__item:before{content:counter(pv-item,decimal-leading-zero);flex:0 0 auto;color:var(--pv-ink);font-family:var(--font-heading-family);font-size:18px;font-weight:700;line-height:1;opacity:.85}.product-videos__list--vertical .product-videos__item{width:100%;max-width:none;flex:0 0 auto}.product-videos__item:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pv-ink)}.product-videos__item[aria-current=true]{background:var(--pv-active)}.product-videos__item[aria-current=true] .product-videos__thumb{box-shadow:0 0 0 3px var(--pv-ink)}.product-videos__item:focus{outline:none}.product-videos__item:focus-visible{outline:3px solid var(--pv-ink);outline-offset:3px}.product-videos__thumb{position:relative;flex:0 0 6.25rem;width:6.25rem;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--pv-ink);border-radius:8px;background:var(--pv-ink)}.product-videos__thumb img{display:block;width:100%;height:100%;object-fit:cover}.product-videos__thumb-fallback{display:block;width:100%;height:100%;background:var(--pv-ink);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.08) 0 8px,transparent 8px 16px)}.product-videos__thumb-fallback--sage{background-color:#0e7f3c}.product-videos__thumb-fallback--sand{background-color:#503600}.product-videos__thumb-fallback--mint{background-color:#004250}.product-videos__duration,.product-videos__now-playing{position:absolute;right:3px;bottom:3px;padding:1px 6px;border-radius:6px;background:var(--pv-ink);color:#fffbcf;font-size:11px;font-weight:700;line-height:1.4}.product-videos__now-playing{left:3px;right:3px;text-align:center;background:var(--pv-ink);color:var(--pv-active);text-transform:uppercase;letter-spacing:.03em}.product-videos__item[aria-current=true] .product-videos__duration{display:none}.product-videos__item:not([aria-current=true]) .product-videos__now-playing{display:none}.product-videos__copy{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}.product-videos__title{display:-webkit-box;overflow:hidden;color:var(--pv-ink);font-family:var(--font-heading-family);font-size:15px;font-weight:700;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-videos__creator{overflow:hidden;color:var(--pv-muted);font-size:12.5px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.product-videos__item[aria-current=true] .product-videos__creator{color:#004250bf}@media(max-width:749px){.product-videos__heading{margin-bottom:24px;font-size:clamp(30px,8vw,38px)}.product-videos__player-frame{border-radius:12px;box-shadow:5px 5px 0 var(--pv-ink)}.product-videos__center-play{width:64px;height:64px}.product-videos__center-play svg{width:24px;height:24px}.product-videos__chrome-top{padding:10px 12px}.product-videos__icon-btn{width:34px;height:34px;border-radius:10px;box-shadow:2px 2px 0 var(--pv-ink)}.product-videos__icon{width:19px;height:19px}}@media(min-width:750px){.product-videos__layout:not(.product-videos__layout--single){display:grid;grid-template-columns:var(--pv-player-width, 74%) var(--pv-list-width, 26%);gap:28px;align-items:start}.product-videos__list-col{display:flex;flex-direction:column;height:0;min-height:100%}.product-videos__list--desktop{display:flex;flex-direction:column;flex:1 1 auto;gap:14px;min-height:0;padding:2px 8px 10px 2px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.product-videos__list--desktop .product-videos__item{width:100%;min-width:0;max-width:none;flex:0 0 auto;scroll-snap-align:unset}.product-videos__thumb{flex-basis:5.75rem;width:5.75rem}}@media(prefers-reduced-motion:reduce){.product-videos__item,.product-videos__list,.product-videos__center-play{scroll-behavior:auto;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/product-videos.css.map */