CoCalc -- accountTitleBarWidget.css

GitHub Repository: microsoft/vscode
Path: blob/main/src/vs/sessions/contrib/accountMenu/browser/media/accountTitleBarWidget.css
¹³⁴⁰⁵ views
1
/*---------------------------------------------------------------------------------------------
2
 *  Copyright (c) Microsoft Corporation. All rights reserved.
3
 *  Licensed under the MIT License. See License.txt in the project root for license information.
4
 *--------------------------------------------------------------------------------------------*/
5

6
.agent-sessions-workbench .sessions-account-titlebar-widget {
7
	display: flex;
8
	align-items: center;
9
	justify-content: center;
10
	gap: 0;
11
	position: relative;
12
	height: 22px;
13
	width: 22px;
14
	min-width: 22px;
15
	background: transparent;
16
	border-radius: var(--vscode-cornerRadius-medium);
17
	color: inherit;
18
	cursor: pointer;
19
	-webkit-app-region: no-drag;
20
	overflow: hidden;
21
}
22

23
.agent-sessions-workbench .sessions-account-titlebar-widget:hover,
24
.agent-sessions-workbench .action-item:focus-within .sessions-account-titlebar-widget {
25
	background: var(--vscode-toolbar-hoverBackground);
26
}
27

28
.agent-sessions-workbench .sessions-account-titlebar-widget:active,
29
.agent-sessions-workbench .sessions-account-titlebar-widget.menu-visible,
30
.agent-sessions-workbench .action-item:focus-within .sessions-account-titlebar-widget.menu-visible {
31
	background: var(--vscode-toolbar-activeBackground);
32
}
33

34
.agent-sessions-workbench .action-item:focus-within .sessions-account-titlebar-widget {
35
	outline: 1px solid var(--vscode-focusBorder);
36
	outline-offset: -1px;
37
}
38

39
.agent-sessions-workbench .sessions-account-titlebar-widget-icon {
40
	flex: 0 0 auto;
41
	font-size: 16px;
42
	color: inherit;
43
}
44

45
.agent-sessions-workbench .sessions-account-titlebar-widget-icon.hidden {
46
	display: none;
47
}
48

49
.agent-sessions-workbench .sessions-account-titlebar-widget-avatar {
50
	display: none;
51
	flex: 0 0 auto;
52
	width: 18px;
53
	height: 18px;
54
	border: 1px solid var(--vscode-commandCenter-border, transparent);
55
	border-radius: 50%;
56
	box-sizing: border-box;
57
	object-fit: cover;
58
}
59

60
.agent-sessions-workbench .sessions-account-titlebar-widget-avatar.visible {
61
	display: block;
62
}
63

64
.monaco-workbench .part.titlebar.inactive .sessions-account-titlebar-widget-avatar {
65
	border-color: var(--vscode-commandCenter-inactiveBorder, var(--vscode-commandCenter-border, transparent));
66
}
67

68
.agent-sessions-workbench .sessions-account-titlebar-widget-label {
69
	display: none;
70
}
71

72
/* Update widget in titlebar */
73

74
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .actions-container {
75
	gap: 5px;
76
}
77

78
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .action-item.sessions-update-titlebar-widget {
79
	display: flex;
80
	align-items: center;
81
	height: 22px;
82
	min-width: 0;
83
	padding: 0 8px;
84
	border-radius: var(--vscode-cornerRadius-medium);
85
	background: transparent;
86
	color: var(--vscode-foreground);
87
	cursor: pointer;
88
	-webkit-app-region: no-drag;
89
	overflow: hidden;
90
}
91

92
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .action-item.sessions-update-titlebar-widget.hidden {
93
	display: none;
94
}
95

96
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .action-item.sessions-update-titlebar-widget:hover,
97
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .action-item.sessions-update-titlebar-widget:focus-within {
98
	background: var(--vscode-toolbar-hoverBackground);
99
}
100

