@font-face{font-family:DS-Digital;src:url(/_next/static/media/DS-Digital.3e72dea6.eot);src:url(/_next/static/media/DS-Digital.3e72dea6.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/DS-Digital.47738c86.woff2) format("woff2"),url(/_next/static/media/DS-Digital.b4d1e992.woff) format("woff"),url(/_next/static/media/DS-Digital.fb54f04f.ttf) format("truetype"),url(/_next/static/media/DS-Digital.b92e0d4c.svg#DS-Digital) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DS-Digital;src:url(/_next/static/media/DS-Digital-Italic.a00d19c4.eot);src:url(/_next/static/media/DS-Digital-Italic.a00d19c4.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/DS-Digital-Italic.93267ba7.woff2) format("woff2"),url(/_next/static/media/DS-Digital-Italic.93b32407.woff) format("woff"),url(/_next/static/media/DS-Digital-Italic.0f74c2f0.ttf) format("truetype"),url(/_next/static/media/DS-Digital-Italic.d8170b17.svg#DS-Digital-Italic) format("svg");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:DS-Digital;src:url(/_next/static/media/DS-Digital-BoldItalic.5fa783f2.eot);src:url(/_next/static/media/DS-Digital-BoldItalic.5fa783f2.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/DS-Digital-BoldItalic.8574a6e7.woff2) format("woff2"),url(/_next/static/media/DS-Digital-BoldItalic.6cf1b40e.woff) format("woff"),url(/_next/static/media/DS-Digital-BoldItalic.86885f4e.ttf) format("truetype"),url(/_next/static/media/DS-Digital-BoldItalic.32394df9.svg#DS-Digital-BoldItalic) format("svg");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:DS-Digital;src:url(/_next/static/media/DS-Digital-Bold.a28b3ecc.eot);src:url(/_next/static/media/DS-Digital-Bold.a28b3ecc.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/DS-Digital-Bold.e36da956.woff2) format("woff2"),url(/_next/static/media/DS-Digital-Bold.8a4714b5.woff) format("woff"),url(/_next/static/media/DS-Digital-Bold.70bf9cb6.ttf) format("truetype"),url(/_next/static/media/DS-Digital-Bold.196dc4cd.svg#DS-Digital-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}:root{--spotify-green:#1db954}*,:after,:before{box-sizing:border-box}*{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:#222}canvas,img,picture,svg,video{display:block;max-width:100%}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}.container{margin:5% auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem}.container a,.container label,.container p{color:#fff}.header{text-align:center;font-size:5rem;color:#dd6522}.app-description{text-align:center;font-size:1.5rem;color:#d9d9d9}.spotify-button{border:none;border-radius:10px;background-color:var(--spotify-green);color:#fff;width:15rem;font-size:1rem;padding:.75rem;font-weight:700}.spotify-button:hover{cursor:pointer;background-color:#1ed760}.spotify-button:active{background-color:#d9d9d9;color:#1ed760}.backdiv{justify-content:center;background-color:#3a3a3a}.backdiv,.input-fields{display:flex;align-items:center}.input-fields{flex-direction:column;max-width:28.25rem;width:80%;gap:1rem}.incrementer-outer{display:flex;justify-content:center;align-items:center}.incrementer-outer:hover{cursor:pointer;color:#dd6522}.incrementer-outer:active{color:#d9d9d9}.tempo{font-family:DS-Digital;font-weight:400;font-style:italic;text-align:center;font-size:40px;color:#fff;min-width:10ch;background-color:#3a3a3a}.options{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1rem 0}.metronome,.metronome-switch{display:flex;justify-content:center}.metronome-switch{align-items:center;gap:.5rem;margin-bottom:1rem}.switch-title{text-align:center;color:#d9d9d9;padding:0;font-weight:400}.metronome-play-pause{width:50%}.decreaseMetronome{border-style:none;border-radius:10px 0 0 10px}.decreaseMetronome,.increaseMetronome{background-color:#d9d9d9;color:#3a3a3a;font-size:40px;max-width:4ch}.increaseMetronome{border-style:none;border-radius:0 10px 10px 0}.dropdown-div{max-width:100%}.dropdown{width:35ch}.login-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.user-info{color:#bababa;font-size:1.25rem}.dropdown-div{display:flex;justify-content:center;flex-direction:column;align-items:center}.dropdown{border-style:none;cursor:pointer;max-width:35ch;padding:1ch;margin:1ch;color:#d9d9d9;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#3a3a3a 0),linear-gradient(135deg,#3a3a3a 50%,transparent 0),linear-gradient(90deg,#d9d9d9,#d9d9d9);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),100% 0;background-size:5px 5px,5px 5px,3em 2.5em;background-repeat:no-repeat}.dropdown,.genre-option{border-radius:10px;background-color:#3a3a3a}.genre-option{display:flex;justify-content:space-between;margin:1%;padding:3px;width:14ch;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.3s;transition-property:transform;pointer-events:none}.genre-option:active,.genre-option:focus,.genre-option:hover{transform:scale(1.05)}.genre-option-label{color:#d9d9d9;padding:5px}.genre-option-button{color:#d9d9d9;font-size:18px;background-color:#3a3a3a;border-style:none;pointer-events:all}.genre-option-button:hover{color:#dd6522;background-color:#3a3a3a;border-style:none;cursor:pointer}.genre-option-button:active{color:#ff965e}.height-input{padding:5px;border-style:none;border-radius:10px;width:60px;background-color:#3a3a3a;color:#d9d9d9}.height-label{color:#d9d9d9;padding:5%}.height-div{display:flex;padding:0;justify-content:center}.height-title{padding:3%;color:#d9d9d9;font-size:small}.search-button-div{display:flex;justify-content:center}.info-section{margin:2rem;color:#d9d9d9}.info-box{display:flex;gap:2rem;justify-content:center}.info-box-icon{width:8rem}.info-box-icon img{height:8rem;padding:1rem}.info-box p{display:flex;align-items:center;width:60%;max-width:50rem}.search-button{border-style:none;border-radius:10px;background-color:#dd6522;color:#fff;width:300px;padding:1.25rem .75rem;font-size:25px}.search-button:hover:enabled{cursor:pointer;background-color:#c5581d}.search-button:active:enabled{background-color:#d9d9d9;color:#dd6522}.search-button:disabled{background-color:gray}.search-button.playlist-url{font-size:1.25rem;text-align:center;background-color:var(--spotify-green)}.external-link-icon{margin-left:5px;width:1rem;display:inline-block}.switch{position:relative;display:inline-block;width:60px;height:34px}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d9d9d9}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#3a3a3a}input:checked+.slider{background-color:#dd6522}input:focus+.slider{box-shadow:0 0 1px #dd6522}input:checked+.slider:before{transform:translateX(26px);background-color:#d9d9d9}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switch input{opacity:0;width:0;height:0}.main-wrapper,.now-playing__side{display:flex;flex-direction:column;align-items:center}.now-playing__side{padding:1%}.now-playing__name{font-size:x-large;padding:.4rem}.now-playing__artist,.now-playing__name{text-align:center;color:#d9d9d9}.now-playing__cover{max-width:300px;border-radius:10px}.btn-spotify{display:block;color:var(--spotify-green);border-style:solid;border-color:var(--spotify-green);border-radius:10px;font-size:large;background-color:#222;padding:10px;margin:.3rem}.btn-spotify:hover{cursor:pointer}.spotify-btn-div{display:flex;justify-content:center;width:100%;padding:1rem}.hvr-grow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.3s;transition-property:transform}.hvr-grow:active:enabled,.hvr-grow:hover:enabled{transform:scale(1.03)}.number-input-container{display:flex;gap:.5rem}.webplayerloading{font-weight:700}