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

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