/* stylelint-enable */
.pf-c-dropdown {
  --pf-c-dropdown__toggle--PaddingTop: var(--pf-global--spacer--form-element);
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-global--spacer--sm);
  --pf-c-dropdown__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
  --pf-c-dropdown__toggle--PaddingLeft: var(--pf-global--spacer--sm);
  --pf-c-dropdown__toggle--MinWidth: var(--pf-global--target-size--MinWidth);
  --pf-c-dropdown__toggle--FontSize: var(--pf-global--FontSize--md);
  --pf-c-dropdown__toggle--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-dropdown__toggle--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-dropdown__toggle--BackgroundColor: transparent;
  --pf-c-dropdown__toggle--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-dropdown__toggle--BorderTopColor: var(--pf-global--BorderColor--light-200);
  --pf-c-dropdown__toggle--BorderRightColor: var(--pf-global--BorderColor--light-200);
  --pf-c-dropdown__toggle--BorderBottomColor: var(--pf-global--BorderColor--dark);
  --pf-c-dropdown__toggle--BorderLeftColor: var(--pf-global--BorderColor--light-200);
  --pf-c-dropdown__toggle--hover--BorderBottomColor: var(--pf-global--active-color--100);
  --pf-c-dropdown__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--md);
  --pf-c-dropdown__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
  --pf-c-dropdown__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
  --pf-c-dropdown__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
  --pf-c-dropdown__toggle--m-plain--BorderColor: transparent;
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-global--Color--200);
  --pf-c-dropdown__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
  --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
  --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
  --pf-c-dropdown__menu--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-dropdown__menu--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-dropdown__menu--Top: calc(100% + var(--pf-global--spacer--xs));
  --pf-c-dropdown__menu--ZIndex: var(--pf-global--ZIndex--xs);
  --pf-c-dropdown--m-top__menu--Top: 0;
  --pf-c-dropdown--m-top__menu--Transform: translateY(calc(-100% - var(--pf-global--spacer--xs)));
  --pf-c-dropdown__menu-item--PaddingTop: var(--pf-global--spacer--sm);
  --pf-c-dropdown__menu-item--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-dropdown__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-dropdown__menu-item--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-dropdown__menu-item--FontSize: var(--pf-global--FontSize--md);
  --pf-c-dropdown__menu-item--FontWeight: var(--pf-global--FontWeight--normal);
  --pf-c-dropdown__menu-item--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-dropdown__menu-item--Color: var(--pf-global--Color--dark-100);
  --pf-c-dropdown__menu-item--disabled--Color: var(--pf-global--Color--dark-200);
  --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
  --pf-c-dropdown__menu-item--disabled--BackgroundColor: transparent;
  --pf-c-dropdown__separator--Height: var(--pf-global--BorderWidth--sm);
  --pf-c-dropdown__separator--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
  position: relative;
  display: inline-block;
  max-width: 100%; }

