.video-container{position:relative;left:50%;right:50%;width:90vw;height:65vh;margin-left:-45vw;margin-right:-45vw;transform-origin:center;margin-top:6rem;box-sizing:border-box}.video-container video{position:fixed;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.35}.video-container:after,.video-container:before{content:" ";display:block;position:absolute;width:64px;height:64px;background-color:transparent;z-index:20;transition:all .25s ease;opacity:1}.video-container:before{bottom:-16px;left:-16px;border-left:6px solid #3fffbf;border-bottom:6px solid #3fffbf}.video-container:after{top:-16px;right:-16px;border-top:6px solid #3fffbf;border-right:6px solid #3fffbf}@media(max-width:980px){.video-container:before{bottom:-8px;left:-8px}.video-container:after{top:-8px;right:-8px}.video-container{margin-top:0}}.video-container.playing:after,.video-container.playing:before{opacity:0}.video-container.playing:before{left:-2.5vw;bottom:-2.5vw}.video-container.playing:after{top:-2.5vw;right:-2.5w}.video-container .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:76.8px;height:76.8px;display:flex;justify-content:center;align-items:center;background-color:#3fffbf;border-radius:6px}.video-container .play:hover{background-color:#72ffd0}@keyframes quiet{25%{transform:scaleY(.6)}50%{transform:scaleY(.4)}75%{transform:scaleY(.8)}}@keyframes normal{25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(.6)}}@keyframes loud{25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(1.2)}}.boxContainer{display:flex;position:absolute;justify-content:space-between;top:24px;left:24px;height:16px;--boxSize:4px;--gutter:2px;width:calc((var(--boxSize) + var(--gutter))*5);z-index:2}.playing .boxContainer{height:0}.box{transform:scaleY(.4);height:100%;width:var(--boxSize);background:#3fffbf;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;border-radius:8px}.box1{animation-name:quiet}.box2{animation-name:normal}.box3{animation-name:quiet}.box4{animation-name:loud}.box5{animation-name:quiet}