.action-button{display:flex;align-items:center;justify-content:center;background:var(--Neutral-20,#21292b);color:var(--Neutral-60,#909599);font-size:1.25rem;line-height:1.75rem;text-transform:lowercase;animation:opacity-pulse 3s ease-in infinite;transition:all .2s ease-in-out;width:48px;height:48px;border-radius:18px;border:1px solid rgba(0,0,0,0);user-select:none;cursor:pointer}.action-button:focus{border:2px solid var(--Neutral-20,#21292b);outline:2px solid var(--Neutral-80,#bec4c8)}.action-button.outlined{background:var(--Neutral-2,#0f1719);border:1px solid var(--Neutral-20,#21292b)}.action-button .no-action{pointer-events:none}.action-button:hover{background:rgba(0,0,0,0);border:1px solid var(--Neutral-20,#21292b)}.action-button.connected{background:var(--Blue-800,#0a3660);color:var(--Blue-500,#1565c0)}.action-button.connected:hover{border:1px solid var(--Blue-500,#1565c0)}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}@property --volume{syntax:"length";inherit:false;initial-value:0}.disabled .mic-button,.mic-button.disabled{background:rgba(0,0,0,0)}.mic-button{position:relative;background-color:var(--accent-red,#e53935);z-index:1;color:black;transition:all .2s ease-in}.mic-button:focus{border:2px solid var(--Neutral-20,#21292b);outline:2px solid var(--Red-500,#f44336)}.mic-button:hover{background-color:var(--Red-400,#ef5350)}.mic-button:before{position:absolute;z-index:-1;top:calc(var(--volume) * -1);left:calc(var(--volume) * -1);display:block;content:"";opacity:.35;background-color:var(--Red-500,#f44336);width:calc(100% + var(--volume) * 2);height:calc(100% + var(--volume) * 2);border-radius:24px;transition:all .02s ease-in-out}.connect-toggle:focus{border:2px solid var(--Neutral-20,#21292b);outline:2px solid var(--Neutral-80,#bec4c8)}.connect-toggle:not(.connected){background-color:var(--Blue-500,#1565c0);color:var(--Neutral-5,#131a1c)}.control-tray{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:inline-flex;justify-content:center;align-items:flex-start;gap:8px;padding-bottom:18px}.control-tray .action-button.disabled,.control-tray .disabled .action-button{background:rgba(0,0,0,0);border:1px solid var(--Neutral-30,#404547);color:var(--Neutral-30,#404547)}.control-tray .connection-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.control-tray .connection-container .connection-button-container{border-radius:27px;border:1px solid var(--Neutral-30,#404547);background:var(--Neutral-5,#131a1c);padding:10px}.control-tray .connection-container .text-indicator{font-size:11px;color:var(--Blue-500,#1565c0);user-select:none}.control-tray .connection-container:not(.connected) .text-indicator{opacity:0}.actions-nav{background:var(--Neutral-5,#131a1c);border:1px solid var(--Neutral-30,#404547);border-radius:27px;display:inline-flex;gap:12px;align-items:center;overflow:clip;padding:10px;transition:all .6s ease-in}.actions-nav>*{display:flex;align-items:center;flex-direction:column;gap:1rem}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}