101
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .action-item.sessions-update-titlebar-widget:active,
102
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .action-item.sessions-update-titlebar-widget.primary-state {
103
	background: var(--vscode-button-background);
104
	color: var(--vscode-button-foreground);
105
}
106

107
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .action-item.sessions-update-titlebar-widget.primary-state:hover,
108
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .action-item.sessions-update-titlebar-widget.primary-state:focus-within,
109
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .action-item.sessions-update-titlebar-widget.primary-state:active {
110
	background: var(--vscode-button-hoverBackground);
111
	color: var(--vscode-button-foreground);
112
}
113

114
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .action-item.sessions-update-titlebar-widget.busy-state {
115
	cursor: default;
116
	color: var(--vscode-descriptionForeground);
117
}
118

119
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .action-item.sessions-update-titlebar-widget .sessions-update-titlebar-widget-label {
120
	min-width: 0;
121
	overflow: hidden;
122
	text-overflow: ellipsis;
123
	white-space: nowrap;
124
	font-size: 12px;
125
	font-weight: 500;
126
	line-height: 16px;
127
	color: inherit;
128
}
129

130
/* Badge on account icon */
131

132
.agent-sessions-workbench .sessions-account-titlebar-widget-badge {
133
	flex: 0 0 auto;
134
	display: inline-flex;
135
	align-items: center;
136
	justify-content: center;
137
	min-width: 18px;
138
	height: 16px;
139
	padding: 0 5px;
140
	border-radius: 8px;
141
	background: var(--vscode-badge-background);
142
	color: var(--vscode-badge-foreground);
143
	font-size: 10px;
144
	font-weight: 700;
145
	font-variant-numeric: tabular-nums;
146
	line-height: 1;
147
}
148

149
.agent-sessions-workbench .sessions-account-titlebar-widget-badge.dot-badge {
150
	position: absolute;
151
	top: 3px;
152
	right: 3px;
153
	min-width: 0;
154
	width: 6px;
155
	height: 6px;
156
	padding: 0;
157
	border-radius: 50%;
158
	border: 1px solid var(--vscode-titleBar-activeBackground);
159
	background: var(--vscode-editorWarning-foreground);
160
	color: transparent;
161
	pointer-events: none;
162
}
163

164
.agent-sessions-workbench .sessions-account-titlebar-widget-badge.dot-badge-warning {
165
	background: var(--vscode-editorWarning-foreground) !important;
166
}
167

168
.agent-sessions-workbench .sessions-account-titlebar-widget-badge.dot-badge-error {
169
	background: var(--vscode-editorError-foreground) !important;
170
}
171

172
/* Kind-based styling */
173

174
.agent-sessions-workbench .sessions-account-titlebar-widget.kind-warning .sessions-account-titlebar-widget-icon,
175
.agent-sessions-workbench .sessions-account-titlebar-widget.kind-warning .sessions-account-titlebar-widget-label {
176
	color: var(--vscode-statusBarItem-warningForeground);
177
}
178

179
.agent-sessions-workbench .sessions-account-titlebar-widget.kind-prominent .sessions-account-titlebar-widget-badge:not(.dot-badge),
180
.agent-sessions-workbench .sessions-account-titlebar-widget.kind-warning .sessions-account-titlebar-widget-badge:not(.dot-badge) {
181
	background: var(--vscode-activityBarBadge-background);
182
	color: var(--vscode-activityBarBadge-foreground);
183
}
184

185
.agent-sessions-workbench .sessions-account-titlebar-widget.kind-accent .sessions-account-titlebar-widget-badge:not(.dot-badge) {
186
	background: var(--vscode-button-background);
187
	color: var(--vscode-button-foreground);
188
}
189

190
/* Panel (hover popup) */
191

192
.agent-sessions-workbench .sessions-account-titlebar-panel {
193
	display: flex;
194
	flex-direction: column;
195
	width: 360px;
196
	max-width: 360px;
197
	color: var(--vscode-foreground);
198
}
199

