body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.selected{font-weight:700}body{height:100vh;width:100vw;background-color:#121212;color:#fff;font-family:CircularBook;letter-spacing:.015em}@font-face{font-family:CircularBold;src:url(/fonts/lineto-circular-pro-bold.woff)}@font-face{font-family:CircularMediun;src:url(/fonts/lineto-circular-pro-mediun.woff)}@font-face{font-family:CircularBook;src:url(/fonts/lineto-circular-pro-book.woff)}h1{letter-spacing:-1px;font-size:3em}.app{background:-webkit-gradient(linear,left top,left bottom,from(#1d1c20),color-stop(50%,#121212)) no-repeat;background:linear-gradient(#1d1c20,#121212 50%) no-repeat}.LogInScreen{height:100vh;width:100vw;display:flex;background:#f0f8ff;align-items:center;justify-content:center}.LogInScreen>a{color:#000;font-size:40px}.app{display:flex;flex-direction:column;height:100vh}.flex-grow{flex-grow:1}.content{padding:0 32px}.bottom-bar,.top-bar,.top-bar-spacer{min-height:30px;display:flex;flex-direction:row;align-items:center;padding:8px 16px}.top-bar{border-bottom:1px solid #282828}.top-bar-spacer{border-bottom:1px solid transparent}.bottom-bar{min-height:40px;background:#57b560;position:fixed;bottom:0;width:100%;padding:0 0 0 16px}.device-selector{padding:0 32px;margin:0;list-style:none;display:flex;flex-direction:row}.device-selector li{margin-right:16px;-webkit-transition:opacity .3s cubic-bezier(.075,.82,.165,1);transition:opacity .3s cubic-bezier(.075,.82,.165,1);cursor:pointer}.device-selector.has-selected li:not(:last-of-type){opacity:0}.device-selector.has-selected:hover li{opacity:1}.play-button{cursor:pointer;background:transparent;border:none}.collection-container{height:100%;width:100%;overflow:auto;display:flex;flex-wrap:wrap}.collection-item{padding:16px;max-width:100%;box-sizing:border-box;text-align:center;cursor:pointer;-webkit-transition:-webkit-transform .3s cubic-bezier(.075,.82,.165,1);transition:-webkit-transform .3s cubic-bezier(.075,.82,.165,1);transition:transform .3s cubic-bezier(.075,.82,.165,1);transition:transform .3s cubic-bezier(.075,.82,.165,1),-webkit-transform .3s cubic-bezier(.075,.82,.165,1)}.collection-item.playing img{border-radius:1000px;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (min-width:450px){.collection-item{max-width:50%}}@media (min-width:800px){.collection-item{max-width:33%}}@media (min-width:1000px){.collection-item{max-width:25%}}@media (min-width:1200px){.collection-item{max-width:16.667%}}.collection-item:hover{-webkit-transform:scale(1.06);transform:scale(1.06)}.album-metadata{margin-top:8px;color:grey}.album-metadata span{color:#fff}.collection-item img{width:100%}
/*# sourceMappingURL=main.c98a1b47.chunk.css.map */