.vg-videos__heading{margin-block-end:1.2rem}.vg-videos__heading>*{margin:0}.vg-videos__heading>*+*{margin-block-start:.5em}.vg-videos{display:block;position:relative;--vg-videos-per-row: var(--vg-videos-per-row-mobile, 1.5)}@media(min-width:750px){.vg-videos{--vg-videos-per-row: var(--vg-videos-per-row-desktop, 3)}}.vg-videos__swiper{overflow:hidden}.vg-videos .swiper-wrapper{display:flex}.vg-videos__slide{flex:0 0 auto;height:auto;width:calc((100% - (var(--vg-videos-gap, 12px) * (var(--vg-videos-per-row) - 1))) / var(--vg-videos-per-row))}.vg-videos__slide:not(:last-child){margin-inline-end:var(--vg-videos-gap, 12px)}.vg-videos__slide video,.vg-videos__slide img{display:block;width:100%;height:auto;aspect-ratio:var(--vg-videos-aspect-ratio, 9 / 16);object-fit:cover;border-radius:var(--vg-videos-radius, .8rem);background-color:rgba(var(--color-foreground),.04)}.vg-videos__slide{position:relative}.vg-videos__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;background:none;border:none;cursor:pointer;color:#fff}.vg-videos__play:has(svg):before{content:"";position:absolute;width:4.8rem;height:4.8rem;border-radius:50%;background-color:#00000073;transition:transform var(--duration-default),background-color var(--duration-default)}.vg-videos__play svg{position:relative;width:2rem;height:2rem;color:#fff}@media(hover:hover){.vg-videos__play:hover:before{transform:scale(1.1);background-color:#000000a6}}.vg-videos__modal:not([open]){display:none}.vg-videos__modal[open]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-header) + 1);display:flex;align-items:center;justify-content:center;background-color:#000c}.vg-videos__modal-dialog{position:relative;max-width:min(90vw,50rem);max-height:90vh}.vg-videos__modal-media video{display:block;max-width:100%;max-height:90vh;border-radius:var(--vg-videos-radius, .8rem)}.vg-videos__modal-close{position:fixed;inset-block-start:2rem;inset-inline-end:2rem;display:flex;padding:.6rem;background:none;border:none;cursor:pointer;color:#fff}.vg-videos__buttons{padding:0 .8rem}.vg-videos .swiper-button{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background-color:#ffffffeb;color:#000;box-shadow:0 1px 4px #00000040}.vg-videos .swiper-button svg{width:1.6rem;height:1.6rem}.vg-videos__buttons:has(.swiper-button-lock){display:none}@media(max-width:749px){.vg-videos__buttons{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-vg-videos.css.map */