@font-face {
  font-family: 'Radion';
  src: url('/fonts/radion.woff2') format('woff2');
}

@font-face {
  font-family: 'Radion Bold';
  src: url('/fonts/radion-bold.woff2') format('woff2');
}


body {
  --ui-styled-text-code-color: #191919;
  --ui-button-border-width: 1px;
  --ui-font-size-base: 14px;
  --ui-font-family-headings: 'Radion Bold', sans-serif;
}

/* Custom hover effects for connect buttons */
table .connect-button-hover {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

table tr:hover .connect-button-hover {
  opacity: 1;
}

/* Extend Tailwind classes */
.max-w-80 {
  max-width: calc(var(--spacing, 0.25rem) * 80)
}

.max-w-120 {
  max-width: calc(var(--spacing, 0.25rem) * 120)
}

.min-h-96 {
  min-height: calc(var(--spacing, 0.25rem) * 96)
}

.text-wrap {
  text-wrap: wrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.fill-gray-900 {
  fill: var(--color-gray-900, oklch(0.21 0.034 264.665))
}

/* End Extend Tailwind classes */

.tiptap {
  outline: none;
}

.ui-styled-text ul li p:not(:is(.ui-styled-text-unset *, .ui-styled-text-unset)) {
  margin-bottom: 0;
}

.ui-simple-search-input {
  background: transparent;
  background-position: left .3rem center;
  border-width: 0px;
  border-bottom-width: 1px;
  border-bottom-color: var(--ui-color-gray-300);
  border-radius: 0px;
  height: calc(var(--ui-input-height) + 10px);
  line-height: calc(var(--ui-input-line-height) + 10px);
  font-size: 20px;
  margin-bottom: 10px;

  &:focus {
    outline: none !important;
  }
}

.ui-tabnav.--hades.--simple {
  &>*.active {
    background-color: var(--ui-shared-color-alpha);
    color: var(--ui-shared-color-alpha-foreground);
    border-bottom-width: 0px;
    border-bottom-left-radius: var(--ui-shared-element-border-radius);
    border-bottom-right-radius: var(--ui-shared-element-border-radius);

    .--title,
    .--description {
      color: var(--ui-shared-color-alpha-foreground);
    }
  }
}

.ui-box.--selected {
  border: 2px solid var(--ui-shared-color-alpha);
}

.bg-pattern {
  background: radial-gradient(35.36% 35.36% at 100% 25%, #0000 66%, #0000000f, #0000000f, #0000 72%)49px 49px/ 98px 98px, radial-gradient(35.36% 35.36% at 0 75%, #0000 66%, #0000000f, #0000000f, #0000 72%)49px 49px/ 98px 98px, radial-gradient(35.36% 35.36% at 100% 25%, #0000 66%, #0000000f, #0000000f, #0000 72%)0 0/ 98px 98px, radial-gradient(35.36% 35.36% at 0 75%, #0000 66%, #0000000f, #0000000f, #0000 72%)0 0/ 98px 98px, repeating-conic-gradient(#fff9 0, #fff9 25%, #0000 0, #0000 50%)0 0/ 98px 98px, radial-gradient(#0000 66%, #0000000f, #0000000f, #0000 72%)0 24.5px /49px 49px #fff9;
  background-attachment: fixed;
}

/* Fix modal scrollbar - only show when content overflows */
.ui-modal .--dialog {
  overflow-y: auto !important;
}

/* Make popover match trigger width */
.ui-dropdown [popover] {
  min-width: 100% !important;
}

.ui-box.--allow-x-overflow {
  overflow-x: visible;
}

.ui-omnibox {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ui-glow-green {
  box-shadow: 0 0 8px rgba(0, 255, 0, 0.4);
}