a.album-card{background:var(--main-bg-black);color:var(--main-white);border-radius:1.2rem;padding:.6rem;text-decoration:none}a.album-card:hover{background:var(--main-dark)}.album-card .album-name{background-color:initial;margin:.4rem}.album-card .album-jacket{aspect-ratio:1;object-fit:cover;background-color:var(--main-white);border-radius:.6rem;width:100%}.album-card div.album-jacket{color:var(--main-bg-black);background-color:var(--main-gray);place-items:center;font-size:1rem;display:grid}.album-grid{grid-template-columns:repeat(auto-fill,10rem);justify-content:center;gap:0;margin-bottom:1rem;display:grid}@media (width<=320px){.album-grid{grid-template-columns:repeat(2,1fr)}}.album-grid h2{grid-column:1/-1;margin:.6rem;font-size:1.6rem}.player{background:var(--main-dark);color:var(--main-white);box-sizing:border-box;border-radius:.6rem;margin:.6rem;padding:1rem;position:fixed;bottom:0;left:0;right:0}.player *{background:inherit}.player .title-props,.player .play-props{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.player .title-props{margin-bottom:.6rem}.play{justify-content:center;align-items:center;line-height:0;display:inline-flex}.player button{cursor:pointer;appearance:none;background-color:#0000;border:none;outline:none;padding:0}.slider-hitbox{width:100%}.custom-slider{appearance:none;touch-action:none;--progress:0;background:0 0;outline:none;width:100%;height:32px}.custom-slider::-webkit-slider-runnable-track{transform-origin:50%;background:linear-gradient(to right, var(--main-white) calc(var(--progress) * 100%), var(--main-gray) calc(var(--progress) * 100%));border-radius:2px;height:4px;transition:transform .2s}.custom-slider.dragging::-webkit-slider-runnable-track{transform:scaleY(2)}.custom-slider::-moz-range-track{background:var(--main-gray);border-radius:2px;height:4px}.custom-slider::-moz-range-progress{background:var(--main-white);border-radius:2px;height:4px}.custom-slider.dragging::-moz-range-track{transform-origin:50%;transform:scaleY(2)}.custom-slider.dragging::-moz-range-progress{transform-origin:50%;transform:scaleY(2)}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--main-white);opacity:0;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:opacity .1s;transform:scaleY(.5)}.custom-slider.dragging::-webkit-slider-thumb{opacity:1}.custom-slider::-moz-range-thumb{background:var(--main-white);opacity:0;border:none;border-radius:50%;width:14px;height:14px;transform:scaleY(.5)}.custom-slider.dragging::-moz-range-thumb{opacity:1}.album-page{place-content:center;place-items:center;padding:2rem 1rem 1rem;display:grid}.album-page img{background-color:var(--main-white);border-radius:1rem;width:100%;max-width:300px}.track-grid{border-bottom:1px solid var(--main-gray);grid-template-columns:repeat(auto-fill,max(300px,100%));justify-content:center;gap:0;width:100%;margin-bottom:1rem;display:grid}.track{border-top:1px solid var(--main-gray);padding:1rem}.track:hover,.track:active{color:var(--main-active);background-color:var(--main-dark)}header{--charlotteace-theme:#1c4d8c;background-color:var(--charlotteace-theme);width:100%;margin-bottom:4px;padding:1rem 0}header div{background-color:#0000;width:auto}div#header-wrapper{grid-template-columns:repeat(auto-fill,10rem);justify-content:center;gap:0;padding:0;display:grid}@media (width<=320px){div#header-wrapper{grid-template-columns:repeat(2,1fr)}}header div#header-wrapper div{grid-column:1/-1;padding-left:8px}div#header-wrapper p{grid-column:1/-1;padding:8px}header div#header-wrapper div#title{margin-bottom:4px}header div#header-wrapper div#title a{font-size:24px;font-weight:700;text-decoration:none}header div#header-wrapper div#subtitle a{font-size:16px;text-decoration:none}header div#header-wrapper div#title a:hover,header div#header-wrapper div#title a:focus,header div#header-wrapper div#title a:active,header div#header-wrapper div#subtitle a:hover,header div#header-wrapper div#subtitle a:focus,header div#header-wrapper div#subtitle a:active{text-decoration:underline}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}*{--main-bg-black:#0f0f0f;--main-dark:#303030;--main-gray:#b0b0b0;--main-white:white;--main-active:aquamarine;background-color:var(--main-bg-black);color:var(--main-white);font-family:sans-serif;font-size:16px}.footer{text-align:center;padding:1rem}.footer,.footer a{color:var(--main-gray);font-size:12px}.footer a:hover{color:var(--main-white)}
