@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Noto+Serif+HK:wght@200..900&display=swap";
.albumsurfer-root{background:#fff;transition:background .2s}.albumsurfer-root *{box-sizing:border-box;text-rendering:geometricPrecision;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-ms-overflow-style:none;scrollbar-width:none;margin:0;padding:0}.albumsurfer-root ::-webkit-scrollbar{display:none}.albumsurfer-root h1{font-optical-sizing:auto;letter-spacing:-.03em;font-family:Noto Serif HK,serif;font-size:32px;font-style:normal;font-weight:600}.albumsurfer-root h2{letter-spacing:-.025em;opacity:.6;font-size:24px;font-weight:600}.albumsurfer-root h2,.albumsurfer-root p{font-optical-sizing:auto;font-family:Manrope,serif;font-style:normal}.albumsurfer-root p{letter-spacing:-.01em;font-size:14px;font-weight:500}.albumsurfer-root .artist-name{color:#555;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 350px))}.albumsurfer-root .modal{color:#fff;perspective:1000px;background:#111;border:2px solid #666;border-radius:8px;width:500px;height:500px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2.1px 1.3px rgba(0,0,0,.024),0 4.7px 2.9px rgba(0,0,0,.035),0 7.8px 4.9px rgba(0,0,0,.047),0 11.8px 7.4px rgba(0,0,0,.055),0 17px 10.6px rgba(0,0,0,.06),0 24.1px 15.1px rgba(0,0,0,.067),0 34.2px 21.4px rgba(0,0,0,.075),0 49.6px 31px rgba(0,0,0,.082),0 76.5px 47.8px rgba(0,0,0,.094),0 136px 85px rgba(0,0,0,.12),inset 0 4.96px 31px rgba(255,255,255,.082),inset 0 7.6px 47.8px rgba(255,255,255,.094),inset 0 13px 85px rgba(255,255,255,.12)}.albumsurfer-root .image-container{z-index:1;flex-direction:column;justify-content:center;align-items:start;width:10%;height:calc(100% - 2px);transition:filter .1s;display:flex;position:absolute;top:0;left:0}.albumsurfer-root .image-container>div{aspect-ratio:1;justify-content:start;align-items:center;padding:1px 0;display:flex;position:relative}.albumsurfer-root .cover{object-fit:cover;border-radius:4px;height:100%}.albumsurfer-root .mark{opacity:0;object-fit:contain;pointer-events:none;transition:all .1s;position:absolute}.albumsurfer-root .albums-container{width:90%;height:100%;transform-style:preserve-3d;padding:0 64px;transition:transform .6s,filter .1s,width .1s;position:absolute;top:0;right:0;overflow:scroll}.albumsurfer-root .albums-wrapper{flex-direction:column;justify-content:stretch;align-items:start;gap:0;width:100%;height:100%;display:flex}.albumsurfer-root .album{flex-direction:column;width:100%;padding-top:64px;transition:gap .2s;display:flex}.albumsurfer-root .albums-wrapper .album:last-child{padding-bottom:64px}.albumsurfer-root .album h2{margin-bottom:12px}.albumsurfer-root .song{border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;gap:32px;width:100%;height:40px;display:flex}.albumsurfer-root .song p:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.albumsurfer-root .song p:first-child span:first-child{width:24px;display:inline-block}.albumsurfer-root span,.albumsurfer-root .song p:nth-child(2){color:rgba(255,255,255,.5)}