:global(.ui-group) {
  & :global(.ui-dropdown) {
    flex-grow: 1;
    max-width: 100%;
    &[aria-expanded="true"] {

    }
  }
  & :global(.ember-power-select-multiple-trigger) {
    &:before {
      content: '';
      pointer-events: none;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: 0;
    }
    &:focus-within {
      z-index: var(--z-index-5);
    }
    &:first-of-type {
      &:before {
        left: 0;
      }
    }
    &:last-of-type {
      &:before {
        right: 0;
      }
    }
    &[data-state~="primary"] {
      &:focus-within {
        box-shadow: none !important;
        &:before {
          box-shadow: inset 0 0 0 1px var(--primary-color), inset 0 0 0 3px var(--primary-fade-02);
        }
      }
    }
    &[data-state~="secondary"] {
      &:focus-within {
        box-shadow: none !important;
        &:before {
          box-shadow: inset 0 0 0 1px var(--secondary-color), inset 0 0 0 3px var(--secondary-fade-02);
        }
      }
    }
    &[data-state~="accent"] {
      &:focus-within {
        box-shadow: none !important;
        &:before {
          box-shadow: inset 0 0 0 1px var(--accent-color), inset 0 0 0 3px var(--accent-fade-02);
        }
      }
    }
    &[data-state~="triadic"] {
      &:focus-within {
        box-shadow: none !important;
        &:before {
          box-shadow: inset 0 0 0 1px var(--triadic-color), inset 0 0 0 3px var(--triadic-fade-02);
        }
      }
    }
    &[data-state~="split"] {
      &:focus-within {
        box-shadow: none !important;
        &:before {
          box-shadow: inset 0 0 0 1px var(--split-color), inset 0 0 0 3px var(--split-fade-02);
        }
      }
    }
    &[data-state~="dark"] {
      &:focus-within {
        box-shadow: none !important;
        &:before {
          box-shadow: inset 0 0 0 1px var(--palette-dark-02), inset 0 0 0 3px var(--border-dark-02);
        }
      }
    }
  }
}