._1nudbjh1 {
  overflow: visible;
}
._1nudbjh2 {
  gap: var(--_119yoch6);
  padding: var(--_119yoch2) var(--_119yoch6);
}
._1nudbjh3 {
  bottom: 20px;
  width: max-content;
  transform: translateX(-50%);
  left: 50%;
  padding: 4px 8px;
  border-radius: 4px;
  opacity: 0.2;
  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;
}
._1nudbjh4 {
  height: 5px;
  width: 8px;
  transition: all 0.45s ease-in-out;
  transform: scale(1);
  background-color: var(--mantine-color-foreground-0);
  opacity: 0.1;
  flex-shrink: 0;
}
._1nudbjh4:hover {
  opacity: 0.2;
  transform: scale(1);
}
._1nudbjh4[data-active] {
  width: 15px;
  opacity: 1;
}
._1nudbjh0:hover ._1nudbjh3 {
  opacity: 1;
}
.q3xdrg0 {
  flex: 1;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  border-radius: var(--mantine-radius-md);
  outline: 2px solid var(--mantine-color-background-2);
  width: 100%;
  flex-grow: 1;
  min-width: 420px;
  background-color: var(--mantine-color-background-0);
  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;
}
.q3xdrg0 * {
  user-select: none;
}
.q3xdrg1 {
  outline: 2px solid var(--mantine-color-background-4);
  box-shadow: var(--mantine-shadow-md);
  transform: scale(1.03);
}
.q3xdrg2 {
  outline: 2px solid var(--mantine-color-background-4);
  border-radius: var(--mantine-radius-md);
  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;
}
.q3xdrg2[data-selected='true'] {
  outline: 2px solid var(--mantine-color-foreground-0);
}
.q3xdrg4 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: max-content;
  padding: var(--_119yoch7);
  gap: var(--_119yoch2);
}
.q3xdrg5 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: max-content;
  gap: var(--_119yoch2);
}
.q3xdrg6 {
  padding-bottom: var(--_119yoch4);
}
.q3xdrg7 {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: var(--_119yoch1);
  justify-content: space-between;
  align-items: flex-end;
  height: 22px;
}
.q3xdrg8 {
  width: 100%;
  position: relative;
  text-align: left;
  font-size: var(--_1d1i4ma2);
  line-height: 1;
  font-weight: 700;
  color: var(--mantine-color-foreground-8);
}
.q3xdrg9 {
  text-align: left;
  font-size: var(--_1d1i4mab);
  color: var(--mantine-color-gray-5);
  font-weight: 400;
  line-height: 1.3;
  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;
}
.q3xdrga {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 9px;
  line-height: 1.3;
  color: var(--mantine-color-white);
  background-color: var(--mantine-color-foreground-0);
  border-radius: 50px;
  padding: 7px 12px;
  white-space: nowrap;
}
.q3xdrgb {
  display: flex;
  flex-direction: row;
  gap: var(--_119yoch2);
  align-items: center;
  justify-content: flex-end;
  transform: translate(6px, -2px);
}
.q3xdrgc {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 6px;
}
.q3xdrgd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  gap: var(--_119yoch3);
  margin-top: var(--_119yoch1);
}
.q3xdrge {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--_119yoch1);
}
.q3xdrgf {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.q3xdrgg {
  line-height: 1;
  font-size: 1.75rem;
  color: var(--mantine-color-foreground-6);
  font-weight: 700;
  white-space: nowrap;
  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;
}
.q3xdrgh {
  font-weight: 600;
  font-size: var(--_1d1i4mas);
  color: var(--mantine-color-foreground-0);
}
.q3xdrgg b {
  font-weight: 800;
}
.q3xdrgg small {
  font-weight: 500;
  font-size: var(--_1d1i4mat);
  color: var(--mantine-color-gray-5);
}
.q3xdrgi {
  font-weight: 600;
  font-size: var(--_1d1i4mat);
  color: var(--mantine-color-gray-5);
}
.q3xdrgj {
  font-weight: 600;
  font-size: var(--_1d1i4mat);
  color: var(--mantine-color-foreground-0);
}
.q3xdrgj small {
  font-size: var(--_1d1i4mat);
  font-weight: 600;
  color: var(--mantine-color-rose-4);
}
.q3xdrgj b {
  font-size: var(--_1d1i4mat);
  font-weight: 700;
}
.q3xdrgk {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 4px;
}
.q3xdrgl {
  padding-top: var(--_119yoch4);
}
.q3xdrgm {
  display: flex;
  flex-direction: column;
  padding-block: var(--_119yoch2);
  gap: var(--_119yoch1);
}
.q3xdrgn {
  padding-left: var(--_119yoch6);
}
.q3xdrgp {
  display: flex;
  align-items: flex-start;
  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;
  gap: 8px;
}
.q3xdrgq {
  margin-top: 4px;
}
.q3xdrgq path {
  fill: var(--mantine-color-rose-4);
}
.q3xdrgo .q3xdrgq path {
  fill: var(--mantine-color-rose-4);
}
.q3xdrgr {
  display: flex;
  flex-direction: column;
  font-size: var(--_1d1i4mab);
  gap: 1px;
}
.q3xdrgs {
  font-size: var(--_1d1i4mas);
}
.q3xdrgt {
  font-weight: 500;
  font-size: inherit;
  color: var(--mantine-color-foreground-0);
  line-height: 1.3;
}
.q3xdrgo .q3xdrgt {
  color: var(--mantine-color-rose-4);
}
.q3xdrgu {
  font-weight: 400;
  font-size: inherit;
  color: var(--mantine-color-gray-5);
  line-height: 1.4;
}
.q3xdrgv {
  display: flex;
  flex-direction: column;
  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;
}
.q3xdrgw {
  color: var(--mantine-color-rose-4) !important;
  margin-left: 6px;
  vertical-align: middle;
}
.q3xdrgx {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-inline: var(--_119yoch6);
  gap: var(--_119yoch2);
}