.k4qbd70 {
  position: absolute;
  bottom: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, 50%);
  color: color-mix(in srgb, var(--mantine-color-rose-5) 30%, transparent);;
  font-size: var(--qidzls1m);
  line-height: 120%;
  text-align: center;
  font-weight: 700;
  z-index: 1;
  transition: opacity 200ms ease;
  max-width: 90%;
  user-select: none;
}
html,
body {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--mantine-font-family);
  font-size: var(--mantine-font-size);
  color: var(--mantine-color-foreground-0);
  background-color: var(--mantine-color-background-0);
}

main {
  width: 100%;
}

a {
  text-decoration: none;
  font-size: inherit;
  color: var(--mantine-color-gold-4);
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}

a:hover {
  color: var(--mantine-color-gold-4);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--mantine-color-foreground-0);
}

button {
  transition: all 0.3s ease-in-out;
  outline: 1px solid transparent;
  outline-offset: 3px;
}

button:hover {
  transform: scale(1.02);
}

button:active {
  transform: scale(0.97);
}

button[data-disabled] {
  cursor: not-allowed !important;
}

button[data-disabled] svg path {
  fill: var(--button-color, --mantine-color-foreground-4) !important;
}

button[data-disabled]:hover {
  transform: scale(1) !important;
}

button[data-disabled]:active {
  transform: scale(1) !important;
}

::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

::-webkit-scrollbar-track {
  background: var(--mantine-color-background-5);
}

::-webkit-scrollbar-thumb {
  background: var(--mantine-color-foreground-4);
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--mantine-color-foreground-6);
}

.mantine-ComboboxChevron-chevron {
  color: var(--mantine-color-foreground-0) !important;
}

.ProseMirror {
  height: 100%;
}

.ProseMirror > p {
  padding: 0 !important;
  margin: 0 !important;
}

.gm-style iframe + div {
  border-radius: var(--mantine-radius-md) !important;
}

.mantine-Switch-track {
  --switch-height: 22px;
  --switch-width: 44px;
  --switch-thumb-size: 14px;
  --switch-track-label-padding: 4px;
}

[data-mantine-color-scheme="light"] .mantine-Switch-track {
  --switch-bg: var(--mantine-color-background-3);
  --switch-bd: var(--mantine-color-background-5);
}

[data-mantine-color-scheme="dark"] .mantine-Switch-track {
  --switch-bg: var(--mantine-color-background-3);
  --switch-bd: var(--mantine-color-background-5);
}

[data-mantine-color-scheme="light"] .mantine-Switch-thumb {
  --switch-thumb-bd: var(--mantine-color-white);
  --switch-thumb-bg: var(--mantine-color-white);
}

[data-mantine-color-scheme="dark"] .mantine-Switch-thumb {
  --switch-thumb-bd: var(--mantine-color-white);
  --switch-thumb-bg: var(--mantine-color-white);
}

.mantine-InputWrapper-root[data-error="true"] .mantine-Input-input {
  border-color: var(--mantine-color-error) !important;
}

.mantine-InputWrapper-root[data-validate-status="validating"] .mantine-Input-input {
  border-color: var(--mantine-color-blue-4) !important;
}
.mantine-InputWrapper-root[data-validate-status="validating"] .mantine-InputWrapper-error {
  color: var(--mantine-color-blue-4) !important;
}

.mantine-InputWrapper-root[data-error="true"] .mantine-ComboboxChevron-chevron path {
  color: var(--mantine-color-error) !important;
  fill: var(--mantine-color-error) !important;
}

.mantine-Switch-input:disabled + .mantine-Switch-track {
  --switch-bd: color-mix(in srgb, var(--mantine-color-gray-7), transparent 90%);
  --switch-bg: color-mix(in srgb, var(--mantine-color-gray-2), transparent 90%);
}
.mantine-Switch-input:disabled + * > .mantine-Switch-thumb {
  --switch-thumb-bd: color-mix(in srgb, var(--mantine-color-gray-7), transparent 90%);
  --switch-thumb-bg: color-mix(in srgb, var(--mantine-color-gray-2), transparent 90%);
}
.mantine-Switch-input:disabled + * > .mantine-Switch-trackLabel > svg > path {
  fill: color-mix(in srgb, var(--mantine-color-gray-2), transparent 90%) !important;
}

.mantine-SegmentedControl-root {
  background-color: var(--mantine-color-background-3) !important;
  border: 1px solid var(--mantine-color-background-5) !important;
}

.mantine-SegmentedControl-control {
  --separator-color: var(--mantine-color-background-5) !important;
}

