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

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