/* @import 'reactflow/dist/style.css'; */

/* Vidstack */
@import '@vidstack/react/player/styles/default/theme.css';
@import '@vidstack/react/player/styles/default/layouts/video.css';

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

@layer utilities {
  .break-p {
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .prose :where(iframe):not(:where([class~="not-prose"] *)) {
		@apply aspect-video w-full h-auto mx-auto;
	}
}

html {
  font-size: 14px;
}

a {
  @apply cursor-default no-underline !important;
}

button {
  @apply cursor-default focus:outline-none;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

::-webkit-input-placeholder {
  line-height: normal;
}

.border {
  background-clip: padding-box;
}

.ProseMirror p.is-empty::before {
  @apply text-neutral-600 dark:text-neutral-400 float-left h-0 pointer-events-none content-[attr(data-placeholder)];
}

.ProseMirror img.ProseMirror-selectednode {
  @apply outline-blue-500;
}