.audio{align-items:center;background:#f4f0fa;border-radius:8px;display:inline-flex;flex-direction:row;padding:5px 10px}.audio *{direction:ltr;display:inline-block}.audio em{color:#8c62c6}.audio .audio-right>*{font-style:normal;margin:0 0 0 8px}.audio .audio-right{align-items:center;display:flex;flex-direction:row}.audio .audio-right section,.audio .audio-right span{color:#8c62c6;margin:0;min-width:0!important;overflow:hidden;position:relative;text-align:center;transition:1s;width:0}.audio .audio-right section{height:25px}.audio .audio-right section *{display:block}.audio .audio-right em{color:#8c62c6}.audio .audio-right.open section,.audio .audio-right.open span{margin:0 0 0 8px;width:auto}.audio .audio-right.open span{width:45px}.audio .audio-right.open em{color:#8c62c6}.audio .audio-right.open section{width:200px}.audio svg{color:#8c62c6}