@import url(https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap);@import url(https://fonts.googleapis.com/css2?family=Expletus+Sans:ital,wght@0,400..700;1,400..700&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}:root{--color-background:#060606;--color-foreground:#fdfdfd;--primary:#2e4d46;--accent:#0acd9f;--heading-font:"Rock Salt",cursive;--body-font:"Expletus Sans",sans-serif;--accent-translucent:#0acd9f44;--foreground-translucent:#fdfdfd44;--paragraph:#696e6a;--theme-2:#a2ff44;--theme-4:#a7ffff;--theme-3:#455c45;--theme-1:#146f5e;--theme-5:#8b8b8b}::selection{background:#0acd9f;background:var(--accent);color:#fdfdfd;color:var(--color-foreground)}html{overflow-x:hidden;overflow-y:hidden;scroll-behavior:smooth;scrollbar-color:#0acd9f #060606;scrollbar-color:var(--accent) var(--color-background);scrollbar-width:thin}body{align-items:center;background-color:#060606;background-color:var(--color-background);color:#fdfdfd;color:var(--color-foreground);display:flex;flex-direction:center;font-family:Expletus Sans,sans-serif;font-family:var(--body-font);justify-content:center}header{height:100vh}h1{font-family:Rock Salt,cursive;font-family:var(--heading-font);font-size:54px;font-style:normal;font-weight:400;line-height:1.25;margin-bottom:0;text-align:center}h4{color:#2e4d46;color:var(--primary);font-size:24px;text-align:center}h2,h4{margin-left:12vw;margin-right:12vw}h2{font-family:Rock Salt,cursive;font-family:var(--heading-font);letter-spacing:4px;margin-top:8vh}li,p{color:#696e6a;color:var(--paragraph);font-size:20px;line-height:1.5;margin-left:12vw;margin-right:12vw;width:60%}a{color:#0acd9f;color:var(--accent);font-weight:bolder;text-decoration:none}.footer{font-size:16px;margin-left:auto;margin-right:auto;margin-top:8vh;text-align:center}strong{color:#fdfdfd;color:var(--color-foreground)}#metalligif{flex-shrink:1;max-height:50vh;object-fit:contain;object-position:bottom;width:100%}.App-header{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:100vh;pointer-events:inherit;z-index:10000}#text-start{min-height:100vh;padding-top:12vh}#btn-start{border:1px solid #0acd9f;border:1px solid var(--accent);color:#0acd9f;color:var(--accent);font-weight:bolder;margin-left:auto;margin-right:auto;padding:16px;transition:.3s;z-index:10000}#btn-start:hover{cursor:pointer!important;opacity:.6}#ac-chart-container{height:100vh}#radar-grid{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:24vh}.radar-chart-grid-item{height:300px;transition:.3s;width:25%}.radar-chart-grid-item:hover{cursor:pointer;filter:opacity(.6)}.full-radar-chart{height:70vh;width:100%}.anychart-credits-logo,.anychart-credits-text{display:none}.chart-header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:16px}select{background-color:#060606;background-color:var(--color-background);border:1px solid #fdfdfd;border:1px solid var(--color-foreground);border-radius:4px;color:#fdfdfd;color:var(--color-foreground);margin:8px auto 16px;padding:4px;width:20vw}option,select{font-family:Expletus Sans,sans-serif;font-family:var(--body-font);font-size:16px}option{color:#2e4d46;color:var(--primary)}.chart-key{gap:24px}.chart-key,.key-item{display:flex;flex-direction:row}.key-item{align-items:center;gap:8px;justify-content:center}.key-color{border:2px solid;border-radius:8px;height:12px;width:12px}.key-color.accent{background-color:#0acd9f44;background-color:var(--accent-translucent);border-color:#0acd9f;border-color:var(--accent)}.key-color.foreground{background-color:#fdfdfd44;background-color:var(--foreground-translucent);border-color:#fdfdfd;border-color:var(--color-foreground)}h3{font-family:Rock Salt,cursive;font-family:var(--heading-font);font-size:36px;margin-bottom:8px;text-align:center}#radar-container{display:flex;flex-direction:row;margin-bottom:24vh;padding-left:5vw;padding-right:5vw}#song-info{width:40%}#song-info h2{all:unset;color:#0acd9f;color:var(--accent);font-family:Expletus Sans,sans-serif;font-family:var(--body-font);font-size:36px;font-weight:bolder}#song-info h4{text-align:left}#song-info h4,#song-info p{margin:initial;padding:initial}#song-info p{width:auto}#song-feature{color:#fdfdfd;color:var(--color-foreground);margin-top:16px!important}#compare-with-metallica{color:#696e6a;color:var(--paragraph);font-size:16px}#back-to-all{cursor:pointer;text-align:center;width:100%}#reception-title{color:#0acd9f;color:var(--accent);display:inline;font-size:2em;font-weight:bolder;margin:initial;margin-top:12vh;text-align:center;width:auto;width:80%}#reception-subtitle{color:#fff;font-style:italic;margin:initial;text-align:center}#reception-container{display:block;flex-grow:1;height:110vh;margin-bottom:12vh;width:70%}#reception-scrollview{display:flex;flex-direction:row}#reception-key{display:block;display:flex;flex-direction:column;max-height:90vh;overflow-wrap:anywhere;overflow-x:hidden;overflow-y:scroll;padding:16px;scrollbar-width:thin;width:30%}.close-reception{color:#fff;font-size:36px;font-weight:bolder;margin:initial;margin-left:90%;padding:initial;text-align:right;transition:.3s;width:36px}.close-reception:hover{color:#696e6a;color:var(--paragraph);cursor:pointer}#reception-key h3{font-size:24px;line-height:125%}#reception-key h4{font-size:16px;margin:initial;padding:initial;width:100%}#reception-quote{border:1px solid #696e6a;border:1px solid var(--paragraph);border-radius:4px;margin-top:16px;padding:16px;width:90%}#reception-quote b{color:#fff;font-weight:bolder}#reception-quote p{color:#696e6a;color:var(--paragraph);font-size:14px;line-height:200%;margin:initial;width:100%}#reception-quote p span{border:1px solid #fff;border-radius:4px;color:#fff;display:inline-block;font-weight:bolder;padding-left:4px;padding-right:4px}#reception-quote .quote-attr{color:#2e4d46;color:var(--primary);display:block;font-size:14px;font-weight:bolder;margin-left:auto;margin-top:8px;text-align:right;text-decoration:underline;width:100%}#reception-category-list span{border:1px solid #fff;border-radius:4px;color:#fff;font-weight:bolder;margin-right:4px;padding:4px}#reception-category-list li{margin-bottom:16px}.proficiency{background-color:#060606;background-color:var(--color-background)}.composition{background-color:#fdfdfd;background-color:var(--color-foreground);color:#060606!important;color:var(--color-background)!important}.interpretation{background-color:#2e4d46;background-color:var(--primary)}.instrumentation{background-color:#0acd9f;background-color:var(--accent);color:#060606!important;color:var(--color-background)!important}.reputation{background-color:#696e6a;background-color:var(--paragraph)}.genre{background-color:#146f5e;background-color:var(--theme-1)}.loyalty{background-color:#a2ff44;background-color:var(--theme-2);color:#060606!important;color:var(--color-background)!important}.memorability{background-color:#455c45;background-color:var(--theme-3)}.uniqueness{background-color:#a7ffff;background-color:var(--theme-4);color:#060606!important;color:var(--color-background)!important}.reception-select{margin-left:auto;margin-right:auto}#genre-demographics{background-image:url(/metallica-blacklist/static/media/stage_design_full.fd2615ad4b176b39aa09.png);background-position:top;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;gap:2px;margin:auto auto 24vh;transition:.3s;width:100%}#genre-demographics .artist-row{display:flex;flex-direction:row;gap:4vw;position:relative;transition:.3s}#genre-demographics .artists-header{align-items:center;background-color:#060606;background-color:var(--color-background);border:1px solid #0acd9f;border:1px solid var(--accent);display:flex;flex-direction:row;gap:2vw;margin-left:10%;margin-top:calc(-4vh - 82px);padding:2vh;position:absolute;z-index:1000}#genre-demographics .bars-row{display:flex;flex-direction:row;flex-grow:80;justify-content:space-between;transition:.3s}.genre-cell{border:1px solid #2e4d46;border:1px solid var(--primary);display:"flex";flex-grow:1;height:12px;transition:.3s}.artists-header .name{color:#fdfdfd;color:var(--color-foreground);flex-grow:1;font-size:1.3em;margin:initial;width:auto}.artists-header .detail-text{font-size:1em;margin:initial;width:auto}.artists-header .text-col{display:flex;flex-direction:column}.artists-header .img{border:4px solid #0acd9f;border:4px solid var(--accent);border-radius:64px;height:64px;width:64px}.bars-row .key-text{color:#696e6a;color:var(--paragraph);margin:initial;margin-left:2vw;margin-right:2vw;width:auto}#genre-demographics .stage{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;gap:2vh;height:40vh;justify-content:end;margin:4vh auto 20vh;padding:4vh;width:30%}.stage #stage-title{color:#2e4d46;color:var(--primary);filter:none;font-family:Rock Salt,cursive;font-family:var(--heading-font);font-size:2em;margin:initial;margin-left:3vw;text-align:center;width:auto}#stage-title-row{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:3vw}#stage-title-row #stage-title{color:#0acd9f;color:var(--accent);display:inline;font-size:2em;font-weight:bolder;margin:initial;margin-bottom:2vh;text-align:center;width:auto;width:40%}#genre-tooltip{background-color:#060606;background-color:var(--color-background);border:1px solid #0acd9f;border:1px solid var(--accent);display:flex;flex-direction:column;margin-left:10%;margin-top:calc(2vh + 6px);padding:8px;position:absolute;z-index:1000}#genre-tooltip p{display:inline-flex;margin:initial;width:auto}.metallica-compare{font-size:14px}.metallica-compare .stat{color:#146f5e!important;color:var(--theme-1)!important;font-weight:bolder}.genre-of-artist{color:#fdfdfd;color:var(--color-foreground);font-size:14px;font-style:italic}#genre-tooltip p .stat{color:#0acd9f;color:var(--accent);font-weight:bolder}#stage-title-row .key-color{border-radius:0;border-radius:initial}#stage-title-row .key-color.foreground{background-color:#fdfdfd;background-color:var(--color-foreground);border-color:#fdfdfd;border-color:var(--color-foreground)}#stage-title-row .key-color.primary-empty{background-color:#060606;background-color:var(--color-background);border-color:#2e4d46;border-color:var(--primary)}#stage-title-row .key-color.primary{background-color:#2e4d46;background-color:var(--primary);border-color:#2e4d46;border-color:var(--primary)}#stage-title-row .key-color.accent{background-color:#0acd9f;background-color:var(--accent);border-color:#0acd9f;border-color:var(--accent)}#stage-title-row .key-color.theme-2{background-color:#a2ff44;background-color:var(--theme-2);border-color:#2e4d46;border-color:var(--primary)}#stage-title-row .chart-key{flex-direction:column;gap:4px}#stage-title-row select{display:inline;font-size:2em;margin-bottom:0;width:auto}#stage-title-row option,#stage-title-row select{color:#0acd9f;color:var(--accent)}.methodology{margin-bottom:20vh;margin-top:20vh}.methodology h3{color:#0acd9f;color:var(--accent);font-family:Expletus Sans,sans-serif;font-family:var(--body-font);font-size:20px}.methodology p{font-size:16px;margin-left:30vw;text-align:justify;width:40vw}.methodology a,.methodology p{color:#2e4d46;color:var(--primary)}.methodology a{text-decoration:underline}.worldmap-title{align-items:center;display:flex;flex-direction:column;justify-content:center}.image-and-caption{border-left:4px solid #0acd9f;border-left:4px solid var(--accent);display:flex;flex-direction:column;margin-bottom:8vh;margin-left:12vw;margin-top:8vh;padding-left:8px;width:60%}.image-and-caption img{width:80%}#map-link{font-style:italic;margin-left:1vw;text-align:center;width:100%}#map-link,.footer a{font-weight:400;text-decoration:underline}.footer a{color:inherit}
/*# sourceMappingURL=main.3957598f.css.map*/