body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:root{--page-background-color:#3d2929;--secondary-background-color:#120101;--primary-text-color:ivory;--secondary-text-color:#000;--primary-hover-color:#c2c2c2;--primary-btn-color:#931111;--secondary-btn-color:#764242;--dull-accent-color:#693e3e}[data-theme=red]{--page-background-color:#231212;--secondary-background-color:#120101;--primary-text-color:ivory;--secondary-text-color:#000;--primary-hover-color:#c2c2c2;--primary-btn-color:#931111;--secondary-btn-color:#764242;--dull-accent-color:#693e3e}[data-theme=purple]{--page-background-color:#1b191f;--secondary-background-color:#111118;--primary-text-color:ivory;--secondary-text-color:#000;--primary-hover-color:#c2c2c2;--primary-btn-color:#681193;--secondary-btn-color:#644276;--dull-accent-color:#5b4d62}[data-theme=blue]{--page-background-color:#1a1a24;--secondary-background-color:#111118;--primary-text-color:ivory;--secondary-text-color:#000;--primary-hover-color:#c2c2c2;--primary-btn-color:#112d93;--secondary-btn-color:#424d76;--dull-accent-color:#4d5162}[data-theme=green]{--page-background-color:#191a19;--secondary-background-color:#0d0f0d;--primary-text-color:ivory;--secondary-text-color:#000;--primary-hover-color:#c2c2c2;--primary-btn-color:#119329;--secondary-btn-color:#42764c;--dull-accent-color:#4e624d}[data-theme=heardle]{--page-background-color:#191a19;--secondary-background-color:#0d0f0d;--primary-text-color:ivory;--secondary-text-color:#000;--primary-hover-color:#c2c2c2;--primary-btn-color:#119329;--secondary-btn-color:#414141;--dull-accent-color:#585858}.theme-options{display:flex;gap:10px}.theme-option{border-radius:15px;cursor:pointer;height:25px;width:25px}#theme-purple{background-color:purple}#theme-red{background-color:red}#theme-blue{background-color:blue}#theme-green{background-color:green}#theme-heardle{background-color:#010}body,html{height:100%;margin:0}#root,body,html{background-color:var(--page-background-color);color:var(--primary-text-color)}#root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;height:100}.App{display:grid;display:flex;flex-flow:column;grid-template-rows:-webkit-fit-content 2fr -webkit-fit-content;grid-template-rows:fit-content 2fr fit-content;height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;text-align:center}#LandingPage{background:url(/static/media/horizontal-splash.391d8fefd003d4a931cf.PNG) no-repeat 50%/cover;background-blend-mode:darken;background-color:#000000bf}#searchBarContainer{position:relative}.searchBarItem{color:var(--secondary-text-color);cursor:pointer;font-weight:500;padding:2px;width:100%}.searchBarItem:hover{background-color:var(--primary-hover-color)}.searchInput{height:2em;width:90%}.songSearchItem{align-items:center;background-color:#fff;border-radius:5px;bottom:30px;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;width:100%}.appHeader{align-items:start;box-shadow:0 2px 2px rgba(0,0,0,.419);display:grid;flex:0 0 auto;grid-template-columns:1fr 1fr auto;height:-webkit-fit-content;height:fit-content;justify-items:start;width:100%;z-index:1000}.appHeader,footer{background-color:var(--secondary-background-color);transition:background-color 1s ease,color 1s ease}.appHeader h1{font-size:xx-large;margin:2px 0 6px}.profileBadge{align-items:center;border-radius:40px;display:flex;flex-direction:row;justify-content:center;padding:5px 30px 5px 5px}.profileBadge img{border-radius:20px;height:40px;width:40px}.profileBadge h3{margin:0 0 0 10px}.middleElem{justify-content:space-evenly}.guessContainer,.middleElem{align-items:center;display:flex;flex-direction:column}.guessContainer{height:-webkit-fit-content;height:fit-content;justify-content:center;margin:20px auto;min-width:300px}.guessText{background-color:var(--page-background-color)!important;border:2px solid var(--dull-accent-color);border-radius:5px;margin:5px;min-width:300px;padding:8px;width:50vw}.submissionBar{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding-bottom:10px;padding-top:10px;width:100%}.dropdownContent{background-color:var(--dull-accent-color);border-radius:2px;padding:0;position:absolute;right:20px;top:50px;z-index:100}.dropdownContent button{background-color:#0000;border:none;color:var(--primary-text-color);padding:5px;text-align:left;width:100%}.dropdownContent button:hover{background-color:var(--primary-hover-color)}.dropdownContent h4{margin-bottom:5px;margin-top:5px;text-align:left;text-decoration:underline}.dropdownContent input{width:130px}.dropdownMenu{position:relative}#dropImg{border-radius:0;height:15px;width:15px}.streakText{text-align:left}.guessControlContainer{background-color:var(--secondary-background-color);height:-webkit-fit-content;height:fit-content;padding:0;transition:background-color 1s ease,color 1s ease;width:100vw}.guessControlContainer>div{margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:fit-content}.gameoverContainer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-top:6vh}.gameOverAlbum{max-width:400px;width:90vw}.gameOverAlbum img{height:40vh;width:40vh}.gameoverInfo{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:space-evenly;width:30vw}#addedByTo{line-height:2}#addedByTo a:first-child img{border-radius:15px;height:25px;width:25px}#addedByTo a:nth-of-type(2) img{border-radius:2px;height:20px;width:20px}#gameOverGuessContainer{display:flex;flex-direction:row;position:relative}#skipBtn{background-color:var(--secondary-btn-color)}#skipBtn,#submitBtn{border:none;border-radius:3px;color:var(--primary-text-color);font-size:large;font-weight:700;max-width:120px;padding:5px;width:100px}#submitBtn{background-color:var(--primary-btn-color)}.guessTile{border-radius:3px;height:20px;margin:10px;position:relative;width:50px;z-index:1}.guessTile span{bottom:22px;display:none;font-size:smaller;left:-75px;position:absolute;width:200px}.guessTile:hover span{display:block}.correctGuess{background-color:green;color:green}.skippedGuess{background-color:var(--dull-accent-color);color:var(--dull-accent-color)}.incorrectGuess{background-color:red;color:red}#retryBtn{background-color:var(--primary-btn-color);border:none;border-radius:3px;color:var(--primary-text-color);font-size:large;font-weight:700;padding:5px;width:120px}.playlistToggleItem{background-color:#000;border-radius:4px;cursor:pointer;justify-content:center;padding:4px;width:200px}.playlistToggleItem:hover{background-color:var(--primary-hover-color)}.playlistToggleItem img{height:1em;width:1em}#playlistSearchContainer{position:relative}.playlistSearchDropdown{background-color:#000;bottom:30px;height:30vh;overflow-y:scroll;position:absolute}.addedByBadge{align-items:center;background-color:var(--dull-accent-color);border-radius:10px;color:var(--primary-text-color);display:inline-flex;flex-direction:row;gap:5px;justify-content:center;padding:0 10px 0 8px;width:-webkit-fit-content;width:fit-content}#trackProgress{-webkit-appearance:none;appearance:none;background:var(--dynamic-grad);border:2px solid var(--secondary-btn-color);border-radius:5px;height:15px;margin-top:15px;outline:none;overflow:hidden;width:40vw;width:auto}#trackProgress::-moz-range-progress{background-color:var(--primary-btn-color);height:100%}#trackProgress::-webkit-slider-thumb{-webkit-appearance:none;box-shadow:-20vw 0 0 20vw var(--primary-btn-color);cursor:ew-resize;height:100%;width:0}#trackProgress::-moz-range-thumb{opacity:0;pointer-events:none}#SpotifyLoginLink{background-color:var(--primary-btn-color);border:0;font-weight:600;text-decoration:none}#GuestLoginLink,#SpotifyLoginLink{border-radius:2px;color:var(--primary-text-color);font-size:1rem;margin:20px;padding:10px}#GuestLoginLink{background-color:var(--secondary-btn-color);border:0;font-weight:550}#CORSdisclaimer{margin-left:auto;margin-right:auto;width:70vw}#playBtn{width:30px}.selectable:hover{cursor:pointer;filter:brightness(1.15)}.landingBtnContainer{display:flex;flex-wrap:wrap;justify-content:center}#profileBadgeMobileName{display:none}@media only screen and (max-width:768px){body{font-size:16px}.appHeader h1{font-size:2rem;margin:4px}#LandingPage{background:url(/static/media/splash.f7932cf4a3b796484f48.PNG) no-repeat 50%/cover;background-blend-mode:darken;background-color:#000000bf;padding:20px;text-align:left}#LandingPage h1{font-size:1.8rem;max-width:90vw}#SpotifyLoginLink{font-size:medium;margin:10px}.landingBtnContainer{justify-content:right}#landingText{max-width:200px}#profileBadgeName{display:none}#profileBadgeMobileName{display:block}.gameOverAlbum img{height:180px;width:180px}.gameoverInfo{height:-webkit-fit-content;height:fit-content;margin-bottom:40px;margin-top:10px;max-width:280px}#retryBtn{margin-top:20px}#skipBtn{grid-area:1/1/2/2;width:200px}#submitBtn{grid-area:1/2/2/3;width:200px}#playlistSearchContainer{grid-area:2/1/3/3;justify-self:center;margin-top:20px}#songSearchContainer{grid-column-gap:0;grid-row-gap:0;align-items:center;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr);margin:0;padding-bottom:10px;padding-top:10px;width:100%}.gameoverContainer{margin-top:20px}}
/*# sourceMappingURL=main.59242159.css.map*/