whisper-stt.css · samitouri/QOSami_Agents_Zero

main

css 83 lines 1.41 KB

Raw

1	#microphone-button {
2	order: 1;
3	border-color: transparent;
4	border-radius: 12px;
5	background-color: transparent;
6	color: grey;
7	transition:
8	background-color 0.2s ease,
9	border-color 0.2s ease,
10	box-shadow 0.12s ease-in-out,
11	color 0.2s ease,
12	opacity 0.12s ease-in-out;
13	}
14
15	#microphone-button svg {
16	transform-origin: center;
17	transition: color 0.2s ease, transform 0.12s ease-in-out;
18	}
19
20	#microphone-button.mic-disabled {
21	color: #5f6368;
22	cursor: not-allowed;
23	opacity: 0.58;
24	}
25
26	#microphone-button.mic-inactive {
27	color: grey;
28	}
29
30	#microphone-button.mic-activating {
31	color: silver;
32	}
33
34	#microphone-button.mic-listening {
35	color: red;
36	}
37
38	#microphone-button.mic-recording {
39	color: green;
40	}
41
42	#microphone-button.mic-waiting {
43	color: teal;
44	}
45
46	#microphone-button.mic-processing {
47	color: darkcyan;
48	}
49
50	#microphone-button.mic-activating svg,
51	#microphone-button.mic-processing svg {
52	animation: whisper-stt-mic-pulse 0.8s infinite;
53	}
54
55	@media (hover: hover) {
56	#microphone-button:not(.mic-disabled):hover {
57	box-shadow: none;
58	}
59
60	#microphone-button:not(.mic-disabled):hover svg {
61	transform: scale(1.08);
62	}
63	}
64
65	#microphone-button:not(.mic-disabled):active {
66	box-shadow: none;
67	}
68
69	#microphone-button:not(.mic-disabled):active svg {
70	transform: scale(0.92);
71	}
72
73	@keyframes whisper-stt-mic-pulse {
74	0% {
75	transform: scale(1);
76	}
77	50% {
78	transform: scale(1.1);
79	}
80	100% {
81	transform: scale(1);
82	}
83	}