.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{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__tooltip{min-width:24px;min-height:24px;width:24px;height:24px;border-radius:50%!important;background:var(--black-80);position:absolute;top:4px;left:44px;z-index:1}.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%}