div[data-v-90ef463a]{margin:1rem 0}.note_oss[data-v-90ef463a]{background-color:#00613f;color:#fff;padding:1rem;border-radius:5px;text-align:center;line-height:1.4rem}.note_oss>a[data-v-90ef463a]{color:#fff}.formContent[data-v-7d4d3211]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:#fff;border-radius:5px}.formContent>p[data-v-7d4d3211]{margin-bottom:1rem}.save[data-v-7d4d3211]{border:1px solid var(--quite-black);color:var(--quite-black);background-color:#fff}.delete[data-v-7d4d3211]{background-color:#c9342a}header>div[data-v-61756035]{display:flex;align-items:center;gap:2rem;margin:2rem 0;justify-content:center}.user_not_connected[data-v-61756035]{-webkit-user-select:none;user-select:none;padding:2rem 30%;margin:8rem auto}.user_not_connected h2[data-v-61756035]{margin-top:1rem;font-weight:400}@media screen and (max-width: 700px){.user_not_connected[data-v-61756035]{margin:3rem auto;padding:.4rem 3rem}}.user_image[data-v-61756035]{width:100px;height:100px;border-radius:50%;box-shadow:var(--primary) 0 0 0 3px;transition:.2s}.user_image[data-v-61756035]:hover{box-shadow:var(--primary) 0 0 0 6px}@media screen and (max-width: 400px){header>div[data-v-61756035]{flex-direction:column;align-items:flex-start}}.errNotFound[data-v-61756035]{padding:.2rem 1rem;background-color:#c9342a;color:#fff;text-transform:uppercase;border-radius:5px}.card__content[data-v-2d252911]{align-items:center}.footer__content[data-v-36b1a123]{display:flex;justify-content:center;align-items:center;padding:1rem 0}.footer__text[data-v-36b1a123]{flex:1}.footer__note[data-v-36b1a123]{display:flex;font-size:13px}@media screen and (max-width: 900px){.footer__content[data-v-36b1a123],.footer__note[data-v-36b1a123]{flex-direction:column;text-align:center}}@font-face{font-family:Lato;src:url(/assets/Lato-Regular-BwLIet1C.ttf)}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{transition:color .5s,background-color .5s;line-height:1.6;font-family:Lato,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.1rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f4f2}:root{--primary: #af0000;--quite-black: #151515;--background-primary: #a30101}h1{font-size:2.5rem;font-weight:600}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.2rem;font-weight:500}@media screen and (max-width: 700px){h1{font-size:2rem}h2{font-size:1.2rem}h3{font-size:1rem}}p{line-height:1.8rem}b{font-weight:600}section{margin:6rem 0}section header{margin-bottom:2rem}button,.btn,input{padding:.7rem 2.2rem;border-radius:7px;margin:0 .2rem;border:unset;font-weight:600}button,.btn{border:none;color:#fff;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;transition:.2s;text-transform:uppercase}button:hover,.btn:hover{box-shadow:3px 3px #000}form{margin:.3rem 0}@media screen and (max-width: 550px){form{display:flex;flex-direction:column;gap:.4rem;width:100%}}label{display:block;margin-bottom:.2rem;font-weight:600}input{background-color:#f5f5f5}summary{text-transform:uppercase}summary:hover{-webkit-user-select:none;user-select:none;cursor:pointer}@keyframes sweep{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}footer{background-color:var(--quite-black);color:#fff;padding:2rem 1rem 3rem;margin-top:5rem;-webkit-user-select:none;user-select:none}footer div{max-width:1200px;margin:0 auto;padding:0 3px;font-weight:400}footer a{color:#fff}footer a:hover{color:#fcb0ac}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.3rem}.card{display:flex;flex-direction:column;background-color:#fff;color:var(--quite-black);border-radius:.5rem;box-shadow:0 0 3px #0000001a;transition:.2s;-webkit-user-select:none;user-select:none;animation:sweep .3s ease-in-out}.card:hover{color:var(--primary);box-shadow:3px 6px 8px #1e1e1e12;transform:translateY(-3px)}.card:hover .card__image img{transform:scale(1.1)}.card__image{width:100%;height:150px;border-top-left-radius:.5rem;border-top-right-radius:.5rem;overflow:hidden}.card__image img{width:100%;height:100%;object-fit:cover;transition:.2s}.card__content{padding:1rem;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.card__row{display:flex;margin-top:2.5rem;flex-direction:row;justify-content:space-between}.card__row>.card__artist{flex-grow:0}.card__title{font-size:1.2rem;font-weight:800}.card__rank{font-size:.9rem}.card__artist{font-size:.9rem;font-style:italic;flex-grow:1;margin-top:.2rem;line-height:1.3rem}.card__album{font-size:.8rem;color:#5b5757}.card__nodata{grid-column-end:4;grid-column-start:1;align-items:start}.card__nodata>.card__content{align-items:start}@media screen and (max-width: 400px){.grid{display:flex;flex-direction:column}}section{max-width:1200px;margin:2rem auto;padding:0 3px;font-weight:400}a{text-decoration:none;color:var(--primary);font-weight:600;transition:.2s}@media (hover: hover){a:hover{color:var(--background-primary)}}