@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";#root{margin:0 auto;width:100%;min-height:100vh}.landing{background-color:#121212;color:#fff;min-height:60vh;display:flex;width:100%!important;flex-direction:column}.example-link{user-select:all}header{flex-shrink:1}.spotify{flex-grow:1;display:flex;flex-direction:column;text-align:left}.spotify,header{background-color:#121212;padding:.75em 0;color:#fff;font-family:Raleway,Helvetica,sans-serif;text-align:center}#urlForm{text-align:left;display:flex;align-items:center}#urlForm input[type=text]{flex-grow:1}input{border:none;padding:15px 30px;border-radius:25px;font-family:Raleway;font-size:1em;margin:10px}input[type=submit]{background-color:#00ff7f;font-weight:bolder;transition:filter ease .5s}input[type=submit]:hover{cursor:pointer;filter:brightness(.8)}fieldset{border:none;margin:0 1em;padding:0;display:inline;font-size:.75em}fieldset input{margin:0;border-radius:0}fieldset *:first-child{border-radius:2em 0 0 2em}fieldset *:last-child{border-radius:0 2em 2em 0}.no-spotify-results{flex-grow:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.card{padding:2em}.carousel{display:grid;grid-auto-flow:column;grid-template-columns:repeat(4,1fr);padding:2rem;gap:2em;justify-content:space-between;overflow-y:auto}.carousel-title{user-select:none;transition:color ease .25s}.youtube_section .carousel-title:hover{cursor:pointer;color:red}.carousel.single{justify-content:center;grid-template-columns:1fr}.spotify_carousel{grid-template-columns:repeat(5,min-content);width:100%}.full-width{grid-column:span 4;text-align:center;font-size:larger}.refresh{background-color:red;font-size:.75em;color:#fff;padding:.4em;transition:filter ease .25s}.refresh:hover{cursor:pointer;filter:brightness(.9)}.youtube_section{border-bottom:.35em solid rgb(228,228,228)}.pagination{padding:.5em 0;text-align:center;margin-bottom:1em}.paginate{cursor:pointer;user-select:none;margin:0 .3em}.paginate.maxed{pointer-events:none;opacity:.4}.section{margin:1em 0;transition:all ease 1s}.track{width:100%;flex-direction:column;text-align:left;padding:1em}.track img{width:100%;object-fit:contain;background-color:#000;height:10em;transition:transform ease .5s;cursor:pointer}.track img:hover{transform:scale(1.1)}.cat-container{margin:1em 0;padding-bottom:1em;width:80vw;justify-content:left;line-height:3em;text-align:left}.cat-container form{display:inline}.cat{padding:.4em .7em;margin:0 .4em;border:1px solid #ffffff42;color:#fff}.cat:hover{border-color:#383838;background-color:#00ff7f;color:#000}.wrapper{max-width:min(85vw,100%);margin-left:auto;margin-right:auto}footer{background-color:#121212;padding:1em 0;color:#fff;text-align:center;font-size:.75em;margin-top:2em;bottom:0;width:100%}*{font-family:Roboto}.yt-card{max-width:360px;width:100%}.yt-card>img{width:100%;object-fit:cover}.yt-card h4{margin:0;font-weight:700;font-size:1em;line-height:1.4em}.yt-card p{margin:.55em 0;color:#606060;font-size:.85em}a.yt-card{color:#000;text-decoration:none}.channel{flex-shrink:1;display:grid}.channel>img{border-radius:50%;width:36px}.yt-card>img{border-radius:10px}.details{display:flex;gap:10px;margin-top:.45em}.details>img{float:left;border-radius:50%;width:100%;flex-shrink:1}.vid-details{flex:1}.vid-details .vid-title{max-height:2.8em;text-overflow:ellipsis;overflow:hidden}.sp-container{display:flex;justify-content:center;align-items:center}.sp-card{background-color:#191918;border-radius:7px;padding:1.55em;width:250px;text-align:left;transition:background-color ease .5s}.sp-card:hover{background-color:#262627;cursor:pointer}.sp-card>img{border-radius:inherit;width:100%}.sp-card .track-title{margin:.25em 0;font-weight:bolder;font-size:1em}.sp-card h4{margin:1em 0 .6em;font-size:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.sp-card p{margin:0;color:#848584;font-weight:600;line-height:1.5em;min-height:3em}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}*,*:before,*:after{box-sizing:border-box}h3{font-family:Roboto;font-size:1.5em}h2{text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}h1{font-size:3em}h2{font-size:2em}h3{text-align:center}