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-07-11T18:13:08Z
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-tool-link > .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-icon {
41 .oo-ui-toolbar-narrow .oo-ui-tool .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 + .oo-ui-tool {
137 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-widget-enabled:hover {
138 background-color: #eaecf0;
140 .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 {
142 -webkit-transition: color
100ms;
143 -moz-transition: color
100ms;
144 transition: color
100ms;
146 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-tool-active {
147 background-color: #eaf3ff;
149 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-tool-active:hover {
150 background-color: rgba
(41, 98, 204, 0.1);
152 .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 {
155 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
> .oo-ui-tool-link
.oo-ui-tool-title
,
156 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
159 .oo-ui-popupToolGroup {
163 .oo-ui-popupToolGroup-handle {
167 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
168 display: inline-block
;
170 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
174 .oo-ui-popupToolGroup-tools {
179 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
182 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
185 vertical-align: middle
;
188 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
189 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
191 vertical-align: middle
;
193 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
196 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
197 min-width: 2.85714286em;
199 .oo-ui-popupToolGroup.oo-ui-indicatorElement:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) {
200 min-width: 1.85714286em;
202 .oo-ui-popupToolGroup-handle {
203 -webkit-box-sizing: border-box
;
204 -moz-box-sizing: border-box
;
205 box-sizing: border-box
;
207 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
210 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
213 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
214 background-position: center
52%;
217 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
220 .oo-ui-popupToolGroup
.oo-ui-iconElement
.oo-ui-popupToolGroup-handle
,
221 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
224 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
227 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
228 padding-left: 2.85714286em;
230 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
231 padding: 1em 0.85714286em 0.92857143em;
233 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
234 line-height: 1.07142857em;
236 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
237 padding-left: 0.71428571em;
238 padding-right: 0.71428571em;
240 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
241 padding-left: 2.64285714em;
243 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
246 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
247 padding-right: 1.85714286em;
249 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
250 padding-right: 1.28571429em;
252 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
253 padding-right: 1.14285714em;
255 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
256 padding-right: 0.85714286em;
258 .oo-ui-popupToolGroup:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) .oo-ui-indicatorElement-indicator {
261 .oo-ui-popupToolGroup-header {
263 padding: 0 0.85714286em;
265 line-height: 2.28571429em;
267 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-header {
268 padding: 0 0.71428571em;
270 .oo-ui-popupToolGroup-tools {
271 background-color: #fff;
274 border: 1px solid
#c8ccd1;
275 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
277 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
278 padding: 1em 0.85714286em 0.92857143em 0.85714286em;
280 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
281 padding-left: 0.71428571em;
282 padding-right: 0.71428571em;
284 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
287 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
289 line-height: 1.07142857em;
291 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
292 padding-left: 1.28571429em;
294 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
295 padding-left: 1.14285714em;
297 .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
298 padding-left: 2.64285714em;
300 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
303 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
304 -webkit-transition: background-color
100ms, box-shadow
100ms;
305 -moz-transition: background-color
100ms, box-shadow
100ms;
306 transition: background-color
100ms, box-shadow
100ms;
308 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
309 background-color: #eaecf0;
311 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
312 background-color: #eaf3ff;
314 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle
.oo-ui-iconElement-icon
,
315 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
317 -webkit-transition: opacity
100ms;
318 -moz-transition: opacity
100ms;
319 transition: opacity
100ms;
320 -webkit-transform: translateZ
(0);
321 transform: translateZ
(0);
323 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:hover
.oo-ui-iconElement-icon
,
324 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:active
.oo-ui-iconElement-icon
,
325 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:hover
.oo-ui-indicatorElement-indicator
,
326 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active .oo-ui-indicatorElement-indicator {
329 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
330 outline: 1px solid
#36c;
331 box-shadow: inset
0 0 0 1px #36c;
333 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle
.oo-ui-iconElement-icon
,
334 .oo-ui-popupToolGroup.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle:hover .oo-ui-iconElement-icon {
337 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
338 border-right: 1px solid transparent
;
339 -webkit-transition: border-color
100ms;
340 -moz-transition: border-color
100ms;
341 transition: border-color
100ms;
343 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
344 border-right-color: #eaecf0;
346 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
347 border-right-color: #eaf3ff;
349 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
350 border-right-color: #36c;
352 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
353 background-color: #eaf3ff;
356 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
357 background-color: rgba
(41, 98, 204, 0.1);
360 .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
363 .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
365 box-shadow: inset
0 0 0 2px #36c;
367 .oo-ui-listToolGroup-tools .oo-ui-tool {
369 -webkit-box-sizing: border-box
;
370 -moz-box-sizing: border-box
;
371 box-sizing: border-box
;
373 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
374 background-color: #eaecf0;
377 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
378 background-color: #eaf3ff;
380 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
381 background-color: rgba
(41, 98, 204, 0.1);
383 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
386 .oo-ui-listToolGroup
.oo-ui-widget-disabled
,
387 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
390 .oo-ui-menuToolGroup-tools .oo-ui-tool {
393 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
396 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
399 .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
402 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
405 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
406 background-color: rgba
(41, 98, 204, 0.1);
408 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
409 background-color: #eaf3ff;
411 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
,
412 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
422 .oo-ui-toolbar-tools
,
423 .oo-ui-toolbar-actions {
424 -webkit-touch-callout: none
;
425 -webkit-user-select: none
;
426 -moz-user-select: none
;
427 -ms-user-select: none
;
430 .oo-ui-toolbar-tools {
433 .oo-ui-toolbar-popups {
436 .oo-ui-toolbar-tools
,
437 .oo-ui-toolbar-popups {
440 .oo-ui-toolbar-tools
.oo-ui-tool
,
441 .oo-ui-toolbar-popups
.oo-ui-tool
,
442 .oo-ui-toolbar-tools
.oo-ui-popupTool-popup
,
443 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
446 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
447 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
450 .oo-ui-toolbar-actions {
453 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
454 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
455 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
456 display: inline-block
;
458 .oo-ui-toolbar-actions .oo-ui-popupWidget {
459 -webkit-touch-callout: default
;
460 -webkit-user-select: text
;
461 -moz-user-select: text
;
462 -ms-user-select: text
;
466 background-color: #fff;
469 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
470 border-bottom: 1px solid
#c8ccd1;
471 box-shadow: 0 1px 1px 0 rgba
(0, 0, 0, 0.1);
473 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
474 border-top: 1px solid
#c8ccd1;
475 box-shadow: 0 -1px 1px 0 rgba
(0, 0, 0, 0.1);
477 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
478 background-color: transparent
;
482 .oo-ui-toolbar-narrow-bar:after {
491 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar:after {
492 border-bottom: 1px solid
#c8ccd1;
494 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-bottom .oo-ui-toolbar-bar:after {
495 border-top: 1px solid
#c8ccd1;
497 .oo-ui-toolbar-actions > .oo-ui-buttonElement {
500 .oo-ui-toolbar-actions > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
504 padding-left: 1.14285714em;
505 padding-right: 1.14285714em;
507 .oo-ui-toolbar-narrow .oo-ui-toolbar-actions > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
508 padding-left: 0.85714286em;
509 padding-right: 0.85714286em;
511 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
512 box-shadow: inset
0 0 0 2px #36c, inset
0 0 0 3px #fff;
514 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
516 padding-bottom: 0.92857143em;
518 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
520 border-width: 0 0 0 1px;
522 padding-bottom: 0.92857143em;
524 .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 {
526 background-color: #36c;
529 .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 {
530 background-color: #447ff5;
531 border-color: #447ff5;
533 .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
,
534 .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
,
535 .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
,
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-buttonElement-active
> .oo-ui-popupToolGroup-handle
,
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-active > .oo-ui-popupToolGroup-handle {
539 background-color: #2a4b8d;
540 border-color: #2a4b8d;
543 .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 {
545 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;