.card {
  background-color: transparent;
  border-color: rgb(from var(--mantine-color-default-border) r g b / calc(var(--opacity, 1) * 0.45));
}

.accordionItem {
  border-color: rgb(from var(--mantine-color-default-border) r g b / calc(var(--opacity, 1) * 0.45));
  background-color: transparent;
}

.accordionItem[data-active] {
  background-color: transparent;
}

.accordionControl {
  background-color: transparent;
}

.accordionControl:hover,
.accordionControl:focus-visible,
.accordionControl:active {
  background-color: rgb(from var(--mantine-color-default-hover) r g b / calc(var(--opacity, 1) * 0.4));
}

.selectInput {
  background-color: transparent;
  border-color: rgb(from var(--mantine-color-default-border) r g b / calc(var(--opacity, 1) * 0.45));
}

.selectInput:focus,
.selectInput:focus-within {
  border-color: var(--mantine-primary-color-filled);
}