.audio-player[data-v-3eb2b895]{align-items:center;background:var(--background);border-radius:var(--radius_lv2);box-shadow:var(--button_general);-moz-column-gap:var(--gap-x_lv5);column-gap:var(--gap-x_lv5);display:flex;height:64px;padding-left:var(--space_lv3);padding-right:var(--space_lv5);width:350px}.audio-player .left-display[data-v-3eb2b895]{align-items:center;-moz-column-gap:var(--gap-x_lv3);column-gap:var(--gap-x_lv3);display:flex}.audio-player .left-display .user-icon[data-v-3eb2b895]{border-radius:var(--radius_lv1);height:48px;overflow:hidden;width:48px}.audio-player .left-display .text[data-v-3eb2b895]{color:var(--on_surface);display:flex;flex-direction:column;row-gap:var(--gap-y_lv2)}.audio-player .left-display .title[data-v-3eb2b895]{font-size:14px;font-weight:600;height:20px;letter-spacing:.05em;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:230px}.audio-player .left-display .time[data-v-3eb2b895]{font-size:12px;font-weight:400;letter-spacing:.05em;line-height:1}.audio-player .right-display[data-v-3eb2b895]{height:24px;width:24px}.audio-player .right-display .close-button[data-v-3eb2b895],.audio-player .right-display .play-button[data-v-3eb2b895]{align-items:center;color:var(--on_surface);cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.audio-player.has-close-button[data-v-3eb2b895]{max-width:600px;width:-moz-fit-content;width:fit-content}.audio-player.has-close-button .right-display[data-v-3eb2b895]{-moz-column-gap:var(--gap-x_lv3);column-gap:var(--gap-x_lv3);display:flex;width:56px}.audio-player.has-close-button .title[data-v-3eb2b895]{width:190px}@media screen and (min-width:768px){.audio-player.has-close-button .title[data-v-3eb2b895]{width:450px}}