.track-embed-container{container:track-embed/inline-size}.track-embed[data-layout=compact]{grid-template-rows:minmax(0,1fr) 44px;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px;display:grid}.track-embed[data-layout=compact] .track-embed-content{display:contents}.track-embed[data-layout=compact] .track-embed-art{border-radius:4px;width:72px;height:72px;overflow:hidden}.track-embed[data-layout=compact] .track-embed-meta{align-self:start}.track-embed[data-layout=compact] .track-embed-title,.track-embed[data-layout=compact] .track-embed-artist{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.track-embed[data-layout=compact] .track-embed-title{font-size:16px;line-height:20px}.track-embed[data-layout=compact] .track-embed-artist{font-size:13px;line-height:18px}.track-embed[data-layout=compact] .track-embed-controls{grid-column:1/-1;gap:8px;min-width:0}.track-embed[data-layout=compact] .track-embed-play{width:44px;height:44px}.track-embed[data-layout=compact] .track-embed-time{flex-shrink:0;width:36px}.track-embed[data-layout=compact] .track-embed-seek{background:0 0;align-items:center;min-width:24px;height:44px;display:flex;position:relative}.track-embed[data-layout=compact] .track-embed-seek:before{content:"";background:var(--color-secondary);border-radius:999px;height:6px;position:absolute;inset-inline:0}.track-embed[data-layout=compact] .track-embed-seek>div{height:6px;position:relative}.track-embed[data-layout=compact] .track-embed-unavailable{flex-wrap:wrap;gap:4px}@container track-embed (width<480px){.track-embed[data-layout=auto]{grid-template-rows:minmax(0,1fr) 44px;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px;display:grid}.track-embed[data-layout=auto] .track-embed-content{display:contents}.track-embed[data-layout=auto] .track-embed-art{border-radius:4px;width:72px;height:72px;overflow:hidden}.track-embed[data-layout=auto] .track-embed-meta{align-self:start}.track-embed[data-layout=auto] .track-embed-title,.track-embed[data-layout=auto] .track-embed-artist{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.track-embed[data-layout=auto] .track-embed-title{font-size:16px;line-height:20px}.track-embed[data-layout=auto] .track-embed-artist{font-size:13px;line-height:18px}.track-embed[data-layout=auto] .track-embed-controls{grid-column:1/-1;gap:8px;min-width:0}.track-embed[data-layout=auto] .track-embed-play{width:44px;height:44px}.track-embed[data-layout=auto] .track-embed-time{flex-shrink:0;width:36px}.track-embed[data-layout=auto] .track-embed-seek{background:0 0;align-items:center;min-width:24px;height:44px;display:flex;position:relative}.track-embed[data-layout=auto] .track-embed-seek:before{content:"";background:var(--color-secondary);border-radius:999px;height:6px;position:absolute;inset-inline:0}.track-embed[data-layout=auto] .track-embed-seek>div{height:6px;position:relative}.track-embed[data-layout=auto] .track-embed-unavailable{flex-wrap:wrap;gap:4px}}