.ukxhyq0 {
  position: relative;
  width: 100%;
  height: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  gap: var(--_119yoch7);
  background-color: var(--mantine-color-background-2);
  padding: calc(3rem * var(--mantine-scale)) var(--_119yoch8);
  padding-top: var(--_119yoch7);
  transition: display 0.32s ease allow-discrete, all 0.32s ease, color 0.08s ease, max-height 1.4s ease, fill 0.08s ease, background-position 0.45s ease, border-color 0.08s ease, width 2.8s ease, height 0.8s ease, z-index 0s ease;
}
.ukxhyq1 {
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: var(--_119yoch7);
  background-color: var(--mantine-color-background-0);
  border-radius: var(--mantine-radius-md);
  padding: calc(1.75rem * var(--mantine-scale)) calc(2.375rem * var(--mantine-scale));
  max-width: 1440px;
  border: 1px solid var(--mantine-color-background-4);
}
.ukxhyq2 {
  width: 100%;
  gap: var(--_119yoch2);
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.ukxhyq3 {
  width: 100%;
  gap: var(--_119yoch3);
  font-size: var(--_1d1i4mat);
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 768px) {
  .ukxhyq0 {
    padding: calc(3rem * var(--mantine-scale)) var(--_119yoch5);
    padding-top: var(--_119yoch7);
  }
  .ukxhyq1 {
    padding: calc(1.5rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale));
  }
}
@media (max-width: 576px) {
  .ukxhyq0 {
    padding: calc(2rem * var(--mantine-scale)) var(--_119yoch4);
    padding-top: var(--_119yoch5);
  }
  .ukxhyq1 {
    padding: calc(1.25rem * var(--mantine-scale)) calc(1.5rem * var(--mantine-scale));
  }
}
