._root_1r0e4_1 {
  &[data-variant='fancy'] {
    border: 4px solid transparent;
    background:
      linear-gradient(180deg, var(--mantine-primary-color-5), var(--mantine-primary-color-6)) padding-box,
      /* Inner background color */
      linear-gradient(0deg, var(--mantine-primary-color-5), var(--mantine-primary-color-6)) border-box; /* Gradient for border */
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
    &:active {
      background:
        linear-gradient(0deg, var(--mantine-primary-color-5), var(--mantine-primary-color-6)) padding-box,
        linear-gradient(180deg, var(--mantine-primary-color-5), var(--mantine-primary-color-6)) border-box;
    }
    &:hover:not(:active) {
      background:
        linear-gradient(180deg, var(--mantine-primary-color-4), var(--mantine-primary-color-5)) padding-box,
        linear-gradient(0deg, var(--mantine-primary-color-4), var(--mantine-primary-color-5)) border-box;
    }
  }

  &[data-variant='fancy-active'] {
    border: 4px solid transparent;
    background:
      linear-gradient(180deg, var(--mantine-color-orange-6), var(--mantine-color-orange-8)) padding-box,
      /* Inner background color */
      linear-gradient(0deg, var(--mantine-color-orange-6), var(--mantine-color-orange-8)) border-box; /* Gradient for border */
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    &:active {
      background:
        linear-gradient(0deg, var(--mantine-color-orange-6), var(--mantine-color-orange-8)) padding-box,
        linear-gradient(180deg, var(--mantine-color-orange-6), var(--mantine-color-orange-8)) border-box;
    }
    &:hover:not(:active) {
      background:
        linear-gradient(180deg, var(--mantine-color-orange-5), var(--mantine-color-orange-7)) padding-box,
        linear-gradient(0deg, var(--mantine-color-orange-5), var(--mantine-color-orange-7)) border-box;
    }
  }
}
.modal-tabs {
  ::before {
    border-top-width: 0;
  }
}
.creatable-option {
  color: var(--mantine-primary-color);
}

.creatable-option-text {
  color: var(--mantine-color-black);
}

div[data-combobox-selected='true'] {
  .creatable-option,
  .creatable-option-text {
    color: var(--mantine-color-white);
  }
}
.jiggle {
  animation: jiggle 0.25s 2;
}

@keyframes jiggle {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}
.mobile-drawer .mantine-Drawer-content {
  height: auto;
  max-height: calc(100dvh - 32px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.mobile-drawer .mantine-Drawer-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}