.wrapper.svelte-1qila1e {
  position: relative;
  margin-top: var(--input-margin-top, 0rem);
  margin-bottom: var(--input-margin-bottom, 0rem);
  --input-height-xs: calc(1.875rem * var(--mantine-scale));
  --input-height-sm: calc(2.25rem * var(--mantine-scale));
  --input-height-md: calc(2.625rem * var(--mantine-scale));
  --input-height-lg: calc(3.125rem * var(--mantine-scale));
  --input-height-xl: calc(3.75rem * var(--mantine-scale));
  --input-padding-y-xs: calc(0.3125rem * var(--mantine-scale));
  --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
  --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
  --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
  --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
  --input-height: var(--input-height-sm);
  --input-radius: var(--mantine-radius-default);
  --input-cursor: text;
  --input-text-align: left;
  --input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
  --input-padding: calc(var(--input-height) / 3);
  --input-padding-inline-start: var(--input-padding);
  --input-padding-inline-end: var(--input-padding);
  --input-placeholder-color: var(--mantine-color-placeholder);
  --input-color: var(--mantine-color-text);
  --input-disabled-bg: var(--mantine-color-disabled);
  --input-disabled-color: var(--mantine-color-disabled-color);
  --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
  --input-right-section-size: var(--input-right-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
  --input-size: var(--input-height);
  --section-y: calc(0.0625rem * var(--mantine-scale));
  --left-section-start: calc(0.0625rem * var(--mantine-scale));
  --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
  --right-section-end: calc(0.0625rem * var(--mantine-scale));
  --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
}
.wrapper[data-variant=unstyled].svelte-1qila1e {
  --input-padding: 0;
  --input-padding-y: 0;
  --input-padding-inline-start: 0;
  --input-padding-inline-end: 0;
}
.wrapper[data-pointer].svelte-1qila1e {
  --input-cursor: pointer;
}
.wrapper[data-multiline].svelte-1qila1e {
  --input-padding-y-xs: calc(0.28125rem * var(--mantine-scale));
  --input-padding-y-sm: calc(0.34375rem * var(--mantine-scale));
  --input-padding-y-md: calc(0.4375rem * var(--mantine-scale));
  --input-padding-y-lg: calc(0.59375rem * var(--mantine-scale));
  --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
  --input-size: auto;
  --input-line-height: var(--mantine-line-height);
  --input-padding-y: var(--input-padding-y-sm);
}
.wrapper[data-with-left-section].svelte-1qila1e {
  --input-padding-inline-start: var(--input-left-section-size);
}
.wrapper[data-with-right-section].svelte-1qila1e {
  --input-padding-inline-end: var(--input-right-section-size);
}
.wrapper[data-variant=default].svelte-1qila1e {
  --input-bd: var(--mantine-color-gray-4);
  --input-bg: var(--mantine-color-white);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
.wrapper[data-variant=filled].svelte-1qila1e {
  --input-bd: transparent;
  --input-bg: var(--mantine-color-gray-1);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
.wrapper[data-variant=unstyled].svelte-1qila1e {
  --input-bd: transparent;
  --input-bg: transparent;
  --input-bd-focus: transparent;
}
[data-mantine-color-scheme='light'] .wrapper[data-variant=default].svelte-1qila1e {
  --input-bd: var(--mantine-color-gray-4);
  --input-bg: var(--mantine-color-white);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme='light'] .wrapper[data-variant=filled].svelte-1qila1e {
  --input-bd: var(--mantine-color-dark-4);
  --input-bg: var(--mantine-color-dark-6);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme='light'] .wrapper[data-variant=unstyled].svelte-1qila1e {
  --input-bd: transparent;
  --input-bg: transparent;
  --input-bd-focus: transparent;
}
[data-mantine-color-scheme='dark'] .wrapper[data-variant=default].svelte-1qila1e {
  --input-bd: var(--mantine-color-dark-4);
  --input-bg: var(--mantine-color-dark-6);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme='dark'] .wrapper[data-variant=filled].svelte-1qila1e {
  --input-bd: transparent;
  --input-bg: var(--mantine-color-dark-5);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme='dark'] .wrapper[data-variant=unstyled].svelte-1qila1e {
  --input-bd: transparent;
  --input-bg: transparent;
  --input-bd-focus: transparent;
}
[data-mantine-color-scheme] .wrapper[data-error].svelte-1qila1e:not([data-variant=unstyled]) {
  --input-bd: var(--mantine-color-error);
}
[data-mantine-color-scheme] .wrapper[data-error].svelte-1qila1e {
  --input-color: var(--mantine-color-error);
  --input-placeholder-color: var(--mantine-color-error);
  --input-section-color: var(--mantine-color-error);
}
.wrapper.svelte-1qila1e :where([dir='rtl']) {
  --input-text-align: right;
  --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
  --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
}

.input.svelte-1qila1e {
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  resize: var(--input-resize, none);
  display: block;
  width: 100%;
  transition: border-color 100ms ease;
  text-align: var(--input-text-align);
  color: var(--input-color);
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
  background-color: var(--input-bg);
  font-family: var(--input-font-family, var(--mantine-font-family));
  height: var(--input-size);
  min-height: var(--input-height);
  line-height: var(--input-line-height);
  font-size: var(--input-fz, var(--input-fz, var(--mantine-font-size-sm)));
  border-radius: var(--input-radius);
  padding-inline-start: var(--input-padding-inline-start);
  padding-inline-end: var(--input-padding-inline-end);
  padding-top: var(--input-padding-y, 0rem);
  padding-bottom: var(--input-padding-y, 0rem);
  cursor: var(--input-cursor);
  overflow: var(--input-overflow);
  /* Used as data attribute in Textarea component, does not have associated prop on the Input component */
}
.input[data-no-overflow].svelte-1qila1e {
  --input-overflow: hidden;
}
/* (empty) .input {
  /* Used as data attribute in JsonInput component, does not have associated prop on the Input component *\/
}*/
.input[data-monospace].svelte-1qila1e {
  --input-font-family: var(--mantine-font-family-monospace);
  --input-fz: calc(var(--input-fz, var(--mantine-font-size-sm)) - calc(0.125rem * var(--mantine-scale)));
}
.input.svelte-1qila1e:focus, .input.svelte-1qila1e:focus-within {
  outline: none;
  --input-bd: var(--input-bd-focus);
}
[data-error].svelte-1qila1e .input:where(.svelte-1qila1e):focus, [data-error].svelte-1qila1e .input:where(.svelte-1qila1e):focus-within {
  --input-bd: var(--mantine-color-error);
}
.input.svelte-1qila1e::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}
.input.svelte-1qila1e::-webkit-inner-spin-button, .input.svelte-1qila1e::-webkit-outer-spin-button, .input.svelte-1qila1e::-webkit-search-decoration, .input.svelte-1qila1e::-webkit-search-cancel-button, .input.svelte-1qila1e::-webkit-search-results-button, .input.svelte-1qila1e::-webkit-search-results-decoration {
  appearance: none;
}
.input[type=number].svelte-1qila1e {
  -moz-appearance: textfield;
}
.input.svelte-1qila1e:disabled, .input[data-disabled].svelte-1qila1e {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-color);
}
/* (empty) .input {
  /* Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported *\/
}*/
.input.svelte-1qila1e:has(input:where(.svelte-1qila1e):disabled) {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-color);
}