200
.agent-sessions-workbench .sessions-account-titlebar-panel-header {
201
	display: flex;
202
	align-items: center;
203
	gap: 6px;
204
	min-height: 28px;
205
	padding: 4px 8px;
206
	border-bottom: 1px solid var(--vscode-menu-separatorBackground, var(--vscode-disabledForeground));
207
}
208

209
.agent-sessions-workbench .sessions-account-titlebar-panel-avatar {
210
	flex: 0 0 auto;
211
	width: 20px;
212
	height: 20px;
213
	border-radius: 50%;
214
	object-fit: cover;
215
	border: 1px solid var(--vscode-commandCenter-border, var(--vscode-contrastBorder, transparent));
216
}
217

218
.agent-sessions-workbench .sessions-account-titlebar-panel-title {
219
	flex: 1 1 auto;
220
	min-width: 0;
221
	overflow: hidden;
222
	text-overflow: ellipsis;
223
	white-space: nowrap;
224
	font-size: 12px;
225
	font-weight: 500;
226
	line-height: 18px;
227
}
228

229
.agent-sessions-workbench .sessions-account-titlebar-panel-header-actions {
230
	display: flex;
231
	align-items: center;
232
	justify-content: flex-end;
233
	gap: 2px;
234
	margin-left: auto;
235
}
236

237
.agent-sessions-workbench .sessions-account-titlebar-panel-header-action {
238
	display: inline-flex;
239
	align-items: center;
240
	justify-content: center;
241
	width: 22px;
242
	height: 22px;
243
	padding: 0;
244
	border: none;
245
	border-radius: var(--vscode-cornerRadius-medium);
246
	background: transparent;
247
	color: var(--vscode-icon-foreground, var(--vscode-descriptionForeground));
248
	cursor: default;
249
	font-size: 14px !important;
250
}
251

252
.agent-sessions-workbench .sessions-account-titlebar-panel-header-action:hover {
253
	background: var(--vscode-toolbar-hoverBackground);
254
	color: var(--vscode-foreground);
255
}
256

257
.agent-sessions-workbench .sessions-account-titlebar-panel-header-action:active {
258
	background: var(--vscode-toolbar-activeBackground);
259
	color: var(--vscode-foreground);
260
}
261

262
.agent-sessions-workbench .sessions-account-titlebar-panel-header-action:focus-visible {
263
	outline: 1px solid var(--vscode-focusBorder);
264
	outline-offset: -1px;
265
	background: var(--vscode-list-focusBackground);
266
	color: var(--vscode-list-focusForeground);
267
}
268

269
.agent-sessions-workbench .sessions-account-titlebar-panel-header-action:disabled {
270
	opacity: 0.5;
271
	cursor: default;
272
}
273

274
.monaco-hover.workbench-hover.sessions-account-titlebar-panel-hover,
275
.workbench-hover-container.locked .monaco-hover.workbench-hover.sessions-account-titlebar-panel-hover,
276
.workbench-hover-container:focus-within.locked .monaco-hover.workbench-hover.sessions-account-titlebar-panel-hover {
277
	outline: none;
278
}
279

280
.agent-sessions-workbench .sessions-account-titlebar-panel-content {
281
	display: flex;
282
	flex-direction: column;
283
	min-height: 0;
284
	border-top: 1px solid var(--vscode-menu-separatorBackground, var(--vscode-disabledForeground));
285
}
286

287
.agent-sessions-workbench .sessions-account-titlebar-panel-summary {
288
	padding: 12px 16px;
289
	font-size: 12px;
290
	line-height: 1.4;
291
	color: var(--vscode-descriptionForeground);
292
}
293

294
.agent-sessions-workbench .sessions-account-titlebar-panel-actions {
295
	display: flex;
296
	flex-direction: column;
297
	gap: 0;
298
	padding: 2px 0 6px 0;
299
}
300

301
.agent-sessions-workbench .sessions-account-titlebar-panel-section {
302
	display: flex;
303
	flex-direction: column;
304
	padding: 6px 0 0;
305
}
306

307
/* The embedded chat status dashboard ships dividers/HRs and header borders
308
	intended for its standalone tooltip presentation. The section headings
309
	provide the only visual grouping we want here. */
