.track-item{width:100%;max-width:100%;box-sizing:border-box;border-radius:16px;position:relative}@media(hover:hover)and (pointer:fine){.track-item:hover{background-color:#f5f2f00d}}.track-item .icon-card-with-button{display:block;flex:1 1 0;width:100%;min-width:0;overflow:visible;padding:0 0 0 12px;height:64px}.track-item .icon-card-with-button .icon-card{min-width:0;overflow:visible}.track-item .icon-card-with-button .icon-card__title{min-width:0;overflow:hidden}.track-item .icon-card-with-button .icon-card__title{gap:4px}.track-item .icon-card-with-button .icon-card__title--heading,.track-item .icon-card-with-button .icon-card__title--subheading{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-item .icon-card-with-button .icon-card__title--heading:has(.track-item__title-with-explicit){display:flex;align-items:center;text-overflow:clip}@media(hover:hover)and (pointer:fine){.track-item .icon-card-with-button:hover{background-color:transparent!important}}.track-item__tag{position:absolute;top:4px;left:40px;z-index:2}.track-item__tag>svg{display:block}.track-item__tag--external{background:#000c}.track-item .add-remove-button-tooltip{flex:none;width:fit-content!important;height:fit-content!important}.track-item .track-item__playback-button{position:absolute;display:none;left:10px;z-index:2;background-color:#00000080}.track-item .track-item__playback-button--square{border-radius:12px!important}@media(hover:hover)and (pointer:fine){.track-item .track-item__playback-button:hover{background-color:#00000080!important}}.track-item__is-playable{position:relative}@media(hover:hover)and (pointer:fine){.track-item__is-playable:hover .track-item__playback-button{display:flex}}.track-item__playing .track-item__playback-button{display:flex}.track-item{flex:1 1 100%}