td img {
  max-height: unset !important;
}
.as-field {
  height: auto;
  overflow: hidden;
}
.as-field-index img {
  width: 50%;
}
.as-field-video {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@tailwind base;
@tailwind components;
@tailwind utilities;

.btn-base {
    @apply text-center rounded-md px-3 py-1.5 leading-6 shadow-sm cursor-pointer;
}

.btn-primary {
    @apply btn-base font-semibold bg-indigo-600 hover:bg-indigo-500 text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
}

.btn-secondary {
    @apply btn-base border hover:bg-gray-50 text-gray-800 hover:text-gray-900;
}

.btn-danger {
    @apply btn-base font-semibold bg-red-600 hover:bg-red-500 text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600;
}

.btn-primary.centered,
.btn-secondary.centered,
.btn-danger.centered {
    @apply w-64 flex justify-center;
}

.btn-primary.disabled {
    @apply btn-base font-semibold bg-gray-100 text-gray-700 border border-gray-400 border-opacity-50 !cursor-not-allowed;
}

.btn-primary.inactive {
    @apply hover:bg-indigo-600 cursor-default
}

.drug-drug {
    @apply inline-flex items-center rounded-md bg-blue-50 text-blue-700 ring-1 ring-inset ring-blue-700/10;
}

.highlight-purple {
    @apply inline-flex items-center rounded-md bg-purple-50 text-purple-700 ring-1 ring-inset ring-purple-700/10;
}

.highlight-red {
    @apply inline-flex items-center rounded-md bg-red-50 text-red-700 ring-1 ring-inset ring-red-600/10;
}

.highlight-orange {
    @apply inline-flex items-center rounded-md bg-orange-50 text-orange-700 ring-1 ring-inset ring-orange-600/10;
}

.highlight-green {
    @apply inline-flex items-center rounded-md bg-green-50 text-green-700 ring-1 ring-inset ring-green-600/10;
}

.highlight-yellow {
    @apply inline-flex items-center rounded-md bg-yellow-50 text-yellow-800 ring-1 ring-inset ring-yellow-600/10;
}

.form-input {
    @apply block w-full rounded-md mb-2 border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6;
}

.checkbox-input {
    @apply block rounded mb-2 border-gray-300;
}

a:not([class]), a.link {
    @apply font-semibold text-indigo-600 hover:text-indigo-500;
}

a.header-nav-link {
    @apply border-indigo-500 text-gray-900 inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium;
}

a.header-nav-link-inactive {
    @apply border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium;
}

a.header-link {
    @apply text-black hover:text-gray-900 hover:bg-black/10;
}

a.header-link.black-background {
    @apply text-white hover:text-gray-100 bg-black hover:bg-black/90;
}

[contenteditable]:focus-visible {
  outline: none;
}

.tooltip {
    @apply absolute z-50 p-2 text-gray-800 font-normal text-base/5 bg-white rounded shadow-md overflow-y-auto max-w-3xl max-h-48 border border-gray-600 border-opacity-30 cursor-default;
}

.hint {
    @apply text-sm italic
}

.blue-link {
    @apply text-indigo-600 hover:text-indigo-500;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



 */