.router-pages-page {
  padding: 7px;
  margin: 2px;
  margin-right: 10px;
  margin-left: 10px;
  background-color: var(--theme-color-bg-2);
  display: flex;
  flex-grow: 1;
}

.router-pages-page:hover {
  background-color: var(--theme-color-bg-5);
}

.router-pages-component {
  color: var(--theme-color-fg-highlight);
}

.router-pages-path {
  color: var(--theme-color-fg-muted);
}

.router-pages-icon {
  content: url('../assets/icons/page.svg');
  width: 18px;
  opacity: 0.7;
  align-self: center;
  margin-right: 7px;
}

.router-pages-icon.start-page {
  content: url('../assets/icons/page-filled.svg');
}

.router-pages-label {
  color: var(--theme-color-fg-default-shy);
  margin: 5px;
  margin-right: 15px;
}

.router-pages-actions-icon {
  color: var(--theme-color-fg-default-shy);
  align-self: center;
  visibility: hidden;
  padding: 8px 15px;
}

.router-pages-page:hover .router-pages-actions-icon {
  visibility: visible;
}

.router-pages-actions-icon:hover {
  color: var(--theme-color-fg-highlight);
}
