@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('') , url(../fonts/roboto/roboto-v29-latin-300.woff2) format('woff2') , url(../fonts/roboto/roboto-v29-latin-300.woff) format('woff');font-display:swap}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('') , url(../fonts/roboto/roboto-v29-latin-regular.woff2) format('woff2') , url(../fonts/roboto/roboto-v29-latin-regular.woff) format('woff');font-display:swap}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('') , url(../fonts/roboto/roboto-v29-latin-500.woff2) format('woff2') , url(../fonts/roboto/roboto-v29-latin-500.woff) format('woff');font-display:swap}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('') , url(../fonts/roboto/roboto-v29-latin-700.woff2) format('woff2') , url(../fonts/roboto/roboto-v29-latin-700.woff) format('woff');font-display:swap}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('') , url(../fonts/roboto-condensed/roboto-condensed-v19-latin-regular.woff2) format('woff2') , url(../fonts/roboto-condensed/roboto-condensed-v19-latin-regular.woff) format('woff');font-display:swap}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('') , url(../fonts/roboto-condensed/roboto-condensed-v19-latin-700.woff2) format('woff2') , url(../fonts/roboto-condensed/roboto-condensed-v19-latin-700.woff) format('woff');font-display:swap}body,html{color:#e3eaed;background-color:#263238}h1 span,.button-container a span{background-color:#fc9900;color:#263238}.button-container a{border-color:#fc9900;&:hover{
      background-color: #FC9900;
      color: #263238;
    }
}#progress-bar{border-color:#000;background-color:#f0f0f0}#progress-bar div{background-color:#fc9900}.video-record{background-color:#fc9900;color:#263238}#vi-video-block-upload{border:2px dashed #7a9baa}.dropzone{color:#4a626e}body,html{font:16px 'Roboto',Arial,sans-serif;margin:0;padding:0;display:grid;place-items:center;max-height:100%;height:100%;width:100%}.wrp{width:100%;max-width:800px;margin:10% auto}#page{transition:transform 3s ease-in-out}#timer{margin-left:41px}.unload{transform:translateY(100%)}.content{text-align:left}.list-container{margin-left:40px}.helper-left{margin-left:41px!important}#vi-video-process{display:none}h1{font-weight:600;font-size:24px;line-height:1.2;margin:0 0 15px;font-family:'Roboto Condensed',Arial,sans-serif;display:flex;align-items:center;align-items:flex-start}h1 span{display:inline-block;padding:3px 10px;margin-right:7px;border-radius:6px}h1 div{display:inline-block;padding:3px 0}.button-container{margin:30px 0 0 39px}.button-container a{border-style:solid;border-width:2px;padding:15px 20px;border-radius:6px;text-decoration:none;margin-top:15px;width:280px;display:block;color:inherit}.button-container a span{border-radius:3px;display:inline-block;padding:3px 10px;margin-right:10px}#vi-video-block-upload{display:block;width:100%;max-width:400px;height:200px;margin:40px 0;padding:20px;box-sizing:border-box;border-radius:6px;text-align:center;cursor:pointer}.dropzone svg{width:50px;height:50px}.dropzone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.dropzone{font-size:28px;text-transform:uppercase;font-weight:bold;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.dropzone-text{padding:5px 8px}.dropzone-description{margin-top:15px;font-size:14px}#progress-bar{width:100%;max-width:400px;height:20px;border:1px;border-style:1px solid;margin:10px 0;display:none}#progress-bar div{height:100%;width:0}.hidden{display:none}.logo{text-align:center;max-width:250px;margin:0 auto 50px auto;display:none}.error-message{font-weight:bold;display:none}#error-controls{display:none}.container-box{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;margin:50px auto;column-gap:50px}#recordedVideo{margin-top:-22px}video{border:2px solid #597684;border-radius:6px}.video-block,.info-block{max-width:420px;margin:30px 0}.video-controls{margin-top:10px}.video-controls button{margin:0 5px}.video-record{position:relative;top:20px;left:20px;width:fit-content;padding:3px 5px;border-radius:3px;display:none}form{display:flex;flex-direction:column;max-width:70%;width:100%;margin-top:20px}form label{margin:10px 0 5px;display:flex;align-items:flex-start}form input[type="text"],form input[type="email"],form input[type="tel"]{padding:10px;margin-bottom:10px;width:80%;box-sizing:border-box;font-size:16px;border-radius:6px;border:1px solid transparent;&:focus {
        border-color:rgb(227, 234, 237);
    }
}.error{border-color:red!important}form input[type="checkbox"]{margin-right:10px}@media (max-width:800px){.wrp{width:90%}}@media (max-width:600px){.wrp{width:90%;max-width:100%;margin:20px}.button-container a{width:auto}form input[type="text"],form input[type="email"],form input[type="tel"]{width:100%}.list-container{max-width:100%}form{max-width:85%}#vi-video-block-upload{max-width:85%}}@media (max-width:550px){.dropzone{font-size:18px}.dropzone svg{width:40px;height:40px}.dropzone-description{margin-top:0;font-size:12px}}