@import url(https://fonts.googleapis.com/css2?family=Carter+One&display=swap);html{box-sizing:"border-box"}*,:after,:before{box-sizing:"inherit"}#app,#root,body,html{background:linear-gradient(160deg,#191414,#191414);margin:0;padding:0;width:100%;height:100vh;font-family:"Roboto",sans-serif;font-size:1rem;overflow:hidden}article,aside,caption,figure,footer,h1,h2,h3,h4,h5,h6,header,li,main,ol,p,section,ul{display:block;margin:0}h1,h2,h3,h4,h5,h6{padding-left:0;padding-right:0}li,ol,ul{list-style:none}.music-details-card{border-radius:10px;padding:8px;position:relative;bottom:600px;right:545px;width:310px;height:230px;background-size:cover;overflow:hidden;animation:glow 15s cubic-bezier(0,-.14,.74,.76) infinite alternate-reverse}.content img{width:150px;height:150px;border-radius:50%;position:relative;margin-top:70px;margin-left:70px;opacity:1;-webkit-animation:glow 15s cubic-bezier(0,-.14,.74,.76) infinite alternate;animation:glow 15s cubic-bezier(0,-.14,.74,.76) infinite alternate}@-webkit-keyframes glow{0%{opacity:0}to{opacity:1;-webkit-filter:drop-shadow(0 0 10px rgba(0,4,14,.993));filter:drop-shadow(0 0 10px rgba(0,4,14,.993))}}@keyframes glow{0%{opacity:0}to{opacity:1;-webkit-filter:drop-shadow(0 0 10px rgba(0,4,14,.993));filter:drop-shadow(0 0 10px rgba(0,4,14,.993))}}.content{position:absolute;z-index:20;top:100px;left:45px;padding:30px;width:310px;height:500px;background-color:rgba(1,10,17,.6);border-radius:40px;transition:all .1s ease-in;box-shadow:0 0 2px 4px #d818ff}.content:hover{box-shadow:inset 0 0 2px 4px #2b2a29,0 0 2px 4px #1c76ec}.music-details-body{color:#f5f3f3;text-align:center;margin-top:50px;height:40px}.music-details-body p{color:#868585;height:20px}.music-details-footer{width:100%;text-align:center};.music-details-player{color:#f9fdfd}.rhap_container{background-color:transparent;box-shadow:0 0 3px 0 transparent}.music-details-player button{color:#f5f6f8}.music-player{margin-top:60px;color:#0f0101;padding-top:20px;background-color:transparent}.rhap_container{box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:baseline;vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1 auto;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{-webkit-flex-direction:row;flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{-webkit-flex:3 1 auto;flex:3 1 auto}.rhap_progress-container,.rhap_progress-section{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.rhap_progress-container{height:20px;-webkit-flex:1 0 auto;flex:1 0 auto;-webkit-align-self:center;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#ece9e9;font-size:16px;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#ec1c24;border-radius:2px}.rhap_progress-bar-show-download{background-color:hsla(0,0%,86.7%,.5)}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;background:#fcf9f9;border-radius:50px;box-shadow:0 0 5px hsla(0,0%,52.5%,.5)}.rhap_controls-section{-webkit-flex:1 1 auto;flex:1 1 auto;-webkit-justify-content:space-between;justify-content:space-between}.rhap_additional-controls,.rhap_controls-section{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.rhap_additional-controls{-webkit-flex:1 0 auto;flex:1 0 auto}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{-webkit-flex:0 1 auto;flex:0 1 auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:-webkit-flex;display:flex;-webkit-flex:1 0 auto;flex:1 0 auto;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center}.rhap_volume-button{-webkit-flex:0 0 26px;flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{-webkit-flex:0 1 100px;flex:0 1 100px;-webkit-user-select:none}.rhap_volume-bar-area,.rhap_volume-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.rhap_volume-bar-area{width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#ddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#faf9f9;opacity:.9;border-radius:50px;box-shadow:0 0 3px rgba(252,250,250,.5);cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_button-clear{border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.navbar{display:-webkit-flex;display:flex}.conta{position:relative;top:450px}.brand-section{color:#fafffa;border-top-left-radius:90%;border-bottom-left-radius:90%;position:relative;left:20px}.app-icon{color:#d818ff;position:absolute;left:129px}.app-icon:hover{color:#1c76ec}.search-bar{position:absolute;left:70%;top:19px;-webkit-animation:pop 3s ease-in 1;animation:pop 3s ease-in 1}.app-title{font-family:"Carter One",cursive;font-feature-settings:"smcp";font-variant-caps:small-caps;font-size:45px;-webkit-animation:pop .1s ease-in 1;animation:pop .1s ease-in 1}@-webkit-keyframes pop{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0}to{opacity:1}}.search-form{display:-webkit-flex;display:flex;padding-right:20px}.search-icon{padding-top:5px;padding-left:3px;position:relative;left:25px;top:5px}.search-input{background:#fffdfd;color:#000;font-weight:700;width:200px;padding:30px;border-radius:130px;box-shadow:0 0 2px 1.5px #d818ff}.select{background:transparent;color:#111;font-weight:bolder;height:20px;width:20px;left:37px;top:8px;border:none;text-decoration:none;position:absolute}.select-option{color:#0e0d0d;font-weight:700}.select:focus{border:none;outline:none}input[type=text],textarea{transition:all .3s ease-in-out;outline:none;padding:3px 0 3px 35px;margin:5px 1px 3px 0;border:1px solid #ddd}input[type=text]:focus,textarea:focus{box-shadow:0 0 2px 2px #1890ff;padding:3px 0 3px 35px;margin:5px 1px 3px 0;border:1px solid #1890ff}.search-results{display:grid;grid-template-columns:repeat(5,1fr);height:650px;padding:.25rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;width:1000px;overflow:scroll;margin-left:400px;background-color:rgba(15,1,15,0)}.search-results::-webkit-scrollbar{display:none}.music-artwork-section img{width:150px;height:150px;border-radius:23%;padding:20px;cursor:pointer}.results-list-item-content:hover .music-artwork-section img{-webkit-filter:opacity(85%);filter:opacity(85%)}.play-icon{opacity:0;cursor:pointer;z-index:1;top:-80px;left:35px;position:relative;color:#fff;background:#1890ff;max-width:10px;border-radius:50%;padding:0 5px}.results-list-item-content:hover .play-icon{opacity:1;color:#fff;background:#1890ff;transition:all .5s cubic-bezier(.29,1.01,1,2.68)}.results-list-item-content{animation:pendulum 1.5s linear 2 alternate-reverse}.results-list-item-content:hover{background:radial-gradient(ellipse at top,#ec1c24,transparent),radial-gradient(ellipse at bottom,#0f0001,transparent);box-shadow:20px 28px 28px rgba(42,42,197,.05);border-radius:30px;transition:all 2s cubic-bezier(.76,-.45,.38,1.4)}@-webkit-keyframes pendulum{to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes pendulum{to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.results-details-content{position:relative;top:-40px}.results-details-section{color:#686464;cursor:pointer;padding-left:24px;max-height:20px;max-width:230px;display:-webkit-flex;display:flex}.music-trackName{color:#f6f6fd}.music-artistName{color:#a9a3b9}.music-artistName:hover{color:#00f}.app{width:100%;height:100vh}.header{background:radial-gradient(ellipse at top,#0a0a0a,transparent),radial-gradient(ellipse at bottom,#0c0c0c,transparent);background-color:rgba(15,15,15,.973);width:100%;height:4.2rem;box-shadow:0 .125rem .25rem 0 rgba(0,0,0,.18)}.app-content{width:100%;height:100%}.music-content{-webkit-justify-content:space-between;justify-content:space-between;width:100%;padding:.25rem .5rem}.music-content-section{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;height:100%}.music-detials-col,.search-results-col{width:100%}.preload{font-family:"Carter One",cursive;color:#ebe5e6;position:absolute;top:-55%;-webkit-animation:fade 4s cubic-bezier(0,-.14,.74,.76) 1s;animation:fade 4s cubic-bezier(0,-.14,.74,.76) 1s;opacity:0;padding:50%;font-feature-settings:"smcp";font-variant-caps:small-caps}@-webkit-keyframes fade{0%{opacity:0;background:#100}to{opacity:1;background:linear-gradient(160deg,#191414,#191414)}}@keyframes fade{0%{opacity:0;background:#100}to{opacity:1;background:linear-gradient(160deg,#191414,#191414)}}
/*# sourceMappingURL=main.9f9b1e21.chunk.css.map */