resources/lib/ooui/oojs-ui-core-apex.css

   1 /*!
   2  * OOUI v0.30.3
   3  * https://www.mediawiki.org/wiki/OOUI
   4  *
   5  * Copyright 2011–2019 OOUI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2019-02-21T10:57:15Z
  10  */
  11 .oo-ui-element-hidden {
  12   display: none !important;
  13 }
  14
  15 .oo-ui-buttonElement {
  16   display: inline-block;
  17   line-height: normal;
  18   vertical-align: middle;
  19 }
  20 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  21   cursor: pointer;
  22   display: inline-block;
  23   -webkit-box-sizing: border-box;
  24   -moz-box-sizing: border-box;
  25   box-sizing: border-box;
  26   vertical-align: middle;
  27   font-family: inherit;
  28   font-size: inherit;
  29   white-space: nowrap;
  30   -webkit-touch-callout: none;
  31   -webkit-user-select: none;
  32   -moz-user-select: none;
  33   -ms-user-select: none;
  34   user-select: none;
  35 }
  36 .oo-ui-buttonElement > .oo-ui-buttonElement-button::-moz-focus-inner {
  37   border-color: transparent;
  38   padding: 0;
  39 }
  40 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  41   cursor: default;
  42 }
  43 .oo-ui-buttonElement-frameless {
  44   position: relative;
  45 }
  46 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  47   vertical-align: top;
  48   text-align: center;
  49 }
  50 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  51   color: #333;
  52   position: relative;
  53   border-radius: 3px;
  54 }
  55 .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus {
  56   outline: 0;
  57 }
  58 .oo-ui-buttonElement > input.oo-ui-buttonElement-button,
  59 .oo-ui-buttonElement.oo-ui-labelElement .oo-ui-labelElement-label {
  60   line-height: 1.875em;
  61 }
  62 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  63 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
  64 .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  65   display: inline-block;
  66   vertical-align: middle;
  67 }
  68 .oo-ui-buttonElement.oo-ui-iconElement .oo-ui-indicatorElement-indicator {
  69   margin-left: 0.46875em;
  70 }
  71 .oo-ui-buttonElement.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
  72   margin: 0.46875em;
  73 }
  74 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  75   -webkit-transition: opacity 250ms;
  76   -moz-transition: opacity 250ms;
  77   transition: opacity 250ms;
  78   -webkit-transform: translateZ(0);
  79   transform: translateZ(0);
  80 }
  81 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  82   color: #333;
  83 }
  84 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
  85 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon {
  86   opacity: 1;
  87 }
  88 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
  89 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
  90   color: #000;
  91 }
  92 .oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child,
  93 .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
  94   margin-left: -0.3125em;
  95 }
  96 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button,
  97 .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
  98   padding: 0.3125em 0.3125em;
  99 }
 100 .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button,
 101 .oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
 102   padding: 0.3125em 0.3125em;
 103 }
 104 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 105   color: #333;
 106   margin-left: 0.25em;
 107 }
 108 .oo-ui-buttonElement-frameless.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
 109   padding: 0;
 110 }
 111 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
 112   padding-left: 0.25em;
 113   color: #333;
 114 }
 115 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:hover,
 116 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:focus {
 117   color: #000;
 118 }
 119 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus,
 120 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus {
 121   border-color: #ace;
 122   box-shadow: 0 0 2px 2px #ace;
 123 }
 124 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus:active,
 125 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus:active {
 126   border-color: #fff;
 127   border-color: transparent;
 128   box-shadow: none;
 129 }
 130 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button {
 131   border-radius: 3px;
 132 }
 133 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:focus {
 134   box-shadow: 0 0 2px 2px #ace;
 135 }
 136 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:focus:active {
 137   box-shadow: none;
 138 }
 139 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 140   color: #087ecc;
 141 }
 142 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 143   color: #d45353;
 144 }
 145 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 146   opacity: 0.2;
 147 }
 148 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 149   color: #ccc;
 150 }
 151 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
 152   background-color: #ebebeb;
 153   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fafafa), color-stop(100%, #ddd));
 154   background-image: -webkit-linear-gradient(top, #fafafa 0, #ddd 100%);
 155   background-image: -moz-linear-gradient(top, #fafafa 0, #ddd 100%);
 156   background-image: linear-gradient(to bottom, #fafafa 0, #ddd 100%);
 157   border: 1px solid #ccc;
 158   padding: 0.234375em 0.78125em;
 159   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
 160   -webkit-transition: border-color 100ms;
 161   -moz-transition: border-color 100ms;
 162   transition: border-color 100ms;
 163 }
 164 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover {
 165   border-color: #aaa;
 166 }
 167 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
 168   border-color: #ace;
 169   box-shadow: 0 0 2px 2px #ace;
 170 }
 171 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
 172 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 173   line-height: 1.875em;
 174 }
 175 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 176 .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 177 .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 178   background-color: #ebebeb;
 179   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fafafa));
 180   background-image: -webkit-linear-gradient(top, #ddd 0, #fafafa 100%);
 181   background-image: -moz-linear-gradient(top, #ddd 0, #fafafa 100%);
 182   background-image: linear-gradient(to bottom, #ddd 0, #fafafa 100%);
 183   color: #000;
 184   border-color: #ccc;
 185   box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
 186 }
 187 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus,
 188 .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus,
 189 .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus {
 190   border-color: #ace;
 191   box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07), 0 0 2px 2px #ace;
 192 }
 193 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 194   margin-left: -0.34375em;
 195   margin-right: -0.34375em;
 196   display: inline-block;
 197   vertical-align: middle;
 198 }
 199 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 200   margin-right: 0.3em;
 201 }
 202 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 203   margin-left: -0.005em;
 204   margin-right: -0.005em;
 205 }
 206 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
 207 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 208   margin-left: 0.46875em;
 209   margin-right: -0.275em;
 210 }
 211 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 212   background-color: #cde7f4;
 213   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee));
 214   background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
 215   background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
 216   background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%);
 217   border: 1px solid #a6cee1;
 218 }
 219 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
 220   border-color: #9dc2d4;
 221 }
 222 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 223 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 224 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 225   background-color: #cde7f4;
 226   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa));
 227   background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
 228   background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
 229   background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%);
 230   border: 1px solid #a6cee1;
 231 }
 232 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
 233   color: #d45353;
 234 }
 235 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
 236 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 237 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 238   opacity: 0.5;
 239   -webkit-transform: translateZ(0);
 240   transform: translateZ(0);
 241   box-shadow: none;
 242   color: #333;
 243   background: #eee;
 244   border-color: #ccc;
 245 }
 246 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover,
 247 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
 248 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover,
 249 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus,
 250 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus,
 251 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus {
 252   border-color: #ccc;
 253   box-shadow: none;
 254 }
 255
 256 .oo-ui-clippableElement-clippable {
 257   -webkit-box-sizing: border-box;
 258   -moz-box-sizing: border-box;
 259   box-sizing: border-box;
 260   min-height: 3.125em;
 261   -webkit-overflow-scrolling: touch;
 262 }
 263
 264 .oo-ui-floatableElement {
 265   position: absolute;
 266 }
 267
 268
 269
 270 .oo-ui-labelElement .oo-ui-labelElement-label,
 271 .oo-ui-labelElement.oo-ui-labelElement-label {
 272   -webkit-box-sizing: border-box;
 273   -moz-box-sizing: border-box;
 274   box-sizing: border-box;
 275 }
 276 .oo-ui-labelElement-invisible {
 277   display: block;
 278   position: absolute;
 279   clip: rect(1px, 1px, 1px, 1px);
 280   width: 1px;
 281   height: 1px;
 282   margin: -1px;
 283   border: 0;
 284   padding: 0;
 285   overflow: hidden;
 286 }
 287 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
 288   font-weight: bold;
 289 }
 290
 291 .oo-ui-iconElement-icon {
 292   background-size: contain;
 293   background-position: center center;
 294   background-repeat: no-repeat;
 295   position: absolute;
 296   top: 0;
 297   min-width: 20px;
 298   width: 1.875em;
 299   min-height: 20px;
 300   height: 100%;
 301 }
 302 .oo-ui-iconElement-noIcon {
 303   display: none;
 304 }
 305 .oo-ui-iconElement-icon {
 306   position: static;
 307   top: auto;
 308   width: 1.5625em;
 309   height: 1.5625em;
 310   min-width: auto;
 311   min-height: auto;
 312   margin: 0.15625em;
 313   opacity: 0.8;
 314 }
 315
 316 .oo-ui-indicatorElement-indicator {
 317   background-size: contain;
 318   background-position: center center;
 319   background-repeat: no-repeat;
 320   position: absolute;
 321   top: 0;
 322   min-width: 12px;
 323   width: 0.9375em;
 324   min-height: 12px;
 325   height: 100%;
 326 }
 327 .oo-ui-indicatorElement-noIndicator {
 328   display: none;
 329 }
 330 .oo-ui-indicatorElement-indicator {
 331   position: static;
 332   top: auto;
 333   height: 0.9375em;
 334   opacity: 0.8;
 335 }
 336
 337 .oo-ui-pendingElement-pending {
 338   background-image: /* @embed */ url(themes/wikimediaui/images/textures/pending.gif);
 339 }
 340
 341
 342
 343
 344
 345 .oo-ui-fieldLayout {
 346   display: block;
 347   margin-top: 0.75em;
 348 }
 349 .oo-ui-fieldLayout:before,
 350 .oo-ui-fieldLayout:after {
 351   content: ' ';
 352   display: table;
 353 }
 354 .oo-ui-fieldLayout:after {
 355   clear: both;
 356 }
 357 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
 358 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
 359 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
 360 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
 361 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
 362 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 363   display: block;
 364   float: left;
 365 }
 366 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
 367   text-align: right;
 368 }
 369 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
 370   display: table;
 371   width: 100%;
 372 }
 373 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
 374 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 375   display: table-cell;
 376 }
 377 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
 378   vertical-align: middle;
 379 }
 380 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 381   width: 1px;
 382   vertical-align: top;
 383 }
 384 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
 385 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 386   display: block;
 387 }
 388 .oo-ui-fieldLayout .oo-ui-fieldLayout-help {
 389   float: right;
 390 }
 391 .oo-ui-fieldLayout .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 392   z-index: 1;
 393 }
 394 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
 395 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help {
 396   margin-right: 0;
 397   margin-left: -2.5em;
 398 }
 399 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
 400 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 401   width: 60%;
 402 }
 403 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
 404 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
 405   margin-right: 5%;
 406   width: 35%;
 407 }
 408 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label,
 409 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
 410   display: block;
 411   padding-top: 0.5em;
 412 }
 413 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
 414   margin-top: 1em;
 415 }
 416 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
 417   max-width: 50em;
 418 }
 419 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
 420   padding-left: 0.5em;
 421 }
 422 .oo-ui-fieldLayout:first-child {
 423   margin-top: 0;
 424 }
 425 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
 426   max-width: 50em;
 427   margin-bottom: 0.25em;
 428 }
 429 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-inline-help {
 430   margin-top: 0.25em;
 431 }
 432 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top .oo-ui-fieldLayout-help,
 433 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-help {
 434   margin-top: -0.3em;
 435   margin-right: -0.625em;
 436 }
 437 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
 438   margin-right: 0;
 439   margin-top: 0.25em;
 440 }
 441 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
 442   margin-right: 0;
 443 }
 444 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
 445   color: #ccc;
 446 }
 447 .oo-ui-fieldLayout-messages {
 448   list-style: none none;
 449   margin: 0;
 450   padding: 0;
 451   margin-top: 0.25em;
 452   margin-left: 0.25em;
 453 }
 454 .oo-ui-fieldLayout-messages > [class|='oo-ui-fieldLayout-messages'] {
 455   margin: 0;
 456   padding: 0;
 457 }
 458 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
 459   display: none;
 460 }
 461 .oo-ui-fieldLayout-messages .oo-ui-fieldLayout-messages-error {
 462   color: #d45353;
 463 }
 464 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
 465   padding: 0.1em 0;
 466   line-height: 1.5em;
 467   vertical-align: middle;
 468 }
 469
 470 .oo-ui-actionFieldLayout-input,
 471 .oo-ui-actionFieldLayout-button {
 472   display: table-cell;
 473   vertical-align: middle;
 474 }
 475 .oo-ui-actionFieldLayout-button {
 476   width: 1%;
 477   white-space: nowrap;
 478 }
 479 .oo-ui-actionFieldLayout.oo-ui-fieldLayout-align-top {
 480   max-width: 50em;
 481 }
 482 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input .oo-ui-widget:not( .oo-ui-textInputWidget ) {
 483   margin-right: 1em;
 484 }
 485 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input .oo-ui-widget.oo-ui-textInputWidget > .oo-ui-inputWidget-input {
 486   border-radius: 3px 0 0 3px;
 487   position: relative;
 488 }
 489 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
 490   border-radius: 0 3px 3px 0;
 491   margin-left: -1px;
 492 }
 493 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:hover,
 494 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:hover ~ *,
 495 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:focus,
 496 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:focus ~ * {
 497   z-index: 1;
 498 }
 499 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button > .oo-ui-buttonElement > .oo-ui-buttonElement-button:hover,
 500 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button > .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus {
 501   z-index: 1;
 502 }
 503
 504 .oo-ui-fieldsetLayout {
 505   position: relative;
 506   min-width: 0;
 507   margin: 0;
 508   border: 0;
 509   padding: 0.01px 0 0 0;
 510 }
 511 body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout {
 512   display: table-cell;
 513 }
 514 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header {
 515   display: none;
 516 }
 517 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header,
 518 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header {
 519   color: inherit;
 520   display: inline-table;
 521   box-sizing: border-box;
 522   padding: 0;
 523   white-space: normal;
 524   float: left;
 525   width: 100%;
 526 }
 527 .oo-ui-fieldsetLayout-group {
 528   clear: both;
 529 }
 530 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help {
 531   float: right;
 532 }
 533 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 534   z-index: 1;
 535 }
 536 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header {
 537   max-width: 50em;
 538 }
 539 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
 540 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
 541   margin-top: 2em;
 542 }
 543 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
 544   display: inline-block;
 545   font-size: 1.15em;
 546   margin-bottom: 0.5em;
 547   padding: 0.25em 0;
 548   font-weight: bold;
 549 }
 550 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
 551   padding-left: 2em;
 552   line-height: 1.8em;
 553 }
 554 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
 555   display: block;
 556   position: absolute;
 557   top: 0.25em;
 558   left: 0;
 559 }
 560 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-popupButtonWidget {
 561   margin-right: 0;
 562 }
 563 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-popupButtonWidget:last-child {
 564   margin-right: 0;
 565 }
 566
 567 .oo-ui-formLayout + .oo-ui-fieldsetLayout,
 568 .oo-ui-formLayout + .oo-ui-formLayout {
 569   margin-top: 2em;
 570 }
 571
 572 .oo-ui-panelLayout {
 573   position: relative;
 574 }
 575 .oo-ui-panelLayout-scrollable {
 576   overflow: auto;
 577   -webkit-overflow-scrolling: touch;
 578 }
 579 .oo-ui-panelLayout-expanded {
 580   position: absolute;
 581   top: 0;
 582   left: 0;
 583   right: 0;
 584   bottom: 0;
 585 }
 586 .oo-ui-panelLayout-padded {
 587   padding: 1.25em;
 588 }
 589 .oo-ui-panelLayout-framed {
 590   border: 1px solid #ccc;
 591   border-radius: 3px;
 592 }
 593 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
 594   margin: 1em 0;
 595 }
 596
 597 .oo-ui-horizontalLayout > .oo-ui-widget {
 598   display: inline-block;
 599   vertical-align: middle;
 600 }
 601 .oo-ui-horizontalLayout > .oo-ui-layout {
 602   display: inline-block;
 603 }
 604 .oo-ui-horizontalLayout > .oo-ui-layout,
 605 .oo-ui-horizontalLayout > .oo-ui-widget {
 606   margin-right: 0.5em;
 607 }
 608 .oo-ui-horizontalLayout > .oo-ui-layout:last-child,
 609 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
 610   margin-right: 0;
 611 }
 612 .oo-ui-horizontalLayout > .oo-ui-layout {
 613   margin-top: 0;
 614 }
 615 .oo-ui-horizontalLayout > .oo-ui-widget {
 616   margin-bottom: 0.5em;
 617 }
 618
 619
 620
 621 .oo-ui-optionWidget {
 622   position: relative;
 623   display: block;
 624   border: 0;
 625 }
 626 .oo-ui-optionWidget.oo-ui-widget-enabled {
 627   cursor: pointer;
 628 }
 629 .oo-ui-optionWidget.oo-ui-widget-disabled {
 630   cursor: default;
 631 }
 632 .oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
 633   display: block;
 634   white-space: nowrap;
 635   text-overflow: ellipsis;
 636   overflow: hidden;
 637 }
 638 .oo-ui-optionWidget-highlighted {
 639   background-color: #e1f3ff;
 640 }
 641 .oo-ui-optionWidget .oo-ui-labelElement-label {
 642   line-height: 1.5em;
 643 }
 644 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
 645   background-color: #a7dcff;
 646 }
 647 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
 648 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
 649 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
 650   background-color: #a7dcff;
 651 }
 652 .oo-ui-optionWidget.oo-ui-widget-disabled {
 653   color: #ccc;
 654 }
 655
 656 .oo-ui-decoratedOptionWidget {
 657   padding: 0.5em 2em 0.5em 3em;
 658 }
 659 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
 660 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 661   position: absolute;
 662   top: 0;
 663   height: 100%;
 664 }
 665 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
 666   left: 0.5em;
 667   margin: 0;
 668 }
 669 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 670   right: 0.5em;
 671 }
 672 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
 673 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
 674   opacity: 0.2;
 675 }
 676
 677
 678 .oo-ui-radioOptionWidget {
 679   display: table;
 680   width: 100%;
 681   padding: 0.3125em 0;
 682 }
 683 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
 684 .oo-ui-radioOptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
 685   display: table-cell;
 686   vertical-align: top;
 687 }
 688 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
 689   width: 1px;
 690 }
 691 .oo-ui-radioOptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
 692   white-space: normal;
 693 }
 694 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected {
 695   background-color: transparent;
 696 }
 697 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 698   padding-left: 0.5em;
 699 }
 700 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
 701   margin-right: 0;
 702 }
 703
 704 .oo-ui-labelWidget {
 705   display: inline-block;
 706 }
 707 .oo-ui-labelWidget.oo-ui-inline-help {
 708   display: block;
 709   color: #595959;
 710   font-size: 0.9375em;
 711 }
 712
 713 .oo-ui-iconWidget {
 714   vertical-align: middle;
 715   -webkit-touch-callout: none;
 716   -webkit-user-select: none;
 717   -moz-user-select: none;
 718   -ms-user-select: none;
 719   user-select: none;
 720   clip: auto;
 721   margin: 0;
 722   text-indent: -9999px;
 723   line-height: 2.5em;
 724   display: inline-block;
 725   position: static;
 726   top: auto;
 727   height: 1.5625em;
 728   margin: 0.15625em;
 729 }
 730 .oo-ui-iconWidget.oo-ui-widget-disabled {
 731   opacity: 0.2;
 732 }
 733
 734 .oo-ui-indicatorWidget {
 735   vertical-align: middle;
 736   -webkit-touch-callout: none;
 737   -webkit-user-select: none;
 738   -moz-user-select: none;
 739   -ms-user-select: none;
 740   user-select: none;
 741   clip: auto;
 742   margin: 0;
 743   text-indent: -9999px;
 744   line-height: 2.5em;
 745   margin: 0.46875em;
 746   display: inline-block;
 747   position: static;
 748   top: auto;
 749   height: 1.875em;
 750 }
 751 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
 752   opacity: 0.2;
 753 }
 754
 755 .oo-ui-buttonWidget {
 756   margin-right: 0.5em;
 757 }
 758 .oo-ui-buttonWidget:last-child {
 759   margin-right: 0;
 760 }
 761
 762 .oo-ui-buttonGroupWidget {
 763   display: inline-block;
 764   border-radius: 3px;
 765   margin-right: 0.5em;
 766   z-index: 0;
 767   position: relative;
 768   padding-bottom: 1px;
 769 }
 770 .oo-ui-buttonGroupWidget .oo-ui-buttonWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
 771   cursor: default;
 772 }
 773 .oo-ui-buttonGroupWidget:last-child {
 774   margin-right: 0;
 775 }
 776 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
 777   margin-right: 0;
 778 }
 779 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
 780   margin-right: 0;
 781 }
 782 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
 783   border-radius: 0;
 784   margin-right: -1px;
 785   margin-bottom: -1px;
 786 }
 787 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
 788   border-bottom-left-radius: 3px;
 789   border-top-left-radius: 3px;
 790 }
 791 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
 792   margin-right: 0;
 793   border-bottom-right-radius: 3px;
 794   border-top-right-radius: 3px;
 795 }
 796 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
 797   z-index: 1;
 798 }
 799 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 800   z-index: 2;
 801 }
 802 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 803   z-index: 3;
 804 }
 805 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 806   z-index: -1;
 807 }
 808 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button,
 809 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active {
 810   z-index: 3;
 811 }
 812
 813 .oo-ui-popupWidget {
 814   position: absolute;
 815 }
 816 .oo-ui-popupWidget-popup {
 817   position: relative;
 818   overflow: hidden;
 819   z-index: 1;
 820 }
 821 .oo-ui-popupWidget-anchor {
 822   display: none;
 823   z-index: 1;
 824 }
 825 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
 826   display: block;
 827   position: absolute;
 828   background-repeat: no-repeat;
 829 }
 830 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
 831 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
 832   content: '';
 833   position: absolute;
 834   width: 0;
 835   height: 0;
 836   border-style: solid;
 837   border-color: transparent;
 838 }
 839 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
 840   left: 0;
 841 }
 842 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before,
 843 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
 844   border-top: 0;
 845 }
 846 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
 847   left: 0;
 848 }
 849 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before,
 850 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
 851   border-bottom: 0;
 852 }
 853 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
 854   top: 0;
 855 }
 856 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before,
 857 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
 858   border-left: 0;
 859 }
 860 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
 861   top: 0;
 862 }
 863 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before,
 864 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
 865   border-right: 0;
 866 }
 867 .oo-ui-popupWidget-head {
 868   -webkit-touch-callout: none;
 869   -webkit-user-select: none;
 870   -moz-user-select: none;
 871   -ms-user-select: none;
 872   user-select: none;
 873 }
 874 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
 875   position: absolute;
 876 }
 877 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
 878   float: left;
 879   cursor: default;
 880 }
 881 .oo-ui-popupWidget-body {
 882   clear: both;
 883 }
 884 .oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
 885   min-height: 1em;
 886 }
 887 .oo-ui-popupWidget-popup {
 888   background-color: #fff;
 889   border: 1px solid #ccc;
 890   border-radius: 3px;
 891   box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
 892 }
 893 .oo-ui-popupWidget-anchored-top {
 894   margin-top: 6px;
 895 }
 896 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
 897   top: -6px;
 898 }
 899 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
 900   bottom: -7px;
 901   left: -6px;
 902   border-bottom-color: #aaa;
 903   border-width: 7px;
 904 }
 905 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
 906   bottom: -7px;
 907   left: -5px;
 908   border-bottom-color: #fff;
 909   border-width: 6px;
 910 }
 911 .oo-ui-popupWidget-anchored-bottom {
 912   margin-bottom: 6px;
 913 }
 914 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
 915   bottom: -6px;
 916 }
 917 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
 918   top: -7px;
 919   left: -6px;
 920   border-top-color: #aaa;
 921   border-width: 7px;
 922 }
 923 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
 924   top: -7px;
 925   left: -5px;
 926   border-top-color: #fff;
 927   border-width: 6px;
 928 }
 929 .oo-ui-popupWidget-anchored-start {
 930   margin-left: 6px;
 931 }
 932 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
 933   left: -6px;
 934 }
 935 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
 936   right: -7px;
 937   top: -6px;
 938   border-right-color: #aaa;
 939   border-width: 7px;
 940 }
 941 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
 942   right: -7px;
 943   top: -5px;
 944   border-right-color: #fff;
 945   border-width: 6px;
 946 }
 947 .oo-ui-popupWidget-anchored-end {
 948   margin-right: 6px;
 949 }
 950 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
 951   right: -6px;
 952 }
 953 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
 954   left: -7px;
 955   top: -6px;
 956   border-left-color: #aaa;
 957   border-width: 7px;
 958 }
 959 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
 960   left: -7px;
 961   top: -5px;
 962   border-left-color: #fff;
 963   border-width: 6px;
 964 }
 965 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
 966   -webkit-transition: width 100ms, height 100ms, left 100ms;
 967   -moz-transition: width 100ms, height 100ms, left 100ms;
 968   transition: width 100ms, height 100ms, left 100ms;
 969 }
 970 .oo-ui-popupWidget-head {
 971   height: 2.5em;
 972 }
 973 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
 974   top: 0.25em;
 975   right: 0.25em;
 976 }
 977 .oo-ui-popupWidget-head > .oo-ui-buttonWidget .oo-ui-icon-close {
 978   background-size: 1.25em 1.25em;
 979 }
 980 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
 981   margin: 0.75em 2.125em 0.75em 1em;
 982 }
 983 .oo-ui-popupWidget-body {
 984   line-height: 1.4;
 985 }
 986 .oo-ui-popupWidget-body-padded {
 987   margin: 0.75em 1em;
 988 }
 989
 990 .oo-ui-popupButtonWidget {
 991   position: relative;
 992 }
 993 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
 994   cursor: auto;
 995 }
 996
 997 .oo-ui-inputWidget {
 998   margin-right: 0.5em;
 999 }
