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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.about{position:absolute;top:-1px;transform:translateY(-101%);transition:all .4s ease-in-out;width:100vw;z-index:1}@media(min-width:576px){.about{box-shadow:15px 15px 5px #00000080;display:flex;flex:1 1;flex-direction:column;height:fit-content;margin-right:1em;margin-top:2em;max-height:90vh;max-width:14em;max-width:95%;min-width:14em;position:static;transform:translateY(0)}}@media(min-width:768px){.about{max-width:14em}}@media(max-width:576px){.about.toggled{border:solid #000;border-width:0 0 2px;transform:translateY(0)}.about.untoggled{box-shadow:none}}.about .content{background-color:#faf2da;border:2px solid #000;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:1.2rem;margin:16px;padding:16px;text-align:center}.about .content:nth-child(3){margin-top:auto}.editor{grid-row-gap:15px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:65px auto auto;height:fit-content;position:absolute;row-gap:15px;top:10px;width:106%}@media(min-width:576px){.editor{grid-template-columns:12em 1fr 1fr;grid-template-rows:65px auto;left:15px;max-width:35em;min-height:50vh;row-gap:15px;top:75px;width:90%}}@media(max-width:576px){.editor{max-width:400px}}.editor>:first-child{grid-column:1/4}.editor .control-panel{display:flex;flex-direction:column;grid-column:1/4;grid-row:3;margin:0 15px}.editor .control-panel button{font-size:1.5rem;margin-bottom:15px}.editor .control-panel button:last-child.experimental{align-self:flex-start;display:none;font-size:1.2rem;padding:0 15px}.editor .control-panel>div{display:flex;justify-content:space-between;margin-top:auto}.editor .control-panel>div button{font-size:1.2rem;padding:0 15px}@media(min-width:992px){.editor .control-panel>div{flex-direction:column-reverse}.editor .control-panel>div button{margin-bottom:15px}.editor .control-panel>div .red-btn{width:fit-content}.editor .control-panel{grid-column:1/2;grid-row:2}}.editor .playlist-contents{background-color:#faf2da;border:2px solid #000;grid-column:1/4;grid-row:2;height:296px;margin:0 15px;overflow-y:scroll;width:auto}@media(min-width:992px){.editor .playlist-contents{grid-column:2/4;margin-bottom:15px}}@media(min-width:576px){.editor .playlist-contents::-webkit-scrollbar{display:none}}.editor .playlist-contents .playlist-item{align-items:center;border-bottom:2px solid #000;display:flex;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:1.2rem;height:34px;justify-content:space-between;padding:5px 7.5px;width:100%}.editor .playlist-contents .playlist-item>div:first-child{display:flex;height:100%;width:calc(100% - 25px)}.editor .playlist-contents .playlist-item .spotify-logo{display:none;margin-right:5px;min-height:21px;min-width:21px}.editor .playlist-contents .playlist-item .type{max-width:3.75rem;padding-right:10px;width:fit-content}.editor .playlist-contents .playlist-item .value{flex-shrink:1;max-width:80%;overflow:hidden;padding-left:5px;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.editor .playlist-contents .playlist-item:nth-child(n+9):last-child{border-bottom:0 solid #000}@media only screen and (max-height:670px){.editor .playlist-contents{min-height:280px}}.input{left:50%;max-width:34rem;min-height:11.5rem;position:absolute;top:50px;transform:translateX(-50%);width:96%}@media(min-width:992px){.input{left:15px;max-width:34rem;min-height:11.5rem;top:50px;transform:translateX(0);width:90%}}.input .input-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:0 15px}@media(min-width:576px){.input .input-container{flex-direction:row}}.input .input-container .autoCompleteTextBox{background-color:#faf2da;display:flex;height:3.8rem;margin:.5em 1em;width:100%}@media(min-width:992px){.input .input-container .autoCompleteTextBox{height:3.8rem;width:22rem}}.input .input-container .autoCompleteTextBox *{background-color:#0000;background-color:#faf2da;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:2rem}.input .input-container .autoCompleteTextBox .input-holder{border:2px solid #000;position:relative;width:100%}.input .input-container .autoCompleteTextBox .input-holder .fake-input,.input .input-container .autoCompleteTextBox .input-holder input{height:100%;padding:0 .5em;text-align:left;width:100%}.input .input-container .autoCompleteTextBox .input-holder .real-input{position:absolute;z-index:10}.input .input-container .autoCompleteTextBox .input-holder .real-input:focus{background-color:#0000}.input .input-container .autoCompleteTextBox .input-holder .fake-input{align-items:center;color:gray;display:flex;left:0;position:absolute;top:0;white-space:nowrap;z-index:0}.input .input-container button{font-size:1.3rem;margin-bottom:.5em;padding:3px 7.5px}@media(min-width:576px){.input .input-container button{margin:0}}input{background-color:#faf2da;border:0 solid #0000;outline:0;text-align:center}input:focus{outline:none!important}.title input{font-family:Bauhaus;font-size:100%;height:100%;width:80%}.playlist-container{grid-column-gap:20px;column-gap:20px;display:grid;flex-grow:1;flex-shrink:0;grid-auto-rows:minmax(min-content,max-content);grid-template-columns:repeat(auto-fill,minmax(min(19.4rem,100%),1fr));height:calc(90vh - 180px);justify-content:center;min-height:0;overflow-y:scroll;padding:40px 20px;width:100%}@media(min-width:576px){.playlist-container{padding:50px}.playlist-container::-webkit-scrollbar{display:none}}.playlist{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background-color:#faf2da;border:2px solid #000;cursor:pointer;display:flex;font-family:Bauhaus;height:4rem;justify-content:space-between;justify-self:center;margin-bottom:15px;max-width:20rem;padding:0 15px;width:100%}.playlist h2{flex:1 1;height:100%;line-height:60px;text-align:center}.playlist button{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#faf2da;border:2px solid #000;cursor:pointer;font-family:Bauhaus;font-size:1rem;height:2rem;width:4rem}.playlist button:hover{box-shadow:5px 5px 3px #000;transform:translate(-1px,-1px)}.playlist .metaRow{display:flex;flex-direction:column;height:fit-content;justify-content:center;margin-right:5px;max-height:50%;width:fit-content}.playlist .metaRow h4{display:none;height:50%;text-align:left}.playlist .metaRow .spotify-logo{aspect-ratio:1/1;background-color:#0000;height:1.5rem;min-height:21px;width:1.5rem}.playlist .metaRow .spotify-logo img,.playlist .metaRow .spotify-logo svg{height:100%;width:100%}.nav-bar{align-items:center;background-color:#e28f83;border-bottom:2px solid #000;display:flex;flex-direction:row;height:65px;justify-content:space-between;padding:0 10px;position:relative;width:100%;z-index:99}@media(min-width:576px){.nav-bar>*{flex:1 1}}.nav-bar h1{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;font-family:Bauhaus;font-size:2.5rem;letter-spacing:2px;width:fit-content}.nav-bar .banner{display:none;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:1rem;height:fit-content;justify-content:center;text-align:center}@media(min-width:768px){.nav-bar .banner{display:flex;font-size:1.5rem}}.nav-bar .toggle{align-items:center;aspect-ratio:1/1;display:flex;height:85%;justify-content:flex-end;width:100%}.nav-bar .toggle .closed,.nav-bar .toggle .open{-webkit-tap-highlight-color:rgba(0,0,0,0);aspect-ratio:1/1;cursor:pointer;display:flex;flex-direction:column;height:90%;justify-content:space-around}@media(min-width:576px){.nav-bar .toggle .closed,.nav-bar .toggle .open{display:none}}.nav-bar .toggle .closed .line,.nav-bar .toggle .open .line{background-color:#000;height:.4rem;width:100%}.nav-bar .toggle .loading-holder{aspect-ratio:1/1;height:100%;margin-right:5px;position:relative}.nav-bar .toggle .loading-holder sm-only{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.nav-bar .toggle .profile-pic{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.nav-bar .toggle .profile-pic img{aspect-ratio:1/1;border-radius:50%;height:calc(100% - 4px)}.nav-bar .toggle .border{border-color:#faf2da #8e9775 #8e9775 #faf2da;border-radius:50%;border-style:solid;border-width:2px;display:block;height:100%;position:absolute;top:0;width:100%;will-change:transform;z-index:-1}.nav-bar .toggle .border.loading{animation-duration:.3s;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:Bauhaus;src:local("Bauhaus"),url(/static/media/Bauhaus93Regular.cd36af6251f40c1667c7.ttf) format("truetype")}@font-face{font-family:Franklin Gothic Medium;src:local("Franklin Gothic Medium"),url(/static/media/LibreFranklin-Medium.af84bc5721ab2b73dce7.ttf) format("truetype")}*{box-sizing:border-box;color:#000;margin:0;padding:0}#root,body,html{height:100%;height:-webkit-fill-available;max-height:-webkit-fill-available}body{background-color:#faf2da;color:#000;width:100vw}.App{align-items:stretch;height:100%;width:100vw;z-index:0}.App,.dashboard{display:flex;flex-direction:column;position:relative}.dashboard{flex-grow:1;height:auto;margin-bottom:10vh;width:100%}@media(min-width:576px){.dashboard{flex-direction:row;margin:0 auto 10vh;width:90%}}.main{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:stretch;margin:50px 15px 0;position:relative}@media(min-width:576px){.main{flex:2 1;margin:1rem 15px 0}}@media(min-width:768px){.main{height:80vh;max-width:50rem}}.main>.panel .panel-header.Playlists{transform:translateY(-8px)}.main>button{aspect-ratio:4.55;font-size:1.4rem;height:38px;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;top:46px}@media(min-width:576px){.main>button:hover{box-shadow:5px 5px 3px #000}}.cross{-webkit-tap-highlight-color:rgba(0,0,0,0);aspect-ratio:1/1;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-around;position:relative}.cross .line{background-color:#000;height:16%;position:absolute;width:100%}.cross :first-child{transform:rotate(45deg)}.cross :nth-child(2){transform:rotate(-45deg)}.panel{align-items:center;background-color:#faf2da;border-bottom:2px solid #000;display:grid;font-size:2rem;grid-template-columns:1fr 8fr 1fr;height:65px;padding:0 10px;width:100%}.panel .close{align-content:flex-end;display:flex;height:50%;justify-content:flex-end;margin-right:10px}.panel .panel-header{grid-column-start:2;letter-spacing:2px;text-align:center}.panel .panel-header input{letter-spacing:2px}.title{font-family:Bauhaus}.window{background-color:#e28f83;border:2px solid #000}.shadow{box-shadow:0 0 15px 5px #00000080}@media(min-width:576px){.shadow{box-shadow:15px 15px 5px #00000080}}.red-btn{background-color:#ff6961}.grn-btn{background-color:#8e9775}.grn-btn,.red-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);border:2px solid #000;border-radius:15px;box-shadow:7px 7px 5px #00000080;cursor:pointer;font-family:Bauhaus}@media(min-width:576px){.grn-btn:hover,.red-btn:hover{box-shadow:5px 5px 3px #000;transform:translate(-1px,-1px)}.grn-btn:hover:active,.red-btn:hover:active{transform:translate(1px,1px)}}.logout-btn{display:block;margin:auto 15px auto auto;padding:3.5px 7.5px}.pre{background:#000;color:#fff;font-family:monospace;padding:1ch}.pre.caret-underscore>span{animation:blink 1s step-end infinite;border-bottom:2px solid #000}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#fff}}.playlist-item{height:70px}.welcome{margin-top:30px;padding:0 1em;text-align:center}.welcome span{display:inline-block;white-space:pre}.login-holder{align-items:center;display:flex;font-size:1.3em;margin-top:30px;padding:5px 10px;text-decoration:none}.login-holder img{height:1.7rem;margin-left:5px;min-height:21px}.grn-btn.login{height:1.3rem;width:fit-content}
/*# sourceMappingURL=main.a6717931.css.map*/