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

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