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

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