.video-gallery-component__title{text-align:center;text-transform:uppercase}.video-gallery-component__grid{display:grid;grid-template-columns:1fr;gap:2rem}.video-gallery-component__card{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border:none;background:transparent;padding:0;cursor:pointer}.video-gallery-component__card.is-active{border:none}.video-gallery-component__card video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.video-gallery-component__toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5.2rem;height:5.2rem;border-radius:50%;background:rgba(var(--color-background),.72);color:rgb(var(--color-foreground));display:grid;place-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease;z-index:2}.video-gallery-component__card:hover .video-gallery-component__toggle,.video-gallery-component__card:focus-visible .video-gallery-component__toggle{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1.05);background:rgba(var(--color-background),.82)}.video-gallery-component__toggle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .16s ease}.video-gallery-component__toggle-icon--play{width:0;height:0;border-top:.85rem solid transparent;border-bottom:.85rem solid transparent;border-left:1.25rem solid currentColor;margin-left:.2rem;opacity:1}.video-gallery-component__toggle-icon--pause{display:inline-flex;gap:.35rem;opacity:0}.video-gallery-component__toggle-icon--pause span{display:block;width:.42rem;height:1.6rem;background:currentColor;border-radius:.1rem}.video-gallery-component__card.is-playing .video-gallery-component__toggle-icon--play{opacity:0}.video-gallery-component__card.is-playing .video-gallery-component__toggle-icon--pause{opacity:1}.video-gallery-component__placeholder{width:100%;height:100%;background:rgba(var(--color-foreground),.06);display:flex;align-items:center;justify-content:center}@media screen and (min-width:768px){.video-gallery-component__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-gallery-component__grid .video-gallery-component__card:last-child{grid-column:1 / -1}}@media screen and (min-width:1024px){.video-gallery-component__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-gallery-component__grid .video-gallery-component__card:last-child{grid-column:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-video-gallery.css.map */