:root{--maxwidth: 650px;--dark: #333;--background: #eaeaea;--font: "Inter", Arial, Helvetica, sans-serif;--gridgutter: 10px;--borderradius: 10px;--appPadding: 15px;--copyfontsize: 1rem;--h1fontsize: 2.5rem}@media(min-width: 720px){:root{--h1fontsize: 3rem}}@media(min-width: 1280px){:root{--h1fontsize: 4rem}}:focus{outline:none}::-moz-focus-inner{border:0}*{margin:0;padding:0;box-sizing:border-box;word-wrap:break-word}html{scroll-behavior:smooth;min-height:100%;font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font);color:var(--dark);font-weight:400;background-color:var(--background);line-height:1.25;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(to right, #dadada 1px, transparent 1px),linear-gradient(to bottom, #dadada 1px, transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse 70% 60% at 50% 100%, #000 60%, transparent 100%)}img{max-width:100%;height:auto;display:inline-block}video{max-width:100%}input,button,textarea,select{font:inherit;color:var(--dark);outline:none;border:none}button{background-color:rgba(0,0,0,0);-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer}address{font-style:normal}ul,ol{list-style-position:inside}select{border:1px solid #eaeaea}#app{width:90%;max-width:var(--maxwidth);margin:50px auto}#app .song-search-wrapper{display:grid;grid-template-columns:1fr;gap:var(--gridgutter)}.intro{text-align:center;max-height:300px;transition:max-height .5s,opacity .5s}body:has(#song-search:focus-within) .intro,body:has(#song-search:not(:placeholder-shown)) .intro,body:has(.has-results) .intro{max-height:0;opacity:0}.input-wrapper{position:relative}.input-wrapper::before{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";position:absolute;top:50%;left:20px;translate:0 -50%;font-size:32px;color:#333}.input-wrapper .mini-loader{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background-color:#fff;padding:15px 25px;border-radius:var(--borderradius);animation:fadeIn .5s ease-in;animation-fill-mode:backwards;box-shadow:0 5px 15px rgba(0,0,0,.1)}.input-wrapper .mini-loader:after{content:"";display:inline-block;width:25px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side,#333 90%,#3330);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}#song-search{padding:25px;padding-left:60px;background-color:#fff;border-radius:calc(var(--borderradius)*2);width:100%;transition:box-shadow .5s}#song-search:focus,#song-search:not(:placeholder-shown){box-shadow:0 5px 25px rgba(0,0,0,.1)}#results{position:relative;z-index:10;height:0%;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:calc(var(--borderradius)*2);padding:var(--appPadding);text-align:left;list-style:none;opacity:0;transition:opacity .75s,height .75s}#results.has-results{height:100%;opacity:1}#results li{position:relative;padding:10px;padding-right:50px;border-radius:var(--borderradius);display:grid;grid-template-columns:50px 1fr;gap:10px;align-items:center;cursor:pointer;opacity:0;transition:background-color .5s,color .5s;animation:fadeIn .5s ease-in;animation-fill-mode:forwards}#results li:nth-child(1){animation-delay:.15s}#results li:nth-child(2){animation-delay:.3s}#results li:nth-child(3){animation-delay:.45s}#results li:nth-child(4){animation-delay:.6s}#results li:nth-child(5){animation-delay:.75s}#results li:nth-child(6){animation-delay:.9s}#results li:nth-child(7){animation-delay:1.05s}#results li:nth-child(8){animation-delay:1.2s}#results li:after{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";position:absolute;top:50%;right:30px;translate:0 -50%;opacity:0;scale:0;font-size:32px;transition:opacity .5s,scale .5s}#results li img{width:64px;aspect-ratio:1/1;border-radius:var(--borderradius)}#results li:hover{background-color:#f0f0f0}#results li:hover::after{scale:1;opacity:1}#results li .track-details{display:grid;gap:3px}#results li .track-details .title{font-weight:600}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.loader-wrapper{position:fixed;z-index:20;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;display:flex;justify-content:center;align-items:center;pointer-events:none;background:rgba(0,0,0,.65) !important;backdrop-filter:blur(10px)}.loader-wrapper.visible{pointer-events:auto;opacity:1}.loader{height:30px;aspect-ratio:2.5;--_g: no-repeat radial-gradient(farthest-side,#fff 90%,#fff0);background:var(--_g),var(--_g),var(--_g),var(--_g);background-size:20% 50%;animation:l44 1s infinite linear alternate}@keyframes l44{0%,5%{background-position:0% 50%,33.3333333333% 50%,66.6666666667% 50%,100% 50%}12.5%{background-position:0% 0,33.3333333333% 50%,66.6666666667% 50%,100% 50%}25%{background-position:0% 0,33.3333333333% 0,66.6666666667% 50%,100% 50%}37.5%{background-position:0% 100%,33.3333333333% 0,66.6666666667% 0,100% 50%}50%{background-position:0% 100%,33.3333333333% 100%,66.6666666667% 0,100% 0}62.5%{background-position:0% 50%,33.3333333333% 100%,66.6666666667% 100%,100% 0}75%{background-position:0% 50%,33.3333333333% 50%,66.6666666667% 100%,100% 100%}87.5%{background-position:0% 50%,33.3333333333% 50%,66.6666666667% 50%,100% 100%}95%,100%{background-position:0% 50%,33.3333333333% 50%,66.6666666667% 50%,100% 50%}}.swal2-backdrop-show{background:rgba(0,0,0,.65) !important;backdrop-filter:blur(10px)}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:400;src:url("../fonts/inter-v18-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:600;src:url("../fonts/inter-v18-latin-600.woff2") format("woff2")}a{text-decoration:none}p{margin-bottom:1em;line-height:1.5}p a{text-decoration:none;line-break:anywhere}p b,p strong{font-weight:600}h1{font-family:var(--font);font-size:2rem;line-height:1.2;font-weight:600;margin-bottom:15px;display:block}@media(min-width: 720px){h1{font-size:2.5rem}}@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0, 0, 0, 0.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0, 0, 0, 0.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0, 0, 0, 0.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width: 480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0, 0, 0, 0.13);width:100%}.notyf__dismiss{width:56px}}/*# sourceMappingURL=style.css.map */