resources/lib/oojs-ui/oojs-ui-core-mediawiki.css

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