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

   1 /*!
   2  * OOjs UI v0.22.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-06-28T19:52:08Z
  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-handle {
 732   background-color: #fff;
 733   cursor: text;
 734   min-height: 2.4em;
 735   margin-right: 0.5em;
 736   padding: 0.15em 0.25em;
 737   border: 1px solid rgba(0, 0, 0, 0.1);
 738   border-radius: 0.25em;
 739   -webkit-box-sizing: border-box;
 740   -moz-box-sizing: border-box;
 741   box-sizing: border-box;
 742 }
 743 .oo-ui-tagMultiselectWidget-handle:last-child {
 744   margin-right: 0;
 745 }
 746 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input {
 747   border: 0;
 748   line-height: 1.675em;
 749   margin: 0;
 750   margin-left: 0.2em;
 751   padding: 0;
 752   font-size: inherit;
 753   font-family: inherit;
 754   background-color: transparent;
 755   color: #000;
 756   vertical-align: middle;
 757 }
 758 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-webkit-input-placeholder {
 759   color: #767676;
 760   opacity: 1;
 761 }
 762 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-ms-input-placeholder {
 763   color: #767676;
 764   opacity: 1;
 765 }
 766 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-moz-placeholder {
 767   color: #767676;
 768   opacity: 1;
 769 }
 770 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-moz-placeholder {
 771   color: #767676;
 772   opacity: 1;
 773 }
 774 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::placeholder {
 775   color: #767676;
 776   opacity: 1;
 777 }
 778 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:focus {
 779   outline: 0;
 780 }
 781 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle {
 782   padding-left: 2.475em;
 783 }
 784 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon {
 785   left: 0;
 786   margin: 0 0.3em;
 787 }
 788 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle {
 789   padding-right: 2.4875em;
 790 }
 791 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 792   right: 0;
 793   margin: 0 0.775em;
 794 }
 795 .oo-ui-tagMultiselectWidget:hover .oo-ui-tagMultiselectWidget-handle {
 796   border-color: rgba(0, 0, 0, 0.2);
 797 }
 798 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
 799   color: #ccc;
 800   text-shadow: 0 1px 1px #fff;
 801   border-color: #ddd;
 802   background-color: #f3f3f3;
 803   cursor: default;
 804 }
 805 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon,
 806 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 807   opacity: 0.2;
 808 }
 809 .oo-ui-tagMultiselectWidget-popup > .oo-ui-popupWidget-popup {
 810   border: 0;
 811 }
 812 .oo-ui-tagItemWidget {
 813   position: relative;
 814   display: inline-block;
 815   cursor: default;
 816   white-space: nowrap;
 817   width: auto;
 818   max-width: 100%;
 819   -webkit-box-sizing: border-box;
 820   -moz-box-sizing: border-box;
 821   box-sizing: border-box;
 822   vertical-align: middle;
 823   padding: 0 0.4em;
 824   margin: 0.1em;
 825   height: 1.7em;
 826   line-height: 1.7em;
 827   background-color: #eeeeee;
 828   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd));
 829   background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
 830   background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%);
 831   background-image: linear-gradient(to bottom, #fff 0, #ddd 100%);
 832   -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
 833   border: 1px solid #ccc;
 834   color: #333;
 835   border-radius: 0.25em;
 836 }
 837 .oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 838   display: inline-block;
 839   text-overflow: ellipsis;
 840   overflow: hidden;
 841   cursor: text;
 842 }
 843 .oo-ui-tagItemWidget:focus {
 844   outline: 0;
 845   border-color: #087ecc;
 846 }
 847 .oo-ui-tagItemWidget > .oo-ui-buttonElement {
 848   margin-top: -1.25em;
 849   padding-left: 0.3em;
 850 }
 851 .oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
 852   padding: 0;
 853 }
 854 .oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
 855   min-width: 20px;
 856   width: 1.5625em;
 857   margin-right: -0.3em;
 858 }
 859 .oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-labelElement-label,
 860 .oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
 861   display: none;
 862 }
 863 .oo-ui-tagItemWidget.oo-ui-widget-disabled {
 864   opacity: 0.5;
 865   -webkit-transform: translateZ(0);
 866   transform: translateZ(0);
 867   box-shadow: none;
 868   color: #333;
 869   background: #eee;
 870   border-color: #ccc;
 871 }
 872 .oo-ui-capsuleMultiselectWidget {
 873   display: inline-block;
 874   position: relative;
 875   width: 100%;
 876   max-width: 50em;
 877 }
 878 .oo-ui-capsuleMultiselectWidget-handle {
 879   width: 100%;
 880   display: block;
 881   position: relative;
 882 }
 883 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon,
 884 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 885   position: absolute;
 886   top: 0;
 887   height: 100%;
 888 }
 889 .oo-ui-capsuleMultiselectWidget-content {
 890   position: relative;
 891 }
 892 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
 893   display: none;
 894 }
 895 .oo-ui-capsuleMultiselectWidget-group {
 896   display: inline;
 897 }
 898 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
 899   display: block;
 900 }
 901 .oo-ui-capsuleMultiselectWidget-focusTrap {
 902   display: inline-block;
 903   height: 1px;
 904   width: 1px;
 905 }
 906 .oo-ui-capsuleMultiselectWidget-handle {
 907   background-color: #fff;
 908   cursor: text;
 909   min-height: 2.4em;
 910   margin-right: 0.5em;
 911   padding: 0.15em 0.25em;
 912   border: 1px solid rgba(0, 0, 0, 0.1);
 913   border-radius: 0.25em;
 914   -webkit-box-sizing: border-box;
 915   -moz-box-sizing: border-box;
 916   box-sizing: border-box;
 917 }
 918 .oo-ui-capsuleMultiselectWidget-handle:last-child {
 919   margin-right: 0;
 920 }
 921 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
 922   border: 0;
 923   line-height: 1.675em;
 924   margin: 0;
 925   margin-left: 0.2em;
 926   padding: 0;
 927   font-size: inherit;
 928   font-family: inherit;
 929   background-color: transparent;
 930   color: #000;
 931   vertical-align: middle;
 932 }
 933 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-webkit-input-placeholder {
 934   color: #767676;
 935   opacity: 1;
 936 }
 937 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-ms-input-placeholder {
 938   color: #767676;
 939   opacity: 1;
 940 }
 941 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-moz-placeholder {
 942   color: #767676;
 943   opacity: 1;
 944 }
 945 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-moz-placeholder {
 946   color: #767676;
 947   opacity: 1;
 948 }
 949 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::placeholder {
 950   color: #767676;
 951   opacity: 1;
 952 }
 953 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
 954   outline: 0;
 955 }
 956 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
 957   padding-left: 2.475em;
 958 }
 959 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
 960   left: 0;
 961   margin: 0 0.3em;
 962 }
 963 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
 964   padding-right: 2.4875em;
 965 }
 966 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 967   right: 0;
 968   margin: 0 0.775em;
 969 }
 970 .oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle {
 971   border-color: rgba(0, 0, 0, 0.2);
 972 }
 973 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
 974   color: #ccc;
 975   text-shadow: 0 1px 1px #fff;
 976   border-color: #ddd;
 977   background-color: #f3f3f3;
 978   cursor: default;
 979 }
 980 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon,
 981 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 982   opacity: 0.2;
 983 }
 984 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup {
 985   border: 0;
 986 }
 987 .oo-ui-capsuleItemWidget {
 988   position: relative;
 989   display: inline-block;
 990   cursor: default;
 991   white-space: nowrap;
 992   width: auto;
 993   max-width: 100%;
 994   -webkit-box-sizing: border-box;
 995   -moz-box-sizing: border-box;
 996   box-sizing: border-box;
 997   vertical-align: middle;
 998   padding: 0 0.4em;
 999   margin: 0.1em;
1000   height: 1.7em;
1001   line-height: 1.7em;
1002   background-color: #eeeeee;
1003   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd));
1004   background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
1005   background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%);
1006   background-image: linear-gradient(to bottom, #fff 0, #ddd 100%);
1007   -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
1008   border: 1px solid #ccc;
1009   color: #333;
1010   border-radius: 0.25em;
1011 }
1012 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1013   display: inline-block;
1014   text-overflow: ellipsis;
1015   overflow: hidden;
1016   cursor: text;
1017 }
1018 .oo-ui-capsuleItemWidget:focus {
1019   outline: 0;
1020   border-color: #087ecc;
1021 }
1022 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
1023   margin-top: -1.25em;
1024   padding-left: 0.3em;
1025 }
1026 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
1027   padding: 0;
1028 }
1029 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
1030   min-width: 20px;
1031   width: 1.5625em;
1032   margin-right: -0.3em;
1033 }
1034 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-labelElement-label,
1035 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
1036   display: none;
1037 }
1038 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
1039   opacity: 0.5;
1040   -webkit-transform: translateZ(0);
1041   transform: translateZ(0);
1042   box-shadow: none;
1043   color: #333;
1044   background: #eee;
1045   border-color: #ccc;
1046 }
1047 .oo-ui-searchWidget-query {
1048   position: absolute;
1049   top: 0;
1050   left: 0;
1051   right: 0;
1052 }
1053 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1054   width: 100%;
1055 }
1056 .oo-ui-searchWidget-results {
1057   position: absolute;
1058   bottom: 0;
1059   left: 0;
1060   right: 0;
1061   overflow-x: hidden;
1062   overflow-y: auto;
1063 }
1064 .oo-ui-searchWidget-query {
1065   height: 4em;
1066   padding: 0 1em;
1067   box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
1068 }
1069 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1070   margin: 0.75em 0;
1071 }
1072 .oo-ui-searchWidget-results {
1073   top: 4em;
1074   padding: 1em;
1075   line-height: 0;
1076 }
1077 .oo-ui-numberInputWidget {
1078   display: inline-block;
1079   position: relative;
1080   max-width: 50em;
1081 }
1082 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget,
1083 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
1084   display: table-cell;
1085   height: 100%;
1086 }
1087 .oo-ui-numberInputWidget-field {
1088   display: table;
1089   table-layout: fixed;
1090   width: 100%;
1091 }
1092 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
1093   width: 2.25em;
1094 }
1095 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
1096   min-width: 20px;
1097   width: 1.5625em;
1098 }
1099 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
1100   border-radius: 0;
1101 }
1102 .oo-ui-numberInputWidget-minusButton > .oo-ui-buttonElement-button {
1103   border-top-right-radius: 0;
1104   border-bottom-right-radius: 0;
1105   border-right-width: 0;
1106 }
1107 .oo-ui-numberInputWidget-plusButton > .oo-ui-buttonElement-button {
1108   border-top-left-radius: 0;
1109   border-bottom-left-radius: 0;
1110   border-left-width: 0;
1111 }