1000 .oo-ui-inputWidget:last-child {
1001   margin-right: 0;
1002 }
1003
1004 .oo-ui-buttonInputWidget > button,
1005 .oo-ui-buttonInputWidget > input {
1006   background-color: transparent;
1007   margin: 0;
1008   border: 0;
1009   padding: 0;
1010 }
1011
1012 .oo-ui-checkboxInputWidget {
1013   display: inline-block;
1014 }
1015 .oo-ui-checkboxInputWidget-checkIcon {
1016   display: none;
1017 }
1018
1019 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
1020   margin-top: 0;
1021 }
1022 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
1023   padding: 0.3125em 0;
1024 }
1025
1026 .oo-ui-dropdownInputWidget {
1027   position: relative;
1028   vertical-align: middle;
1029   -webkit-box-sizing: border-box;
1030   -moz-box-sizing: border-box;
1031   box-sizing: border-box;
1032   width: 100%;
1033   max-width: 50em;
1034 }
1035 .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget,
1036 .oo-ui-dropdownInputWidget.oo-ui-dropdownInputWidget-php select {
1037   display: block;
1038 }
1039 .oo-ui-dropdownInputWidget select {
1040   display: none;
1041   background-position: -9999em 0;
1042   background-repeat: no-repeat;
1043   width: 100%;
1044   -webkit-box-sizing: border-box;
1045   -moz-box-sizing: border-box;
1046   box-sizing: border-box;
1047 }
1048 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
1049   cursor: pointer;
1050 }
1051 .oo-ui-dropdownInputWidget select {
1052   background-color: #fff;
1053   height: 2.5em;
1054   padding: 0.5em;
1055   font-size: inherit;
1056   font-family: inherit;
1057   border: #ccc;
1058   border-radius: 3px;
1059 }
1060 .oo-ui-dropdownInputWidget option {
1061   font-size: inherit;
1062   font-family: inherit;
1063   height: 1.5em;
1064   padding: 0.5em 1em;
1065 }
1066 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
1067   border-color: #aaa;
1068 }
1069 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1070   border-color: #ace;
1071   outline: 0;
1072   box-shadow: 0 0 2px 2px #ace;
1073 }
1074 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1075   color: #ccc;
1076   border-color: #ddd;
1077   background-color: #f3f3f3;
1078 }
1079
1080 .oo-ui-radioInputWidget {
1081   display: inline-block;
1082 }
1083
1084 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1085   margin-top: 0;
1086 }
1087 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
1088   padding: 0.3125em 0;
1089 }
1090
1091 .oo-ui-textInputWidget {
1092   position: relative;
1093   vertical-align: middle;
1094   -webkit-box-sizing: border-box;
1095   -moz-box-sizing: border-box;
1096   box-sizing: border-box;
1097   width: 100%;
1098   max-width: 50em;
1099 }
1100 .oo-ui-textInputWidget input,
1101 .oo-ui-textInputWidget textarea {
1102   display: block;
1103   width: 100%;
1104   -webkit-box-sizing: border-box;
1105   -moz-box-sizing: border-box;
1106   box-sizing: border-box;
1107 }
1108 .oo-ui-textInputWidget textarea {
1109   overflow: auto;
1110 }
1111 .oo-ui-textInputWidget textarea.oo-ui-textInputWidget-autosized {
1112   resize: none;
1113 }
1114 .oo-ui-textInputWidget [type='number'] {
1115   -moz-appearance: textfield;
1116 }
1117 .oo-ui-textInputWidget [type='number']::-webkit-outer-spin-button,
1118 .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
1119   -webkit-appearance: none;
1120   margin: 0;
1121 }
1122 .oo-ui-textInputWidget [type='search'] {
1123   -webkit-appearance: none;
1124 }
1125 .oo-ui-textInputWidget [type='search']::-ms-clear {
1126   display: none;
1127 }
1128 .oo-ui-textInputWidget [type='search']::-webkit-search-decoration,
1129 .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
1130   display: none;
1131 }
1132 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
1133 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1134   cursor: text;
1135 }
1136 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1137   cursor: pointer;
1138 }
1139 .oo-ui-textInputWidget.oo-ui-widget-disabled > * {
1140   -webkit-touch-callout: none;
1141   -webkit-user-select: none;
1142   -moz-user-select: none;
1143   -ms-user-select: none;
1144   user-select: none;
1145 }
1146 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1147   display: block;
1148 }
1149 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1150 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1151   left: 0;
1152 }
1153 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1154 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1155   right: 0;
1156 }
1157 .oo-ui-textInputWidget-labelPosition-after.oo-ui-labelElement ::-ms-clear {
1158   display: none;
1159 }
1160 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1161   position: absolute;
1162   top: 0;
1163 }
1164 .oo-ui-textInputWidget-php > .oo-ui-iconElement-icon,
1165 .oo-ui-textInputWidget-php > .oo-ui-indicatorElement-indicator,
1166 .oo-ui-textInputWidget-php > .oo-ui-labelElement-label {
1167   pointer-events: none;
1168 }
1169 .oo-ui-textInputWidget input,
1170 .oo-ui-textInputWidget textarea {
1171   background-color: #fff;
1172   color: #000;
1173   border: 1px solid #ccc;
1174   border-radius: 3px;
1175   padding: 0.546875em 0.5em 0.625em 0.5em;
1176   box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd;
1177   font-size: inherit;
1178   font-family: inherit;
1179   -webkit-transition: border-color 250ms, box-shadow 250ms;
1180   -moz-transition: border-color 250ms, box-shadow 250ms;
1181   transition: border-color 250ms, box-shadow 250ms;
1182 }
1183 .oo-ui-textInputWidget input.oo-ui-pendingElement-pending,
1184 .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending {
1185   background-color: transparent;
1186 }
1187 .oo-ui-textInputWidget input::-webkit-input-placeholder,
1188 .oo-ui-textInputWidget textarea::-webkit-input-placeholder {
1189   color: #767676;
1190   opacity: 1;
1191 }
1192 .oo-ui-textInputWidget input:-ms-input-placeholder,
1193 .oo-ui-textInputWidget textarea:-ms-input-placeholder {
1194   color: #767676;
1195   opacity: 1;
1196 }
1197 .oo-ui-textInputWidget input::-moz-placeholder,
1198 .oo-ui-textInputWidget textarea::-moz-placeholder {
1199   color: #767676;
1200   opacity: 1;
1201 }
1202 .oo-ui-textInputWidget input:-moz-placeholder,
1203 .oo-ui-textInputWidget textarea:-moz-placeholder {
1204   color: #767676;
1205   opacity: 1;
1206 }
1207 .oo-ui-textInputWidget input::placeholder,
1208 .oo-ui-textInputWidget textarea::placeholder {
1209   color: #767676;
1210   opacity: 1;
1211 }
1212 .oo-ui-textInputWidget input {
1213   line-height: 1.172em;
1214 }
1215 .oo-ui-textInputWidget textarea {
1216   line-height: 1.275;
1217 }
1218 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1219 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1220   outline: 0;
1221   border-color: #ace;
1222   box-shadow: 0 0 2px 2px #ace;
1223 }
1224 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1225 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1226   background-color: #f3f3f3;
1227 }
1228 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
1229 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1230   background-color: #fdd;
1231 }
1232 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1233 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1234   color: #ccc;
1235   border-color: #ddd;
1236   background-color: #f3f3f3;
1237   text-shadow: 0 1px 1px #fff;
1238 }
1239 .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-iconElement-icon,
1240 .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-indicatorElement-indicator {
1241   opacity: 0.2;
1242 }
1243 .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label {
1244   color: #ddd;
1245   text-shadow: 0 1px 1px #fff;
1246 }
1247 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
1248 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1249   position: absolute;
1250   top: 0;
1251   height: 100%;
1252   margin: 0 0.15625em;
1253 }
1254 .oo-ui-textInputWidget.oo-ui-iconElement input,
1255 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1256   padding-left: 2.475em;
1257 }
1258 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon {
1259   max-height: 2.5em;
1260   margin-left: 0.5em;
1261 }
1262 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1263 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1264   padding-right: 2.4875em;
1265 }
1266 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1267   max-height: 2.5em;
1268   margin-right: 0.775em;
1269 }
1270 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1271   display: none;
1272   top: 1px;
1273   padding: 0.546875em 0.4em 0.625em 0.4em;
1274   line-height: 1.172em;
1275   color: #767676;
1276 }
1277 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1278   margin-right: 2.0875em;
1279 }
1280 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1281   margin-left: 2.075em;
1282 }
1283
1284 .oo-ui-menuSelectWidget {
1285   position: absolute;
1286   width: 100%;
1287   z-index: 4;
1288   background-color: #fff;
1289   margin-top: -1px;
1290   margin-bottom: -1px;
1291   border: 1px solid #ccc;
1292   border-radius: 0 0 3px 3px;
1293   box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
1294 }
1295 .oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable {
1296   min-height: 2.6em;
1297 }
1298 .oo-ui-menuSelectWidget-invisible {
1299   display: none;
1300 }
1301
1302 .oo-ui-menuOptionWidget .oo-ui-menuOptionWidget-checkIcon {
1303   display: none;
1304 }
1305 .oo-ui-menuOptionWidget.oo-ui-optionWidget > .oo-ui-indicatorElement-indicator {
1306   display: none;
1307 }
1308 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1309   background-color: transparent;
1310 }
1311 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected > .oo-ui-iconElement-icon {
1312   display: none;
1313 }
1314 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-menuOptionWidget-checkIcon {
1315   display: block;
1316 }
1317 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
1318 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1319   background-color: #e1f3ff;
1320 }
1321 .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
1322   color: #333;
1323 }
1324
1325 .oo-ui-menuSectionOptionWidget {
1326   padding: 0.33em 0.75em;
1327   color: #767676;
1328 }
1329 .oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled {
1330   cursor: default;
1331 }
1332
1333 .oo-ui-dropdownWidget {
1334   display: inline-block;
1335   position: relative;
1336   vertical-align: middle;
1337   width: 100%;
1338   max-width: 50em;
1339   margin-right: 0.5em;
1340 }
1341 .oo-ui-dropdownWidget-handle {
1342   position: relative;
1343   width: 100%;
1344   display: block;
1345   -webkit-box-sizing: border-box;
1346   -moz-box-sizing: border-box;
1347   box-sizing: border-box;
1348   padding: 0;
1349   overflow: hidden;
1350   font-family: inherit;
1351   font-size: inherit;
1352   text-align: left;
1353   text-overflow: ellipsis;
1354   white-space: nowrap;
1355   cursor: default;
1356   -webkit-touch-callout: none;
1357   -webkit-user-select: none;
1358   -moz-user-select: none;
1359   -ms-user-select: none;
1360   user-select: none;
1361 }
1362 .oo-ui-dropdownWidget-handle::-moz-focus-inner {
1363   border-color: transparent;
1364   padding: 0;
1365 }
1366 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1367   cursor: pointer;
1368 }
1369 .oo-ui-dropdownWidget:last-child {
1370   margin-right: 0;
1371 }
1372 .oo-ui-dropdownWidget-handle {
1373   height: 2.5em;
1374   border: 1px solid #ccc;
1375   border-radius: 3px;
1376 }
1377 .oo-ui-dropdownWidget-handle:focus {
1378   outline: 0;
1379 }
1380 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
1381 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1382   position: absolute;
1383   top: 0;
1384   height: 100%;
1385 }
1386 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1387   left: 0.25em;
1388   margin: 0 0.3em;
1389 }
1390 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1391   line-height: 2.5em;
1392   margin: 0 0.5em;
1393 }
1394 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1395   right: 0;
1396   margin: 0 0.775em;
1397 }
1398 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1399   background-color: #fff;
1400 }
1401 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
1402   border-color: #aaa;
1403 }
1404 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
1405   border-color: #ace;
1406   box-shadow: 0 0 2px 2px #ace;
1407 }
1408 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1409   background-color: #f3f3f3;
1410   color: #ccc;
1411   border-color: #ddd;
1412   text-shadow: 0 1px 1px #fff;
1413 }
1414 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1415   opacity: 0.2;
1416 }
1417 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1418   margin-left: 3em;
1419 }
1420 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1421   margin-right: 2em;
1422 }
1423
1424 .oo-ui-comboBoxInputWidget {
1425   display: inline-block;
1426   position: relative;
1427   width: 100%;
1428   max-width: 50em;
1429   margin-right: 0.5em;
1430 }
1431 .oo-ui-comboBoxInputWidget-field {
1432   display: table;
1433   width: 100%;
1434   table-layout: fixed;
1435 }
1436 .oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
1437   display: table-cell;
1438   vertical-align: middle;
1439   position: relative;
1440   overflow: hidden;
1441 }
1442 .oo-ui-comboBoxInputWidget-dropdownButton {
1443   display: table-cell;
1444 }
1445 .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
1446   display: block;
1447   overflow: hidden;
1448 }
1449 .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-comboBoxInputWidget-dropdownButton {
1450   display: none;
1451 }
1452 .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
1453   opacity: 0;
1454   position: absolute;
1455   right: 0;
1456   top: 0;
1457   width: 2.5em;
1458   height: 2.5em;
1459   padding: 0;
1460 }
1461 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorWidget {
1462   display: block;
1463   position: absolute;
1464   top: 0;
1465   height: 100%;
1466   pointer-events: none;
1467 }
1468 .oo-ui-comboBoxInputWidget:last-child {
1469   margin-right: 0;
1470 }
1471 .oo-ui-comboBoxInputWidget-dropdownButton {
1472   position: absolute;
1473   top: 0;
1474   right: 0;
1475 }
1476 .oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button,
1477 .oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button:hover:not( :focus ),
1478 .oo-ui-buttonElement-pressed.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button,
1479 .oo-ui-buttonElement-pressed.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button:focus:active {
1480   border-color: transparent;
1481   background: none;
1482   box-shadow: none;
1483 }
1484 .oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget {
1485   right: 0;
1486   max-height: 2.5em;
1487   margin: 0;
1488   margin-right: 0.775em;
1489 }
1490 .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1491   cursor: default;
1492   opacity: 0.2;
1493 }
1494
1495
1496 .oo-ui-multioptionWidget {
1497   position: relative;
1498   display: block;
1499 }
1500 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
1501   cursor: pointer;
1502 }
1503 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1504   cursor: default;
1505 }
1506 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1507   display: block;
1508   white-space: nowrap;
1509   text-overflow: ellipsis;
1510   overflow: hidden;
1511 }
1512 .oo-ui-multioptionWidget .oo-ui-labelElement-label {
1513   line-height: 1.5em;
1514 }
1515 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1516   color: #ccc;
1517 }
1518
1519
1520 .oo-ui-checkboxMultioptionWidget {
1521   display: table;
1522   width: 100%;
1523   padding: 0.3125em 0;
1524 }
1525 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget,
1526 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1527   display: table-cell;
1528   vertical-align: top;
1529 }
1530 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
1531   width: 1px;
1532 }
1533 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1534   white-space: normal;
1535 }
1536 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1537   padding-left: 0.5em;
1538 }
1539 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
1540   margin-right: 0;
1541 }
1542
1543 .oo-ui-progressBarWidget {
1544   -webkit-box-sizing: border-box;
1545   -moz-box-sizing: border-box;
1546   box-sizing: border-box;
1547   max-width: 50em;
1548   background-color: #fff;
1549   border: 1px solid #ccc;
1550   border-radius: 3px;
1551   overflow: hidden;
1552 }
1553 .oo-ui-progressBarWidget-bar {
1554   background-color: #cde7f4;
1555   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee));
1556   background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
1557   background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
1558   background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%);
1559   height: 1em;
1560   border-right: 1px solid #ccc;
1561   -webkit-transition: width 250ms;
1562   -moz-transition: width 250ms;
1563   transition: width 250ms;
1564 }
1565 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1566   width: 40%;
1567   border-left: 1px solid #ccc;
1568   -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1569   -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1570   animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1571   -webkit-transform: translate(-25%);
1572   -moz-transform: translate(-25%);
1573   -ms-transform: translate(-25%);
1574   transform: translate(-25%);
1575 }
1576 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1577   opacity: 0.6;
1578 }
1579 @-webkit-keyframes oo-ui-progressBarWidget-slide {
1580   from {
1581     -webkit-transform: translate(-100%);
1582     -moz-transform: translate(-100%);
1583     -ms-transform: translate(-100%);
1584     transform: translate(-100%);
1585   }
1586   to {
1587     -webkit-transform: translate(350%);
1588     -moz-transform: translate(350%);
1589     -ms-transform: translate(350%);
1590     transform: translate(350%);
1591   }
1592 }
1593 @-moz-keyframes oo-ui-progressBarWidget-slide {
1594   from {
1595     -webkit-transform: translate(-100%);
1596     -moz-transform: translate(-100%);
1597     -ms-transform: translate(-100%);
1598     transform: translate(-100%);
1599   }
1600   to {
1601     -webkit-transform: translate(350%);
1602     -moz-transform: translate(350%);
1603     -ms-transform: translate(350%);
1604     transform: translate(350%);
1605   }
1606 }
1607 @keyframes oo-ui-progressBarWidget-slide {
1608   from {
1609     -webkit-transform: translate(-100%);
1610     -moz-transform: translate(-100%);
1611     -ms-transform: translate(-100%);
1612     transform: translate(-100%);
1613   }
1614   to {
1615     -webkit-transform: translate(350%);
1616     -moz-transform: translate(350%);
1617     -ms-transform: translate(350%);
1618     transform: translate(350%);
1619   }
1620 }
1621
1622 .oo-ui-numberInputWidget {
1623   display: inline-block;
1624   position: relative;
1625   max-width: 50em;
1626 }
1627 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget,
1628 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
1629   display: table-cell;
1630   height: 100%;
1631 }
1632 .oo-ui-numberInputWidget-field {
1633   display: table;
1634   table-layout: fixed;
1635   width: 100%;
1636 }
1637 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
1638   width: 2.5em;
1639 }
1640 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
1641   min-width: 20px;
1642   width: 1.5625em;
1643 }
1644 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
1645   border-radius: 0;
1646 }
1647 .oo-ui-numberInputWidget-minusButton > .oo-ui-buttonElement-button {
1648   border-top-right-radius: 0;
1649   border-bottom-right-radius: 0;
1650   border-right-width: 0;
1651 }
1652 .oo-ui-numberInputWidget-plusButton > .oo-ui-buttonElement-button {
1653   border-top-left-radius: 0;
1654   border-bottom-left-radius: 0;
1655   border-left-width: 0;
1656 }
1657
1658 .oo-ui-defaultOverlay {
1659   position: absolute;
1660   top: 0;
1661   /* @noflip */
1662   left: 0;
1663 }