.common-audio-shell[data-v-b74e718a]{margin-left:auto;margin-right:auto;max-width:1200px;width:100%}.demo-type-label--before[data-v-b74e718a]{color:#64748b}.demo-type-label--after[data-v-b74e718a]{color:var(--system-color,#8882f5)}.demo-audio-card--before[data-v-b74e718a]{background:linear-gradient(135deg,var(--system-color,#8882f5) 0,var(--system-color-hover,#6f68f0) 100%);box-shadow:0 4px 16px color-mix(in srgb,var(--system-color) 22%,transparent);color:#fff}.demo-audio-card--after[data-v-b74e718a]{background:color-mix(in srgb,var(--system-color) 1.5%,#fff);border:1px solid color-mix(in srgb,var(--system-color) 16%,#d4dae3);box-shadow:inset 0 1px #ffffffe6,0 1px 3px #0f172a0d}.demo-play-btn--on-brand[data-v-b74e718a]{background:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px color-mix(in srgb,var(--system-color) 35%,transparent);color:var(--system-color,#8882f5)}.demo-play-btn--on-light[data-v-b74e718a]{background:var(--system-color,#8882f5);box-shadow:0 2px 8px color-mix(in srgb,var(--system-color) 28%,transparent);color:#fff}.demo-play-btn--on-brand[data-v-b74e718a]:hover{color:var(--system-color-hover,#6f68f0)}.demo-play-btn--on-light[data-v-b74e718a]:hover{background:var(--system-color-hover,#6f68f0)}.demo-audio-label--before[data-v-b74e718a]{color:#fff}.demo-audio-label--after[data-v-b74e718a]{color:var(--system-color,#8882f5)}.demo-audio-label--after[data-v-b74e718a]:hover{color:var(--system-color-hover,#6f68f0)}.demo-wave-wrap[data-v-b74e718a] .cursor,.demo-wave-wrap[data-v-b74e718a] [data-part=cursor],.demo-wave-wrap[data-v-b74e718a] div[part=cursor]{border-radius:2px;box-shadow:0 0 0 1px #ffffff73;opacity:1!important}.demo-wave-wrap--before[data-v-b74e718a] .cursor,.demo-wave-wrap--before[data-v-b74e718a] [data-part=cursor],.demo-wave-wrap--before[data-v-b74e718a] div[part=cursor]{box-shadow:0 0 0 2px #8882f573,0 0 10px #ffffff8c}.demo-wave-wrap--after[data-v-b74e718a] .cursor,.demo-wave-wrap--after[data-v-b74e718a] [data-part=cursor],.demo-wave-wrap--after[data-v-b74e718a] div[part=cursor]{box-shadow:0 0 0 2px #ffffffe6,0 0 8px #635bff59}