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

   1 /*!
   2  * OOUI v0.34.0-pre (d5e74518ab)
   3  * https://www.mediawiki.org/wiki/OOUI
   4  *
   5  * Copyright 2011–2019 OOUI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2019-09-04T18:28:59Z
  10  */
  11 .oo-ui-element-hidden {
  12   display: none !important;
  13 }
  14
  15 .oo-ui-buttonElement {
  16   display: inline-block;
  17   line-height: normal;
  18   vertical-align: middle;
  19 }
  20 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  21   cursor: pointer;
  22   display: inline-block;
  23   -webkit-box-sizing: border-box;
  24   -moz-box-sizing: border-box;
  25   box-sizing: border-box;
  26   vertical-align: middle;
  27   font-family: inherit;
  28   font-size: inherit;
  29   white-space: nowrap;
  30   -webkit-touch-callout: none;
  31   -webkit-user-select: none;
  32   -moz-user-select: none;
  33   -ms-user-select: none;
  34   user-select: none;
  35 }
  36 .oo-ui-buttonElement > .oo-ui-buttonElement-button::-moz-focus-inner {
  37   border-color: transparent;
  38   padding: 0;
  39 }
  40 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  41   cursor: default;
  42 }
  43 .oo-ui-buttonElement-frameless {
  44   position: relative;
  45 }
  46 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  47   vertical-align: top;
  48   text-align: center;
  49 }
  50 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  51   position: relative;
  52   border-radius: 2px;
  53   padding-top: 2.14285714em;
  54   font-weight: bold;
  55   text-decoration: none;
  56 }
  57 .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus {
  58   outline: 0;
  59 }
  60 .oo-ui-buttonElement > input.oo-ui-buttonElement-button {
  61   -webkit-appearance: none;
  62 }
  63 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
  64   line-height: 1;
  65 }
  66 .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button,
  67 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  68   line-height: 1.28571429em;
  69 }
  70 .oo-ui-buttonElement.oo-ui-labelElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
  71   padding-right: 2.28571429em;
  72 }
  73 .oo-ui-buttonElement.oo-ui-iconElement .oo-ui-iconElement-icon,
  74 .oo-ui-buttonElement.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
  75   -webkit-transform: translateZ(0);
  76   transform: translateZ(0);
  77 }
  78 .oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  79 .oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  80   right: 0.85714286em;
  81 }
  82 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  83   -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
  84   -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
  85   transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
  86 }
  87 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  88 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  89   -webkit-transition: opacity 100ms;
  90   -moz-transition: opacity 100ms;
  91   transition: opacity 100ms;
  92 }
  93 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not( .oo-ui-image-invert ),
  94 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not( .oo-ui-image-invert ) {
  95   opacity: 0.87;
  96 }
  97 .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  98 .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  99   opacity: 1;
 100 }
 101 .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
 102   margin-left: -0.42857143em;
 103 }
 104 .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
 105   min-width: 1.42857143em;
 106   min-height: 1.42857143em;
 107   border-color: #fff;
 108   border-color: transparent;
 109   border-style: solid;
 110   border-width: 1px;
 111   padding-top: 2.14285714em;
 112   padding-left: 2.14285714em;
 113 }
 114 .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 115   left: 0.35714286em;
 116 }
 117 .oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child {
 118   margin-left: -0.14285714em;
 119 }
 120 .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement:first-child {
 121   margin-left: -0.42857143em;
 122 }
 123 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
 124   border-color: #fff;
 125   border-color: transparent;
 126   border-style: solid;
 127   border-width: 1px;
 128   padding: 0.42857143em 0.14285714em;
 129 }
 130 .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
 131   padding-left: 2.14285714em;
 132 }
 133 .oo-ui-buttonElement-frameless.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
 134   min-width: 12px;
 135   min-height: 12px;
 136   padding-top: 0;
 137 }
 138 .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
 139   padding-left: 3.85714286em;
 140   padding-top: 2.14285714em;
 141 }
 142 .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
 143   padding-left: 0.14285714em;
 144   padding-top: 0.42857143em;
 145 }
 146 .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
 147   padding-left: 2.14285714em;
 148 }
 149 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
 150   color: #222;
 151 }
 152 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 153   background-color: #f8f9fa;
 154   color: #000;
 155 }
 156 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
 157   background-color: #eaecf0;
 158   color: #444;
 159 }
 160 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus,
 161 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus {
 162   border-color: #36c;
 163   box-shadow: inset 0 0 0 1px #36c;
 164 }
 165 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus:active,
 166 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus:active {
 167   border-color: #fff;
 168   border-color: transparent;
 169   box-shadow: none;
 170 }
 171 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button {
 172   border-radius: 1px;
 173 }
 174 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:focus {
 175   box-shadow: 0 0 0 2px #36c;
 176 }
 177 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:focus:active {
 178   box-shadow: none;
 179 }
 180 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
 181 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
 182   color: #000;
 183   border-color: #fff;
 184   border-color: transparent;
 185   box-shadow: none;
 186 }
 187 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 188   color: #36c;
 189 }
 190 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
 191   color: #447ff5;
 192 }
 193 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
 194 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
 195 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 196   color: #2a4b8d;
 197   box-shadow: none;
 198 }
 199 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
 200   color: #d33;
 201 }
 202 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
 203   color: #ff4242;
 204 }
 205 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
 206 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
 207 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 208   color: #b32424;
 209   box-shadow: none;
 210 }
 211 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
 212 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 213   opacity: 1;
 214 }
 215 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 216   color: #72777d;
 217 }
 218 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
 219 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 220   opacity: 0.51;
 221 }
 222 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
 223   border-style: solid;
 224   border-width: 1px;
 225   border-radius: 2px;
 226   padding-left: 0.85714286em;
 227   padding-right: 0.85714286em;
 228 }
 229 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button {
 230   padding-top: 2.14285714em;
 231   padding-bottom: 0;
 232   padding-left: 2.14285714em;
 233 }
 234 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 235   left: 0.78571429em;
 236 }
 237 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
 238 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
 239   padding-left: 2.64285714em;
 240 }
 241 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
 242   padding-top: 2.14285714em;
 243   padding-right: 2.14285714em;
 244   padding-bottom: 0;
 245 }
 246 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 247   right: 1.07142857em;
 248 }
 249 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
 250   padding-right: 2.28571429em;
 251 }
 252 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button {
 253   padding-top: 0.42857143em;
 254   padding-bottom: 0.42857143em;
 255 }
 256 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 257   background-color: #c8ccd1;
 258   color: #fff;
 259   border-color: #c8ccd1;
 260 }
 261 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 262   background-color: #919fb9;
 263 }
 264 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
 265   background-color: #f8f9fa;
 266   color: #222;
 267   border-color: #a2a9b1;
 268 }
 269 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 270   background-color: #fff;
 271   color: #444;
 272   border-color: #a2a9b1;
 273 }
 274 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon:not( .oo-ui-image-invert ),
 275 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator:not( .oo-ui-image-invert ) {
 276   opacity: 0.73;
 277 }
 278 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 279   border-color: #36c;
 280   box-shadow: inset 0 0 0 1px #36c;
 281 }
 282 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 283 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus,
 284 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 285   background-color: #c8ccd1;
 286   color: #000;
 287   border-color: #72777d;
 288   box-shadow: none;
 289 }
 290 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 291   background-color: #2a4b8d;
 292   color: #fff;
 293   border-color: #2a4b8d;
 294 }
 295 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
 296   border-color: #36c;
 297   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 298 }
 299 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 300   color: #36c;
 301 }
 302 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
 303   background-color: #fff;
 304   border-color: #447ff5;
 305 }
 306 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
 307 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
 308 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 309 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 310 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
 311   background-color: #eff3fa;
 312   color: #2a4b8d;
 313   border-color: #2a4b8d;
 314   box-shadow: none;
 315 }
 316 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
 317   border-color: #36c;
 318   box-shadow: inset 0 0 0 1px #36c;
 319 }
 320 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
 321   color: #d73333;
 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 }
 341 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 342   color: #fff;
 343   background-color: #36c;
 344   border-color: #36c;
 345 }
 346 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
 347   background-color: #447ff5;
 348   border-color: #447ff5;
 349 }
 350 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
 351 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
 352 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 353 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 354 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
 355   color: #fff;
 356   background-color: #2a4b8d;
 357   border-color: #2a4b8d;
 358   box-shadow: none;
 359 }
 360 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
 361   border-color: #36c;
 362   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 363 }
 364 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
 365   color: #fff;
 366   background-color: #d33;
 367   border-color: #d33;
 368 }
 369 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
 370   background-color: #ff4242;
 371   border-color: #ff4242;
 372 }
 373 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
 374 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
 375 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 376 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 377 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
 378   color: #fff;
 379   background-color: #b32424;
 380   border-color: #b32424;
 381   box-shadow: none;
 382 }
 383 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
 384   border-color: #d33;
 385   box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px #fff;
 386 }
 387 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
 388 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 389   opacity: 1;
 390 }
 391
 392 .oo-ui-clippableElement-clippable {
 393   -webkit-box-sizing: border-box;
 394   -moz-box-sizing: border-box;
 395   box-sizing: border-box;
 396   min-height: 40px;
 397   -webkit-overflow-scrolling: touch;
 398 }
 399
 400 .oo-ui-floatableElement {
 401   position: absolute;
 402 }
 403
 404
 405
 406 .oo-ui-labelElement .oo-ui-labelElement-label,
 407 .oo-ui-labelElement.oo-ui-labelElement-label {
 408   -webkit-box-sizing: border-box;
 409   -moz-box-sizing: border-box;
 410   box-sizing: border-box;
 411 }
 412 .oo-ui-labelElement-invisible {
 413   display: block;
 414   position: absolute;
 415   clip: rect(1px, 1px, 1px, 1px);
 416   width: 1px;
 417   height: 1px;
 418   margin: -1px;
 419   border: 0;
 420   padding: 0;
 421   overflow: hidden;
 422 }
 423 .oo-ui-labelElement .oo-ui-labelElement-label {
 424   line-height: 1.42857143em;
 425 }
 426 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
 427   font-weight: bold;
 428 }
 429
 430 .oo-ui-iconElement-icon {
 431   background-size: contain;
 432   background-position: center center;
 433   background-repeat: no-repeat;
 434   position: absolute;
 435   top: 0;
 436   min-width: 20px;
 437   width: 1.42857143em;
 438   min-height: 20px;
 439   height: 100%;
 440 }
 441 .oo-ui-iconElement-noIcon {
 442   display: none;
 443 }
 444
 445 .oo-ui-indicatorElement-indicator {
 446   background-size: contain;
 447   background-position: center center;
 448   background-repeat: no-repeat;
 449   position: absolute;
 450   top: 0;
 451   min-width: 12px;
 452   width: 0.85714286em;
 453   min-height: 12px;
 454   height: 100%;
 455 }
 456 .oo-ui-indicatorElement-noIndicator {
 457   display: none;
 458 }
 459
 460 .oo-ui-pendingElement-pending {
 461   background-color: #eaecf0;
 462   background-image: -webkit-linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
 463   background-image: -moz-linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
 464   background-image: linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
 465   background-size: 1.42857143em 1.42857143em;
 466   -webkit-animation: oo-ui-pendingElement-stripes 650ms linear infinite;
 467   -moz-animation: oo-ui-pendingElement-stripes 650ms linear infinite;
 468   animation: oo-ui-pendingElement-stripes 650ms linear infinite;
 469 }
 470 @-webkit-keyframes oo-ui-pendingElement-stripes {
 471   0% {
 472     background-position: -1.42857143em 0;
 473   }
 474   100% {
 475     background-position: 0 0;
 476   }
 477 }
 478 @-moz-keyframes oo-ui-pendingElement-stripes {
 479   0% {
 480     background-position: -1.42857143em 0;
 481   }
 482   100% {
 483     background-position: 0 0;
 484   }
 485 }
 486 @keyframes oo-ui-pendingElement-stripes {
 487   0% {
 488     background-position: -1.42857143em 0;
 489   }
 490   100% {
 491     background-position: 0 0;
 492   }
 493 }
 494
 495
 496
 497
 498
 499 .oo-ui-fieldLayout {
 500   display: block;
 501   margin-top: 1.14285714em;
 502 }
 503 .oo-ui-fieldLayout:before,
 504 .oo-ui-fieldLayout:after {
 505   content: ' ';
 506   display: table;
 507 }
 508 .oo-ui-fieldLayout:after {
 509   clear: both;
 510 }
 511 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
 512 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
 513 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
 514 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
 515 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
 516 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 517   display: block;
 518   float: left;
 519 }
 520 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
 521   text-align: right;
 522 }
 523 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
 524   display: table;
 525   width: 100%;
 526 }
 527 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
 528 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 529   display: table-cell;
 530 }
 531 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
 532   vertical-align: middle;
 533 }
 534 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 535   width: 1px;
 536   vertical-align: top;
 537 }
 538 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
 539 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 540   display: block;
 541 }
 542 .oo-ui-fieldLayout .oo-ui-fieldLayout-help {
 543   float: right;
 544 }
 545 .oo-ui-fieldLayout .oo-ui-fieldLayout-help:not( .oo-ui-popupButtonWidget ) > .oo-ui-buttonElement-button {
 546   cursor: help;
 547 }
 548 .oo-ui-fieldLayout.oo-ui-labelElement,
 549 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
 550   margin-top: 0.85714286em;
 551 }
 552 .oo-ui-fieldLayout:first-child,
 553 .oo-ui-fieldLayout.oo-ui-labelElement:first-child,
 554 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline:first-child {
 555   margin-top: 0;
 556 }
 557 .oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
 558   padding-bottom: 0.28571429em;
 559 }
 560 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
 561 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
 562   max-width: 50em;
 563 }
 564 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
 565 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
 566   -webkit-box-sizing: border-box;
 567   -moz-box-sizing: border-box;
 568   box-sizing: border-box;
 569   width: 40%;
 570   padding-right: 2.64285714em;
 571 }
 572 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label,
 573 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
 574   display: block;
 575   padding-top: 0.28571429em;
 576 }
 577 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
 578 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help {
 579   margin-right: 0;
 580   margin-left: -2.35714286em;
 581 }
 582 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
 583 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 584   width: 60%;
 585 }
 586 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
 587   padding-top: 0;
 588   padding-bottom: 0;
 589   padding-left: 0.42857143em;
 590 }
 591 .oo-ui-fieldLayout .oo-ui-fieldLayout-help {
 592   margin-right: 0;
 593 }
 594 .oo-ui-fieldLayout .oo-ui-fieldLayout-help:last-child {
 595   margin-right: 0;
 596 }
 597 .oo-ui-fieldLayout .oo-ui-fieldLayout-help .oo-ui-buttonElement-button {
 598   padding-top: 1.42857143em;
 599   padding-right: 0;
 600 }
 601 .oo-ui-fieldLayout .oo-ui-fieldLayout-help .oo-ui-buttonElement-button:hover,
 602 .oo-ui-fieldLayout .oo-ui-fieldLayout-help .oo-ui-buttonElement-button:active {
 603   background-color: transparent;
 604 }
 605 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-inline-help {
 606   margin-top: 0.28571429em;
 607 }
 608 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top .oo-ui-fieldLayout-help,
 609 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-help {
 610   margin-top: -0.42857143em;
 611   margin-right: -0.57142857em;
 612   margin-left: 0;
 613 }
 614 .oo-ui-fieldLayout-messages {
 615   -webkit-box-sizing: border-box;
 616   -moz-box-sizing: border-box;
 617   box-sizing: border-box;
 618   max-width: 50em;
 619   padding: 0.28571429em 0;
 620 }
 621 .oo-ui-fieldLayout-messages > .oo-ui-messageWidget {
 622   margin-left: 0.85714286em;
 623   margin-right: 0.85714286em;
 624 }
 625 .oo-ui-fieldLayout-messages > .oo-ui-messageWidget:first-child {
 626   margin-top: 0.28571429em;
 627 }
 628 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
 629   color: #72777d;
 630 }
 631
 632 .oo-ui-actionFieldLayout-input,
 633 .oo-ui-actionFieldLayout-button {
 634   display: table-cell;
 635   vertical-align: middle;
 636 }
 637 .oo-ui-actionFieldLayout-button {
 638   width: 1%;
 639   white-space: nowrap;
 640 }
 641 .oo-ui-actionFieldLayout.oo-ui-fieldLayout-align-top {
 642   max-width: 50em;
 643 }
 644 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input .oo-ui-widget:not( .oo-ui-textInputWidget ) {
 645   margin-right: 0.57142857em;
 646 }
 647 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input .oo-ui-widget.oo-ui-textInputWidget > .oo-ui-inputWidget-input {
 648   border-radius: 2px 0 0 2px;
 649   position: relative;
 650 }
 651 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
 652   border-radius: 0 2px 2px 0;
 653   margin-left: -1px;
 654 }
 655 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-frameless {
 656   margin-left: 0.14285714em;
 657 }
 658 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:hover,
 659 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:focus,
 660 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget.oo-ui-flaggedElement-invalid > .oo-ui-inputWidget-input,
 661 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:hover ~ *,
 662 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:focus ~ *,
 663 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget.oo-ui-flaggedElement-invalid > .oo-ui-inputWidget-input ~ * {
 664   z-index: 1;
 665 }
 666 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button > .oo-ui-buttonElement > .oo-ui-buttonElement-button:hover,
 667 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button > .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus {
 668   z-index: 1;
 669 }
 670
 671 .oo-ui-fieldsetLayout {
 672   position: relative;
 673   min-width: 0;
 674   margin: 0;
 675   border: 0;
 676   padding: 0.01px 0 0 0;
 677 }
 678 body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout {
 679   display: table-cell;
 680 }
 681 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header {
 682   display: none;
 683 }
 684 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header,
 685 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header {
 686   color: inherit;
 687   display: inline-table;
 688   box-sizing: border-box;
 689   padding: 0;
 690   white-space: normal;
 691   float: left;
 692   width: 100%;
 693 }
 694 .oo-ui-fieldsetLayout > .oo-ui-inline-help {
 695   clear: left;
 696 }
 697 .oo-ui-fieldsetLayout-group {
 698   clear: both;
 699 }
 700 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help {
 701   float: right;
 702 }
 703 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help:not( .oo-ui-popupButtonWidget ) > .oo-ui-buttonElement-button {
 704   cursor: help;
 705 }
 706 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header {
 707   max-width: 50em;
 708 }
 709 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header .oo-ui-iconElement-icon {
 710   height: 1.42857143em;
 711 }
 712 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header .oo-ui-iconElement-icon {
 713   display: block;
 714 }
 715 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
 716 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
 717   margin-top: 1.71428571em;
 718 }
 719 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
 720   display: inline-block;
 721   margin-bottom: 0.5em;
 722   font-size: 1.14285714em;
 723   font-weight: bold;
 724 }
 725 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
 726   padding-left: 1.625em;
 727 }
 728 .oo-ui-fieldsetLayout > .oo-ui-inline-help {
 729   margin-bottom: 0.5em;
 730 }
 731 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help,
 732 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help:last-child {
 733   margin-right: -0.57142857em;
 734 }
 735 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help .oo-ui-buttonElement-button {
 736   padding-top: 1.42857143em;
 737   padding-right: 0;
 738 }
 739 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help .oo-ui-buttonElement-button:hover,
 740 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help .oo-ui-buttonElement-button:active {
 741   background-color: transparent;
 742 }
 743
 744 .oo-ui-formLayout + .oo-ui-fieldsetLayout,
 745 .oo-ui-formLayout + .oo-ui-formLayout {
 746   margin-top: 1.71428571em;
 747 }
 748
 749 .oo-ui-panelLayout {
 750   position: relative;
 751 }
 752 .oo-ui-panelLayout-scrollable {
 753   overflow: auto;
 754   -webkit-overflow-scrolling: touch;
 755 }
 756 .oo-ui-panelLayout-expanded {
 757   position: absolute;
 758   top: 0;
 759   left: 0;
 760   right: 0;
 761   bottom: 0;
 762 }
 763 .oo-ui-panelLayout-padded {
 764   padding: 1.14285714em;
 765 }
 766 .oo-ui-panelLayout-padded.oo-ui-formLayout > .oo-ui-fieldsetLayout .oo-ui-labelElement-label,
 767 .oo-ui-panelLayout-padded.oo-ui-formLayout > .oo-ui-fieldsetLayout .oo-ui-iconElement-icon {
 768   margin-top: -0.42857143em;
 769 }
 770 .oo-ui-panelLayout-framed {
 771   border: 1px solid #a2a9b1;
 772   border-radius: 2px;
 773 }
 774 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
 775   margin: 0.85714286em 0;
 776 }
 777
 778 .oo-ui-horizontalLayout > .oo-ui-widget {
 779   display: inline-block;
 780   vertical-align: middle;
 781 }
 782 .oo-ui-horizontalLayout > .oo-ui-layout {
 783   display: inline-block;
 784 }
 785 .oo-ui-horizontalLayout > .oo-ui-layout,
 786 .oo-ui-horizontalLayout > .oo-ui-widget {
 787   margin-right: 0.5em;
 788 }
 789 .oo-ui-horizontalLayout > .oo-ui-layout:last-child,
 790 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
 791   margin-right: 0;
 792 }
 793 .oo-ui-horizontalLayout > .oo-ui-layout {
 794   margin-top: 0;
 795 }
 796 .oo-ui-horizontalLayout > .oo-ui-widget {
 797   margin-bottom: 0.5em;
 798 }
 799
 800
 801
 802 .oo-ui-optionWidget {
 803   position: relative;
 804   display: block;
 805 }
 806 .oo-ui-optionWidget.oo-ui-widget-enabled {
 807   cursor: pointer;
 808 }
 809 .oo-ui-optionWidget.oo-ui-widget-disabled {
 810   cursor: default;
 811 }
 812 .oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
 813   display: block;
 814   white-space: nowrap;
 815   text-overflow: ellipsis;
 816   overflow: hidden;
 817 }
 818 .oo-ui-optionWidget-selected .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 819   opacity: 1;
 820 }
 821 .oo-ui-optionWidget.oo-ui-widget-disabled {
 822   color: #72777d;
 823 }
 824
 825 .oo-ui-decoratedOptionWidget {
 826   padding: 0.5em 0.85714286em;
 827   line-height: 1;
 828 }
 829 .oo-ui-decoratedOptionWidget.oo-ui-iconElement {
 830   padding-left: 2.64285714em;
 831 }
 832 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
 833   left: 0.78571429em;
 834 }
 835 .oo-ui-decoratedOptionWidget .oo-ui-labelElement-label {
 836   line-height: 1.28571429em;
 837 }
 838 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement {
 839   padding-right: 2.28571429em;
 840 }
 841 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 842   right: 0.85714286em;
 843 }
 844 .oo-ui-decoratedOptionWidget.oo-ui-widget-enabled:hover .oo-ui-iconElement-icon,
 845 .oo-ui-decoratedOptionWidget.oo-ui-widget-enabled:hover .oo-ui-indicatorElement-indicator {
 846   opacity: 0.73;
 847 }
 848 .oo-ui-decoratedOptionWidget.oo-ui-widget-enabled .oo-ui-iconElement-icon,
 849 .oo-ui-decoratedOptionWidget.oo-ui-widget-enabled .oo-ui-indicatorElement-indicator {
 850   opacity: 0.87;
 851   -webkit-transition: opacity 100ms;
 852   -moz-transition: opacity 100ms;
 853   transition: opacity 100ms;
 854 }
 855 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
 856 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
 857   opacity: 0.51;
 858 }
 859
 860 .oo-ui-radioSelectWidget:focus {
 861   outline: 0;
 862 }
 863 .oo-ui-radioSelectWidget:focus [type='radio']:checked + span:before {
 864   border-color: #fff;
 865 }
 866
 867 .oo-ui-radioOptionWidget {
 868   display: table;
 869   padding: 0.28571429em 0;
 870 }
 871 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
 872 .oo-ui-radioOptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
 873   display: table-cell;
 874   vertical-align: top;
 875 }
 876 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
 877   width: 1px;
 878 }
 879 .oo-ui-radioOptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
 880   white-space: normal;
 881 }
 882 .oo-ui-radioOptionWidget:first-child {
 883   margin-top: -0.28571429em;
 884 }
 885 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 886   padding-left: 0.42857143em;
 887 }
 888 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
 889   margin-right: 0;
 890 }
 891
 892 .oo-ui-labelWidget {
 893   display: inline-block;
 894 }
 895 .oo-ui-labelWidget.oo-ui-inline-help {
 896   display: block;
 897   color: #54595d;
 898   font-size: 0.92857143em;
 899 }
 900
 901 .oo-ui-messageWidget {
 902   position: relative;
 903   -webkit-box-sizing: border-box;
 904   -moz-box-sizing: border-box;
 905   box-sizing: border-box;
 906   font-weight: bold;
 907 }
 908 .oo-ui-messageWidget .oo-ui-labelElement-label {
 909   display: block;
 910 }
 911 .oo-ui-messageWidget > .oo-ui-iconElement-icon {
 912   background-position: 0 0;
 913 }
 914 .oo-ui-messageWidget .oo-ui-labelElement-label {
 915   margin-left: 2em;
 916 }
 917 .oo-ui-messageWidget.oo-ui-messageWidget-block {
 918   border: 1px solid;
 919   padding: 1.14285714em 1.71428571em;
 920   font-weight: normal;
 921 }
 922 .oo-ui-messageWidget.oo-ui-messageWidget-block > .oo-ui-iconElement-icon {
 923   background-position: 0 1.14285714em;
 924 }
 925 .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
 926   background-color: #fee7e6;
 927   border-color: #d33;
 928 }
 929 .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
 930   background-color: #fef6e7;
 931   border-color: #fc3;
 932 }
 933 .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
 934   background-color: #d5fdf4;
 935   border-color: #14866d;
 936 }
 937 .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
 938   background-color: #eaecf0;
 939   border-color: #a2a9b1;
 940 }
 941 .oo-ui-messageWidget.oo-ui-flaggedElement-error:not( .oo-ui-messageWidget-block ) {
 942   color: #d33;
 943 }
 944 .oo-ui-messageWidget.oo-ui-flaggedElement-success:not( .oo-ui-messageWidget-block ) {
 945   color: #14866d;
 946 }
 947 .oo-ui-messageWidget + .oo-ui-messageWidget {
 948   margin-top: 0.57142857em;
 949 }
 950
 951 .oo-ui-iconWidget {
 952   vertical-align: middle;
 953   -webkit-touch-callout: none;
 954   -webkit-user-select: none;
 955   -moz-user-select: none;
 956   -ms-user-select: none;
 957   user-select: none;
 958   clip: auto;
 959   margin: 0;
 960   text-indent: -9999px;
 961   line-height: 2.5;
 962   display: inline-block;
 963   position: static;
 964   top: auto;
 965   height: 1.42857143em;
 966 }
 967 .oo-ui-iconWidget.oo-ui-widget-disabled {
 968   opacity: 0.51;
 969 }
 970
 971 .oo-ui-indicatorWidget {
 972   vertical-align: middle;
 973   -webkit-touch-callout: none;
 974   -webkit-user-select: none;
 975   -moz-user-select: none;
 976   -ms-user-select: none;
 977   user-select: none;
 978   clip: auto;
 979   margin: 0;
 980   text-indent: -9999px;
 981   line-height: 2.5;
 982   margin: 0.42857143em;
 983   display: inline-block;
 984   position: static;
 985   top: auto;
 986   height: 0.85714286em;
 987 }
 988 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
 989   opacity: 0.51;
 990 }
 991
 992 .oo-ui-buttonWidget {
 993   margin-right: 0.5em;
 994 }
 995 .oo-ui-buttonWidget:last-child {
 996   margin-right: 0;
 997 }
 998
 999 .oo-ui-buttonGroupWidget {
1000   display: inline-block;
1001   border-radius: 2px;
1002   margin-right: 0.5em;
1003   z-index: 0;
1004   position: relative;
1005   padding-bottom: 1px;
1006 }
1007 .oo-ui-buttonGroupWidget .oo-ui-buttonWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
1008   cursor: default;
1009 }
1010 .oo-ui-buttonGroupWidget:last-child {
1011   margin-right: 0;
1012 }
1013 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
1014   margin-right: 0;
1015   z-index: 0;
1016 }
1017 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
1018   margin-right: 0;
1019 }
1020 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1021   margin-right: -1px;
1022   margin-bottom: -1px;
1023   border-radius: 0;
1024 }
1025 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1026   border-bottom-left-radius: 2px;
1027   border-top-left-radius: 2px;
1028 }
1029 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1030   margin-right: 0;
1031   border-bottom-right-radius: 2px;
1032   border-top-right-radius: 2px;
1033 }
1034 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
1035   border-left-color: #fff;
1036 }
1037 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
1038   z-index: 1;
1039 }
1040 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
1041   z-index: 2;
1042 }
1043 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
1044   z-index: 3;
1045 }
1046 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
1047   z-index: -1;
1048 }
1049 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button,
1050 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active {
1051   border-left-color: #a2a9b1;
1052   z-index: 3;
1053 }
1054
1055 .oo-ui-popupWidget {
1056   position: absolute;
1057   z-index: 1;
1058 }
1059 .oo-ui-popupWidget-popup {
1060   position: relative;
1061   overflow: hidden;
1062 }
1063 .oo-ui-popupWidget-anchor {
1064   display: none;
1065 }
1066 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1067   display: block;
1068   position: absolute;
1069   background-repeat: no-repeat;
1070 }
1071 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1072 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1073   content: '';
1074   position: absolute;
1075   width: 0;
1076   height: 0;
1077   border-style: solid;
1078   border-color: transparent;
1079 }
1080 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
1081   left: 0;
1082 }
1083 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before,
1084 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
1085   border-top: 0;
1086 }
1087 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
1088   left: 0;
1089 }
1090 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before,
1091 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
1092   border-bottom: 0;
1093 }
1094 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
1095   top: 0;
1096 }
1097 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before,
1098 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
1099   border-left: 0;
1100 }
1101 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
1102   top: 0;
1103 }
1104 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before,
1105 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
1106   border-right: 0;
1107 }
1108 .oo-ui-popupWidget-head {
1109   -webkit-touch-callout: none;
1110   -webkit-user-select: none;
1111   -moz-user-select: none;
1112   -ms-user-select: none;
1113   user-select: none;
1114 }
1115 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1116   position: absolute;
1117 }
1118 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1119   float: left;
1120   cursor: default;
1121 }
1122 .oo-ui-popupWidget-body {
1123   clear: both;
1124 }
1125 .oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
1126   min-height: 1em;
1127 }
1128 .oo-ui-popupWidget-popup {
1129   background-color: #fff;
1130   border: 1px solid #a2a9b1;
1131   border-radius: 2px;
1132   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
1133 }
1134 @supports ( filter: drop-shadow( 0 0 0 ) ) {
1135   .oo-ui-popupWidget {
1136     filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.3));
1137     -webkit-transform: translateZ(0);
1138     transform: translateZ(0);
1139   }
1140   .oo-ui-popupWidget-popup {
1141     box-shadow: none;
1142   }
1143 }
1144 .oo-ui-popupWidget-anchored-top {
1145   margin-top: 9px;
1146 }
1147 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
1148   top: -9px;
1149 }
1150 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
1151   bottom: -10px;
1152   left: -9px;
1153   border-bottom-color: #7b8590;
1154   border-width: 10px;
1155 }
1156 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
1157   bottom: -10px;
1158   left: -8px;
1159   border-bottom-color: #fff;
1160   border-width: 9px;
1161 }
1162 .oo-ui-popupWidget-anchored-bottom {
1163   margin-bottom: 9px;
1164 }
1165 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
1166   bottom: -9px;
1167 }
1168 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
1169   top: -10px;
1170   left: -9px;
1171   border-top-color: #a2a9b1;
1172   border-width: 10px;
1173 }
1174 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
1175   top: -10px;
1176   left: -8px;
1177   border-top-color: #fff;
1178   border-width: 9px;
1179 }
1180 .oo-ui-popupWidget-anchored-start {
1181   margin-left: 9px;
1182 }
1183 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
1184   left: -9px;
1185 }
1186 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
1187   right: -10px;
1188   top: -9px;
1189   border-right-color: #a2a9b1;
1190   border-width: 10px;
1191 }
1192 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
1193   right: -10px;
1194   top: -8px;
1195   border-right-color: #fff;
1196   border-width: 9px;
1197 }
1198 .oo-ui-popupWidget-anchored-end {
1199   margin-right: 9px;
1200 }
1201 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
1202   right: -9px;
1203 }
1204 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
1205   left: -10px;
1206   top: -9px;
1207   border-left-color: #a2a9b1;
1208   border-width: 10px;
1209 }
1210 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
1211   left: -10px;
1212   top: -8px;
1213   border-left-color: #fff;
1214   border-width: 9px;
1215 }
1216 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1217   -webkit-transition: width 100ms, height 100ms, left 100ms;
1218   -moz-transition: width 100ms, height 100ms, left 100ms;
1219   transition: width 100ms, height 100ms, left 100ms;
1220 }
1221 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1222   margin: 0.64285714em 2.64285714em 0.42857143em 0.85714286em;
1223   line-height: 1.28571429em;
1224 }
1225 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1226   right: 0;
1227 }
1228 .oo-ui-popupWidget-head > .oo-ui-buttonWidget .oo-ui-icon-close {
1229   background-size: 1.14285714em 1.14285714em;
1230 }
1231 .oo-ui-popupWidget-body {
1232   line-height: 1.42857143em;
1233 }
1234 .oo-ui-popupWidget-body-padded {
1235   margin: 0.64285714em 0.85714286em 0.42857143em;
1236 }
1237 .oo-ui-popupWidget-body-padded > :first-child {
1238   margin-top: 0;
1239 }
1240 .oo-ui-popupWidget-footer {
1241   margin: 0.64285714em 0.85714286em 0.42857143em;
1242 }
1243
1244 .oo-ui-popupButtonWidget {
1245   position: relative;
1246 }
1247 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1248   cursor: auto;
1249 }
1250
1251 .oo-ui-inputWidget {
1252   margin-right: 0.5em;
1253 }
1254 .oo-ui-inputWidget:last-child {
1255   margin-right: 0;
1256 }
1257
1258 .oo-ui-buttonInputWidget > button,
1259 .oo-ui-buttonInputWidget > input {
1260   background-color: transparent;
1261   margin: 0;
1262   border: 0;
1263   padding: 0;
1264 }
1265
1266 .oo-ui-checkboxInputWidget {
1267   display: inline-block;
1268   z-index: 0;
1269   position: relative;
1270   line-height: 1.42857143em;
1271   white-space: nowrap;
1272 }
1273 .oo-ui-checkboxInputWidget * {
1274   font: inherit;
1275   vertical-align: middle;
1276 }
1277 .oo-ui-checkboxInputWidget [type='checkbox'] {
1278   position: relative;
1279   max-width: none;
1280   width: 1.42857143em;
1281   height: 1.42857143em;
1282   margin: 0;
1283   opacity: 0;
1284   z-index: 1;
1285 }
1286 .oo-ui-checkboxInputWidget [type='checkbox'] + span {
1287   background-color: #fff;
1288   background-size: 0 0;
1289   -webkit-box-sizing: border-box;
1290   -moz-box-sizing: border-box;
1291   box-sizing: border-box;
1292   position: absolute;
1293   left: 0;
1294   width: 1.42857143em;
1295   height: 1.42857143em;
1296   border-color: #72777d;
1297   border-style: solid;
1298   border-radius: 2px;
1299   border-width: 0;
1300 }
1301 :root .oo-ui-checkboxInputWidget [type='checkbox'] + span {
1302   border-width: 1px;
1303 }
1304 .oo-ui-checkboxInputWidget [type='checkbox']:checked:not( :indeterminate ) + span {
1305   background-size: 1em 1em;
1306 }
1307 .oo-ui-checkboxInputWidget [type='checkbox']:indeterminate + span:before {
1308   content: ' ';
1309   position: absolute;
1310   top: 0.57142857em;
1311   bottom: 0.57142857em;
1312   left: 0.21428571em;
1313   right: 0.21428571em;
1314   background-color: #fff;
1315 }
1316 .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
1317   background-color: #c8ccd1;
1318   border-color: #c8ccd1;
1319 }
1320 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] {
1321   cursor: pointer;
1322 }
1323 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
1324   cursor: pointer;
1325   -webkit-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1326   -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1327   transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1328 }
1329 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
1330   border-color: #36c;
1331   box-shadow: inset 0 0 0 1px #36c;
1332 }
1333 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
1334   border-color: #36c;
1335 }
1336 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
1337   background-color: #2a4b8d;
1338   border-color: #2a4b8d;
1339   box-shadow: inset 0 0 0 1px #2a4b8d;
1340 }
1341 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,
1342 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
1343   background-color: #36c;
1344   border-color: #36c;
1345 }
1346 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,
1347 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
1348   background-color: #36c;
1349   border-color: #36c;
1350   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
1351 }
1352 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
1353 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
1354   background-color: #447ff5;
1355   border-color: #447ff5;
1356 }
1357 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,
1358 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
1359   background-color: #2a4b8d;
1360   border-color: #2a4b8d;
1361   box-shadow: inset 0 0 0 1px #2a4b8d;
1362 }
1363
1364 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
1365   margin-top: 0;
1366   padding: 0.28571429em 0;
1367 }
1368 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout:first-child {
1369   margin-top: -0.28571429em;
1370 }
1371
1372 .oo-ui-dropdownInputWidget {
1373   position: relative;
1374   vertical-align: middle;
1375   -webkit-box-sizing: border-box;
1376   -moz-box-sizing: border-box;
1377   box-sizing: border-box;
1378   width: 100%;
1379   max-width: 50em;
1380 }
1381 .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget,
1382 .oo-ui-dropdownInputWidget.oo-ui-dropdownInputWidget-php select,
1383 .oo-ui-dropdownInputWidget.oo-ui-isMobile select {
1384   display: block;
1385 }
1386 .oo-ui-dropdownInputWidget.oo-ui-isMobile .oo-ui-dropdownWidget {
1387   display: none;
1388 }
1389 .oo-ui-dropdownInputWidget select {
1390   display: none;
1391   background-position: -9999em 0;
1392   background-repeat: no-repeat;
1393   width: 100%;
1394   -webkit-box-sizing: border-box;
1395   -moz-box-sizing: border-box;
1396   box-sizing: border-box;
1397 }
1398 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
1399   cursor: pointer;
1400 }
1401 .oo-ui-dropdownInputWidget select {
1402   -webkit-appearance: none;
1403   -moz-appearance: none;
1404   background-color: transparent;
1405   background-position: right 0.85714286em center;
1406   -webkit-box-sizing: border-box;
1407   -moz-box-sizing: border-box;
1408   box-sizing: border-box;
1409   height: 2.28571429em;
1410   border: 1px solid #a2a9b1;
1411   border-radius: 2px;
1412   padding-left: 0.85714286em;
1413   padding-right: 2.57142857em;
1414   font-size: inherit;
1415   font-family: inherit;
1416   vertical-align: middle;
1417   background-position: -9999em 0\9;
1418   padding: 0\9;
1419   /* Support IE 10: Move it in again and also add `padding`. Because we talk to morons. */
1420 }
1421 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1422   .oo-ui-dropdownInputWidget select {
1423     background-position: right 0.85714286em center;
1424     padding-left: 0.85714286em;
1425     padding-right: 2.57142857em;
1426   }
1427 }
1428 .oo-ui-dropdownInputWidget select::-ms-expand {
1429   display: none;
1430 }
1431 .oo-ui-dropdownInputWidget option {
1432   background-color: transparent;
1433   font-size: inherit;
1434   font-family: inherit;
1435   height: 1.5em;
1436   padding: 0.42857143em 0.85714286em;
1437 }
1438 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
1439   background-color: #f8f9fa;
1440   -webkit-transition: background-color 100ms;
1441   -moz-transition: background-color 100ms;
1442   transition: background-color 100ms;
1443 }
1444 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
1445   background-color: #fff;
1446 }
1447 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
1448   color: #222;
1449   -webkit-transition: border-color 100ms, box-shadow 100ms;
1450   -moz-transition: border-color 100ms, box-shadow 100ms;
1451   transition: border-color 100ms, box-shadow 100ms;
1452 }
1453 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
1454   color: #444;
1455   border-color: #a2a9b1;
1456 }
1457 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
1458   color: #000;
1459   border-color: #72777d;
1460 }
1461 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1462   border-color: #36c;
1463   outline: 0;
1464   box-shadow: inset 0 0 0 1px #36c;
1465 }
1466 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
1467   background-color: #eaecf0;
1468 }
1469 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1470   color: #72777d;
1471   border-color: #c8ccd1;
1472 }
1473
1474 .oo-ui-radioInputWidget {
1475   display: inline-block;
1476   z-index: 0;
1477   position: relative;
1478   line-height: 1.42857143em;
1479   white-space: nowrap;
1480 }
1481 .oo-ui-radioInputWidget * {
1482   font: inherit;
1483   vertical-align: middle;
1484 }
1485 .oo-ui-radioInputWidget [type='radio'] {
1486   position: relative;
1487   max-width: none;
1488   width: 1.42857143em;
1489   height: 1.42857143em;
1490   margin: 0;
1491   opacity: 0;
1492   z-index: 1;
1493 }
1494 .oo-ui-radioInputWidget [type='radio'] + span {
1495   background-color: #fff;
1496   position: absolute;
1497   left: 0;
1498   -webkit-box-sizing: border-box;
1499   -moz-box-sizing: border-box;
1500   box-sizing: border-box;
1501   width: 1.42857143em;
1502   height: 1.42857143em;
1503   border-color: #72777d;
1504   border-style: solid;
1505   border-radius: 100%;
1506   border-width: 0;
1507 }
1508 :root .oo-ui-radioInputWidget [type='radio'] + span {
1509   border-width: 1px;
1510 }
1511 .oo-ui-radioInputWidget [type='radio'] + span:before {
1512   content: ' ';
1513   position: absolute;
1514   top: -4px;
1515   left: -4px;
1516   right: -4px;
1517   bottom: -4px;
1518   border: 1px solid transparent;
1519   border-radius: 100%;
1520 }
1521 .oo-ui-radioInputWidget [type='radio']:checked + span,
1522 .oo-ui-radioInputWidget [type='radio']:checked:hover + span,
1523 .oo-ui-radioInputWidget [type='radio']:checked:focus:hover + span {
1524   border-width: 0.42857143em;
1525 }
1526 .oo-ui-radioInputWidget [type='radio']:disabled + span {
1527   background-color: #c8ccd1;
1528   border-color: #c8ccd1;
1529 }
1530 .oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
1531   background-color: #fff;
1532 }
1533 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] {
1534   cursor: pointer;
1535 }
1536 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
1537   cursor: pointer;
1538   -webkit-transition: background-color 100ms, border-color 100ms, border-width 100ms;
1539   -moz-transition: background-color 100ms, border-color 100ms, border-width 100ms;
1540   transition: background-color 100ms, border-color 100ms, border-width 100ms;
1541 }
1542 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
1543   border-color: #36c;
1544 }
1545 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
1546   background-color: #2a4b8d;
1547   border-color: #2a4b8d;
1548 }
1549 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
1550   border-color: #36c;
1551 }
1552 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span:before {
1553   border-color: #fff;
1554 }
1555 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
1556   border-color: #447ff5;
1557 }
1558 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
1559   border-color: #2a4b8d;
1560   box-shadow: inset 0 0 0 1px #2a4b8d;
1561 }
1562 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {
1563   border-color: #2a4b8d;
1564 }
1565
1566 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1567   margin-top: 0;
1568   padding: 0.28571429em 0;
1569 }
1570 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout:first-child {
1571   margin-top: -0.28571429em;
1572 }
1573
1574 .oo-ui-textInputWidget {
1575   position: relative;
1576   vertical-align: middle;
1577   -webkit-box-sizing: border-box;
1578   -moz-box-sizing: border-box;
1579   box-sizing: border-box;
1580   width: 100%;
1581   max-width: 50em;
1582 }
1583 .oo-ui-textInputWidget .oo-ui-inputWidget-input {
1584   -webkit-appearance: none;
1585   -moz-appearance: textfield;
1586   display: block;
1587   width: 100%;
1588   -webkit-box-sizing: border-box;
1589   -moz-box-sizing: border-box;
1590   box-sizing: border-box;
1591 }
1592 .oo-ui-textInputWidget input::-ms-clear {
1593   display: none;
1594 }
1595 .oo-ui-textInputWidget textarea {
1596   overflow: auto;
1597 }
1598 .oo-ui-textInputWidget textarea.oo-ui-textInputWidget-autosized {
1599   resize: none;
1600 }
1601 .oo-ui-textInputWidget [type='number']::-webkit-outer-spin-button,
1602 .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
1603   -webkit-appearance: none;
1604   margin: 0;
1605 }
1606 .oo-ui-textInputWidget [type='search']::-webkit-search-decoration,
1607 .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
1608   display: none;
1609 }
1610 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1611 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1612   left: 0;
1613 }
1614 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1615 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1616   right: 0;
1617 }
1618 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1619   position: absolute;
1620   top: 0;
1621 }
1622 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1623   display: block;
1624 }
1625 .oo-ui-textInputWidget-labelPosition-after.oo-ui-labelElement ::-ms-clear {
1626   display: none;
1627 }
1628 .oo-ui-textInputWidget-php > .oo-ui-iconElement-icon,
1629 .oo-ui-textInputWidget-php > .oo-ui-indicatorElement-indicator,
1630 .oo-ui-textInputWidget-php > .oo-ui-labelElement-label {
1631   pointer-events: none;
1632 }
1633 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
1634 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1635   cursor: text;
1636 }
1637 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1638   cursor: pointer;
1639 }
1640 .oo-ui-textInputWidget.oo-ui-widget-disabled > * {
1641   -webkit-touch-callout: none;
1642   -webkit-user-select: none;
1643   -moz-user-select: none;
1644   -ms-user-select: none;
1645   user-select: none;
1646 }
1647 .oo-ui-textInputWidget .oo-ui-inputWidget-input {
1648   background-color: #fff;
1649   color: #000;
1650   margin: 0;
1651   border: 1px solid #a2a9b1;
1652   border-radius: 2px;
1653   padding: 0.42857143em 0.57142857em;
1654   font-size: inherit;
1655   font-family: inherit;
1656   line-height: 1.28571429em;
1657 }
1658 .oo-ui-textInputWidget input {
1659   height: 2.28571429em;
1660 }
1661 .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
1662   background-color: #eaecf0;
1663 }
1664 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-inputWidget-input {
1665   padding-left: 2.64285714em;
1666 }
1667 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon {
1668   left: 0.57142857em;
1669 }
1670 .oo-ui-textInputWidget.oo-ui-iconElement textarea + .oo-ui-iconElement-icon {
1671   max-height: 2.28571429em;
1672 }
1673 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1674   color: #72777d;
1675   margin-top: 1px;
1676   padding: 0.42857143em 0.85714286em 0.42857143em 0.57142857em;
1677   line-height: 1.28571429em;
1678 }
1679 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-inputWidget-input {
1680   padding-right: 2em;
1681 }
1682 .oo-ui-textInputWidget.oo-ui-indicatorElement.oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1683   padding-right: 0;
1684 }
1685 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1686   max-height: 2.28571429em;
1687   margin-right: 0.85714286em;
1688 }
1689 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1690   margin-right: 2.28571429em;
1691 }
1692 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1693   padding-left: 2.64285714em;
1694 }
1695 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
1696   box-shadow: inset 0 0 0 1px transparent;
1697   -webkit-transition: border-color 250ms, box-shadow 250ms;
1698   -moz-transition: border-color 250ms, box-shadow 250ms;
1699   transition: border-color 250ms, box-shadow 250ms;
1700 }
1701 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder {
1702   color: #72777d;
1703   opacity: 1;
1704 }
1705 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder {
1706   color: #72777d;
1707   opacity: 1;
1708 }
1709 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder {
1710   color: #72777d;
1711   opacity: 1;
1712 }
1713 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-moz-placeholder {
1714   color: #72777d;
1715   opacity: 1;
1716 }
1717 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
1718   color: #72777d;
1719   opacity: 1;
1720 }
1721 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
1722   outline: 0;
1723   border-color: #36c;
1724   box-shadow: inset 0 0 0 1px #36c;
1725 }
1726 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus ~ .oo-ui-iconElement-icon,
1727 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus ~ .oo-ui-indicatorElement-indicator {
1728   opacity: 1;
1729 }
1730 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly] {
1731   background-color: #f8f9fa;
1732 }
1733 .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
1734   border-color: #72777d;
1735 }
1736 .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
1737   border-color: #36c;
1738 }
1739 @media screen and (min-width: 0) {
1740   .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
1741     outline: 1px solid #36c;
1742     outline-offset: -2px;
1743   }
1744   .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus {
1745     outline-color: #d33;
1746   }
1747 }
1748 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon {
1749   opacity: 0.67;
1750 }
1751 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1752   opacity: 0.87;
1753 }
1754 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
1755   border-color: #d33;
1756 }
1757 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover {
1758   border-color: #d33;
1759 }
1760 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus {
1761   border-color: #d33;
1762   box-shadow: inset 0 0 0 1px #d33;
1763 }
1764 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
1765   background-color: #eaecf0;
1766   -webkit-text-fill-color: #72777d;
1767   color: #72777d;
1768   text-shadow: 0 1px 1px #fff;
1769   border-color: #c8ccd1;
1770 }
1771 .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-iconElement-icon,
1772 .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-indicatorElement-indicator {
1773   opacity: 0.51;
1774 }
1775 .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label {
1776   color: #72777d;
1777   text-shadow: 0 1px 1px #fff;
1778 }
1779
1780 .oo-ui-menuSelectWidget {
1781   position: absolute;
1782   width: 100%;
1783   z-index: 4;
1784   background-color: #fff;
1785   margin-top: -1px;
1786   margin-bottom: -1px;
1787   border: 1px solid #a2a9b1;
1788   border-radius: 0 0 2px 2px;
1789   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
1790 }
1791 .oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable {
1792   min-height: 32px;
1793 }
1794 .oo-ui-menuSelectWidget-invisible {
1795   display: none;
1796 }
1797
1798 .oo-ui-menuOptionWidget {
1799   -webkit-transition: background-color 100ms, color 100ms;
1800   -moz-transition: background-color 100ms, color 100ms;
1801   transition: background-color 100ms, color 100ms;
1802 }
1803 .oo-ui-menuOptionWidget-checkIcon {
1804   display: none;
1805 }
1806 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1807   background-color: #eaecf0;
1808   color: #000;
1809 }
1810 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1811   background-color: #eaf3ff;
1812   color: #36c;
1813 }
1814 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
1815 .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1816   background-color: rgba(41, 98, 204, 0.1);
1817   color: #36c;
1818 }
1819 .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
1820   color: #222;
1821 }
1822
1823 .oo-ui-menuSectionOptionWidget {
1824   color: #72777d;
1825   padding: 0.42857143em 0.85714286em 0.28571429em;
1826   font-weight: bold;
1827 }
1828 .oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled {
1829   cursor: default;
1830 }
1831 .oo-ui-menuSectionOptionWidget ~ .oo-ui-menuOptionWidget {
1832   padding-left: 1.71428571em;
1833 }
1834 .oo-ui-menuSectionOptionWidget ~ .oo-ui-menuOptionWidget.oo-ui-iconElement {
1835   padding-left: 3.5em;
1836 }
1837 .oo-ui-menuSectionOptionWidget ~ .oo-ui-menuOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1838   left: 1.71428571em;
1839 }
1840
1841 .oo-ui-dropdownWidget {
1842   display: inline-block;
1843   position: relative;
1844   vertical-align: middle;
1845   width: 100%;
1846   max-width: 50em;
1847   margin-right: 0.5em;
1848 }
1849 .oo-ui-dropdownWidget-handle {
1850   position: relative;
1851   width: 100%;
1852   display: block;
1853   white-space: nowrap;
1854   overflow: hidden;
1855   text-overflow: ellipsis;
1856   cursor: default;
1857   -webkit-touch-callout: none;
1858   -webkit-user-select: none;
1859   -moz-user-select: none;
1860   -ms-user-select: none;
1861   user-select: none;
1862   -webkit-box-sizing: border-box;
1863   -moz-box-sizing: border-box;
1864   box-sizing: border-box;
1865 }
1866 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1867   display: inline-block;
1868 }
1869 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1870   cursor: pointer;
1871 }
1872 .oo-ui-dropdownWidget:last-child {
1873   margin-right: 0;
1874 }
1875 .oo-ui-dropdownWidget-handle {
1876   min-height: 2.28571429em;
1877   border: 1px solid #a2a9b1;
1878   border-radius: 2px;
1879   padding: 0.42857143em 2.57142857em 0.42857143em 0.85714286em;
1880   line-height: 1;
1881 }
1882 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1883   left: 0.85714286em;
1884 }
1885 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1886   right: 0.78571429em;
1887 }
1888 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1889   line-height: 1.28571429em;
1890 }
1891 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle {
1892   padding-left: 2.64285714em;
1893 }
1894 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1895   background-color: #f8f9fa;
1896   color: #222;
1897   -webkit-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1898   -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1899   transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1900 }
1901 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
1902   background-color: #fff;
1903   color: #444;
1904   border-color: #a2a9b1;
1905 }
1906 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-iconElement-icon,
1907 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-indicatorElement-indicator {
1908   opacity: 0.73;
1909 }
1910 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
1911   color: #000;
1912   border-color: #72777d;
1913 }
1914 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
1915   border-color: #36c;
1916   outline: 0;
1917   box-shadow: inset 0 0 0 1px #36c;
1918 }
1919 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
1920 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1921   opacity: 0.87;
1922   -webkit-transition: opacity 100ms;
1923   -moz-transition: opacity 100ms;
1924   transition: opacity 100ms;
1925 }
1926 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
1927   background-color: #fff;
1928 }
1929 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
1930 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1931   opacity: 1;
1932 }
1933 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1934   color: #72777d;
1935   text-shadow: 0 1px 1px #fff;
1936   border-color: #c8ccd1;
1937   background-color: #eaecf0;
1938 }
1939 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1940   outline: 0;
1941 }
1942 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1943   opacity: 0.15;
1944 }
1945
1946 .oo-ui-comboBoxInputWidget {
1947   display: inline-block;
1948   position: relative;
1949 }
1950 .oo-ui-comboBoxInputWidget-field {
1951   display: table;
1952   width: 100%;
1953   table-layout: fixed;
1954 }
1955 .oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
1956   display: table-cell;
1957   vertical-align: middle;
1958   position: relative;
1959   overflow: hidden;
1960 }
1961 .oo-ui-comboBoxInputWidget-dropdownButton {
1962   display: table-cell;
1963 }
1964 .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
1965   display: block;
1966   overflow: hidden;
1967 }
1968 .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-comboBoxInputWidget-dropdownButton {
1969   display: none;
1970 }
1971 .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
1972   opacity: 0;
1973   position: absolute;
1974   right: 0;
1975   top: 0;
1976   width: 2.5em;
1977   height: 2.5em;
1978   padding: 0;
1979 }
1980 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorWidget {
1981   display: block;
1982   position: absolute;
1983   top: 0;
1984   height: 100%;
1985   pointer-events: none;
1986 }
1987 .oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
1988   height: 2.28571429em;
1989   border-top-right-radius: 0;
1990   border-bottom-right-radius: 0;
1991   border-right-width: 0;
1992 }
1993 .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-inputWidget-input,
1994 .oo-ui-comboBoxInputWidget-php .oo-ui-inputWidget-input {
1995   border-top-right-radius: 2px;
1996   border-bottom-right-radius: 2px;
1997   border-right-width: 1px;
1998 }
1999 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement {
2000   width: 2.64285714em;
2001 }
2002 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button {
2003   min-width: 37px;
2004   min-height: 2.28571429em;
2005   padding-left: 0;
2006 }
2007 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
2008   right: 0.85714286em;
2009 }
2010 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button,
2011 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button:focus {
2012   border-top-left-radius: 0;
2013   border-bottom-left-radius: 0;
2014 }
2015 .oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget {
2016   right: 0.85714286em;
2017   margin: 0;
2018 }
2019 .oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
2020   background-color: #fff;
2021 }
2022 .oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
2023   opacity: 1;
2024 }
2025 .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
2026   opacity: 1;
2027 }
2028
2029
2030 .oo-ui-multioptionWidget {
2031   position: relative;
2032   display: block;
2033 }
2034 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
2035   cursor: pointer;
2036 }
2037 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
2038   cursor: default;
2039 }
2040 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2041   display: block;
2042   white-space: nowrap;
2043   text-overflow: ellipsis;
2044   overflow: hidden;
2045 }
2046 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
2047   color: #72777d;
2048 }
2049
2050
2051 .oo-ui-checkboxMultioptionWidget {
2052   display: table;
2053   padding: 0.28571429em 0;
2054 }
2055 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget,
2056 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
2057   display: table-cell;
2058   vertical-align: top;
2059 }
2060 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
2061   width: 1px;
2062 }
2063 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
2064   white-space: normal;
2065 }
2066 .oo-ui-checkboxMultioptionWidget:first-child {
2067   margin-top: -0.28571429em;
2068 }
2069 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2070   padding-left: 0.42857143em;
2071 }
2072 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
2073   margin-right: 0;
2074 }
2075
2076 .oo-ui-progressBarWidget {
2077   -webkit-box-sizing: border-box;
2078   -moz-box-sizing: border-box;
2079   box-sizing: border-box;
2080   max-width: 50em;
2081   background-color: #fff;
2082   border: 1px solid #a2a9b1;
2083   border-radius: 2px;
2084   overflow: hidden;
2085 }
2086 .oo-ui-progressBarWidget-bar {
2087   height: 1em;
2088   -webkit-transition: width 100ms;
2089   -moz-transition: width 100ms;
2090   transition: width 100ms;
2091 }
2092 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
2093   -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
2094   -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
2095   animation: oo-ui-progressBarWidget-slide 2s infinite linear;
2096   width: 40%;
2097   -webkit-transform: translate(-25%);
2098   -moz-transform: translate(-25%);
2099   -ms-transform: translate(-25%);
2100   transform: translate(-25%);
2101 }
2102 .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
2103   background-color: #36c;
2104 }
2105 .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar {
2106   background-color: #c8ccd1;
2107 }
2108 @-webkit-keyframes oo-ui-progressBarWidget-slide {
2109   from {
2110     -webkit-transform: translate(-100%);
2111     -moz-transform: translate(-100%);
2112     -ms-transform: translate(-100%);
2113     transform: translate(-100%);
2114   }
2115   to {
2116     -webkit-transform: translate(350%);
2117     -moz-transform: translate(350%);
2118     -ms-transform: translate(350%);
2119     transform: translate(350%);
2120   }
2121 }
2122 @-moz-keyframes oo-ui-progressBarWidget-slide {
2123   from {
2124     -webkit-transform: translate(-100%);
2125     -moz-transform: translate(-100%);
2126     -ms-transform: translate(-100%);
2127     transform: translate(-100%);
2128   }
2129   to {
2130     -webkit-transform: translate(350%);
2131     -moz-transform: translate(350%);
2132     -ms-transform: translate(350%);
2133     transform: translate(350%);
2134   }
2135 }
2136 @keyframes oo-ui-progressBarWidget-slide {
2137   from {
2138     -webkit-transform: translate(-100%);
2139     -moz-transform: translate(-100%);
2140     -ms-transform: translate(-100%);
2141     transform: translate(-100%);
2142   }
2143   to {
2144     -webkit-transform: translate(350%);
2145     -moz-transform: translate(350%);
2146     -ms-transform: translate(350%);
2147     transform: translate(350%);
2148   }
2149 }
2150
2151 .oo-ui-numberInputWidget {
2152   display: inline-block;
2153   position: relative;
2154   max-width: 50em;
2155 }
2156 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget,
2157 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
2158   display: table-cell;
2159   height: 100%;
2160 }
2161 .oo-ui-numberInputWidget-field {
2162   display: table;
2163   table-layout: fixed;
2164   width: 100%;
2165 }
2166 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget,
2167 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
2168   height: 2.28571429em;
2169 }
2170 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget {
2171   width: 2.64285714em;
2172 }
2173 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget .oo-ui-buttonElement-button {
2174   display: block;
2175   min-width: 37px;
2176   min-height: 2.28571429em;
2177   padding-left: 0;
2178   padding-right: 0;
2179 }
2180 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
2181   left: 0.57142857em;
2182 }
2183 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
2184   border-radius: 0;
2185   max-height: 2.28571429em;
2186 }
2187 .oo-ui-numberInputWidget-minusButton > .oo-ui-buttonElement-button {
2188   border-top-right-radius: 0;
2189   border-bottom-right-radius: 0;
2190   border-right-width: 0;
2191 }
2192 .oo-ui-numberInputWidget-plusButton > .oo-ui-buttonElement-button {
2193   border-top-left-radius: 0;
2194   border-bottom-left-radius: 0;
2195   border-left-width: 0;
2196 }
2197 .oo-ui-numberInputWidget.oo-ui-widget-disabled.oo-ui-numberInputWidget-buttoned .oo-ui-iconElement-icon {
2198   opacity: 1;
2199 }
2200
2201 .oo-ui-selectFileInputWidget {
2202   width: 100%;
2203   max-width: 50em;
2204 }
2205 .oo-ui-selectFileInputWidget-selectButton > .oo-ui-buttonElement-button {
2206   position: relative;
2207   overflow: hidden;
2208 }
2209 .oo-ui-selectFileInputWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
2210   position: absolute;
2211   top: 0;
2212   bottom: 0;
2213   left: 0;
2214   right: 0;
2215   width: 100%;
2216   height: 100%;
2217   opacity: 0;
2218   z-index: 1;
2219   cursor: pointer;
2220   padding-top: 100px;
2221 }
2222 .oo-ui-selectFileInputWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
2223   display: none;
2224 }
2225 .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input {
2226   pointer-events: none;
2227 }
2228 .oo-ui-selectFileInputWidget-label {
2229   position: absolute;
2230   top: 0;
2231   bottom: 0;
2232   left: 0;
2233   right: 0;
2234   text-overflow: ellipsis;
2235 }
2236 .oo-ui-selectFileInputWidget-clearButton {
2237   position: absolute;
2238   z-index: 2;
2239 }
2240 .oo-ui-selectFileInputWidget-empty .oo-ui-selectFileInputWidget-clearButton {
2241   display: none;
2242 }
2243 .oo-ui-selectFileInputWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileInputWidget-label {
2244   cursor: default;
2245 }
2246 .oo-ui-selectFileInputWidget-label {
2247   -webkit-box-sizing: border-box;
2248   -moz-box-sizing: border-box;
2249   box-sizing: border-box;
2250   display: block;
2251   right: 2.85714286em;
2252   padding-top: 0.42857143em;
2253   padding-left: 0.57142857em;
2254   padding-bottom: 0.42857143em;
2255   white-space: nowrap;
2256 }
2257 .oo-ui-selectFileInputWidget.oo-ui-labelElement .oo-ui-selectFileInputWidget-label {
2258   line-height: 1.28571429em;
2259 }
2260
2261 .oo-ui-defaultOverlay {
2262   position: absolute;
2263   top: 0;
2264   /* @noflip */
2265   left: 0;
2266 }