.button{display:flex;align-items:center;gap:8px;font-family:Roboto Mono,monospace;font-size:12px;font-optical-sizing:auto;font-weight:400;font-style:normal;border:none;border-radius:1000px;padding:8px 24px;min-height:42px;transition:transform .1s ease-in-out,background-color .1s ease-in-out;outline:none}.button,.button.button-style-regular{background-color:#ececf1;color:#101010}.button.button-style-action{background-color:#101010;color:#ececf1}.button.button-style-action:hover:not([disabled]){background-color:#404040}.button.button-style-alert{background-color:red;color:#ececf1}.button.button-style-alert:hover:not([disabled]){background-color:red}.button.button-style-flush{background-color:transparent}.button:not([disabled]){cursor:pointer}.button:hover:not([disabled]){background-color:#d8d8d8}.button:active:not([disabled]){transform:translateY(1px)}.button[disabled]{color:#999}.button .icon{display:flex}.button .icon.icon-start{margin-left:-8px}.button .icon.icon-end{margin-right:-8px}.button svg{width:16px;height:16px}.button.icon-red .icon{color:#c00}.button.icon-green .icon{color:#090}.button.icon-grey .icon{color:#909090}.button.icon-fill svg{fill:currentColor}[data-component=Toggle]{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;overflow:hidden;background-color:#ececf1;color:#101010;height:40px;border-radius:1000px}[data-component=Toggle]:hover{background-color:#d8d8d8}[data-component=Toggle] .label{position:relative;color:#666;transition:color .1s ease-in-out;padding:0 16px;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-component=Toggle] .label.right{margin-left:-8px}[data-component=Toggle] .toggle-background{background-color:#101010;position:absolute;top:0;left:0;width:auto;bottom:0;z-index:1;border-radius:1000px;transition:left .1s ease-in-out,width .1s ease-in-out}[data-component=Toggle][data-enabled=false] .label.left,[data-component=Toggle][data-enabled=true] .label.right{color:#fff}[data-component=AudioChat]{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-style:normal;font-size:12px;height:650px;display:flex;flex-direction:column;overflow:hidden;margin:0 8px}[data-component=AudioChat]>div{flex-shrink:0}[data-component=AudioChat] .spacer{flex-grow:1}[data-component=AudioChat] .content-top{display:flex;align-items:center;padding:8px 16px;min-height:40px}[data-component=AudioChat] .content-top .content-title{flex-grow:1;display:flex;align-items:center;gap:16px}[data-component=AudioChat] .content-top .content-title span{font-size:18px;font-weight:500}[data-component=AudioChat] .content-top .content-title img{width:24px;height:24px}[data-component=AudioChat] .content-main{flex-grow:1;flex-shrink:1!important;display:flex;overflow:hidden;margin:0 16px 24px}[data-component=AudioChat] .content-main .content-block{position:relative;display:flex;flex-direction:column;max-height:100%;width:100%}[data-component=AudioChat] .content-main .content-block .content-block-title{flex-shrink:0;padding-top:16px;padding-bottom:4px;position:relative}[data-component=AudioChat] .content-main .content-block .content-block-body{color:#6e6e7f;position:relative;flex-grow:1;padding:4px 0 8px;line-height:1.2em;overflow:auto}[data-component=AudioChat] .content-main .content-block .content-block-body.full{padding:0}[data-component=AudioChat] .content-main .content-logs{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}[data-component=AudioChat] .content-main .content-logs>div{flex-grow:1}[data-component=AudioChat] .content-main .content-logs>.content-actions{flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:16px}[data-component=AudioChat] .content-main .content-logs>div.events{overflow:hidden}[data-component=AudioChat] .content-main .content-logs .events{border-top:1px solid #e7e7e7}[data-component=AudioChat] .content-main .content-logs .conversation{display:flex;flex-shrink:0;width:100%;overflow:hidden;height:200px;min-height:0;max-height:200px;border-top:1px solid #e7e7e7}[data-component=AudioChat] .conversation-item{position:relative;display:flex;gap:16px;margin-bottom:16px}[data-component=AudioChat] .conversation-item:not(:hover) .close{display:none}[data-component=AudioChat] .conversation-item .close{position:absolute;top:0;right:-20px;background:#aaa;color:#fff;display:flex;border-radius:16px;padding:2px;cursor:pointer}[data-component=AudioChat] .conversation-item .close:hover{background:#696969}[data-component=AudioChat] .conversation-item .close svg{stroke-width:3;width:12px;height:12px}[data-component=AudioChat] .conversation-item .speaker{position:relative;text-align:left;gap:16px;width:80px;flex-shrink:0;margin-right:16px}[data-component=AudioChat] .conversation-item .speaker.user{color:#09f}[data-component=AudioChat] .conversation-item .speaker.assistant{color:#090}[data-component=AudioChat] .conversation-item .speaker-content{color:#18181b;overflow:hidden;word-wrap:break-word}[data-component=AudioChat] .event{border-radius:3px;white-space:pre;display:flex;padding:0;gap:16px}[data-component=AudioChat] .event .event-timestamp{text-align:left;gap:8px;padding:4px 0;width:80px;flex-shrink:0;margin-right:16px}[data-component=AudioChat] .event .event-details{display:flex;flex-direction:column;color:#18181b;gap:8px}[data-component=AudioChat] .event .event-details .event-summary{padding:4px 8px;margin:0 -8px}[data-component=AudioChat] .event .event-details .event-summary:hover{border-radius:8px;background-color:#f0f0f0}[data-component=AudioChat] .event .event-details .event-summary{cursor:pointer;display:flex;gap:8px;align-items:center}[data-component=AudioChat] .event .event-details .event-source{flex-shrink:0;display:flex;align-items:center;gap:8px}[data-component=AudioChat] .event .event-details .event-source.client{color:#09f}[data-component=AudioChat] .event .event-details .event-source.server{color:#090}[data-component=AudioChat] .event .event-details .event-source.error{color:#900}[data-component=AudioChat] .event .event-details .event-source svg{stroke-width:3;width:12px;height:12px}[data-component=AudioChat] .visualization{position:absolute;display:flex;bottom:4px;right:8px;padding:4px;border-radius:16px;z-index:10;gap:2px}[data-component=AudioChat] .visualization .visualization-entry{position:relative;display:flex;align-items:center;height:40px;width:100px;gap:4px}[data-component=AudioChat] .visualization .visualization-entry.client{color:#09f}[data-component=AudioChat] .visualization .visualization-entry.server{color:#090}[data-component=AudioChat] .visualization .visualization-entry canvas{width:100%;height:100%;color:currentColor}