div.band[data-v-35271bee]{flex:var(--eb979b72);background-color:var(--027cf08a);flex-grow:0;flex-shrink:1;height:var(--5e0d3016);min-width:30px}div.highlighted[data-v-35271bee]{height:var(--750b6bcc);background-color:var(--7ff397ff);transition:height 2s}div.slider[data-v-35271bee]{position:relative;height:var(--60c4c986);background-color:var(--white)}div.letter[data-v-35271bee]{font-family:title;position:relative;top:var(--3598a6e6);height:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--30adb3fe);color:var(--white)}div.header[data-v-3da0ef9c]{display:flex;align-items:center;justify-content:center;margin-top:var(--0e2ca154);margin-left:var(--78474486);margin-right:var(--78474486);pointer-events:none;transition:all 2s}div.ratingContainer[data-v-d0bc1376]{display:flex;justify-self:right}button.rating[data-v-d0bc1376]{border:none;background:none}div.mainContainer[data-v-41fc9474]{display:flex;flex-direction:column}div.sliderContainer[data-v-41fc9474]{margin:5px;display:flex;height:var(--63a9d190);width:var(--4e5ebc3d);background-color:var(--15b47a15);outline:solid;outline-width:2px;outline-color:var(--27e81b36)}div.backFill[data-v-41fc9474]{height:var(--63a9d190);width:var(--11fba498);background-color:var(--15b47a15);transition:width .3s}div.fill[data-v-41fc9474]{height:var(--63a9d190);width:var(--1904aadb);background-color:var(--27e81b36);transition:width .3s}div.thumb[data-v-41fc9474]{height:var(--72b6ea46);width:3px;background-color:var(--white);z-index:1;margin-top:-1px}div.thumb[data-v-41fc9474]:hover{background-color:var(--1b89fcd5)}span.scoreTooltip[data-v-41fc9474]{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--darkgrey);position:relative;bottom:-15px;left:-2px}div.labels[data-v-41fc9474]{display:flex;justify-content:center;align-items:center;margin:2px 0 7px 0;max-height:30px}p.label[data-v-41fc9474]{font-size:1.4pc}button.discard[data-v-41fc9474]{border:none;transition:all .1s;margin-left:auto;height:20px;width:20px;background:none}button.discard[data-v-41fc9474]:hover{background-color:var(--lightred)}button.discard[data-v-41fc9474]:active{background-color:var(--cream)}div.labels[data-v-40a97200]{display:flex}div.outline[data-v-40a97200]{height:28px;background-color:var(--7501e732)}span.label[data-v-40a97200]{font-size:1.4pc;color:var(--10a696f6);margin:0 10px 0 10px}button.discard[data-v-40a97200]{margin-left:auto;height:28px;width:20px}button.discard[data-v-40a97200]:hover{background-color:var(--lightred)}button.discard[data-v-40a97200]:active{background-color:var(--cream)}div.metricsSelectorContainer[data-v-f7a2a69a]{position:relative;width:var(--95f2009e)}div.selectorPanel[data-v-f7a2a69a]{position:absolute;z-index:100;background-color:var(--cream);box-shadow:2px 2px 2px var(--68766df8);max-height:150px;overflow-y:scroll}div.categoryAndMetricsContainer[data-v-f7a2a69a]{display:flex;flex-direction:column}div.metricContainer[data-v-f7a2a69a]{display:flex;width:var(--95f2009e);max-width:90vw;margin-left:10px;justify-content:space-between}div.metric[data-v-f7a2a69a]{align-self:center}span.metric[data-v-f7a2a69a]{text-align:left;font-size:1.3pc;width:100px}span.category[data-v-f7a2a69a]{text-align:left;margin-left:60px;color:var(--lightgrey)}button.metric[data-v-f7a2a69a]{border:none;transition:all .1s;background:none;color:var(--darkgreen)}button.metric[data-v-f7a2a69a]:hover{background-color:var(--lightgreen)}button.metric[data-v-f7a2a69a]:active{background-color:var(--cream)}button.metric[data-v-f7a2a69a]:disabled{color:var(--darkgrey);background-color:var(--cream)}input.input[data-v-f7a2a69a]{font-size:1.3pc;width:100px;font-family:regular;color:var(--black);text-align:left;margin-top:0;margin-bottom:0;border:none;border-bottom:2px solid var(--269970e2);background-color:var(--cream)}input.input[data-v-f7a2a69a]:focus{outline:none;border-bottom-color:var(--68766df8)}button.metricType[data-v-f7a2a69a]{border:none;transition:all .1s;background:none;font-size:1pc;width:50px}button.metricType[data-v-f7a2a69a]:hover{color:var(--68766df8);background-color:var(--269970e2)}button.metricType[data-v-f7a2a69a]:active{color:var(--black);background-color:var(--cream)}span.emptySearch[data-v-f7a2a69a]{font-size:1.5pc}div.container[data-v-b3742730]{display:grid;border-style:solid;border-width:3px;border-color:var(--4c4dc973);margin-bottom:10px;-moz-column-gap:30px;column-gap:30px;grid-template-columns:180px auto}@media (max-width:600px){div.container[data-v-b3742730]{-moz-column-gap:5vw;column-gap:5vw;grid-template-columns:25vw 68%}}.artistImage[data-v-b3742730]{grid-row-start:1;grid-row-end:10;margin:8px 0 8px 10px;width:180px;height:180px;border-radius:50%;margin-left:10px;margin-top:8px;-o-object-fit:cover;object-fit:cover}@media (max-width:600px){.artistImage[data-v-b3742730]{width:25vw;height:25vw;grid-row-end:1}}div.artistImage[data-v-b3742730]{background-color:var(--b9078172)}div.header[data-v-b3742730]{display:flex;align-items:center;justify-content:space-between;grid-column:2}@media (max-width:600px){div.header[data-v-b3742730]{flex-direction:column;justify-content:flex-start;align-items:start}}div.ratingAndLink[data-v-b3742730]{display:flex;align-items:center;margin-right:20px}div.links[data-v-b3742730]{display:flex;flex-direction:column}@media (max-width:600px){div.links[data-v-b3742730]{grid-column:1/span 2;justify-self:center}}div.scores[data-v-b3742730]{display:flex;flex-wrap:wrap;margin-top:20px;margin-left:20px}@media (max-width:600px){div.scores[data-v-b3742730]{grid-column:1/span 2}}div.score[data-v-b3742730]{margin-right:20px;margin-top:0}p.name[data-v-b3742730]{text-align:left;font-size:4pc;font-weight:500;margin-top:0;margin-bottom:0;max-width:500px}@media (max-width:600px){p.name[data-v-b3742730]{font-size:2.5pc}}input.input[data-v-b3742730]{font-family:regular;color:var(--black);text-align:left;margin-top:0;margin-bottom:0;border:none;border-bottom:2px solid var(--4c4dc973);background-color:var(--white)}input.input[data-v-b3742730]:focus{outline:none;border-bottom-color:var(--b9078172)}input.name[data-v-b3742730]{font-size:4pc;font-weight:500;width:430px;margin-bottom:10px}@media (max-width:600px){input.name[data-v-b3742730]{font-size:2.5pc;width:56vw}}div.link[data-v-b3742730]{margin-right:auto}input.link[data-v-b3742730]{font-size:1.5pc;width:340px}@media (max-width:600px){input.link[data-v-b3742730]{font-size:1pc;width:50vw}}span.link[data-v-b3742730]{display:inline-block;text-align:left;min-width:90px;font-weight:500;font-size:1.2pc}a.link[data-v-b3742730]{color:var(--black)}a.link[data-v-b3742730]:hover{color:var(--b9078172)}a.link[data-v-b3742730]:active{color:var(--4c4dc973)}div.actions[data-v-b3742730]{grid-row:10;grid-column:2;margin-top:-20px;margin-right:5px;display:flex;justify-content:flex-end;margin-right:4px;margin-bottom:4px}button.button[data-v-b3742730]{height:32px;width:32px;margin-left:4px}button.edit[data-v-b3742730]{background-color:var(--4c4dc973);color:var(--b9078172)}button.edit[data-v-b3742730]:hover{background-color:var(--b9078172);color:var(--4c4dc973)}button.edit[data-v-b3742730]:active{background-color:var(--4c4dc973);color:var(--b9078172)}button.discard[data-v-b3742730]{background-color:var(--lightred);color:var(--darkred)}button.discard[data-v-b3742730]:hover{background-color:var(--darkred);color:var(--lightred)}button.discard[data-v-b3742730]:active{background-color:var(--lightred);color:var(--darkred)}button.confirm[data-v-b3742730]{background-color:var(--lightgreen);color:var(--darkgreen)}button.confirm[data-v-b3742730]:hover{background-color:var(--darkgreen);color:var(--lightgreen)}button.confirm[data-v-b3742730]:active{background-color:var(--lightgreen);color:var(--darkgreen)}div.listContainer[data-v-739bce0e]{display:flex;justify-content:center;flex-direction:row;height:80vh;overflow-y:scroll}@media (max-width:600px){div.listContainer[data-v-739bce0e]{height:84vh}}div.list[data-v-739bce0e]{display:flex;flex-direction:column;align-items:stretch;width:100%;margin-top:20px;max-width:900px}p.noResults[data-v-739bce0e]{margin-top:30px;font-size:2pc}div[data-v-3cb6575e]{display:none}div.searchContainer[data-v-35297ba7]{display:flex;align-items:center;justify-content:center;flex-direction:column}div.search[data-v-35297ba7]{display:flex;align-items:center;justify-content:center;margin-top:20px}input.search[data-v-35297ba7]{font-family:regular;font-size:1.6pc;background-color:var(--white);width:calc(var(--searchBarWidth) - 10px);height:28px;outline:none;border-style:none;color:var(--darkgrey);z-index:1;margin-top:3px}div.searchInputOutline[data-v-35297ba7]{background-color:var(--bae9702e);width:var(--searchBarWidth);height:36px}input.search[data-v-35297ba7]:focus{border-color:var(--darkyellow)}button.searchBar[data-v-35297ba7]{background-color:var(--darkred);stroke:var(--darkyellow);height:36px;width:36px}button.searchBar[data-v-35297ba7]:hover{background-color:var(--darkyellow);stroke:var(--darkred)}button.plusButton[data-v-35297ba7],button.searchBar[data-v-35297ba7]:active{background-color:var(--darkred);stroke:var(--darkyellow)}button.plusButton[data-v-35297ba7]:hover{background-color:var(--lightgreen);stroke:var(--darkgreen)}button.plusButton[data-v-35297ba7]:active{background-color:var(--darkgreen);stroke:var(--lightgreen)}button.chevron[data-v-35297ba7]{width:28px}div.selectedFilter[data-v-35297ba7]{margin-left:20px;margin-top:0;margin-bottom:0}div.filtersPanel[data-v-35297ba7]{display:flex;align-items:center;justify-content:left;border-style:none solid solid solid;border-width:3.2px;border-color:var(--darkred);width:calc(var(--searchBarWidth) + 94px);flex-wrap:wrap}span.artistLikeThisName[data-v-35297ba7]{font-size:1.5pc;margin-left:5px}div.snackbar[data-v-7b6edd09]{background-color:var(--lightred);outline:2px solid var(--darkred);text-align:center;padding:10px;position:fixed;z-index:1;right:3%;bottom:50px;width:15%}@media (max-width:600px){div.snackbar[data-v-7b6edd09]{width:70%;margin-right:-30%;right:50%}}div.banner[data-v-5cc9963a]{position:absolute;z-index:100;top:35vh;left:30vw;width:40vw;max-height:60vh;background-color:var(--lightblue);border:4px solid var(--darkblue);text-align:justify;overflow-y:scroll}@media (max-width:600px){div.banner[data-v-5cc9963a]{top:20vh;left:2vw;width:94vw;max-height:70vh;border:3px solid var(--darkblue)}}div.page[data-v-5cc9963a]{margin-left:10px;margin-right:10px}h1[data-v-5cc9963a]{text-align:center}span[data-v-5cc9963a]{font-size:1.5pc;display:inline-block;margin-top:20px}li[data-v-5cc9963a]{font-size:1.5pc}@media (max-width:600px){h1[data-v-5cc9963a]{font-size:1.5pc}span[data-v-5cc9963a]{font-size:1.2pc}li[data-v-5cc9963a]{font-size:1.2pc;margin-left:-20px}}div.buttons[data-v-5cc9963a]{position:sticky;bottom:0;display:flex;justify-content:end}button[data-v-5cc9963a]{background-color:var(--lightred);color:var(--darkred);height:36px;width:36px}button[data-v-5cc9963a]:hover{background-color:var(--darkred);color:var(--lightred)}button.page[data-v-5cc9963a]{background-color:var(--lightgreen);color:var(--darkgreen)}button.page[data-v-5cc9963a]:hover{background-color:var(--darkgreen);color:var(--lightgreen)}#app{font-family:regular;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--black)}:root{--lightteal:#00bfa3;--darkteal:#006b6d;--lightred:#ff7676;--darkred:#82211d;--lightblue:#41b2e3;--darkblue:#004d5e;--lightyellow:#ffe949;--darkyellow:#e8d24b;--lightgreen:#55b67d;--darkgreen:#325c40;--lightorange:#ffbc4e;--darkorange:#bf5a3e;--lightviolet:#baabf7;--darkviolet:#584a7f;--white:#f5f7fa;--cream:#fff3d6;--lightgrey:#4f5358;--darkgrey:#2d3136;--black:#1d1d21;--searchBarWidth:30vw}@media (max-width:600px){:root{--searchBarWidth:60vw}}@font-face{font-family:regular;src:url(/fonts/beiruti.6206727f.ttf)}@font-face{font-family:title;src:url(/fonts/zain.f5db5a51.ttf)}button{border:none;transition:all .1s;background:none;display:flex;justify-content:center;padding:0;padding-top:2px}#line1,#line2{animation:show 1s infinite}#line2{animation-delay:.125s;opacity:.1}#line3{animation:show 1s infinite;animation-delay:.25s;opacity:.2}#line4{animation:show 1s infinite;animation-delay:.375s;opacity:.3}#line5{animation:show 1s infinite;animation-delay:.5s;opacity:.4}#line6{animation:show 1s infinite;animation-delay:.625s;opacity:.5}#line7{animation:show 1s infinite;animation-delay:.75s;opacity:.6}#line8{animation:show 1s infinite;animation-delay:.865s;opacity:.7}@keyframes show{0%{opacity:1}12.5%{opacity:.8}25.0%{opacity:.7}37.5%{opacity:.6}50.0%{opacity:.5}62.5%{opacity:.4}75.0%{opacity:.3}87.5%{opacity:.2}100.0%{opacity:.1}}