.videos-list{padding-top:30px;padding-bottom:46px}.video-list__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.video-card{display:block}.video-card__thumbnail--wrapper{position:relative;padding-bottom:calc(220 / 300 * 100%)}.video-card__thumbnail img,.video-card__thumbnail svg{position:absolute;object-fit:cover;width:100%;height:100%;display:block}.video-popup__clicker{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.video-popup__opener{appearance:none;-moz-appearance:none;-webkit-appearance:none;width:54px;height:54px;background-color:#fff9;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s ease-in-out;color:#fff}.video-card__thumbnail--wrapper:hover .video-popup__opener{opacity:1}.video-popup__opener:hover{color:#000}.video-popup__opener svg{width:40px;height:40px;line-height:0}.video-card__popup--wrapper{position:fixed;width:100%;height:100%;top:0;left:0;z-index:var(--z-modals);display:none}.video-card__popup--wrapper.active{display:block}.video-card__popup-overlay{position:absolute;background-color:#00000080;width:100%;height:100%}.video-card__popup{background-color:#fff;z-index:calc(var(--z-modals) + 1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:32px 20px 20px;width:100%;max-width:650px}.video-card__popup iframe{max-height:100%;height:100%;min-height:360px;display:block;width:100%;outline:none;border:none}.video-popup__closer{appearance:none;-moz-appearance:none;-webkit-appearance:none;right:0;top:0;position:absolute}.video-card__title{text-align:center;color:var(--color-scheme-2)}@media screen and (max-width: 989px){.video-list__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 749px){.videos-list{padding-top:20px;padding-bottom:20px}.video-list__grid{grid-template-columns:repeat(2,1fr)}.video-card__popup{max-width:calc(100% - 40px)}}@media screen and (max-width: 499px){.video-list__grid{grid-template-columns:repeat(1,1fr)}.video-card__popup iframe{min-height:240px}.video-card__popup{max-width:calc(100% - 20px)}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/section-video-list.css.map */