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

   1 /*!
   2  * OOjs UI v0.23.2
   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-09-26T20:18:47Z
  10  */
  11 /**
  12  * WikimediaUI Base v0.9.2
  13  * Wikimedia Foundation user interface base variables
  14  */
  15 /* Colors */
  16 /* Positioning */
  17 /* Box Model properties */
  18 /* Max Widths */
  19 /* Typography incl. print properties */
  20 /* Other Properties */
  21 /* Animation & Transition */
  22 .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ).oo-ui-widget {
  23   cursor: move;
  24   cursor: url(images/grab.cur );
  25   cursor: -webkit-grab;
  26   cursor: -moz-grab;
  27   cursor: grab;
  28 }
  29 .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ):active {
  30   cursor: url(images/grabbing.cur );
  31   cursor: -webkit-grabbing;
  32   cursor: -moz-grabbing;
  33   cursor: grabbing;
  34 }
  35 .oo-ui-draggableElement-handle.oo-ui-widget-disabled,
  36 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
  37   cursor: default;
  38 }
  39 .oo-ui-draggableElement-placeholder {
  40   opacity: 0.2;
  41 }
  42 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
  43   display: inline-block;
  44 }
  45 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
  46   overflow: hidden;
  47 }
  48 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
  49   width: 100%;
  50   -webkit-box-sizing: border-box;
  51   -moz-box-sizing: border-box;
  52   box-sizing: border-box;
  53 }
  54 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
  55   height: auto;
  56   position: absolute;
  57   top: 0;
  58   left: 0;
  59   right: 0;
  60   bottom: 2.5em;
  61   overflow: auto;
  62 }
  63 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
  64   position: absolute;
  65   bottom: 0;
  66   left: 0;
  67   right: 0;
  68   height: 2.5em;
  69 }
  70 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
  71   padding: 1.5em;
  72 }
  73 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
  74   border-top: 1px solid #c8ccd1;
  75 }
  76 .oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
  77   border-right: 1px solid #ddd;
  78 }
  79 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
  80   height: 3em;
  81 }
  82 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
  83   top: 3em;
  84 }
  85 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
  86   padding: 1.5em;
  87 }
  88 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
  89   height: 2.75em;
  90 }
  91 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
  92   top: 2.75em;
  93 }
  94 .oo-ui-menuLayout {
  95   top: 0;
  96   left: 0;
  97   right: 0;
  98   bottom: 0;
  99 }
 100 .oo-ui-menuLayout-expanded,
 101 .oo-ui-menuLayout-expanded .oo-ui-menuLayout-menu,
 102 .oo-ui-menuLayout-expanded .oo-ui-menuLayout-content {
 103   position: absolute;
 104 }
 105 .oo-ui-menuLayout-static.oo-ui-menuLayout-after,
 106 .oo-ui-menuLayout-static.oo-ui-menuLayout-before {
 107   display: table;
 108   width: 100%;
 109 }
 110 .oo-ui-menuLayout-static.oo-ui-menuLayout-after .oo-ui-menuLayout-menu,
 111 .oo-ui-menuLayout-static.oo-ui-menuLayout-before .oo-ui-menuLayout-menu,
 112 .oo-ui-menuLayout-static.oo-ui-menuLayout-after .oo-ui-menuLayout-content,
 113 .oo-ui-menuLayout-static.oo-ui-menuLayout-before .oo-ui-menuLayout-content {
 114   display: table-cell;
 115   vertical-align: top;
 116 }
 117 .oo-ui-menuLayout-menu,
 118 .oo-ui-menuLayout-content {
 119   -webkit-transition: all 200ms ease;
 120   -moz-transition: all 200ms ease;
 121   transition: all 200ms ease;
 122 }
 123 .oo-ui-menuLayout-menu {
 124   height: 18em;
 125   width: 18em;
 126 }
 127 .oo-ui-menuLayout-content {
 128   top: 18em;
 129   left: 18em;
 130   right: 18em;
 131   bottom: 18em;
 132 }
 133 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
 134   width: 0 !important;
 135   height: 0 !important;
 136   overflow: hidden;
 137 }
 138 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
 139   top: 0 !important;
 140   left: 0 !important;
 141   right: 0 !important;
 142   bottom: 0 !important;
 143 }
 144 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
 145   width: auto !important;
 146   left: 0;
 147   top: 0;
 148   right: 0;
 149 }
 150 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
 151   right: 0 !important;
 152   bottom: 0 !important;
 153   left: 0 !important;
 154 }
 155 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
 156   height: auto !important;
 157   top: 0;
 158   right: 0;
 159   bottom: 0;
 160 }
 161 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
 162   bottom: 0 !important;
 163   left: 0 !important;
 164   top: 0 !important;
 165 }
 166 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
 167   width: auto !important;
 168   right: 0;
 169   bottom: 0;
 170   left: 0;
 171 }
 172 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
 173   left: 0 !important;
 174   top: 0 !important;
 175   right: 0 !important;
 176 }
 177 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
 178   height: auto !important;
 179   bottom: 0;
 180   left: 0;
 181   top: 0;
 182 }
 183 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
 184   top: 0 !important;
 185   right: 0 !important;
 186   bottom: 0 !important;
 187 }
 188 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
 189   display: block;
 190   position: relative;
 191 }
 192 .oo-ui-buttonSelectWidget {
 193   display: inline-block;
 194   white-space: nowrap;
 195   border-radius: 2px;
 196   margin-right: 0.5em;
 197   z-index: 0;
 198   position: relative;
 199 }
 200 .oo-ui-buttonSelectWidget:last-child {
 201   margin-right: 0;
 202 }
 203 .oo-ui-buttonSelectWidget:focus {
 204   outline: 0;
 205 }
 206 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 207   margin-left: -1px;
 208   border-radius: 0;
 209 }
 210 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
 211   margin-left: 0;
 212   border-bottom-left-radius: 2px;
 213   border-top-left-radius: 2px;
 214 }
 215 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
 216   border-bottom-right-radius: 2px;
 217   border-top-right-radius: 2px;
 218 }
 219 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 220 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 221   position: absolute;
 222 }
 223 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 224   border-left-color: #fff;
 225 }
 226 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
 227   border-color: #36c;
 228   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 229 }
 230 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
 231 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
 232   z-index: 1;
 233 }
 234 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 235   z-index: 3;
 236 }
 237 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 238   z-index: -1;
 239 }
 240 .oo-ui-buttonOptionWidget {
 241   display: inline-block;
 242 }
 243 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
 244   cursor: default;
 245 }
 246 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 247 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 248   position: static;
 249   display: inline-block;
 250   vertical-align: middle;
 251 }
 252 .oo-ui-toggleButtonWidget {
 253   margin-right: 0.5em;
 254 }
 255 .oo-ui-toggleButtonWidget:last-child {
 256   margin-right: 0;
 257 }
 258 .oo-ui-toggleSwitchWidget {
 259   position: relative;
 260   display: inline-block;
 261   vertical-align: middle;
 262   overflow: hidden;
 263   -webkit-box-sizing: border-box;
 264   -moz-box-sizing: border-box;
 265   box-sizing: border-box;
 266   -webkit-transform: translateZ(0);
 267   transform: translateZ(0);
 268   background-color: #f8f9fa;
 269   width: 3.5em;
 270   min-height: 26px;
 271   height: 2em;
 272   border: 1px solid #72777d;
 273   border-radius: 1em;
 274   margin-right: 0.5em;
 275   -webkit-transition: background-color 250ms, border-color 250ms;
 276   -moz-transition: background-color 250ms, border-color 250ms;
 277   transition: background-color 250ms, border-color 250ms;
 278 }
 279 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
 280   cursor: pointer;
 281 }
 282 .oo-ui-toggleSwitchWidget-grip {
 283   position: absolute;
 284   display: block;
 285   -webkit-box-sizing: border-box;
 286   -moz-box-sizing: border-box;
 287   box-sizing: border-box;
 288 }
 289 .oo-ui-toggleSwitchWidget:last-child {
 290   margin-right: 0;
 291 }
 292 .oo-ui-toggleSwitchWidget:before {
 293   content: '';
 294   display: block;
 295   position: absolute;
 296   top: 1px;
 297   left: 1px;
 298   bottom: 1px;
 299   right: 1px;
 300   border: 1px solid transparent;
 301   border-radius: 1em;
 302   z-index: 1;
 303   -webkit-transition: border-color 250ms;
 304   -moz-transition: border-color 250ms;
 305   transition: border-color 250ms;
 306 }
 307 .oo-ui-toggleSwitchWidget-grip {
 308   top: 0.3125em;
 309   min-width: 16px;
 310   width: 1.25em;
 311   min-height: 16px;
 312   height: 1.25em;
 313   border-radius: 1.25em;
 314   -webkit-transition: background-color 250ms, left 100ms, margin-left 100ms;
 315   -moz-transition: background-color 250ms, left 100ms, margin-left 100ms;
 316   transition: background-color 250ms, left 100ms, margin-left 100ms;
 317 }
 318 .oo-ui-toggleSwitchWidget-glow {
 319   display: none;
 320 }
 321 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
 322   left: 0.4em;
 323   margin-left: 0;
 324 }
 325 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 326   left: 1.9em;
 327   margin-left: -2px;
 328 }
 329 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
 330   background-color: #f8f9fa;
 331   border: 1px solid #72777d;
 332 }
 333 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
 334   background-color: #fff;
 335   border-color: #447ff5;
 336 }
 337 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
 338   background-color: #fff;
 339   border-color: #447ff5;
 340 }
 341 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,
 342 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,
 343 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
 344   background-color: #2a4b8d;
 345   border-color: #2a4b8d;
 346   box-shadow: inset 0 0 0 1px #2a4b8d;
 347 }
 348 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
 349 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,
 350 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
 351   background-color: #fff;
 352   border-color: #fff;
 353   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 354 }
 355 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
 356   border-color: #36c;
 357   box-shadow: inset 0 0 0 1px #36c;
 358   outline: 0;
 359 }
 360 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
 361   border-color: #36c;
 362 }
 363 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
 364   background-color: #36c;
 365   border-color: #36c;
 366 }
 367 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 368   background-color: #fff;
 369   border-color: #fff;
 370   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 371 }
 372 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
 373   background-color: #447ff5;
 374   border-color: #447ff5;
 375 }
 376 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,
 377 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
 378   background-color: #2a4b8d;
 379   border-color: #2a4b8d;
 380 }
 381 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
 382   border-color: #36c;
 383 }
 384 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
 385   border-color: #fff;
 386 }
 387 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
 388   background-color: #c8ccd1;
 389   border-color: #c8ccd1;
 390   outline: 0;
 391 }
 392 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
 393   border: 1px solid #fff;
 394   box-shadow: inset 0 0 0 1px #fff;
 395 }
 396 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 397   background-color: #fff;
 398 }
 399 .oo-ui-selectFileWidget {
 400   display: inline-block;
 401   vertical-align: middle;
 402   width: 100%;
 403   max-width: 50em;
 404   margin-right: 0.5em;
 405 }
 406 .oo-ui-selectFileWidget-selectButton {
 407   display: table-cell;
 408 }
 409 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 410   position: relative;
 411   overflow: hidden;
 412 }
 413 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
 414   position: absolute;
 415   top: 0;
 416   bottom: 0;
 417   left: 0;
 418   right: 0;
 419   width: 100%;
 420   height: 100%;
 421   opacity: 0;
 422   z-index: 1;
 423   cursor: pointer;
 424   padding-top: 100px;
 425 }
 426 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
 427   display: none;
 428 }
 429 .oo-ui-selectFileWidget-info {
 430   width: 100%;
 431   display: table-cell;
 432   vertical-align: middle;
 433   position: relative;
 434   overflow: hidden;
 435   -webkit-box-sizing: border-box;
 436   -moz-box-sizing: border-box;
 437   box-sizing: border-box;
 438 }
 439 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 440 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
 441   position: absolute;
 442   top: 0;
 443   height: 100%;
 444 }
 445 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
 446   cursor: default;
 447   -webkit-touch-callout: none;
 448   -webkit-user-select: none;
 449   -moz-user-select: none;
 450   -ms-user-select: none;
 451   user-select: none;
 452 }
 453 .oo-ui-selectFileWidget-label {
 454   position: absolute;
 455   top: 0;
 456   bottom: 0;
 457   left: 0;
 458   right: 0;
 459   text-overflow: ellipsis;
 460 }
 461 .oo-ui-selectFileWidget-clearButton {
 462   position: absolute;
 463   z-index: 2;
 464 }
 465 .oo-ui-selectFileWidget-dropTarget {
 466   position: relative;
 467   cursor: default;
 468   height: 8.815em;
 469 }
 470 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
 471 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton,
 472 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
 473   display: none;
 474 }
 475 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
 476   width: 7.815em;
 477   position: absolute;
 478   top: 0.5em;
 479   bottom: 0.5em;
 480   left: 0.5em;
 481   background-position: center center;
 482   background-repeat: no-repeat;
 483   background-size: contain;
 484 }
 485 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
 486   background-repeat: repeat;
 487   background-size: auto;
 488 }
 489 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
 490   opacity: 0.4;
 491   height: 7.815em;
 492   width: 7.815em;
 493 }
 494 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 495   display: block;
 496   height: 100%;
 497   width: auto;
 498   margin-left: 8.815em;
 499   border: 0;
 500 }
 501 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 502   display: block;
 503   position: relative;
 504   top: inherit;
 505 }
 506 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
 507   display: block;
 508 }
 509 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail,
 510 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 511   display: none;
 512 }
 513 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
 514   display: block;
 515   margin: 2.2em 1em 1em;
 516 }
 517 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget,
 518 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 519   text-align: center;
 520 }
 521 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info,
 522 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 523   margin: 0;
 524 }
 525 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton,
 526 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
 527   display: none;
 528 }
 529 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
 530   cursor: default;
 531 }
 532 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
 533   display: block;
 534 }
 535 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 536 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 537   -webkit-touch-callout: none;
 538   -webkit-user-select: none;
 539   -moz-user-select: none;
 540   -ms-user-select: none;
 541   user-select: none;
 542 }
 543 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 544 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget,
 545 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button,
 546 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
 547   cursor: no-drop;
 548 }
 549 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 550   height: auto;
 551 }
 552 .oo-ui-selectFileWidget:last-child {
 553   margin-right: 0;
 554 }
 555 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 556   border-radius: 0 2px 2px 0;
 557 }
 558 .oo-ui-selectFileWidget-info {
 559   background-color: #fff;
 560   border: 1px solid #a2a9b1;
 561   border-radius: 2px 0 0 2px;
 562   border-right-width: 0;
 563 }
 564 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
 565   top: -1px;
 566   left: 0.46875em;
 567   min-height: 2.5em;
 568   margin-left: -1px;
 569 }
 570 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
 571   top: -1px;
 572   right: 0.9375em;
 573   min-height: 2.5em;
 574 }
 575 .oo-ui-selectFileWidget-label {
 576   -webkit-box-sizing: border-box;
 577   -moz-box-sizing: border-box;
 578   box-sizing: border-box;
 579   display: block;
 580   right: 2.375em;
 581   padding-top: 0.625em;
 582   padding-left: 0.625em;
 583   padding-bottom: 0.546875em;
 584   line-height: 1.172em;
 585   white-space: nowrap;
 586 }
 587 .oo-ui-selectFileWidget-fileName {
 588   display: block;
 589   overflow: hidden;
 590   text-overflow: ellipsis;
 591 }
 592 .oo-ui-selectFileWidget-clearButton {
 593   top: -1px;
 594   right: 0.46875em;
 595   min-width: 24px;
 596   width: 1.875em;
 597   margin-right: 0;
 598 }
 599 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 600   height: 2.5em;
 601 }
 602 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
 603   color: #72777d;
 604 }
 605 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
 606   left: 2.5em;
 607 }
 608 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
 609   right: 3.75em;
 610   padding-left: 0;
 611 }
 612 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
 613   right: 2.0875em;
 614 }
 615 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-label,
 616 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
 617   right: 2em;
 618 }
 619 .oo-ui-selectFileWidget-dropTarget {
 620   background-color: #fff;
 621   border: 1px solid #a2a9b1;
 622   border-radius: 2px;
 623   vertical-align: middle;
 624   overflow: hidden;
 625 }
 626 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 627   border-radius: 2px;
 628 }
 629 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 630   line-height: 1.4;
 631   overflow: inherit;
 632   white-space: normal;
 633 }
 634 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
 635   padding-right: 2.5em;
 636 }
 637 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
 638   top: 0;
 639 }
 640 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
 641   background-color: #fff;
 642   border-style: dashed;
 643   -webkit-transition: background-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
 644   -moz-transition: background-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
 645   transition: background-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
 646 }
 647 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
 648   border-color: #72777d;
 649 }
 650 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
 651   background-color: #eaf3ff;
 652   color: #36c;
 653 }
 654 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info,
 655 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
 656   background-color: #eaecf0;
 657   color: #72777d;
 658   border-color: #c8ccd1;
 659   text-shadow: 0 1px 1px #fff;
 660 }
 661 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 662 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
 663   opacity: 0.51;
 664 }
 665 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 666 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
 667   opacity: 0.15;
 668 }
 669 .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 670 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget {
 671   background-color: #eaecf0;
 672   border-color: #c8ccd1;
 673 }
 674 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
 675   background-color: #eaecf0;
 676   color: #222;
 677   border-color: #c8ccd1;
 678 }
 679 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 680   background-color: #eaecf0;
 681   border-color: #c8ccd1;
 682 }
 683 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 684   padding: 1em 0.9375em;
 685 }
 686 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
 687   display: none;
 688 }
 689 .oo-ui-outlineSelectWidget {
 690   height: 100%;
 691 }
 692 .oo-ui-outlineSelectWidget:focus {
 693   box-shadow: inset 0 0 0 2px #36c;
 694 }
 695 .oo-ui-outlineOptionWidget {
 696   -webkit-touch-callout: none;
 697   -webkit-user-select: none;
 698   -moz-user-select: none;
 699   -ms-user-select: none;
 700   user-select: none;
 701   padding: 1.0546875em 0.9375em 0.9375em;
 702   -webkit-transition: background-color 100ms, color 100ms;
 703   -moz-transition: background-color 100ms, color 100ms;
 704   transition: background-color 100ms, color 100ms;
 705 }
 706 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
 707   background-color: #eaecf0;
 708   color: #000;
 709 }
 710 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
 711   background-color: #eaf3ff;
 712   color: #36c;
 713 }
 714 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
 715   background-color: rgba(41, 98, 204, 0.1);
 716   color: #36c;
 717 }
 718 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
 719   padding-right: 1.5em;
 720 }
 721 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 722   opacity: 0.5;
 723 }
 724 .oo-ui-outlineOptionWidget .oo-ui-labelElement-label {
 725   font-size: 1.1em;
 726 }
 727 .oo-ui-outlineOptionWidget-level-1 {
 728   padding-left: 2.571em;
 729 }
 730 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement {
 731   padding-left: 4.429em;
 732 }
 733 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement .oo-ui-iconElement-icon {
 734   left: 2.571em;
 735 }
 736 .oo-ui-outlineOptionWidget-level-2 {
 737   padding-left: 5.142em;
 738 }
 739 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement {
 740   padding-left: 6.857em;
 741 }
 742 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement .oo-ui-iconElement-icon {
 743   left: 4.429em;
 744 }
 745 .oo-ui-outlineControlsWidget {
 746   overflow: hidden;
 747   background-color: #fff;
 748 }
 749 .oo-ui-outlineControlsWidget-items,
 750 .oo-ui-outlineControlsWidget-movers {
 751   float: left;
 752   -webkit-box-sizing: border-box;
 753   -moz-box-sizing: border-box;
 754   box-sizing: border-box;
 755 }
 756 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 757   float: left;
 758   background-position: right center;
 759 }
 760 .oo-ui-outlineControlsWidget-items {
 761   float: left;
 762 }
 763 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
 764   float: left;
 765 }
 766 .oo-ui-outlineControlsWidget-movers {
 767   float: right;
 768 }
 769 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
 770   float: right;
 771 }
 772 .oo-ui-outlineControlsWidget-items > .oo-ui-buttonWidget,
 773 .oo-ui-outlineControlsWidget-movers > .oo-ui-buttonWidget {
 774   height: 2.5em;
 775   width: 2.5em;
 776   margin: 0 !important;
 777   /* stylelint-disable-line declaration-no-important */
 778 }
 779 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 780   height: 2.5em;
 781   opacity: 0.2;
 782 }
 783 .oo-ui-tabSelectWidget {
 784   text-align: left;
 785   white-space: nowrap;
 786   overflow: hidden;
 787   background-color: #eaecf0;
 788 }
 789 .oo-ui-tabOptionWidget {
 790   display: inline-block;
 791   -webkit-box-sizing: border-box;
 792   -moz-box-sizing: border-box;
 793   box-sizing: border-box;
 794   vertical-align: bottom;
 795   color: #222;
 796   margin: 0.46875em 0 0 0.46875em;
 797   border-color: transparent;
 798   border-style: solid;
 799   border-width: 1px 1px 0 1px;
 800   border-top-left-radius: 2px;
 801   border-top-right-radius: 2px;
 802   padding: 0.625em 1.015625em 0.546875em;
 803   font-weight: bold;
 804   line-height: 1;
 805   -webkit-transition: background-color 100ms, color 100ms;
 806   -moz-transition: background-color 100ms, color 100ms;
 807   transition: background-color 100ms, color 100ms;
 808 }
 809 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
 810   background-color: #fff;
 811   color: #000;
 812 }
 813 .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
 814   line-height: 1.172em;
 815 }
 816 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
 817   background-color: rgba(255, 255, 255, 0.3);
 818 }
 819 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
 820   background-color: rgba(255, 255, 255, 0.8);
 821 }
 822 .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
 823   background-color: #fff;
 824 }
 825 .oo-ui-tagMultiselectWidget {
 826   display: inline-block;
 827   position: relative;
 828   width: 100%;
 829   max-width: 50em;
 830 }
 831 .oo-ui-tagMultiselectWidget-handle {
 832   width: 100%;
 833   display: block;
 834   position: relative;
 835 }
 836 .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon,
 837 .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 838   position: absolute;
 839   top: 0;
 840   height: 100%;
 841 }
 842 .oo-ui-tagMultiselectWidget-content {
 843   position: relative;
 844 }
 845 .oo-ui-tagMultiselectWidget-group {
 846   display: inline;
 847 }
 848 .oo-ui-tagMultiselectWidget-outlined {
 849   width: 100%;
 850 }
 851 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
 852   cursor: text;
 853 }
 854 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-content > input {
 855   display: none;
 856 }
 857 .oo-ui-tagMultiselectWidget-focusTrap {
 858   display: inline-block;
 859   height: 1px;
 860   width: 1px;
 861 }
 862 .oo-ui-tagMultiselectWidget-focusTrap:focus {
 863   outline: 0;
 864 }
 865 .oo-ui-tagMultiselectWidget-handle {
 866   -webkit-box-sizing: border-box;
 867   -moz-box-sizing: border-box;
 868   box-sizing: border-box;
 869   min-height: 2.5em;
 870   margin-right: 0.5em;
 871   border: 1px solid #a2a9b1;
 872   border-radius: 2px;
 873   padding: 0 0.625em 0.3125em;
 874   line-height: 1;
 875 }
 876 .oo-ui-tagMultiselectWidget-handle:last-child {
 877   margin-right: 0;
 878 }
 879 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input {
 880   background-color: transparent;
 881   color: #000;
 882   margin: 0.46875em 0 0 0.390625em;
 883   border: 0;
 884   padding: 0;
 885   font-family: inherit;
 886   font-size: inherit;
 887   line-height: 1.563em;
 888   vertical-align: middle;
 889 }
 890 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-webkit-input-placeholder {
 891   color: #72777d;
 892   opacity: 1;
 893 }
 894 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-ms-input-placeholder {
 895   color: #72777d;
 896   opacity: 1;
 897 }
 898 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-moz-placeholder {
 899   color: #72777d;
 900   opacity: 1;
 901 }
 902 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-moz-placeholder {
 903   color: #72777d;
 904   opacity: 1;
 905 }
 906 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::placeholder {
 907   color: #72777d;
 908   opacity: 1;
 909 }
 910 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:focus {
 911   outline: 0;
 912 }
 913 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content .oo-ui-tagMultiselectWidget-group:empty + input {
 914   margin-left: 0;
 915 }
 916 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle {
 917   padding-left: 2.475em;
 918 }
 919 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon {
 920   left: 0;
 921   margin: 0 0.3em;
 922 }
 923 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle {
 924   padding-right: 2.4875em;
 925 }
 926 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 927   right: 0;
 928   margin: 0 0.775em;
 929 }
 930 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
 931   background-color: #fff;
 932   -webkit-transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
 933   -moz-transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
 934   transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
 935 }
 936 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
 937   border-color: #72777d;
 938 }
 939 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
 940   border-color: #36c;
 941   outline: 0;
 942   box-shadow: inset 0 0 0 1px #36c;
 943 }
 944 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
 945   background-color: #f8f9fa;
 946   border-bottom: 0;
 947   border-bottom-left-radius: 0;
 948   border-bottom-right-radius: 0;
 949 }
 950 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
 951   background-color: #fff;
 952 }
 953 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
 954   border-top-left-radius: 0;
 955   border-top-right-radius: 0;
 956 }
 957 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
 958   color: #72777d;
 959   text-shadow: 0 1px 1px #fff;
 960   border-color: #c8ccd1;
 961   background-color: #eaecf0;
 962 }
 963 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon {
 964   opacity: 0.51;
 965 }
 966 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 967   opacity: 0.15;
 968 }
 969 .oo-ui-tagItemWidget {
 970   position: relative;
 971   display: inline-block;
 972   cursor: default;
 973   white-space: nowrap;
 974   -webkit-box-sizing: border-box;
 975   -moz-box-sizing: border-box;
 976   box-sizing: border-box;
 977   width: auto;
 978   max-width: 100%;
 979   height: 1.71875em;
 980   margin: 0.3125em 0.3125em 0 0;
 981   border: 1px solid #a2a9b1;
 982   border-radius: 2px;
 983   padding: 0 0.3125em;
 984   line-height: 1.71875em;
 985   vertical-align: middle;
 986 }
 987 .oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 988   display: inline-block;
 989   text-overflow: ellipsis;
 990   overflow: hidden;
 991   cursor: text;
 992 }
 993 .oo-ui-tagItemWidget.oo-ui-widget-enabled {
 994   background-color: #f8f9fa;
 995   color: #222;
 996   padding-right: 1.640625em;
 997   -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
 998   -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
 999   transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
1000 }
1001 .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
1002   background-color: #fff;
1003   color: #444;
1004   border-color: #a2a9b1;
1005 }
1006 .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
1007   border-color: #36c;
1008   box-shadow: inset 0 0 0 1px #36c;
1009   outline: 0;
1010 }
1011 .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid {
1012   border-color: #d33;
1013 }
1014 .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover {
1015   border-color: #d33;
1016 }
1017 .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus {
1018   border-color: #d33;
1019   box-shadow: inset 0 0 0 1px #d33;
1020 }
1021 .oo-ui-tagItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
1022   display: block;
1023   position: absolute;
1024   top: 0;
1025   right: 0;
1026 }
1027 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
1028   min-width: 0;
1029   min-height: 0;
1030   border: 0;
1031   padding-top: 1.5625em;
1032   padding-left: 1.5625em;
1033 }
1034 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-icon-close {
1035   left: 0;
1036   min-width: 20px;
1037   min-height: 20px;
1038   width: 1.5625em;
1039 }
1040 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-labelElement-label,
1041 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
1042   display: none;
1043 }
1044 .oo-ui-tagItemWidget.oo-ui-widget-disabled {
1045   background-color: #eaecf0;
1046   color: #72777d;
1047   border-color: #c8ccd1;
1048   text-shadow: 0 1px 1px #fff;
1049 }
1050 .oo-ui-tagItemWidget.oo-ui-widget-disabled:focus {
1051   outline: 0;
1052 }
1053 .oo-ui-tagItemWidget.oo-ui-widget-disabled > .oo-ui-buttonElement {
1054   display: none;
1055 }
1056 .oo-ui-capsuleMultiselectWidget {
1057   display: inline-block;
1058   position: relative;
1059   width: 100%;
1060   max-width: 50em;
1061 }
1062 .oo-ui-capsuleMultiselectWidget-handle {
1063   width: 100%;
1064   display: block;
1065   position: relative;
1066 }
1067 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon,
1068 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
1069   position: absolute;
1070   top: 0;
1071   height: 100%;
1072 }
1073 .oo-ui-capsuleMultiselectWidget-content {
1074   position: relative;
1075 }
1076 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
1077   display: none;
1078 }
1079 .oo-ui-capsuleMultiselectWidget-group {
1080   display: inline;
1081 }
1082 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
1083   display: block;
1084 }
1085 .oo-ui-capsuleMultiselectWidget-focusTrap {
1086   display: inline-block;
1087   height: 1px;
1088   width: 1px;
1089 }
1090 .oo-ui-capsuleMultiselectWidget-focusTrap:focus {
1091   outline: 0;
1092 }
1093 .oo-ui-capsuleMultiselectWidget-handle {
1094   -webkit-box-sizing: border-box;
1095   -moz-box-sizing: border-box;
1096   box-sizing: border-box;
1097   min-height: 2.5em;
1098   margin-right: 0.5em;
1099   border: 1px solid #a2a9b1;
1100   border-radius: 2px;
1101   padding: 0 0.625em 0.3125em;
1102   line-height: 1;
1103 }
1104 .oo-ui-capsuleMultiselectWidget-handle:last-child {
1105   margin-right: 0;
1106 }
1107 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
1108   background-color: transparent;
1109   color: #000;
1110   border: 0;
1111   margin: 0.46875em 0 0 0.390625em;
1112   padding: 0;
1113   font-family: inherit;
1114   font-size: inherit;
1115   line-height: 1.563em;
1116   vertical-align: middle;
1117 }
1118 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-webkit-input-placeholder {
1119   color: #72777d;
1120   opacity: 1;
1121 }
1122 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-ms-input-placeholder {
1123   color: #72777d;
1124   opacity: 1;
1125 }
1126 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-moz-placeholder {
1127   color: #72777d;
1128   opacity: 1;
1129 }
1130 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-moz-placeholder {
1131   color: #72777d;
1132   opacity: 1;
1133 }
1134 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::placeholder {
1135   color: #72777d;
1136   opacity: 1;
1137 }
1138 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
1139   outline: 0;
1140 }
1141 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content .oo-ui-capsuleMultiselectWidget-group:empty + input {
1142   margin-left: 0;
1143 }
1144 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
1145   padding-left: 2.5em;
1146 }
1147 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
1148   left: 0.46875em;
1149 }
1150 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
1151   padding-right: 2.8125em;
1152 }
1153 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
1154   right: 0.9375em;
1155 }
1156 .oo-ui-capsuleMultiselectWidget-popup {
1157   margin-top: -1px;
1158 }
1159 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup {
1160   border: 0;
1161 }
1162 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
1163   background-color: #fff;
1164   cursor: text;
1165   -webkit-transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
1166   -moz-transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
1167   transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
1168 }
1169 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
1170   border-color: #72777d;
1171 }
1172 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle {
1173   border-color: #36c;
1174   outline: 0;
1175   box-shadow: inset 0 0 0 1px #36c;
1176 }
1177 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
1178   color: #72777d;
1179   text-shadow: 0 1px 1px #fff;
1180   border-color: #c8ccd1;
1181   background-color: #eaecf0;
1182 }
1183 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
1184   opacity: 0.51;
1185 }
1186 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
1187   opacity: 0.15;
1188 }
1189 .oo-ui-capsuleItemWidget {
1190   position: relative;
1191   display: inline-block;
1192   cursor: default;
1193   white-space: nowrap;
1194   -webkit-box-sizing: border-box;
1195   -moz-box-sizing: border-box;
1196   box-sizing: border-box;
1197   width: auto;
1198   max-width: 100%;
1199   height: 1.71875em;
1200   margin: 0.3125em 0.3125em 0 0;
1201   border: 1px solid #a2a9b1;
1202   border-radius: 2px;
1203   padding: 0 0.3125em;
1204   line-height: 1.71875em;
1205   vertical-align: middle;
1206 }
1207 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1208   display: inline-block;
1209   text-overflow: ellipsis;
1210   overflow: hidden;
1211   cursor: text;
1212 }
1213 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
1214   background-color: #f8f9fa;
1215   color: #222;
1216   padding-right: 1.640625em;
1217   -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
1218   -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
1219   transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
1220 }
1221 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled:hover {
1222   background-color: #fff;
1223   color: #444;
1224   border-color: #a2a9b1;
1225 }
1226 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled:focus {
1227   border-color: #36c;
1228   box-shadow: inset 0 0 0 1px #36c;
1229   outline: 0;
1230 }
1231 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
1232   display: block;
1233   position: absolute;
1234   top: 0;
1235   right: 0;
1236 }
1237 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
1238   min-width: 0;
1239   min-height: 0;
1240   border: 0;
1241   padding-top: 1.5625em;
1242   padding-left: 1.5625em;
1243 }
1244 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-icon-close {
1245   left: 0;
1246   min-width: 20px;
1247   min-height: 20px;
1248   width: 1.5625em;
1249 }
1250 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-labelElement-label,
1251 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
1252   display: none;
1253 }
1254 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
1255   background-color: #eaecf0;
1256   color: #72777d;
1257   border-color: #c8ccd1;
1258   text-shadow: 0 1px 1px #fff;
1259 }
1260 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-buttonElement {
1261   display: none;
1262 }
1263 .oo-ui-searchWidget-query {
1264   position: absolute;
1265   top: 0;
1266   left: 0;
1267   right: 0;
1268 }
1269 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1270   width: 100%;
1271 }
1272 .oo-ui-searchWidget-results {
1273   position: absolute;
1274   bottom: 0;
1275   left: 0;
1276   right: 0;
1277   overflow-x: hidden;
1278   overflow-y: auto;
1279 }
1280 .oo-ui-searchWidget-query {
1281   height: 4.375em;
1282   padding: 0 1.25em;
1283   border-bottom: 1px solid #c8ccd1;
1284   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
1285 }
1286 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1287   margin: 0.9375em 0;
1288 }
1289 .oo-ui-searchWidget-results {
1290   top: 4.375em;
1291   padding: 1.25em;
1292   line-height: 0;
1293 }
1294 .oo-ui-numberInputWidget {
1295   display: inline-block;
1296   position: relative;
1297   max-width: 50em;
1298 }
1299 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget,
1300 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
1301   display: table-cell;
1302   height: 100%;
1303 }
1304 .oo-ui-numberInputWidget-field {
1305   display: table;
1306   table-layout: fixed;
1307   width: 100%;
1308 }
1309 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget {
1310   width: 2.5em;
1311 }
1312 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget .oo-ui-buttonElement-button {
1313   display: block;
1314   min-width: 2.5em;
1315   min-height: 2.5em;
1316   padding-left: 0;
1317   padding-right: 0;
1318 }
1319 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
1320   left: 0.46875em;
1321   min-width: 20px;
1322   width: 1.5625em;
1323 }
1324 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
1325   border-radius: 0;
1326 }
1327 .oo-ui-numberInputWidget-minusButton > .oo-ui-buttonElement-button {
1328   border-top-right-radius: 0;
1329   border-bottom-right-radius: 0;
1330   border-right-width: 0;
1331 }
1332 .oo-ui-numberInputWidget-plusButton > .oo-ui-buttonElement-button {
1333   border-top-left-radius: 0;
1334   border-bottom-left-radius: 0;
1335   border-left-width: 0;
1336 }
1337 .oo-ui-numberInputWidget.oo-ui-widget-disabled.oo-ui-numberInputWidget-buttoned .oo-ui-iconElement-icon {
1338   opacity: 1;
1339 }