.voice-card{appearance:none;display:block;border:1px solid #ffffff0d;font:inherit;text-align:left;cursor:pointer;transition:box-shadow .2s,border-color .2s}
.demo-layout>div{min-width:0}
.receptionist-voice-example,.example-voice-card{min-width:0;max-width:100%}
.voice-card:hover{border-color:#ffffff38;box-shadow:0 18px 45px #00000024}
.voice-card:focus-visible{outline:3px solid #0071e3;outline-offset:5px}
.voice-heading{flex:1;min-width:0}
.voice-heading>span{display:block;color:#b7c6cd;font-size:11px;line-height:1.45;margin-top:2px}
.voice-card .call-top strong{font-weight:600;font-size:14px}
.voice-card .voice-caption{display:block;font-size:13px;line-height:1.55;color:#f5f5f7}
.voice-card .voice-waveform{display:flex;gap:3px;overflow:hidden;margin:16px 0 13px;height:44px}
.voice-card .voice-waveform i{display:block;min-width:2px;background:#83bafa;transition:background-color .15s}
.voice-card .voice-waveform i.is-played{background:#fff}
.voice-card .call-bottom{gap:9px;margin-top:17px;padding-top:12px}
.voice-card .voice-action{font-size:10px;letter-spacing:.02em;color:#c4cbd4;flex:1;text-transform:none}
.voice-card .voice-time{font-size:11px;letter-spacing:0;white-space:nowrap;color:#c4cbd4;font-variant-numeric:tabular-nums}
.voice-card .voice-control{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:#ffffff12;color:white;transition:background .2s}
.voice-card:hover .voice-control{background:#0071e3}
.voice-control svg{width:16px;height:16px;stroke:none;fill:currentColor;grid-area:1/1}
.voice-control .voice-pause{display:none}
.voice-card.is-playing .voice-control .voice-play{display:none}
.voice-card.is-playing .voice-control .voice-pause{display:block}
.voice-card.is-playing .voice-control{background:#0071e3}
.voice-card.has-error .voice-action{color:#ffc8c1}
.receptionist-voice-example{min-height:335px;display:flex;align-items:center;padding:28px 0}
.example-voice-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;padding:24px;border-radius:22px;background:#1d1d1f;box-shadow:0 12px 25px #0000000a;transform:none}
.example-voice-card .voice-waveform{height:54px;margin-top:24px;margin-bottom:21px}
.example-voice-card .voice-caption{font-size:15px;line-height:1.6}
.example-voice-card .call-top strong{font-size:15px}
.example-voice-card .voice-heading>span{font-size:12px}
.example-voice-card .voice-action,.example-voice-card .voice-time{font-size:12px}
.example-voice-card .voice-control{width:36px;height:36px;flex-basis:36px}
.conversation[hidden],.receptionist-voice-example[hidden]{display:none}
.voice-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:640px){.hero-voice-card{padding:18px}.hero-voice-card .voice-caption{font-size:12px}.hero-voice-card .voice-waveform{margin:13px 0 11px}.hero-voice-card .call-bottom{margin-top:13px;padding-top:10px}.hero-voice-card .voice-action{font-size:10px}.example-voice-card{padding:21px}.example-voice-card .voice-caption{font-size:14px}.example-voice-card .call-top strong{font-size:14px}.example-voice-card .voice-action,.example-voice-card .voice-time{font-size:11px}.receptionist-voice-example{padding:24px 0;min-height:330px}}
@media(prefers-reduced-motion:reduce){.voice-card,.voice-card .voice-waveform i,.voice-card .voice-control{transition:none}}