.mantine-SegmentedControl-label {
  font-size: 10px !important;
  color: var(--mantine-color-foreground-0);
}
.mantine-SegmentedControl-indicator {
  margin-top: -1px;
  background-color: var(--mantine-color-foreground-0);
}
.mantine-SegmentedControl-label[data-active="true"] {
  background-color: var(--mantine-color-foreground-0);
  color: var(--mantine-color-background-0);
}

.mantine-MultiSelect-inputField::placeholder {
  color: var(--mantine-color-gray-6);
}

.mantine-MultiSelect-input {
  align-content: center;
}

.mantine-MultiSelect-groupLabel {
  color: var(--mantine-color-foreground-0);
  font-weight: 600;
  font-size: var(--mantine-font-size-sm);
}

.mantine-MultiSelect-groupLabel:after {
    background-color: color-mix(in srgb, var(--mantine-color-foreground-0) 20%, transparent);
  }

.mantine-MultiSelect-option {
  font-weight: 500;
  font-size: var(--mantine-font-size-sm);
  color: color-mix(in srgb, var(--mantine-color-foreground-0) 40%, transparent);
}
.mantine-MultiSelect-option[data-checked="true"] {
  font-weight: 600;
  color: var(--mantine-color-foreground-0);
}
.mantine-MultiSelect-option[data-combobox-selected="true"] {
  font-weight: 600;
  color: var(--mantine-color-background-0);
  background-color: var(--mantine-color-foreground-0);
}

.mantine-Select-groupLabel {
  color: var(--mantine-color-foreground-0);
  font-weight: 600;
  font-size: var(--mantine-font-size-sm);
}

.mantine-Select-groupLabel:after {
    background-color: color-mix(in srgb, var(--mantine-color-foreground-0) 20%, transparent);
  }

.mantine-DatePickerInput-input {
  transition: all 0.2s ease-in-out !important;
}

.mantine-DatePickerInput-day[data-selected="true"] {
  background-color: var(--mantine-color-foreground-0) !important;
  color: var(--mantine-color-background-0) !important;
}

.mantine-Select-option {
  font-weight: 500;
  font-size: var(--mantine-font-size-sm);
  color: color-mix(in srgb, var(--mantine-color-foreground-0) 40%, transparent);
  transition: all 0.2s ease-in-out;
}

.mantine-Select-option[data-combobox-selected="true"] {
  background-color: color-mix(in srgb, var(--mantine-color-foreground-0) 10%, transparent);
  color: color-mix(in srgb, var(--mantine-color-foreground-0) 80%, transparent);
}

.mantine-Select-option[data-checked="true"] {
  font-weight: 600;
  color: var(--mantine-color-background-0) !important;
  background-color: var(--mantine-color-foreground-0);
}
.mantine-Select-option[data-checked="true"]:hover {
  font-weight: 600;
  color: var(--mantine-color-background-0) !important;
  background-color: color-mix(in srgb, var(--mantine-color-foreground-0) 95%, transparent) !important;
}
.mantine-Select-option[data-checked="true"] * {
  font-weight: 600;
  color: var(--mantine-color-background-0) !important;
}
.mantine-Select-option[data-checked="true"] svg {
  opacity: 1;
  fill: var(--mantine-color-background-0) !important;
}
.mantine-Select-option[data-checked="true"] svg path {
  fill: var(--mantine-color-background-0) !important;
}

.mantine-Input-wrapper {
  flex: 1;
}

.mantine-Input-section {
  height: var(--input-size);
}

.mantine-Textarea-input {
  height: 100% !important;
}

.mantine-Textarea-section {
  align-items: flex-start;
  padding-top: 12px;
}

.mantine-Switch-root[data-direction="column"] > .mantine-Switch-body {
  flex-direction: column-reverse !important;
  gap: 0px !important;
  align-items: flex-start !important;
}
.mantine-Switch-root[data-direction="column"] > .mantine-Switch-body > .mantine-Switch-track {
  margin-top: 8px !important;
}

.mantine-Checkbox-input:disabled {
  background-color: var(--mantine-color-gray-1) !important;
  border-color: var(--mantine-color-gray-3) !important;
}

.mantine-Checkbox-input:disabled + svg {
  color: var(--mantine-color-gray-3) !important;
}

.mantine-Checkbox-input:disabled:checked {
  background-color: var(--mantine-color-gray-3) !important;
  border-color: var(--mantine-color-gray-3) !important;
}

.mantine-Checkbox-input:disabled:checked + svg {
  color: var(--mantine-color-gray-6) !important;
}