310
.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip hr {
311
	display: none;
312
}
313

314
.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip > div.header,
315
.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .contribution > div.header {
316
	border-bottom: none;
317
	padding-bottom: 0;
318
}
319

320
/* Flatten contributed sub-sections (e.g. "Codebase Semantic Index") into
321
	the parent Subscription section. The dashboard renders these non-collapsibly
322
	(via `disableContributedSectionsCollapsible`); these rules just align the
323
	header typography with the panel's quota-title style above it. */
324
.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .collapsible-header.non-collapsible {
325
	margin-top: 4px;
326
	padding: 0 28px 0 0;
327
	border-top: none;
328
	background: none;
329
	font-size: 12px;
330
	line-height: 18px;
331
	font-weight: 400;
332
	color: var(--vscode-descriptionForeground);
333
}
334

335
.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .collapsible-header.non-collapsible .collapsible-label {
336
	color: var(--vscode-foreground);
337
}
338

339
.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .collapsible-header.non-collapsible .collapsible-status {
340
	margin-left: auto;
341
	font-size: 11px;
342
	line-height: 15px;
343
}
344

345
.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .collapsible-content > .collapsible-inner {
346
	gap: 6px;
347
	margin-top: 0;
348
	margin-bottom: 0;
349
}
350

351
.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .section-description,
352
.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .section-detail {
353
	font-size: 11px;
354
	line-height: 15px;
355
}
356

357
.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .section-detail {
358
	padding-bottom: 4px;
359
}
360

361
.agent-sessions-workbench .sessions-account-titlebar-panel-section-title {
362
	padding: 4px 8px 2px;
363
	font-size: 12px;
364
	font-weight: 500;
365
	line-height: 18px;
366
	color: var(--vscode-foreground);
367
}
368

369
/* Subscription section: place "Subscription" label and the dashboard's
370
	plan-name + manage-action header on a single right-aligned row.
371
	The dashboard's `div.header` is reparented into this row at runtime,
372
	so it's no longer matched by chatStatus.css rules. */
373
.agent-sessions-workbench .sessions-account-titlebar-panel-section-header {
374
	display: flex;
375
	align-items: center;
376
	gap: 8px;
377
	padding: 4px 10px 2px 8px;
378
}
379

380
.agent-sessions-workbench .sessions-account-titlebar-panel-section-header .sessions-account-titlebar-panel-section-title {
381
	flex: 1 1 auto;
382
	min-width: 0;
383
	padding: 0;
384
}
385

386
.agent-sessions-workbench .sessions-account-titlebar-panel-section-header > div.header {
387
	flex: 0 0 auto;
388
	display: flex;
389
	align-items: center;
390
	gap: 6px;
391
	font-size: 12px;
392
	line-height: 18px;
393
	color: var(--vscode-descriptionForeground);
394
}
395

396
.agent-sessions-workbench .sessions-account-titlebar-panel-section-header > div.header .header-label {
397
	flex: 0 0 auto;
398
	color: var(--vscode-descriptionForeground);
399
	font-weight: 400;
400
	font-size: 11px;
401
}
402

403
.agent-sessions-workbench .sessions-account-titlebar-panel-section-header > div.header .monaco-action-bar {
404
	flex: 0 0 auto;
405
}
406

407
.agent-sessions-workbench .sessions-account-titlebar-panel-action.with-icon {
408
	display: flex;
409
	align-items: center;
410
	gap: 6px;
411
	height: 24px;
412
}
413

414
.agent-sessions-workbench .sessions-account-titlebar-panel-action-icon {
415
	display: inline-flex;
416
	align-items: center;
417
	justify-content: center;
418
	width: 16px;
419
	height: 16px;
420
	flex: 0 0 auto;
421
	color: var(--vscode-icon-foreground, var(--vscode-descriptionForeground));
422
	/* `!important` to override `.codicon`'s own `font-size` rule. */
423
	font-size: 14px !important;
424
}
425

