:host {
  display: block;
}

.flyout-list {
  --wg-skeleton-gap: 6px;

  min-width: 220px;
  max-width: 320px;
}

.tree-option.tree-option {
  display: flex;
  align-items: center;

  width: 100%;
  padding: var(--sidebar-item-padding, 5px 12px);

  color: var(--default-color);
  text-decoration: none;

  background-color: transparent;
  border-radius: 0;

  &:focus,
  &:hover {
    background-color: transparent;
  }

  &_active {
    background-color: var(--menu-item-active-color-bg);

    &:focus,
    &:hover {
      background-color: var(--menu-item-active-color-bg);
    }
  }
}