.navigation{width:100vw;height:var(--nav-height);background:linear-gradient(18deg,#0d6e52 64%,#6ba292 0%);background:linear-gradient(18deg,#6ba292,#0d6e52 55%);border-bottom:2px solid #0f6f52;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.navigation .app-link{text-decoration:none;display:flex;color:#0d6e52;font-size:3.4rem;font-family:Dokdo;text-shadow:-2px 1px 0px #77ffd8;margin-left:10px}.navigation .app-link .logo{width:75px;height:50px;background-color:var(--dark-green);margin-right:10px}.navigation .tracks{height:var(--nav-height);display:flex}.navigation .tracks .item{padding:0 20px;align-content:center;color:#fff;text-decoration:none;border-right:1px solid var(--grey);transition:.3s ease}.navigation .tracks .item.is-disabled{opacity:.7;pointer-events:none}.navigation .tracks .item:first-child{border-left:1px solid var(--grey)}.navigation .tracks .item:hover{background-color:#9ce4cf;color:var(--grey);text-shadow:1px 1px 1px #fff}.navigation .tracks .item.active{background-color:var(--dark-green);text-shadow:1px 1px 1px var(--grey)}@media (max-width: 762px){.navigation{display:grid;grid-template-rows:1fr 1fr;height:calc(var(--nav-height) * 2);padding:0}.navigation .app-link{margin:0 auto}.navigation .tracks{display:flex;border-top:1px solid;padding-right:0;margin-right:0;justify-content:center;border-bottom:1px solid;font-size:1.8rem}}.song-map .us-state{cursor:pointer;stroke:#6791a2;stroke-opacity:0;stroke-width:1.5;transition:.3s ease stroke-opacity}.song-map .us-state:hover{stroke-opacity:1}.song-map .spike{stroke-width:1px;stroke:#088dc1;fill:#088dc1;fill-opacity:.4}.select-filter{cursor:pointer}.select-filter select,.select-filter ::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}.select-filter select::picker-icon{transition:.4s rotate}.select-filter select:open::picker-icon{rotate:180deg}.tag-item{padding:5px;border-radius:5px}.tag-item button{background:none;border:none;padding:0 5px;cursor:pointer;color:var(--remove-red);transition:.3s ease}.tag-item button:hover{color:var(--remove-hover)}.filter-holder{margin:10px 0}.filter-holder ul{list-style-type:none;padding:0;margin:0;display:flex}.filter-holder ul li:first-child{align-items:center;font-size:1.4rem;font-weight:700}.filter-holder li{background:var(--dark-green);margin:0 3px;border-radius:5px;display:flex;color:#fff}.filter-holder li:nth-child(2n){background:var(--light-green);color:var(--grey)}.loading-holder{height:300px;padding:30px;display:flex;align-items:center;justify-content:center}.loading-holder .mix-tape-logo{height:100%}.loading-holder .mix-tape-logo .rivets circle{fill:#fff;fill-opacity:.6}.loading-holder .mix-tape-logo .poly{fill:#fff;fill-opacity:.45}.loading-holder .mix-tape-logo .spool circle{fill:#fff;stroke:green;stroke-width:10;paint-order:stroke;stroke-dasharray:.2;transition:stroke-width,transform 3s linear}.loading-holder .mix-tape-logo .spool circle :hover{stroke-width:250}.loading-holder .mix-tape-logo .spool :hover circle{stroke-width:250}.loading-holder .mix-tape-logo .label rect{fill:#fff}.loading-holder .mix-tape-logo .label text{font-family:Dokdo,Comic Sans MS,Comic Sans;font-size:5rem;transform:rotate(-3deg)}.loading-holder .mix-tape-logo .label .label-lines{stroke-width:2;stroke:#3d3d3d;stroke-opacity:.7}.loading-holder .spool.left-side circle,.loading-holder .spool.right-side circle{animation:rotateInACircle .5s linear,startMusic 3s linear;animation-fill-mode:forwards;animation-iteration-count:6,1}.loading-holder .spool.right-side circle{animation-direction:reverse}.mix-tape-logo .spool.left-side circle{stroke-width:250}@keyframes startMusic{0%{stroke-width:250}to{stroke-width:10}}@keyframes rotateInACircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.world-map{width:80vw}.world-map .legend text{font-size:20px;font-family:Figtree,system-ui,Avenir,Helvetica,Arial,sans-serif}.world-map .legend .tick text{font-size:18px}.world-map .country-container .country{stroke:var(--grey);stroke-opacity:.5;stroke-width:1px;cursor:pointer}.world-map .country-container .country:hover{fill:var(--home-color)!important}@media (max-width: 768px){.world-map{width:90vw;overflow-x:scroll}}.mix-tape{display:flex;flex-direction:column;align-items:center;margin:var(--app-margin)}.mix-tape .main-cover-art{width:80vw;border:2px solid;border-radius:10px}.mix-tape .main-cover-art h1{text-align:center}.mix-tape .main-cover-art p{margin:10px 0}.mix-tape .main-cover-art .about{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:30px;margin:0 20px;align-content:center}.mix-tape .main-cover-art .about p:nth-child(2){text-align:center;align-content:center}.mix-tape .base-info{display:flex}.mix-tape .base-info .info-card{align-content:center;text-align:center;border:1px solid;margin:0 10px;width:200px;height:200px;background-color:var(--app-red);border-top:0;border-radius:0 0 20px 20px;font-size:3rem}.mix-tape .base-info .info-card h2{font-size:3.6rem}.mix-tape .mixtape-below-map{width:80vw;max-width:1100px;margin:20px 0 0;padding:16px 20px;border:2px solid;border-radius:10px}.mix-tape .mixtape-below-map .mixtape-section-title{font-size:4rem;line-height:1;margin:0 0 10px}.mix-tape .mixtape-below-map .mixtape-about-paragraph{font-size:2rem;margin:0 0 18px}.mix-tape .mixtape-below-map .mixtape-about-paragraph a{white-space:nowrap}.mix-tape .mixtape-below-map .mixtape-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mix-tape .mixtape-below-map .mixtape-card{display:block;padding:14px 16px;border:1px solid;border-radius:12px;text-decoration:none;background-color:#ffffff0f;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.mix-tape .mixtape-below-map .mixtape-card h3{font-size:3rem;line-height:1;margin-bottom:6px}.mix-tape .mixtape-below-map .mixtape-card p{margin:0;line-height:1.3}.mix-tape .mixtape-below-map .mixtape-card:hover{transform:translateY(-2px);background-color:#ffffff1a;border-color:var(--app-light-red)}.mix-tape .mixtape-below-map .mixtape-card:focus-visible{outline:3px solid var(--app-light-red);outline-offset:2px}@media (max-width: 768px){.mix-tape .main-cover-art h1{font-size:4rem;line-height:1}.mix-tape .main-cover-art .about{display:grid;grid-template-columns:repeat(1,1fr)}.mix-tape .main-cover-art .about p{line-height:1}.mix-tape .base-info{display:grid;grid-template-areas:"song artist countries" "time time cities";grid-column-gap:10px}.mix-tape .base-info .info-card{margin:0;width:100px;height:100px;border-radius:0;font-size:1.8rem}.mix-tape .base-info .info-card h2{font-size:2.2rem}.mix-tape .base-info .time{grid-area:time;width:200px}.mix-tape .mixtape-below-map{width:100%;padding:14px}.mix-tape .mixtape-below-map .mixtape-section-title{font-size:3.2rem}.mix-tape .mixtape-below-map .mixtape-about-paragraph{font-size:1.8rem}.mix-tape .mixtape-below-map .mixtape-cards{grid-template-columns:repeat(1,1fr)}}.base-table thead{position:sticky;top:0;background-color:#012a1f;padding:15px 0}.base-table th{font-weight:700;border-bottom:1px solid;padding:10px}.base-table tbody tr:nth-child(odd){background-color:#fff}.base-table tbody tr:nth-child(2n){background-color:var(--app-light-green);color:var(--dark-green)}.base-table tbody tr a{color:var(--dark-green)}.base-table tbody tr a:hover{color:#fff}.base-table tbody td{padding-left:10px}.base-table tbody td .genre{padding:0 10px}.search-filter{width:90%;position:relative}.search-filter input{width:100%;padding:5px;font-size:16px;border-radius:11px}.search-filter .clear-search{position:absolute;top:0;right:12px;z-index:100;color:red;cursor:pointer}.genre-filter{height:340px;overflow-y:scroll;margin:0;padding:0;border-radius:10px}.genre-filter ul{margin:10px;padding:0;list-style:none}.genre-filter ul label{cursor:pointer}.genre-filter ul input{margin-right:5px}.genre-filter .search-holder{position:sticky;top:-6px;width:100%}.full-artist-list{display:grid;grid-template-areas:"filter grid";grid-template-columns:200px 1fr}.full-artist-list .total-songs,.full-artist-list .total-albums{width:100px}.full-artist-list .total-places{width:200px}.album-chart{max-width:375px;width:225px;display:flex;margin:30px;display:grid;grid-template-areas:"name name" "cover chart" "year year";grid-template-columns:150px 1fr}.album-chart h5{grid-area:name;text-align:center}.album-chart .cover{max-width:300px;max-height:300px;width:150px;max-height:150px;background-color:#fff6;border-radius:5px;grid-area:cover}.album-chart .cover img{max-height:100%}.album-chart time{grid-area:year;text-align:center;font-size:2rem}@media (max-width: 768px){.artist-view .albums{display:grid!important;grid-template-columns:repeat(2,1fr);grid-gap:30px}.album-chart{max-width:175px}.album-chart h5{font-size:2rem;line-height:1.75;text-align:left}.album-chart time{font-size:1.75rem;text-align:left}}.song-location-list{width:100%;grid-area:drill}.song-location-list .grid-container{width:100%}.song-location-list .grid-container .song-name{min-width:130px}.song-location-list .grid-container .locations-cell{width:350px}.artist-figure figcaption{font-size:12px;text-align:right}.group-header ul{display:grid;grid-template-columns:repeat(2,1fr)}.group-header ul li:first-child{font-size:2.5rem;font-family:Dokdo;list-style:none;display:block;text-align:center;border-bottom:1px solid;color:var(--light-green)}.group-header ul li{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:20px}.group-header ul li strong{text-align:right}.artist-intro{width:100%;display:grid;grid-template-columns:1fr 220px 220px;grid-gap:20px}.artist-intro .intro .wiki-content{margin:0 0 10px}.artist-intro .intro .blurb-content{border-top:1px solid;padding-top:10px;margin:0 0 10px}.artist-intro .artist-figure img{width:100%;height:calc(100% - 4rem);object-fit:cover}.artist-intro .group-header ul{display:flex;flex-direction:column;gap:6px;margin-left:0;padding-left:0}.artist-intro .group-header ul li{grid-column-gap:7px;align-items:center}.artist-intro .artist-intro-summary,.artist-intro .artist-intro-blurb{margin:0 0 12px;line-height:1.5;font-size:1.05rem}.artist-intro .artist-intro-blurb{color:var(--app-light-red)}.artist-intro .artist-intro-image{margin:0 0 12px;font-size:.9rem;color:#fffc}.artist-intro .artist-intro-image a{color:var(--app-light-green)}.artist-intro .artist-intro-footer{margin-top:10px;font-size:.9rem}.artist-intro .artist-intro-footer span{margin-right:4px;opacity:.8}.artist-intro .artist-intro-footer a{color:var(--app-light-green);text-decoration:underline}@media (max-width: 768px){.artist-intro{grid-template-columns:1fr}.artist-intro .wiki-content{height:400px}.artist-intro .blurb-content{height:220px}}.artist-view{width:85vw;display:flex;flex-direction:column;align-items:center}.artist-view .artist-info{grid-area:name}.artist-view .y-axis text{font-size:16px}.artist-view .artist-image{grid-area:albums;width:500px;margin-right:15px}.artist-view .artist-image img{border-radius:10px;width:100%}.artist-view .albums{grid-area:albums;display:flex;flex-wrap:wrap}.artist-view .albums .album-chart rect{fill:var(--light-green);transition:.1s}.artist-view .albums .album-chart rect:hover{fill:var(--app-light-green)}.artist-view .flat-charts{grid-area:flatCharts;padding:20px}.artist-view .flat-charts .art-bars rect{fill:var(--app-light-red)}.artist-view .flat-charts .place-bars rect{fill:var(--app-red)}@media (max-width: 762px){.artist-view{display:flex;flex-direction:column}.artist-view .artist-info h1{text-align:center;font-size:6rem}.artist-view .group-header ul{margin-top:0;padding-left:0;font-size:1.5rem}.artist-view .group-header ul strong{font-size:1rem}.artist-view .artist-image{max-width:70vw;margin:0 auto}.artist-view .album-chart{margin:0 auto}}.battle-map .ocean{fill:var(--ocean)}.drill-state{display:grid;grid-template-columns:550px 1fr;grid-column-gap:30px}.drill-state .battle-container{fill:var(--light-green)}.drill-state .mountain-peak path{fill:var(--app-white);fill-opacity:.6;stroke-width:2;stroke:var(--app-white);cursor:zoom-in}.drill-state .song-list{padding-bottom:20px;overflow-y:scroll;display:grid;grid-template-rows:40px 1fr 40px;grid-row-gap:10px;height:670px}.drill-state .song-list .filter-holder{margin:0}.drill-state .song-list .table-footer{display:grid;grid-template-columns:1fr 40px 30px 30px;align-items:center;text-align:right}.drill-state .song-list .grid-container{overflow-y:scroll}.drill-state .genre-cell{width:117px}.usa-map{display:flex;justify-content:center}.usa-map .filter-holder{grid-area:nav}.usa-map .control-panel{grid-area:filter}.usa-map .map-figure{grid-area:map;width:100%}.drill-into-state figure div{height:100%;width:100%}.location-view{width:90vw;display:grid;grid-template-areas:"name info" "map map" "drill drill";grid-row-gap:30px}.location-view .group-totals{grid-area:info}.location-view .map-container{grid-area:map}.location-view .drill-into-state{grid-area:drill}.usa-map-2 .maplibre-container{width:100%;height:610px;min-height:610px}.usa-map-2 .maplibregl-ctrl-attrib{font-size:11px}.table-view{background:#fff;padding:0 1rem;border-radius:1rem;box-shadow:0 8px 25px #0f0f0f14;height:600px;overflow-y:scroll}.table-view .search-container{margin-bottom:1.5rem;padding:10px;display:flex;justify-content:center;position:sticky;top:0;background:#fff;z-index:100}.table-view .search-container .search-filter{max-width:600px}.table-view .base-table{color:var(--grey)}.table-view thead{top:50px;color:var(--app-white)}.table-view tr[data-indent="0"]{position:sticky;top:98px;z-index:100}.table-view tr[data-indent="1"] td:first-child{padding-left:3rem}.table-view .table-footer{position:sticky;bottom:0;background:#fff;z-index:100;padding:10px;color:var(--grey);text-align:right}.table-view .grid-container{margin-top:1rem}.table-view .grid-container table{width:100%}.state-map .map-figure{position:relative}.state-map .maplibre-container,.state-map .state-maplibre-container{width:100%;border-radius:12px;overflow:hidden}.state-map .maplibregl-ctrl-attrib{font-size:11px}.state-map .state-maplibre-toolbar{position:absolute;top:10px;right:10px;z-index:2}.state-map .state-map-theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:inherit;font-size:13px;font-weight:600;cursor:pointer}.state-map .state-map-theme-toggle:disabled{opacity:.6;cursor:default}.genre-donut figcaption{text-align:center;margin-bottom:20px}.genre-donut .slice-holder .can-click{cursor:alias}.genre-donut .center-label tspan{text-anchor:middle;color:var(--grey)}.genre-donut .center-label .label-lines{stroke-width:1px;stroke:var(--grey)}.bar-chart{padding:1rem;padding-left:0;border-radius:4px;box-shadow:0 1px 8px 3px var(--app-light-green)}.bar-chart figcaption{font-size:3rem;font-family:Dokdo;color:var(--app-white);text-align:center}.bar-chart svg{width:100%;height:auto}.bar-chart svg .axis-labels{fill:var(--app-white)}.location-intro{margin-bottom:1.5rem;display:grid;grid-template-columns:1fr 300px;gap:1rem}.location-intro .back-link{font-size:3rem;text-decoration:none;color:var(--app-light-green);padding-right:1rem}.location-intro .group-header ul{display:flex;flex-direction:column;gap:6px;margin-left:0;padding-left:0}.location-intro .group-header ul li{grid-column-gap:7px;align-items:center}.location-state-view{width:min(90vw,1200px);margin:0 auto;display:flex;flex-direction:column;gap:1.75rem;--map-height: 520px}.location-state-view .genre-breakdown{background-color:#ffffffa8;padding:1.25rem;border-radius:1rem;box-shadow:0 8px 24px #0000001a;min-height:var(--map-height);display:flex;align-items:center;justify-content:center}.location-state-view .genre-breakdown figcaption{margin:0;font-size:3rem;color:var(--away-color-hover)}.location-state-view .state-detail{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.65fr);gap:1.75rem;align-items:start}.location-state-view .state-detail .map-container{box-shadow:0 8px 24px #0000001a;border-radius:1rem;background:#fff}.location-state-view .state-detail .map-container .map-figure{margin:0;min-height:var(--map-height);position:relative}.location-state-view .state-detail .map-container .state-maplibre-container{border-radius:.75rem;overflow:hidden;width:100%;height:var(--map-height)}.location-state-view .state-charts .artists-chart rect{fill:var(--home-color)}.location-state-view .state-charts .cities-chart rect{fill:var(--home-color-hover)}.location-state-view .sense-holder{min-height:80px;max-height:150px}.state-charts .bar-charts-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;grid-column-gap:4rem}.state-decades{display:flex;justify-content:center}.state-decades .decades-chart{width:100%;max-width:700px}@media (max-width: 960px){.state-detail{grid-template-columns:1fr}.state-songs{order:2}.state-charts .bar-charts-container{grid-template-columns:1fr}}@media (max-width: 600px){.location-state-view{width:min(95vw,480px);gap:1.25rem;--map-height: 320px}.location-state-view .location-intro{grid-template-columns:1fr}.location-state-view .location-intro h2{display:flex;flex-direction:column;line-height:.75;font-size:5rem}.location-state-view .state-detail{grid-template-columns:1fr}.genre-breakdown{padding:1rem;min-height:360px}.genre-breakdown figcaption{font-size:2.25rem}.state-detail .map-container{padding:.75rem}.state-detail .map-figure{min-height:320px}.state-detail .state-maplibre-container{height:320px}.state-songs{padding:0rem}.state-songs .grid-container table{font-size:.95rem}}.battle-contestant{border:2px solid;border-radius:10px;padding:20px;display:grid;grid-template-areas:"header header" "art location" "select select";grid-column-gap:15px;grid-row-gap:15px}.battle-contestant h2{grid-area:header}.battle-contestant.battle-home{grid-area:home;border-radius:10px 0 0 10px;border-right:0;padding-right:0}.battle-contestant.battle-home h2{text-align:right}.battle-contestant.battle-away{grid-area:away;border-radius:0 10px 10px 0;border-left:0;padding-left:0}.battle-contestant .picker{display:grid;grid-template-columns:50px 1fr;align-items:center;grid-column-gap:10px;border:1px solid;padding:10px;border-radius:10px;cursor:pointer}.battle-contestant .picker.artist{grid-area:art}.battle-contestant .picker.genre{grid-area:genre}.battle-contestant .picker.location{grid-area:location}.battle-contestant .picker img{height:50px}.battle-contestant .picker h4{margin:0}.battle-contestant .picker.is-selected{background-color:var(--light-green);border-color:var(--dark-green)}.battle-contestant .select-filter{grid-area:select;justify-self:center}.battle-contestant .select-filter.parent-select{grid-area:select1}.battle-contestant .select-filter label{display:none}.base-stats{width:100%;margin-top:20px;padding-bottom:20px;display:grid}.base-stats header{grid-area:header}.base-stats h4{margin:0;padding:0 0 5px;font-size:3.6rem;position:relative;height:4rem}.base-stats .battle-map{grid-area:figure}.base-stats.home{grid-area:home1;justify-self:end;text-align:right;padding-right:20px;border-radius:8px;box-sizing:content-box;grid-template-areas:"header header" "figure info"}.base-stats.home h4{padding-right:30px}.base-stats.home h4:after{content:" ";width:20px;height:20px;background-color:var(--home-color);display:block;position:absolute;top:15px;right:0;border-radius:3px}.base-stats.home .battle-container path{stroke:var(--home-color);stroke-width:2px;fill:var(--home-color);fill-opacity:.3}.base-stats.away{grid-area:away1;padding-left:20px;border-radius:8px;box-sizing:content-box;grid-template-areas:"header header" "info figure"}.base-stats.away h4{padding-left:30px}.base-stats.away h4:before{content:" ";width:20px;height:20px;background-color:var(--away-color);display:block;position:absolute;top:15px;left:0;border-radius:3px}.base-stats.away .battle-container path{stroke:var(--away-color);stroke-width:2px;fill:var(--away-color);fill-opacity:.15}.base-stats dl{margin:0;grid-area:info}.base-stats dl dt{font-weight:700;font-family:Figtree}.base-stats dl dd{margin:0}.battle-cross-charts{display:grid;grid-template-columns:1fr .75fr;grid-column-gap:20px}.battle-cross-charts rect{transition:fill .2s ease}.battle-cross-charts rect.home{fill:var(--home-color)}.battle-cross-charts rect.away{fill:var(--away-color)}.battle-cross-charts .can-drill{cursor:pointer}.battle-cross-charts .can-drill:hover rect.home{fill:var(--home-color-hover)}.battle-cross-charts .can-drill:hover rect.away{fill:var(--away-color-hover)}.battle-results{grid-area:results;display:grid;grid-template-areas:"home1 vs away1" "genre genre genre";grid-template-columns:1fr 100px 1fr}.battle-results .battle-cross-charts{grid-area:genre}.battle-results .artist-photo{max-width:350px;border-radius:20px}.battle-view{display:flex;flex-direction:column;width:85vw}.battle-view .set-list{display:grid;grid-template-areas:"home vs away";grid-template-columns:1fr 100px 1fr;grid-column-gap:30px}.vs{grid-area:vs;font-size:8rem;text-align:center;align-content:center;font-family:Dokdo}@media (max-width: 762px){.battle-view{width:95vw}.battle-view h1{font-size:5rem}.battle-view .set-list{display:flex;flex-direction:column}}.top-artists-by-genre{display:flex}.top-artists-by-genre .genre-country{--artist-color:var(--genre-country)}.top-artists-by-genre .genre-pop{--artist-color:var(--genre-pop)}.top-artists-by-genre .genre-rock{--artist-color:var(--genre-rock)}.top-artists-by-genre .genre-metal{--artist-color:var(--genre-metal)}.top-artists-by-genre .genre-folk{--artist-color:var(--genre-folk)}.top-artists-by-genre .genre-punk{--artist-color:var(--genre-punk)}.top-artists-by-genre .artist-list{min-width:350px;margin:0 10px}.top-artists-by-genre .artist-list rect{fill:var(--artist-color)!important}.results-nav{margin:10px 0 18px;padding:14px 14px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000014}.results-nav .results-nav-note{margin:0 0 10px;color:var(--app-white);opacity:.9}.results-nav .results-nav-groups{display:flex;justify-content:space-evenly;gap:12px}.results-nav .results-nav-group ol{padding-left:16px;margin:0;display:grid;gap:4px}.results-nav .results-nav-group a{color:var(--app-light-green);text-decoration:none}.results-nav .results-nav-group a:hover,.results-nav .results-nav-group a:focus-visible{text-decoration:underline}@media (max-width: 768px){.results-nav-groups{grid-template-columns:1fr}}.top-10{min-height:100vh;width:85vw;justify-self:center;margin:0 auto}.top-10 .intro-header{display:grid;grid-template-columns:1fr 300px;gap:20px;margin-bottom:20px}.top-10 .intro-header .footnote{font-size:1.2rem;color:var(--app-light-green);margin-top:10px}.top-10 .sense-holder{width:100%;min-height:100px}.top-10 .no-solution{margin-top:20px}.top-10 .no-solution .new-view{display:flex;justify-self:center}.top-10 .artist-list .places rect,.top-10 .song-list .places rect,.top-10 .city-list .places rect,.top-10 .state-list .places rect,.top-10 .genre-list .places rect{fill:var(--light-green);transition:.1s}.top-10 .artist-list .places rect:hover,.top-10 .song-list .places rect:hover,.top-10 .city-list .places rect:hover,.top-10 .state-list .places rect:hover,.top-10 .genre-list .places rect:hover{fill:var(--app-light-green)}.top-10 .artist-list .songs rect,.top-10 .song-list .songs rect,.top-10 .city-list .songs rect,.top-10 .state-list .songs rect,.top-10 .genre-list .songs rect{fill:var(--app-red);transition:.1s}.top-10 .artist-list .songs rect:hover,.top-10 .song-list .songs rect:hover,.top-10 .city-list .songs rect:hover,.top-10 .state-list .songs rect:hover,.top-10 .genre-list .songs rect:hover{fill:var(--app-light-red)}.top-10 .genre-list text{text-transform:capitalize}.top-10 .country-list .places rect,.top-10 .non-us .places rect{fill:var(--app-red);transition:.1s}.top-10 .country-list .places rect:hover,.top-10 .non-us .places rect:hover{fill:var(--app-light-red)}.top-10 .decade-list .places rect{transition:.1s}.top-10 .decade-list .places rect.century-20{fill:#0676df}.top-10 .decade-list .places rect.century-19{fill:#51a8fa}.top-10 .decade-list .places rect:hover{fill:var(--ocean)}@media (max-width: 768px){.top-10{--chart-margin:5px;padding:5px!important;width:90vw}.top-10 h1{font-size:4rem;text-align:center}.top-10 p{line-height:1.2}.top-10 .charts figure{margin:0;width:100%}.top-10 .intro-header{grid-template-columns:1fr}.top-10 .tracks{display:none}}.circle-map path:hover,.circle-map path.is-hover{fill:purple}.circle-map .state-arc text{opacity:.2;transition:.2s}.circle-map .state-arc:hover text{opacity:1}.circle-map .is-hover{fill:#ff0}.circle-map path:hover~path{fill-opacity:.1}.relationship-view{max-width:75vw}.relationship-view .relationship{background-color:#fff;padding:30px 0;border-radius:15px}.relationship-view .relationship div{width:98vh;height:98vh;margin:30px auto}.genre-intro{margin-bottom:1.5rem;display:grid;grid-template-columns:1fr 300px;gap:3rem}.genre-intro .group-header ul{display:flex;flex-direction:column;gap:6px;margin-left:0;padding-left:0}.genre-intro .group-header ul li{grid-column-gap:7px;align-items:center}@media (max-width: 768px){.genre-intro{grid-template-columns:1fr}}.genre-container .genre-bubles .axis .domain,.genre-container .genre-bubles .axis line{stroke-opacity:.2}.genre-container .genre-bubles .axis .axis-label{fill:#fff;font-size:1.7rem}.genre-container .genre-bubles .axis .y-axis .axis-label{transform-origin:0;transform:rotate(-90deg)}.genre-container .genre-test-tubes{border:1px solid;border-radius:5px;padding:10px;width:100%;max-width:100%;overflow-x:auto}.genre-container .genre-test-tubes .genre-tube svg{width:100%;display:block}.genre-container .genre-test-tubes .genre-tube .tube-list{font-size:1.5rem}.genre-container .genre-test-tubes .genre-tube .tube-label{font-family:Dokdo,Comic Sans MS,Comic Sans;text-transform:capitalize;fill:#f8f8f8;font-size:1.4rem}.genre-container .genre-test-tubes .genre-tube .circle-holder circle{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.genre-container .genre-test-tubes .genre-tube .circle-holder circle:hover{transform:scale(1.05);opacity:.9}.genre-container .blow-bubbles{margin:20px 0}.genre-container .no-solution{align-content:center;margin:0 auto;width:100%}@media (max-width: 768px){.genre-container .genre-test-tubes{display:flex;flex-direction:column-reverse}.genre-container .genre-test-tubes .genre-tube .tube-list{font-size:1.4rem}}.art-info{max-height:600px}.art-info h4{text-align:right}.art-info rect{fill:var(--light-green);transition:.1s}.art-info rect:hover{fill:var(--app-light-green)}.art-info .axis-labels{fill:#fff}.genre-view{width:85vw;display:flex;flex-direction:column;grid-template-areas:"header header" "map art" "decades decades";grid-template-columns:minmax(0,1fr) 400px}.genre-view.pop-view .spike{stroke:#e544c1;fill:#e544c1}.genre-view .group-header ul{grid-template-areas:"header header" "song art"}.genre-view .group-header ul li:first-child{grid-area:header;text-transform:capitalize}.genre-view .map-container{grid-area:map;min-width:0}.genre-view .map-figure{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.genre-view .song-map{width:975px;min-width:975px;margin:0}.genre-view .song-map svg{display:block}.genre-view .genre-map-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:10px}.genre-view .genre-map-toggle{font-size:14px;font-family:Figtree;padding:8px 14px;border-radius:20px;cursor:pointer;background-color:var(--app-light-green);border:0;transition:.2s ease}.genre-view .genre-map-toggle:hover{background-color:var(--light-green)}.genre-view .genre-map-toggle.is-active{background-color:var(--light-green);color:#000}.genre-view .genre-world-maplibre .maplibre-container{width:100%;height:610px;min-height:610px;border-radius:8px;overflow:hidden}.genre-view .genre-world-maplibre .maplibregl-ctrl-attrib{font-size:11px}.genre-view .art-info{grid-area:art}.genre-view .decade-group{grid-area:decades}@media (max-width: 768px){.genre-view{display:flex;flex-direction:column}}.artist-summary .top-artist-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.artist-summary .artist-photo{width:150px}.artist-summary .desert-counter{display:grid;grid-template-areas:"gender genres" "band genres";grid-template-columns:1fr 1fr}.artist-summary .desert-counter .pie-chart{display:flex;flex-direction:row-reverse;gap:25px;justify-content:center;align-items:center}.artist-summary .desert-counter .pie-chart .svg-container{height:225px;align-content:center}.artist-summary .desert-counter .pie-chart figcaption{text-align:center;width:100px}.artist-summary .desert-counter .gender-chart{grid-area:gender;height:225px}.artist-summary .desert-counter .gender-chart .male-slice{fill:#70a3e5}.artist-summary .desert-counter .gender-chart .female-slice{fill:#ff869f}.artist-summary .desert-counter .band-chart{grid-area:band;height:225px}.artist-summary .desert-counter .band-chart .person-slice{fill:#cab2db}.artist-summary .desert-counter .band-chart .group-slice{fill:#b9d6dc}.artist-summary .desert-counter .band-chart .duo-slice{fill:#aca3b4}.artist-summary .desert-counter .genre-donut{grid-area:genres}.location-summary .ai-map-list{display:flex}.location-summary .ai-map-list .map-row{width:100%;display:grid;grid-template-columns:400px 1fr;grid-column-gap:20px}.location-summary .ai-map{width:350px;height:350px;display:flex;align-items:center;background-color:var(--ocean)}.location-summary .ai-map .battle-container path{fill:var(--light-green)}.location-summary .ai-map .spike{fill:var(--app-light-red);stroke-width:1px;fill-opacity:.4;stroke:var(--grey);stroke-opacity:.2}.memory .memory-title{display:grid;grid-template-areas:"title actions" "title share";border-bottom:3px dotted;padding-bottom:15px;margin-bottom:15px;padding-left:10px}.memory .memory-name{grid-area:title;width:80%}.memory .memory-actions{grid-area:actions;display:flex;align-items:center;gap:10px}.memory .memory-actions i{font-size:30px;font-style:normal}.memory .share-list{grid-area:share}.message-list-holder{width:100%;height:100%;overflow-y:scroll}.message-list-holder .message-list{margin:0;padding:var(--blaze-padding);display:flex;flex-direction:column}.message-list-holder .message-list li{background:radial-gradient(circle at 100% 100%,#ffffff 0,#ffffff 14px,transparent 14px) 0% 0%/18px 18px no-repeat,radial-gradient(circle at 0 100%,#ffffff 0,#ffffff 14px,transparent 14px) 100% 0%/18px 18px no-repeat,radial-gradient(circle at 100% 0,#ffffff 0,#ffffff 14px,transparent 14px) 0% 100%/18px 18px no-repeat,radial-gradient(circle at 0 0,#ffffff 0,#ffffff 14px,transparent 14px) 100% 100%/18px 18px no-repeat,linear-gradient(#fff,#fff) 50% 50%/ calc(100% - 8px) calc(100% - 36px) no-repeat,linear-gradient(#fff,#fff) 50% 50%/ calc(100% - 36px) calc(100% - 8px) no-repeat,radial-gradient(circle,#a7f1cd,#35524a 51%,#32de8a);border-radius:18px;padding:16px;margin:5px 0;box-sizing:content-box;color:var(--grey);font-size:14px;list-style-type:none;width:80%;display:flex;flex-direction:column}.message-list-holder .message-list li time{font-size:12px;color:#8a8a8a}.message-list-holder .message-list li.from-me{align-self:end;text-align:right;width:70%}.message-list-holder .message-list li pre{margin:0;padding:0;font-size:12px;width:100%;white-space:pre-wrap}.message-list-holder .message-list li .loading-dots{display:flex;height:50px}.message-list-holder .message-list li .loading-dots .ball{width:20px;height:20px;border-radius:10px;margin:0 5px;background:linear-gradient(63deg,#a7f1cd 0%,transparent 100%),linear-gradient(102deg,#a7f1cd,#de51f9 74.88%,#fde879);background-size:200% 200%;display:flex;animation:thinking .5s ease-in-out alternate infinite,pulsing 3s ease infinite;transform:translateY(-50%)}.message-list-holder .message-list li .loading-dots .ball.b-2{background-position:50% 50%;animation-delay:.2s,.4s}.message-list-holder .message-list li .loading-dots .ball.b-3{background-position:70% 75%;animation-delay:.4s,.8s}.request-view{display:grid;grid-template-areas:"beta beta" "chat response";grid-column-gap:20px;padding-top:0!important;padding-left:0!important;padding-bottom:0!important;--message-height:150px;--blaze-padding:5px}.request-view .beta-note{grid-area:beta;font-size:20px;text-align:center;padding:15px 0;border-bottom:3px solid}.request-view .beta-note p{margin:0 10px;display:inline-block;width:70%}.request-view .chatter{display:grid;grid-area:chat;width:350px;grid-template-rows:1fr var(--message-height);height:calc(100vh - var(--nav-height));background-color:#fff;border-right:2px solid var(--light-green);position:sticky;top:0}.request-view .chatter .message-input{padding:0;padding-left:var(--blaze-padding);border-top:2px solid var(--light-green)}.request-view .chatter .message-input .message-form{display:flex;height:100%}.request-view .chatter .message-input .message-form textarea{height:100%;padding:5px;border:none;flex-grow:1;resize:none}.request-view .chatter .message-input .message-form button{width:40px;border:none;cursor:pointer;background:linear-gradient(232deg,#a7f1cd,#cc5033);background-size:400% 400%;animation:pulsing 5s ease infinite;transition:.5s ease background;writing-mode:vertical-rl;text-orientation:upright;text-transform:uppercase;text-shadow:0px 0px 8px #000;font-weight:700;color:#fff}.request-view .chatter .message-input .message-form button:hover{background:radial-gradient(at 67% 52%,transparent 0%,#e176db 97.03%,rgba(203,211,65,.66) 100%) 99% 95%/162% 114%,linear-gradient(240deg,#32de8a,#a7f1cd)}.request-view .liner-notes{grid-area:response}@keyframes thinkingBorder{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,81% 0%}50%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,20% 100%}to{background-position:0 0,0 0,0 0,0 0,0 0,0 0,81% 0%}}.artist-card .artist-figure{width:250px;height:250px}.artist-card .artist-figure img{object-fit:cover;width:100%}.search-card{border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px 14px;background:#0000002e;display:flex;flex-direction:column;gap:8px}.search-card .card-type{font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.search-card .card-title{font-size:2.2rem;margin:0;line-height:1.1}.search-card .card-subtitle{margin:0;opacity:.85}.search-card .card-breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:1.2rem;opacity:.85}.search-card .crumb{display:inline-flex;gap:6px;align-items:center}.search-card .crumb:after{content:"›";opacity:.6;margin-left:2px}.search-card .crumb:last-child:after{content:"";margin:0}.search-card .card-link{color:var(--app-light-green);text-decoration:none}.search-card .card-link:hover{text-decoration:underline}.search-card .card-actions{margin-top:6px;display:flex;gap:10px;align-items:center}.search-card .action-hint{font-size:1.2rem;opacity:.75}.result-group .group-header{position:sticky;top:5px;background:var(--dark-green);z-index:10;box-shadow:0 8px 11px 3px var(--light-green);padding:10px;border-radius:5px 5px 10px 10px}.search-filters{margin-top:12px;padding:15px;border-radius:5px}.search-filters legend{padding:5px;margin:0;font-size:2.4rem}.search-filters .filter-options{display:flex;gap:20px}.search-filters .filters-actions{display:flex;gap:8px}.search-filters .filters-action{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 10px;background:#00000026;color:inherit;cursor:pointer}.search-filters button:disabled{opacity:.5;cursor:not-allowed!important}.search-filters .filter-chips{display:flex;flex-wrap:wrap;gap:8px}.search-filters .filter-chips .filter-chip{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:7px 10px;background:#0000001f;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.search-filters .filter-chips .filter-chip.is-on{border-color:#ffffff59;background:#530f5e59}.search-filters .filter-chips .filter-chip.is-off{opacity:.7}.search-view{min-height:100vh;width:85vw;justify-self:center;margin:0 auto}.search-view .search-header{margin:var(--app-margin);max-width:900px}.search-view .search-form{display:grid;grid-template-columns:1fr 140px;gap:10px;align-items:center;margin-top:10px}.search-view .search-input{padding:10px 12px;font-size:1.6rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#0003;color:inherit}.search-view .search-button{padding:10px 12px;font-size:1.6rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:var(--app-red);color:#fff;cursor:pointer}.search-view .search-button:disabled{opacity:.7;cursor:default}.search-view .search-error{margin-top:8px;color:var(--app-light-red)}.search-view .search-summary{margin-top:8px;color:var(--app-light-green)}.search-view .search-results{margin:var(--app-margin)}.search-view .search-empty{margin-top:20px;opacity:.85}.search-view .result-group{margin-top:24px}.search-view .group-note{margin-top:5px;font-size:1.3rem;opacity:.85}.search-view .card-grid{margin-top:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.search-view .sense-search{margin-top:20px;height:230px}@media (max-width: 768px){.search-view{width:92vw}.search-view .search-form{grid-template-columns:1fr}.search-view .card-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.static-view{min-height:100vh;width:50vw;margin:30px auto;padding-bottom:100px}.about-view{width:70vw}.about-view .sense-holder{height:100px}.about-view .iso-info,.about-view .iso-info img{width:100%}.about-view p{line-height:1.3;margin:10px 0}.about-view q{background:#c6f548cc;padding:5px;color:var(--grey);border-radius:2px}@media (max-width: 768px){.about-view{width:80vw}.about-view h2{font-size:4.75rem;line-height:3.5}.about-view h3{font-size:3.5rem;line-height:2}.about-view section{width:90%;margin:0 auto}}@keyframes pulsing{0%{background-position:81% 0%}50%{background-position:20% 100%}to{background-position:81% 0%}}@keyframes thinking{0%{transform:translateY(-50%)}to{transform:translateY(50%)}}.vertical-bars-holder{display:flex;flex-wrap:wrap;justify-content:center}.vertical-bars-holder.is-loading figure{display:none}.vertical-bars-holder figure{width:28%;margin:10px}.vertical-bars-holder figcaption{text-align:center;height:50px;border-bottom:1px solid;align-content:end;margin:0 30px}.vertical-bars-holder div{margin-top:10px}.vertical-bars-holder .axis-labels{font-size:1.8rem;fill:#fff}.vertical-bars-holder .tick{pointer-events:none}.can-drill{cursor:se-resize}.can-drill:hover{stroke:#fff}.drill rect{cursor:nw-resize}.decade-chart rect{transition:.2s ease}.decade-chart rect:hover{fill:var(--ocean)}.decade-chart .century-21{fill:var(--century-21)}.decade-chart .century-20{fill:var(--century-20)}.action-button{cursor:pointer;background:none;border:none;font-size:30px;transition:.3s ease}.action-button:hover{text-shadow:-5px -8px 1px var(--century-21)}.attribution{display:flex;align-items:center;cursor:help;font-size:1.2rem}.wiki-attribution:before{content:"";display:inline-block;width:1.4rem;height:1.4rem;margin:0 5px;background-image:url(/images/social/wikipedia.ico);background-size:contain}:root{--map-tooltip-bg: #111;--map-tooltip-fg: #fff;--map-tooltip-border: rgba(255,255,255,.18);--map-tooltip-shadow: 0 2px 12px rgba(0,0,0,.28)}:root[data-map-theme=dark]{--map-tooltip-bg: #fff;--map-tooltip-fg: #111;--map-tooltip-border: rgba(0,0,0,.12);--map-tooltip-shadow: 0 2px 12px rgba(0,0,0,.35)}.maplibregl-popup-content{padding:10px 12px;border-radius:6px;font-family:inherit;background:var(--map-tooltip-bg);color:var(--map-tooltip-fg);border:1px solid var(--map-tooltip-border);box-shadow:var(--map-tooltip-shadow)}.maplibregl-popup-content strong{display:block;margin-bottom:4px}.maplibregl-popup-content span{display:block;font-size:.85rem;color:inherit}.maplibregl-popup-content a{color:inherit}.maplibregl-popup-tip{border:10px solid transparent}.maplibregl-popup-anchor-top .maplibregl-popup-tip{align-self:center;border-bottom-color:var(--map-tooltip-bg);border-top:none}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-start;border-bottom-color:var(--map-tooltip-bg);border-left:none;border-top:none}.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-end;border-bottom-color:var(--map-tooltip-bg);border-right:none;border-top:none}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{align-self:center;border-bottom:none;border-top-color:var(--map-tooltip-bg)}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:var(--map-tooltip-bg)}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:var(--map-tooltip-bg)}.maplibregl-popup-anchor-left .maplibregl-popup-tip{align-self:center;border-left:none;border-right-color:var(--map-tooltip-bg)}.maplibregl-popup-anchor-right .maplibregl-popup-tip{align-self:center;border-left-color:var(--map-tooltip-bg);border-right:none}