resources/lib/ooui/oojs-ui-toolbars-wikimediaui.css

   1 /*!
   2  * OOUI v0.48.1
   3  * https://www.mediawiki.org/wiki/OOUI
   4  *
   5  * Copyright 2011–2023 OOUI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2023-09-12T23:28:07Z
  10  */
  11 .oo-ui-tool {
  12   box-sizing: border-box;
  13 }
  14 .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
  15   display: none;
  16 }
  17 .oo-ui-tool .oo-ui-tool-link {
  18   position: relative;
  19   box-sizing: border-box;
  20   padding-top: 3em;
  21   padding-left: 3em;
  22 }
  23 .oo-ui-toolbar-narrow .oo-ui-tool .oo-ui-tool-link {
  24   padding-left: 2.85714286em;
  25 }
  26 .oo-ui-tool.oo-ui-tool-with-label .oo-ui-tool-link {
  27   padding: 11px 12px 11px 12px;
  28 }
  29 .oo-ui-tool.oo-ui-tool-with-icon.oo-ui-tool-with-label .oo-ui-tool-link {
  30   padding: 11px 12px 11px 2.64285714em;
  31 }
  32 .oo-ui-tool .oo-ui-iconElement-icon {
  33   display: block;
  34   left: 0.78571429em;
  35 }
  36 .oo-ui-toolbar-narrow .oo-ui-tool .oo-ui-iconElement-icon {
  37   left: 0.71428571em;
  38 }
  39 .oo-ui-tool .oo-ui-tool-title {
  40   line-height: 1.42857143em;
  41 }
  42 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link {
  43   transition-property: background-color;
  44   transition-duration: 100ms;
  45 }
  46 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
  47   outline: 1px solid #36c;
  48   box-shadow: inset 0 0 0 1px #36c;
  49   z-index: 1;
  50 }
  51 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-iconElement-icon {
  52   opacity: 0.87;
  53   transition-property: opacity;
  54   transition-duration: 100ms;
  55   transform: translateZ(0);
  56 }
  57 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-title {
  58   transition-property: color;
  59   transition-duration: 100ms;
  60 }
  61 .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-iconElement-icon {
  62   opacity: 1;
  63 }
  64 .oo-ui-tool.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] .oo-ui-iconElement-icon {
  65   opacity: 1;
  66 }
  67 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link {
  68   color: inherit;
  69 }
  70 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
  71   background-color: #eaecf0;
  72 }
  73 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus {
  74   outline: 1px solid #36c;
  75   box-shadow: inset 0 0 0 1px #36c;
  76 }
  77 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
  78 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
  79 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
  80   background-color: #eff3fa;
  81   color: #36c;
  82   box-shadow: none;
  83 }
  84 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
  85   color: #36c;
  86 }
  87 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
  88   background-color: #eaecf0;
  89 }
  90 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:focus {
  91   outline: 1px solid #36c;
  92   box-shadow: inset 0 0 0 1px #36c;
  93 }
  94 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:active,
  95 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-tool-link,
  96 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
  97   background-color: #eff3fa;
  98   color: #2a4b8d;
  99   box-shadow: none;
 100 }
 101 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-tool-link {
 102   color: #d73333;
 103 }
 104 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:hover {
 105   background-color: #eaecf0;
 106 }
 107 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:focus {
 108   outline: 1px solid #d33;
 109   box-shadow: inset 0 0 0 1px #d33;
 110 }
 111 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:active,
 112 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-tool-link,
 113 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
 114   background-color: #ffffff;
 115   color: #b32424;
 116   box-shadow: none;
 117 }
 118 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
 119   color: #fff;
 120   background-color: #36c;
 121 }
 122 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
 123   background-color: #447ff5;
 124 }
 125 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:focus {
 126   outline: 1px solid #36c;
 127   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 128 }
 129 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:active,
 130 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-tool-link {
 131   color: #fff;
 132   background-color: #2a4b8d;
 133   box-shadow: none;
 134 }
 135 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-tool-link,
 136 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-tool-link:active {
 137   background-color: #c8ccd1;
 138   color: #fff;
 139 }
 140 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-tool-link {
 141   color: #fff;
 142   background-color: #d33;
 143 }
 144 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:hover {
 145   background-color: #ff4242;
 146 }
 147 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:focus {
 148   outline: 1px solid #d33;
 149   box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px #fff;
 150 }
 151 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:active,
 152 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-tool-link {
 153   color: #fff;
 154   background-color: #b32424;
 155   box-shadow: none;
 156 }
 157 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-tool-link,
 158 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-tool-link:active {
 159   background-color: #c8ccd1;
 160   color: #fff;
 161 }
 162 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
 163   font-weight: bold;
 164 }
 165 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link > .oo-ui-iconElement-icon,
 166 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link > .oo-ui-indicatorElement-indicator {
 167   opacity: 1;
 168 }
 169
 170 .oo-ui-popupTool-popup.oo-ui-popupWidget {
 171   z-index: 4;
 172 }
 173
 174 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
 175   border-right: 0;
 176 }
 177
 178 .oo-ui-toolGroup {
 179   display: inline-block;
 180   vertical-align: middle;
 181   box-sizing: border-box;
 182 }
 183 .oo-ui-toolGroup-empty {
 184   display: none;
 185 }
 186 .oo-ui-toolGroup-tools .oo-ui-tool-link {
 187   color: inherit;
 188   text-decoration: none;
 189   cursor: pointer;
 190 }
 191 .oo-ui-toolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool-link,
 192 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
 193   outline: 0;
 194   cursor: default;
 195 }
 196 .oo-ui-toolGroup.oo-ui-widget-disabled:not( .oo-ui-flaggedElement-primary ) .oo-ui-indicatorElement-indicator,
 197 .oo-ui-toolGroup.oo-ui-widget-disabled:not( .oo-ui-flaggedElement-primary ) .oo-ui-iconElement-icon {
 198   opacity: 0.34 !important;
 199 }
 200
 201 .oo-ui-barToolGroup-tools > .oo-ui-tool {
 202   display: inline-block;
 203   position: relative;
 204   vertical-align: top;
 205 }
 206 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
 207   display: block;
 208 }
 209 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
 210   display: none;
 211 }
 212 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
 213   display: none;
 214 }
 215 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
 216   display: inline-block;
 217 }
 218 .oo-ui-barToolGroup-tools > .oo-ui-tool + .oo-ui-tool {
 219   margin-left: -2px;
 220 }
 221 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon,
 222 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool .oo-ui-iconElement-icon {
 223   opacity: 0.34;
 224 }
 225 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link,
 226 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
 227   background-color: #c8ccd1;
 228   border-color: #c8ccd1;
 229 }
 230 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title,
 231 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title {
 232   color: #fff;
 233 }
 234 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary.oo-ui-tool-active > .oo-ui-tool-link,
 235 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary.oo-ui-tool-active > .oo-ui-tool-link {
 236   background-color: #919fb9;
 237 }
 238 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary .oo-ui-iconElement-icon,
 239 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary .oo-ui-iconElement-icon {
 240   opacity: 1;
 241 }
 242 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title,
 243 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
 244   color: #72777d;
 245 }
 246
 247 .oo-ui-popupToolGroup {
 248   position: relative;
 249   min-width: 3em;
 250 }
 251 .oo-ui-popupToolGroup-handle {
 252   display: block;
 253   cursor: pointer;
 254 }
 255 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
 256   display: inline-block;
 257 }
 258 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
 259   outline: 0;
 260   cursor: default;
 261 }
 262 .oo-ui-popupToolGroup-tools {
 263   display: none;
 264   position: absolute;
 265   z-index: 4;
 266 }
 267 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
 268   display: block;
 269 }
 270 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
 271   display: table;
 272   width: 100%;
 273   vertical-align: middle;
 274   white-space: nowrap;
 275 }
 276 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel,
 277 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
 278   display: table-cell;
 279   vertical-align: middle;
 280 }
 281 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
 282   text-align: right;
 283 }
 284 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
 285   min-width: 2.85714286em;
 286 }
 287 .oo-ui-popupToolGroup.oo-ui-indicatorElement:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) {
 288   min-width: 1.85714286em;
 289 }
 290 .oo-ui-popupToolGroup-handle {
 291   box-sizing: border-box;
 292 }
 293 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 294   left: 0.78571429em;
 295 }
 296 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 297   left: 0.64285714em;
 298 }
 299 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 300   background-position: center 52%;
 301   right: 0.57142857em;
 302 }
 303 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 304   right: 0.28571429em;
 305 }
 306 .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle,
 307 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 308   padding-top: 3em;
 309 }
 310 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 311   padding-left: 3em;
 312 }
 313 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 314   padding-left: 2.85714286em;
 315 }
 316 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
 317   padding: 11px 12px;
 318 }
 319 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 320   line-height: 1.42857143em;
 321 }
 322 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
 323   padding-left: 0.71428571em;
 324   padding-right: 0.71428571em;
 325 }
 326 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
 327   padding-left: 2.64285714em;
 328 }
 329 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
 330   padding-left: 2.5em;
 331 }
 332 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 333   padding-right: 1.85714286em;
 334 }
 335 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 336   padding-right: 1.28571429em;
 337 }
 338 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 339   padding-right: 1.14285714em;
 340 }
 341 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 342   padding-right: 0.85714286em;
 343 }
 344 .oo-ui-popupToolGroup:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) .oo-ui-indicatorElement-indicator {
 345   opacity: 1;
 346 }
 347 .oo-ui-popupToolGroup-header {
 348   color: #72777d;
 349   padding: 0 12px;
 350   font-weight: bold;
 351   line-height: 2.28571429em;
 352 }
 353 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-header {
 354   padding: 0 0.71428571em;
 355 }
 356 .oo-ui-popupToolGroup-tools {
 357   background-color: #fff;
 358   min-width: 16em;
 359   margin: 0 -1px;
 360   border: 1px solid #c8ccd1;
 361   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
 362 }
 363 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
 364   padding: 11px 12px;
 365 }
 366 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
 367   padding-left: 0.71428571em;
 368   padding-right: 0.71428571em;
 369 }
 370 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
 371   color: #72777d;
 372   line-height: 1.42857143em;
 373 }
 374 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
 375   padding-left: 1.28571429em;
 376 }
 377 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
 378   padding-left: 1.14285714em;
 379 }
 380 .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
 381   padding-left: 2.64285714em;
 382 }
 383 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
 384   padding-left: 2.5em;
 385 }
 386 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
 387   transition-property: background-color, box-shadow;
 388   transition-duration: 100ms;
 389 }
 390 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
 391   background-color: #eaecf0;
 392 }
 393 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
 394   background-color: #eaf3ff;
 395 }
 396 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
 397 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 398   opacity: 0.87;
 399   transition-property: opacity;
 400   transition-duration: 100ms;
 401   transform: translateZ(0);
 402 }
 403 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover .oo-ui-iconElement-icon,
 404 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active .oo-ui-iconElement-icon,
 405 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover .oo-ui-indicatorElement-indicator,
 406 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active .oo-ui-indicatorElement-indicator {
 407   opacity: 1;
 408 }
 409 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
 410   outline: 1px solid #36c;
 411   box-shadow: inset 0 0 0 1px #36c;
 412 }
 413 .oo-ui-popupToolGroup.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
 414 .oo-ui-popupToolGroup.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle:hover .oo-ui-iconElement-icon {
 415   opacity: 1;
 416 }
 417 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
 418   border-right: 1px solid transparent;
 419   transition-property: background-color, border-color, box-shadow;
 420   transition-duration: 100ms;
 421 }
 422 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
 423   border-right-color: #eaecf0;
 424 }
 425 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
 426   border-right-color: #eaf3ff;
 427 }
 428 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
 429   border-right-color: #36c;
 430 }
 431 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
 432   background-color: #eaf3ff;
 433   color: #36c;
 434 }
 435 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
 436   background-color: rgba(41, 98, 204, 0.1);
 437   color: #36c;
 438 }
 439 .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
 440   color: #36c;
 441 }
 442 .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
 443   outline: 1px solid transparent;
 444   box-shadow: inset 0 0 0 2px #36c;
 445 }
 446 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
 447   color: #36c;
 448 }
 449 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
 450   background-color: #fff;
 451 }
 452 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
 453   outline: 1px solid #36c;
 454   box-shadow: inset 0 0 0 1px #36c;
 455 }
 456 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:active,
 457 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle,
 458 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
 459   background-color: #eff3fa;
 460   color: #2a4b8d;
 461   box-shadow: none;
 462 }
 463 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle {
 464   color: #d73333;
 465 }
 466 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:hover {
 467   background-color: #fff;
 468 }
 469 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:focus {
 470   outline: 1px solid #d33;
 471   box-shadow: inset 0 0 0 1px #d33;
 472 }
 473 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:active,
 474 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle,
 475 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
 476   background-color: #ffffff;
 477   color: #b32424;
 478   box-shadow: none;
 479 }
 480 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
 481   color: #fff;
 482   background-color: #36c;
 483 }
 484 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
 485   background-color: #447ff5;
 486 }
 487 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
 488   outline: 1px solid #36c;
 489   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 490 }
 491 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:active,
 492 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
 493   color: #fff;
 494   background-color: #2a4b8d;
 495   box-shadow: none;
 496 }
 497 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle,
 498 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active {
 499   background-color: #c8ccd1;
 500   color: #fff;
 501 }
 502 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle {
 503   color: #fff;
 504   background-color: #d33;
 505 }
 506 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:hover {
 507   background-color: #ff4242;
 508 }
 509 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:focus {
 510   outline: 1px solid #d33;
 511   box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px #fff;
 512 }
 513 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:active,
 514 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
 515   color: #fff;
 516   background-color: #b32424;
 517   box-shadow: none;
 518 }
 519 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle,
 520 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active {
 521   background-color: #c8ccd1;
 522   color: #fff;
 523 }
 524 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary > .oo-ui-popupToolGroup-handle > .oo-ui-iconElement-icon,
 525 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary > .oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
 526   opacity: 1;
 527 }
 528
 529 .oo-ui-listToolGroup-tools .oo-ui-tool {
 530   display: block;
 531   box-sizing: border-box;
 532 }
 533 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
 534   background-color: #eaecf0;
 535   color: #000;
 536 }
 537 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
 538   background-color: #eaf3ff;
 539 }
 540 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
 541   background-color: rgba(41, 98, 204, 0.1);
 542 }
 543 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
 544   color: #36c;
 545 }
 546 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
 547   color: #72777d;
 548 }
 549 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
 550 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon {
 551   opacity: 0.34;
 552 }
 553 .oo-ui-listToolGroup.oo-ui-widget-disabled {
 554   color: #72777d;
 555 }
 556 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
 557 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
 558   opacity: 0.34;
 559 }
 560
 561 .oo-ui-menuToolGroup {
 562   border-left: 1px solid #eaecf0;
 563   border-right: 1px solid #eaecf0;
 564 }
 565 .oo-ui-menuToolGroup-tools .oo-ui-tool {
 566   display: block;
 567 }
 568 .oo-ui-menuToolGroup + .oo-ui-menuToolGroup {
 569   border-left: 0;
 570 }
 571 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 572   min-width: 140px;
 573 }
 574 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 575   min-width: 100px;
 576 }
 577 .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
 578   left: 0.78571429em;
 579 }
 580 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
 581   left: 0.71428571em;
 582 }
 583 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
 584   background-color: rgba(41, 98, 204, 0.1);
 585 }
 586 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
 587   background-color: #eaf3ff;
 588 }
 589 .oo-ui-menuToolGroup.oo-ui-widget-disabled,
 590 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
 591   color: #72777d;
 592 }
 593
 594 .oo-ui-toolbar {
 595   clear: both;
 596 }
 597 .oo-ui-toolbar-bar {
 598   line-height: 1;
 599   position: relative;
 600 }
 601 .oo-ui-toolbar-tools,
 602 .oo-ui-toolbar-actions {
 603   -webkit-touch-callout: none;
 604   -webkit-user-select: none;
 605   -moz-user-select: none;
 606   -ms-user-select: none;
 607   user-select: none;
 608 }
 609 .oo-ui-toolbar-tools {
 610   display: inline;
 611 }
 612 .oo-ui-toolbar-popups {
 613   position: absolute;
 614 }
 615 .oo-ui-toolbar-tools,
 616 .oo-ui-toolbar-popups {
 617   white-space: nowrap;
 618 }
 619 .oo-ui-toolbar-tools .oo-ui-tool,
 620 .oo-ui-toolbar-popups .oo-ui-tool,
 621 .oo-ui-toolbar-tools .oo-ui-popupTool-popup,
 622 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
 623   white-space: normal;
 624   -webkit-touch-callout: default;
 625   -webkit-user-select: text;
 626   -moz-user-select: text;
 627   -ms-user-select: text;
 628   user-select: text;
 629 }
 630 .oo-ui-toolbar-narrow .oo-ui-toolbar-tools,
 631 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
 632   white-space: normal;
 633 }
 634 .oo-ui-toolbar-after {
 635   float: right;
 636 }
 637 .oo-ui-toolbar-actions {
 638   float: right;
 639 }
 640 .oo-ui-toolbar-actions .oo-ui-toolbar,
 641 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button,
 642 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 643   display: inline-block;
 644 }
 645 .oo-ui-toolbar-actions .oo-ui-popupWidget {
 646   -webkit-touch-callout: default;
 647   -webkit-user-select: text;
 648   -moz-user-select: text;
 649   -ms-user-select: text;
 650   user-select: text;
 651 }
 652 .oo-ui-toolbar-bar {
 653   background-color: #fff;
 654   color: #202122;
 655 }
 656 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
 657   border-bottom: 1px solid #c8ccd1;
 658   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
 659 }
 660 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
 661   border-top: 1px solid #c8ccd1;
 662   box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
 663 }
 664 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
 665   background-color: transparent;
 666   border: 0;
 667   box-shadow: none;
 668 }
 669 .oo-ui-toolbar-narrow-bar::after {
 670   content: '';
 671   display: block;
 672   position: absolute;
 673   top: 3em;
 674   left: 0;
 675   width: 100%;
 676   height: 0;
 677 }
 678 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar::after {
 679   border-bottom: 1px solid #c8ccd1;
 680 }
 681 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-bottom .oo-ui-toolbar-bar::after {
 682   border-top: 1px solid #c8ccd1;
 683 }