426
.agent-sessions-workbench .sessions-account-titlebar-panel-action.with-icon:hover .sessions-account-titlebar-panel-action-icon,
427
.agent-sessions-workbench .sessions-account-titlebar-panel-action.with-icon:focus-visible .sessions-account-titlebar-panel-action-icon {
428
	color: inherit;
429
}
430

431
.agent-sessions-workbench .sessions-account-titlebar-panel-action-label {
432
	flex: 1 1 auto;
433
	min-width: 0;
434
	overflow: hidden;
435
	text-overflow: ellipsis;
436
	white-space: nowrap;
437
}
438

439
.agent-sessions-workbench .sessions-account-titlebar-panel-separator {
440
	height: 1px;
441
	margin: 5px 0;
442
	background: var(--vscode-menu-separatorBackground, var(--vscode-disabledForeground));
443
}
444

445
.agent-sessions-workbench .sessions-account-titlebar-panel-action {
446
	display: flex;
447
	align-items: center;
448
	width: auto;
449
	box-sizing: border-box;
450
	height: 24px;
451
	margin: 0 4px;
452
	padding: 0 6px;
453
	border: none;
454
	border-radius: var(--vscode-cornerRadius-medium);
455
	background: transparent;
456
	color: inherit;
457
	font-size: 12px;
458
	line-height: 1;
459
	text-align: left;
460
	cursor: default;
461
}
462

463
.agent-sessions-workbench .sessions-account-titlebar-panel-action:hover {
464
	background: var(--vscode-list-hoverBackground);
465
}
466

467
.agent-sessions-workbench .sessions-account-titlebar-panel-action.checked,
468
.agent-sessions-workbench .sessions-account-titlebar-panel-action:active {
469
	background: var(--vscode-list-activeSelectionBackground);
470
	color: var(--vscode-list-activeSelectionForeground);
471
}
472

473
.agent-sessions-workbench .sessions-account-titlebar-panel-action:focus-visible {
474
	outline: 1px solid var(--vscode-focusBorder);
475
	outline-offset: -1px;
476
	background: var(--vscode-list-focusBackground);
477
	color: var(--vscode-list-focusForeground);
478
}
479

480
.agent-sessions-workbench .sessions-account-titlebar-panel-action:disabled {
481
	opacity: 0.6;
482
	cursor: default;
483
}
484

485
.agent-sessions-workbench .sessions-account-titlebar-panel-action.primary-action {
486
	margin: 4px 8px;
487
	padding: 0 12px;
488
	justify-content: center;
489
	border-radius: var(--vscode-cornerRadius-medium);
490
	background: var(--vscode-button-background);
491
	color: var(--vscode-button-foreground);
492
	font-weight: 500;
493
	cursor: pointer;
494
}
495

496
.agent-sessions-workbench .sessions-account-titlebar-panel-action.primary-action:hover {
497
	background: var(--vscode-button-hoverBackground);
498
	color: var(--vscode-button-foreground);
499
}
500

501
.agent-sessions-workbench .sessions-account-titlebar-panel-action.primary-action.checked,
502
.agent-sessions-workbench .sessions-account-titlebar-panel-action.primary-action:active {
503
	background: var(--vscode-button-secondaryHoverBackground, var(--vscode-button-hoverBackground));
504
	color: var(--vscode-button-foreground);
505
}
506

507
.agent-sessions-workbench .sessions-account-titlebar-panel-action.primary-action:focus-visible {
508
	background: var(--vscode-button-background);
509
	color: var(--vscode-button-foreground);
510
}
511

512
.agent-sessions-workbench .sessions-account-titlebar-panel-action.primary-action:disabled {
513
	opacity: 0.5;
514
	background: var(--vscode-button-background);
515
	color: var(--vscode-button-foreground);
516
	cursor: default;
517
}
518

519
/* Signed-out CTA inside the embedded chat status dashboard
520
	(e.g. "Sign in to use AI Features"). The dashboard ships its own
521
	default-styled <Button>; align it with the rest of the account menu
522
	by tightening spacing and matching the panel's primary-action look. */