.pf-c-dropdown__toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--pf-c-dropdown__toggle--MinWidth);
  max-width: 100%;
  padding: var(--pf-c-dropdown__toggle--PaddingTop) var(--pf-c-dropdown__toggle--PaddingRight) var(--pf-c-dropdown__toggle--PaddingBottom) var(--pf-c-dropdown__toggle--PaddingLeft);
  font-size: var(--pf-c-dropdown__toggle--FontSize);
  font-weight: var(--pf-c-dropdown__toggle--FontWeight);
  line-height: var(--pf-c-dropdown__toggle--LineHeight);
  background-color: var(--pf-c-dropdown__toggle--BackgroundColor);
  border: none; }
  .pf-c-dropdown__toggle::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: var(--pf-c-dropdown__toggle--BorderWidth) solid;
    border-color: var(--pf-c-dropdown__toggle--BorderTopColor) var(--pf-c-dropdown__toggle--BorderRightColor) var(--pf-c-dropdown__toggle--BorderBottomColor) var(--pf-c-dropdown__toggle--BorderLeftColor); }
  .pf-c-dropdown__toggle:hover::before, .pf-c-dropdown__toggle.pf-m-hover::before {
    --pf-c-dropdown__toggle--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--BorderBottomColor); }
  .pf-c-dropdown__toggle:active::before, .pf-c-dropdown__toggle.pf-m-active::before {
    --pf-c-dropdown__toggle--BorderBottomColor: var(--pf-c-dropdown__toggle--active--BorderBottomColor);
    border-bottom-width: var(--pf-c-dropdown__toggle--active--BorderBottomWidth); }
  .pf-m-expanded > .pf-c-dropdown__toggle::before {
    --pf-c-dropdown__toggle--BorderBottomColor: var(--pf-c-dropdown__toggle--expanded--BorderBottomColor);
    border-bottom-width: var(--pf-c-dropdown__toggle--expanded--BorderBottomWidth); }
  .pf-c-dropdown__toggle.pf-m-plain {
    color: var(--pf-c-dropdown__toggle--m-plain--Color); }
    .pf-c-dropdown__toggle.pf-m-plain::before {
      border-color: var(--pf-c-dropdown__toggle--m-plain--BorderColor); }
    .pf-c-dropdown__toggle.pf-m-plain:hover, .pf-c-dropdown__toggle.pf-m-plain.pf-m-hover, .pf-c-dropdown__toggle.pf-m-plain:active, .pf-c-dropdown__toggle.pf-m-plain.pf-m-active,
    .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain {
      --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color); }
      .pf-c-dropdown__toggle.pf-m-plain:hover::before, .pf-c-dropdown__toggle.pf-m-plain.pf-m-hover::before, .pf-c-dropdown__toggle.pf-m-plain:active::before, .pf-c-dropdown__toggle.pf-m-plain.pf-m-active::before,
      .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain::before {
        border-color: var(--pf-c-dropdown__toggle--m-plain--BorderColor); }
  .pf-c-dropdown__toggle .pf-c-dropdown__toggle-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .pf-c-dropdown__toggle .pf-c-dropdown__toggle-icon {
    margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft); }
    .pf-m-top.pf-m-expanded > .pf-c-dropdown__toggle .pf-c-dropdown__toggle-icon {
      transform: rotate(-180deg); }

.pf-c-dropdown__menu {
  position: absolute;
  top: var(--pf-c-dropdown__menu--Top);
  z-index: var(--pf-c-dropdown__menu--ZIndex);
  min-width: 100%;
  padding-top: var(--pf-c-dropdown__menu--PaddingTop);
  padding-bottom: var(--pf-c-dropdown__menu--PaddingBottom);
  background: var(--pf-c-dropdown__menu--BackgroundColor);
  background-clip: padding-box;
  border: var(--pf-c-dropdown__menu--BorderWidth) solid transparent;
  box-shadow: var(--pf-c-dropdown__menu--BoxShadow); }
  .pf-c-dropdown__menu.pf-m-align-right {
    right: 0; }
  .pf-c-dropdown.pf-m-top .pf-c-dropdown__menu {
    --pf-c-dropdown__menu--Top: var(--pf-c-dropdown--m-top__menu--Top);
    transform: var(--pf-c-dropdown--m-top__menu--Transform); }

.pf-c-dropdown__menu-item {
  display: block;
  width: 100%;
  padding: var(--pf-c-dropdown__menu-item--PaddingTop) var(--pf-c-dropdown__menu-item--PaddingRight) var(--pf-c-dropdown__menu-item--PaddingBottom) var(--pf-c-dropdown__menu-item--PaddingLeft);
  font-size: var(--pf-c-dropdown__menu-item--FontSize);
  font-weight: var(--pf-c-dropdown__menu-item--FontWeight);
  line-height: var(--pf-c-dropdown__menu-item--LineHeight);
  color: var(--pf-c-dropdown__menu-item--Color);
  text-align: left;
  white-space: nowrap;
  border: none; }
  .pf-c-dropdown__menu-item:hover, .pf-c-dropdown__menu-item.pf-m-hover, .pf-c-dropdown__menu-item:focus, .pf-c-dropdown__menu-item.pf-m-focus {
    --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--Color);
    text-decoration: none;
    background-color: var(--pf-c-dropdown__menu-item--hover--BackgroundColor); }
  .pf-c-dropdown__menu-item:disabled, .pf-c-dropdown__menu-item.pf-m-disabled {
    --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--disabled--Color);
    pointer-events: none;
    background-color: var(--pf-c-dropdown__menu-item--disabled--BackgroundColor); }

.pf-c-dropdown__separator {
  height: var(--pf-c-dropdown__separator--Height);
  background-color: var(--pf-c-dropdown__separator--BackgroundColor); }
