@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700;900&display=swap);:root{--background-color:#171717;--spotify-color:#1db954;--spotify-dark-color:#06491e;--spotify-light-color:#14ff67;--remove-color:#c00060;--color1:#5acee3;--color2:#f3f3f3;--color3:#666}*{-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Poppins,sans-serif;-webkit-user-select:none;user-select:none}body{background-color:#171717;background-color:var(--background-color);height:calc(100vh - 16px);min-height:calc(100vh - 16px)}#root{display:flex;height:100%;justify-content:center;min-height:100%;min-width:100%;position:relative}h1{text-align:center}.status{bottom:180px;color:#fff;position:relative}div.main{flex-direction:column;top:0}div.main,div.modal-background{align-items:center;display:flex;height:100%;justify-content:center;position:fixed;width:100%}div.modal-background{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.4);z-index:10}button{background-color:initial;border:2px solid #fff;color:#fff;padding:12px 20px;transition:.25s}button:hover{background-color:#fff;box-shadow:0 .5em .5em -.4em #fff;color:#171717;color:var(--background-color);cursor:pointer;-webkit-transform:translateY(-.25em);transform:translateY(-.25em)}div.send-button{align-items:center;bottom:20%;display:flex;height:50px;position:absolute}button.send-button{height:100%}button.clear-button{border-color:#c00060;border-color:var(--remove-color);color:#c00060;color:var(--remove-color);height:100%;padding:10px}button.clear-button:hover{background-color:#c00060;background-color:var(--remove-color);box-shadow:0 .5em .5em -.4em #c00060;box-shadow:0 .5em .5em -.4em var(--remove-color);color:#fff}svg{flex-shrink:0}a{color:inherit;display:inline-block;text-decoration:none}a.icon{line-height:0}a.highlight:after{background:#1db954;background:var(--spotify-color);content:"";display:block;height:2px;transition:width .3s;width:0}a.highlight:hover:after{transition:width .3s;width:100%}.bold{font-weight:700}.regular{font-weight:400}.extra-bold{font-weight:900}.thin{font-weight:300}.title{letter-spacing:.2rem}.green{color:#1db954;color:var(--spotify-color)}.text-light{color:#666;color:var(--color3)}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:initial}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#d6e1d9;border:6px solid transparent;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#a8bfad}header{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.4);box-sizing:border-box;color:#fff;padding:10px calc(10px + 5%);position:fixed;top:0;width:100%;z-index:4}.links,header{align-items:center;display:flex;justify-content:space-between}.links{gap:30px;list-style:none}.link-icon{color:#fff;transition:all .2s}.link-icon:hover{color:#c9c9c9;cursor:pointer}.menu{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.4);border-radius:8px;color:#fff;display:flex;flex-direction:column;padding:10px 0;position:fixed;top:90px;width:200px;z-index:4}.menu.repositories{right:calc(10px + 5%)}.menu.bibliography{right:min(calc(75px + 5%),calc(100% - 300px));width:300px}.menu-item{align-items:center;display:flex;gap:20px;padding:10px 20px}.menu-item:hover{background-color:rgba(0,0,0,.2);cursor:pointer}.menu-item p{font-size:12px;margin:0}div.logo{align-items:center;display:flex;gap:20px}img.logo{height:40px}div.songs-container{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:var(--color2);border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:90%;max-width:100%;padding:20px;position:relative;top:95%;width:550px;z-index:1}div.song-record.highlight{border:2px solid var(--spotify-color)}div.songs-list{align-items:center;border-radius:20px;flex-direction:column;gap:18px;height:700px;max-height:100%;max-width:100%;overflow-x:hidden;overflow-y:auto}div.song-record,div.songs-list{display:flex;padding:20px;width:100%}div.song-record{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-sizing:border-box;height:70px;justify-content:space-between;min-height:70px;overflow:hidden;position:relative;transition:.25s}div.song-record p{font-size:14px;margin:0;padding:0}div.song-content{align-items:center;display:flex;gap:20px}img.song-cover{margin:-20px 0 -20px -20px;object-fit:cover;width:70px}.song-info{min-width:70px}svg.spotify-icon{color:#4b4b4b;transition:all .4s ease 0s}svg.spotify-icon:hover{color:var(--spotify-color);cursor:pointer}.song-record:hover{box-shadow:0 3px 8px rgba(0,102,14,.4)}div.progress-bar{align-items:center;background-color:var(--color2);border-radius:6px;display:flex;height:24px;max-width:60px;position:relative;text-align:center;width:60px}div.progress-bar p{box-sizing:border-box;position:absolute;width:100%}div.progress-bar-fill{background:linear-gradient(to right,var(--spotify-color),var(--spotify-light-color));border-radius:6px;height:100%;transition:.25s}div.background{color:#000;display:table;line-height:1.6;overflow:hidden;width:100%}.lines,div.background{height:100%;position:absolute}.lines{left:0;margin:auto;right:0;top:0;width:90vw}.line{background:hsla(0,0%,100%,.1);height:100%;left:50%;overflow:hidden;position:absolute;top:0;width:1px}.line:after{-webkit-animation:drop 7s 0s infinite;animation:drop 7s 0s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.4,.26,0,.97);animation-timing-function:cubic-bezier(.4,.26,0,.97);background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 75%,#fff);content:"";display:block;height:15vh;left:0;position:absolute;top:-50%;width:100%}.line:first-child{margin-left:-50%}.line:first-child:after{-webkit-animation-delay:2s;animation-delay:2s}.line:nth-child(2){margin-left:-25%}.line:nth-child(2):after{-webkit-animation-delay:1.3s;animation-delay:1.3s}.line:nth-child(3):after{-webkit-animation-delay:2.2s;animation-delay:2.2s}.line:nth-child(4){margin-left:25%}.line:nth-child(4):after{-webkit-animation-delay:2.5s;animation-delay:2.5s}.line:nth-child(5){margin-left:50%}.line:nth-child(5):after{-webkit-animation-delay:1.8s;animation-delay:1.8s}@-webkit-keyframes drop{0%{top:-50%}to{top:110%}}@keyframes drop{0%{top:-50%}to{top:110%}}:root{--mic-color1:#1c084f;--mic-color2:#2f1e5f}.mic{color:#fff;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mic:hover{cursor:pointer}.mic:hover:after{background-color:#3b09b9}.mic:after,.mic:before{border-radius:100%;box-shadow:0 0 20px 20px #1c084f;box-shadow:0 0 20px 20px var(--mic-color1);content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease 0s;z-index:2}.mic:before{background-color:#1c084f;background-color:var(--mic-color1);height:160px;width:160px}.mic:after{-webkit-animation:circle-size .8s linear infinite alternate;animation:circle-size .8s linear infinite alternate;background-color:#2f1e5f;background-color:var(--mic-color2);height:110px;width:110px}.mic-icon{position:relative;z-index:3}.mic-shadow{-webkit-animation:shadow-rotate 1.5s linear infinite;animation:shadow-rotate 1.5s linear infinite;border-radius:100%;box-shadow:10px -55px 30px 15px #823ca6,24px -10px 47px 10px #aab3d2,-21px -25px 97px 10px #5acee3,51px 5px 17px 10px #1b7d8f,3px 2px 77px 10px #f30bf5;height:160px;left:50%;position:absolute;top:50%;-webkit-transform-origin:center;transform-origin:center;transition:all .3s ease 0s;width:160px;z-index:1}@-webkit-keyframes circle-size{0%{height:130px;width:130px}to{height:160px;width:160px}}@keyframes circle-size{0%{height:130px;width:130px}to{height:160px;width:160px}}@-webkit-keyframes shadow-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes shadow-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}div.results-container{background-color:var(--color2);border-radius:15px;max-height:80vh;overflow-y:scroll;padding:30px;position:relative;width:500px;z-index:11}div.results-container svg.close-button{fill:var(--color1);position:absolute;right:28px;top:38px;transition:.25s}svg.close-button{transition:all .25s ease 0s}svg.close-button:hover{color:var(--spotify-color);cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}p.not-found{text-align:center}.text-divider{--text-divider-gap:1rem;align-items:center;display:flex;font-size:.9375rem;font-size:12px;letter-spacing:.1em;margin:24px 0;text-transform:uppercase;width:100%}.text-divider:after,.text-divider:before{background-color:silver;content:"";flex-grow:1;height:1px}.text-divider:before{margin-right:var(--text-divider-gap)}.text-divider:after{margin-left:var(--text-divider-gap)}
/*# sourceMappingURL=main.2f33b10f.css.map*/