.cls-beat-item-preview{border:1px solid var(--slate-700);background:rgba(26,26,26,.4);box-shadow:0 4px 24px 0 rgba(0,0,0,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:var(--sm);border-radius:var(--sm);padding:10px;flex-shrink:0}.cls-beat-item-preview--small{padding:var(--sm)}.cls-beat-item-preview--highlight{background:rgba(37,37,37,.6)}.cls-beat-item-preview__cover{width:var(--3xl);height:var(--3xl);border-radius:var(--3xs);flex-shrink:0}.cls-beat-item-preview__meta{display:flex;flex-direction:column;justify-content:center;gap:var(--3xs);font-weight:var(--medium);width:105px;flex-shrink:0}.cls-beat-item-preview__title{font-size:10px;color:var(--slate-0)}.cls-beat-item-preview__producer-name,.cls-beat-item-preview__title{line-height:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cls-beat-item-preview__producer-name{font-size:var(--xs);color:var(--slate-300)}.cls-beat-item-preview__waveform{position:relative;transform:scaleY(.8);margin-left:var(--xl)}.cls-beat-item-preview__waveform--highlighted{transform:translateX(-1.5rem) scaleY(.8)}@media only screen and (min-width:576px){.cls-beat-item-preview{padding:var(--lg);border-radius:var(--lg)}.cls-beat-item-preview--small{padding:var(--sm)}.cls-beat-item-preview__cover{width:var(--5xl);height:var(--5xl)}.cls-beat-item-preview--small .cls-beat-item-preview__cover{width:var(--4xl);height:var(--4xl)}.cls-beat-item-preview--highlight.cls-beat-item-preview--small .cls-beat-item-preview__cover{width:var(--5xl);height:var(--5xl)}.cls-beat-item-preview__meta{gap:var(--xs);width:140px}.cls-beat-item-preview__title{font-size:var(--lg);line-height:var(--lg)}.cls-beat-item-preview__producer-name{font-size:var(--md);line-height:var(--md)}}