.watch-more{display:inline-block;color:var(--gradient-base-background-4);font-size:14px;text-decoration:none;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:var(--gradient-base-accent-1);border-radius:50%;transition:all .3s linear;-webkit-animation:ripple 1s linear infinite;animation:ripple 1s linear infinite}@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}.watch-more:hover,.watch-more:focus,.watch-more:active{color:var(--gradient-base-background-1);background:var(--gradient-base-background-6)}svg.icon.icon-play{height:16px;width:16px;color:var(--gradient-base-background-4);border-radius:10px}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:#000c}.video-popup{display:none;z-index:2;position:absolute;top:40%;left:50%;transform:translate(-50%);border:1px solid #ccc;padding:10px 20px;background-color:#fff;border-radius:4px}.video-popup.visible{display:block}.video-popup .close{position:absolute;right:5px;top:2px;font-weight:400;font-size:28px;color:var(--gradient-base-accent-1);padding:5px 10px;border-bottom:none;cursor:pointer;height:30px;width:30px;display:flex;align-items:center;justify-content:center;transition:var(--duration-default)}.video-popup .close:hover{color:var(--gradient-base-accent-2)}.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{-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);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;line-height:calc(1 + .3/max(1,var(--font-heading-scale)))}.video-banner{height:600px}@media screen and (min-width: 991px){.video-banner{height:700px}}@media screen and (max-width: 480px){.video-popup{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%);border:1px solid #ccc;padding:10px 20px;background-color:#fff;border-radius:4px;margin:10px}}.video-section__content{text-align:center}
/*# sourceMappingURL=/cdn/shop/t/5/assets/video-pop-up.css.map */
