/* Wizard conversation card, contained for demo forms and narrow pop-ups. */
html.twl-demo-browser #btnOpen{display:none!important}
.twl-demo-voice,.twl-demo-voice *{box-sizing:border-box}
.twl-demo-voice{--tdv-loaded:1;clear:both;display:block;width:100%;max-width:100%;min-width:0;margin:16px 0;border:1px solid #d2e0e9;border-radius:18px;overflow:hidden;font:14px/1.5 Arial,sans-serif;text-align:center;color:#fff;background:#112b40}
.twl-demo-voice[hidden],.twl-demo-voice [hidden]{display:none!important}
.twl-demo-voice .tdv-card{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;padding:30px;background:radial-gradient(ellipse at 50% 45%,#173f56 0,#112b40 65%);color:#fff}
.twl-demo-voice .tdv-heading{font:700 28px/1.2 Arial,sans-serif;letter-spacing:-.6px;color:#fff!important;margin:0 0 12px;max-width:100%;overflow-wrap:anywhere}
.twl-demo-voice .tdv-subtitle,.twl-demo-voice .tdv-note{color:#c2dcea!important;font:13px/1.65 Arial,sans-serif;margin:0;max-width:100%;overflow-wrap:anywhere}
.twl-demo-voice .tdv-wave-panel{position:relative;width:calc(100% + 60px);margin:12px -30px 0;min-height:210px;overflow:hidden}
.twl-demo-voice .tdv-wave{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.twl-demo-voice .tdv-mic-orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:116px;height:116px;border:2px solid #8acde8;border-radius:50%;background:linear-gradient(145deg,#297d9e,#155677);box-shadow:0 0 0 12px #4da5cf18,0 0 0 26px #4da5cf09,0 0 45px #329ed329;color:#fff;pointer-events:none}
.twl-demo-voice[data-audio-state=connecting] .tdv-mic-orb{background:#3b4174;border-color:#bdb4f0;box-shadow:0 0 0 15px #a598ec15,0 0 35px #b6acf02a}
.twl-demo-voice[data-audio-state=listening] .tdv-mic-orb{background:#12647d;border-color:#78e6f5;box-shadow:0 0 0 15px #22d3ee16,0 0 45px #22d3ee2a}
.twl-demo-voice[data-audio-state=speaking] .tdv-mic-orb{background:#176b61;border-color:#8be4c4;box-shadow:0 0 0 18px #34d39916,0 0 50px #34d39933}
.twl-demo-voice .tdv-status{color:#fff!important;font:700 15px/1.6 Arial,sans-serif;min-height:0;margin:0 0 12px;max-width:100%;overflow-wrap:anywhere}
.twl-demo-voice button{float:none;white-space:normal;max-width:100%;min-height:48px;min-width:100px;border:1px solid #93cde6;border-radius:8px;background:#0b6085;color:#fff!important;font:700 15px/1.5 Arial,sans-serif;padding:10px 18px;margin:4px auto 16px;text-shadow:none;cursor:pointer}
.twl-demo-voice button:focus-visible{outline:3px solid #c2edff;outline-offset:3px}
.twl-demo-voice .tdv-stop{background:#952d38;border-color:#e3a8af}
.twl-demo-voice .tdv-note{font-size:12px;border-top:1px solid #ffffff25;padding-top:15px;width:100%}
@media(max-width:767px){.twl-demo-voice{border-radius:14px}.twl-demo-voice .tdv-card{padding:22px 20px}.twl-demo-voice .tdv-heading{font-size:25px}.twl-demo-voice .tdv-wave-panel{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;min-height:190px}.twl-demo-voice .tdv-mic-orb{width:106px;height:106px}}
@media(max-width:359px){.twl-demo-voice .tdv-card{padding:20px 16px}.twl-demo-voice .tdv-heading{font-size:22px}.twl-demo-voice .tdv-wave-panel{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}}
@media(prefers-reduced-motion:reduce){.twl-demo-voice *{animation:none!important;transition:none!important}}