3 * https://www.mediawiki.org/wiki/OOUI
5 * Copyright 2011–2018 OOUI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2018-06-07T21:36:35Z
12 * WikimediaUI Base v0.10.0
13 * Wikimedia Foundation user interface base variables
16 -webkit-box-sizing: border-box
;
17 -moz-box-sizing: border-box
;
18 box-sizing: border-box
;
20 .oo-ui-tool.oo-ui-widget > .oo-ui-tool-link > .oo-ui-iconWidget.oo-ui-iconElement-icon.oo-ui-tool-checkIcon {
23 .oo-ui-tool .oo-ui-tool-link {
25 -webkit-box-sizing: border-box
;
26 -moz-box-sizing: border-box
;
27 box-sizing: border-box
;
31 .oo-ui-toolbar-narrow .oo-ui-tool .oo-ui-tool-link {
32 padding-left: 2.85714286em;
34 .oo-ui-tool-with-label .oo-ui-tool-link {
35 padding: 1em 0.85714286em 0.92857143em 2.64285714em;
37 .oo-ui-tool.oo-ui-iconElement .oo-ui-iconElement-icon {
41 .oo-ui-toolbar-narrow .oo-ui-tool.oo-ui-iconElement .oo-ui-iconElement-icon {
44 .oo-ui-tool .oo-ui-tool-title {
45 line-height: 1.07142857em;
47 .oo-ui-tool.oo-ui-widget-enabled {
48 -webkit-transition: background-color
100ms;
49 -moz-transition: background-color
100ms;
50 transition: background-color
100ms;
52 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
53 outline: 1px solid
#36c;
54 box-shadow: inset
0 0 0 1px #36c;
57 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-iconElement-icon {
59 -webkit-transition: opacity
100ms;
60 -moz-transition: opacity
100ms;
61 transition: opacity
100ms;
62 -webkit-transform: translateZ
(0);
63 transform: translateZ
(0);
65 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-title {
66 -webkit-transition: color
100ms;
67 -moz-transition: color
100ms;
68 transition: color
100ms;
70 .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-iconElement-icon {
73 .oo-ui-tool.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] .oo-ui-iconElement-icon {
76 .oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon {
79 .oo-ui-popupTool-popup
.oo-ui-popupWidget-popup
,
80 .oo-ui-popupTool-popup .oo-ui-popupWidget-anchor {
83 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
87 display: inline-block
;
88 vertical-align: middle
;
89 -webkit-box-sizing: border-box
;
90 -moz-box-sizing: border-box
;
91 box-sizing: border-box
;
92 border-right: 1px solid
#eaecf0;
94 .oo-ui-toolGroup-empty {
97 .oo-ui-toolGroup-tools .oo-ui-tool-link {
98 text-decoration: none
;
101 .oo-ui-toolGroup-tools
.oo-ui-toolGroup-disabled-tools
.oo-ui-tool-link
,
102 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
106 .oo-ui-toolbar-actions .oo-ui-toolGroup {
108 border-left: 1px solid
#eaecf0;
110 .oo-ui-toolbar-actions .oo-ui-toolGroup.oo-ui-barToolGroup {
111 border-right-width: 0;
113 .oo-ui-toolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
114 .oo-ui-toolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
115 opacity: 0.34 !important
;
117 .oo-ui-barToolGroup-tools > .oo-ui-tool {
118 display: inline-block
;
122 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
125 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
128 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
131 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
132 display: inline-block
;
134 .oo-ui-barToolGroup-tools > .oo-ui-tool.iconElement > .oo-ui-tool-link > .oo-ui-iconElement-icon {
137 .oo-ui-barToolGroup-tools > .oo-ui-tool + .oo-ui-tool {
140 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-widget-enabled:hover {
141 background-color: #eaecf0;
143 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-widget-enabled > .oo-ui-tool-link .oo-ui-tool-title {
145 -webkit-transition: color
100ms;
146 -moz-transition: color
100ms;
147 transition: color
100ms;
149 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-tool-active {
150 background-color: #eaf3ff;
152 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-tool-active:hover {
153 background-color: rgba
(41, 98, 204, 0.1);
155 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-tool-active > .oo-ui-tool-link .oo-ui-tool-title {
158 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
> .oo-ui-tool-link
.oo-ui-tool-title
,
159 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
162 .oo-ui-popupToolGroup {
166 .oo-ui-popupToolGroup-handle {
170 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
171 display: inline-block
;
173 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
177 .oo-ui-popupToolGroup-tools {
182 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
185 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
188 vertical-align: middle
;
191 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
192 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
194 vertical-align: middle
;
196 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
199 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
200 min-width: 2.85714286em;
202 .oo-ui-popupToolGroup.oo-ui-indicatorElement:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) {
203 min-width: 1.85714286em;
205 .oo-ui-popupToolGroup-handle {
206 -webkit-box-sizing: border-box
;
207 -moz-box-sizing: border-box
;
208 box-sizing: border-box
;
210 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
213 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
216 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
217 background-position: center
52%;
220 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
223 .oo-ui-popupToolGroup
.oo-ui-iconElement
.oo-ui-popupToolGroup-handle
,
224 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
227 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
230 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
231 padding-left: 2.85714286em;
233 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
234 padding: 1em 0.85714286em 0.92857143em;
236 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
237 line-height: 1.07142857em;
239 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
240 padding-left: 0.71428571em;
241 padding-right: 0.71428571em;
243 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
244 padding-left: 2.64285714em;
246 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
249 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
250 padding-right: 1.85714286em;
252 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
253 padding-right: 1.28571429em;
255 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
256 padding-right: 1.14285714em;
258 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
259 padding-right: 0.85714286em;
261 .oo-ui-popupToolGroup:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) .oo-ui-indicatorElement-indicator {
264 .oo-ui-popupToolGroup-header {
266 padding: 0 0.85714286em;
268 line-height: 2.28571429em;
270 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-header {
271 padding: 0 0.71428571em;
273 .oo-ui-popupToolGroup-tools {
274 background-color: #fff;
277 border: 1px solid
#c8ccd1;
278 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
280 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
281 padding: 1em 0.85714286em 0.92857143em 0.85714286em;
283 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
284 padding-left: 0.71428571em;
285 padding-right: 0.71428571em;
287 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
290 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
292 line-height: 1.07142857em;
294 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
295 padding-left: 1.28571429em;
297 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
298 padding-left: 1.14285714em;
300 .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
301 padding-left: 2.64285714em;
303 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
306 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
307 -webkit-transition: background-color
100ms, box-shadow
100ms;
308 -moz-transition: background-color
100ms, box-shadow
100ms;
309 transition: background-color
100ms, box-shadow
100ms;
311 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
312 background-color: #eaecf0;
314 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
315 background-color: #eaf3ff;
317 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle
.oo-ui-iconElement-icon
,
318 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
320 -webkit-transition: opacity
100ms;
321 -moz-transition: opacity
100ms;
322 transition: opacity
100ms;
323 -webkit-transform: translateZ
(0);
324 transform: translateZ
(0);
326 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:hover
.oo-ui-iconElement-icon
,
327 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:active
.oo-ui-iconElement-icon
,
328 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:hover
.oo-ui-indicatorElement-indicator
,
329 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active .oo-ui-indicatorElement-indicator {
332 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
333 outline: 1px solid
#36c;
334 box-shadow: inset
0 0 0 1px #36c;
336 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle
.oo-ui-iconElement-icon
,
337 .oo-ui-popupToolGroup.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle:hover .oo-ui-iconElement-icon {
340 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
341 border-right: 1px solid transparent
;
342 -webkit-transition: border-color
100ms;
343 -moz-transition: border-color
100ms;
344 transition: border-color
100ms;
346 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
347 border-right-color: #eaecf0;
349 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
350 border-right-color: #eaf3ff;
352 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
353 border-right-color: #36c;
355 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
356 background-color: #eaf3ff;
359 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
360 background-color: rgba
(41, 98, 204, 0.1);
363 .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
366 .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
368 box-shadow: inset
0 0 0 2px #36c;
370 .oo-ui-listToolGroup-tools .oo-ui-tool {
372 -webkit-box-sizing: border-box
;
373 -moz-box-sizing: border-box
;
374 box-sizing: border-box
;
376 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
377 background-color: #eaecf0;
380 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
381 background-color: #eaf3ff;
383 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
384 background-color: rgba
(41, 98, 204, 0.1);
386 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
389 .oo-ui-listToolGroup
.oo-ui-widget-disabled
,
390 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
393 .oo-ui-menuToolGroup-tools .oo-ui-tool {
396 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
399 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
402 .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
405 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
408 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
409 background-color: rgba
(41, 98, 204, 0.1);
411 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
412 background-color: #eaf3ff;
414 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
,
415 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
425 .oo-ui-toolbar-tools
,
426 .oo-ui-toolbar-actions {
427 -webkit-touch-callout: none
;
428 -webkit-user-select: none
;
429 -moz-user-select: none
;
430 -ms-user-select: none
;
433 .oo-ui-toolbar-tools {
436 .oo-ui-toolbar-popups {
439 .oo-ui-toolbar-tools
,
440 .oo-ui-toolbar-popups {
443 .oo-ui-toolbar-tools
.oo-ui-tool
,
444 .oo-ui-toolbar-popups
.oo-ui-tool
,
445 .oo-ui-toolbar-tools
.oo-ui-popupTool-popup
,
446 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
449 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
450 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
453 .oo-ui-toolbar-actions {
456 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
457 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
458 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
459 display: inline-block
;
461 .oo-ui-toolbar-actions .oo-ui-popupWidget {
462 -webkit-touch-callout: default
;
463 -webkit-user-select: text
;
464 -moz-user-select: text
;
465 -ms-user-select: text
;
469 background-color: #fff;
472 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
473 border-bottom: 1px solid
#c8ccd1;
474 box-shadow: 0 1px 1px 0 rgba
(0, 0, 0, 0.1);
476 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
477 border-top: 1px solid
#c8ccd1;
478 box-shadow: 0 -1px 1px 0 rgba
(0, 0, 0, 0.1);
480 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
481 background-color: transparent
;
485 .oo-ui-toolbar-narrow-bar:after {
494 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar:after {
495 border-bottom: 1px solid
#c8ccd1;
497 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-bottom .oo-ui-toolbar-bar:after {
498 border-top: 1px solid
#c8ccd1;
500 .oo-ui-toolbar-actions > .oo-ui-buttonElement {
503 .oo-ui-toolbar-actions > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
507 padding-left: 1.14285714em;
508 padding-right: 1.14285714em;
510 .oo-ui-toolbar-narrow .oo-ui-toolbar-actions > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
511 padding-left: 0.85714286em;
512 padding-right: 0.85714286em;
514 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
515 box-shadow: inset
0 0 0 2px #36c, inset
0 0 0 3px #fff;
517 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
519 padding-bottom: 0.92857143em;
521 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
523 border-width: 0 0 0 1px;
525 padding-bottom: 0.92857143em;
527 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
529 background-color: #36c;
532 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
533 background-color: #447ff5;
534 border-color: #447ff5;
536 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active
,
537 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active:focus
,
538 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-pressed
> .oo-ui-popupToolGroup-handle
,
539 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-active
> .oo-ui-popupToolGroup-handle
,
540 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
542 background-color: #2a4b8d;
543 border-color: #2a4b8d;
546 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
548 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;