@import url(https://fonts.googleapis.com/css2?family=Mohave:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mohave:ital@1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mohave:ital,wght@1,600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mohave:ital,wght@1,700&display=swap);@font-face{font-family:Digital-7;font-style:normal;font-weight:400;src:url(/static/media/digital-7.79c8511a32aab83743b7.ttf) format("truetype")}.home-body{height:-webkit-fit-content;height:fit-content;margin:0 auto;min-height:100vh;overflow:auto;padding:0;width:100vw}.pageTitle{font-size:clamp(1.4rem,-.1458rem + 4.7778vw,2.8rem)}.pageTitle span{font-feature-settings:"smcp";color:#fe5f55;font-size:clamp(1.75rem,-.1458rem + 4.7778vw,3.1875rem);font-variant:small-caps;position:relative;text-shadow:2px 2px 2px #00000040}.left-container{flex-direction:column;height:100vh;left:0;top:0;width:50vw}.left-container,.semicircle{align-items:center;display:flex;justify-content:center;position:relative}.semicircle{background-color:#222;border-radius:50%;height:40vw;min-height:240px;min-width:240px;width:40vw}.cover{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.cover img{animation:rotation 28s linear infinite;border:3px solid #fff;border-radius:50%;height:90%;width:90%;z-index:0}.cover img,.pin{position:absolute}.pin{background-color:#222;border:2px solid #f5f5ff;border-radius:100%;box-shadow:10px 10px 10px #00000040;height:2.5vw;width:2.5vw;z-index:1}.needleContainer{height:50%;left:-15%;position:absolute;top:0;width:50%;z-index:3}.needle{filter:drop-shadow(4px 4px 2px rgba(0,0,0,.5));height:auto;transform:rotate(-5deg) scaleX(-1);width:10vw}.right-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:48%;position:absolute;top:0;width:50vw}.pulsing-text{animation:pulse 1.5s linear infinite;color:#fe5f55;font-size:clamp(1rem,.6795rem + 1.3675vw,1.5rem);position:relative}.screen-box{background-color:#333;border:5px solid #333;border-radius:25px;height:-webkit-fit-content;height:fit-content;margin-bottom:20px;padding:20px;width:25vw}.screen,.screen-box{left:50%;position:relative;transform:translateX(-50%)}.screen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;border:3px solid #333;border-radius:10px;height:95%;overflow:hidden;top:0;width:98%}.footerContainer,.headerContainer{align-items:baseline;display:flex;flex-shrink:0;justify-content:flex-start;margin-left:10px;width:auto}.artistContainer,.songContainer{display:flex;flex-grow:1;justify-content:flex-start;overflow:hidden}.artistName,.songTitle{font-size:clamp(.35rem,-.1458rem + 2.7778vw,1.75rem);margin-left:10px;white-space:nowrap}.marquee{animation:marqueeX 10s linear infinite}.footer,.header{font-size:clamp(.75rem,-.1458rem + 2.7778vw,2.4375rem);white-space:nowrap}.options{align-items:center;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;margin:0 auto;padding:0;width:25vw}.next,.prev{cursor:pointer;height:4vw;min-height:30px;width:auto}.prev{left:0;transform:scaleX(-1)}.next{right:0}.link{background-color:#fe5f55;border:2px solid #fe5f55;border-radius:5px;color:#fff;filter:drop-shadow(0 0 6px rgba(0,0,0,.5));font-size:clamp(.625rem,.5485rem + .3265vw,.875rem);font-weight:bolder;margin:0 30px;padding:15px 20px;text-decoration:none;white-space:nowrap}.link:hover{background-color:#32e063;border-color:#32e063;transition:all .3s ease}@media (max-width:800px){body{align-items:center;display:flex;height:100vh;margin:0}.left-container,body{justify-content:center}.left-container{margin-bottom:20px;position:absolute;top:8%}.left-container,.right-container{align-items:center;display:flex;flex-direction:column;height:50vh;position:relative;width:100vw}.right-container{justify-content:flex-start;left:50%;margin-top:10px;transform:translateX(-50%)}.semicircle{top:0}.needle{width:20vw}.screen-box{height:-webkit-fit-content;height:fit-content;padding:12px;width:60vw}.footerContainer,.headerContainer{letter-spacing:2px}.options{width:75vw}.volume{top:10px}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes marqueeX{0%{transform:translateX(100%)}90%{transform:translateX(-105%)}to{transform:translateX(-105%)}}.slapsPageTitle{font-size:clamp(2.25rem,1.8494rem + 1.7094vw,2.875rem);left:2%;position:absolute;top:4%;width:auto}.slapsPageTitle span{color:#fe5f55;position:relative;text-shadow:2px 2px 2px #00000040}.slappersContainer{display:flex;display:inline-block;flex-direction:row-reverse;height:100vh;left:0;overflow-x:auto;position:absolute;top:15%;white-space:nowrap;width:100vw;z-index:-1}.slapSongImage{filter:drop-shadow(0 8px 3.5px rgba(0,0,0,.3));height:12vw;min-height:200px;min-width:200px;width:12vw}.slapperCard{align-items:center;display:inline-block;height:-webkit-fit-content;height:fit-content;justify-content:center}.slapsRatingsBar{background-color:#d3d3d3;height:.45vw;margin:10% auto;position:relative;width:10vw}.slapsBar,.slapsFilled,.slapsRatingsBar{border-radius:5px}.slapsBar{background-color:#d3d3d3;z-index:1}.slapsFilled{background-color:#fe5f55;border-radius:5px;height:100%;transition:width .5s ease-in-out;width:0}.slapsPercentage{font-style:italic;font-weight:600}.slapContainerHeader{left:50%;margin:0 auto;padding:0;position:relative;transform:translateX(-50%);z-index:-1}.slapSongTitle{filter:drop-shadow(1px 3px 3.5px rgba(0,0,0,.3));font-size:clamp(.75rem,.5096rem + 1.0256vw,1.125rem)}.slapArtistTitle{filter:drop-shadow(1px 3px 2px rgba(0,0,0,.3));font-size:clamp(.625rem,.3846rem + 1.0256vw,1rem)}.slapImage{height:60%;position:relative;rotate:-35deg;top:70px;width:60%}.slapperSongLink{font-size:clamp(.75rem,.5096rem + 1.0256vw,1.125rem);font-weight:bolder;margin-top:50px}.slapperSongLink a:link{border:3px solid #fe5f55;border-radius:5px;padding:4px}.slapperSongLink a:link,.slapperSongLink a:visited{color:#fe5f55;text-decoration:none}.slapperSongLink a:hover{border-color:#32e063;color:#32e063;text-decoration:none;transition:.4s ease-in-out}.slapsSearch{align-items:center;display:flex;gap:10px;position:fixed;right:5%;top:18%}.slapsSearch input{background:none;border:none;color:#36454f;cursor:pointer;font-size:16px;font-weight:600;outline:none;padding:0;transition:width .4s ease;width:0}.slapsSearch input:focus{cursor:text;padding-left:10px;width:150px}.slapsSearch input:focus~.btn-search i{color:#36454f}.noSlapsMessage{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;margin:50px auto;padding-top:200px;text-align:center;text-transform:capitalize}.noSlapsMessage a{color:#0065c7;text-decoration:underline}.noResultsMessage{color:#333;font-size:1.2rem;height:50vh}.scrapsPageTitle{font-size:clamp(2.25rem,1.8494rem + 1.7094vw,2.875rem);left:2%;position:absolute;top:4%;width:auto}.scrapsPageTitle span{color:#fe5f55;position:relative;text-shadow:2px 2px 2px #00000040}.scrapsContainer{display:inline-block;flex-direction:row-reverse;height:100vh;left:0;overflow-x:auto;position:absolute;top:15%;white-space:nowrap;width:100vw;z-index:-1}.scrapSongImage{filter:drop-shadow(0 8px 3.5px rgba(0,0,0,.3));height:12vw;min-height:200px;min-width:200px;width:12vw}.scrapCard{align-items:center;display:inline-block;height:-webkit-fit-content;height:fit-content;justify-content:center}.scrapsRatingsBar{background-color:#d3d3d3;border-radius:5px;height:.45vw;margin:10% auto;position:relative;width:10vw}.scrapsBar,.scrapsFilled{border-radius:5px}.scrapsBar{background-color:#d3d3d3;z-index:1}.scrapsFilled{background-color:#fe5f55;border-radius:5px;height:100%;transition:width .5s ease-in-out;width:0}.scrapsPercentage{font-style:italic;font-weight:600}.scrapContainerHeader{left:50%;margin:0 auto;padding:0;position:relative;transform:translateX(-50%);z-index:-1}.scrapSongTitle{filter:drop-shadow(1px 3px 3.5px rgba(0,0,0,.3));font-size:clamp(.75rem,.5096rem + 1.0256vw,1.125rem)}.scrapArtistTitle{filter:drop-shadow(1px 3px 2px rgba(0,0,0,.3));font-size:clamp(.625rem,.3846rem + 1.0256vw,1rem)}.scrapImage{height:52%;position:relative;top:12px;width:52%}.scrapSongLink{font-size:clamp(.75rem,.5096rem + 1.0256vw,1.125rem);font-weight:bolder;margin-top:50px}.scrapSongLink a:link{border:3px solid #fe5f55;border-radius:5px;padding:4px}.scrapSongLink a:link,.scrapSongLink a:visited{color:#fe5f55;text-decoration:none}.scrapSongLink a:hover{border-color:#32e063;color:#32e063;text-decoration:none;transition:.4s ease-in-out}.scrapsSearch{align-items:center;display:flex;gap:10px;position:fixed;right:5%;top:15%}.scrapsSearch input{color:#36454f;font-size:16px;font-weight:600;outline:none;padding:0;transition:width .4s ease;width:0}.btn-search,.scrapsSearch input{background:none;border:none;cursor:pointer}.btn-search{align-items:center;display:flex}.btn-search i{color:#fe5f55;font-size:24px;transition:color .3s ease}.scrapsSearch input:focus{cursor:text;padding-left:10px;width:150px}.scrapsSearch input:focus~.btn-search i{color:#36454f}.scrapsContainer{flex-wrap:wrap;min-height:300px}.noScrapsMessage,.scrapsContainer{align-items:center;display:flex;justify-content:center}.noScrapsMessage{word-wrap:break-word;color:#666;flex-direction:column;font-size:1.2rem;padding-bottom:200px;text-align:center}.noScrapsMessage a{color:#0065c7;text-decoration:underline}.poll-container{align-items:center;display:flex;gap:2rem;height:-webkit-fit-content;height:fit-content;justify-content:center;min-height:95vh;width:100%;h1{font-feature-settings:"smcp","c2sc";font-size:clamp(2.5rem,2.1795rem + 1.3675vw,3rem);font-style:italic;font-variant:all-small-caps}}.mobile-title{color:#000;display:none;text-align:center;span{color:#fe5f55;font-size:clamp(1.75rem,2.1795rem + 1.3675vw,2.25rem);margin:0 3vw}}.desktop-title{color:#fe5f55}.poll-middle{width:50%}.songInfo{align-items:center;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;width:100%}.albumCover img{filter:drop-shadow(0 8px 3.5px rgba(0,0,0,.3));height:auto;position:relative;width:100%;width:300px}.songName{font-feature-settings:"smcp","c2sc";font-size:larger;font-style:italic;font-variant:all-small-caps;font-weight:600;position:relative;white-space:nowrap;width:100%}.artistTitle{font-feature-settings:"smcp","c2sc";font-style:italic;font-variant:all-small-caps;font-weight:400;margin-bottom:20px;position:relative}.scrapsLogo{height:auto;min-width:90px;transition:.3s ease;width:50%}.scrapsLogo:hover{transform:rotate(120deg)}.slapsLogo{height:auto;min-width:75px;rotate:20deg;transition:.3s ease;width:50%}.slapsLogo:hover{transform:scaleX(-1)}.songInfo.swipe-left{transform:translateX(-100%)}.songInfo.swipe-right{transform:translateX(100%)}.linkToSong{font-weight:bolder}.linkToSong a:link{border:5px solid #fe5f55;border-radius:10px;padding:8px 10px}.linkToSong a:link,.linkToSong a:visited{color:#fe5f55;text-decoration:none}.linkToSong a:hover{border-color:#32e063;color:#32e063;text-decoration:none;transition:.2s ease}.scrapsButton:hover,.slapsButton:hover{cursor:pointer}.addSongButton{background-color:#45a080;border:none;border-radius:50%;bottom:1vw;box-shadow:6px 0 6px #cbced1,-6px -6px 6px #fff;color:#fff;cursor:pointer;font-size:2vw;outline:none;padding:.75vw 1.25vw;position:absolute;right:2vw;transform:rotate(0deg);transform-origin:center;transition:background-color .75s ease,transform .75s ease}.addSongButton.active{background-color:#fe5f55;transform:rotate(45deg)}.addSongModal{background:#ecf0f3;border-radius:20px;bottom:12%;box-shadow:14px 14px 20px #cbced1,-14px -14px 20px #fff;box-sizing:border-box;display:none;height:170px;padding:40px;position:fixed;right:2%;width:300px}.addSongModal.visible{display:block}.addSongModal.hidden{display:none}.pollInput{background:#0000;border-color:#0000;border-radius:50px;box-shadow:inset 6px 6px 6px #cbced1,inset -6px -6px 6px #fff;font-size:14px;height:20px;left:50%;margin-top:1vw;outline:none;padding:10px 20px;position:absolute;transform:translateX(-50%);width:200px}.closeButton,.pollSubmitButton{font-feature-settings:"smcp";background:#fe5f55;border:0;border-radius:12px;box-shadow:6px 6px 6px #cbced1,-6px -6px 6px #fff;color:#fff;cursor:pointer;font-variant:small-caps;font-weight:800;height:50px;margin-top:25px;padding:5px 10px;transition:.5s}.closeButton:hover,.pollSubmitButton:hover{box-shadow:none}.pollSubmitButton{background-color:#45a080;bottom:10px}.pollCompleteText,.pollSubmitButton{left:50%;position:absolute;transform:translateX(-50%)}.pollCompleteText{font-feature-settings:"smcp";filter:drop-shadow(2px 6px 2.5px rgba(0,0,0,.2));font-size:3vw;font-variant:small-caps;font-weight:600;top:25%}#trnt{left:50%;margin-left:auto;margin-right:auto;position:absolute;text-align:center;top:50%;transform:translateX(-50%)}.trnt_turntable{margin:auto;position:relative;width:78px}.trnt_floor{background:#5c5c5c;border:1px solid #3b3b3b;filter:drop-shadow(0 8px 3.5px rgba(0,0,0,.3));height:50px;left:5px;position:absolute;top:4px;width:70px}.trnt_vinyl{animation-duration:2s;animation-iteration-count:infinite;animation-name:trnt_spin;animation-timing-function:linear;background-color:#141414;border-radius:30px;height:60px;width:60px}.trnt_wheel{border:1px solid #636363;border-radius:50px;position:absolute}.trnt_wheel-1{height:50px;left:4px;top:4px;width:50px}.trnt_wheel-2{height:44px;left:7px;top:7px;width:44px}.trnt_wheel-3{height:38px;left:10px;top:10px;width:38px}.trnt_hole{background-color:#141414;border-radius:5px;height:2px;left:29px;position:absolute;top:29px;width:2px;z-index:999}.trnt_middle{background:#fe5f55;border-radius:50px;height:14px;left:23px;position:absolute;top:23px;width:14px;z-index:99}.trnt_cover{background-color:#141414;border-radius:10px;height:57px;left:16px;position:absolute;top:2px;width:26px;z-index:9}.trnt_arm{animation-duration:10s;animation-iteration-count:infinite;animation-name:trnt_arm-move;animation-timing-function:linear;border:1.25px solid #fff;border-radius:3px;box-shadow:1px 0 0 1px #3232321a;height:35px;left:68px;opacity:1;position:absolute;top:10px;transform-origin:top;width:0;z-index:999}.trnt_text{font-feature-settings:"smcp","c2sc";font-size:1.5em;font-variant:all-small-caps;position:relative;top:.75vw}.skipButton{background-color:#fff;border:5px solid #fe5f54;border-radius:10px;box-shadow:0 4px 6px #00000026;color:#fe5f54;cursor:pointer;font-size:12px;font-weight:700;margin-top:25px;padding:10px 12px;transition:color .2s ease,border-color .2s ease}.skipButton:hover{border-color:#32e063;color:#32e063}.skipButton:active{transform:scale(.95)}@media (max-width:800px){.poll-left,.poll-middle .desktop-title,.poll-right{display:none}.poll-middle{width:100%}.mobile-title{display:block;white-space:nowrap}}@keyframes trnt_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes trnt_arm-move{0%{transform:rotate(20deg)}80%{transform:rotate(40deg)}90%{transform:rotate(40deg)}to{transform:rotate(20deg)}}.swipeHint{align-items:center;animation:pulse 1s infinite;color:#fe5f54;display:flex;flex-direction:column;font-weight:700;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.swipeHint .hintLabel{font-feature-settings:"smcp";font-size:1rem;font-variant:small-caps}.swipeHint .hintArrow{font-size:1.5rem}.leftHint{left:-39px}.rightHint{right:-35px}@keyframes pulse{0%{opacity:.9;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}to{opacity:.9;transform:translateY(-50%) scale(1)}}.albumCover{position:relative}@media (min-width:801px){.swipeHint{display:none}}body{overflow:hidden}.blogLogo{font-size:5vw;left:50%;position:absolute;top:-2vw;transform:translateX(-50%)}.timestamp{color:#555;font-size:.8em}.addPostButton{background-color:#45a080;border:none;border-radius:50%;bottom:1vw;box-shadow:6px 0 6px #cbced1,-6px -6px 6px #fff;color:#fff;cursor:pointer;font-size:2vw;outline:none;padding:.75vw 1.25vw;position:fixed;right:2vw;transform:rotate(0deg);transform-origin:center;transition:background-color .75s ease,transform .75s ease;z-index:-1}.addPostButton.active{background-color:#fe5f55;transform:rotate(45deg)}.addPostModal{background:#ecf0f3;border-radius:20px;bottom:12%;box-shadow:14px 14px 20px #cbced1,-14px -14px 20px #fff;box-sizing:border-box;display:none;height:50%;padding:20px;position:fixed;right:2%;width:96%}.blogPostInput{background:#0000;border-color:#0000;border-radius:10px;box-shadow:inset 6px 6px 6px #cbced1,inset -6px -6px 6px #fff;font-size:14px;margin-top:1vw;outline:none;padding:1vw 2vw;top:44%;width:90%}.blogPostInput,.formTitle{left:50%;position:absolute;transform:translateX(-50%)}.formTitle{font-feature-settings:"smcp","c2sc";filter:drop-shadow(0 3px 5px rgba(0,0,0,.15));font-size:150%;font-variant:all-small-caps;font-weight:800;top:5%;white-space:nowrap}.submitButton{font-feature-settings:"smcp";background:#45a080;border:0;border-radius:12px;box-shadow:6px 6px 6px #cbced1,-6px -6px 6px #fff;color:#fff;cursor:pointer;font-variant:small-caps;font-weight:800;height:12%;margin-top:.25vw;padding:.5vw 1vw;position:absolute;top:83%;transition:.5s}.submitButton:hover{box-shadow:none}.submissionMessage{font-feature-settings:"smcp","c2sc";bottom:35%;font-size:1.5em;font-variant:all-small-caps;font-weight:800;position:fixed;right:3.5%}.addPostModal.visible{display:block}.addPostModal.hidden,.modalCloseButton{display:none}.reviewTitleInput,.scoreInput,.spotifyLinkInput{background:#0000;border-color:#0000;border-radius:10px;box-shadow:inset 6px 6px 6px #cbced1,inset -6px -6px 6px #fff;font-size:14px;margin-top:1vw;outline:none;padding:1vw 2vw;position:absolute;transform:translateX(-50%);width:90%}.review-container{z-index:1}.spotifyLinkInput{left:30%;top:14%;width:50%}.scoreInput{font-weight:800;right:28%;top:14%;width:1.5vw}.scoreLabel{font-feature-settings:"smcp";font-variant:small-caps;font-weight:800;position:absolute;right:38%;top:22%}.reviewTitleInput{font-weight:800;left:50%;top:29%;width:90%}.writerNameInput{background:#0000;border-color:#0000;border-radius:10px;color:#000;font-size:14px;font-weight:800;left:74%;margin-top:1vw;outline:none;padding:1vw 2vw;position:absolute;top:72.25%;transform:translateX(-50%)}.writerNameLabel{left:54%;top:80%;width:25%}.scoreErrorText,.writerNameLabel{font-feature-settings:"smcp";font-variant:small-caps;font-weight:800;position:absolute}.scoreErrorText{color:#bb2318;right:27%;top:6%}.blogContent{align-items:flex-start;display:flex;flex-wrap:wrap;height:68vh;justify-content:left;margin:0 auto;overflow-y:scroll;position:absolute;top:14vw;width:100vw;z-index:-1}.blogPageTitle{font-size:3.5vw;left:5vw;position:absolute;top:4vw}.blogPageTitle span{color:#fe5f55;padding:.5vw;position:relative;text-shadow:2px 2px 2px #00000040}.blogContent:hover{cursor:pointer}.blogPost{box-sizing:border-box;margin:0 1% 5%;overflow-y:scroll!important;width:31%}.blogPost:hover .blogCoverImage{transform:scale(.9)}.blogPost:hover .blogCoverImage,.blogPost:hover .blogReviewTitle{filter:drop-shadow(0 8px 3.5px rgba(0,0,0,.3));transition:all .5s ease-in-out}.blogCoverImage{height:auto;width:40%}.blogReviewTitle{font-size:1.5vw;font-style:italic;font-weight:600;text-transform:capitalize}.blogAuthorName{color:#fe5f55;font-size:1.25vw;font-style:italic}.timestamp{color:#888;font-size:1vw}.blogSearch{align-items:center;display:flex;gap:10px;position:fixed;right:5%;top:18%;z-index:5}.blogSearch input{background:#ecf0f3;border:none;border-radius:20px;box-shadow:inset 6px 6px 6px #cbced1,inset -6px -6px 6px #fff;color:#36454f;cursor:pointer;font-size:16px;font-weight:600;outline:none;padding:0;transition:width .4s ease,box-shadow .3s ease;width:0}.blogSearch input:focus{box-shadow:inset 3px 3px 6px #cbced1,inset -3px -3px 6px #fff;cursor:text;padding:6px 10px;width:150px}.blogSearch input::placeholder{color:#36454f;font-weight:500;opacity:.7}.blogSearch .btn-search{align-items:center;background:none;border:none;cursor:pointer;display:flex}.blogSearch .btn-search i{color:#fe5f55;font-size:24px;transition:color .3s ease,transform .3s ease}.blogSearch .btn-search:hover i{color:#32e063;transform:scale(1.1)}@media (max-width:800px){.blogContent{height:auto;justify-content:center;left:50%;overflow-y:visible;padding-bottom:20vw;top:35vw;transform:translateX(-50%)}.blogPost{margin-bottom:6%;margin-left:0;margin-right:0;width:46%}.blogReviewTitle{font-size:3.5vw}.blogAuthorName{font-size:3vw}.timestamp{font-size:2.5vw}.blogCoverImage{width:60%}.blogPageTitle{font-size:7vw;left:4vw;top:15vw}.blogSearch{right:5vw;top:22.5vw}.blogSearch input:focus{width:120px}.addPostModal{bottom:8%;height:60%;padding:15px;width:94%}.blogPostInput,.reviewTitleInput,.scoreInput,.spotifyLinkInput{font-size:12px;width:92%}.spotifyLinkInput{left:40%;width:55%}.scoreInput{font-size:5vw;width:6vw}.addPostButton{bottom:3vw;font-size:4vw;padding:2vw 3vw;right:3vw}}.noResultsMessage{align-items:center;box-sizing:border-box;color:#666;display:flex;font-size:1rem;justify-content:center;min-height:200px;padding:2rem;text-align:center;width:100%}.noResultsMessage span{color:#0065c7;font-weight:700}@media (max-width:800px){body{overflow:hidden}.addPostModal{background:#ecf0f3;border-radius:0;box-shadow:none;height:100vh;inset:0;padding:16px;position:fixed;width:100vw;z-index:1000000}.addPostModal,.addPostModal form{display:flex;flex-direction:column}.addPostModal form{gap:14px;height:100%;overflow-y:auto;padding-top:48px;position:relative}.modalCloseButton{background:none;border:none;color:#fe5f55;cursor:pointer;display:block;font-size:32px;font-weight:800;opacity:.85;position:fixed;right:16px;top:16px;z-index:1100}.modalCloseButton:active{transform:scale(.9)}.formTitle{font-size:20px;margin-bottom:8px;position:static;text-align:center;transform:none}.inputs{position:static;width:100%}.blogPostInput,.reviewTitleInput,.scoreInput,.spotifyLinkInput,.writerNameInput{font-size:16px;padding:12px;position:static;transform:none;width:100%}.blogPostInput{min-height:140px;resize:none}.scoreErrorText,.scoreLabel,.writerNameLabel{font-size:14px;position:static}.scoreRow{align-items:center}.scoreRow,.spotifyScoreRow{display:flex;gap:10px}.spotifyScoreRow .spotifyLinkInput{flex:1 1}.spotifyScoreRow .scoreInput{font-weight:800;text-align:center;width:72px}.submitButton{font-size:16px;height:auto;margin-top:auto;padding:14px;position:static;width:100%}.addPostModal input,.addPostModal textarea{max-width:86vw;width:86vw}.scoreLabel,.writerNameLabel{display:block;font-size:18px;font-weight:800;left:auto!important;margin:0 auto 6px;position:relative!important;right:auto!important;text-align:left!important;top:auto!important;transform:none!important;width:90vw}.writerRow{align-items:center;display:flex;gap:8px;margin:0 auto;width:90vw}.writerNameLabel{font-weight:800;margin:0;white-space:nowrap}.writerNameInput,.writerNameLabel{position:static!important;transform:none!important;width:auto}.writerNameInput{flex:1 1;margin-bottom:6px;text-align:left}.addPostModal .submitButton{display:block;font-size:16px;height:auto;margin:12px auto 0;padding:12px;position:static!important;width:50vw}}.blog-title{font-size:2vw;margin:0}.album-cover-container{display:block;left:5vw;position:absolute;top:6vw}.album-cover-img{box-shadow:0 8px 8px #0003;height:15vw;object-fit:cover;width:15vw}.header-container{margin-top:20px;padding:20px}.type-title{font-feature-settings:"smcp","c2sc";font-size:4.5vw;font-variant:all-small-caps;left:50%;margin-bottom:10vw;position:absolute;top:-4vw;transform:translateX(-50%)}.blogLinkInfo{left:22vw;position:absolute;text-align:left;width:21vw}.linkTitle{font-feature-settings:"smcp";font-size:1.75vw;font-style:italic;font-variant:small-caps;font-weight:800}.linkArtist{font-feature-settings:"smcp";font-size:1.5vw;font-variant:small-caps;font-weight:800}.score-container{align-items:center;background-size:cover;border-radius:50%;display:flex;height:6vw;justify-content:center;position:absolute;right:21vw;top:8vw;width:6vw}.score-image{filter:drop-shadow(0 8px 8px rgba(0,0,0,.2));height:auto;position:absolute;width:8vw;z-index:-1}.blog-score{font-size:2.5vw;font-style:italic;font-weight:800;left:50%;margin:0;padding-top:.5vw;position:relative;z-index:2}.scoreTitleContainer{display:inline-block}.scoreTitle{animation:flicker .75s ease-in-out infinite alternate;color:#fe5f55;font-size:2vw;font-style:italic;font-weight:800;position:absolute}.review-container{left:5vw;max-height:55vh;overflow-y:auto!important;position:absolute;top:21vw;width:90vw}.review-title{font-feature-settings:"smcp","c2sc";font-size:3vw;font-style:italic;font-variant:all-small-caps;font-weight:600}.review-content{font-size:1.25vw;text-align:left}.blog-author{font-feature-settings:"smcp","c2sc";background-color:#fe5f55;font-size:1.5vw;font-variant:all-small-caps;font-weight:600;text-align:center}@keyframes flicker{0%{opacity:.5;text-shadow:2px 2px 10px #fe5f55}to{opacity:1;text-shadow:2px 2px 20px #fe5f55}}@media (max-width:900px){.album-cover-container{left:0;margin:-6vw auto 0;position:relative;text-align:center;top:0}.album-cover-img{height:40vw;width:40vw}.type-title{font-size:8vw;margin-bottom:4vw;top:0;transform:none}.blogLinkInfo,.type-title{left:0;position:relative;text-align:center}.blogLinkInfo{margin:0 auto;width:80vw}.linkTitle{font-size:5vw}.blog-author,.linkArtist{font-size:4vw}.blog-author{margin-top:2vw}.score-container{height:18vw;margin:5vw auto;position:relative;right:0;top:0;width:18vw}.score-image{width:22vw}.blog-score{font-size:7vw;left:0;margin-top:40px;padding:0;transform:none}.scoreTitle{display:none}.review-container{left:0;margin:8vw auto;max-height:none;overflow-y:visible!important;position:relative;top:0;width:90vw}.review-title{font-size:8vw;margin-bottom:4vw;text-align:center}.review-content{font-size:3.5vw;line-height:5vw}}.infoContainer{min-height:100vh;overflow:visible;position:relative}.rightContent{-ms-overflow-style:none;left:40%;max-height:90vh;overflow-y:auto;padding-right:1vw;position:absolute;scroll-behavior:smooth;scrollbar-width:none;top:5vw;transition:opacity .3s ease;width:calc(60% - 5vw)}.rightContent::-webkit-scrollbar{display:none}.missionStatement{width:100%}.missionTitle{font-feature-settings:"smcp","c2sc";font-size:2vw;font-style:italic;font-variant:all-small-caps;font-weight:800;text-align:left}.mission{font-feature-settings:"smcp";font-size:1.3vw;font-variant:small-caps;font-weight:600;text-align:justify}.snsInfoLogo{animation:App-logo-spin 15s linear infinite;height:35vw;left:5vw;position:fixed;width:35vw;z-index:10}.infoGrid{grid-gap:2vw;display:grid;grid-template-columns:repeat(2,1fr);margin:3vw 0}.gridItem{background-color:#f5f5f5;border:2px solid #555;border-radius:1vw;padding:1.5vw;transition:transform .3s ease}.gridItem:hover{transform:translateY(-10px)}.gridTitle{color:#fe5f55;font-size:1.2vw;font-weight:700;margin-bottom:.5vw}.gridText{color:#555;font-size:1vw;line-height:1.5vw}@media (max-width:800px){.infoContainer{align-items:center;display:flex;flex-direction:column;gap:3vw;justify-content:flex-start;overflow:visible}.snsInfoLogo{animation:fadeInUp 1.5s ease forwards;height:50vw;top:5vw!important;width:50vw}.rightContent,.snsInfoLogo{left:0!important;position:relative!important}.rightContent{-ms-overflow-style:none;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;top:0!important;transition:opacity .3s ease;width:100%}.rightContent::-webkit-scrollbar{display:none}.missionStatement{align-items:center;display:flex;flex-direction:column;gap:1.5vw;justify-content:center;margin-bottom:10vw;max-width:88vw;position:relative!important;width:100%}.mission,.missionTitle{margin:0;padding:0 2vw;text-align:center!important}.missionTitle{font-size:6vw;margin-bottom:1vw}.mission{font-size:4vw;line-height:5vw}.infoGrid{grid-gap:4vw;display:grid;grid-template-columns:1fr;justify-items:center;margin-top:2vw;max-width:88vw;width:100%}.gridItem{border-radius:2vw;padding:4vw;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:76%}.gridItem,.gridItem:hover{box-shadow:0 8px 16px #00000026,0 4px 8px #00000014}.gridItem:hover{transform:translateY(0)}.gridTitle{color:#fe5f55;font-size:5vw;margin-bottom:2vw}.gridText{color:#555;font-size:4vw;line-height:5vw}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5vw)}to{opacity:1;transform:translateY(0)}}:root{--accent:#fe5f55;--accent-2:#32b002;--max-bio-height:200px;--bio-width-percent:80%}.profileContainer{color:#222;display:flex;font-family:Mohave,sans-serif;min-height:100vh;width:100%}.profileLeft{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.25rem;padding-top:5vw}.profileAvatar{border:4px solid #000;border-radius:50%;box-shadow:0 0 12px #ffffffbf;height:200px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:200px}.profileAvatar:hover{box-shadow:0 0 20px #32e06340;transform:scale(1.05)}.profileTitle{font-size:2rem;font-weight:600;margin-top:.5rem;text-align:center;text-transform:uppercase;width:100%}.profileTitle span{color:#fe5f55;color:var(--accent);text-shadow:1px 2px 1px #000000bf}.profileBioBox{align-items:center;display:flex;flex-direction:column;margin-top:.25vw;max-width:760px;position:relative;text-align:center;width:80%;width:var(--bio-width-percent)}.profileBioDisplay,.profileBioTextarea{border-radius:16px;color:#111;cursor:text;display:flex;font-family:Mohave,sans-serif;font-size:1rem;font-weight:450;height:200px;height:var(--max-bio-height);justify-content:center;line-height:1.45;margin-bottom:1rem;max-height:200px;max-height:var(--max-bio-height);min-height:200px;min-height:var(--max-bio-height);outline:none;overflow-y:auto;padding:1rem;resize:none;text-align:left;transition:all .2s ease;width:100%}.bioEditHint{align-items:center;bottom:8px;display:flex;font-size:1rem;opacity:0;pointer-events:none;position:absolute;right:8px;transition:opacity .25s ease}.bioEditHint span{color:#32b002;color:var(--accent-2);margin-right:6px;opacity:0;transform:translateX(20px);transition:transform .3s ease,opacity .3s ease;white-space:nowrap}.bioEditHint:after{background-image:url('data:image/svg+xml;utf8,<svg fill="%2332b002" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1.003 1.003 0 0 0 0-1.42l-2.34-2.34a1.003 1.003 0 0 0-1.42 0l-1.83 1.83 3.75 3.75 1.84-1.82z"/></svg>');background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:20px;width:20px}.profileBioDisplay.editable:hover .bioEditHint{opacity:1}.profileBioDisplay.editable:hover .bioEditHint span{opacity:1;transform:translateX(0)}.profileBioTextarea:focus{box-shadow:0 0 10px #32e06340}.bioControls{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.bioCharCount{color:#555;font-size:.9rem}.profileSaveBioButton{background:#32b002;background:var(--accent-2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:all .15s ease;white-space:nowrap}.profileSaveBioButton:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-1px)}.profileButtonRow{display:flex;gap:1rem;justify-content:center;margin-top:.5rem;width:80%;width:var(--bio-width-percent)}.profileActionButton,.profileButtonRow button{background-color:#fe5f55;background-color:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:.7rem 1.2rem;transition:all .15s ease}.profileActionButton.manage:hover,.profileActionButton.signout:hover,.profileButtonRow .manage-btn:hover,.profileButtonRow .signout-btn:hover{box-shadow:0 4px 16px #be252540;filter:brightness(.98);transform:translateY(-2px)}.profileRight{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:4vw}.upf-header{font-feature-settings:"smcp","c2sc";color:#fe5f55;color:var(--accent);font-size:2rem;font-variant:all-small-caps;font-weight:600;margin-bottom:1.5rem;text-align:center;text-shadow:2px 2px 2px #0003}.upf-searchBar{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.upf-searchBar input{background:none;border:none;color:#36454f;cursor:pointer;font-size:16px;font-weight:600;outline:none;padding:0;transition:width .4s ease;width:0}.upf-searchBar input:focus{border-color:#fe5f55;border-color:var(--accent);width:140px}.upf-searchBar button{align-items:center;background:none;border:none;color:#fe5f55;cursor:pointer;display:flex;font-size:1.5rem}.upf-searchBar button:hover{filter:brightness(.95);transform:translateY(-1px)}.profileRight:not(.ownProfile) .upf-searchBar button{display:none}.upf-searchResults{background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 12px #0000001a;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;width:180px;z-index:10}.upf-searchItem{cursor:pointer;font-weight:500;padding:8px 10px}.upf-searchItem:hover{background-color:#f2f2f2}.upf-topFiveList{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:0 auto;max-width:800px}.upf-artistWrapper{align-items:center;display:flex;flex-direction:column;gap:.4rem}.upf-artistCard{align-items:center;background:radial-gradient(circle at center,#222 60%,#000 100%);border-radius:50%;cursor:pointer;display:flex;height:160px;justify-content:center;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:160px}.upf-artistCard img{border-radius:50%;height:90%;object-fit:cover;width:90%}.upf-artistName{word-wrap:break-word;color:#111;font-size:.95rem;font-weight:600;text-align:center;width:140px}.upf-removeBtn{align-items:center;background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease;width:40px;z-index:2}.upf-artistCard.userProfile:hover .upf-removeBtn{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1.1)}.upf-artistCard:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.upf-noArtistsMessage{font-feature-settings:"smcp","c2sc";font-size:1.75rem;font-variant:all-small-caps;font-weight:600;grid-column:span 3;margin-top:2rem;opacity:.7;text-align:center}@media (max-width:1200px){.upf-artistCard{height:120px;width:120px}.upf-artistCard p{bottom:-24px;font-size:.85rem}.upf-removeBtn{font-size:1rem;height:32px;width:32px}}@media (max-width:800px){.upf-artistCard{height:100px;width:100px}.upf-artistCard p{bottom:-20px;font-size:.8rem}.upf-removeBtn{font-size:.85rem;height:28px;width:28px}}@media (max-width:1200px){.upf-header{font-size:1.8rem}.upf-searchBar input:focus{width:140px}.upf-artistCard img,.upf-searchItem img{height:70px;width:70px}.upf-artistCard{width:100px}}@media (max-width:600px){.upf-header{font-size:1.5rem}.upf-searchBar{flex-direction:column;gap:.5rem}.upf-artistCard img,.upf-searchItem img{height:60px;width:60px}.upf-artistCard{width:90px}}.profileBody{color:#333;font-size:1.1rem}.profileLoadingContainer{align-items:center;display:flex;height:100vh;justify-content:center}.profileLoadingText{color:#fe5f55;color:var(--accent);font-size:1.6rem;font-weight:600}@media (max-width:1200px){:root{--bio-width-percent:90%}.profileContainer{flex-direction:column}.profileLeft,.profileRight{width:100%}.profileAvatar{height:35vw;margin-top:5vw;width:35vw}.profileTitle{font-size:5vw}.profileButtonRow{width:90%}.profileBioDisplay,.profileBioTextarea{align-items:center;display:flex;font-size:1.05rem;height:200px;height:var(--max-bio-height);justify-content:center;max-height:200px;max-height:var(--max-bio-height);min-height:200px;min-height:var(--max-bio-height)}.upf-artistCard{height:200px;width:200px}.upf-artistCard img{height:180px;width:180px}}@media (max-width:600px){:root{--bio-width-percent:92%}.profileAvatar{height:40vw;margin-top:5vw;width:40vw}.profileTitle{font-size:6vw}.profileButtonRow{gap:.6rem;width:92%}.profileBioDisplay,.profileBioTextarea{align-items:center;display:flex;font-size:1rem;height:200px;height:var(--max-bio-height);justify-content:center;max-height:200px;max-height:var(--max-bio-height);min-height:200px;min-height:var(--max-bio-height)}.upf-artistCard{height:110px;width:110px}.upf-artistCard img{height:100px;width:100px}}.ua-wrapper{align-items:center;display:flex;position:absolute;right:7vw;top:1vw;z-index:10}.loginButton{font-feature-settings:"smcp","c2sc";background-color:#fff;border:3px solid #fe5f55;border-radius:5px;color:#fe5f55;cursor:pointer;font-family:Mohave,sans-serif;font-size:16px;font-variant:all-small-caps;font-weight:800;padding:5px 20px;transition:all .35s ease}.loginButton:hover{border-color:#32e063;color:#32e063;filter:drop-shadow(0 0 8px #32e063);transform:scale(1.1)}.ua-avatar-image{border-radius:50%;cursor:pointer;height:3vw;max-height:48px;max-width:48px;min-height:32px;min-width:32px;object-fit:cover;transition:box-shadow .3s ease;width:3vw}.ua-avatar-click-area:hover .ua-avatar-image{box-shadow:0 0 0 2px #32e063,0 0 12px #00000080}.ua-visit-btn{background:#0000;border-radius:8px;display:flex;flex-direction:column;opacity:0;pointer-events:none;position:absolute;right:50%;top:110%;transform:translateX(50%) translateY(-4px) scale(.98);transform-origin:center center;transition:opacity .18s ease,transform .18s ease;width:120px}.ua-visit-btn.show{opacity:1;pointer-events:auto;transform:translateX(50%) translateY(0) scale(1)}.ua-visit-btn button{font-feature-settings:"smcp","c2sc";background-color:#f7f7f7;border:none;border-bottom:1px solid #cbced1;border-radius:0;cursor:pointer;font-variant:all-small-caps;padding:.45rem .8rem;text-align:left;transition:box-shadow .1s ease,background-color .1s ease,color .1s ease;width:100%}.ua-visit-btn button:last-child{border-bottom:none;border-radius:0 0 8px 8px}.ua-visit-btn button:hover{background-color:#34cc5f!important;box-shadow:0 0 8px #32e06366;color:#fff!important}@media (max-width:1000px){.ua-wrapper{right:4vw;top:1.5vw}.ua-avatar-image{height:40px;width:40px}.ua-visit-btn{width:150px}.ua-visit-btn button{font-size:.9rem;padding:.35rem .7rem}}@media (max-width:600px){.ua-wrapper{right:12vw;top:2vw}.ua-avatar-image{height:30px;width:30px}.ua-visit-btn{width:100px}.ua-visit-btn button{font-size:.7rem;padding:.3rem .6rem;text-align:center}.loginButton{font-size:12px;padding:1px 10px}}body.profile-page .ua-wrapper{display:none!important}body,html{height:auto!important;margin:0;overflow-y:auto!important}body{background:linear-gradient(180deg,#fff0 50%,#fff),url(/static/media/texture.036f720a960b60207d70.png);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Mohave,sans-serif;height:auto;text-align:center}.siteLogo{font-size:clamp(1.875rem,1.0737rem + 3.4188vw,3.125rem);left:50%;position:absolute;top:-1vw;transform:translateX(-50%);white-space:nowrap}.siteLogo span{color:#fe5f55;position:relative;text-shadow:2px 2px 2px #00000040}#menu__toggle{opacity:0}#menu__toggle:checked+.menu__btn>span{background-color:#eceff1;transform:rotate(45deg)}#menu__toggle:checked+.menu__btn>span:after,#menu__toggle:checked+.menu__btn>span:before{background-color:#eceff1;top:0;transform:rotate(90deg)}#menu__toggle:checked~.menu__box{left:95%!important}.menu__btn{cursor:pointer;height:1.65vw;position:fixed;right:1.65vw;top:2vw;width:1.65vw;z-index:3}.menu__text{display:none;text-decoration:none}.menu__btn>span,.menu__btn>span:after,.menu__btn>span:before{background-color:#fe5f55;display:block;height:.2vw;position:absolute;transition-duration:.25s;width:100%}.menu__btn>span:before{content:"";top:-.5vw}.menu__btn>span:after{content:"";top:.5vw}.menu__box{background-color:#eceff1;box-shadow:.1vw .1vw .3vw #0006;display:block;height:100%;left:100%;list-style:none;margin:0;padding:3.75vw 0;position:fixed;top:0;transition-duration:.25s;width:5vw;z-index:2}.menu__box:before{background-color:#fe5f55;content:"";height:4vw;left:0;position:absolute;top:0;width:100%}#home{opacity:.8}.menu__item{align-items:center;border-radius:6px;display:flex;height:5vw;justify-content:center;margin-top:.25vw;padding:0;width:5vw}.menu__item img{display:block;height:1.9vw;pointer-events:none;width:1.9vw}.menu__item:hover{background-color:#cfd8dc}@media (max-width:800px){.menu__btn{right:2vw;top:4.4vw;width:6vw;z-index:1001}#menu__toggle:checked+.menu__btn>span,#menu__toggle:checked+.menu__btn>span:after,#menu__toggle:checked+.menu__btn>span:before{background-color:#fe5f55}.menu__btn>span,.menu__btn>span:after,.menu__btn>span:before{height:.8vw}.menu__btn>span:before{top:-2vw}.menu__btn>span:after{top:2vw}.menu__box{background-color:#eceff1;flex-direction:column;gap:4vw;height:100vh;left:100%;margin:0;padding:0;position:fixed;top:0;transition:left .25s ease;z-index:1000}.menu__box,.menu__item{align-items:center;display:flex;justify-content:center;width:100vw}.menu__item{border-radius:6px;gap:2vw;height:15vw;position:relative}.menu__item:hover{background-color:#fe5f55}.menu__item img{height:10vw;margin-right:50px;width:10vw}.menu__text{font-feature-settings:"smcp","c2sc";color:#333;display:block;font-size:5vw;font-variant:all-small-caps;font-weight:500;left:55%;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);white-space:nowrap}#menu__toggle:checked~.menu__box{left:0!important}.menu__box:before{display:none}}
/*# sourceMappingURL=main.e381f912.css.map*/