*{font-family:Outfit,sans-serif;margin:0}.container{background-color:#0b121b;height:100%;width:100%}.logo{height:auto;margin:30px 0 0 50px;width:90px}.nav_box{color:#fff;margin:50px}.nav_box div{font-size:14px;font-weight:200;list-style-type:none;opacity:50%}.nav_box ul{list-style-type:none;padding:0}.nav_box li{align-items:center;cursor:pointer;display:flex;font-size:17px;font-weight:300;list-style-type:none;margin-top:30px;padding-left:15px;transition:all .15s ease-in;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-ms-transition:all .1s ease-in;-o-transition:all .1s ease-in}.nav_box li:hover{opacity:.8}.nav_icons{height:14px;margin-right:16px}a{color:#fff;text-decoration:none}@media (orientation:portrait){.logo{margin:30px 0 0 15px}.nav_box{display:flex;margin:15px}.nav_box div{display:none}.nav_box ul{align-items:center;display:flex}.nav_box_contain::-webkit-scrollbar{display:none}.nav_box_contain{align-items:center;display:flex;overflow:scroll}.nav_box li{background-color:#1f2636;border:1px solid hsla(0,0%,42%,.2);border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;font-size:16px;font-weight:300;margin-right:10px;margin-top:0;padding:8px 20px;width:-webkit-max-content;width:max-content}.nav_icons{margin-right:8px}.container{background-color:#070e16}.container.light{background-color:#fff}.logo.light{filter:invert(6%) sepia(38%) saturate(807%) hue-rotate(172deg) brightness(34%) contrast(152%);-webkit-filter:invert(6%) sepia(38%) saturate(807%) hue-rotate(172deg) brightness(24%) contrast(102%)}}.Searchbar{align-items:center;display:flex;justify-content:space-between;margin:30px 50px 50px 20%;z-index:1}.Searchbar.dark{margin:30px 50px 30px 20%}.search:focus{outline:none}.search{background-color:hsla(0,0%,100%,.082);border:1px solid #77777750;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;caret-color:#888;color:#fff;font-size:20px;font-weight:300;height:36px;padding:0 25px;width:600px}.search.dark{background-color:rgba(11,28,27,.02);border:1.5px solid #8b8b8b;color:#000}.link{color:#fff;display:flex;font-size:18px;font-weight:300;justify-content:end;width:30%}.link.dark{color:#000;font-weight:500}.link div{cursor:pointer;margin-left:20px;transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out}.link div:hover{opacity:.9}.Share{margin-left:5px;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}.Share:hover{margin-left:10px}@media (orientation:portrait){.link{display:none}.Searchbar{margin:30px 15px 30px 40%}.search{margin-right:-5px;width:75%}.Searchbar.dark{margin:30px 15px 30px 40%}}.heading{color:#fff;font-size:24px;font-weight:400;margin-bottom:30px;margin-left:50px}.songs_container::-webkit-scrollbar{display:none}.songs_container{display:grid;grid-template-columns:repeat(100,1fr);margin-bottom:50px;margin-left:50px;overflow-x:scroll;overflow-y:hidden}@media (orientation:portrait){.heading{color:#fff;font-size:24px;font-weight:500;margin-bottom:30px}.heading,.songs_container{margin-left:15px}}.song_card{background-position:50%;background-size:cover;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;cursor:pointer;height:180px;margin-right:30px;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;width:170px}.song_card:hover{box-shadow:0 2px 4px #070707;width:180px}.song_card_black{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;opacity:0;text-align:center;transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;width:100%}.song_card img{margin:auto;transition:all .2s ease-in}.song_card img:hover{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03)}.song_card_black:hover{opacity:1}.card{height:inherit;width:inherit}@media (orientation:portrait){.song_card{margin-right:20px}}.song_list{border-bottom:1px solid #0b121b83;justify-content:space-between;padding:0 10px}.song_list,.song_list_text{align-items:center;display:flex}.song_list_text{cursor:pointer;font-size:18px;font-weight:500;margin:20px 0 10px}.serial_num{margin-right:30px;width:15px}.song_list_name{align-items:center;display:flex;width:300px}.song_list_name img{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin-right:30px;width:40px}.song_list_time{font-size:16px}.song_list_text.play{align-items:center;color:#ff305c;cursor:pointer;display:flex;font-size:18px;font-weight:500;justify-content:space-between;margin:20px 0;width:600px}.song_list_time.play{color:#ff305c}@media (orientation:portrait){.song_list_album{display:none}.song_list_name{width:250px}.song_list_text{font-size:15px}.song_list_time{font-size:14px}}.container_navigate{margin:30px 50px}.heading_navigate{font-size:32px;font-weight:500;margin:120px 0 20px}@media (orientation:portrait){.container_navigate{margin:30px 15px 100px}.heading_navigate{margin:30px 0 20px}}.playbar{background-color:#070e16;bottom:0;box-shadow:0 -5px 10px #0000006e;height:80px;left:0;padding:0 3%;position:absolute;right:0;z-index:10}.playBox,.playbar{align-items:center;display:flex}.playBox{cursor:pointer;margin-right:40px;overflow-x:hidden;width:18%}.playbox_title{font-size:18px;font-weight:300;width:300px}.playbox_album,.playbox_title{color:#fff;height:24px;margin-left:15px;overflow-x:hidden}.playbox_album{font-weight:200}.music_player{align-items:center;display:flex;width:100%}.btn_reset{all:unset;cursor:pointer}.prev{background-image:url(/static/media/prev.fb11094146907ab9c92a.svg);background-size:cover;height:18px;width:18px}.play{background-repeat:no-repeat;background-size:contain;height:35px;margin:0 15px;width:35px}.next{background-image:url(/static/media/next.427528a0dd3508e46281.svg);height:18px;width:18px}.full_back,.next{background-size:cover}.full_back{background-image:url(/static/media/back.44b6887fa2f31899f42d.svg);cursor:pointer;height:30px;width:30px}.next:hover,.prev:hover{opacity:.7}.audio_image{height:45px;padding-left:25px;width:45px}.graph{height:30px;padding-top:5%;width:30px}.player{height:25px;width:20px}audio{background-color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}audio::-webkit-media-controls-panel{background-color:transparent;margin-left:20px}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-duration-time-display,audio::-webkit-media-controls-fullscreen-button,audio::-webkit-media-controls-mute-button,audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-return-to-realtime-button,audio::-webkit-media-controls-rewind-button,audio::-webkit-media-controls-seek-back-button,audio::-webkit-media-controls-seek-forward-button,audio::-webkit-media-controls-time-remaining-display,audio::-webkit-media-controls-timeline,audio::-webkit-media-controls-timeline-container,audio::-webkit-media-controls-volume-slider,audio::-webkit-media-controls-volume-slider-container{visibility:hidden}@media (orientation:portrait){.playBox{width:75%}.music_player{width:40%}}.full_player{background-color:#070e16;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:10}.full_player_img{background-position:bottom;background-repeat:no-repeat;background-size:cover;filter:blur(2);-webkit-filter:blur(8px) brightness(50%);height:120%;width:120%}.full_player_control{bottom:0;left:0;position:absolute;right:0;top:0}.full_playBox{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:8% auto auto;width:52%}.full_audio_image{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;width:50%}.full_playbox_title{color:#fff;font-size:42px;font-weight:500;margin-top:10px;text-align:center;width:-webkit-max-content;width:max-content}.full_playbox_album{color:#fff;font-size:22px;font-weight:300;margin:10px 0 30px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.full_prev{background-image:url(/static/media/prev.fb11094146907ab9c92a.svg);background-size:cover;height:24px;width:24px}.full_play{background-repeat:no-repeat;background-size:contain;height:50px;margin:0 15px;width:50px}.full_next{background-image:url(/static/media/next.427528a0dd3508e46281.svg);background-size:cover;height:24px;width:24px}.full_controls{bottom:5%;left:0;margin:2% auto auto;padding:0 3%;right:0}.full_browse,.full_controls{align-items:center;display:flex;position:absolute}.full_browse{bottom:10%}@media (orientation:portrait){.full_playBox{margin-top:40%;width:100%}.full_playbox_title{font-size:26px}.full_playbox_album{font-size:18px;margin-bottom:20%}.full_controls{margin-top:5%}.full_audio_image{width:80%}}.slider_container{display:flex;justify-content:space-between;margin:0 20px;width:75%}.slider_container.full{width:78%}.slider{cursor:pointer;width:100%}.duration{color:#fff;font-size:14px;font-weight:200;padding:0 12px;width:34px}.volume{height:20px;margin-right:15px;width:20px}.volume_slider{margin-right:20px;width:10%}input[type=range]{-webkit-appearance:none;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-image:url(/static/media/thumb.69f1783efe7ce02596c8.svg);background-position-x:right;background-repeat:no-repeat;cursor:pointer;height:30px;margin-top:-11.7px;transition:all 1ms ease-in;-webkit-transition:all 1ms ease-in;-moz-transition:all 1ms ease-in;-ms-transition:all 1ms ease-in;-o-transition:all 1ms ease-in;width:30px}input[type=range]::-moz-range-thumb{-webkit-appearance:none;background-image:url(/static/media/thumb.69f1783efe7ce02596c8.svg);background-position:0;background-repeat:no-repeat;cursor:pointer;height:30px;margin-top:-11.5px;width:330px}input[type=range]::-ms-thumb{-webkit-appearance:none;background-image:url(/static/media/thumb.69f1783efe7ce02596c8.svg);background-repeat:no-repeat;cursor:pointer;height:30px;margin-top:-11.5px;width:30px}input[type=range]::-webkit-slider-runnable-track{background:#ffffff23;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer;height:3px}input[type=range]:focus::-webkit-slider-runnable-track{background:#ffffff23}input[type=range]::-moz-range-track{background:#3071a9;border:.2px solid #010101;border-radius:1.3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:8.4px;width:100%}input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:16px 0;color:transparent;cursor:pointer;height:8.4px;width:100%}input[type=range]::-ms-fill-lower{background:#2a6495;border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]:focus::-ms-fill-lower{background:#3071a9}input[type=range]::-ms-fill-upper{background:#3071a9;border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]:focus::-ms-fill-upper{background:#367ebd}@media (orientation:portrait){.slider_container,.volume,.volume_slider{display:none}.slider_container.slider_container.full{display:flex}}.error_gif{background-image:url(/static/media/error_gif.21ac14eec63f1524912e.gif);background-repeat:no-repeat;background-size:cover;height:90%;width:60%}.error{align-items:center;display:flex}.error_points li{font-size:16px;margin-bottom:10px}@media (orientation:portrait){.error_gif{height:40%;width:60%}.error{flex-direction:column}}.main_section{overflow:hidden}.right{background-color:#070e16;background-size:cover;bottom:0;left:17.5%;overflow-x:scroll;padding-bottom:5%;padding-top:150px;position:absolute;right:0;top:0;z-index:-2}.right::-webkit-scrollbar{display:none}.left{bottom:0;left:0;position:absolute;right:82.5%;top:0}.black_grad{background-image:linear-gradient(180deg,rgba(55,57,95,0),rgba(55,57,95,.229),#04040d,#04040d,#04040d,#04040d);height:1200px;width:100%}.navigate{background-color:#fff;bottom:0;left:17.5%;overflow-x:scroll;padding-bottom:5%;position:absolute;right:0;top:0;z-index:-2}.navigate::-webkit-scrollbar{display:none}@media (orientation:portrait){.left{bottom:80%;left:0;position:absolute;right:0;top:0;z-index:-1}.right{background-color:#070e16;background-image:none;padding-top:50px;z-index:-2}.navigate,.right{left:0;overflow-x:hidden;right:0;top:20%}.black_grad{background-image:none}}
/*# sourceMappingURL=main.b0094095.css.map*/