:root{--magenta:#ff5a5f;--medium-gray:#484848;--dark-gray:#1f1f1f;--black:#040404;--light-gray:#ccc;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1f1f1f;background-color:var(--dark-gray);color:#fff;color:var(--white);font-family:Montserrat,sans-serif;font-size:16px}h1,h2,h3,h4,h5{margin:.25em 0 1em}.section-headers{color:#000;font-family:Bebas Neue,cursive;font-style:italic}hr{background-color:#fff;background-color:var(--white);color:#fff;color:var(--white);height:2px}button,hr{border:none}button{background-color:#040404;background-color:var(--black);border-radius:1rem;color:inherit;cursor:pointer;font:inherit;margin:0 .5rem;padding:.5rem .75rem;transition:background-color .2s}button:focus,button:hover{background-color:#47b5ff;outline:none}button:disabled{background-color:#484848;background-color:var(--medium-gray);color:#ccc;color:var(--light-gray);cursor:not-allowed}.delete-button{background-color:red;font-style:italic}.side-bar{background-color:#040404;background-color:var(--black);padding:.75rem}.side-bar nav{position:relative}.side-bar .burger{background-color:initial;color:#fff;color:var(--white);font-size:2rem;font-weight:700;left:.5rem;margin:0;padding:0;position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.side-bar .burger:focus{color:#ff5a5f;color:var(--magenta)}.side-bar .burger:after,.side-bar .burger:before{content:"|";display:inline-block;opacity:1}.side-bar.open .burger{color:transparent}.side-bar.open .burger:before{color:#fff;color:var(--white);-webkit-transform:rotate(45deg) translate(-.4rem,-.4rem);transform:rotate(45deg) translate(-.4rem,-.4rem);-webkit-transform-origin:bottom left;transform-origin:bottom left}.side-bar.open .burger:after{color:#fff;color:var(--white);-webkit-transform:rotate(-45deg) translate(.2rem,.1rem);transform:rotate(-45deg) translate(.2rem,.1rem);-webkit-transform-origin:bottom left;transform-origin:bottom left}.side-bar .logo{font-size:2rem;margin:.5rem 0;text-align:center}.side-bar .logo span{cursor:pointer;margin-right:.5rem;text-shadow:0 0 0 #ff5a5f;text-shadow:0 0 0 var(--magenta)}.side-bar .side-menu{display:none}.side-bar.open .side-menu{display:block}.side-menu{list-style:none;margin:1rem 0}.side-menu li{align-items:center;border-radius:4px;color:#ccc;color:var(--light-gray);cursor:pointer;display:flex;font-weight:700;margin:.5rem 0;padding:.5rem .75rem}.side-menu li span[role=img]{color:transparent;font-size:1.5rem;margin-right:1rem;text-shadow:0 0 0 #ccc;text-shadow:0 0 0 var(--light-gray)}.side-menu li.active{background-color:#484848;background-color:var(--medium-gray)}.side-menu li.active,.side-menu li:hover{color:#fff;color:var(--white)}.side-menu li.active span[role=img],.side-menu li:hover span[role=img]{text-shadow:0 0 0 #fff;text-shadow:0 0 0 var(--white)}.menu{align-items:center;display:flex;height:80px;justify-content:flex-end;margin:0 1rem}.menu-link{text-decoration:none}.menu button{border-radius:2rem;font-weight:600;padding:.2rem}.menu .profile-logo{align-self:center;background-color:#484848;background-color:var(--medium-gray);border-radius:50%;color:transparent;display:inline-block;height:2rem;line-height:2rem;margin-right:.5rem;padding-left:.1rem;text-shadow:0 0 0 #fff;text-shadow:0 0 0 var(--white);width:2rem}.menu .profile-menu{margin-right:.5rem}main{padding:1rem}.overlay-loading{background-color:rgba(0,0,0,.5);border-radius:20px;bottom:0;cursor:pointer;display:flex;font-family:Rubik,sans-serif;height:100%;left:0;right:0;top:0;width:100%;z-index:2}.card{background-color:#484848;background-color:var(--medium-gray);border-radius:.5rem;display:flex;flex-direction:column;margin:1rem .5rem;min-width:0;padding:.75rem;position:relative}.card img{width:100%}.card:hover{background-color:#47b5ff;transition:all .6s}.card .details{margin:.5rem 0}.card .title{font-weight:600;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .image{position:relative}.card .image .library{background-color:initial;color:#ff5a5f;color:var(--magenta);cursor:pointer;font-size:5rem;left:50%;margin-left:-2.5rem;margin-top:-3.5rem;opacity:0;padding:0;position:absolute;top:50%;transition:opacity .3s}.news-card{align-items:center;background-color:#94907b;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;margin:1rem .5rem;min-width:0;padding:.75rem;position:relative;transition:all .6s}.news-card img{width:100%}.news-card:hover{background-color:#47b5ff;transition:all .6s}.news-card .details{margin:.5rem 0}.news-card .title{font-weight:600;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-card .image{position:relative}.genre-picker{display:flex;flex-wrap:wrap;justify-content:center}.genre-picker span{color:#ccc;color:var(--light-gray);cursor:pointer;font-weight:600;margin:0 .5rem;padding:.25rem;text-transform:uppercase;transition:color .2s}.genre-picker span.active,.genre-picker span:hover{color:#fff;color:var(--white)}.genre-picker span.active{border-bottom:3px solid #ff5a5f;border-bottom:3px solid var(--magenta)}.form-container{background-color:#040404;background-color:var(--black);border-radius:.5rem;margin:0 auto 2rem;max-width:600px;padding:1.75rem}.form{display:flex;flex-direction:column}.form label{font-size:.8rem;font-weight:600}.form input,.form select,.form textarea{background-color:#484848;background-color:var(--medium-gray);border:none;border-radius:4px;color:#fff;color:var(--white);font-size:1.25rem;font-weight:700;margin-bottom:1rem;margin-top:.25rem;padding:.5rem;transition:all .3s}.form input:focus,.form select:focus,.form textarea:focus{background-color:#ff5a5f;background-color:var(--magenta);outline:none}.form input[type=submit]{cursor:pointer;margin:1.5rem 0 1rem}.stock-container{overflow-y:hidden}.news-container,.stock-container{background-color:#f8ede3;border-radius:10px;margin-bottom:18px}.pager{display:flex;justify-content:center}@media screen and (min-width:640px){.app-container{display:grid;grid-template-areas:"side-bar main";grid-template-columns:auto 1fr;grid-template-rows:auto;height:100vh}.side-bar{background-color:#040404;background-color:var(--black);grid-area:side-bar;padding:.75rem;width:250px}.side-bar .burger{display:none}.side-bar .side-menu{display:block}.menu{z-index:1}.menu,main{grid-area:main}main{margin-top:80px;width:100%}.albums{display:flex;flex-wrap:wrap}.card{flex-basis:calc(50% - 1em);flex-grow:0;flex-shrink:1}}@media screen and (min-width:900px){.card{flex-basis:calc(25% - 1em);flex-grow:0;flex-shrink:1}}.search-button{font-family:Roboto,sans-serif}.search-input[type=password],.search-input[type=text]{box-sizing:border-box;margin:8px 0;padding:12px 20px;width:100%}nav ul{-webkit-font-smoothing:antialiased;list-style:none;width:100%}nav li,nav ul{margin:0;padding:0}nav li{float:left;position:relative}nav a{color:#444;display:block;font:normal 13px/50px Arial,Helvetica,sans-serif;padding:0 25px;text-align:center;text-decoration:none;transition:all .25s ease}nav li:hover a{background:#01abf8;color:#fff}nav li ul{float:left;left:0;opacity:0;position:absolute;top:35px;transition:all .25s ease;visibility:hidden;width:150%;z-index:1}nav li:hover ul{opacity:1;top:50px;visibility:visible}nav li ul li{float:none;width:100%}nav li ul a:hover{background:#bbb}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}
/*# sourceMappingURL=main.cd643667.css.map*/