@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  .link-sidebar {
    @apply p-2 focus:ring-1 focus:ring-purple-200;
  }

  .link-sidebar.active {
    @apply ring-1 ring-purple-200;
  }
}

.upgrade_block {
  background-color: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}