.header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100;background:#202020}.upload{padding:10px}@media only screen and (max-width:600px){.header{display:block;padding:10px}.input_header>input{width:100px}}.header__logo{height:25px;object-fit:contain}.input_header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:30px;-webkit-flex:0.4 1;flex:0.4 1;border:1px solid #000;background:grey}.input_header>input{-webkit-flex:1 1;flex:1 1;border:none;background:#121212;color:#fff;font-size:20px}.input_btn{width:50px!important;border-left:1px solid #d3d3d3}.right_header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:8px}.right_header>input{display:none}body{overflow-x:hidden}.input-data{padding:20px}#upload-btn{text-transform:uppercase;margin-right:8px;background-color:#4ca3fc;border-radius:4px}.modal{background:linear-gradient(0deg,hsla(0,0%,100%,.16),hsla(0,0%,100%,.16));-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:50px;z-index:1000}.modal,.overlay{display:-webkit-flex;display:flex;position:absolute}.overlay{overflow-x:hidden;overflow-y:hidden;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,1,.9);z-index:100;height:100vh}.input{padding:10px;width:300px;max-width:90%;font-size:1rem;letter-spacing:1px}.upload-btn{margin-top:1rem;padding:10px 40px;background-color:#000;color:#639;text-transform:uppercase;border:none}p{padding:1;margin:1px;color:#f5f5f5}label{color:#fff;size:20px;letter-spacing:1.4}.div-inputs{padding:10px}h2{color:#fff;top:0;left:0}.select{padding:10px;margin:10px;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;background-color:teal}.panel{display:grid;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#202020}.active,button:focus{border-radius:20px;background-color:#f5f5f5;color:#000}button{background-color:#202020;color:#fff;border:none;border-radius:20px;font-size:14px}.genre{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:10px}.genre-btn{margin:5px}.content{padding:10px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}@media only screen and (max-width:600px){.genre{display:block}}body{background:#181818}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:10px;justify-items:center;padding-top:3%;padding-left:10%;padding-right:10%}a{text-decoration:none}.video-tile{display:grid;grid:118px auto/210px}.video-preview-metadata-container{font-size:13px}.image-container{position:relative;grid-row:1/2;grid-column:1/2;border:1px solid #000;object-fit:contain}.image-container:hover{opacity:.6;transition:.3s}.grid-container{grid-template-columns:100%;grid-template-rows:auto}.grid,.grid-container{display:grid;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.item{min-height:200px;background-color:#eee;padding:20px}.iframe-parent{display:grid;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-top:10px;padding-bottom:10px}iframe{height:500px;width:1400px;overflow:auto;padding-bottom:10px}.video-info{grid-row:2/3;grid-column:1/2;color:#fff}.video-preview-metadata-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding-top:5px;font-size:15px;color:#6e6e6e}.channel-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show-max-two-lines{overflow:hidden;line-height:1.4em;max-height:2.8em}.semi-bold{font-weight:600}@media only screen and (max-width:600px){iframe{width:300px;height:200px;overflow:auto;padding-bottom:10px}}
/*# sourceMappingURL=main.9c61771e.chunk.css.map */