/**
 * Quick links block.
 */
html[data-admin-toolbar="collapsed"] .quick-links {
  display: none;
}

.toolbar-block--quick-links {
  .toolbar-block__title {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .toolbar-block__title::before {
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4V4zm9 0h7v7h-7V4zM4 13h7v7H4v-7zm9 0h7v7h-7v-7z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4V4zm9 0h7v7h-7V4zM4 13h7v7H4v-7zm9 0h7v7h-7v-7z'/%3E%3C/svg%3E");
    mask-size: contain;
  }

}

[data-admin-toolbar="collapsed"] .toolbar-block--quick-links .toolbar-block__title {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}

.quick-links__actions {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
}

.quick-links__action {
  margin-bottom: 6px;

  a {
    display: block;
    padding: 6px 10px;
    background: #f1f4f9;
    border-radius: 4px;
    color: #0036b3;
    text-decoration: none;
  }

  a:hover {
    background: #e6ecf5;
  }

  &.quick-links__child {
    a {
      background: #ced9eb;
    }

    a:hover {
      background: #e6ecf5;
    }
  }
}

.quick-links__stats {
  padding: var(--admin-toolbar-space-12) var(--admin-toolbar-space-8);
  padding-top: 0;
}

.quick-links__stats-title {
  font-size: 12px;
  text-transform: uppercase;
  color: #55565b;
  margin: 0 0 8px;
}

.quick-links__stats-list {
  list-style: none;
  margin: 0;
  padding: 0;

  li {
    padding: 2px 0;
    font-size: 14px;
  }
}