523
.agent-sessions-workbench .sessions-account-titlebar-panel-section.subscription .chat-status-bar-entry-tooltip {
524
	display: flex;
525
	flex-direction: column;
526
	padding: 4px 8px 8px;
527
}
528

529
.agent-sessions-workbench .sessions-account-titlebar-panel-section.subscription .chat-status-bar-entry-tooltip > div.description {
530
	margin: 0;
531
	padding: 0 2px;
532
	font-size: 11px;
533
	line-height: 16px;
534
	color: var(--vscode-descriptionForeground);
535
}
536

537
.agent-sessions-workbench .sessions-account-titlebar-panel-section.subscription .chat-status-bar-entry-tooltip > .monaco-button {
538
	width: 100%;
539
	height: 26px;
540
	margin: 0;
541
	padding: 0 12px;
542
	border-radius: var(--vscode-cornerRadius-medium);
543
	font-size: 12px;
544
	font-weight: 500;
545
	line-height: 1;
546
}
547

548
/* Motion animations */
549

550
.monaco-enable-motion .agent-sessions-workbench .sessions-account-titlebar-widget,
551
.agent-sessions-workbench.monaco-enable-motion .sessions-account-titlebar-widget {
552
	transition: background-color 150ms ease-out;
553
}
554

555
.monaco-enable-motion .agent-sessions-workbench .sessions-account-titlebar-widget-icon,
556
.monaco-enable-motion .agent-sessions-workbench .sessions-account-titlebar-widget-label,
557
.monaco-enable-motion .agent-sessions-workbench .sessions-account-titlebar-widget-badge,
558
.agent-sessions-workbench.monaco-enable-motion .sessions-account-titlebar-widget-icon,
559
.agent-sessions-workbench.monaco-enable-motion .sessions-account-titlebar-widget-label,
560
.agent-sessions-workbench.monaco-enable-motion .sessions-account-titlebar-widget-badge {
561
	transition: opacity 150ms ease-out, transform 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
562
}
563

564
.monaco-enable-motion .agent-sessions-workbench .sessions-account-titlebar-widget:hover .sessions-account-titlebar-widget-badge,
565
.monaco-enable-motion .agent-sessions-workbench .sessions-account-titlebar-widget.menu-visible .sessions-account-titlebar-widget-badge,
566
.monaco-enable-motion .agent-sessions-workbench .action-item:focus-within .sessions-account-titlebar-widget .sessions-account-titlebar-widget-badge,
567
.agent-sessions-workbench.monaco-enable-motion .sessions-account-titlebar-widget:hover .sessions-account-titlebar-widget-badge,
568
.agent-sessions-workbench.monaco-enable-motion .sessions-account-titlebar-widget.menu-visible .sessions-account-titlebar-widget-badge,
569
.agent-sessions-workbench.monaco-enable-motion .action-item:focus-within .sessions-account-titlebar-widget .sessions-account-titlebar-widget-badge {
570
	transform: scale(1.04);
571
}
572

573
/* Reduced motion */
574

575
.monaco-reduce-motion .agent-sessions-workbench .sessions-account-titlebar-widget,
576
.monaco-reduce-motion .agent-sessions-workbench .sessions-account-titlebar-widget-icon,
577
.monaco-reduce-motion .agent-sessions-workbench .sessions-account-titlebar-widget-label,
578
.monaco-reduce-motion .agent-sessions-workbench .sessions-account-titlebar-widget-badge,
579
.agent-sessions-workbench.monaco-reduce-motion .sessions-account-titlebar-widget,
580
.agent-sessions-workbench.monaco-reduce-motion .sessions-account-titlebar-widget-icon,
581
.agent-sessions-workbench.monaco-reduce-motion .sessions-account-titlebar-widget-label,
582
.agent-sessions-workbench.monaco-reduce-motion .sessions-account-titlebar-widget-badge {
583
	transition-duration: 0ms !important;
584
}
585

586
Product

Resources

Company
