.base_layout{width:100%;margin-bottom:2rem;display:flex;flex-direction:row;justify-content:space-between}input[type=range]{accent-color:#ffffff}.switch_title{display:inline-block;vertical-align:middle}.switch{position:relative;display:inline-block;width:60px;height:34px;transform:scale(.7)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#bb570a}input:focus+.slider{box-shadow:0 0 1px #bb570a}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.container-converter{display:flex;flex-direction:row;flex-wrap:nowrap;margin:2rem}.action{width:100%;padding-right:3rem;max-width:600px}.options{width:100%;display:flex;flex-direction:column;padding-bottom:1rem}.options>div{display:flex;justify-content:space-between}.action_options{width:100%;margin-bottom:2rem}.active{display:initial}.disable{display:none}.video{border:1px solid #a6a2a4;max-width:640px;max-height:480px}.video>video{background-color:#303846;width:100%;height:100%}.video_options{display:flex;justify-content:space-between}.progressBar{width:100%;accent-color:#bb570a}.console{width:100%}.console>textarea{background-color:#595959;color:#faebd7}.transcoding{color:#fff!important}.transcoding:hover{color:#bb570a!important}.dropzone{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;border-width:2px;border-radius:2px;border-color:#eee;border-style:dashed;background-color:#3d434c;color:#bdbdbd;outline:none;transition:border .24s ease-in-out}.hero_center{background:url(/img/banner_documentacion-850b18b413fc13f0d422ec0cf994e3b8.png) no-repeat #303845;background-color:#303845;overflow:hidden;padding:4rem 0;position:relative;text-align:center;color:#fff}.main_layout{background-color:#303845}:root{color-scheme:light dark}body{width:100%;background-image:radial-gradient(#e0e0e0 1px,transparent 1px);background-size:20px 20px;background-color:#fff;color:#fff}#root{width:100%}.container{max-width:initial!important}