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

   1 /*!
   2  * OOUI v0.29.6
   3  * https://www.mediawiki.org/wiki/OOUI
   4  *
   5  * Copyright 2011–2018 OOUI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2018-12-05T00:16:02Z
  10  */
  11 .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ).oo-ui-widget {
  12   cursor: move;
  13   cursor: url(images/grab.cur );
  14   cursor: -webkit-grab;
  15   cursor: -moz-grab;
  16   cursor: grab;
  17 }
  18 .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ):active {
  19   cursor: url(images/grabbing.cur );
  20   cursor: -webkit-grabbing;
  21   cursor: -moz-grabbing;
  22   cursor: grabbing;
  23 }
  24 .oo-ui-draggableElement-handle.oo-ui-widget-disabled,
  25 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
  26   cursor: default;
  27 }
  28 .oo-ui-draggableElement-placeholder {
  29   opacity: 0.2;
  30 }
  31 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
  32   display: inline-block;
  33 }
  34
  35
  36
  37 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
  38   overflow: hidden;
  39 }
  40 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
  41   width: 100%;
  42   -webkit-box-sizing: border-box;
  43   -moz-box-sizing: border-box;
  44   box-sizing: border-box;
  45 }
  46 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
  47   height: auto;
  48   position: absolute;
  49   top: 0;
  50   left: 0;
  51   right: 0;
  52   bottom: 2.5em;
  53   overflow: auto;
  54 }
  55 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
  56   position: absolute;
  57   bottom: 0;
  58   left: 0;
  59   right: 0;
  60   height: 2.5em;
  61 }
  62 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
  63   padding: 1.42857143em;
  64 }
  65 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
  66   border-top: 1px solid #c8ccd1;
  67 }
  68 .oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
  69   border-right: 1px solid #c8ccd1;
  70 }
  71
  72 .oo-ui-indexLayout {
  73   /* Use two classes to ensure increased specificity over menuLayout */
  74 }
  75 .oo-ui-indexLayout.oo-ui-menuLayout > .oo-ui-menuLayout-menu {
  76   height: auto;
  77 }
  78 .oo-ui-indexLayout.oo-ui-menuLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu {
  79   height: 3em;
  80   white-space: nowrap;
  81 }
  82 .oo-ui-indexLayout.oo-ui-menuLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content {
  83   top: 3em;
  84 }
  85 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
  86   padding: 1.42857143em;
  87 }
  88 .oo-ui-indexLayout.oo-ui-menuLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu {
  89   height: 2.64285714em;
  90 }
  91 .oo-ui-indexLayout.oo-ui-menuLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content {
  92   top: 2.64285714em;
  93 }
  94
  95 .oo-ui-menuLayout {
  96   top: 0;
  97   left: 0;
  98   right: 0;
  99   bottom: 0;
 100 }
 101 .oo-ui-menuLayout-expanded,
 102 .oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu,
 103 .oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content {
 104   position: absolute;
 105 }
 106 .oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu {
 107   z-index: 1;
 108 }
 109 .oo-ui-menuLayout-static.oo-ui-menuLayout-after,
 110 .oo-ui-menuLayout-static.oo-ui-menuLayout-before {
 111   display: table;
 112   width: 100%;
 113 }
 114 .oo-ui-menuLayout-static.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu,
 115 .oo-ui-menuLayout-static.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu,
 116 .oo-ui-menuLayout-static.oo-ui-menuLayout-after > .oo-ui-menuLayout-content,
 117 .oo-ui-menuLayout-static.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
 118   display: table-cell;
 119   vertical-align: top;
 120 }
 121 .oo-ui-menuLayout > .oo-ui-menuLayout-menu,
 122 .oo-ui-menuLayout > .oo-ui-menuLayout-content {
 123   -webkit-transition: height ease-out 250ms, width ease-out 250ms, top ease-out 250ms, left ease-out 250ms, right ease-out 250ms, bottom ease-out 250ms;
 124   -moz-transition: height ease-out 250ms, width ease-out 250ms, top ease-out 250ms, left ease-out 250ms, right ease-out 250ms, bottom ease-out 250ms;
 125   transition: height ease-out 250ms, width ease-out 250ms, top ease-out 250ms, left ease-out 250ms, right ease-out 250ms, bottom ease-out 250ms;
 126 }
 127 .oo-ui-menuLayout > .oo-ui-menuLayout-menu {
 128   height: 14.28571429em;
 129   width: 14.28571429em;
 130 }
 131 .oo-ui-menuLayout > .oo-ui-menuLayout-content {
 132   top: 14.28571429em;
 133   left: 14.28571429em;
 134   right: 14.28571429em;
 135   bottom: 14.28571429em;
 136 }
 137 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
 138   width: 0 !important;
 139   height: 0 !important;
 140   overflow: hidden;
 141 }
 142 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
 143   top: 0 !important;
 144   left: 0 !important;
 145   right: 0 !important;
 146   bottom: 0 !important;
 147 }
 148 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
 149   width: auto !important;
 150   left: 0;
 151   top: 0;
 152   right: 0;
 153 }
 154 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
 155   right: 0 !important;
 156   bottom: 0 !important;
 157   left: 0 !important;
 158 }
 159 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
 160   height: auto !important;
 161   top: 0;
 162   right: 0;
 163   bottom: 0;
 164 }
 165 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
 166   bottom: 0 !important;
 167   left: 0 !important;
 168   top: 0 !important;
 169 }
 170 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
 171   width: auto !important;
 172   right: 0;
 173   bottom: 0;
 174   left: 0;
 175 }
 176 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
 177   left: 0 !important;
 178   top: 0 !important;
 179   right: 0 !important;
 180 }
 181 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
 182   height: auto !important;
 183   bottom: 0;
 184   left: 0;
 185   top: 0;
 186 }
 187 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
 188   top: 0 !important;
 189   right: 0 !important;
 190   bottom: 0 !important;
 191 }
 192
 193
 194
 195 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
 196   display: block;
 197   position: relative;
 198 }
 199
 200 .oo-ui-buttonSelectWidget {
 201   display: inline-block;
 202   border-radius: 2px;
 203   margin-right: 0.5em;
 204   z-index: 0;
 205   position: relative;
 206   padding-bottom: 1px;
 207 }
 208 .oo-ui-buttonSelectWidget:last-child {
 209   margin-right: 0;
 210 }
 211 .oo-ui-buttonSelectWidget:focus {
 212   outline: 0;
 213 }
 214 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 215   margin-right: -1px;
 216   margin-bottom: -1px;
 217   border-radius: 0;
 218 }
 219 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
 220   border-bottom-left-radius: 2px;
 221   border-top-left-radius: 2px;
 222 }
 223 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
 224   margin-right: 0;
 225   border-bottom-right-radius: 2px;
 226   border-top-right-radius: 2px;
 227 }
 228 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 229   border-left-color: #fff;
 230 }
 231 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
 232   border-color: #36c;
 233   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 234 }
 235 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
 236 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
 237   z-index: 1;
 238 }
 239 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 240   z-index: 3;
 241 }
 242 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 243   z-index: -1;
 244 }
 245
 246 .oo-ui-buttonOptionWidget {
 247   display: inline-block;
 248 }
 249 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
 250   cursor: default;
 251 }
 252
 253
 254 .oo-ui-toggleButtonWidget {
 255   margin-right: 0.5em;
 256 }
 257 .oo-ui-toggleButtonWidget:last-child {
 258   margin-right: 0;
 259 }
 260
 261 .oo-ui-toggleSwitchWidget {
 262   position: relative;
 263   display: inline-block;
 264   vertical-align: middle;
 265   overflow: hidden;
 266   -webkit-box-sizing: border-box;
 267   -moz-box-sizing: border-box;
 268   box-sizing: border-box;
 269   -webkit-transform: translateZ(0);
 270   transform: translateZ(0);
 271   background-color: #f8f9fa;
 272   width: 3.5em;
 273   min-height: 26px;
 274   height: 2em;
 275   border: 1px solid #72777d;
 276   border-radius: 1em;
 277   margin-right: 0.5em;
 278   -webkit-transition: background-color 250ms, border-color 250ms;
 279   -moz-transition: background-color 250ms, border-color 250ms;
 280   transition: background-color 250ms, border-color 250ms;
 281 }
 282 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
 283   cursor: pointer;
 284 }
 285 .oo-ui-toggleSwitchWidget-grip {
 286   position: absolute;
 287   display: block;
 288   -webkit-box-sizing: border-box;
 289   -moz-box-sizing: border-box;
 290   box-sizing: border-box;
 291 }
 292 .oo-ui-toggleSwitchWidget:last-child {
 293   margin-right: 0;
 294 }
 295 .oo-ui-toggleSwitchWidget:before {
 296   content: '';
 297   display: block;
 298   position: absolute;
 299   top: 1px;
 300   left: 1px;
 301   bottom: 1px;
 302   right: 1px;
 303   border: 1px solid transparent;
 304   border-radius: 1em;
 305   z-index: 1;
 306   -webkit-transition: border-color 250ms;
 307   -moz-transition: border-color 250ms;
 308   transition: border-color 250ms;
 309 }
 310 .oo-ui-toggleSwitchWidget-grip {
 311   top: 0.35714286em;
 312   min-width: 16px;
 313   width: 1.14285714em;
 314   min-height: 16px;
 315   height: 1.14285714em;
 316   border-radius: 1.14285714em;
 317   -webkit-transition: background-color 250ms, left 100ms, margin-left 100ms;
 318   -moz-transition: background-color 250ms, left 100ms, margin-left 100ms;
 319   transition: background-color 250ms, left 100ms, margin-left 100ms;
 320 }
 321 .oo-ui-toggleSwitchWidget-glow {
 322   display: none;
 323 }
 324 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
 325   left: 0.35714286em;
 326   margin-left: 0;
 327 }
 328 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 329   left: 1.9em;
 330   margin-left: -2px;
 331 }
 332 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
 333   background-color: #f8f9fa;
 334   border: 1px solid #72777d;
 335 }
 336 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
 337   background-color: #fff;
 338   border-color: #447ff5;
 339 }
 340 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
 341   background-color: #fff;
 342   border-color: #447ff5;
 343 }
 344 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,
 345 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,
 346 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
 347   background-color: #2a4b8d;
 348   border-color: #2a4b8d;
 349   box-shadow: inset 0 0 0 1px #2a4b8d;
 350 }
 351 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
 352 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,
 353 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
 354   background-color: #fff;
 355   border-color: #fff;
 356   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 357 }
 358 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
 359   border-color: #36c;
 360   box-shadow: inset 0 0 0 1px #36c;
 361   outline: 0;
 362 }
 363 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
 364   border-color: #36c;
 365 }
 366 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
 367   background-color: #36c;
 368   border-color: #36c;
 369 }
 370 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 371   background-color: #fff;
 372   border-color: #fff;
 373   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 374 }
 375 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
 376   background-color: #447ff5;
 377   border-color: #447ff5;
 378 }
 379 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,
 380 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
 381   background-color: #2a4b8d;
 382   border-color: #2a4b8d;
 383 }
 384 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
 385   border-color: #36c;
 386 }
 387 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
 388   border-color: #fff;
 389 }
 390 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
 391   background-color: #c8ccd1;
 392   border-color: #c8ccd1;
 393   outline: 0;
 394 }
 395 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
 396   border: 1px solid #fff;
 397   box-shadow: inset 0 0 0 1px #fff;
 398 }
 399 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 400   background-color: #fff;
 401 }
 402
 403 .oo-ui-selectFileWidget {
 404   display: inline-block;
 405   vertical-align: middle;
 406   width: 100%;
 407   max-width: 50em;
 408   margin-right: 0.5em;
 409 }
 410 .oo-ui-selectFileWidget-selectButton {
 411   display: table-cell;
 412 }
 413 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 414   position: relative;
 415   overflow: hidden;
 416 }
 417 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
 418   position: absolute;
 419   top: 0;
 420   bottom: 0;
 421   left: 0;
 422   right: 0;
 423   width: 100%;
 424   height: 100%;
 425   opacity: 0;
 426   z-index: 1;
 427   cursor: pointer;
 428   padding-top: 100px;
 429 }
 430 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
 431   display: none;
 432 }
 433 .oo-ui-selectFileWidget-info {
 434   width: 100%;
 435   display: table-cell;
 436   vertical-align: middle;
 437   position: relative;
 438   overflow: hidden;
 439   -webkit-box-sizing: border-box;
 440   -moz-box-sizing: border-box;
 441   box-sizing: border-box;
 442 }
 443 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
 444   cursor: default;
 445   -webkit-touch-callout: none;
 446   -webkit-user-select: none;
 447   -moz-user-select: none;
 448   -ms-user-select: none;
 449   user-select: none;
 450 }
 451 .oo-ui-selectFileWidget-label {
 452   position: absolute;
 453   top: 0;
 454   bottom: 0;
 455   left: 0;
 456   right: 0;
 457   text-overflow: ellipsis;
 458 }
 459 .oo-ui-selectFileWidget-clearButton {
 460   position: absolute;
 461   z-index: 2;
 462 }
 463 .oo-ui-selectFileWidget-dropTarget {
 464   position: relative;
 465   cursor: default;
 466   height: 8.815em;
 467 }
 468 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
 469 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
 470   display: none;
 471 }
 472 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
 473   width: 7.815em;
 474   position: absolute;
 475   top: 0.5em;
 476   bottom: 0.5em;
 477   left: 0.5em;
 478   background-position: center center;
 479   background-repeat: no-repeat;
 480   background-size: contain;
 481 }
 482 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
 483   background-repeat: repeat;
 484   background-size: auto;
 485 }
 486 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
 487   opacity: 0.4;
 488   height: 7.815em;
 489   width: 7.815em;
 490 }
 491 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 492   display: block;
 493   height: 100%;
 494   width: auto;
 495   margin-left: 8.815em;
 496   border: 0;
 497 }
 498 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 499   display: block;
 500   position: relative;
 501   top: inherit;
 502 }
 503 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
 504   display: block;
 505 }
 506 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail,
 507 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 508   display: none;
 509 }
 510 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
 511   display: block;
 512   margin: 2.2em 1em 1em;
 513 }
 514 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget,
 515 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 516   text-align: center;
 517 }
 518 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info,
 519 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 520   margin: 0;
 521 }
 522 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton,
 523 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
 524   display: none;
 525 }
 526 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
 527   cursor: default;
 528 }
 529 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
 530   display: block;
 531 }
 532 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 533 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 534   -webkit-touch-callout: none;
 535   -webkit-user-select: none;
 536   -moz-user-select: none;
 537   -ms-user-select: none;
 538   user-select: none;
 539 }
 540 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 541 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget,
 542 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button,
 543 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
 544   cursor: no-drop;
 545 }
 546 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 547   height: auto;
 548 }
 549 .oo-ui-selectFileWidget:last-child {
 550   margin-right: 0;
 551 }
 552 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 553   border-radius: 0 2px 2px 0;
 554 }
 555 .oo-ui-selectFileWidget-info {
 556   background-color: #fff;
 557   border: 1px solid #a2a9b1;
 558   border-radius: 2px 0 0 2px;
 559   border-right-width: 0;
 560 }
 561 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
 562   top: -1px;
 563   left: 0.57142857em;
 564   min-height: 2.28571429em;
 565   margin-left: -1px;
 566 }
 567 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
 568   top: -1px;
 569   right: 0.85714286em;
 570   min-height: 2.28571429em;
 571 }
 572 .oo-ui-selectFileWidget-label {
 573   -webkit-box-sizing: border-box;
 574   -moz-box-sizing: border-box;
 575   box-sizing: border-box;
 576   display: block;
 577   right: 1.92857143em;
 578   padding-top: 0.57142857em;
 579   padding-left: 0.57142857em;
 580   padding-bottom: 0.5em;
 581   white-space: nowrap;
 582 }
 583 .oo-ui-selectFileWidget.oo-ui-labelElement .oo-ui-selectFileWidget-label {
 584   line-height: 1.07142857em;
 585 }
 586 .oo-ui-selectFileWidget-fileName {
 587   display: block;
 588   overflow: hidden;
 589   text-overflow: ellipsis;
 590 }
 591 .oo-ui-selectFileWidget-clearButton {
 592   top: -1px;
 593   right: 0;
 594   margin-right: 0;
 595 }
 596 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 597   height: 2.28571429em;
 598 }
 599 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
 600   color: #72777d;
 601 }
 602 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
 603   left: 2.64285714em;
 604 }
 605 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
 606   right: 3.14285714em;
 607   padding-left: 0;
 608 }
 609 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
 610   right: 2.00714286em;
 611 }
 612 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-label,
 613 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
 614   right: 2em;
 615 }
 616 .oo-ui-selectFileWidget-dropTarget {
 617   background-color: #fff;
 618   border: 1px solid #a2a9b1;
 619   border-radius: 2px;
 620   vertical-align: middle;
 621   overflow: hidden;
 622 }
 623 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 624   border-radius: 2px;
 625 }
 626 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 627   overflow: inherit;
 628   white-space: normal;
 629 }
 630 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
 631   padding-right: 2.64285714em;
 632 }
 633 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
 634   top: 0;
 635 }
 636 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
 637   background-color: #fff;
 638   border-style: dashed;
 639   -webkit-transition: background-color 250ms, color 250ms, border-color 250ms;
 640   -moz-transition: background-color 250ms, color 250ms, border-color 250ms;
 641   transition: background-color 250ms, color 250ms, border-color 250ms;
 642 }
 643 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
 644   border-color: #72777d;
 645 }
 646 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
 647   background-color: #eaf3ff;
 648   color: #36c;
 649 }
 650 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info,
 651 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
 652   background-color: #eaecf0;
 653   color: #72777d;
 654   border-color: #c8ccd1;
 655   text-shadow: 0 1px 1px #fff;
 656 }
 657 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 658 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
 659   opacity: 0.51;
 660 }
 661 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 662 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
 663   opacity: 0.15;
 664 }
 665 .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 666 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget {
 667   background-color: #eaecf0;
 668   border-color: #c8ccd1;
 669 }
 670 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
 671   background-color: #eaecf0;
 672   color: #222;
 673   border-color: #c8ccd1;
 674 }
 675 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 676   background-color: #eaecf0;
 677   border-color: #c8ccd1;
 678 }
 679 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 680   padding: 1em 0.85714286em;
 681 }
 682 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
 683   display: none;
 684 }
 685
 686 .oo-ui-outlineSelectWidget {
 687   height: 100%;
 688 }
 689 .oo-ui-outlineSelectWidget:focus {
 690   box-shadow: inset 0 0 0 2px #36c;
 691 }
 692
 693 .oo-ui-outlineOptionWidget {
 694   -webkit-touch-callout: none;
 695   -webkit-user-select: none;
 696   -moz-user-select: none;
 697   -ms-user-select: none;
 698   user-select: none;
 699   padding: 1em 0.85714286em 0.92857143em;
 700   -webkit-transition: background-color 100ms, color 100ms;
 701   -moz-transition: background-color 100ms, color 100ms;
 702   transition: background-color 100ms, color 100ms;
 703 }
 704 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
 705   background-color: #eaecf0;
 706   color: #000;
 707 }
 708 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
 709   background-color: #eaf3ff;
 710   color: #36c;
 711 }
 712 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
 713   background-color: rgba(41, 98, 204, 0.1);
 714   color: #36c;
 715 }
 716 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
 717   padding-right: 1.5em;
 718 }
 719 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 720   opacity: 0.5;
 721 }
 722 .oo-ui-outlineOptionWidget-level-1 {
 723   padding-left: 2.571em;
 724 }
 725 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement {
 726   padding-left: 4.429em;
 727 }
 728 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement .oo-ui-iconElement-icon {
 729   left: 2.571em;
 730 }
 731 .oo-ui-outlineOptionWidget-level-2 {
 732   padding-left: 5.142em;
 733 }
 734 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement {
 735   padding-left: 6.857em;
 736 }
 737 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement .oo-ui-iconElement-icon {
 738   left: 4.429em;
 739 }
 740
 741 .oo-ui-outlineControlsWidget {
 742   background-color: #fff;
 743 }
 744 .oo-ui-outlineControlsWidget-items,
 745 .oo-ui-outlineControlsWidget-movers {
 746   float: left;
 747   -webkit-box-sizing: border-box;
 748   -moz-box-sizing: border-box;
 749   box-sizing: border-box;
 750 }
 751 .oo-ui-outlineControlsWidget-items {
 752   float: left;
 753 }
 754 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
 755   float: left;
 756 }
 757 .oo-ui-outlineControlsWidget-movers {
 758   float: right;
 759 }
 760 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
 761   float: right;
 762 }
 763 .oo-ui-outlineControlsWidget-items > .oo-ui-buttonWidget,
 764 .oo-ui-outlineControlsWidget-movers > .oo-ui-buttonWidget {
 765   height: 2.28571429em;
 766   width: 2.28571429em;
 767   margin: 0 !important;
 768   /* stylelint-disable-line declaration-no-important */
 769 }
 770
 771 .oo-ui-tabSelectWidget {
 772   text-align: left;
 773   overflow-x: auto;
 774   overflow-y: hidden;
 775   background-color: #eaecf0;
 776 }
 777 .oo-ui-tabSelectWidget.oo-ui-widget-enabled:focus {
 778   outline: 0;
 779 }
 780
 781 .oo-ui-tabOptionWidget {
 782   display: inline-block;
 783   -webkit-box-sizing: border-box;
 784   -moz-box-sizing: border-box;
 785   box-sizing: border-box;
 786   vertical-align: bottom;
 787   color: #444;
 788   margin: 0.42857143em 0 0 0.42857143em;
 789   border-color: transparent;
 790   border-style: solid;
 791   border-width: 1px 1px 0 1px;
 792   border-top-left-radius: 2px;
 793   border-top-right-radius: 2px;
 794   padding: 0 0.57142857em;
 795   font-weight: bold;
 796   line-height: 1;
 797   -webkit-transition: background-color 100ms, color 100ms, border-color 100ms;
 798   -moz-transition: background-color 100ms, color 100ms, border-color 100ms;
 799   transition: background-color 100ms, color 100ms, border-color 100ms;
 800 }
 801 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
 802   background-color: #fff;
 803   color: #000;
 804   cursor: default;
 805 }
 806 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
 807   border-bottom-color: #fff;
 808 }
 809 .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
 810   border-bottom: 2px solid transparent;
 811   padding: 0.57142857em 0.35714286em 0.35714286em;
 812   line-height: 1.07142857em;
 813   -webkit-transition: border-color 100ms;
 814   -moz-transition: border-color 100ms;
 815   transition: border-color 100ms;
 816 }
 817 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
 818   background-color: rgba(255, 255, 255, 0.3);
 819   color: #222;
 820 }
 821 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
 822   background-color: rgba(255, 255, 255, 0.8);
 823   color: #000;
 824 }
 825 .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
 826   background-color: #fff;
 827 }
 828 .oo-ui-tabSelectWidget.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
 829   border-bottom-color: #36c;
 830 }
 831
 832 .oo-ui-tagMultiselectWidget {
 833   display: inline-block;
 834   position: relative;
 835   width: 100%;
 836   max-width: 50em;
 837   vertical-align: top;
 838 }
 839 .oo-ui-tagMultiselectWidget-handle {
 840   width: 100%;
 841   display: block;
 842   position: relative;
 843 }
 844 .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon,
 845 .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 846   position: absolute;
 847   top: 0;
 848   height: 100%;
 849 }
 850 .oo-ui-tagMultiselectWidget-content {
 851   position: relative;
 852 }
 853 .oo-ui-tagMultiselectWidget-group {
 854   display: inline;
 855 }
 856 .oo-ui-tagMultiselectWidget-outlined {
 857   width: 100%;
 858 }
 859 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
 860   cursor: text;
 861 }
 862 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-content > input {
 863   display: none;
 864 }
 865 .oo-ui-tagMultiselectWidget-focusTrap {
 866   display: inline-block;
 867   height: 1px;
 868   width: 1px;
 869 }
 870 .oo-ui-tagMultiselectWidget-focusTrap:focus {
 871   outline: 0;
 872 }
 873 .oo-ui-tagMultiselectWidget-handle {
 874   -webkit-box-sizing: border-box;
 875   -moz-box-sizing: border-box;
 876   box-sizing: border-box;
 877   min-height: 2.28571429em;
 878   margin-right: 0.5em;
 879   border: 1px solid #a2a9b1;
 880   border-radius: 2px;
 881   padding: 0 0.57142857em;
 882   line-height: 1;
 883 }
 884 .oo-ui-tagMultiselectWidget-handle:last-child {
 885   margin-right: 0;
 886 }
 887 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input {
 888   background-color: transparent;
 889   color: #000;
 890   border: 0;
 891   padding: 0.57142857em 0 0.5em 0.57142857em;
 892   font-family: inherit;
 893   font-size: inherit;
 894   line-height: 1.07142857em;
 895   vertical-align: top;
 896 }
 897 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-webkit-input-placeholder {
 898   color: #72777d;
 899   opacity: 1;
 900 }
 901 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-ms-input-placeholder {
 902   color: #72777d;
 903   opacity: 1;
 904 }
 905 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-moz-placeholder {
 906   color: #72777d;
 907   opacity: 1;
 908 }
 909 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-moz-placeholder {
 910   color: #72777d;
 911   opacity: 1;
 912 }
 913 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::placeholder {
 914   color: #72777d;
 915   opacity: 1;
 916 }
 917 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:focus {
 918   outline: 0;
 919 }
 920 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content .oo-ui-tagMultiselectWidget-group:empty + input {
 921   margin-left: 0;
 922 }
 923 .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group {
 924   display: inline-block;
 925   max-width: 100%;
 926   margin-top: 0.28571429em;
 927   margin-left: -0.14285714em;
 928 }
 929 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle {
 930   padding-left: 2.02857143em;
 931 }
 932 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon {
 933   left: 0;
 934   margin: 0 0.3em;
 935 }
 936 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle {
 937   padding-right: 2.40714286em;
 938 }
 939 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 940   right: 0;
 941   margin: 0 0.775em;
 942 }
 943 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
 944   background-color: #fff;
 945   -webkit-transition: border-color 250ms, box-shadow 250ms;
 946   -moz-transition: border-color 250ms, box-shadow 250ms;
 947   transition: border-color 250ms, box-shadow 250ms;
 948 }
 949 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
 950   border-color: #72777d;
 951 }
 952 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
 953   border-color: #36c;
 954   outline: 0;
 955   box-shadow: inset 0 0 0 1px #36c;
 956 }
 957 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle,
 958 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle {
 959   border-color: #d33;
 960 }
 961 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
 962   background-color: #f8f9fa;
 963   border-bottom: 0;
 964   border-bottom-left-radius: 0;
 965   border-bottom-right-radius: 0;
 966 }
 967 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
 968   background-color: #fff;
 969 }
 970 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
 971   border-top-left-radius: 0;
 972   border-top-right-radius: 0;
 973 }
 974 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
 975   border-color: #d33;
 976 }
 977 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
 978   color: #d33;
 979 }
 980 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
 981   color: #72777d;
 982   text-shadow: 0 1px 1px #fff;
 983   border-color: #c8ccd1;
 984   background-color: #eaecf0;
 985 }
 986 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon {
 987   opacity: 0.51;
 988 }
 989 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 990   opacity: 0.15;
 991 }
 992
 993
 994 .oo-ui-tagItemWidget {
 995   position: relative;
 996   display: inline-block;
 997   cursor: default;
 998   white-space: nowrap;
 999   -webkit-box-sizing: border-box;
1000   -moz-box-sizing: border-box;
1001   box-sizing: border-box;
1002   width: auto;
1003   max-width: 100%;
1004   height: 1.57142857em;
1005   margin: 0 0.28571429em 0.28571429em 0;
1006   border: 1px solid #a2a9b1;
1007   border-radius: 1.57142857em;
1008   padding: 0 0.57142857em;
1009   line-height: 1.57142857em;
1010   vertical-align: middle;
1011 }
1012 .oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1013   display: inline-block;
1014   max-width: 100%;
1015   text-overflow: ellipsis;
1016   overflow: hidden;
1017 }
1018 .oo-ui-tagItemWidget.oo-ui-labelElement:not( .oo-ui-tagItemWidget-fixed ) .oo-ui-labelElement-label {
1019   cursor: text;
1020 }
1021 .oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1022   font-size: 0.92857143em;
1023   line-height: 1.61538462em;
1024 }
1025 .oo-ui-tagItemWidget.oo-ui-widget-enabled {
1026   color: #222;
1027   -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
1028   -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
1029   transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
1030 }
1031 .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
1032   background-color: #fff;
1033   color: #444;
1034   border-color: #a2a9b1;
1035 }
1036 .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
1037   border-color: #36c;
1038   box-shadow: inset 0 0 0 1px #36c;
1039   outline: 0;
1040 }
1041 .oo-ui-tagItemWidget.oo-ui-widget-enabled:not( .oo-ui-tagItemWidget-fixed ) {
1042   background-color: #f8f9fa;
1043   padding-right: 1.64285714em;
1044 }
1045 .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid {
1046   border-color: #d33;
1047 }
1048 .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover {
1049   border-color: #d33;
1050 }
1051 .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus {
1052   border-color: #d33;
1053   box-shadow: inset 0 0 0 1px #d33;
1054 }
1055 .oo-ui-tagItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
1056   display: block;
1057   position: absolute;
1058   top: 0;
1059   right: 0;
1060 }
1061 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
1062   border: 0;
1063   border-radius: 1.57142857em;
1064   padding-top: 1.42857143em;
1065   padding-left: 1.42857143em;
1066   -webkit-transition: background-color 100ms;
1067   -moz-transition: background-color 100ms;
1068   transition: background-color 100ms;
1069 }
1070 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
1071   background-color: #fff;
1072 }
1073 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
1074   background-color: #c8ccd1;
1075 }
1076 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-icon-close {
1077   left: 0.28571429em;
1078   min-width: 12px;
1079   width: 0.85714286em;
1080 }
1081 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-labelElement-label,
1082 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
1083   display: none;
1084 }
1085 .oo-ui-tagItemWidget.oo-ui-widget-disabled {
1086   background-color: #eaecf0;
1087   color: #72777d;
1088   border-color: #c8ccd1;
1089   text-shadow: 0 1px 1px #fff;
1090 }
1091 .oo-ui-tagItemWidget.oo-ui-widget-disabled:focus {
1092   outline: 0;
1093 }
1094 .oo-ui-tagItemWidget.oo-ui-widget-disabled > .oo-ui-buttonElement {
1095   display: none;
1096 }
1097
1098 .oo-ui-searchWidget-query {
1099   position: absolute;
1100   top: 0;
1101   left: 0;
1102   right: 0;
1103 }
1104 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1105   width: 100%;
1106 }
1107 .oo-ui-searchWidget-results {
1108   position: absolute;
1109   bottom: 0;
1110   left: 0;
1111   right: 0;
1112   overflow-x: hidden;
1113   overflow-y: auto;
1114 }
1115 .oo-ui-searchWidget-query {
1116   height: 4em;
1117   padding: 0 1.42857143em;
1118   border-bottom: 1px solid #c8ccd1;
1119   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
1120 }
1121 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1122   margin: 0.85714286em 0;
1123 }
1124 .oo-ui-searchWidget-results {
1125   top: 4em;
1126   padding: 1.14285714em;
1127   line-height: 0;
1128 }