#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.home{max-width:800px;margin:0 auto}.home .logo{width:300px;max-width:80%}.home .transcoding-container{border:2px solid #ee5e5b;border-radius:5px}.home .transcoding-container .title{background-color:#ee5e5b;color:#fff;font-weight:700;padding:15px;margin:0;font-size:24px}.home .transcoding-container .parameter-block,.home .transcoding-container .transcoding-block{padding:25px}.home .video-popup-bg{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.1);left:0;top:0;display:flex;justify-content:center;align-items:center}.home .video-popup-bg .video-popup{position:relative;max-width:95%;width:800px;height:450px;border-radius:5px;overflow:hidden}.home .video-popup-bg .video-popup i{position:absolute;color:#fff;top:10px;right:10px;z-index:99;cursor:pointer;font-size:24px}.home .video-popup-bg .video-popup video{width:100%;height:100%}@media only screen and (max-width:992px){.home .video-popup-bg .video-popup{width:600px;height:337.5px}}@media only screen and (max-width:768px){.home .video-popup-bg .video-popup{width:400px;height:225px}}@media only screen and (max-width:375px){.home .video-popup-bg .video-popup{width:400px;height:200px}}.remove-video-block{padding:20px 0;display:flex;align-items:center;justify-content:center}.remove-video-block button{margin-left:10px}