.footer-player{background-color:#222;bottom:0;box-shadow:0 -2px 5px #00000080;color:#fff;height:150px;left:0;position:fixed;transform:translateY(0);transition:transform .3s ease-in-out,height .3s ease-in-out;width:100%;z-index:1000}.footer-player.fullscreen{transform:translateY(-100%)}.music-player{align-items:center;display:flex;justify-content:space-between;padding:10px 20px}.track-title{font-size:20px;font-weight:700;margin-bottom:5px;position:absolute}.track-artist{bottom:6px;color:#bbb;font-size:14px;left:20px;margin-bottom:10px;position:absolute}.seek-bar{background:#444;border-radius:5px;cursor:pointer;height:5px;margin:10px 0;width:100%}.controls{display:flex;gap:20px;justify-content:center;margin-top:5px;position:absolute;right:36%}.control-btn{background:#444;border:none;border-radius:50%;cursor:pointer;padding:10px;transition:.2s}.control-btn:hover{background:#666}.play-btn{border:none;border-radius:50%;color:#fff;cursor:pointer;padding:15px;transition:.2s}.time-info{color:#fff;font-size:14px;margin-top:10px;position:absolute;right:765px;top:85px}.time-info span{font-family:Arial,sans-serif}.times-info{color:#fff;font-size:14px;margin-top:10px;position:absolute;right:34%;top:85px}.times-info span{font-family:Arial,sans-serif}.progress-bar{align-items:center;left:50%;margin:10px 0;position:absolute;top:85px;width:200px}.progress-bar input[type=range]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#444;border-radius:5px;cursor:pointer;height:5px;outline:none;width:200px}.progress-bar input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:15px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:15px}.progress-bar input[type=range]::-webkit-slider-thumb:hover{background:#0056b3}.progress-bar input[type=range]::-moz-range-thumb{appearance:none;-moz-appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:15px;-moz-transition:background-color .3s ease;transition:background-color .3s ease;width:15px}.progress-bar input[type=range]::-moz-range-thumb:hover{background:#0056b3}button.active{color:#007bff}.visualizer{background:#777;border-radius:10px;display:block;left:328px;position:relative}.controls .active svg{animation:loop-spin 1s linear infinite}@keyframes loop-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer-player.swipe-left{animation:swipeLeft .3s}.footer-player.swipe-right{animation:swipeRight .3s}@keyframes swipeLeft{0%{transform:translateX(0)}40%{transform:translateX(-40px)}to{transform:translateX(0)}}@keyframes swipeRight{0%{transform:translateX(0)}40%{transform:translateX(40px)}to{transform:translateX(0)}}@media screen and (min-device-width:1669px){.time-info{color:#fff;font-size:14px;margin-top:10px;position:absolute;right:965px;top:85px}.time-info span{font-family:Arial,sans-serif}.times-info{color:#fff;font-size:14px;margin-top:10px;position:absolute;right:37%;top:85px}.times-info span{font-family:Arial,sans-serif}.controls{display:flex;gap:20px;justify-content:center;margin-top:5px;position:absolute;right:39%}}@media (max-width:768px){.footer-player{background-color:#222;border-radius:35px;bottom:95px;box-shadow:0 -2px 5px #00000080;color:#fff;height:120px;left:0;position:fixed;width:100%;z-index:1000}.footer-player.fullscreen{bottom:0;height:100%;transform:translateY(-100%);transform:translateY(0);width:100%}.footer-player.fullscreen .track-title{font-size:24px;left:10px;position:absolute;top:70%}.footer-player.fullscreen .track-artist{font-size:18px;left:10px;position:absolute;top:75%}.footer-player.fullscreen .controls{border-radius:15px;bottom:50px;display:flex;gap:25px;height:45px;position:absolute}.footer-player.fullscreen .progress-bar{position:absolute;top:80%;width:100%}.footer-player.fullscreen .time-info{font-size:16px;position:absolute;right:74%;top:80%}.footer-player.fullscreen .times-info{font-size:16px;position:absolute;right:15%;top:80%}.footer-player.fullscreen .visualizer{height:450px;left:10px;position:absolute;top:5%;width:95%}.music-player{align-items:center;display:flex;justify-content:space-between;padding:10px 20px}.track-title{color:#fff;font-size:15px;font-weight:700;top:10px}.track-artist,.track-title{left:20px;max-width:60%;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#bbb;font-size:10px;top:40px}.progress-bar{left:110px;position:absolute;top:70px;width:60%}.time-info{right:300px}.time-info,.times-info{color:#fff;font-size:14px;margin-top:10px;position:absolute;top:70px}.times-info{right:65px}.controls{display:flex;gap:10px;right:100px}.controls,.visualizer{bottom:40px;position:absolute}.visualizer{background:none;height:50px;right:190px;width:50px}.close-button{border:none;border-radius:20px;color:#686262;cursor:pointer;height:6px;position:absolute;right:50%;top:1%;transition:color .3s ease;width:30px;z-index:1100}.comments-form{align-items:center;background:#000;bottom:12px;display:flex;gap:8px;left:0;padding:0 6px;position:absolute;width:100%;z-index:10}.comments-form input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:15px;outline:none;padding:8px 12px}.comments-form button{align-items:center;background-color:#c445fa;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:38px;justify-content:center;padding:8px 12px;transition:background-color .3s;width:38px}.comments-form button:hover{background-color:#a02edb}}.comments-panel-mobile{background:linear-gradient(to left bottom,#0a000f,#1c4b82);border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -2px 12px #000a;display:flex;flex-direction:column;height:60vh;left:0;position:fixed;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100vw;will-change:transform;z-index:2000}.comments-panel-mobile.closed{opacity:0;pointer-events:none;transform:translateY(100%)}.comments-panel-mobile.open{opacity:1;transform:translateY(0)}.tracks-list{grid-gap:10px;background:none;border-radius:12px;box-shadow:0 4px 10px #0000004d;color:#fff;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:20px 20px 150px;padding:25px}.tracks-list ul{display:contents;margin:0}.tracks-item{background:linear-gradient(to right bottom,#ff56ff,#2c17cf);border-bottom:none;border-radius:15px;cursor:pointer;padding:10px;position:relative;transition:background .2s,transform .2s;width:350px}.tracks-item:hover{transform:scale(1.02)}.tracks-title{color:#fff;font-size:16px;font-weight:700}.tracks-artist{color:#ccc;font-size:14px}.track-actions{position:relative}.track-actions select{-webkit-appearance:none;appearance:none;background-color:#f9fbf4;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px;width:100%}.track-actions:after{color:#666;font-size:12px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.tracks-item.playing{background-color:#cccecc;border-color:#4bd87c}.visualizator{display:flex;gap:5px;position:absolute;right:30px;top:20px}.tracks-item.playing .visualizator{display:flex}.visualizator .bar{animation:bounce 1s ease-in-out infinite;background-color:#4bd87c;height:20px;width:5px}.visualizator .bar:nth-child(2){animation-delay:.2s}.visualizator .bar:nth-child(3){animation-delay:.4s}.visualizator .bar:nth-child(4){animation-delay:.6s}@keyframes bounce{0%,to{height:10px}50%{height:30px}}@media (max-width:1024px){.tracks-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tracks-list{grid-template-columns:1fr;margin-bottom:10px}.tracks-item{align-items:flex-start;flex-direction:column;gap:10px;height:80px;width:280px}.tracks-title{font-size:14px}.tracks-artist{font-size:12px}.track-actions{bottom:80px;left:200px;position:relative;width:90px}.track-actions select{font-size:12px;left:200px;width:89px}.visualizator{display:flex;gap:5px;position:absolute;right:30px;top:30px}}.social-icons{display:flex;gap:15px;left:10%;margin-top:335px;position:absolute}.icon{color:#333;cursor:pointer;transition:color .3s ease}.icon:hover{color:#007bff}.donation-icon{color:#fc0}.search-input{border:2px solid #ccc;border-radius:12px;box-sizing:border-box;font-size:16px;left:45%;position:absolute;width:300px}.search-input:focus{border-color:#00f2ff;box-shadow:0 0 5px #1db95480;outline:none}.genre-buttons{display:flex;gap:10px;justify-content:center;margin:20px 0}.genre-buttons button{background-color:#f5f5f5;border:1px solid #ccc;border-radius:5px;color:#333;font-size:16px;padding:10px 20px;transition:background-color .6s,color .6s}.genre-buttons button:hover{background-color:#036625;color:#fff}.genre-buttons button.active{background-color:#4bd87c;border-color:#1db954}.pagination-label{align-items:center;cursor:pointer;display:flex;justify-content:center}.pagination-label:before{background-color:#f5f5f5;border:2px solid #ccc;border-radius:50%;color:#333;content:attr(value);display:inline-block;font-size:14px;height:15px;line-height:30px;text-align:center;transition:all .3s ease;width:15px}.pagination-label.active:before{transform:scale(1.2)}.pagination-label.active:before,.pagination-radio:checked+.pagination-label:focus{background-color:#4bd87c;border-color:#1db954;color:#fff}.pagination button:disabled{background-color:#fff;border-color:#ccc;color:#ccc;cursor:not-allowed}@media (max-width:768px){header{font-size:14px;height:80px;z-index:1000}.search-input{font-size:14px;left:35%;margin:0 auto;position:absolute;width:30%}.genre-buttons{display:flex;overflow-x:auto;padding:10px;white-space:nowrap}.genre-buttons button{flex:0 0 auto;margin-right:10px}.pagination{display:flex}.logo{height:auto;left:10px;position:absolute;width:80px}}.upload-track-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.upload-button{background:linear-gradient(to left bottom,#ab58fe,#d59cf4);border:none;border-radius:15px;color:#fff;font-size:15px;padding:10px 20px;transition:background .6s ease}.upload-button:hover{background:linear-gradient(to left bottom,#d59cf4,#ab58fe)}.name-track{margin-top:20px}.genre-track,.name-track{background-color:#dfdfdf;border-radius:10px;color:#000;font-size:20px}.genre-track{margin-top:5px}.subscribers-board{color:#fff;display:inline-block;font-size:16px;margin-bottom:20px;margin-top:6px}.user-edit{background-color:#5e5e5e;border-radius:8px;box-shadow:0 2px 4px #0000001a}.create-post-form,.user-edit{align-items:center;display:flex;flex-direction:column;padding:20px}.create-post-form{background-color:#7f7979;border:1px solid #ddd;border-radius:25px;margin-bottom:20px}.create-post-form textarea{border:none;border-radius:10px;height:100px;margin-bottom:10px;padding:10px;width:100%}.create-post-form button{background:linear-gradient(to bottom right,#8d66f1,#059bff);border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 20px}.home-container{display:flex;height:100%}h2{color:#fff;font-family:Courier New,Courier,monospace;font-size:25px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.track-actions-modal{transition:transform .3s}.sidebar{background-color:#162f47d1;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;margin:0;padding:10px;position:fixed;top:0;width:300px;z-index:1000}.logo{height:auto;left:0;margin-right:0;position:relative;width:250px}.mobile-logo{display:none}.sidebar button{background:none;border:none;border-radius:20px;color:#ccc;cursor:pointer;font-size:16px;padding:10px;text-align:left}.sidebar button.active{color:#fff}.sidebar button.active,.sidebar button:hover{background-color:#34495e}.login-button{background-color:#4bd87c;border:none;border-radius:5px;box-shadow:0 4px 10px #00000080;color:#fff;cursor:pointer;font-size:16px;height:50px;left:1300px;padding:10px 20px;position:absolute;top:10px;transition:background-color .6s,color .6s;width:170px}.logout-button{background:none;border:none;color:#fff;cursor:pointer;margin:10px;padding:10px}.login-button:hover,.logout-button:hover{background-color:#34495e}.content{flex:1 1;margin-left:300px;padding:20px}.search-results li{background-color:#419ef6d1;border-radius:10px;color:#fff;margin-bottom:20px;padding:20px}.search-results ul{list-style:none;padding:0}.genre-buttons button{background-color:#333;border:none;color:#fff;cursor:pointer;margin:5px;padding:10px}.genre-buttons button.active{background-color:#dd54fb;color:#fff}.search-input{bottom:50px;margin-bottom:10px;margin-top:40px;padding:10px;position:relative;width:250px}.tracks-list ul{list-style:none;padding:0}.tracks-item{display:flex;justify-content:space-between;margin-bottom:10px}.more-options-button{background:none;border:none;cursor:pointer;font-size:20px}.dropdown-menu{background-color:#fff;border:1px solid #ccc;padding:10px;position:absolute;z-index:1000}.dropdown-menu button{background:none;border:none;cursor:pointer;display:block;padding:8px 12px;text-align:left;width:100%}.dropdown-menu button:hover{background:#f0f0f0}.history-item{align-items:center;background-color:#f0f0f0;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.pagination{gap:10px;margin:20px 0}.pagination-radio{display:none}.pagination{align-items:center;display:flex;gap:14px;justify-content:center;margin:30px 0 10px}.pagination-dot{background:#bbb;border:2px solid #ab57ff;border-radius:50%;cursor:pointer;display:inline-block;height:16px;transition:background .3s,transform .2s;width:16px}.pagination-dot.active{background:#ab57ff;border-color:#1db4b9;box-shadow:0 0 8px #ab57ff66;transform:scale(1.2)}.page-content{opacity:1;transform:translateX(100);transition:opacity .3s ease,transform .3s ease}.page-content.transitioning{opacity:0}.page-content.transitioning.left{transform:translateX(-100%)}.page-content.transitioning.right{transform:translateX(100%)}.playlist-item{grid-gap:10px;background:linear-gradient(to left bottom,#b8f,#8801ff);border-radius:25px;color:#fff;display:grid;font-family:Courier New,Courier,monospace;gap:10px;grid-template-columns:repeat(2,1fr);height:100px;margin-top:30px;position:relative;text-align:left;transition:transform .3s;width:30%}.playlist-item:hover{transform:scale(1.02)}.open-playlist-button{background:linear-gradient(to right bottom,#ff4dff,#00d5ff);border-radius:50%;color:#000;font-size:15px;height:70px;left:79%;position:absolute;top:25%;width:70px}.playlist-item ul{list-style:none;padding:0}.playlist-item li{align-items:center;background-color:azure;color:#000;display:flex;justify-content:space-between;margin-bottom:10px;transition:background .2s,transform .2s}.playlist-item li:hover{background:#858584;transform:scale(1.02)}.playlist-details-tab li{align-items:center;background-color:azure;color:#000;display:flex;height:40px;justify-content:space-between;text-align:right;transition:background .6s,transform .6s;width:100%}.playlist-details-tab li:hover{background:#858584;transform:scale(1.02)}.back-button{background-color:#50ee7f;border:none;border-radius:5px;box-shadow:0 4px 10px #00000080;color:#000;cursor:pointer;padding:10px 20px;transition:background-color .6s,color .6s}.back-button:hover{background-color:#017414;color:#fff}.create-playlist{background:linear-gradient(to left bottom,#00d5ff,#a54bff);border:none;border-radius:50px;bottom:90%;box-shadow:0 4px 10px #00000080;color:#000;font-size:17px;left:1%;position:relative;transition:background-color .6s,color .6s}.create-playlist button:hover{background-color:#057029;color:#fff}.delete-playlist-button{background-color:#e60000;left:5%}.delete-playlist-button,.edit-playlist-button{border:none;border-radius:5px;color:#fff;position:absolute;top:80%}.edit-playlist-button{background-color:#ccc;left:27%}.playlists-tab input{border-radius:25px;height:25px;width:150px}.edit-playlist-modal input{border-radius:50px;height:20px}.edit-playlist-modal button{background-color:#60f58d;border:none;border-radius:50px;box-shadow:0 4px 10px #00000080;color:#000;font-size:17px;position:relative;transition:background-color .6s,color .6s}.edit-playlist-modal button:hover{background-color:#057029;color:#fff}.cancel-button{background-color:#e60000;border:none;border-radius:15px;color:#fff}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:5000}.modal-window{background:#232323;border-radius:14px;box-shadow:0 4px 32px #000a;color:#fff;max-width:90vw;min-width:320px;padding:32px 24px}.modal-window button{background:#ab57ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:12px;padding:8px 24px;width:100%}.track-stats{align-items:center;display:flex;gap:10px;margin-top:20px}@media (max-width:768px){.sidebar.sidebar-hidden{display:none!important}.sidebar{align-items:center;background-color:#162f47d1;bottom:0;box-sizing:border-box;color:#fff;display:flex;flex-direction:row;height:90px;justify-content:space-around;left:0;margin:0;padding:0;position:fixed;top:auto;width:100vw;z-index:3000}.sidebar button{background:none;border:none;border-radius:15px;color:#ccc;flex:1 1;font-size:14px;padding:10px 5px;text-align:center}.sidebar button.active,.sidebar button:hover{background-color:#34495e;color:#fff}.mobile-logo{display:block}.mobile-logo img{height:220px;left:0;object-fit:contain;position:absolute;top:0;width:200px}.logo{display:none}.home-container{box-sizing:border-box;display:flex;max-width:100vw;width:100vw}.content,.home-container{margin-left:0;min-height:100vh}.content{justify-content:flex-start;overflow-x:hidden;padding-bottom:70px;padding-top:120px}.genre-buttons-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:4px;width:100%}.genre-buttons{display:flex;flex-direction:row;gap:10px;min-width:max-content}.genre-buttons button{background:#333;border:none;border-radius:20px;color:#fff;flex:0 0 auto;font-size:15px;min-width:90px;padding:8px 18px;transition:background .3s,color .3s}.genre-buttons button.active{background:#f0f;color:#fff}.more-options-button{background:none;border:none;cursor:pointer;font-size:20px}.dropdown-menu{background-color:#fff;border:1px solid #ccc;padding:10px;position:absolute;right:15px;z-index:2000}.dropdown-menu button{background:none;border:none;cursor:pointer;display:block;padding:8px 12px;text-align:left;width:100%}.dropdown-menu button:hover{background:#f0f0f0}.playlist-item{grid-gap:10px;background:linear-gradient(to left bottom,#b8f,#8801ff);border-radius:25px;color:#fff;display:grid;font-family:Montserrat,sans-serif;gap:10px;grid-template-columns:repeat(2,1fr);height:100px;margin-top:30px;position:relative;text-align:left;transition:transform .3s;width:100%}.login-button{font-size:15px;height:40px;left:auto;padding:8px 16px;position:fixed;right:15px;top:15px;width:140px;z-index:4000}.pagination{align-items:center;display:flex;gap:14px;justify-content:center;margin:5px 0 150px}.pagination-dot{background:#bbb;border:2px solid #ab57ff;border-radius:50%;cursor:pointer;display:inline-block;height:12px;transition:background .3s,transform .2s;width:12px}.pagination-dot.active{background:#ab57ff;border-color:#1db4b9;box-shadow:0 0 8px #ab57ff66;transform:scale(1.2)}.track-actions{align-items:center;display:flex;flex-direction:row;gap:8px}.track-actions span{font-size:14px;margin-right:6px;padding:0 2px;vertical-align:middle}.track-stats{background:#181818d9;border-radius:8px;font-size:13px;gap:8px;margin:0;padding:4px 8px;position:absolute;right:210px;top:70px;z-index:2}.search-input{background-color:#f0f0f0;border:none;border-radius:20px;display:block;font-size:14px;left:0;margin:0 auto 10px;max-width:400px;padding:10px;position:relative;right:0;width:90vw}}.post{background-color:#f9f9f9;border:1px solid #ddd;border-radius:25px;margin-bottom:20px;padding:10px}p{color:#fff;font-size:16px}.user-profile{display:flex;flex-direction:column;padding:20px}.user-profile p{color:#ccc;font-size:15px}.subscribe-btn{background:linear-gradient(90deg,#8b52f4,#0381ff)}.subscribe-btn,.unsubscribe-btn{border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:15px;padding:10px 20px}.unsubscribe-btn{background:linear-gradient(90deg,#2b1654,#5198de)}.user-content li{background:linear-gradient(90deg,#034383,#449ffb);border-radius:15px;color:#fff;font-size:15px;list-style:none;margin:5px;padding:20px}.user-content h3{color:#fff;font-size:20px;text-align:center}
/*# sourceMappingURL=main.7ead3452.css.map*/