.hn-video-gallery__track{display:block;margin-inline:calc(var(--hn-section-px) * -1);padding:var(--hn-space-1) var(--hn-section-px) var(--hn-space-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--hn-section-px);scrollbar-width:none;-webkit-overflow-scrolling:touch}.hn-video-gallery__track::-webkit-scrollbar{display:none}.hn-video-gallery__track:focus-visible{outline:2px solid var(--hn-brand);outline-offset:-2px}.hn-section--dark .hn-video-gallery__track:focus-visible{outline-color:var(--hn-white)}.hn-video-gallery__list{display:flex;gap:var(--hn-space-3);margin:0;padding:0;list-style:none}.hn-video-gallery__item{flex:0 0 calc((100% - var(--hn-space-3)) / 1.6);min-width:0;scroll-snap-align:start}.hn-video-gallery__card{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--hn-radius-xl);background:var(--hn-surface-blush);box-shadow:var(--hn-shadow-md);isolation:isolate}.hn-video-gallery__video,.hn-video-gallery__poster,.hn-video-gallery__poster-img,.hn-video-gallery__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hn-video-gallery__video{display:block;object-fit:cover;background:var(--hn-ink);visibility:hidden}.hn-video-gallery__card.is-playing .hn-video-gallery__video{visibility:visible}.hn-video-gallery__video:focus-visible{outline:2px solid var(--hn-white);outline-offset:-4px}.hn-video-gallery__poster[hidden]{display:none}.hn-video-gallery__poster-img{display:block;object-fit:cover}.hn-video-gallery__placeholder{fill:var(--hn-brand-tint);background:var(--hn-surface-blush)}.hn-video-gallery__scrim{position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(to top,#000000c7,#00000073 45%,#0000);pointer-events:none}.hn-video-gallery__caption{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:var(--hn-space-1);padding:var(--hn-space-4);color:var(--hn-white);pointer-events:none}.hn-video-gallery__title{margin:0;font-family:var(--hn-font-display);font-size:var(--hn-body-lg);font-weight:var(--hn-bold);line-height:1.25;letter-spacing:var(--hn-ls-display);color:var(--hn-white)}.hn-video-gallery__quote{display:-webkit-box;margin:0;overflow:hidden;font-family:var(--hn-font-body);font-size:var(--hn-body-sm);font-weight:var(--hn-medium);line-height:1.45;color:var(--hn-white);-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4}.hn-video-gallery__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:var(--hn-brand);cursor:pointer;-webkit-tap-highlight-color:transparent}.hn-video-gallery__play:focus{outline:none}.hn-video-gallery__play-icon{display:inline-flex;align-items:center;justify-content:center;width:6rem;height:6rem;border-radius:var(--hn-radius-pill);background:#fffffff0;box-shadow:var(--hn-shadow-lg);transition:transform var(--hn-duration) var(--hn-ease),background-color var(--hn-duration) var(--hn-ease)}.hn-video-gallery__play-icon svg{display:block;width:2.4rem;height:2.4rem}.hn-video-gallery__play:hover .hn-video-gallery__play-icon{transform:scale(1.06);background:var(--hn-white)}.hn-video-gallery__play:focus-visible .hn-video-gallery__play-icon{outline:2px solid var(--hn-white);outline-offset:2px;box-shadow:0 0 0 .7rem var(--hn-brand)}.no-js .hn-video-gallery__video{visibility:visible}.no-js .hn-video-gallery__poster{display:none}.hn-video-gallery__actions{margin-top:var(--hn-space-6)}@media screen and (min-width:750px){.hn-video-gallery__track{margin-inline:0;padding:0;overflow:visible;scroll-snap-type:none}.hn-video-gallery__track:focus-visible{outline-offset:var(--hn-space-2)}.hn-video-gallery__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hn-space-5)}.hn-video-gallery__item{flex:none}.hn-video-gallery__caption{padding:var(--hn-space-5)}.hn-video-gallery__actions{margin-top:var(--hn-space-8)}}@media screen and (min-width:990px){.hn-video-gallery__list{grid-template-columns:repeat(4,minmax(0,1fr))}.hn-video-gallery__caption{padding:var(--hn-space-4)}}@media(prefers-reduced-motion:reduce){.hn-video-gallery__play-icon{transition:none}.hn-video-gallery__play:hover .hn-video-gallery__play-icon{transform:none}}@media(forced-colors:active){.hn-video-gallery__track:focus-visible,.hn-video-gallery__video:focus-visible,.hn-video-gallery__play:focus-visible .hn-video-gallery__play-icon{outline-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hn-video-gallery.css.map */