/* stylelint-disable selector-pseudo-class-no-unknown */
@import "tailwindcss" reference;
@import "../../../assets/css/theme.css" reference;
@import "../../../assets/css/utilities.css" reference;

:deep(.video-js) {
  width: 100%;
  height: 100%;
  max-height: 90vh;
}

.notes-body {
  @apply overflow-y-auto  p-5 border rounded-md w-full text-base leading-[1.5] bg-bg-tertiary text-secondary border-border;
}

.notes-body :deep(h1),
.notes-body :deep(h2),
.notes-body :deep(h3) {
  @apply font-bold text-main mt-5 mb-2;
}

.notes-body :deep(h1:first-child),
.notes-body :deep(h2:first-child),
.notes-body :deep(h3:first-child) {
  @apply mt-0;
}

.notes-body :deep(p) {
  @apply mb-2;
}

.notes-body :deep(ul),
.notes-body :deep(ol) {
  @apply list-inside my-3.5 pl-6;
}

.notes-body :deep(li) {
  @apply mb-1.5;
}

.notes-body :deep(a) {
  @apply text-accent underline;
}

.notes-body :deep(a:hover) {
  @apply text-accent-hover;
}

.notes-body :deep(img) {
  @apply max-w-full rounded-md;
}

.file-action-button {
  @apply flex justify-center items-center border-none rounded-sm p-1.5 w-[26px] h-[26px] text-secondary bg-bg-secondary transition-all duration-fast ease-apple cursor-pointer;
  @apply hover:bg-accent/50 hover:text-white hover:-translate-y-px;
  @apply hover:[.danger]:text-white hover:[.danger]:bg-error/50;
}

.action-icon {
  @apply w-[16px] h-[16px];
}
