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}*{box-sizing:border-box;margin:0;padding:0}.c-app{position:relative;text-align:center}.c-app,.c-app__header{align-items:center;display:flex;flex-direction:column;width:100%}.c-app__header{justify-content:center;margin:32px;max-width:300px}.c-app__content{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-around;padding:16px;width:100%}.h-mb-8px{margin-bottom:8px}.c-nav-bar{background-color:#000;color:#fff;display:block;font-family:Dela Gothic One,cursive;font-family:Martian Mono,monospace;padding:16px;position:-webkit-sticky;position:sticky;text-align:center;width:100%}.c-card{background-color:#fff;border-radius:4px;box-shadow:0 10px 35px -8px rgba(43,45,79,.4);display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between;padding:16px;position:relative;z-index:1}.c-card__body,.c-card__header{display:block;width:100%}.c-card__body{flex:1 1}.c-card__footer{display:block;width:100%}.c-song{align-items:left;display:flex;flex-direction:column;text-align:left;width:100%}.c-song__title{display:block;font-size:16px;width:100%}.c-song__subtitle{font-size:14px;width:100%}.c-song-list{flex-direction:column}.c-song-list,.c-song-list__item{align-items:center;display:flex;width:100%}.c-song-list__item{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:4px 0}.c-song-list__item:not(:last-child){border-bottom:1px solid #000}.c-song-list__button{align-items:center;border:.5px solid #000;border-radius:4px;display:flex;height:24px;justify-content:center;padding:4px;text-align:center;transition:all .3s ease;vertical-align:middle;width:24px}.c-song-list__button:hover{background-color:#000;color:#fff;cursor:pointer;transition:all .3s ease}.c-song-selector{display:flex;flex:1 1;flex-direction:column;margin:16px;min-height:70vh;opacity:1;position:relative;width:100%;z-index:1}.c-song-selector__message{color:#000;font-size:20px;margin-top:100px;opacity:.5}.c-playlist-creator{display:flex;flex:1 1;flex-direction:column;margin:16px;min-height:70vh;position:relative;width:100%}.c-playlist-creator__content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.c-playlist-creator__message{color:#000;font-size:20px;margin-top:64px;opacity:.5}.c-button{background-color:#000;border:1px solid #000;border-radius:999px;color:#fff;display:block;margin:auto auto 0;padding:4px;transition:all .3s ease;width:240px}.c-button:hover{cursor:pointer;transition:all .3s ease}.c-button--secondary,.c-button:hover{background-color:#fff;color:#000}.c-button--secondary:hover{background-color:#000;color:#fff}.c-button--disabled{background-color:gray;border-color:gray}.c-button--disabled:hover{cursor:not-allowed}.c-button--disabled.c-button--secondary,.c-button--disabled.c-button--secondary:hover,.c-button--disabled:hover{background-color:gray;border-color:gray;color:#fff}.c-button--disabled.c-button--secondary:hover{cursor:not-allowed}.c-input-text{border:1px solid #000;border-radius:4px;display:block;font-size:14px;padding:4px;width:100%}.c-popup{align-items:center;background-color:rgba(0,0,0,.3);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:4}.c-popup--hidden{display:none}.c-popup__container{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 10px 35px -8px rgba(43,45,79,.4);display:flex;flex-direction:column;font-size:20px;justify-content:center;min-height:200px;min-width:300px}.lds-ellipsis{display:inline-block;height:24px;position:relative;width:68px}.lds-ellipsis div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#000;border-radius:50%;height:4px;position:absolute;top:10px;width:4px}.lds-ellipsis div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;left:56px}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}
/*# sourceMappingURL=main.305735d5.css.map*/