.header{-webkit-text-stroke-width:3px;-webkit-text-stroke-color:#000;align-items:flex-end;border-bottom:2px solid #00000014;display:flex;font-family:Boogaloo,system-ui;font-size:5rem;gap:2rem;justify-content:center;padding-bottom:3rem;padding-top:1.5rem;text-shadow:3px 3px 8px #00000026}.song-list{border:1px solid #00000008;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin-bottom:0;margin-top:-1rem;max-width:55rem;padding:3rem 2rem 1.5rem;position:relative;z-index:1}.song-item{display:flex;font-size:1.5rem;justify-content:space-between;margin-bottom:.8rem;transition:transform .15s ease}.song-item:hover{cursor:pointer;transform:translateX(5px)}.song-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Boogaloo,system-ui;text-rendering:optimizeLegibility}.trophy{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.2));height:1rem;margin-left:1rem;width:1rem}.song-rating{border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#000;font-weight:700;padding:.3rem .6rem}@media (max-width:815px){html{font-size:8px}.header{-webkit-text-stroke-width:1px}}.selects{display:flex}@media (max-width:400px){html{font-size:6px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}*{box-sizing:border-box}.app{background-image:url(/static/media/backgroundRate.cad722545e263e631a0d.webp);background-size:contain}.main{display:flex;flex-direction:column;flex-wrap:wrap-reverse;margin-left:auto;margin-right:auto;max-width:85rem;min-height:100vh;padding:8rem 3rem}@media (max-width:1160px){.lists{flex-direction:column-reverse}.album-list{display:block}.album-list,.selects{margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:fit-content}.artists{margin-left:4rem;margin-right:4rem}}.album,.lists{display:flex;justify-content:space-between}.album{border:1px solid #0000000f;border-radius:15px;box-shadow:0 4px 16px #0000001a;gap:1rem;max-width:55rem;padding:1.5rem 2rem;position:relative;transition:box-shadow .3s ease,transform .3s ease;z-index:2}.album:hover{box-shadow:0 6px 20px #00000026}.album-whole{margin-bottom:2rem}.album-cover{border:2px solid #ffffff80;border-radius:8px;box-shadow:0 6px 16px #0003;height:17rem;object-fit:cover;width:17rem}.album-info{display:flex;flex-direction:column;height:120%;justify-content:space-around}.album-title{font-family:sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.015em;text-rendering:optimizeLegibility}.album-artist{font-family:Boogaloo,system-ui;font-size:1.2rem;font-weight:400;margin-left:.3rem;margin-top:-1rem;opacity:.8}.album-avg{border:none;border-radius:17px;box-shadow:0 4px 12px #0000002e;display:block;font-family:Boogaloo,system-ui;font-size:3rem;margin-bottom:3rem;padding:.4rem .8rem;width:-webkit-fit-content;width:fit-content}.album-avg,.errow{font-weight:700;margin-left:3rem}.errow{align-self:center;cursor:pointer;font-size:5rem;margin-right:3.5rem;text-shadow:1px 1px 2px #0000001a;transition:transform .2s ease,opacity .2s ease}.errow:hover{opacity:.8;transform:scale(1.1)}.artists{margin-bottom:6rem}.artists-title{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;border-bottom:3px solid #000;font-size:3rem;font-weight:400;letter-spacing:-.01em;margin-bottom:2rem;margin-top:0;text-align:center;text-shadow:1px 1px 0 #0000001a}.artist-name,.artists-title{font-family:Boogaloo,system-ui}.artist-name{display:flex;font-size:1.8rem;gap:2rem;justify-content:space-between;margin:.5rem 0;text-rendering:optimizeLegibility}.artist-rating{-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#000;text-shadow:1px 1px 2px #00000014}.footer{background-color:#fff;border-top:3px solid #e5e7eb;box-shadow:0 -2px 10px #00000008}.footer-container{margin:0 auto;max-width:1280px;padding-bottom:2rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.footer-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.footer-container{padding-left:2rem;padding-right:2rem}}.footer-bottom{align-items:center;display:flex;flex-direction:column;padding-top:2rem}@media (min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-links{display:flex;flex-wrap:wrap;font-size:1.5rem;gap:1rem;justify-content:center;list-style:none;margin:0;padding:0}.footer-links p{color:#6b7280;font-weight:500;text-decoration:none;transition:opacity .2s,color .2s}.footer-links p:hover{color:#374151;opacity:.75}.footer-socials{display:flex;gap:1.5rem;justify-content:center;list-style:none;margin-top:2rem;padding:0}@media (min-width:640px){.footer-socials{margin-top:0}}.footer-socials a{color:#374151;transition:opacity .2s,transform .2s}.footer-socials a:hover{opacity:.75;transform:translateY(-2px)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:1.5rem;width:1.5rem}@property --hue{syntax:"<angle>";inherits:true;initial-value:180deg}@keyframes rotateHue{0%{--hue:180deg}25%{--hue:360deg}to{--hue:180deg}}select{-webkit-font-smoothing:antialiased;-webkit-appearance:none;appearance:none;font-family:Boogaloo,sans-serif;font-weight:400;margin-bottom:4rem;margin-left:2rem;text-rendering:optimizeLegibility;@supports ((-webkit-appearance:base-select) or (appearance:base-select)){&,&::picker(select){animation:rotateHue 10s infinite;-webkit-appearance:base-select;appearance:base-select}}}select{align-items:center;background:#eaecea url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") right .9375rem center /1.25rem no-repeat;border:.25rem solid #1d201d;border-radius:.9375rem;box-shadow:0 2px 6px #0000001a;color:#000;cursor:pointer;display:flex;justify-content:space-between;min-width:18.75rem;padding-block:.625rem;padding-inline:1.25rem 1.875rem;transition:transform .15s ease,box-shadow .15s ease;@supports ((-webkit-appearance:base-select) or (appearance:base-select)){background-image:none;padding-inline:1.25rem;img{line-height:1;width:1.875rem}&::picker-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");content:"";height:1.25rem;transition:rotate .2s ease-out;width:1.25rem}&:open::picker-icon{rotate:180deg}&::picker(select){transition-behavior:allow-discrete;background:#eaecea;border:.25rem solid #1d201d;border-radius:.625rem;box-shadow:0 4px 12px #00000026;font-weight:semi-bold;height:0;margin-top:.3125rem;opacity:0;overflow:clip;padding:0;transition:height .5s ease-out,opacity .5s ease-out,overlay .5s,display .5s}&:open::picker(select){height:calc-size(auto,size);opacity:1;overflow:auto;@starting-style{height:0;opacity:0}}option{align-items:center;border-top:.0625rem solid #999;cursor:pointer;display:flex;gap:.625rem;padding:.625rem;transition:background .15s ease,font-weight .15s ease;&:where(:hover,:focus,:active){background:#c7ccc7;font-weight:700}&:checked{background:#50c878;color:#fff;font-weight:700}&::checkmark{display:none}}selectedcontent{align-items:center;display:flex;gap:.625rem}}}select:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}select:active{transform:translateY(0)}
/*# sourceMappingURL=main.ed615708.css.map*/