.page-music section{margin-bottom:8em}.page-music section:last-child{margin-bottom:0}.page-music .is-card{padding:var(--padding)}.page-music .is-card:hover{transform:none}.page-music .head{margin-bottom:2em}.page-music .head img{border-radius:var(--radius);float:left;height:6em;margin-right:1.5em;width:6em}.page-music .list{counter-reset:music-index;margin-bottom:1em;max-height:42em;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-music .list.stretch{max-height:none}.page-music .list:last-child{margin-bottom:0}.page-music .list li{border-radius:var(--radius);cursor:pointer;display:flex;padding:.75em;position:relative;transition:background-color .3s}.page-music .list li:before{content:counter(music-index);counter-increment:music-index;display:inline-block;margin-right:1rem;min-width:1.25em;opacity:.6;text-align:center}.page-music .list li.active:before,.page-music .list li:hover:before{background:50%/1em no-repeat;content:"";opacity:1}.page-music .list li:hover:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='red' d='M5.24 2.49C4.28 1.95 3.5 2.4 3.5 3.5v9c0 1.1.75 1.5 1.66.89l7.17-4.78c.92-.61.88-1.56-.07-2.1z'/%3E%3C/svg%3E")}.page-music .list li.active:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform:rotate(180deg)' viewBox='0 0 16 16'%3E%3Cstyle%3E@keyframes paul-scale{0%25{height:0}to{height:11px}}.st0{fill:red}%3C/style%3E%3Crect width='2' height='11' x='4' y='2.5' class='st0' style='animation:paul-scale .3s infinite alternate .3s backwards'/%3E%3Crect width='2' height='11' x='7' y='2.5' class='st0' style='animation:paul-scale .3s infinite alternate .15s backwards'/%3E%3Crect width='2' height='11' x='10' y='2.5' class='st0' style='animation:paul-scale .3s infinite alternate backwards'/%3E%3C/svg%3E")}.page-music .list li:nth-child(odd){background-color:var(--hover-bg-dark)}.page-music .list li:hover{background-color:var(--hovered-bg-dark)}.page-music .list li span{margin-right:1em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:29%}.page-music .list li span:not(:first-child){opacity:.6}@media screen and (max-width:900px){.page-music .list li span{width:50%}.page-music .list li span:nth-child(3){display:none}}@media screen and (max-width:600px){.page-music .list li span{width:auto}.page-music .list li span:nth-child(2){display:none}}.page-music .list li time{margin-left:auto;opacity:.6}