.video-gallery{display:block;padding-block:var(--section-padding-top) var(--section-padding-bottom);background:var(--color-background);color:var(--color-text)}.video-gallery__head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-11);padding:0 var(--gutter-desktop) 40px}.video-gallery__row{flex:1;min-width:0}.video-gallery__row .section-heading__eyebrow{letter-spacing:3.5px}.video-gallery__row .section-heading__title{color:var(--color-text)}.video-gallery__nav{display:flex;gap:var(--space-3);flex:none}.video-gallery__nav[hidden]{display:none}.video-gallery__arrow{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--border-control);border-radius:var(--radius-full);background:none;color:var(--color-text);cursor:pointer;transition:border-color var(--duration-color) ease,color var(--duration-color) ease,opacity var(--duration-color) ease}.video-gallery__arrow svg{width:14px;height:14px}.video-gallery__arrow:hover{border-color:var(--color-text)}.video-gallery__arrow:disabled{opacity:.3;cursor:default}.video-gallery__grid{display:grid;grid-template-columns:repeat(var(--vg-columns, 3),minmax(0,1fr));gap:2px}.video-gallery__item{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:var(--color-background-secondary)}.video-gallery__tile{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.video-gallery__tile:focus-visible{outline:2px solid var(--color-text);outline-offset:-4px}.video-gallery__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.video-gallery__poster,.video-gallery__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1.12);transition:transform 6.5s linear}.video-gallery__placeholder{transform:none}.video-gallery__media video,.video-gallery__embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover;opacity:0;pointer-events:none;transition:opacity var(--duration-fade) ease}.video-gallery__embed{top:-12%;right:0;bottom:-12%;left:0;height:124%}.video-gallery__item.is-playing .video-gallery__media video,.video-gallery__item.is-playing .video-gallery__embed{opacity:1}.video-gallery--zoom .video-gallery__item:not(.video-gallery__item--has-video):hover .video-gallery__poster,.video-gallery--zoom .video-gallery__item:not(.video-gallery__item--has-video):focus-within .video-gallery__poster{transform:scale(1.24) translateY(-2.5%)}.video-gallery__play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:56px;height:56px;margin:0;padding:0;border:1px solid rgb(var(--color-text-rgb) / .92);border-radius:var(--radius-full);background:rgb(var(--color-background-rgb) / .18);color:var(--color-text);transform:translate(-50%,-50%);pointer-events:none;cursor:pointer;transition:opacity var(--duration-color) ease,background-color var(--duration-color) ease}.video-gallery__play svg{display:block;width:17px;height:17px}.video-gallery__play-icon{margin-left:2px}.video-gallery__play .video-gallery__pause-icon{display:none}.video-gallery__item.is-playing .video-gallery__play{opacity:0}.video-gallery--tap .video-gallery__play{pointer-events:auto}.video-gallery--tap .video-gallery__item.is-playing .video-gallery__play{opacity:0}.video-gallery--tap .video-gallery__item.is-playing:hover .video-gallery__play,.video-gallery--tap .video-gallery__item.is-playing:focus-within .video-gallery__play{opacity:1}.video-gallery--tap .video-gallery__item.is-playing .video-gallery__play .video-gallery__play-icon{display:none}.video-gallery--tap .video-gallery__item.is-playing .video-gallery__play .video-gallery__pause-icon{display:block}.video-gallery__play:hover{background:rgb(var(--color-background-rgb) / .4)}.video-gallery__play:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.video-gallery__item.is-loading .video-gallery__play{opacity:.6}.video-gallery__duration,.video-gallery__caption{position:absolute;z-index:1;font:500 var(--caps-9-5) var(--font-body);text-transform:uppercase;white-space:nowrap}.video-gallery__duration{top:12px;right:12px;padding:6px 10px;letter-spacing:1.5px;background:rgb(var(--color-background-rgb) / .6);color:var(--color-text)}.video-gallery__caption{left:14px;bottom:14px;max-width:calc(100% - 28px);padding:7px 12px;letter-spacing:2px;background:var(--surface-veil);color:var(--color-text);overflow:hidden;text-overflow:ellipsis}.video-gallery__empty{padding:0 var(--gutter);font:italic 400 15px / 1.4 var(--font-display);color:var(--text-soft)}@media(max-width:989px){.video-gallery__caption{max-width:calc(100% - 18px)}}.video-gallery__grid--rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none}.video-gallery__grid--rail::-webkit-scrollbar{display:none}.video-gallery__grid--rail .video-gallery__item{flex:none;width:calc((100% - 4px) / 3);scroll-snap-align:start}@media(max-width:749px){.video-gallery{padding-top:calc(var(--section-padding-top) * .69)}.video-gallery__head{padding:0 var(--gutter) 26px;gap:var(--space-8)}.video-gallery__nav{display:none}.video-gallery__row .section-heading__eyebrow{letter-spacing:3px}.video-gallery__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none}.video-gallery__grid::-webkit-scrollbar{display:none}.video-gallery__item{flex:none;width:min(300px,76.9vw);scroll-snap-align:start}.video-gallery__poster{transform:none;transition:none}.video-gallery--zoom .video-gallery__item:not(.video-gallery__item--has-video):hover .video-gallery__poster,.video-gallery--zoom .video-gallery__item:not(.video-gallery__item--has-video):focus-within .video-gallery__poster{transform:none}.video-gallery__play{width:46px;height:46px}.video-gallery__play svg{width:15px;height:15px}.video-gallery__duration{top:10px;right:10px;padding:5px 8px;font-size:10px;letter-spacing:1.2px}.video-gallery__caption{left:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 10px;font-size:10px;letter-spacing:1.5px}.video-gallery__arrow{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.video-gallery__poster{transition:none}.video-gallery--zoom .video-gallery__item:not(.video-gallery__item--has-video):hover .video-gallery__poster,.video-gallery--zoom .video-gallery__item:not(.video-gallery__item--has-video):focus-within .video-gallery__poster{transform:scale(1.12)}}[data-animations=false] .video-gallery--zoom .video-gallery__item:not(.video-gallery__item--has-video):hover .video-gallery__poster,[data-animations=false] .video-gallery--zoom .video-gallery__item:not(.video-gallery__item--has-video):focus-within .video-gallery__poster{transform:scale(1.12)}@media(max-width:749px){.video-gallery--zoom .video-gallery__item:not(.video-gallery__item--has-video):hover .video-gallery__poster,.video-gallery--zoom .video-gallery__item:not(.video-gallery__item--has-video):focus-within .video-gallery__poster,[data-animations=false] .video-gallery--zoom .video-gallery__item:not(.video-gallery__item--has-video):hover .video-gallery__poster,[data-animations=false] .video-gallery--zoom .video-gallery__item:not(.video-gallery__item--has-video):focus-within .video-gallery__poster{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/194/assets/section-video-gallery.css.map */