.root.svelte-19vlj7q {
  --cb-size-xs: calc(1.125rem * var(--mantine-scale));
  --cb-size-sm: calc(1.375rem * var(--mantine-scale));
  --cb-size-md: calc(1.75rem * var(--mantine-scale));
  --cb-size-lg: calc(2.125rem * var(--mantine-scale));
  --cb-size-xl: calc(2.75rem * var(--mantine-scale));
  --cb-size: var(--cb-size-md);
  --cb-icon-size: 70%;
  --cb-radius: var(--mantine-radius-default);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  width: var(--cb-size);
  height: var(--cb-size);
  min-width: var(--cb-size);
  min-height: var(--cb-size);
  border-radius: var(--cb-radius);
}
:where([data-mantine-color-scheme='light']) .root.svelte-19vlj7q {
  color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme='dark']) .root.svelte-19vlj7q {
  color: var(--mantine-color-dark-1);
}
.root[data-disabled].svelte-19vlj7q, .root.svelte-19vlj7q:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

@media (hover: hover) {
  :where([data-mantine-color-scheme='light']) .root--subtle.svelte-19vlj7q:where(:where(.svelte-19vlj7q):not([data-disabled], :disabled)):hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme='dark']) .root--subtle.svelte-19vlj7q:where(:where(.svelte-19vlj7q):not([data-disabled], :disabled)):hover {
    background-color: var(--mantine-color-dark-6);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme='light']) .root--subtle.svelte-19vlj7q:where(:where(.svelte-19vlj7q):not([data-disabled], :disabled)):active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme='dark']) .root--subtle.svelte-19vlj7q:where(:where(.svelte-19vlj7q):not([data-disabled], :disabled)):active {
    background-color: var(--mantine-color-dark-6);
  }
}

.svelte-19vlj7q .icon {
  width: var(--cb-icon-size, 70%);
  height: var(--cb-icon-size, 70%);
}