@import "tailwindcss";
@import "@catppuccin/tailwindcss/macchiato.css";

.ui-btn {
  @apply text-ctp-text border border-ctp-text rounded px-3 py-1 cursor-pointer transition-colors;
}

.ui-btn:hover {
  @apply bg-ctp-surface0 text-ctp-green border-ctp-green duration-300 ease-in-out;
}

.ui-btn-active {
  @apply bg-ctp-surface0 text-ctp-green border-ctp-green;
}

.stream-frame {
  width: 96vw;
  margin: 0 auto;
  @apply aspect-video rounded-2xl overflow-hidden border border-ctp-lavender-800 bg-ctp-mantle shadow-lg;
}

.stream-frame iframe {
  @apply w-full h-full border-0;
}