.root.svelte-18vifgc {
  --button-height-xs: calc(1.875rem * var(--mantine-scale));
  --button-height-sm: calc(2.25rem * var(--mantine-scale));
  --button-height-md: calc(2.625rem * var(--mantine-scale));
  --button-height-lg: calc(3.125rem * var(--mantine-scale));
  --button-height-xl: calc(3.75rem * var(--mantine-scale));
  --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
  --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
  --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
  --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
  --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));
  --button-padding-x-xs: calc(0.875rem * var(--mantine-scale));
  --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
  --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
  --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
  --button-padding-x-xl: calc(2rem * var(--mantine-scale));
  --button-padding-x-compact-xs: calc(0.4375rem * var(--mantine-scale));
  --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
  --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
  --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
  --button-padding-x-compact-xl: calc(0.875rem * var(--mantine-scale));
  --button-height: var(--button-height-sm);
  --button-padding-x: var(--button-padding-x-sm);
  --button-color: var(--mantine-color-white);
  user-select: none;
  font-weight: 600;
  position: relative;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  width: auto;
  cursor: pointer;
  display: inline-block;
  border-radius: var(--button-radius, var(--mantine-radius-default));
  font-size: var(--button-fz, var(--mantine-font-size-sm));
  background: var(--button-bg, var(--mantine-primary-color-filled));
  border: var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--button-color, var(--mantine-color-white));
  height: var(--button-height, var(--button-height-sm));
  padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
  vertical-align: middle;
}
.root.svelte-18vifgc:where([data-block]:where(.svelte-18vifgc)) {
  display: block;
  width: 100%;
}
.root.svelte-18vifgc:where([data-with-left-section]:where(.svelte-18vifgc)) {
  padding-inline-start: calc(var(--button-padding-x) / 1.5);
}
.root.svelte-18vifgc:where([data-with-right-section]:where(.svelte-18vifgc)) {
  padding-inline-end: calc(var(--button-padding-x) / 1.5);
}
.root.svelte-18vifgc:where(:where(.svelte-18vifgc):disabled:not([data-loading]), [data-disabled]:where(.svelte-18vifgc):not([data-loading])) {
  cursor: not-allowed;
  border: 1px solid transparent;
  transform: none;
  color: var(--mantine-color-disabled-color);
  background: var(--mantine-color-disabled);
}
.root.svelte-18vifgc::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: -1px;
  border-radius: var(--button-radius, var(--mantine-radius-default));
  transform: translateY(-100%);
  opacity: 0;
  filter: blur(12px);
  transition: transform 150ms ease, opacity 100ms ease;
}
:where([data-mantine-color-scheme='light']) .root.svelte-18vifgc::before {
  background-color: rgba(255, 255, 255, 0.15);
}
:where([data-mantine-color-scheme='dark']) .root.svelte-18vifgc::before {
  background-color: rgba(0, 0, 0, 0.15);
}
.root.svelte-18vifgc:where([data-loading]:where(.svelte-18vifgc)) {
  cursor: not-allowed;
  transform: none;
}
.root.svelte-18vifgc:where([data-loading]:where(.svelte-18vifgc))::before {
  transform: translateY(0);
  opacity: 1;
}
.root.svelte-18vifgc:where([data-loading]:where(.svelte-18vifgc)) .inner:where(.svelte-18vifgc) {
  opacity: 0;
  transform: translateY(100%);
}
@media (hover: hover) {
  .root.svelte-18vifgc:hover:where(:where(.svelte-18vifgc):not([data-loading], :disabled, [data-disabled])) {
    background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
    color: var(--button-hover-color, var(--button-color));
  }
}
@media (hover: none) {
  .root.svelte-18vifgc:active:where(:where(.svelte-18vifgc):not([data-loading], :disabled, [data-disabled])) {
    background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
    color: var(--button-hover-color, var(--button-color));
  }
}

.inner.svelte-18vifgc {
  display: flex;
  align-items: center;
  justify-content: var(--button-justify, center);
  height: 100%;
  overflow: visible;
  transition: transform 150ms ease, opacity 100ms ease;
}

.label.svelte-18vifgc {
  white-space: nowrap;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  opacity: 1;
}
.label.svelte-18vifgc:where([data-loading]:where(.svelte-18vifgc)) {
  opacity: 0.2;
}

.section.svelte-18vifgc {
  display: flex;
  align-items: center;
}
.section.svelte-18vifgc:where([data-position=left]:where(.svelte-18vifgc)) {
  margin-inline-end: var(--mantine-spacing-xs);
}
.section.svelte-18vifgc:where([data-position=right]:where(.svelte-18vifgc)) {
  margin-inline-start: var(--mantine-spacing-xs);
}

.loader.svelte-18vifgc {
  position: absolute;
  left: 50%;
  top: 50%;
}.root.svelte-1opuara {
  --paper-radius: var(--mantine-radius-default);
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  display: block;
  touch-action: manipulation;
  text-decoration: none;
  border-radius: var(--paper-radius);
  box-shadow: var(--paper-shadow);
  background-color: var(--mantine-color-body);
}
[data-mantine-color-scheme='light'] .root.svelte-1opuara {
  --paper-border-color: var(--mantine-color-gray-3);
}
[data-mantine-color-scheme='dark'] .root.svelte-1opuara {
  --paper-border-color: var(--mantine-color-dark-4);
}
.root.svelte-1opuara:where([data-with-border]:where(.svelte-1opuara)) {
  border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
}