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

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