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


@layer base {
    :root {
      --color-base: 167, 139, 250;
    }
}

  
[x-cloak] {
    display: none;
}

/* Hide Specific Trix Buttons */
.trix-button-group--file-tools,
.trix-button--icon-code,
.trix-button--icon-decrease-nesting-level,
.trix-button--icon-increase-nesting-level,
.trix-button--icon-strike {
    display: none !important;
}

/* Trix Button Customization */
.trix-button-group,
.trix-button {
    border: none !important;
    border-top: none !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    font-size: 13px !important;
    padding: 0 !important;
}

/* Active Button Style */
.trix-button.trix-active {
    border: 1px solid #000000 !important;
    background: white !important;
    color: #000;
    border-radius: 3px;
}

/* Trix Content Styles */
.trix-content {
  @apply w-full;
}

.trix-content h1 {
  font-size: 1.25rem !important;
  line-height: 1.25rem !important;
  @apply leading-5 font-semibold mb-4;
}

.trix-content a:not(.no-underline) {
  @apply underline;
}


.trix-content ul {
  list-style-type: disc;
  padding-left: 1rem;
}

.trix-content ol {
  list-style-type: decimal;
  padding-left: 1rem;
}

.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 1.5em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}

.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0px;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}