.version-player{border-radius:7px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.05);color:var(--white)}.version-player .bounce{padding:35px 25px;border-bottom:1px solid hsla(0,0%,100%,.2);grid-template-columns:auto 1fr;display:grid;gap:20px;align-items:center}.version-player .bounce .track-preview{height:50px}.version-player .bounce .outline svg .blobs{stroke-width:3px;stroke:var(--white);fill:none}.version-player .bounce .play-pause{width:55px;height:55px;background:var(--white);border-radius:50%;color:var(--dark-grey)}.version-player .bounce .play-pause .svg-play{width:20px;height:20px}.version-player .bounce .play-pause .svg-pause{width:14px;height:auto}.version-player .bounce .bounce-track{transition:opacity .3s}.version-player .bounce .bounce-track:not(.active,:hover),.version-player .stems:hover .stem:not(.active,:hover),.version-player.solo .stems .stem:not(.active,:hover){opacity:.4}.version-player .stems{margin:30px 0}.version-player .stems .stem{grid-template-columns:auto 1fr;display:grid;gap:50px;width:100%;padding:0 30px;transition:opacity .3s;cursor:pointer}.version-player .stems .stem .solo{grid-template-rows:auto 1fr;display:grid;padding-left:20px;height:100%}.version-player .stems .stem .solo .circle{width:10px;height:10px;border:1px solid var(--white);border-radius:50%;transition:background .3s}.version-player .stems .stem .solo .line{width:1px;height:100%;background:var(--white);opacity:.3;margin:auto}.version-player .stems .stem:last-child .solo .line{opacity:0}.version-player .stems .stem.active .solo .circle{background:var(--white)}.version-player .stems .stem .track{text-align:left;padding-bottom:10px}.version-player .stems .stem .track h6{font-family:var(--font-mono);font-size:11px;font-size:.6875rem;margin:0;text-transform:uppercase}