body{--background-color: rgb(49, 49, 49);background-color:var(--background-color)}#root,body,html{font-family:Roboto Mono;color:#fff;display:flex;flex-direction:column}#root,body,html{height:100%}button,input{font:unset;border:unset;padding:unset;color:unset;background:unset}input{background-color:#131313;border-radius:.33em}input:focus{background-color:#2d2d2d}button,.button-like{padding:.33em;border-radius:.25em;height:fit-content}button:hover{background-color:#4e4646}._green_d25kc_1{background-color:#378537}._blue_d25kc_5{background-color:#435e71}._red_d25kc_9{background-color:#694343}._grey_d25kc_13{background-color:#2b4442}._overlay_d25kc_17{position:fixed;right:10px;bottom:10px;display:flex;align-items:flex-end;flex-direction:column;justify-content:flex-end;pointer-events:none;gap:5px;max-height:100%;z-index:3000}._close_d25kc_31{display:flex;flex-direction:row-reverse}._card_d25kc_36{pointer-events:all;min-width:200px;max-width:400px;border-radius:5px}._card_d25kc_36._closing_d25kc_44{animation:_toast-out_d25kc_1 .2s ease-in forwards}@keyframes _toast-out_d25kc_1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}._close_d25kc_31 button{background-color:unset;line-height:1em}._body_d25kc_64{margin-inline:10px;margin-block:5px;font-size:1.2rem}._body_d25kc_64 a{color:#8f8f8f}._ellipsis_hvfae_1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}._page_hvfae_9{display:flex;flex-direction:column;flex-grow:1;min-width:80%;max-width:100%;margin:0 auto}._dropdown_hvfae_18{display:flex;flex-direction:column;position:relative;background-color:#404040;padding:5px;border-radius:5px}._dropdown_hvfae_18>button,._dropdown_hvfae_18>a{display:flex;padding:.33em;border-radius:.25em;height:fit-content}._dropdown_hvfae_18 a:hover,._dropdown_hvfae_18 button:hover{background-color:#4e4646;text-decoration:none;cursor:default}button._selected_hvfae_43{background-color:#494949}button._selected_hvfae_43:hover{background-color:#9e9e9e;color:#000}button._disabled_hvfae_52,button._disabled_hvfae_52:hover{color:gray;background-color:#3d3d3d}._header_hvfae_57{padding:1em;display:flex;justify-content:space-around}._buttonBar_hvfae_63{display:flex;align-items:center;width:100%}._buttonBar_hvfae_63 button,._buttonBar_hvfae_63 a{flex-grow:1;flex-shrink:0}._confirmBox_hvfae_73{min-width:50vw;max-width:500px}._page_rapz7_2{display:flex;flex-direction:column;align-items:center;padding:1em;margin-inline:4em;margin-block-end:1em;gap:1em;min-width:80%;max-width:100%}@media(max-width:700px){._page_rapz7_2{margin:0;padding-inline:0}}._form_k1zy8_2{--grid-template-columns: minmax(200px, auto) 1fr;display:grid;grid-template-columns:var(--grid-template-columns);column-gap:20px;row-gap:15px;align-items:center;max-width:600px;margin:0 auto}._fieldColumn_k1zy8_13{display:flex;flex-direction:column;justify-content:center}._field_k1zy8_13{display:flex;flex-direction:column;width:250px}._errorColumn_k1zy8_25{display:flex;align-items:center}._errorBox_k1zy8_31{text-align:left;border-radius:.33em;padding-block:.33em;padding-inline:.66em;background-color:#481010;list-style-position:inside;font-size:.85em}._formGroup_k1zy8_42{display:flex;flex-direction:column;align-items:center;width:100%}._submit_k1zy8_49{grid-column:1 / -2;margin-top:10px;padding:10px}@media(max-width:700px){._form_k1zy8_2{--grid-template-columns: minmax(200px, auto);justify-items:center;box-sizing:border-box}._submit_k1zy8_49{width:100%}}#root{font-family:Roboto Mono;color:#fff}#login-page{display:flex;justify-content:center;flex-grow:1;align-items:center}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}body{margin:0}form *{font-family:inherit}input{line-height:1em;padding:.33em}form{display:flex;flex-direction:column;gap:1em;align-items:flex-start;padding:1em}.login-box{width:fit-content;background-color:#171717;border-radius:1em;outline:white solid 1px}.login-message{background-color:#2a0077;border-radius:.5em;font-weight:700;font-style:italic;width:fit-content;padding:.5em}.navbar{position:sticky;top:0;background-color:#242424;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:10px 10%;z-index:1000}.left-nav,.right-nav{display:flex;gap:30px}.login-buttons{display:flex;flex-direction:row}.logo-link{flex-shrink:1;font-size:2em}.logo-link:hover{text-decoration:none}.button-bar{gap:1em;display:flex;justify-content:center;align-items:center}.menuDropdown{position:absolute;top:100%;left:0;width:100%;z-index:2000;box-sizing:border-box}.loginDropdown{background-color:#162020;font-size:.9em}.page-buttons{display:flex;flex-direction:row}.page-container{display:flex;flex-direction:column;align-items:center;width:100%;gap:1em}._header_t69py_2{display:flex;align-items:center;flex-direction:row;width:100%}._infoBox_t69py_8{margin:1em;display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%;container-type:inline-size}._title_t69py_18{font-size:min(10cqi,4em);font-weight:700}._metadata_t69py_23{display:flex;gap:.5em}._cover_t69py_29{flex-shrink:0;aspect-ratio:1 / 1;width:300px;border-radius:2%;overflow:hidden}._cover_t69py_29 img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:900px){._header_t69py_2{flex-direction:column}._metadata_t69py_23{flex-wrap:wrap}._title_t69py_18{font-size:10cqi}}._header_9e0i4_2{border-bottom:2px solid white;text-shadow:.25em .25em 1em black}._header_9e0i4_2:hover{background:unset}._table_9e0i4_10{width:100%}._row_9e0i4_14{gap:1em;box-sizing:border-box;padding-inline:1em;padding-block:.66em;border-radius:.25em;display:grid;grid-template-columns:var(--grid-template-columns);align-items:center}._row_9e0i4_14:hover{background:#2f4f4f}._info_9e0i4_30{display:flex;align-items:center}._info_9e0i4_30 button{display:none;position:absolute;background:none;cursor:pointer}._addButton_9e0i4_42{left:-2em}._infoButton_9e0i4_46{right:-.66em}._row_9e0i4_14:hover ._info_9e0i4_30 button{display:block}._column_9e0i4_54{position:relative}._column_9e0i4_54[data-hidden=true]{display:none}._performerList_9e0i4_63{font-size:.9em}._performerList_9e0i4_63 a{font-weight:400;color:#9e9e9e}._creditsBox_9e0i4_72{padding:20px;box-sizing:border-box;border-radius:5px;min-width:400px}._creditsBox_9e0i4_72 a{color:#9e9e9e}._creditsBox_9e0i4_72 h2{margin-block:.25em}._creditsBox_9e0i4_72 h3{font-weight:500;margin:0;margin-block:.25em;padding:0}@media(max-width:800px){._info_9e0i4_30 ._infoButton_9e0i4_46{display:block}._row_9e0i4_14:hover ._info_9e0i4_30 ._addButton_9e0i4_42{display:none}}.playlist-component{display:flex;flex-direction:row;align-items:center;padding:1em}.playlist-scrollbox{gap:.33em;min-height:40vh;display:flex;flex-direction:column;padding:.25em;outline:solid white 1px;border-radius:.25em}.adder-box{min-width:400px;max-width:40vw;background-color:#242222;border-radius:1em;padding:1em;display:flex;flex-direction:column}.selected{background-color:#5b5b5c}.adder-box>input{background-color:#393939;border-radius:.25em;margin-block-end:1em}.backdrop{top:0;left:0;position:fixed;width:100%;height:100%;background-color:#0d0d0dca;display:flex;justify-content:center;align-items:center}._table_13qnq_1{display:inline-grid;grid-template-columns:repeat(auto-fit,220px);gap:.33em;padding:.33em;width:100%;justify-content:center;box-sizing:border-box}@media(max-width:600px){._table_13qnq_1{grid-template-columns:1fr 1fr}}._card_1hpsf_1{background-color:#1f1f1f;display:flex;flex-direction:column;border-radius:3%;padding:.5em;min-width:180px;max-width:220px;overflow-y:auto;height:fit-content}._card_1hpsf_1:hover{background-color:#363636;text-decoration:none}._card_1hpsf_1:hover ._title_1hpsf_19{text-shadow:2px 2px 3px black}._cover_1hpsf_24{margin-block-end:.5em;flex-shrink:0;aspect-ratio:1 / 1;width:100%;border-radius:2%;overflow:hidden}._cover_1hpsf_24 img{width:100%;height:100%;object-fit:cover;display:block}._meta_1hpsf_41{display:flex;justify-content:center;flex-direction:column;flex-shrink:0}._meta_1hpsf_41 *:not(._title_1hpsf_19){color:#789}._meta_1hpsf_41 a{display:block}._title_1hpsf_19{font-size:1.5em;color:#fff}._title_1hpsf_19:hover{text-decoration:none}@media(max-width:600px){._card_1hpsf_1{max-width:unset;min-width:150px}}._card_bie6i_1{background-color:#171719}._card_bie6i_1:hover{background-color:#222121}*._card_bie6i_1:hover{text-decoration:none}._gradient01_bie6i_13{background:linear-gradient(20deg,#3f3f3f,#241919)}._darkGrey_bie6i_17{background-color:#242424}.artist-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,220px));gap:.33em;background:linear-gradient(20deg,#3f3f3f,#241919);outline:solid white 1px;padding:.33em;border-radius:.5em;width:100%;justify-content:center;box-sizing:border-box}.artist-card{background-color:#1f1f1f;display:flex;flex-direction:column;align-items:center;border-radius:1em;padding:1em;max-width:220px;min-width:140px;overflow-y:auto}.artist-card:hover{background-color:#363636;text-decoration:none;text-shadow:2px 2px 3px black}.artist-image{margin-block-end:1em;flex-shrink:0;aspect-ratio:1 / 1;width:100%;border-radius:50%;overflow:hidden}.artist-image img{width:100%;height:100%;object-fit:cover;display:block}.meta{display:flex;justify-content:center;width:100%;flex-shrink:0}.artist-name{font-size:1.25em}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}@media(max-width:600px){.artist-card{max-width:unset;min-width:unset}.artist-table{grid-template-columns:1fr 1fr}}._profileImage_1x94a_1{flex-shrink:0;aspect-ratio:1 / 1;max-width:20cqi;min-width:200px;border-radius:50%;overflow:hidden}._profileImage_1x94a_1 img{width:100%;height:100%;object-fit:cover;display:block}._header_1x94a_18{padding-inline:10%;display:flex;flex-direction:row;align-items:flex-end;align-content:flex-start;gap:1em}._header_1x94a_18 h1{line-height:0;font-size:8rem;margin:0}._top_1x94a_33{width:100%;container-type:inline-size}._metadata_1x94a_38{display:flex;container-type:inline-size;width:100%}._name_1x94a_44{display:inline;font-size:max(10cqi,3rem);font-weight:700}@media(max-width:700px){._header_1x94a_18{flex-wrap:wrap;justify-content:center}._name_1x94a_44{font-size:10cqi}._metadata_1x94a_38{justify-content:center}}._header_ltqxx_1{display:flex;align-items:center;justify-content:space-between;padding-inline:10%}._list_ltqxx_7{padding:1em;display:grid;grid-template-columns:repeat(6,1fr);gap:1em;overflow-x:auto;border-radius:.66em}._container_ltqxx_16{width:100%;overflow-x:auto}#profile-page{display:flex;flex-direction:column;flex-grow:1;min-width:80%;max-width:100%;margin:0 auto}#profile-header{padding-block:1em;padding-inline:1.33em;background:linear-gradient(20deg,#3f3f3f,#241919);border-radius:1em;container-type:inline-size;width:100%}.profile-username{font-size:min(10em,10cqi);font-weight:700}.profile-meta{display:flex;gap:2em}#profile-playlists{width:100%}#profile-playlists>*{padding:1em;margin-block:1em;background-color:#1f1f1f;border-radius:1em}.playlistlist-header{font-size:1.5em;font-weight:700;padding-inline:1em;padding-block-end:.5em;display:flex;justify-content:space-between}.playlistlist{display:flex;flex-direction:row;gap:1em;overflow-x:auto}a.playlist-card{background-color:#171719;flex-shrink:0;display:flex;flex-direction:column;align-items:center;border-radius:1em;padding:1em;width:220px;overflow-y:auto}a.playlist-card:hover{text-decoration:none;background-color:#222121}.card{display:flex;flex-direction:column;align-items:center;background-color:#171719;border-radius:.33em;outline:solid white 1px;padding:.66em;width:220px;box-sizing:border-box}.card:hover{background-color:#222121}a.card:hover{text-decoration:none}.card-table{display:inline-grid;gap:.66em;grid-template-columns:repeat(auto-fit,220px);justify-content:center;width:100%}.options-table{display:flex;align-items:center;justify-content:center;gap:1em;flex-direction:row}.order-button{display:flex;justify-content:space-between;gap:1em}#playlists-header{display:flex;justify-content:space-around;align-items:center;gap:2em;flex-wrap:wrap}#playlist-adder-box{max-width:40vw;background-color:#242222;border-radius:1em;padding:1em;display:flex;flex-direction:column}._infoBox_1uz47_1{margin:1em;display:flex;flex-direction:column;justify-content:center;align-items:baseline;width:100%;gap:1em;flex-wrap:wrap;container-type:inline-size}._header_1uz47_13{display:flex;flex-direction:row;align-items:center}._title_1uz47_19{font-size:min(4em,10cqi);font-weight:700}._metadata_1uz47_24{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em}._metadata_1uz47_24>div{display:flex}._landing_teafq_1{font-size:min(1.5em,4rem);text-align:center;display:flex;flex-direction:column;gap:1em;white-space:nowrap;align-items:center}._landing_teafq_1 a{display:flex;flex-direction:column;gap:1em;align-items:center}._container_teafq_19{display:flex;flex-direction:row;-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 50%,transparent 100%);mask-image:linear-gradient(to right,black 50%,transparent 100%)}._wrapper_teafq_32{height:auto;width:300px;height:300px;margin-inline:-75px;z-index:calc(10 - var(--i))}._wrapper_teafq_32:first-child{margin-left:0}._wrapper_teafq_32:last-child{margin-right:0}._container_teafq_19 img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}._landing_teafq_1 a:hover{text-shadow:2px 2px 2px black}._album_teafq_62{border-radius:2%}._artist_teafq_67{border-radius:50%}._wrapper_teafq_32{overflow:hidden}@media(max-width:1000px){._wrapper_teafq_32{margin:0 -100px}}@media(max-width:800px){._landing_teafq_1>h2{font-size:4vw}._container_teafq_19{flex-direction:column;-webkit-mask-image:linear-gradient(to top,rgb(0,0,0) 25%,transparent 100%);mask-image:linear-gradient(to top,black 25%,transparent 100%)}._wrapper_teafq_32{margin:-100px 0;z-index:auto}._wrapper_teafq_32:first-child{margin-top:0}._wrapper_teafq_32:last-child{margin-bottom:0}}