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

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