.watch-more{display:inline-block;color:var( --color-foreground);font-size:14px;text-decoration:none;display:flex;justify-content:center;align-items:center;width:60px;height:60px;background:transparent;border-radius:50%;transition:all .3s linear;-webkit-animation:ripple 1s linear infinite;animation:ripple 1s linear infinite;position:absolute;border:2px solid var(--gradient-base-background-1)}@keyframes ripple{0%{box-shadow:0 0 #ffffff0d,0 0 0 10px #ffffff0d,0 0 0 30px #ffffff0d,0 0 0 50px #ffffff0d}to{box-shadow:0 0 0 10px #ffffff0d,0 0 0 30px #ffffff0d,0 0 0 50px #ffffff0d,0 0 0 80px #fff0}}.video-play-icon{display:flex;justify-content:center;align-items:center}.video-section .grid-with-video .video-block .video-play-icon .watch-more:hover svg,.watch-more:hover,.watch-more:focus,.watch-more:active{color:var(--color-icon);border-color:var(--gradient-base-accent-1)}svg.icon.icon-play{height:20px;width:20px}body.gradient.overlay-active{overflow-y:hidden}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6}.grid-video-popup{display:none;z-index:2;position:absolute;top:20%;left:50%;transform:translate(-50%,-150px);border:1px solid #ccc;padding:10px 20px;background-color:#fff;border-radius:4px}.grid-video-popup.visible{display:block}.grid-video-popup .close{position:absolute;right:8px;top:-3px;font-weight:900;font-size:28px;color:#000;padding:5px 10px;border-bottom:none;cursor:pointer}.video-wrapper{width:730px;margin:30px auto}@media only screen and (max-width: 560px){.video-wrapper{width:350px}}.video-wrapper .video-container{position:relative;padding-bottom:55.25%;height:0;overflow:hidden}.video-wrapper .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-section{height:100%;display:flex;flex-direction:column;justify-content:center}.video-banner .video-section__content p{font-family:var(--font-body-family);font-weight:400;font-size:1.8rem;padding:0;margin-bottom:32px}.video-play-icon,.video-section .grid-with-video .video-block .video-play-icon img{height:100%;width:100%}.video-section__content{text-align:center}.grid-with-video{display:inline-flex}.support{display:flex;gap:30px;align-items:flex-end;margin-bottom:15px}.video-section__content .title-wrapper-with-link{text-align:left;flex-direction:unset;width:100%;max-width:75%;padding:50px 30px 30px}.video-section .grid-with-video .video-block{width:55%}.video-section .grid-with-video .grid-block{width:45%}.video-section .grid-with-video .video-block .video-play-icon img{transform:translateY(-115px)}.video-section .grid-with-video .video-block .video-play-icon .watch-more{transform:translateY(-100px)}.video-section__content .title-wrapper-with-link .support-wrapper .support h2{font-family:var(--font-body-family);font-size:2.2rem;text-transform:initial}.video-banner .video-section__content .support-wrapper .support:hover img{transition:all .3s linear;transform:rotate(45deg)}.video-banner .video-section__content .support-wrapper .support img{transition:all .3s linear}svg.icon.icon-play{color:var(--gradient-base-background-1)}@media screen and (min-width: 991px){.video-banner .video-section__content p{text-align:left}}@media only screen and (max-width:1440px) and (min-width:1200px){.video-section__content .title-wrapper-with-link{width:100%;max-width:100%}}@media only screen and (max-width:1440px){.video-banner .video-section__content p{font-size:1.6rem}}@media only screen and (max-width:1200px){.video-section__content .title-wrapper-with-link{padding:0}.video-section__content .title-wrapper-with-link .support-wrapper .support h2{font-size:1.8rem;text-align:left}.video-banner .video-section__content .support-wrapper{width:100%;display:grid;justify-content:center}.video-banner .video-section__content p{text-align:center;width:70%}.video-section__content .title-wrapper-with-link{width:100%;max-width:80%;margin:auto;justify-content:center;text-align:center}.video-section .grid-with-video .grid-block,.video-section .grid-with-video .video-block{width:100%;max-width:100%}.grid-with-video{gap:30px;flex-direction:column}.video-section .grid-with-video .video-block .video-play-icon img,.video-section .grid-with-video .video-block .video-play-icon .watch-more{transform:translateY(0)}}.video-section__content .title-wrapper-with-link .title{margin-bottom:30px;line-height:1.5}@media only screen and (max-width:767px){.video-banner .video-section__content p{width:95%}}.video-banner .video-section__content p{text-transform:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/grid-with-video.css.map */