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

   1 /*!
   2  * OOUI v0.34.1-pre (3913589098)
   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-10T23:46:11Z
  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   word-wrap: break-word;
1063   overflow-wrap: break-word;
1064 }
1065 .oo-ui-popupWidget-anchor {
1066   display: none;
1067 }
1068 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1069   display: block;
1070   position: absolute;
1071   background-repeat: no-repeat;
1072 }
1073 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1074 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1075   content: '';
1076   position: absolute;
1077   width: 0;
1078   height: 0;
1079   border-style: solid;
1080   border-color: transparent;
1081 }
1082 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
1083   left: 0;
1084 }
1085 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before,
1086 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
1087   border-top: 0;
1088 }
1089 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
1090   left: 0;
1091 }
1092 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before,
1093 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
1094   border-bottom: 0;
1095 }
1096 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
1097   top: 0;
1098 }
1099 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before,
1100 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
1101   border-left: 0;
1102 }
1103 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
1104   top: 0;
1105 }
1106 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before,
1107 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
1108   border-right: 0;
1109 }
1110 .oo-ui-popupWidget-head {
1111   -webkit-touch-callout: none;
1112   -webkit-user-select: none;
1113   -moz-user-select: none;
1114   -ms-user-select: none;
1115   user-select: none;
1116 }
1117 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1118   position: absolute;
1119 }
1120 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1121   float: left;
1122   cursor: default;
1123 }
1124 .oo-ui-popupWidget-body {
1125   clear: both;
1126 }
1127 .oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
1128   min-height: 1em;
1129 }
1130 .oo-ui-popupWidget-popup {
1131   background-color: #fff;
1132   border: 1px solid #a2a9b1;
1133   border-radius: 2px;
1134   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
1135 }
1136 @supports ( filter: drop-shadow( 0 0 0 ) ) {
1137   .oo-ui-popupWidget {
1138     filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.3));
1139     -webkit-transform: translateZ(0);
1140     transform: translateZ(0);
1141   }
1142   .oo-ui-popupWidget-popup {
1143     box-shadow: none;
1144   }
1145 }
1146 .oo-ui-popupWidget-anchored-top {
1147   margin-top: 9px;
1148 }
1149 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
1150   top: -9px;
1151 }
1152 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
1153   bottom: -10px;
1154   left: -9px;
1155   border-bottom-color: #7b8590;
1156   border-width: 10px;
1157 }
1158 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
1159   bottom: -10px;
1160   left: -8px;
1161   border-bottom-color: #fff;
1162   border-width: 9px;
1163 }
1164 .oo-ui-popupWidget-anchored-bottom {
1165   margin-bottom: 9px;
1166 }
1167 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
1168   bottom: -9px;
1169 }
1170 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
1171   top: -10px;
1172   left: -9px;
1173   border-top-color: #a2a9b1;
1174   border-width: 10px;
1175 }
1176 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
1177   top: -10px;
1178   left: -8px;
1179   border-top-color: #fff;
1180   border-width: 9px;
1181 }
1182 .oo-ui-popupWidget-anchored-start {
1183   margin-left: 9px;
1184 }
1185 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
1186   left: -9px;
1187 }
1188 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
1189   right: -10px;
1190   top: -9px;
1191   border-right-color: #a2a9b1;
1192   border-width: 10px;
1193 }
1194 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
1195   right: -10px;
1196   top: -8px;
1197   border-right-color: #fff;
1198   border-width: 9px;
1199 }
1200 .oo-ui-popupWidget-anchored-end {
1201   margin-right: 9px;
1202 }
1203 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
1204   right: -9px;
1205 }
1206 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
1207   left: -10px;
1208   top: -9px;
1209   border-left-color: #a2a9b1;
1210   border-width: 10px;
1211 }
1212 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
1213   left: -10px;
1214   top: -8px;
1215   border-left-color: #fff;
1216   border-width: 9px;
1217 }
1218 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1219   -webkit-transition: width 100ms, height 100ms, left 100ms;
1220   -moz-transition: width 100ms, height 100ms, left 100ms;
1221   transition: width 100ms, height 100ms, left 100ms;
1222 }
1223 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1224   margin: 0.64285714em 2.64285714em 0.42857143em 0.85714286em;
1225   line-height: 1.28571429em;
1226 }
1227 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1228   right: 0;
1229 }
1230 .oo-ui-popupWidget-head > .oo-ui-buttonWidget .oo-ui-icon-close {
1231   background-size: 1.14285714em 1.14285714em;
1232 }
1233 .oo-ui-popupWidget-body {
1234   line-height: 1.42857143em;
1235 }
1236 .oo-ui-popupWidget-body-padded {
1237   margin: 0.64285714em 0.85714286em 0.42857143em;
1238 }
1239 .oo-ui-popupWidget-body-padded > :first-child {
1240   margin-top: 0;
1241 }
1242 .oo-ui-popupWidget-footer {
1243   margin: 0.64285714em 0.85714286em 0.42857143em;
1244 }
1245
1246 .oo-ui-popupButtonWidget {
1247   position: relative;
1248 }
1249 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1250   cursor: auto;
1251 }
1252
1253 .oo-ui-inputWidget {
1254   margin-right: 0.5em;
1255 }
1256 .oo-ui-inputWidget:last-child {
1257   margin-right: 0;
1258 }
1259
1260 .oo-ui-buttonInputWidget > button,
1261 .oo-ui-buttonInputWidget > input {
1262   background-color: transparent;
1263   margin: 0;
1264   border: 0;
1265   padding: 0;
1266 }
1267
1268 .oo-ui-checkboxInputWidget {
1269   display: inline-block;
1270   z-index: 0;
1271   position: relative;
1272   line-height: 1.42857143em;
1273   white-space: nowrap;
1274 }
1275 .oo-ui-checkboxInputWidget * {
1276   font: inherit;
1277   vertical-align: middle;
1278 }
1279 .oo-ui-checkboxInputWidget [type='checkbox'] {
1280   position: relative;
1281   max-width: none;
1282   width: 1.42857143em;
1283   height: 1.42857143em;
1284   margin: 0;
1285   opacity: 0;
1286   z-index: 1;
1287 }
1288 .oo-ui-checkboxInputWidget [type='checkbox'] + span {
1289   background-color: #fff;
1290   background-size: 0 0;
1291   -webkit-box-sizing: border-box;
1292   -moz-box-sizing: border-box;
1293   box-sizing: border-box;
1294   position: absolute;
1295   left: 0;
1296   width: 1.42857143em;
1297   height: 1.42857143em;
1298   border-color: #72777d;
1299   border-style: solid;
1300   border-radius: 2px;
1301   border-width: 0;
1302 }
1303 :root .oo-ui-checkboxInputWidget [type='checkbox'] + span {
1304   border-width: 1px;
1305 }
1306 .oo-ui-checkboxInputWidget [type='checkbox']:checked:not( :indeterminate ) + span {
1307   background-size: 1em 1em;
1308 }
1309 .oo-ui-checkboxInputWidget [type='checkbox']:indeterminate + span:before {
1310   content: ' ';
1311   position: absolute;
1312   top: 0.57142857em;
1313   bottom: 0.57142857em;
1314   left: 0.21428571em;
1315   right: 0.21428571em;
1316   background-color: #fff;
1317 }
1318 .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
1319   background-color: #c8ccd1;
1320   border-color: #c8ccd1;
1321 }
1322 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] {
1323   cursor: pointer;
1324 }
1325 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
1326   cursor: pointer;
1327   -webkit-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1328   -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1329   transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1330 }
1331 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
1332   border-color: #36c;
1333   box-shadow: inset 0 0 0 1px #36c;
1334 }
1335 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
1336   border-color: #36c;
1337 }
1338 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
1339   background-color: #2a4b8d;
1340   border-color: #2a4b8d;
1341   box-shadow: inset 0 0 0 1px #2a4b8d;
1342 }
1343 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,
1344 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
1345   background-color: #36c;
1346   border-color: #36c;
1347 }
1348 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,
1349 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
1350   background-color: #36c;
1351   border-color: #36c;
1352   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
1353 }
1354 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
1355 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
1356   background-color: #447ff5;
1357   border-color: #447ff5;
1358 }
1359 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,
1360 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
1361   background-color: #2a4b8d;
1362   border-color: #2a4b8d;
1363   box-shadow: inset 0 0 0 1px #2a4b8d;
1364 }
1365
1366 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
1367   margin-top: 0;
1368   padding: 0.28571429em 0;
1369 }
1370 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout:first-child {
1371   margin-top: -0.28571429em;
1372 }
1373
1374 .oo-ui-dropdownInputWidget {
1375   position: relative;
1376   vertical-align: middle;
1377   -webkit-box-sizing: border-box;
1378   -moz-box-sizing: border-box;
1379   box-sizing: border-box;
1380   width: 100%;
1381   max-width: 50em;
1382 }
1383 .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget,
1384 .oo-ui-dropdownInputWidget.oo-ui-dropdownInputWidget-php select,
1385 .oo-ui-dropdownInputWidget.oo-ui-isMobile select {
1386   display: block;
1387 }
1388 .oo-ui-dropdownInputWidget.oo-ui-isMobile .oo-ui-dropdownWidget {
1389   display: none;
1390 }
1391 .oo-ui-dropdownInputWidget select {
1392   display: none;
1393   background-position: -9999em 0;
1394   background-repeat: no-repeat;
1395   width: 100%;
1396   -webkit-box-sizing: border-box;
1397   -moz-box-sizing: border-box;
1398   box-sizing: border-box;
1399 }
1400 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
1401   cursor: pointer;
1402 }
1403 .oo-ui-dropdownInputWidget select {
1404   -webkit-appearance: none;
1405   -moz-appearance: none;
1406   background-color: transparent;
1407   background-position: right 0.85714286em center;
1408   -webkit-box-sizing: border-box;
1409   -moz-box-sizing: border-box;
1410   box-sizing: border-box;
1411   height: 2.28571429em;
1412   border: 1px solid #a2a9b1;
1413   border-radius: 2px;
1414   padding-left: 0.85714286em;
1415   padding-right: 2.57142857em;
1416   font-size: inherit;
1417   font-family: inherit;
1418   vertical-align: middle;
1419   background-position: -9999em 0\9;
1420   padding: 0\9;
1421   /* Support IE 10: Move it in again and also add `padding`. Because we talk to morons. */
1422 }
1423 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1424   .oo-ui-dropdownInputWidget select {
1425     background-position: right 0.85714286em center;
1426     padding-left: 0.85714286em;
1427     padding-right: 2.57142857em;
1428   }
1429 }
1430 .oo-ui-dropdownInputWidget select::-ms-expand {
1431   display: none;
1432 }
1433 .oo-ui-dropdownInputWidget option {
1434   background-color: transparent;
1435   font-size: inherit;
1436   font-family: inherit;
1437   height: 1.5em;
1438   padding: 0.42857143em 0.85714286em;
1439 }
1440 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
1441   background-color: #f8f9fa;
1442   -webkit-transition: background-color 100ms;
1443   -moz-transition: background-color 100ms;
1444   transition: background-color 100ms;
1445 }
1446 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
1447   background-color: #fff;
1448 }
1449 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
1450   color: #222;
1451   -webkit-transition: border-color 100ms, box-shadow 100ms;
1452   -moz-transition: border-color 100ms, box-shadow 100ms;
1453   transition: border-color 100ms, box-shadow 100ms;
1454 }
1455 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
1456   color: #444;
1457   border-color: #a2a9b1;
1458 }
1459 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
1460   color: #000;
1461   border-color: #72777d;
1462 }
1463 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1464   border-color: #36c;
1465   outline: 0;
1466   box-shadow: inset 0 0 0 1px #36c;
1467 }
1468 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
1469   background-color: #eaecf0;
1470 }
1471 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1472   color: #72777d;
1473   border-color: #c8ccd1;
1474 }
1475
1476 .oo-ui-radioInputWidget {
1477   display: inline-block;
1478   z-index: 0;
1479   position: relative;
1480   line-height: 1.42857143em;
1481   white-space: nowrap;
1482 }
1483 .oo-ui-radioInputWidget * {
1484   font: inherit;
1485   vertical-align: middle;
1486 }
1487 .oo-ui-radioInputWidget [type='radio'] {
1488   position: relative;
1489   max-width: none;
1490   width: 1.42857143em;
1491   height: 1.42857143em;
1492   margin: 0;
1493   opacity: 0;
1494   z-index: 1;
1495 }
1496 .oo-ui-radioInputWidget [type='radio'] + span {
1497   background-color: #fff;
1498   position: absolute;
1499   left: 0;
1500   -webkit-box-sizing: border-box;
1501   -moz-box-sizing: border-box;
1502   box-sizing: border-box;
1503   width: 1.42857143em;
1504   height: 1.42857143em;
1505   border-color: #72777d;
1506   border-style: solid;
1507   border-radius: 100%;
1508   border-width: 0;
1509 }
1510 :root .oo-ui-radioInputWidget [type='radio'] + span {
1511   border-width: 1px;
1512 }
1513 .oo-ui-radioInputWidget [type='radio'] + span:before {
1514   content: ' ';
1515   position: absolute;
1516   top: -4px;
1517   left: -4px;
1518   right: -4px;
1519   bottom: -4px;
1520   border: 1px solid transparent;
1521   border-radius: 100%;
1522 }
1523 .oo-ui-radioInputWidget [type='radio']:checked + span,
1524 .oo-ui-radioInputWidget [type='radio']:checked:hover + span,
1525 .oo-ui-radioInputWidget [type='radio']:checked:focus:hover + span {
1526   border-width: 0.42857143em;
1527 }
1528 .oo-ui-radioInputWidget [type='radio']:disabled + span {
1529   background-color: #c8ccd1;
1530   border-color: #c8ccd1;
1531 }
1532 .oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
1533   background-color: #fff;
1534 }
1535 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] {
1536   cursor: pointer;
1537 }
1538 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
1539   cursor: pointer;
1540   -webkit-transition: background-color 100ms, border-color 100ms, border-width 100ms;
1541   -moz-transition: background-color 100ms, border-color 100ms, border-width 100ms;
1542   transition: background-color 100ms, border-color 100ms, border-width 100ms;
1543 }
1544 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
1545   border-color: #36c;
1546 }
1547 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
1548   background-color: #2a4b8d;
1549   border-color: #2a4b8d;
1550 }
1551 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
1552   border-color: #36c;
1553 }
1554 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span:before {
1555   border-color: #fff;
1556 }
1557 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
1558   border-color: #447ff5;
1559 }
1560 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
1561   border-color: #2a4b8d;
1562   box-shadow: inset 0 0 0 1px #2a4b8d;
1563 }
1564 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {
1565   border-color: #2a4b8d;
1566 }
1567
1568 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1569   margin-top: 0;
1570   padding: 0.28571429em 0;
1571 }
1572 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout:first-child {
1573   margin-top: -0.28571429em;
1574 }
1575
1576 .oo-ui-textInputWidget {
1577   position: relative;
1578   vertical-align: middle;
1579   -webkit-box-sizing: border-box;
1580   -moz-box-sizing: border-box;
1581   box-sizing: border-box;
1582   width: 100%;
1583   max-width: 50em;
1584 }
1585 .oo-ui-textInputWidget .oo-ui-inputWidget-input {
1586   -webkit-appearance: none;
1587   -moz-appearance: textfield;
1588   display: block;
1589   width: 100%;
1590   -webkit-box-sizing: border-box;
1591   -moz-box-sizing: border-box;
1592   box-sizing: border-box;
1593 }
1594 .oo-ui-textInputWidget input::-ms-clear {
1595   display: none;
1596 }
1597 .oo-ui-textInputWidget textarea {
1598   overflow: auto;
1599 }
1600 .oo-ui-textInputWidget textarea.oo-ui-textInputWidget-autosized {
1601   resize: none;
1602 }
1603 .oo-ui-textInputWidget [type='number']::-webkit-outer-spin-button,
1604 .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
1605   -webkit-appearance: none;
1606   margin: 0;
1607 }
1608 .oo-ui-textInputWidget [type='search']::-webkit-search-decoration,
1609 .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
1610   display: none;
1611 }
1612 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1613 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1614   left: 0;
1615 }
1616 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1617 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1618   right: 0;
1619 }
1620 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1621   position: absolute;
1622   top: 0;
1623 }
1624 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1625   display: block;
1626 }
1627 .oo-ui-textInputWidget-labelPosition-after.oo-ui-labelElement ::-ms-clear {
1628   display: none;
1629 }
1630 .oo-ui-textInputWidget-php > .oo-ui-iconElement-icon,
1631 .oo-ui-textInputWidget-php > .oo-ui-indicatorElement-indicator,
1632 .oo-ui-textInputWidget-php > .oo-ui-labelElement-label {
1633   pointer-events: none;
1634 }
1635 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
1636 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1637   cursor: text;
1638 }
1639 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1640   cursor: pointer;
1641 }
1642 .oo-ui-textInputWidget.oo-ui-widget-disabled > * {
1643   -webkit-touch-callout: none;
1644   -webkit-user-select: none;
1645   -moz-user-select: none;
1646   -ms-user-select: none;
1647   user-select: none;
1648 }
1649 .oo-ui-textInputWidget .oo-ui-inputWidget-input {
1650   background-color: #fff;
1651   color: #000;
1652   margin: 0;
1653   border: 1px solid #a2a9b1;
1654   border-radius: 2px;
1655   padding: 0.42857143em 0.57142857em;
1656   font-size: inherit;
1657   font-family: inherit;
1658   line-height: 1.28571429em;
1659 }
1660 .oo-ui-textInputWidget input {
1661   height: 2.28571429em;
1662 }
1663 .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
1664   background-color: #eaecf0;
1665 }
1666 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-inputWidget-input {
1667   padding-left: 2.64285714em;
1668 }
1669 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon {
1670   left: 0.57142857em;
1671 }
1672 .oo-ui-textInputWidget.oo-ui-iconElement textarea + .oo-ui-iconElement-icon {
1673   max-height: 2.28571429em;
1674 }
1675 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1676   color: #72777d;
1677   margin-top: 1px;
1678   padding: 0.42857143em 0.85714286em 0.42857143em 0.57142857em;
1679   line-height: 1.28571429em;
1680 }
1681 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-inputWidget-input {
1682   padding-right: 2em;
1683 }
1684 .oo-ui-textInputWidget.oo-ui-indicatorElement.oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1685   padding-right: 0;
1686 }
1687 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1688   max-height: 2.28571429em;
1689   margin-right: 0.85714286em;
1690 }
1691 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1692   margin-right: 2.28571429em;
1693 }
1694 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1695   padding-left: 2.64285714em;
1696 }
1697 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
1698   box-shadow: inset 0 0 0 1px transparent;
1699   -webkit-transition: border-color 250ms, box-shadow 250ms;
1700   -moz-transition: border-color 250ms, box-shadow 250ms;
1701   transition: border-color 250ms, box-shadow 250ms;
1702 }
1703 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder {
1704   color: #72777d;
1705   opacity: 1;
1706 }
1707 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder {
1708   color: #72777d;
1709   opacity: 1;
1710 }
1711 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder {
1712   color: #72777d;
1713   opacity: 1;
1714 }
1715 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-moz-placeholder {
1716   color: #72777d;
1717   opacity: 1;
1718 }
1719 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
1720   color: #72777d;
1721   opacity: 1;
1722 }
1723 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
1724   outline: 0;
1725   border-color: #36c;
1726   box-shadow: inset 0 0 0 1px #36c;
1727 }
1728 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus ~ .oo-ui-iconElement-icon,
1729 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus ~ .oo-ui-indicatorElement-indicator {
1730   opacity: 1;
1731 }
1732 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly] {
1733   background-color: #f8f9fa;
1734 }
1735 .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
1736   border-color: #72777d;
1737 }
1738 .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
1739   border-color: #36c;
1740 }
1741 @media screen and (min-width: 0) {
1742   .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
1743     outline: 1px solid #36c;
1744     outline-offset: -2px;
1745   }
1746   .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus {
1747     outline-color: #d33;
1748   }
1749 }
1750 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon {
1751   opacity: 0.67;
1752 }
1753 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1754   opacity: 0.87;
1755 }
1756 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
1757   border-color: #d33;
1758 }
1759 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover {
1760   border-color: #d33;
1761 }
1762 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus {
1763   border-color: #d33;
1764   box-shadow: inset 0 0 0 1px #d33;
1765 }
1766 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
1767   background-color: #eaecf0;
1768   -webkit-text-fill-color: #72777d;
1769   color: #72777d;
1770   text-shadow: 0 1px 1px #fff;
1771   border-color: #c8ccd1;
1772 }
1773 .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-iconElement-icon,
1774 .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-indicatorElement-indicator {
1775   opacity: 0.51;
1776 }
1777 .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label {
1778   color: #72777d;
1779   text-shadow: 0 1px 1px #fff;
1780 }
1781
1782 .oo-ui-menuSelectWidget {
1783   position: absolute;
1784   width: 100%;
1785   z-index: 4;
1786   background-color: #fff;
1787   margin-top: -1px;
1788   margin-bottom: -1px;
1789   border: 1px solid #a2a9b1;
1790   border-radius: 0 0 2px 2px;
1791   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
1792 }
1793 .oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable {
1794   min-height: 32px;
1795 }
1796 .oo-ui-menuSelectWidget-invisible {
1797   display: none;
1798 }
1799
1800 .oo-ui-menuOptionWidget {
1801   -webkit-transition: background-color 100ms, color 100ms;
1802   -moz-transition: background-color 100ms, color 100ms;
1803   transition: background-color 100ms, color 100ms;
1804 }
1805 .oo-ui-menuOptionWidget-checkIcon {
1806   display: none;
1807 }
1808 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1809   background-color: #eaecf0;
1810   color: #000;
1811 }
1812 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1813   background-color: #eaf3ff;
1814   color: #36c;
1815 }
1816 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
1817 .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1818   background-color: rgba(41, 98, 204, 0.1);
1819   color: #36c;
1820 }
1821 .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
1822   color: #222;
1823 }
1824
1825 .oo-ui-menuSectionOptionWidget {
1826   color: #72777d;
1827   padding: 0.42857143em 0.85714286em 0.28571429em;
1828   font-weight: bold;
1829 }
1830 .oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled {
1831   cursor: default;
1832 }
1833 .oo-ui-menuSectionOptionWidget ~ .oo-ui-menuOptionWidget {
1834   padding-left: 1.71428571em;
1835 }
1836 .oo-ui-menuSectionOptionWidget ~ .oo-ui-menuOptionWidget.oo-ui-iconElement {
1837   padding-left: 3.5em;
1838 }
1839 .oo-ui-menuSectionOptionWidget ~ .oo-ui-menuOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1840   left: 1.71428571em;
1841 }
1842
1843 .oo-ui-dropdownWidget {
1844   display: inline-block;
1845   position: relative;
1846   vertical-align: middle;
1847   width: 100%;
1848   max-width: 50em;
1849   margin-right: 0.5em;
1850 }
1851 .oo-ui-dropdownWidget-handle {
1852   position: relative;
1853   width: 100%;
1854   display: block;
1855   white-space: nowrap;
1856   overflow: hidden;
1857   text-overflow: ellipsis;
1858   cursor: default;
1859   -webkit-touch-callout: none;
1860   -webkit-user-select: none;
1861   -moz-user-select: none;
1862   -ms-user-select: none;
1863   user-select: none;
1864   -webkit-box-sizing: border-box;
1865   -moz-box-sizing: border-box;
1866   box-sizing: border-box;
1867 }
1868 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1869   display: inline-block;
1870 }
1871 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1872   cursor: pointer;
1873 }
1874 .oo-ui-dropdownWidget:last-child {
1875   margin-right: 0;
1876 }
1877 .oo-ui-dropdownWidget-handle {
1878   min-height: 2.28571429em;
1879   border: 1px solid #a2a9b1;
1880   border-radius: 2px;
1881   padding: 0.42857143em 2.57142857em 0.42857143em 0.85714286em;
1882   line-height: 1;
1883 }
1884 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1885   left: 0.85714286em;
1886 }
1887 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1888   right: 0.78571429em;
1889 }
1890 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1891   line-height: 1.28571429em;
1892 }
1893 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle {
1894   padding-left: 2.64285714em;
1895 }
1896 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1897   background-color: #f8f9fa;
1898   color: #222;
1899   -webkit-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1900   -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1901   transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1902 }
1903 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
1904   background-color: #fff;
1905   color: #444;
1906   border-color: #a2a9b1;
1907 }
1908 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-iconElement-icon,
1909 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-indicatorElement-indicator {
1910   opacity: 0.73;
1911 }
1912 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
1913   color: #000;
1914   border-color: #72777d;
1915 }
1916 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
1917   border-color: #36c;
1918   outline: 0;
1919   box-shadow: inset 0 0 0 1px #36c;
1920 }
1921 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
1922 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1923   opacity: 0.87;
1924   -webkit-transition: opacity 100ms;
1925   -moz-transition: opacity 100ms;
1926   transition: opacity 100ms;
1927 }
1928 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
1929   background-color: #fff;
1930 }
1931 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
1932 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1933   opacity: 1;
1934 }
1935 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1936   color: #72777d;
1937   text-shadow: 0 1px 1px #fff;
1938   border-color: #c8ccd1;
1939   background-color: #eaecf0;
1940 }
1941 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1942   outline: 0;
1943 }
1944 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1945   opacity: 0.15;
1946 }
1947
1948 .oo-ui-comboBoxInputWidget {
1949   display: inline-block;
1950   position: relative;
1951 }
1952 .oo-ui-comboBoxInputWidget-field {
1953   display: table;
1954   width: 100%;
1955   table-layout: fixed;
1956 }
1957 .oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
1958   display: table-cell;
1959   vertical-align: middle;
1960   position: relative;
1961   overflow: hidden;
1962 }
1963 .oo-ui-comboBoxInputWidget-dropdownButton {
1964   display: table-cell;
1965 }
1966 .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
1967   display: block;
1968   overflow: hidden;
1969 }
1970 .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-comboBoxInputWidget-dropdownButton {
1971   display: none;
1972 }
1973 .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
1974   opacity: 0;
1975   position: absolute;
1976   right: 0;
1977   top: 0;
1978   width: 2.5em;
1979   height: 2.5em;
1980   padding: 0;
1981 }
1982 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorWidget {
1983   display: block;
1984   position: absolute;
1985   top: 0;
1986   height: 100%;
1987   pointer-events: none;
1988 }
1989 .oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
1990   height: 2.28571429em;
1991   border-top-right-radius: 0;
1992   border-bottom-right-radius: 0;
1993   border-right-width: 0;
1994 }
1995 .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-inputWidget-input,
1996 .oo-ui-comboBoxInputWidget-php .oo-ui-inputWidget-input {
1997   border-top-right-radius: 2px;
1998   border-bottom-right-radius: 2px;
1999   border-right-width: 1px;
2000 }
2001 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement {
2002   width: 2.64285714em;
2003 }
2004 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button {
2005   min-width: 37px;
2006   min-height: 2.28571429em;
2007   padding-left: 0;
2008 }
2009 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
2010   right: 0.85714286em;
2011 }
2012 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button,
2013 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button:focus {
2014   border-top-left-radius: 0;
2015   border-bottom-left-radius: 0;
2016 }
2017 .oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget {
2018   right: 0.85714286em;
2019   margin: 0;
2020 }
2021 .oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
2022   background-color: #fff;
2023 }
2024 .oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
2025   opacity: 1;
2026 }
2027 .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
2028   opacity: 1;
2029 }
2030
2031
2032 .oo-ui-multioptionWidget {
2033   position: relative;
2034   display: block;
2035 }
2036 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
2037   cursor: pointer;
2038 }
2039 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
2040   cursor: default;
2041 }
2042 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2043   display: block;
2044   white-space: nowrap;
2045   text-overflow: ellipsis;
2046   overflow: hidden;
2047 }
2048 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
2049   color: #72777d;
2050 }
2051
2052
2053 .oo-ui-checkboxMultioptionWidget {
2054   display: table;
2055   padding: 0.28571429em 0;
2056 }
2057 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget,
2058 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
2059   display: table-cell;
2060   vertical-align: top;
2061 }
2062 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
2063   width: 1px;
2064 }
2065 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
2066   white-space: normal;
2067 }
2068 .oo-ui-checkboxMultioptionWidget:first-child {
2069   margin-top: -0.28571429em;
2070 }
2071 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2072   padding-left: 0.42857143em;
2073 }
2074 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
2075   margin-right: 0;
2076 }
2077
2078 .oo-ui-progressBarWidget {
2079   -webkit-box-sizing: border-box;
2080   -moz-box-sizing: border-box;
2081   box-sizing: border-box;
2082   max-width: 50em;
2083   background-color: #fff;
2084   border: 1px solid #a2a9b1;
2085   border-radius: 2px;
2086   overflow: hidden;
2087 }
2088 .oo-ui-progressBarWidget-bar {
2089   height: 1em;
2090   -webkit-transition: width 100ms;
2091   -moz-transition: width 100ms;
2092   transition: width 100ms;
2093 }
2094 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
2095   -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
2096   -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
2097   animation: oo-ui-progressBarWidget-slide 2s infinite linear;
2098   width: 40%;
2099   -webkit-transform: translate(-25%);
2100   -moz-transform: translate(-25%);
2101   -ms-transform: translate(-25%);
2102   transform: translate(-25%);
2103 }
2104 .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
2105   background-color: #36c;
2106 }
2107 .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar {
2108   background-color: #c8ccd1;
2109 }
2110 @-webkit-keyframes oo-ui-progressBarWidget-slide {
2111   from {
2112     -webkit-transform: translate(-100%);
2113     -moz-transform: translate(-100%);
2114     -ms-transform: translate(-100%);
2115     transform: translate(-100%);
2116   }
2117   to {
2118     -webkit-transform: translate(350%);
2119     -moz-transform: translate(350%);
2120     -ms-transform: translate(350%);
2121     transform: translate(350%);
2122   }
2123 }
2124 @-moz-keyframes oo-ui-progressBarWidget-slide {
2125   from {
2126     -webkit-transform: translate(-100%);
2127     -moz-transform: translate(-100%);
2128     -ms-transform: translate(-100%);
2129     transform: translate(-100%);
2130   }
2131   to {
2132     -webkit-transform: translate(350%);
2133     -moz-transform: translate(350%);
2134     -ms-transform: translate(350%);
2135     transform: translate(350%);
2136   }
2137 }
2138 @keyframes oo-ui-progressBarWidget-slide {
2139   from {
2140     -webkit-transform: translate(-100%);
2141     -moz-transform: translate(-100%);
2142     -ms-transform: translate(-100%);
2143     transform: translate(-100%);
2144   }
2145   to {
2146     -webkit-transform: translate(350%);
2147     -moz-transform: translate(350%);
2148     -ms-transform: translate(350%);
2149     transform: translate(350%);
2150   }
2151 }
2152
2153 .oo-ui-numberInputWidget {
2154   display: inline-block;
2155   position: relative;
2156   max-width: 50em;
2157 }
2158 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget,
2159 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
2160   display: table-cell;
2161   height: 100%;
2162 }
2163 .oo-ui-numberInputWidget-field {
2164   display: table;
2165   table-layout: fixed;
2166   width: 100%;
2167 }
2168 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget,
2169 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
2170   height: 2.28571429em;
2171 }
2172 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget {
2173   width: 2.64285714em;
2174 }
2175 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget .oo-ui-buttonElement-button {
2176   display: block;
2177   min-width: 37px;
2178   min-height: 2.28571429em;
2179   padding-left: 0;
2180   padding-right: 0;
2181 }
2182 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
2183   left: 0.57142857em;
2184 }
2185 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
2186   border-radius: 0;
2187   max-height: 2.28571429em;
2188 }
2189 .oo-ui-numberInputWidget-minusButton > .oo-ui-buttonElement-button {
2190   border-top-right-radius: 0;
2191   border-bottom-right-radius: 0;
2192   border-right-width: 0;
2193 }
2194 .oo-ui-numberInputWidget-plusButton > .oo-ui-buttonElement-button {
2195   border-top-left-radius: 0;
2196   border-bottom-left-radius: 0;
2197   border-left-width: 0;
2198 }
2199 .oo-ui-numberInputWidget.oo-ui-widget-disabled.oo-ui-numberInputWidget-buttoned .oo-ui-iconElement-icon {
2200   opacity: 1;
2201 }
2202
2203 .oo-ui-selectFileInputWidget {
2204   width: 100%;
2205   max-width: 50em;
2206 }
2207 .oo-ui-selectFileInputWidget-selectButton > .oo-ui-buttonElement-button {
2208   position: relative;
2209   overflow: hidden;
2210 }
2211 .oo-ui-selectFileInputWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
2212   position: absolute;
2213   top: 0;
2214   bottom: 0;
2215   left: 0;
2216   right: 0;
2217   width: 100%;
2218   height: 100%;
2219   opacity: 0;
2220   z-index: 1;
2221   cursor: pointer;
2222   padding-top: 100px;
2223 }
2224 .oo-ui-selectFileInputWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
2225   display: none;
2226 }
2227 .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input {
2228   pointer-events: none;
2229 }
2230 .oo-ui-selectFileInputWidget-label {
2231   position: absolute;
2232   top: 0;
2233   bottom: 0;
2234   left: 0;
2235   right: 0;
2236   text-overflow: ellipsis;
2237 }
2238 .oo-ui-selectFileInputWidget-clearButton {
2239   position: absolute;
2240   z-index: 2;
2241 }
2242 .oo-ui-selectFileInputWidget-empty .oo-ui-selectFileInputWidget-clearButton {
2243   display: none;
2244 }
2245 .oo-ui-selectFileInputWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileInputWidget-label {
2246   cursor: default;
2247 }
2248 .oo-ui-selectFileInputWidget-label {
2249   -webkit-box-sizing: border-box;
2250   -moz-box-sizing: border-box;
2251   box-sizing: border-box;
2252   display: block;
2253   right: 2.85714286em;
2254   padding-top: 0.42857143em;
2255   padding-left: 0.57142857em;
2256   padding-bottom: 0.42857143em;
2257   white-space: nowrap;
2258 }
2259 .oo-ui-selectFileInputWidget.oo-ui-labelElement .oo-ui-selectFileInputWidget-label {
2260   line-height: 1.28571429em;
2261 }
2262
2263 .oo-ui-defaultOverlay {
2264   position: absolute;
2265   top: 0;
2266   /* @noflip */
2267   left: 0;
2268 }