@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Open+Sans:wght@300&display=swap);:root{--first-color:#381f1b;--second-color:#ede8ea}body,html{margin:0;padding:0;text-align:center;box-sizing:border-box}#app{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#381f1b;color:var(--first-color)}#header{margin-bottom:2.5em}#header-title{font-family:"Roboto Condensed",sans-serif;font-size:2.5em;font-style:italic;font-weight:700;margin:0}.icon-wrapper{margin:0 10px}.icon{height:22px;width:22px}#player{margin-top:1.3em}svg{fill:#381f1b;fill:var(--first-color)}.disabled{fill:#ede8ea;fill:var(--second-color);cursor:not-allowed!important}.pan-right-enter{opacity:0;-webkit-transform:translateX(-4em);transform:translateX(-4em)}.pan-right-enter-active{transition:all .5s}.pan-right-enter-active,.pan-right-exit{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.pan-right-exit-active{opacity:0;-webkit-transform:translateX(4em);transform:translateX(4em);transition:all .5s}#description::-webkit-scrollbar{display:none}#description{-ms-overflow-style:none;scrollbar-width:none}#cover{--cover-size:200px;--vinyl-size:196px;--vinyl-offset:82px;width:calc(var(--cover-size) + var(--vinyl-offset) - var(--cover-size)/2 + var(--vinyl-size)/2);position:relative}#cover,#coverImage{height:var(--cover-size)}#coverImage{width:var(--cover-size);position:absolute;left:0;z-index:1;transition-delay:.15s}#vinylImage{height:var(--vinyl-size);width:var(--vinyl-size);position:absolute;top:calc(var(--cover-size)/2 - var(--vinyl-size)/2);left:var(--vinyl-offset);z-index:-1}#description{width:20em;height:200px;text-align:left;padding:1em;box-sizing:border-box;overflow:scroll;font-family:"Open Sans",sans-serif;font-weight:300}#title{margin:0;font-family:"Montserrat",sans-serif;font-weight:500;transition-delay:.1s}#subtitle{margin:.2em 1em 1em;transition-delay:.2s}#content{margin:0 0 0 1em;transition-delay:.3s}#cover,#description{display:inline-block}#description{vertical-align:top;margin-left:1em}#play{height:50px;width:50px}#next,#play,#prev{vertical-align:middle}#next,#prev{height:25px;width:25px}#prev{cursor:w-resize;margin-right:3em}#next{cursor:e-resize;margin-left:3em}
/*# sourceMappingURL=main.6585dc1e.chunk.css.map */