.track-item{background:transparent;border:1px solid var(--ui-color-control-border);border-radius:var(--ui-radius-md);padding:.75rem 1rem}.track-item__head{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.track-item__name{color:var(--ui-color-text);font-weight:var(--ui-font-weight-bold);overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.track-item__name:hover{color:var(--ui-color-primary)}.track-item__meta{align-items:center;color:var(--ui-color-muted);display:flex;flex-shrink:0;font-size:var(--ui-font-size-sm);gap:.5rem}.track-item__genre{color:var(--ui-color-muted);text-decoration:none}.track-item__genre:hover{color:var(--ui-color-primary)}.track-item__demo{border:1px solid var(--ui-color-control-border);border-radius:var(--ui-radius-sm);font-size:.6875rem;padding:0 .3125rem;text-transform:uppercase}.track-item__main{align-items:center;display:flex;gap:.75rem}.track-item__play{flex-shrink:0;line-height:0}.track-item__waveform{cursor:pointer;flex:1;height:3.125rem;min-width:0;position:relative}.track-item__progress-wrap{border-radius:var(--ui-radius-sm);inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.track-item__progress{background:linear-gradient(270deg,rgba(0,0,0,.2),transparent);height:100%;width:0}.track-item__wave-img{display:block;height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.track-item__wave-empty{background:var(--ui-color-background-secondary);border-radius:var(--ui-radius-sm);height:100%}.track-item__footer{font-size:var(--ui-font-size-sm);gap:.75rem;justify-content:space-between;margin-top:.5rem}.track-item__author,.track-item__footer{align-items:center;color:var(--ui-color-muted);display:flex}.track-item__author{gap:.375rem;min-width:0;text-decoration:none}.track-item__author:hover{color:var(--ui-color-primary)}.track-item__username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-item__username.is-pro{font-weight:var(--ui-font-weight-bold)}.track-item__stats{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.track-item__stat{align-items:center;color:var(--ui-color-muted);display:flex;gap:.25rem;text-decoration:none}.track-item__like{font-weight:700;gap:.3125rem}.track-item__like .like-button{color:var(--ui-color-muted);font-size:.9375rem;height:.9375rem;width:.9375rem}.track-item__like .like-button.active,.track-item__like .like-button:hover{color:var(--ui-color-primary)}.track-item__edit{color:var(--ui-color-muted);line-height:0}.track-item__edit:hover{color:var(--ui-color-primary)}