@layer components {
  .demo-browser-tab {
    background-color: transparent;
    color: #4b5563;
    border-radius: 0.5rem;
    border: 1px solid transparent;
    transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .demo-browser-tab:hover {
    background-color: rgba(255, 255, 255, 0.65);
    color: #111827;
  }

  .demo-browser-tab.is-active,
  .demo-browser-tab.is-active:hover {
    background-color: #ffffff;
    color: #0f172a;
    font-weight: 600;
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.08),
      0 1px 2px rgba(0, 0, 0, 0.04),
      inset 0 1px 0 rgba(255, 255, 255, 1);
  }
}