@import url(https://fonts.googleapis.com/css2?family=Geologica:wght@100;200;300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.spotify-page{align-content:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:stretch;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.spotify-page,.spotify-page *{font-family:var(--main-font)}.content{align-self:stretch;display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;flex-wrap:wrap;justify-self:stretch;margin:0 0 1em}.content.mobile{align-content:stretch;align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:stretch;justify-items:stretch;padding:0 .5em}.content.desktop{align-content:start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:50px;padding:0 1em}.section.desktop:last-child{justify-self:stretch}.page-title{align-self:flex-start;color:var(--background-body-text);flex-grow:1;flex-shrink:1;font-size:24pt;font-weight:100;justify-self:start;padding:0 0 0 .5em;text-transform:uppercase}.page-title.desktop{letter-spacing:.2ch;margin:1em 0 .5em;padding:0 0 0 1em;text-transform:uppercase}.page-title.mobile{font-size:24pt;font-weight:100;letter-spacing:.15ex;text-transform:uppercase}.section{background-color:var(--background-section);border-radius:var(--section-radius);box-shadow:var(--content-shadow);color:(--text-main);display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;flex-wrap:nowrap;justify-self:stretch}.section h1,.section h2,.section h3{color:var(--text-header);font-weight:200}.section h2{font-size:20pt}.section.desktop{align-self:self-start;border-left:1em solid var(--background-body-darker);margin:1ex;padding:1ex 3ex 2ex}.section.mobile{align-self:stretch;margin:1ex 2ex;padding:1ex 3ex}.section.mobile:last-child{margin:1ex 2ex 4ex}.section.informational li,.section.informational p{font-weight:300}.section.informational li{padding:.5ex 2em .5ex 0}.main-menu{background-color:var(--background-body-darker);display:flex}.main-menu,.main-menu>button{border-radius:0;margin:0;padding:0}.main-menu.mobile{background-color:var(--background-body-bright);box-shadow:0 0 8px 0 var(--shadow);flex-direction:column;flex-wrap:nowrap}.main-menu.desktop{box-shadow:inset 0 -8px 8px -8px var(--shadow)}.tab-toggle-bar{border-radius:0;display:flex;height:auto;margin:0;overflow:hidden}.tab-toggle-bar.mobile{align-content:stretch;background-color:var(--background-body-darker);flex-direction:column;flex-grow:1;flex-shrink:1;flex-wrap:nowrap;justify-content:stretch}.tab-toggle-bar.desktop.hidden,.tab-toggle-bar.mobile.hidden{height:0}.tab-toggle-bar.desktop.visible,.tab-toggle-bar.mobile.visible{flex-grow:1;flex-shrink:1;height:auto}.tab-toggle{background-color:initial;border:none;border-radius:0;box-shadow:none;color:var(--text-main-contrast);display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;flex-wrap:nowrap;font-family:Geologica,sans-serif;font-size:11pt;font-weight:300;justify-content:center;justify-items:center;margin:0;min-width:none;outline:none;padding:.25em;text-align:left;transition-duration:.15s}.tab-toggle.mobile{padding:.5em 0 .5em 2em}.tab-toggle.desktop{padding:calc(.25em + .5ch) 0;text-align:center}.tab-toggle.mobile:first-child{margin-top:1em}.tab-toggle.mobile:last-child{margin-bottom:1em}.tab-toggle.inactive{box-shadow:none}.tab-toggle.mobile.active{background-color:var(--background-body);border-left:.5em solid var(--primary);color:var(--background-body-text);font-weight:800}.tab-toggle.active.desktop{border-top:.5ch solid var(--primary);box-shadow:inset 0 0 0 100px var(--background-body);color:var(--background-body-text);font-weight:800;padding:calc(.25em + .5ch) 0 .25em}.tab-icon *{fill:var(--background-body-bright);flex-grow:1;flex-shrink:1;height:1.5em;margin:0;padding:0}.tab-toggle.active>.tab-icon *{fill:var(--background-body-text)}.tab-icon{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;justify-items:center}.section.track-information{display:flow-root;flex-grow:0;flex-shrink:0}.section.track-information,.track-information-background{border-radius:var(--section-radius);overflow:hidden;padding:0;position:relative}.track-information-background{background-position:50%;background-repeat:none;background-size:cover;-webkit-filter:saturate(.8) brightness(.6) blur(50px);filter:saturate(.8) brightness(.6) blur(50px);height:100%;margin:0;width:100%}.track-info{align-content:space-evenly;border-radius:var(--section-radius);flex-grow:1;flex-shrink:1;height:100%;justify-content:space-evenly;padding:3vmin;position:relative;top:-100%;z-index:3}.track-data.main-data,.track-info{display:flex;flex-direction:column}.track-data.main-data{align-content:center;color:#fff;flex-wrap:nowrap;justify-content:center}.track-data.main-data .title-artists{align-self:stretch;flex-grow:2;flex-shrink:1;justify-self:stretch}.track-data.main-data .title-artists>*{justify-self:left;max-width:50ex;overflow-wrap:normal}.album-image-frame,.track-data.main-data .main-meta{flex-grow:1;flex-shrink:1}.album-image-frame{align-content:center;display:flex;justify-content:center;justify-self:flex-start;margin:1vmin 3vmin}.album-image{align-self:center;border-radius:var(--section-radius);max-width:200px;text-align:center}.track-data.detail-data{background-color:var(--background-section);border-radius:var(--section-radius);display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;padding:.5em}.track-data.detail-data :not(h2){margin-block:.7ch}.track-data.detail-data h2{-webkit-margin-start:1em;-webkit-margin-end:auto;margin-block:1em 1em;margin-inline-end:auto;margin-inline-start:1em}.quick-tracklist-labels{background-color:var(--text-main)}.content>.grid-chunk{flex-grow:1;flex-shrink:1}.content>.grid-chunk,.section.meta-card{align-self:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;justify-self:stretch}.section.meta-card{align-content:stretch;flex-grow:0;flex-shrink:0;justify-content:stretch;padding-bottom:2ch;padding-top:2ch}.section.meta-card a{align-content:center;align-items:center;align-self:center;display:flex;flex-grow:0;flex-shrink:0;justify-content:center;justify-items:center;justify-self:center;text-align:center}.section.meta-card img{border-radius:var(--section-radius);flex-grow:0;flex-shrink:0;object-fit:cover}.desktop .section.meta-card img{max-height:350px;max-width:350px}.mobile .section.meta-card img{max-height:200px;max-width:200px}.section.meta-card p:not(.id-tag){font-size:11pt;font-weight:400;margin-bottom:0;margin-top:.5ch;text-align:center}.section.meta-card>p:first-of-type:not(.id-tag){color:var(--text-header);font-size:14pt;font-weight:500;margin-bottom:0;margin-top:1ch;text-align:center}.id-tag{align-content:center;align-self:center;border-radius:var(--section-radius);color:var(--accent-darker);display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;flex-wrap:nowrap;font-size:10pt;height:-webkit-min-content;height:min-content;justify-content:right;justify-items:right;padding:0;text-align:right;width:-webkit-min-content;width:min-content}.id-tag,.id-tag>p{align-items:center;margin:0}.id-tag>p{background-color:color-mix(in srgb,var(--accent),#0000 60%);border-bottom-left-radius:var(--section-radius);border-top-left-radius:var(--section-radius);flex-grow:1;flex-shrink:1;height:16px;justify-items:center;padding:1px .5ch 3px}.id-tag>div{display:flex;flex-direction:row;flex-wrap:nowrap;padding:0}.id-tag>div,.id-tag>div>*{flex-grow:0;flex-shrink:0;justify-self:flex-end;margin:0}.id-tag>div>*{fill:var(-accent-contrast);align-self:center;background-color:var(--accent);height:16px;padding:2px;transition-duration:.1s;width:16px}.id-tag>div>:last-child{border-bottom-right-radius:var(--section-radius);border-top-right-radius:var(--section-radius)}.id-tag>div>:hover{background-color:var(--accent-highlight);opacity:80%}.id-tag>div>:active{background-color:var(--accent-shade);opacity:100%}.shape{fill-opacity:80%;stroke:var(--text-main);stroke-width:1px;stroke-opacity:60%;transition:.3s}.scale{stroke:var(--text-main);fill:var(--text-main);fill-opacity:0;stroke-width:1px;stroke-opacity:40%}.axis{stroke:var(--text-main);stroke-width:2px;stroke-opacity:40%}.caption{fill:var(--text-main);font-family:Geologica;font-size:11pt}.radar-chart{align-content:center;align-items:center;align-self:center;background-color:var(--background-white);border-radius:calc(var(--section-radius)*2);display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap;justify-content:center;justify-self:center;margin:1em;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.radar-chart.mobile{margin:1em 0}.radar-chart .chart-meta{display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;flex-wrap:nowrap;height:-webkit-min-content;height:min-content;padding:1em}.radar-chart h3{margin:0;padding:1ch 0 0;text-align:center}.radar-chart .chart-meta>p{border-radius:var(--section-radius);color:#000a;flex-grow:1;flex-shrink:1;font-size:10pt;margin:0 var(--section-radius);padding:calc(var(--section-radius)/2) var(--section-radius)}.section.track-features{align-content:stretch;align-items:stretch;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:stretch;justify-items:stretch}.quick-tracklist-label{border-radius:calc(var(--section-radius)*2);color:var(--background-white);font-weight:500;padding:calc(var(--section-radius)/2) calc(var(--section-radius)*2);text-align:center}.section.search-bar{align-content:center;align-items:center;display:grid;flex-grow:1;flex-shrink:1;justify-content:center;justify-items:center}.section.search-bar.mobile{align-self:stretch;grid-template-areas:"a" "b" "c" "d" "e";grid-template-columns:1fr;justify-self:stretch}.section.search-bar.desktop{align-self:stretch;flex-grow:0;flex-shrink:0;grid-template-areas:"a a" "b c" "d d" "e e";grid-template-columns:.8fr .2fr;grid-template-rows:-webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content;height:-webkit-min-content;height:min-content;justify-self:start;padding-top:1ch}.section.search-bar>input{border:none;border-radius:calc(var(--section-radius)*2);color:var(--text-inactive);grid-area:b;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-self:stretch;outline:none;padding:var(--section-radius) calc(var(--section-radius)*2)}.section.search-bar>input:focus-within{color:var(--main-text)}.section.search-bar>:first-child{align-content:center;align-items:center;display:flex;flex-wrap:nowrap;grid-area:a;justify-content:space-between;justify-self:left;text-align:left;width:100%}.section.search-bar.mobile>h2{justify-self:auto}.section.search-bar.mobile>input{margin:1ch 0 .5ch}.section.search-bar>button{grid-area:c;margin:0 1ch;width:-webkit-min-content;width:min-content}.section.search-bar.mobile>button{margin:1ch 0;width:100%}.section.search-bar>p{background-color:#7fffd4;flex-grow:1;flex-shrink:1;grid-area:d;height:-webkit-min-content;height:min-content;overflow:hidden;transition-duration:.25s}.section.search-bar>p.message{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.section.search-bar>p.no-message{height:0}.section.section.search-bar>div.inline-result-box{grid-area:e}.section.search-result{align-content:stretch;align-items:stretch;align-self:stretch;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:stretch;justify-items:stretch;justify-self:stretch}.section.search-result img{border-radius:var(--section-radius);max-height:50px;max-width:50px;object-fit:cover}.result-item{align-content:center;align-items:center;background:linear-gradient();border-radius:var(--section-radius);display:flex;flex-direction:row;margin:1vmin}.result-item img{border-radius:calc(var(--section-radius)*2);height:50px;margin:1em;object-fit:cover;width:50px}.recommendation-result{display:grid}.recommendation-result .result-card{background-color:var(--background-white);border-radius:calc(var(--section-radius)*2);box-shadow:var(--content-shadow);display:flex;flex-direction:column;flex-wrap:wrap;margin:calc(var(--section-radius)*2);padding:calc(var(--section-radius)*2)}.result-card .card-section{align-content:start;align-items:start;display:grid;grid-template-areas:"a b" "a c";justify-content:start;justify-items:start;margin:3px;text-align:left}.search-result table{background-color:var(--background-body)}.search-result table>*{background-color:#fff}.result-card .card-section .id-tag{align-self:flex-start;grid-area:c;margin:.25em}.result-card .card-section h3{grid-area:b;height:-webkit-min-content;height:min-content;margin:0;padding:0}.result-card .card-section img{grid-area:a;margin:auto .5em}.result-card .card-section h4{align-items:start;grid-area:a;margin:.25em .5em .25em .1em}.result-card .card-section div,.result-card .card-section h4{align-self:flex-start;height:-webkit-min-content;height:min-content}.result-card .card-section div{grid-area:c;margin:.2ex calc(var(--section-radius)/2)}.name-id{align-content:start;align-items:center;display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;flex-wrap:wrap;justify-content:start;justify-items:start;margin:0;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.name-id .id-tag,.name-id p{flex-grow:0;flex-shrink:0;margin:.2ex}.name-id p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.desktop .result.track{display:grid;grid-template-columns:80px .2fr -webkit-min-content -webkit-min-content;grid-template-columns:80px .2fr min-content min-content}.name-and-tag{display:flex;flex-direction:column;flex-wrap:nowrap}.name-and-tag>*{margin:0}.inline-result-box{align-content:stretch;align-items:stretch;display:flex;flex-direction:column;justify-content:stretch;justify-items:stretch}.inline-result-box,.inline-results{align-self:stretch;flex-grow:1;flex-shrink:1;justify-self:stretch}.inline-results{align-content:center;align-items:center;background-color:color-mix(in srgb,var(--background-white),var(--background-section));border-bottom:0 solid var(--background-body-shade);border-left-width:0;border-left:calc(var(--section-radius)*2) solid var(--background-body-shade);border-right:0 solid var(--background-body-shade);border-top-width:0;border-top:calc(var(--section-radius)/2) solid var(--background-body-shade);display:grid;grid-template-areas:"a b b" "a c c";justify-content:left;margin:0;padding:5px 0;transition-duration:80ms}.inline-results:first-child{border-top-left-radius:var(--section-radius);border-top-width:calc(var(--section-radius)/2)}.inline-results:last-child{border-bottom-left-radius:var(--section-radius);border-bottom-width:calc(var(--section-radius)/2)}.inline-results:hover{background-color:var(--background-white);border-left:solid calc(var(--section-radius)*2) var(--primary);transition-duration:80ms}.inline-results:active{background-color:var(--primary);transition-duration:.15s}.inline-results>img{border-radius:var(--section-radius);grid-area:a;height:50px;margin:0 10px 0 6px;width:50px}.inline-results>p{font-weight:300;grid-area:c;margin:0 1ex}.inline-results>p:first-of-type{font-weight:500;grid-area:b}.section.artist-information{display:flow-root;flex-grow:1;flex-shrink:1}.section.artist-information,.track-artist-background{border-radius:var(--section-radius);overflow:hidden;padding:0;position:relative}.track-artist-background{background-position:50%;background-repeat:none;background-size:cover;-webkit-filter:saturate(.8) brightness(.6) blur(50px);filter:saturate(.8) brightness(.6) blur(50px);height:100%;margin:0;width:100%}.artist-info{border-radius:var(--section-radius);flex-direction:row;flex-wrap:wrap;padding:3vmin;position:relative;top:-100%;z-index:3}.artist-image-frame,.artist-info{align-content:center;display:flex;flex-grow:0;flex-shrink:0;justify-content:center}.artist-image-frame{margin:1vmin 3vmin}.artist-image{align-self:center;border-radius:var(--section-radius);text-align:center}.artist-data.detail-data{background-color:var(--background-section);border-radius:var(--section-radius);display:flexbox;flex-direction:row;flex-grow:1;padding:2vmin}.section.artist-albums{align-items:stretch;flex-direction:column;padding:2vmin}.section.artist-albums h2{font-weight:600;padding-inline:2em}.album-card-partition{align-content:stretch;align-self:stretch;display:flex;flex-grow:1;flex-shrink:1;flex-wrap:wrap;gap:1ex;justify-content:stretch;justify-self:stretch;padding:2ex}.album-card{grid-column-gap:1ex;background-color:var(--background-white);border-radius:calc(var(--section-radius)*2);box-shadow:var(--content-shadow);-webkit-column-gap:1ex;column-gap:1ex;display:grid;flex-grow:1;flex-shrink:4;grid-template-areas:"a b" "a c" "a d";justify-content:left;max-height:-webkit-min-content;max-height:min-content;padding:1ex}.album-card img{border-radius:var(--section-radius)}.album-card>p{font-size:11pt;margin:0}.album-card>p:first-of-type{font-size:12pt;text-overflow:ellipsis}:root{--main-font:"Geologica",sans-serif;--accent-font:serif;--section-radius:4px;--electric:#cdf500;--limeade:#2cf50c;--limeade-dark:#2bf50c80;--dolly:#f518b1;--midnight:#2918f5;--sunny:#f5d10c;--background-body:#c9c8c6;--background-body-bright:#dfddd7;--background-body-shade:#b1ada7;--background-body-darker:#807a73;--background-body-text:#504a44;--background-body-darkest:#36342f;--background-section:#e9e6e2;--background-white:#f8f7f5;--background-input-inactive:#e0e0e0;--text-inactive:rgba(0,0,0,.5);--text-main:#000;--text-header:#6e6457;--text-main-contrast:#fff;--text-secondary:#555;--shadow:#092936c0;--button-background:var(--background-body);--button-contrast:var(--background-body-darkest);--button-shadow:var(--background-body-darker);--button-highlight:var(--background-body);--primary:#74cebc;--primary-shade:#559e90;--primary-darker:#000c;--primary-highlight:#a9e9dc;--primary-contrast:#000;--secondary:#d99ca1;--secondary-shade:#a87176;--secondary-darker:#000c;--secondary-highlight:#ecb5b9;--secondary-contrast:#000;--ternary:#9ed1e7;--ternary-shade:#5a889c;--ternary-darker:#000c;--ternary-highlight:#bbe0f0;--ternary-contrast:#000;--accent:#ecad83;--accent-shade:#ac734e;--accent-darker:#000c;--accent-highlight:#f5bd98;--accent-contrast:#000;--background-toggle-active:#d18bff;--shadow-toggle-active:#a250d8;--highlight-toggle-active:#e4bcff;--text-button-toggle-active:#35134d;--background-toggle-inactive:#bdaaca;--shadow-toggle-inactive:#6a5975;--highlight-toggle-inactive:#d9cde0;--text-button-toggle-inactive:#6a5975;--background-button-secondary:#ffa774;--shadow-button-secondary:#f16e22;--highlight-button-secondary:#ffa774;--text-button-secondary:#642d0d;--background-button-ternary:#cf49bd;--shadow-button-ternary:#86296a;--highlight-button-ternary:#ff6ecf;--text-button-ternary:#3d1030;--content-shadow:0px 4px 4px 0px #4446;--content-shadow-click:0px 1px 4px 0px #4446;--button-shadow-none:inset 0 0 0 0 #444,inset 0 0 0 0 #4446;--button-shadow-click:inset 0px 2px 4px -2px #444,inset 0px 2px 6px -2px #4444;--box-shadow-highlight:inset 0 0 0 100px #fff5;font-family:Geologica,sans-serif}body{background-attachment:fixed;background-color:#c9c8c6;background-color:var(--background-body);color:#000;color:var(--text-main)}button:not(.tab-toggle){background-color:var(--button-background);border:solid var(--button-shadow);border-radius:calc(var(--section-radius)*1.5);border-right-color:transparent;border-top-color:transparent;border-width:0 0 3px 2px;flex-grow:0;flex-shrink:0;height:-webkit-min-content;height:min-content;margin:10px;padding:var(--section-radius) calc(var(--section-radius)*2);transition-duration:.15s;transition-timing-function:linear;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button:not(.tab-toggle):hover{background-color:var(--button-highlight);transition-duration:.15s;transition-timing-function:linear}button:not(.tab-toggle):active{background-color:var(--button-shadow);transition-duration:.15s;transition-timing-function:linear}button.primary{background-color:var(--primary);border-color:var(--primary-shade);color:var(--primary-darker)}button.primary:hover{background-color:var(--primary-highlight);color:var(--primary-contrast)}button.primary:active{background-color:var(--primary-shade)}button.secondary{background-color:var(--secondary);border-color:var(--secondary-shade);color:var(--secondary-darker)}button.secondary:hover{background-color:var(--secondary-highlight);color:var(--secondary-contrast)}button.secondary:active{background-color:var(--secondary-shade)}button.ternary{background-color:var(--ternary);border-color:var(--ternary-shade);color:var(--ternary-darker)}button.ternary:hover{background-color:var(--ternary-highlight);color:var(--ternary-contrast)}button.ternary:active{background-color:var(--ternary-shade)}p.listable-item{background-color:var(--accent);border:solid var(--accent-shadow);border-radius:calc(var(--section-radius)*1.5);border-right-color:transparent;border-top-color:transparent;color:var(--accent-darker);flex-grow:0;flex-shrink:0;height:-webkit-min-content;height:min-content;margin:4px;padding:var(--section-radius) calc(var(--section-radius)*2);transition-timing-function:linear;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button.toggle-false,button.toggle-true{translate:0 0}button.toggle-true{background-color:var(--background-toggle-active)}button.toggle-true:hover{background-color:var(--highlight-toggle-active)}button.toggle-false:active,button.toggle-true:active{background-color:var(--background-toggle-active)}button.toggle-false{background-color:var(--background-toggle-inactive)}button.toggle-false:hover{background-color:var(--highlight-toggle-inactive)}ul.attributes{flex-wrap:wrap;text-align:center}.listed-attribute,ul.attributes{align-content:center;align-items:center;display:flex;justify-content:center;justify-items:center}.listed-attribute{border-radius:var(--section-radius);flex-direction:row;flex-grow:0;flex-shrink:0;flex-wrap:nowrap;font-size:10pt;margin:4pt;padding:4px}.listed-attribute.genre{background-color:var(--secondary-button-background)}.listed-attribute.track{background-color:var(--primary-button-background)}.listed-attribute.artist{background-color:var(--ternary-button-highlight)}.listed-attribute button.remove{background-color:initial;flex-grow:1;font-size:14pt;font-weight:900;margin:0 4px;padding:0;text-transform:lowercase}.listed-attribute p{margin:0 4px;padding:0;text-transform:capitalize}.selectable-attribute{color:var(--text-main);text-transform:capitalize}.section.desktop.user-shape{align-content:center;align-items:center;justify-content:space-around;justify-items:center}.section.desktop.user-shape,.top-items-list{display:flex;flex-direction:row;flex-wrap:wrap}.top-items-list{align-content:start;justify-content:start}.section.user-artists{display:flex;flex-direction:column}.section.user-artists.desktop li{font-size:12pt;font-weight:500;padding:.25ex}.section.user-artists.desktop .listable-item{font-size:11pt;font-weight:500}.section.desktop-user .section.user-shape.mobile{display:flex;flex-direction:column;justify-content:center;justify-items:center}.top-item.mobile{grid-template-areas:"a b" "c c";text-align:left}.top-item.desktop,.top-item.mobile{background-color:var(--background-white);border-radius:var(--section-radius);box-shadow:var(--content-shadow);display:grid;flex-grow:1;flex-shrink:1;grid-template-columns:8ex auto;grid-template-rows:.5fr .5fr;margin:.5ex;padding:.5ex 2ex}.top-item.desktop{flex-wrap:nowrap;grid-template-areas:"a b" "a c";min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.top-item>img{align-self:center;border-radius:calc(var(--section-radius));flex-grow:0;flex-shrink:1;grid-area:a;height:6ex;margin:.5ex 1ex .5ex 0;padding:0}.desktop .top-item>.id-tag,.mobile .top-item>.id-tag{flex-grow:0;flex-shrink:0;grid-area:c;height:-webkit-min-content;height:min-content;margin:0}.mobile .top-item>.id-tag{align-self:center;justify-self:center}.top-item>p{grid-area:b;text-align:left}.top-tracks.hidden{height:0;overflow:hidden;width:0}.top-tracks.desktop{align-content:center;flex-grow:1;flex-shrink:1;justify-content:space-evenly;justify-self:end;max-width:50%;overflow:auto}.currently-playing,.top-tracks.desktop{display:flex;flex-direction:row;flex-wrap:wrap}.currently-playing img{border-radius:var(--section-radius);margin:1ex;max-height:200px;max-width:200px;object-fit:cover}.currently-playing>.details{flex-grow:1;flex-shrink:1;padding:1ex}.currently-playing>.details p:first-child{font-size:larger;font-weight:500}.currently-playing>.details p:last-child{font-style:italic;opacity:60%}.log-out{border:.5ex solid #0008;box-shadow:var(--content-shadow);font-family:16pt;font-weight:900;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section.desktop .profile-img{max-height:200px;max-width:200px;object-fit:cover}.section.mobile .profile-img{border-radius:var(--section-radius);box-shadow:var(--content-shadow);max-height:120px;max-width:120px;object-fit:cover}.user-artists.mobile>.user-artists-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;justify-items:center}.user-artists.desktop>.user-artists-content{display:flex;flex-direction:row;justify-content:end}.user-artists.mobile .list-part{display:flex;flex-direction:column}.user-artists.mobile .genres-list{align-content:stretch;display:grid;grid-template-columns:auto auto;justify-content:stretch}.user-artists.desktop .genres-list{align-content:stretch;display:grid;grid-template-columns:repeat(4,auto);justify-content:stretch}.user-artists.mobile .genres-list>p{padding:var(--section-radius)}.user-artists.desktop .genres-list>p,.user-artists.mobile .genres-list>p{align-items:center;background-color:var(--background-white);border-radius:var(--section-radius);display:flex;flex-grow:1;flex-wrap:1;justify-content:center;margin:calc(var(--section-radius)/2);text-align:center}.user-artists.desktop .genres-list>p{padding:calc(var(--section-radius)*2)}.user-artists>.user-list{flex-direction:row;flex-wrap:wrap}.user-artists>.user-list,.user-artists>.user-list>.item{align-content:center;align-items:center;display:flex;justify-content:center;justify-items:center}.user-artists>.user-list>.item{flex-direction:column;flex-grow:1;flex-shrink:1;flex-wrap:nowrap;justify-self:center}.user-list>.item>:first-child{text-align:center}
/*# sourceMappingURL=main.5df5ac3d.css.map*/