resources/lib/oojs-ui/oojs-ui-widgets-mediawiki.css

   1 /*!
   2  * OOjs UI v0.19.4
   3  * https://www.mediawiki.org/wiki/OOjs_UI
   4  *
   5  * Copyright 2011–2017 OOjs UI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2017-02-28T23:19:44Z
  10  */
  11 /* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
  12 /* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
  13 .oo-ui-draggableElement-handle,
  14 .oo-ui-draggableElement-handle.oo-ui-widget {
  15   cursor: move;
  16   cursor: url(images/grab.cur );
  17   cursor: -webkit-grab;
  18   cursor:    -moz-grab;
  19   cursor:         grab;
  20 }
  21 .oo-ui-draggableElement-handle:active {
  22   cursor: url(images/grabbing.cur );
  23   cursor: -webkit-grabbing;
  24   cursor:    -moz-grabbing;
  25   cursor:         grabbing;
  26 }
  27 .oo-ui-draggableElement-handle.oo-ui-widget-disabled,
  28 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
  29   cursor: default;
  30 }
  31 .oo-ui-draggableElement-placeholder {
  32   opacity: 0.2;
  33 }
  34 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
  35   display: inline-block;
  36 }
  37 .oo-ui-draggableElement-handle:focus {
  38   border-radius: 2px;
  39   box-shadow: inset 0 0 0 1px #36c, 0 0 0 1px #36c;
  40   outline: 0;
  41 }
  42 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
  43   overflow: hidden;
  44 }
  45 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
  46   width: 100%;
  47   -webkit-box-sizing: border-box;
  48      -moz-box-sizing: border-box;
  49           box-sizing: border-box;
  50 }
  51 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
  52   position: absolute;
  53   top: 0;
  54   left: 0;
  55   right: 0;
  56   bottom: 3em;
  57   overflow: auto;
  58 }
  59 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
  60   position: absolute;
  61   bottom: 0;
  62   left: 0;
  63   right: 0;
  64 }
  65 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
  66   padding: 1.5em;
  67 }
  68 .oo-ui-bookletLayout-outlinePanel {
  69   border-right: 1px solid #ddd;
  70 }
  71 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
  72   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  73 }
  74 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
  75   height: 3em;
  76 }
  77 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
  78   top: 3em;
  79 }
  80 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
  81   padding: 1.5em;
  82 }
  83 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
  84   height: 2.75em;
  85 }
  86 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
  87   top: 2.75em;
  88 }
  89 .oo-ui-menuLayout {
  90   position: absolute;
  91   top: 0;
  92   left: 0;
  93   right: 0;
  94   bottom: 0;
  95   /* stylelint-disable declaration-no-important */
  96   /* stylelint-enable declaration-no-important */
  97 }
  98 .oo-ui-menuLayout-menu,
  99 .oo-ui-menuLayout-content {
 100   position: absolute;
 101   -webkit-transition: all 200ms ease;
 102      -moz-transition: all 200ms ease;
 103           transition: all 200ms ease;
 104 }
 105 .oo-ui-menuLayout-menu {
 106   height: 18em;
 107   width: 18em;
 108 }
 109 .oo-ui-menuLayout-content {
 110   top: 18em;
 111   left: 18em;
 112   right: 18em;
 113   bottom: 18em;
 114 }
 115 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
 116   width: 0 !important;
 117   height: 0 !important;
 118   overflow: hidden;
 119 }
 120 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
 121   top: 0 !important;
 122   left: 0 !important;
 123   right: 0 !important;
 124   bottom: 0 !important;
 125 }
 126 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
 127   width: auto !important;
 128   left: 0;
 129   top: 0;
 130   right: 0;
 131 }
 132 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
 133   right: 0 !important;
 134   bottom: 0 !important;
 135   left: 0 !important;
 136 }
 137 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
 138   height: auto !important;
 139   top: 0;
 140   right: 0;
 141   bottom: 0;
 142 }
 143 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
 144   bottom: 0 !important;
 145   left: 0 !important;
 146   top: 0 !important;
 147 }
 148 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
 149   width: auto !important;
 150   right: 0;
 151   bottom: 0;
 152   left: 0;
 153 }
 154 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
 155   left: 0 !important;
 156   top: 0 !important;
 157   right: 0 !important;
 158 }
 159 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
 160   height: auto !important;
 161   bottom: 0;
 162   left: 0;
 163   top: 0;
 164 }
 165 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
 166   top: 0 !important;
 167   right: 0 !important;
 168   bottom: 0 !important;
 169 }
 170 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
 171   display: block;
 172   position: relative;
 173 }
 174 .oo-ui-buttonSelectWidget {
 175   display: inline-block;
 176   white-space: nowrap;
 177   border-radius: 2px;
 178   margin-right: 0.5em;
 179   z-index: 0;
 180   position: relative;
 181 }
 182 .oo-ui-buttonSelectWidget:last-child {
 183   margin-right: 0;
 184 }
 185 .oo-ui-buttonSelectWidget:focus {
 186   outline: 0;
 187 }
 188 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 189   border-radius: 0;
 190   margin-left: -1px;
 191 }
 192 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
 193   border-bottom-left-radius: 2px;
 194   border-top-left-radius: 2px;
 195   margin-left: 0;
 196 }
 197 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
 198   border-bottom-right-radius: 2px;
 199   border-top-right-radius: 2px;
 200 }
 201 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
 202   border-color: #36c;
 203   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 204 }
 205 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
 206 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
 207   z-index: 1;
 208 }
 209 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 210   z-index: 3;
 211 }
 212 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 213   z-index: -1;
 214 }
 215 .oo-ui-buttonOptionWidget {
 216   display: inline-block;
 217   padding: 0;
 218 }
 219 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
 220   cursor: default;
 221 }
 222 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 223 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 224   position: static;
 225   display: inline-block;
 226   vertical-align: middle;
 227 }
 228 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
 229 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
 230 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
 231   background-color: transparent;
 232 }
 233 .oo-ui-toggleButtonWidget {
 234   margin-right: 0.5em;
 235 }
 236 .oo-ui-toggleButtonWidget:last-child {
 237   margin-right: 0;
 238 }
 239 .oo-ui-toggleSwitchWidget {
 240   position: relative;
 241   display: inline-block;
 242   vertical-align: middle;
 243   overflow: hidden;
 244   -webkit-box-sizing: border-box;
 245      -moz-box-sizing: border-box;
 246           box-sizing: border-box;
 247   -webkit-transform: translateZ(0);
 248           transform: translateZ(0);
 249   background-color: #f8f9fa;
 250   width: 3.5em;
 251   min-height: 26px;
 252   height: 2em;
 253   border: 1px solid #72777d;
 254   border-radius: 1em;
 255   margin-right: 0.5em;
 256   -webkit-transition: background-color 250ms, border-color 250ms;
 257      -moz-transition: background-color 250ms, border-color 250ms;
 258           transition: background-color 250ms, border-color 250ms;
 259 }
 260 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
 261   cursor: pointer;
 262 }
 263 .oo-ui-toggleSwitchWidget-grip {
 264   position: absolute;
 265   display: block;
 266   -webkit-box-sizing: border-box;
 267      -moz-box-sizing: border-box;
 268           box-sizing: border-box;
 269 }
 270 .oo-ui-toggleSwitchWidget:last-child {
 271   margin-right: 0;
 272 }
 273 .oo-ui-toggleSwitchWidget:before {
 274   content: '';
 275   display: block;
 276   position: absolute;
 277   top: 1px;
 278   left: 1px;
 279   bottom: 1px;
 280   right: 1px;
 281   border: 1px solid transparent;
 282   border-radius: 1em;
 283   z-index: 1;
 284   -webkit-transition: border-color 250ms;
 285      -moz-transition: border-color 250ms;
 286           transition: border-color 250ms;
 287 }
 288 .oo-ui-toggleSwitchWidget-grip {
 289   top: 0.3125em;
 290   min-width: 16px;
 291   width: 1.25em;
 292   min-height: 16px;
 293   height: 1.25em;
 294   border-radius: 1.25em;
 295   -webkit-transition: background-color 250ms, left 100ms, margin-left 100ms;
 296      -moz-transition: background-color 250ms, left 100ms, margin-left 100ms;
 297           transition: background-color 250ms, left 100ms, margin-left 100ms;
 298 }
 299 .oo-ui-toggleSwitchWidget-glow {
 300   display: none;
 301 }
 302 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
 303   left: 0.4em;
 304   margin-left: 0;
 305 }
 306 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 307   left: 1.9em;
 308   margin-left: -2px;
 309 }
 310 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
 311   background-color: #f8f9fa;
 312   border: 1px solid #72777d;
 313 }
 314 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
 315   background-color: #fff;
 316   border-color: #447ff5;
 317 }
 318 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
 319   background-color: #fff;
 320   border-color: #447ff5;
 321 }
 322 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,
 323 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,
 324 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
 325   background-color: #2a4b8d;
 326   border-color: #2a4b8d;
 327   box-shadow: inset 0 0 0 1px #2a4b8d;
 328 }
 329 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
 330 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,
 331 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
 332   background-color: #fff;
 333   border-color: #fff;
 334   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 335 }
 336 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
 337   border-color: #36c;
 338   box-shadow: inset 0 0 0 1px #36c;
 339   outline: 0;
 340 }
 341 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
 342   border-color: #36c;
 343 }
 344 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
 345   background-color: #36c;
 346   border-color: #36c;
 347 }
 348 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 349   background-color: #fff;
 350   border-color: #fff;
 351   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 352 }
 353 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
 354   background-color: #447ff5;
 355   border-color: #447ff5;
 356 }
 357 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,
 358 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
 359   background-color: #2a4b8d;
 360   border-color: #2a4b8d;
 361 }
 362 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
 363   border-color: #36c;
 364 }
 365 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
 366   border-color: #fff;
 367 }
 368 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
 369   background-color: #c8ccd1;
 370   border-color: #c8ccd1;
 371   outline: 0;
 372 }
 373 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
 374   border: 1px solid #fff;
 375   box-shadow: inset 0 0 0 1px #fff;
 376 }
 377 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 378   background-color: #fff;
 379 }
 380 .oo-ui-selectFileWidget {
 381   display: inline-block;
 382   vertical-align: middle;
 383   width: 100%;
 384   max-width: 50em;
 385   margin-right: 0.5em;
 386 }
 387 .oo-ui-selectFileWidget-selectButton {
 388   display: table-cell;
 389 }
 390 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 391   position: relative;
 392   overflow: hidden;
 393 }
 394 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
 395   position: absolute;
 396   top: 0;
 397   bottom: 0;
 398   left: 0;
 399   right: 0;
 400   width: 100%;
 401   height: 100%;
 402   opacity: 0;
 403   z-index: 1;
 404   cursor: pointer;
 405   padding-top: 100px;
 406 }
 407 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
 408   display: none;
 409 }
 410 .oo-ui-selectFileWidget-info {
 411   width: 100%;
 412   display: table-cell;
 413   vertical-align: middle;
 414   position: relative;
 415   overflow: hidden;
 416   -webkit-box-sizing: border-box;
 417      -moz-box-sizing: border-box;
 418           box-sizing: border-box;
 419 }
 420 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 421 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
 422   position: absolute;
 423   top: 0;
 424   height: 100%;
 425 }
 426 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
 427   cursor: default;
 428   -webkit-touch-callout: none;
 429   -webkit-user-select: none;
 430      -moz-user-select: none;
 431       -ms-user-select: none;
 432           user-select: none;
 433 }
 434 .oo-ui-selectFileWidget-label {
 435   position: absolute;
 436   top: 0;
 437   bottom: 0;
 438   left: 0;
 439   right: 0;
 440   text-overflow: ellipsis;
 441 }
 442 .oo-ui-selectFileWidget-clearButton {
 443   position: absolute;
 444   z-index: 2;
 445 }
 446 .oo-ui-selectFileWidget-dropTarget {
 447   position: relative;
 448   cursor: default;
 449   height: 8.815em;
 450 }
 451 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
 452 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton,
 453 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
 454   display: none;
 455 }
 456 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
 457   width: 7.815em;
 458   position: absolute;
 459   top: 0.5em;
 460   bottom: 0.5em;
 461   left: 0.5em;
 462   background-position: center center;
 463   background-repeat: no-repeat;
 464   background-size: contain;
 465 }
 466 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
 467   background-repeat: repeat;
 468   background-size: auto;
 469 }
 470 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
 471   opacity: 0.4;
 472   height: 7.815em;
 473   width: 7.815em;
 474 }
 475 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 476   display: block;
 477   height: 100%;
 478   width: auto;
 479   margin-left: 8.815em;
 480   border: 0;
 481 }
 482 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 483   display: block;
 484   position: relative;
 485   top: inherit;
 486 }
 487 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
 488   display: block;
 489   padding-top: 0.5em;
 490   padding-right: 2.375em;
 491 }
 492 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
 493   right: 0.5em;
 494 }
 495 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail,
 496 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 497   display: none;
 498 }
 499 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
 500   display: block;
 501   margin: 2.2em 1em 1em;
 502 }
 503 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget,
 504 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 505   text-align: center;
 506 }
 507 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info,
 508 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 509   margin: 0;
 510 }
 511 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton,
 512 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
 513   display: none;
 514 }
 515 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
 516   cursor: default;
 517 }
 518 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
 519   display: block;
 520 }
 521 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 522 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 523   -webkit-touch-callout: none;
 524   -webkit-user-select: none;
 525      -moz-user-select: none;
 526       -ms-user-select: none;
 527           user-select: none;
 528 }
 529 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 530 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget,
 531 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button,
 532 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
 533   cursor: no-drop;
 534 }
 535 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 536   height: auto;
 537 }
 538 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 539   padding: 1em;
 540 }
 541 .oo-ui-selectFileWidget:last-child {
 542   margin-right: 0;
 543 }
 544 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 545   border-radius: 0 2px 2px 0;
 546 }
 547 .oo-ui-selectFileWidget-info {
 548   height: 2.4em;
 549   background-color: #fff;
 550   border: 1px solid #a2a9b1;
 551   border-radius: 2px 0 0 2px;
 552   border-width: 1px 0 1px 1px;
 553 }
 554 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
 555   left: 0;
 556   margin-left: 0.5em;
 557 }
 558 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
 559   right: 0;
 560   margin-right: 0.775em;
 561 }
 562 .oo-ui-selectFileWidget-label {
 563   -webkit-box-sizing: border-box;
 564      -moz-box-sizing: border-box;
 565           box-sizing: border-box;
 566   display: block;
 567   right: 2.375em;
 568   margin: 0;
 569   padding-left: 0.5em;
 570   line-height: 2.3;
 571   white-space: nowrap;
 572 }
 573 .oo-ui-selectFileWidget-fileName {
 574   display: block;
 575   overflow: hidden;
 576   text-overflow: ellipsis;
 577 }
 578 .oo-ui-selectFileWidget-clearButton {
 579   top: 0;
 580   right: 0;
 581   min-width: 24px;
 582   width: 1.875em;
 583   margin-right: 0;
 584 }
 585 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 586   height: 2.3em;
 587 }
 588 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
 589   color: #72777d;
 590 }
 591 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
 592   left: 2.875em;
 593 }
 594 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
 595   right: 4.4625em;
 596   padding-left: 0;
 597 }
 598 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
 599   right: 2.0875em;
 600 }
 601 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-label,
 602 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
 603   right: 2em;
 604 }
 605 .oo-ui-selectFileWidget-dropTarget {
 606   background-color: #fff;
 607   border: 1px solid #a2a9b1;
 608   border-radius: 2px;
 609   vertical-align: middle;
 610   overflow: hidden;
 611 }
 612 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 613   border-radius: 2px;
 614 }
 615 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 616   line-height: 1.4;
 617   overflow: inherit;
 618   white-space: normal;
 619 }
 620 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
 621   background-color: #fff;
 622   border-style: dashed;
 623   -webkit-transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
 624      -moz-transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
 625           transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
 626 }
 627 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
 628   border-color: #72777d;
 629 }
 630 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
 631   background-color: #eaf3ff;
 632   color: #36c;
 633 }
 634 .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 635 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 636 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 637   background-color: #eaecf0;
 638   border-color: #c8ccd1;
 639 }
 640 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info,
 641 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info,
 642 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
 643   background-color: #eaecf0;
 644   color: #72777d;
 645   border-color: #c8ccd1;
 646   text-shadow: 0 1px 1px #fff;
 647 }
 648 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 649 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 650 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 651 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 652 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 653 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
 654   opacity: 0.51;
 655 }
 656 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
 657   display: none;
 658 }
 659 .oo-ui-outlineOptionWidget {
 660   -webkit-touch-callout: none;
 661   -webkit-user-select: none;
 662      -moz-user-select: none;
 663       -ms-user-select: none;
 664           user-select: none;
 665   font-size: 1.1em;
 666   padding: 0.75em;
 667   -webkit-transition: background-color 100ms, color 100ms;
 668      -moz-transition: background-color 100ms, color 100ms;
 669           transition: background-color 100ms, color 100ms;
 670 }
 671 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
 672   background-color: #eaecf0;
 673   color: #000;
 674 }
 675 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
 676   background-color: #eaf3ff;
 677   color: #36c;
 678 }
 679 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
 680   background-color: rgba(41, 98, 204, 0.1);
 681   color: #36c;
 682 }
 683 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
 684   font-size: 90.90909%;
 685 }
 686 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
 687   padding-right: 1.5em;
 688 }
 689 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 690   opacity: 0.5;
 691 }
 692 .oo-ui-outlineOptionWidget-level-0 {
 693   padding-left: 3.5em;
 694 }
 695 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
 696   left: 1em;
 697 }
 698 .oo-ui-outlineOptionWidget-level-1 {
 699   padding-left: 5em;
 700 }
 701 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
 702   left: 2.5em;
 703 }
 704 .oo-ui-outlineOptionWidget-level-2 {
 705   padding-left: 6.5em;
 706 }
 707 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
 708   left: 4em;
 709 }
 710 .oo-ui-outlineControlsWidget {
 711   height: 3em;
 712   background-color: #fff;
 713 }
 714 .oo-ui-outlineControlsWidget-items,
 715 .oo-ui-outlineControlsWidget-movers {
 716   float: left;
 717   -webkit-box-sizing: border-box;
 718      -moz-box-sizing: border-box;
 719           box-sizing: border-box;
 720 }
 721 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 722   float: left;
 723   background-position: right center;
 724 }
 725 .oo-ui-outlineControlsWidget-items {
 726   float: left;
 727 }
 728 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
 729   float: left;
 730 }
 731 .oo-ui-outlineControlsWidget-movers {
 732   float: right;
 733 }
 734 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
 735   float: right;
 736 }
 737 .oo-ui-outlineControlsWidget-items,
 738 .oo-ui-outlineControlsWidget-movers {
 739   height: 2em;
 740   margin: 0.5em 0.5em 0.5em 0;
 741   padding: 0;
 742 }
 743 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 744   width: 1.5em;
 745   height: 2em;
 746   margin: 0.5em 0 0.5em 0.5em;
 747   opacity: 0.2;
 748 }
 749 .oo-ui-tabSelectWidget {
 750   text-align: left;
 751   white-space: nowrap;
 752   overflow: hidden;
 753   background-color: #eaecf0;
 754 }
 755 .oo-ui-tabOptionWidget {
 756   display: inline-block;
 757   vertical-align: bottom;
 758   color: #222;
 759   margin: 0.5em 0 0 0.75em;
 760   border: 1px solid transparent;
 761   border-bottom: 0;
 762   border-top-left-radius: 2px;
 763   border-top-right-radius: 2px;
 764   padding: 0.35em 1em;
 765   font-weight: bold;
 766   -webkit-transition: background-color 100ms, color 100ms;
 767      -moz-transition: background-color 100ms, color 100ms;
 768           transition: background-color 100ms, color 100ms;
 769 }
 770 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
 771   background-color: rgba(255, 255, 255, 0.3);
 772 }
 773 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
 774   background-color: rgba(255, 255, 255, 0.8);
 775 }
 776 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
 777   padding-right: 1.5em;
 778 }
 779 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 780   opacity: 0.5;
 781 }
 782 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
 783 .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
 784 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
 785   background-color: #fff;
 786   color: #000;
 787 }
 788 .oo-ui-capsuleMultiselectWidget {
 789   display: inline-block;
 790   position: relative;
 791   width: 100%;
 792   max-width: 50em;
 793 }
 794 .oo-ui-capsuleMultiselectWidget-handle {
 795   width: 100%;
 796   display: block;
 797   position: relative;
 798 }
 799 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon,
 800 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 801   position: absolute;
 802   top: 0;
 803   height: 100%;
 804 }
 805 .oo-ui-capsuleMultiselectWidget-content {
 806   position: relative;
 807 }
 808 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
 809   display: none;
 810 }
 811 .oo-ui-capsuleMultiselectWidget-group {
 812   display: inline;
 813 }
 814 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
 815   display: block;
 816 }
 817 .oo-ui-capsuleMultiselectWidget-focusTrap {
 818   display: inline-block;
 819   height: 1px;
 820   width: 1px;
 821 }
 822 .oo-ui-capsuleMultiselectWidget-handle {
 823   min-height: 2.4em;
 824   margin-right: 0.5em;
 825   padding: 0.15em 0.25em;
 826   border: 1px solid #a2a9b1;
 827   border-radius: 2px;
 828   -webkit-box-sizing: border-box;
 829      -moz-box-sizing: border-box;
 830           box-sizing: border-box;
 831 }
 832 .oo-ui-capsuleMultiselectWidget-handle:last-child {
 833   margin-right: 0;
 834 }
 835 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
 836   border: 0;
 837   line-height: 1.675;
 838   margin: 0 0 0 0.2em;
 839   padding: 0;
 840   font-size: inherit;
 841   font-family: inherit;
 842   background-color: transparent;
 843   color: #000;
 844   vertical-align: middle;
 845   /* stylelint-disable indentation */
 846   /* stylelint-enable indentation */
 847 }
 848 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-webkit-input-placeholder {
 849   color: #72777d;
 850   opacity: 1;
 851 }
 852 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-ms-input-placeholder {
 853   color: #72777d;
 854   opacity: 1;
 855 }
 856 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-moz-placeholder {
 857   color: #72777d;
 858   opacity: 1;
 859 }
 860 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-moz-placeholder {
 861   color: #72777d;
 862   opacity: 1;
 863 }
 864 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::placeholder {
 865   color: #72777d;
 866   opacity: 1;
 867 }
 868 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
 869   outline: 0;
 870 }
 871 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
 872   padding-left: 2.475em;
 873 }
 874 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
 875   left: 0;
 876   margin: 0 0.3em;
 877 }
 878 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
 879   padding-right: 2.4875em;
 880 }
 881 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 882   right: 0;
 883   margin: 0 0.775em;
 884 }
 885 .oo-ui-capsuleMultiselectWidget-popup {
 886   margin-top: -1px;
 887 }
 888 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup {
 889   border: 0;
 890 }
 891 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
 892   background-color: #fff;
 893   cursor: text;
 894   -webkit-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
 895      -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
 896           transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
 897 }
 898 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
 899   border-color: #72777d;
 900 }
 901 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle {
 902   border-color: #36c;
 903   outline: 0;
 904   box-shadow: inset 0 0 0 1px #36c;
 905 }
 906 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
 907   color: #72777d;
 908   text-shadow: 0 1px 1px #fff;
 909   border-color: #c8ccd1;
 910   background-color: #eaecf0;
 911 }
 912 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
 913   opacity: 0.51;
 914 }
 915 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 916   opacity: 0.15;
 917 }
 918 .oo-ui-capsuleItemWidget {
 919   position: relative;
 920   display: inline-block;
 921   cursor: default;
 922   white-space: nowrap;
 923   -webkit-box-sizing: border-box;
 924      -moz-box-sizing: border-box;
 925           box-sizing: border-box;
 926   width: auto;
 927   max-width: 100%;
 928   height: 1.7em;
 929   margin: 0.1em;
 930   border: 1px solid #a2a9b1;
 931   border-radius: 2px;
 932   padding: 0 0.4em;
 933   line-height: 1.7;
 934   vertical-align: middle;
 935 }
 936 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 937   display: inline-block;
 938   text-overflow: ellipsis;
 939   overflow: hidden;
 940   cursor: text;
 941 }
 942 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
 943   background-color: #f8f9fa;
 944   color: #222;
 945   padding-right: 1.5375em;
 946   -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
 947      -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
 948           transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
 949 }
 950 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled:hover {
 951   background-color: #fff;
 952   color: #444;
 953   border-color: #a2a9b1;
 954 }
 955 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled:focus {
 956   border-color: #36c;
 957   box-shadow: inset 0 0 0 1px #36c;
 958   outline: 0;
 959 }
 960 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
 961   display: block;
 962   position: absolute;
 963   top: 0;
 964   right: 0;
 965   bottom: 0;
 966 }
 967 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
 968   display: block;
 969   width: 1.5375em;
 970   height: 100%;
 971 }
 972 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
 973   position: absolute;
 974   top: 0;
 975   right: 0.3em;
 976   bottom: 0;
 977   height: auto;
 978 }
 979 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
 980   background-color: #eaecf0;
 981   color: #72777d;
 982   border-color: #c8ccd1;
 983   text-shadow: 0 1px 1px #fff;
 984 }
 985 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-buttonElement {
 986   display: none;
 987 }
 988 .oo-ui-searchWidget-query {
 989   position: absolute;
 990   top: 0;
 991   left: 0;
 992   right: 0;
 993 }
 994 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
 995   width: 100%;
 996 }
 997 .oo-ui-searchWidget-results {
 998   position: absolute;
 999   bottom: 0;
1000   left: 0;
1001   right: 0;
1002   overflow-x: hidden;
1003   overflow-y: auto;
1004 }
1005 .oo-ui-searchWidget-query {
1006   height: 4em;
1007   padding: 0 1em;
1008   border-bottom: 1px solid #a2a9b1;
1009 }
1010 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1011   margin: 0.75em 0;
1012 }
1013 .oo-ui-searchWidget-results {
1014   top: 4em;
1015   padding: 1em;
1016   line-height: 0;
1017 }
1018 .oo-ui-numberInputWidget {
1019   display: inline-block;
1020   position: relative;
1021   max-width: 50em;
1022 }
1023 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget,
1024 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget {
1025   display: table-cell;
1026 }
1027 .oo-ui-numberInputWidget-field {
1028   display: table;
1029   table-layout: fixed;
1030   width: 100%;
1031 }
1032 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget {
1033   width: 2.5em;
1034 }
1035 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
1036   display: block;
1037   min-width: 2.5em;
1038   min-height: 2.5em;
1039   padding-left: 0;
1040   padding-right: 0;
1041 }
1042 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
1043   border-radius: 0;
1044 }
1045 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1046   border-top-right-radius: 0;
1047   border-bottom-right-radius: 0;
1048   border-right-width: 0;
1049 }
1050 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1051   border-top-left-radius: 0;
1052   border-bottom-left-radius: 0;
1053   border-left-width: 0;
1054 }