*{box-sizing:border-box;scrollbar-width:thin}:root{--white:#fff;--black:#000;--red:#f74e4e;--yellow: #EED75F;--shadow:0 1px 10px #34383c0f, 0 2px 4px #34383c14}body{width:100vw;height:100vh;margin:0;background-color:#050505;color:#fff;font-size:.9rem;letter-spacing:.6px;font-family:Arial,Helvetica,sans-serif}#root{height:100%;width:100%}main{height:100%;width:100%;display:flex;justify-content:space-between;padding:10px}section{width:calc(100% - 250px);height:100%;text-align:center;display:flex;justify-content:center;align-items:center;overflow:hidden}aside{width:250px;height:100%;background-color:#2c2c2c;overflow:hidden;box-shadow:var(--shadow)}aside .list-tv{height:300px}button,input,select{padding:12px;outline:none;border:0}option,optgroup{background-color:#181818;color:#fff}button{background-color:var(--yellow);display:flex;align-items:center;justify-content:center;text-transform:uppercase;cursor:pointer;transition:opacity .25s}button:hover{opacity:.8}ul{margin:0;padding:0;list-style:none}li{padding:10px 15px;transition:background-color .25s;text-transform:capitalize;border-bottom:1px solid #181818}li:hover{background-color:#fff3}pre{background-color:#181818;padding:10px}p{word-break:break-all}.tabs li{border-right:1px solid #181818}.tabs li:last-child{border-right:0}.active{color:var(--yellow);font-weight:600}.d-flex{display:flex}.d-none{display:none}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.grid-2-1{display:grid;grid-template-columns:75% 22%;justify-content:space-between;gap:20px}.max-content{width:max-content}.w-100{width:100%}.h-100{min-height:100%}.br7{border-radius:7px}.border-0{border:0}.mr-2{margin-right:20px}.mb-2{margin-bottom:20px}.ml-2{margin-left:20px}.ml-1{margin-left:10px}.mt-1{margin-top:10px}.mb-1{margin-bottom:10px}.mr-1{margin-right:10px}.py-1{padding:10px 0}.p-0{padding:0}.m-0{margin:0}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.cp{cursor:pointer}.uppercase{text-transform:uppercase}.center{text-align:center}.truncate{width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-left{text-align:left}.bg-blue{background-color:#3f51b5;color:var(--white)}.bg-yellow{background-color:var(--yellow)}.bg-light{background-color:#181818}.bg-gray{background-color:#ffffff1f}.bg-red{background-color:var(--red);color:var(--white)}.bg-inherit{background-color:inherit;color:inherit;border:0}.bg-white{background-color:var(--white);color:var(--black)}.white{color:var(--white)!important}.yellow{color:var(--yellow)}.overflow{overflow:auto}.blur{backdrop-filter:blur(2px)}.shadow{box-shadow:var(--shadow)}.dropdown{position:relative;background-color:transparent;padding:0 15px}.dropdown button{font-size:.9rem;background-color:inherit;color:#fff;letter-spacing:2px}.dropdown ul{display:none;position:absolute;border:1px solid #747474;z-index:999999;border-radius:7px}.dropdown li{font-size:.9rem;padding:7px 15px;background-color:#585858;border-bottom:1px solid #747474;cursor:pointer}.dropdown:hover ul,.dropdown button:hover ul{display:block}.modal{max-width:90%;max-height:90%;position:fixed;right:10px;bottom:10px;flex-direction:column;background-color:#585858;border-radius:7px;border:1px solid #747474}.modal>div{min-width:200px;max-width:450px;padding:10px;box-shadow:0 1px 10px #34383c0f,0 2px 4px #34383c14}.modal header{padding:10px;border-bottom:1px solid #747474}.video-container{height:100%;width:100%;max-height:100%;max-width:80%;padding:5px 0;display:flex;flex-direction:column;justify-content:space-between}.video-container *{padding:0;border:0;font-size:12px}iframe{min-height:350px;box-shadow:0 1px 10px #34383c0f,0 2px 4px #34383c14}video{width:100%;box-shadow:0 1px 10px #34383c0f,0 2px 4px #34383c14}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#585858;border-radius:7px}::-webkit-scrollbar-thumb:hover{background:inherit}