.video-blocks .video-block--flex{display:flex;align-items:center;gap:48px}.video-blocks .video-block--flex .content{width:50%}.video-blocks .video-block--flex .content .block-title{margin:0 0 24px}.video-blocks .video-block--flex .content .block-richtext{margin:0 0 32px}.video-blocks .video-block--flex .content .btn-flex{display:flex;gap:10px}.video-blocks .video-block--flex .blocks{width:50%;display:flex;gap:24px}.video-blocks .video-block--flex .blocks .video-block{flex:1}.video-blocks .video-block--flex .blocks .video-block .video-container{width:100%;position:relative}.video-blocks .video-block--flex .blocks .video-block .video-container .play-icon{width:60px;height:60px;background:url(icon-play.webp) no-repeat center center/contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;transition:.3s opacity}.video-blocks .video-block--flex .blocks .video-block .video-container video{width:100%;cursor:pointer}.video-blocks .video-block--flex .blocks .video-block .video-container.playing .play-icon{opacity:0}.video-blocks .video-block--flex .blocks .video-block p{margin:24px 0 0;font-size:24px}.video-blocks .video-block--flex .btn-flex--device{display:none}@media screen and (max-width: 990px){.video-blocks .video-block--flex{flex-wrap:wrap;gap:0}.video-blocks .video-block--flex .content{width:100%}.video-blocks .video-block--flex .content .btn-flex{display:none}.video-blocks .video-block--flex .blocks{width:100%}.video-blocks .video-block--flex .blocks .video-block .video-container .play-icon{display:none}.video-blocks .video-block--flex .btn-flex--device{display:block;width:100%}.video-blocks .video-block--flex .btn-flex--device .btn-flex{display:flex;flex-direction:column;gap:10px;margin:60px 0 0;width:100%}.video-blocks .video-block--flex .btn-flex--device .btn-flex .button{width:100%;text-align:center}}@media screen and (max-width: 990px) and (max-width: 768px){.video-blocks .video-block--flex .blocks{overflow:auto;margin:0 -20px;width:calc(100% + 40px);padding:0 20px;-ms-overflow-style:none;scrollbar-width:none}.video-blocks .video-block--flex .blocks::-webkit-scrollbar{display:none}}@media screen and (max-width: 768px){.video-blocks .video-block--flex .blocks .video-block{width:285px;min-width:285px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/section-video-blocks.css.map */