.main-container{background:#014a5b;background-color:#014a5b;background:linear-gradient(85deg,#014a5b,#050c0f);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#014a5b",endColorstr="#050c0f",GradientType=1);background-attachment:fixed;background-size:cover;font-family:Montserrat;overflow:hidden}.sidebar-container{width:235px;background:transparent;padding:20px;position:fixed;top:0;left:0;height:100vh}.search-input{background-color:transparent;border:none}.search-container{display:flex;align-items:center;background-color:#000;padding:5px;border-radius:5px;color:#fff}.nav-link:hover{background-color:rgba(0,0,0,.432);border-radius:5px}.selectors-container{height:18vh}.dynamic-separator{height:.5vh}.logo{cursor:pointer}.progress-background{background-color:rgba(2,68,84,.8);position:absolute;top:0;left:0;width:1%;height:100%;z-index:0;transition:width 1s linear}.controls-row{z-index:1}footer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}@media (max-width:992px){.controls-row{height:100px}}.image-wrapper{position:relative;width:100%;height:auto}.image-wrapper .channel-img{display:block;width:100%;height:auto}.channel-overlay{font-size:small;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);border:2px solid #e9c31a;color:#e9c31a;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;box-sizing:border-box;opacity:0;transition:opacity .3s ease-in-out}.overlay-container:hover .channel-overlay{opacity:1;cursor:pointer}.overlay-container:hover .channel-img{border:2px solid #ec8c06;border-radius:.25rem!important;cursor:pointer}.grid-container{margin-bottom:50px;min-height:1200px;max-height:90vh;padding-bottom:10%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.grid-container::-webkit-scrollbar{display:none}@media (max-width:992px){.grid-container{padding-bottom:500px}}.selected-accordion-header .accordion-button{background-color:#ffc107;color:#000}.selected-accordion-header .accordion-button:not(.collapsed){background-color:#ffca2c;color:#000}.selected-accordion-header .accordion-button:after{filter:brightness(0) invert(0)}.card{background-color:#2a2a2a;color:#fff;border:1px solid #444}.card-title{font-size:1.1rem;font-weight:700}.playlists-container{max-height:77vh;overflow-y:auto}.roboz-chat-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:#1a1a1a;border-radius:8px;overflow:hidden}.messages-area{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.message{padding:10px 15px;border-radius:18px;max-width:80%;word-wrap:break-word}.message.user{background-color:#333;color:#fff;align-self:flex-end;text-align:right}.message.gemini{background-color:#555;color:#fff;align-self:flex-start;text-align:left}.input-area{display:flex;padding:10px;border-top:1px solid #333}.input-area input{flex-grow:1;padding:10px;border-radius:6px;border:1px solid #444;background-color:#222;color:#fff;font-size:1rem}.input-area button{padding:10px 15px;margin-left:10px;border-radius:6px;border:none;background-color:#007bff;color:#fff;cursor:pointer;font-size:1rem}.input-area button:disabled{background-color:#555;cursor:not-allowed}.content-container{width:inherit;height:90vh;border-radius:10px}.close-button{position:absolute;top:9px;left:26px}.full-widht-content{position:absolute;width:84vw;top:64px;left:18vw}.play-now-button{position:absolute;top:10px;right:75px;z-index:10;max-width:max-content}.spinner-container{margin-top:40vh;margin-left:36vw}.long-spinner{width:10vw}@media (max-width:992px){.full-widht-content{left:0;width:102vw}}.player-and-info{width:210px;position:fixed;bottom:65px}.player-view{margin-left:5px}@media (max-width:992px){.player-and-info{z-index:1031}.player-view{width:100px;height:100px;bottom:8px;left:5px;position:fixed}.info{width:100%;position:fixed;bottom:115px;background-color:rgba(0,0,0,.459)}}.search-results{position:absolute;top:80px;left:220px;height:83vh;width:487px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.search-results::-webkit-scrollbar{display:none}.closebtn{position:fixed;z-index:2;top:80px;left:683px;border:none}.social-buttons .btn-link{color:#333;font-size:2rem;transition:color .2s}.social-buttons .btn-link:hover{color:#007bff}.social-buttons .fa-facebook-square:hover{color:#3b5998}.social-buttons .fa-twitter-square:hover{color:#1da1f2}.social-buttons .fa-whatsapp-square:hover{color:#25d366}.social-buttons .fa-telegram:hover{color:#08c}.social-buttons .fa-at:hover{color:#000}