.watch-more{display:inline-block;color:var(--color-foreground);font-size:14px;text-decoration:none;display:flex;justify-content:center;align-items:center;width:134px;height:134px;background:transparent;border-radius:50%;transition:all .3s linear;color:var(--gradient-base-accent-2);border:1px solid rgb(var(--color-base-accent-3));position:relative}.watch-more:before{background:rgba(var(--color-base-background-2),.3);content:"";position:absolute;width:90%;height:91%;filter:blur(2px);border-radius:50%;margin:auto;border:3px rgba(var(--color-base-background-2),.3);z-index:0;border-style:solid}@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(--color-icon);background:var(--gradient-base-background-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:#0006}.video-popup{display:none;z-index:2;position:absolute;top:20%;left:50%;transform:translate(-50%);border:1px solid #ccc;padding:10px 30px;background-color:#fff;border-radius:4px}.video-popup.visible{display:block}.video-popup .close{position:absolute;right:8px;top:-8px;font-weight:900;font-size:28px;color:#000;border-bottom:none;cursor:pointer}.video-wrapper{width:730px;margin:30px auto}@media only screen and (max-width: 990px){.video-wrapper{width:85vw}}.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 .video-section__content p{padding:0 18rem}.video-banner{height:900px}}.video-section__content{text-align:center}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-pop-up.css.map */
