/* ========================================
   BETA BADGE
   Pill that marks a feature as beta
   ======================================== */

.beta-badge {
  display: inline-flex;
  align-items: center;
  padding: var(--arp-pill-padding-sm);
  border-radius: var(--arp-radius-full);
  background: var(--arp-status-warning-bg);
  color: var(--arp-status-warning-fg);
  font-size: var(--bulma-size-7);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Sidebar link: the badge sits at the end of the row */
.sidebar .menu-list .beta-badge {
  margin-left: auto;
}

/* Collapsed sidebar: the badge becomes a dot on the link icon */
@media screen and (min-width: 1024px) {
  .sidebar.is-collapsed .menu-list .beta-badge {
    position: absolute;
    top: var(--arp-space-2);
    left: calc(50% + var(--arp-space-2));
    width: 8px;
    height: 8px;
    padding: 0;
    overflow: hidden;
    font-size: 0;
    background: var(--arp-status-warning-border);
  }
}