:root{--text: #222;--neutral: #999;--heart: #ff8fab;--highlight-1: #CEC2FF;--highlight-2: #BAF2E9}.font-source-sans{font-family:Source Sans Pro,sans-serif}.font-bungee{font-family:Bungee,cursive}.font-calistoga{font-family:Calistoga,cursive}.font-poppins{font-family:Poppins,sans-serif}html,body{margin:0;padding:0;font-family:Poppins,sans-serif;color:var(--text)}.container{max-width:auto;background-color:#fff}@media (min-width: 1000px){.container{max-width:900px;margin:auto;box-shadow:0 10px 15px #ccc}}header{image-rendering:pixelated;font-family:Poppins,sans-serif;padding:40px;font-size:clamp(40px,.625rem + 6vw,50px);color:var(--text);line-height:1.5;background:var(--highlight-1);background:linear-gradient(138deg,var(--highlight-1) 0%,var(--highlight-2) 100%)}@media (min-width: 768px){header{font-size:clamp(40px,.625rem + 5vw,90px)}}header h1{margin:0;text-align:center;font-weight:900;font-size:inherit}header h1.with-margin{margin-bottom:0}@media (min-width: 1000px){header h1.with-margin{margin-bottom:40px}}header h1 a{color:inherit;text-decoration:none}header.inverted{color:#111;text-shadow:5px 5px 0 #fff}article.main{margin:clamp(10px,5vw,40px);padding:0 0 80px;background-color:#fff}@media (min-width: 768px){article.main{margin:clamp(10px,5vw,40px);padding:0 0 40px}}article.main img{max-width:100%;height:auto}div.username{box-shadow:0 10px 15px #0003;padding:20px;border:1px solid #eee;border-radius:10px;margin-top:0;background-color:#fff;display:flex;justify-content:center;align-items:center}@media (min-width: 1000px){div.username{padding:40px;transform:translateY(-90px);margin-bottom:-90px}}div.username img{float:left;height:60px;width:60px;vertical-align:bottom;margin-right:1em;border-radius:50%;border:5px solid var(--highlight-1)}div.username h2{margin-top:0;font-size:clamp(1rem,.625rem + 3vw,2.5rem);font-weight:600;line-height:50px;margin-bottom:0}ul.list-emoji-sparkle{list-style:none;padding:0;margin:0 0 3rem}ul.list-emoji-sparkle li{padding-left:1rem;text-indent:-.7rem;margin-bottom:10px;font-size:20px}@media (min-width: 768px){ul.list-emoji-sparkle li{font-size:30px}}ul.list-emoji-sparkle li:before{content:"💿 ";padding-right:10px;color:#ffc400}h2.section-title{font-size:20px;font-weight:600;margin-top:40px}@media (min-width: 768px){h2.section-title{font-size:30px;margin-top:60px}}h2{font-weight:600}.track{margin-bottom:60px}.track-number{display:block;width:5%;height:50px;border-radius:50%;background-color:#fff;color:#333;border:5px solid var(--highlight-1);text-align:center;line-height:50px;font-size:30px;margin-bottom:-40px;margin-left:-10px;z-index:10;position:relative;font-weight:700}.track:nth-of-type(2n) .track-number{border:5px solid var(--highlight-2)}.track .track-image img{aspect-ratio:4/3;object-fit:cover}.track iframe{aspect-ratio:16 / 9;height:100%;width:100%}.track-details{font-size:20px;line-height:1;margin-top:-10px;margin-bottom:40px}.track-name{font-size:30px;line-height:1;margin-bottom:0;font-weight:600}.track-name span{color:var(--highlight-1)}.track-likes{display:flex;flex-direction:row;align-items:center}.hearticon{max-width:24px;display:inline-block;margin-right:.3em;color:var(--heart)}table{zoom:50%}@media (min-width: 1000px){table{zoom:unset}}th{font-weight:600}td,th{padding:5px 10px;text-align:left}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.tablesorter-header-inner:hover{text-decoration:underline}.tablesorter-headerAsc div:after{content:" ▲";color:var(--highlight-1)}.tablesorter-headerDesc div:after{content:" ▼";color:var(--highlight-1)}footer{margin-top:80px;border-top:1px solid #ccc}footer h2.section-title{margin-top:20px}section{margin-bottom:60px}.screenshot{display:none}.screenshot img{box-shadow:0 10px 15px #ccc}article.main a{text-decoration:none}article.main a:hover{text-decoration:underline}ul.list-inline-avatars{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}ul.list-inline-avatars img{border-radius:50%;width:50px;height:50px;margin-right:10px;box-shadow:5px 5px 0 var(--highlight-1);max-width:unset}ul.list-inline-avatars li:nth-of-type(2n) img{box-shadow:5px 5px 0 var(--highlight-2)}b{font-weight:600}.grid-2-cols,.grid-4-cols{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}@media (min-width: 768px){.grid-4-cols{grid-template-columns:1fr 1fr 1fr 1fr}}.grid-5-cols{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:20px}@media (min-width: 768px){.grid-5-cols{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}.top-4-tracks{article.track{margin-bottom:inherit;.track-number{width:40px;height:40px;line-height:40px;font-weight:600}.track-details{font-size:inherit;margin-bottom:0}.track-name{font-size:inherit;font-weight:inherit}}}#usersearch{input,button{font-family:Poppins,sans-serif;font-size:1.2em;padding:10px}input{max-width:75%}}.autocomplete>div{padding:10px!important;font-family:Poppins,sans-serif;font-size:1.2em}.summary-with-icons{font-size:20px}@media (min-width: 768px){.summary-with-icons{font-size:24px}}.summary-with-icons div{margin-bottom:20px}.heroicon{max-width:24px;display:inline-block;margin-right:.3em;vertical-align:middle;background-color:var(--highlight-1);border-radius:15px;padding:10px;corner-shape:squircle}.summary-with-icons div:nth-of-type(2n) .heroicon{background-color:var(--highlight-2)}.artist{background-color:var(--highlight-1);padding:10px;corner-shape:squircle;border-radius:15px}.artist:nth-of-type(2n){background-color:var(--highlight-2)}html,body{margin:0;width:100%;height:100%}