.audio-thumbnail[data-v-51b51c42]{height:42px;background-color:var(--generic-background-color);padding:6px 8px;border-radius:8px;max-width:500px}.audio-thumbnail-player[data-v-51b51c42],.audio-thumbnail[data-v-51b51c42]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.audio-thumbnail-player[data-v-51b51c42]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px;color:var(--app-grey-5)}.audio-thumbnail-play-button[data-v-51b51c42]{border:none;background:none;cursor:pointer}.audio-thumbnail-name[data-v-51b51c42]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;font-weight:500;color:var(--black-to-white);text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;max-width:158px}.file-thumbnail-extension[data-v-51b51c42]{color:var(--app-grey-4)}.audio-thumbnail-progress[data-v-51b51c42]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:calc(100% - 30px);padding-top:10px}.progress-bar[data-v-51b51c42]{cursor:pointer;margin-bottom:10px}.inactive-progress[data-v-51b51c42],.progress-bar[data-v-51b51c42]{height:4px;width:100%;background-color:var(--app-grey-5)}.active-progress[data-v-51b51c42]{width:100%;height:4px;background-color:var(--app-brand-green-1)}.audio-thumbnail-duration[data-v-51b51c42]{font-size:12px;color:var(--app-grey-5);margin-left:2px;display:-webkit-box;display:-ms-flexbox;display:flex}.audio-thumbnail-info[data-v-51b51c42]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.audio-thumbnail-info[data-v-51b51c42] .thumbnail-time-bar{width:100%}