.video-grid__heading{width:100%}.video-grid__heading--left{justify-content:flex-start}.video-grid__heading--center{justify-content:center;text-align:center}.video-grid__heading--right{justify-content:flex-end;text-align:right}.video-grid__list{display:grid;grid-template-columns:1fr;gap:var(--grid-gap);margin:0;padding:0;list-style:none}@media(min-width:768px){.video-grid__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1025px){.video-grid__list{grid-template-columns:repeat(var(--video-grid-columns, 4),minmax(0,1fr))}}.video-grid__opener{display:block;height:100%}.video-grid__card{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left;color:inherit}.video-grid__card:focus-visible{outline:2px solid var(--color-foreground-20);outline-offset:2px;border-radius:var(--input-border-radius)}.video-grid__media{position:relative;overflow:hidden;aspect-ratio:16 / 9;background-color:var(--color-foreground-4)}.video-grid__media img,.video-grid__media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.video-grid__play-icon.deferred-media__poster-button{height:2.8rem;width:2.8rem;border-bottom-width:2px;pointer-events:none;transition:transform .2s ease,filter .2s ease,border-bottom-width .2s ease,top .2s ease}.video-grid__play-icon.deferred-media__poster-button .icon,.video-grid__play-icon.deferred-media__poster-button .icon-play{width:1rem;height:1rem}.video-grid__duration{position:absolute;right:calc(var(--spacing) / 4);bottom:calc(var(--spacing) / 4);z-index:1;padding:.2em .5em;border-radius:var(--input-border-radius);background-color:var(--color-foreground);color:var(--color-background);font-size:.75rem;line-height:1.2;pointer-events:none}.video-grid__title{margin:calc(var(--spacing) / 4) 0 0;color:var(--color-heading);font-weight:600;line-height:1.4;transition:color .2s ease}.video-grid__card:hover .video-grid__title,.video-grid__card:focus-visible .video-grid__title{color:var(--color-link)}.video-grid__card:hover .video-grid__play-icon.deferred-media__poster-button,.video-grid__card:focus-visible .video-grid__play-icon.deferred-media__poster-button{filter:brightness(103%);border-bottom-width:1px;top:50%}.video-grid__card:hover .video-grid__media,.video-grid__card:focus-visible .video-grid__media{outline:1px solid var(--color-foreground);outline-offset:0}.video-grid__card--placeholder{cursor:default}.video-grid-modal.product-videos-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:color-mix(in srgb,rgba(var(--color-dark-rgb)),transparent 70%);height:100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.video-grid-modal.product-videos-modal[open]{opacity:1;visibility:visible;z-index:101}.video-grid-modal .product-videos-modal__content{background-color:var(--color-base);overflow:visible;width:calc(100% - var(--spacing));max-width:72rem;margin:calc(var(--spacing) / 2) auto 0;position:relative;padding:calc(var(--spacing) / 4)}@media(min-width:1025px){.video-grid-modal .product-videos-modal__content{margin-top:10vh;padding:calc(var(--spacing) / 2)}}.video-grid-modal .product-videos-modal__toggle{background-color:var(--color-background);border:0;color:var(--color-foreground-55);display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;padding:calc(var(--spacing) / 4);z-index:2;top:calc(var(--spacing) / 4);right:calc(var(--spacing) / 4);width:3rem;height:3rem}.video-grid-modal .product-videos-modal__toggle:hover{color:var(--color-foreground-75)}.video-grid-modal .product-videos-modal__toggle .icon{height:auto;margin:0;width:1rem}.video-grid-modal .product-videos-modal__video{position:relative;width:100%;aspect-ratio:16 / 9}.video-grid-modal .product-videos-modal__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:var(--input-border-radius)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-video-grid.css.map */