.z0h9ix0 {
  width: 100%;
  height: var(--w63n490);
  position: relative;
  border-radius: var(--mantine-radius-md);
}
.z0h9ix1 {
  --w63n490: 100%;
  width: 100%;
  grid-area: carousel;
  position: relative;
  box-shadow: var(--mantine-shadow-sm);
  border-radius: var(--mantine-radius-md);
}
.z0h9ix2 {
  top: calc(50% - 10px);
}
.z0h9ix3 {
  background-color: var(--mantine-color-background-0);
  border: 1px solid var(--mantine-color-background-4);
  width: var(--_119yoch2);
  height: var(--_119yoch2);
}
.z0h9ix3[data-inactive] {
  background-color: var(--mantine-color-gray-5);
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.z0h9ix3 svg path {
  fill: var(--mantine-color-foreground-0);
}
.z0h9ix4 {
  border-radius: var(--mantine-radius-md);
}
.z0h9ix5 {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.z0h9ix6 {
  width: 100%;
  height: 100%;
  gap: var(--carousel-slide-gap, 0px);
}
.z0h9ix7 {
  position: absolute;
  bottom: var(--_119yoch4);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: var(--_119yoch2);
}
.z0h9ix8 {
  width: var(--_119yoch2);
  height: var(--_119yoch2);
  border-radius: 50%;
  background-color: var(--mantine-color-foreground-0);
  opacity: 0.3;
  transition: opacity 0.2s;
}
.z0h9ix8[data-active] {
  opacity: 1;
}
@media (max-width: 768px) {
  .z0h9ix1 {
    --w63n490: 250px;
  }
}