.demo{margin-bottom:150px}.video-container{z-index:12}.video-container .close{cursor:pointer;position:absolute;right:-60px;top:-60px;width:50px;z-index:99}.video-section-inner iframe{border-radius:24px;min-height:500px;width:100%}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 #ffd1a6;box-shadow:0 0 0 0 #ffd1a6}70%{-moz-box-shadow:0 0 0 8px #ffdcbc;box-shadow:0 0 0 10px #ffdcbc}to{-moz-box-shadow:0 0 0 0 #fdece1;box-shadow:0 0 0 0 #fdece1}}.show{height:100%;left:0;position:fixed;top:0;width:100%}@media (max-width:576px){.video-container .close{right:0}}.modal{position:relative}.video-section-wrapper{animation:pulse 2s infinite;background:#fdece1;border-radius:32px;margin:5rem auto 0;padding:18px;position:relative;transition:all .2s ease 0s;width:70%}.video-section-inner{background-image:url(https://8162471.fs1.hubspotusercontent-na1.net/hubfs/8162471/demo-video-thumbnail.svg);background-repeat:no-repeat;background-size:cover;border-radius:12px;min-height:500px}.video-section-button{align-items:center;background:#fff;border-radius:100px;cursor:pointer;display:flex;gap:20px;left:50%;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.video-section-button img{height:100px;width:100px}.button-text p{color:#1c1f25;font-size:2rem;font-weight:600;line-height:1}.button-text span{font-size:1.6rem;margin-bottom:.4rem;margin-right:.8rem}.button-text span:last-child{color:#387ff5;font-weight:500}.dot{background:#32448b33;border-radius:50%;display:inline-block;height:4px;width:4px}.video-section-button button{background:#fff;background-image:url(https://f.hubspotusercontent30.net/hubfs/9471087/resources/xenonstack-usecase-playbutton.svg);border:0;border-radius:50%;display:none;height:212px;width:212px}.video-container{align-items:center;background-color:hsla(0,0%,95%,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:all .3s;width:100%;z-index:99999}.video-container-inside{position:relative}.video-container iframe{border:6px solid #42a3e8}.show{opacity:1;pointer-events:all;top:60px!important}@media (max-width:1023px){.video-section-inner{min-height:350px}}@media (max-width:767px){.video-section-wrapper{width:100%}.button-text,.video-section-button>img{display:none}.video-section-button button{display:block}.video-section-button{border:6px solid #c3d1ff59;border-radius:50%;padding:0}.video-section-button button{height:130px;width:130px}}@media (max-width:768px){.demo{margin-bottom:100px}}@media (max-width:576px){.video-section-button button{height:80px;width:80px}}