.add-remove-button{height:36px;width:36px}.add-remove-button__icon{align-items:center;display:flex;height:16px;justify-content:center;transform-origin:center;width:16px}.add-remove-button__icon--loading{animation:add-remove-button-spin .7s linear infinite}.add-remove-button__icon--success{animation:add-remove-button-check-pop .24s cubic-bezier(.2,.8,.2,1)}@keyframes add-remove-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes add-remove-button-check-pop{0%{opacity:0;transform:scale(.65) rotate(-14deg)}60%{opacity:1;transform:scale(1.08) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}:export{xxs:375px;xs:480px;s:560px;m:768px;l:1020px;xl:1240px;xxl:1400px}.track-item{width:100%;max-width:100%;box-sizing:border-box;border-radius:16px;position:relative}.track-item:hover{background-color:var(--white-5)}.track-item .icon-card-with-button{display:block;flex:1 1 0;width:100%;min-width:0;padding:0 0 0 12px;height:64px}.track-item .icon-card-with-button .icon-card__title{gap:4px}.track-item .icon-card-with-button:hover{background-color:transparent!important}.track-item__tag{min-width:20px;min-height:20px;width:20px;height:20px;border-radius:50%!important;position:absolute;top:4px;left:40px;z-index:2}.track-item__tag>svg{display:block}.track-item__tag--external{background:var(--black-80)}.track-item__tag--vibe{background:rgba(var(--app-panel-rgb),.95);background-clip:padding-box;isolation:isolate;border-radius:20px}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.track-item__tag--vibe{background:#fff3}}html.apple-silicon .track-item__tag--vibe{-webkit-backdrop-filter:blur(6px) saturate(100%);backdrop-filter:blur(6px) saturate(100%);background:#fff3;background-color:#fff3;background-clip:padding-box;isolation:isolate;border-radius:20px}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){html.apple-silicon .track-item__tag--vibe{background:#fff3}}.track-item .add-remove-button-tooltip{width:fit-content!important;height:fit-content!important}.track-item .track-item__playback-button{position:absolute;display:none;left:12px;z-index:1;min-width:44px;min-height:44px;width:44px;height:44px;border-radius:50%!important;background-color:var(--black-50)}.track-item .track-item__playback-button--square{border-radius:12px!important}.track-item .track-item__playback-button:hover{background-color:var(--black-50)!important}.track-item__is-playable{position:relative}.track-item__is-playable:hover .track-item__playback-button,.track-item__playing .track-item__playback-button{display:block}.track-item{flex:1 1 100%}