.components-landing-page-demos{margin-top:176px}@media (max-width:1199px){.components-landing-page-demos{margin-top:100px}}.components-landing-page-demos .section-header{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:0 auto 44px;display:flex}.components-landing-page-demos .section-header .eyebrow{color:var(--secondary-500);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-semibold);letter-spacing:1.5px;text-transform:uppercase}.components-landing-page-demos .section-header h2{color:var(--white-100);font-size:var(--font-size-display-xs);line-height:var(--line-height-display-xs);letter-spacing:var(--letter-spacing-display-xs);font-weight:var(--font-semibold);margin:0}.components-landing-page-demos .section-header .description{color:var(--white-70);margin:0}.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:#10101080;justify-content:center;align-items:center;display:flex;position:absolute;inset: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;inset: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{background:linear-gradient(180deg, var(--white-10) 0%, #9999991a 100%);border:1px solid var(--secondary-500)}.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}}