.components-landing-page-demos .header{margin-top:150px;margin-bottom:26px}@media (max-width:1199px){.components-landing-page-demos .header{margin-top:100px;margin-bottom:20px}}.components-landing-page-demos .video{outline:2px solid var(--white-10);border-radius:5px;position:relative;overflow:hidden}@media (max-width:600px){.components-landing-page-demos .video{outline:none;margin-left:-20px;margin-right:-20px}}.components-landing-page-demos .video img{width:100%;height:auto;display:block}.components-landing-page-demos .video .overlay{background-color:rgba(16,16,16,.5);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.components-landing-page-demos .video .overlay button svg{fill:var(--secondary-500);width:110px}@media (max-width:1199px){.components-landing-page-demos .video .overlay button svg{width:40px}}.components-landing-page-demos .video video{width:100%;height:auto;position:absolute;top:0;bottom:0;left:0;right:0}.components-landing-page-demos .demo-select-wrapper{justify-content:center;display:flex}.components-landing-page-demos .demo-select-wrapper .demo-select{border:1px solid var(--white-20);border-radius:99px;justify-content:center;column-gap:50px;margin-top:42px;padding:21px 25px;display:flex}@media (max-width:600px){.components-landing-page-demos .demo-select-wrapper .demo-select{column-gap:10px;margin-top:20px;padding:10px 15px}}.components-landing-page-demos .demo-select-wrapper .demo-select .play-demo{border:1px solid var(--white-20);color:var(--white-100);border-radius:99px;padding:15px 25px;font-size:20px;font-weight:700}@media (max-width:600px){.components-landing-page-demos .demo-select-wrapper .demo-select .play-demo{padding:10px 15px;font-size:14px}}.components-landing-page-demos .demo-select-wrapper .demo-select .play-demo:hover{border:1px solid var(--white-60)}.components-landing-page-demos .demo-select-wrapper .demo-select .play-demo.active{border:1px solid var(--secondary-500);background:linear-gradient(rgba(255,255,255,.1) 0%,rgba(153,153,153,.1) 100%)}.components-landing-page-demos .description-wrapper{justify-content:center;margin-top:20px;display:flex}@media (max-width:600px){.components-landing-page-demos .description-wrapper .description{text-align:center;width:290px;font-size:14px}}