.section.svelte-1qila1e {
  pointer-events: var(--section-pointer-events);
  position: absolute;
  z-index: 1;
  inset-inline-start: var(--section-start);
  inset-inline-end: var(--section-end);
  bottom: var(--section-y);
  top: var(--section-y);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--section-size);
  border-radius: var(--section-border-radius);
  color: var(--input-section-color, var(--mantine-color-dimmed));
}
.section[data-position=right].svelte-1qila1e {
  --section-pointer-events: var(--input-right-section-pointer-events);
  --section-end: var(--right-section-end);
  --section-size: var(--input-right-section-size);
  --section-border-radius: var(--right-section-border-radius);
}
.section[data-position=left].svelte-1qila1e {
  --section-pointer-events: var(--input-left-section-pointer-events);
  --section-start: var(--left-section-start);
  --section-size: var(--input-left-section-size);
  --section-border-radius: var(--left-section-border-radius);
}.description.svelte-8i0pf4 {
  word-wrap: break-word;
  line-height: 1.2;
  display: block;
  margin: 0;
  padding: 0;
  color: var(--mantine-color-dimmed);
  font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - 0.125rem * var(--mantine-scale)));
}.error.svelte-1h84hhw {
  word-wrap: break-word;
  line-height: 1.2;
  display: block;
  margin: 0;
  padding: 0;
  color: var(--mantine-color-error);
  font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - 0.125rem * var(--mantine-scale)));
}.label.svelte-13d33q4 {
  display: inline-block;
  font-weight: 500;
  word-break: break-word;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--input-label-size, var(--mantine-font-size-sm));
}

.required.svelte-13d33q4 {
  color: var(--input-asterisk-color, var(--mantine-color-error));
}.placeholder.svelte-bxbdl3 {
  color: var(--input-placeholder-color, var(--mantine-color-placeholder));
}
.placeholder[data-error].svelte-bxbdl3 {
  --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));
}.root.svelte-12vavcx {
  line-height: var(--mantine-line-height);
}