._1044ng50 {
  font-family: "Material Symbols Rounded Variable";
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
:root {
  --_1kgf64c0: "Inter Variable", "Noto Sans SC", app-sans-serif, system-ui;
  --_1kgf64c1: "JetBrains Mono Variable", "Noto Sans SC", monospace, app-sans-serif, system-ui;
  --_1kgf64c2: oklch(32% 0% 0deg / 100%);
  --_1kgf64c3: oklch(36% 0% 0deg / 100%);
  --_1kgf64c4: oklch(100% 0% 0deg / 8%);
  --_1kgf64c5: oklch(72% 32% 256deg / 100%);
  --_1kgf64c6: oklch(100% 0% 0deg / 80%);
  --_1kgf64c7: oklch(100% 0% 0deg / 60%);
  --_1kgf64c8: oklch(80% 30% 256deg / 100%);
  --_1kgf64c9: oklch(80% 60% 24deg / 100%);
  --_1kgf64ca: oklch(36% 0% 0deg / 100%);
  --_1kgf64cb: oklch(40% 0% 0deg / 100%);
  --_1kgf64cc: oklch(44% 20% 260deg / 100%);
}
._1kgf64cd {
  outline: none;
  border: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  background: oklch(48% 0% 0deg / 100%);
  box-shadow: inset 0 -1px 0 0 oklch(12% 0% 0deg / 100%),inset 0 0 0 +1px oklch(28% 0% 0deg / 100%);
  font: 500 13px/16px var(--_1kgf64c0);
  color: var(--_1kgf64c6);
  padding-inline: 12px;
  padding-block: 3px;
  border-radius: 4px;
  display: flex;
  column-gap: 4px;
}
._1kgf64cd:hover {
  background: oklch(52% 0% 0deg / 100%);
}
._1kgf64cd:active {
  background: oklch(48% 20% 260deg / 100%);
  box-shadow: inset 0 +1px 0 0 oklch(12% 0% 0deg / 100%),inset 0 0 0 +1px oklch(28% 0% 0deg / 100%);
}
._1kgf64ce {
  outline: none;
  border: none;
  user-select: none;
  text-decoration: none;
  margin: 0;
  background: oklch(26% 0% 0deg / 100%);
  box-shadow: inset 0 +1px 0 0 oklch(10% 0% 0deg / 100%),inset 0 0 0 +1px oklch(22% 0% 0deg / 100%);
  font: 500 13px/16px var(--_1kgf64c0);
  color: var(--_1kgf64c6);
  padding-inline: 12px;
  padding-block: 3px;
  border-radius: 4px;
  display: flex;
}
._1kgf64ce::placeholder {
  color: oklch(100% 0% 0deg / 40%);
}
._1kgf64cf {
  outline: none;
  border: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  margin: 0;
}
.kfuh9c0 {
  width: 100dvw;
  height: 100dvh;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  font: 400 16px/1 var(--_1kgf64c0);
  color: var(--_1kgf64c6);
  background: var(--_1kgf64c2);
}
.kfuh9c1 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  row-gap: 20px;
  padding-block: 32px;
  padding-inline: 32px;
  background: var(--_1kgf64c3);
  box-shadow: inset -1px 0 0 0 var(--_1kgf64c4);
}
.kfuh9c2 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
}
.kfuh9c3 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kfuh9c5 {
  font-size: 20px;
}
.kfuh9c6 {
  padding-inline-end: 32px;
  font: 600 17px/20px var(--_1kgf64c0);
  color: inherit;
  text-decoration: none;
}
.kfuh9c6:hover {
  text-decoration: underline;
}
.kfuh9c7 {
  row-gap: 4px;
}
.kfuh9c8 {
  font: 400 16px/1 var(--_1kgf64c0);
  text-decoration: none;
  color: inherit;
  border-radius: 9px;
}
.kfuh9c9:hover {
  box-shadow: inset 0 0 0 1px var(--_1kgf64c4);
  background: var(--_1kgf64cb);
}
.kfuh9ca {
  box-shadow: inset 0 0 0 1px var(--_1kgf64c4);
  background: var(--_1kgf64cc);
}
.kfuh9cf {
  font-size: 16px;
}
.kfuh9cg {
  width: 16px;
  height: 16px;
}
._1678ae50 {
  width: 100dvw;
  height: 100dvh;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
  column-gap: 24px;
  font: 400 16px/1 var(--_1kgf64c0);
  background: var(--_1kgf64c2);
}
._1678ae51 {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
  color: var(--_1kgf64c7);
  font: 400 14px/20px var(--_1kgf64c0);
  padding-block: 32px;
}
._1678ae52 {
  color: inherit;
  text-decoration: underline;
}
._1678ae52:hover {
  color: var(--_1kgf64c8);
}
.f8vczl0 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--_1kgf64c7);
}
._165cg9o0 {
  display: flex;
  justify-content: center;
  align-items: center;
  font: 400 16px/1 var(--_1kgf64c0);
  color: var(--_1kgf64c6);
}
.kqhsqg0 {
  font: 400 16px/1.5 var(--_1kgf64c0);
  padding-block: 20px;
  padding-inline: 32px;
  margin-inline: auto;
  max-width: 800px;
}
.kqhsqg1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 800px minmax(0, 1fr);
  align-items: center;
  column-gap: 16px;
  margin-top: 32px;
}
.kqhsqg2 {
  justify-self: end;
  display: flex;
}
.kqhsqg3 {
  font-size: 20px;
}
.kqhsqg4 {
  text-transform: uppercase;
  font: 700 16px/1 var(--_1kgf64c0);
}
.kqhsqg5 {
  display: flex;
  justify-content: center;
  column-gap: 4px;
}
.kqhsqg6 {
  display: flex;
  align-items: center;
  font: 500 16px/28px var(--_1kgf64c0);
  padding-inline: 12px;
  border-radius: 999px;
  text-decoration: none;
}
.kqhsqg7 {
  color: inherit;
}
.kqhsqg8 {
  background: oklch(92% 8% 256deg);
  color: oklch(20% 50% 256deg);
}
.kqhsqgd {
  display: flex;
  column-gap: 12px;
}
.kqhsqge {
  font-size: 20px;
}
.kqhsqgf {
  width: 1em;
  height: 1em;
}
.ntcbdu0 {
  color: var(--_1kgf64c7);
  padding-block: 20px;
  padding-inline: 32px;
}
._1ydt41i0 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--_1kgf64c7);
}
._1ydt41i1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 8px;
  padding-inline-start: 16px;
  padding-inline-end: 8px;
  padding-block: 8px;
  background: oklch(32% 0% 0deg);
  box-shadow: inset 0 0 0 1px oklch(100% 0% 0deg / 4%);
  border-radius: 4px;
}
._1ydt41i2 {
  font: 400 13px/20px var(--_1kgf64c1);
  margin-block: 4px;
}
._1ydt41i3 {
  width: 28px;
  height: 28px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
  user-select: none;
  cursor: pointer;
}
._1ydt41i3:hover {
  background: oklch(48% 0% 0deg);
  box-shadow: inset 0 0 0 1px oklch(100% 0% 0deg / 4%);
}
._1ydt41i3:active {
  background: oklch(64% 0% 0deg);
}
._1a5ghli0 {
  color: var(--_1kgf64c6);
  padding-block: 20px;
  padding-inline: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 8px;
}
._1a5ghli1 {
  display: grid;
  grid-template-columns: auto auto auto auto minmax(0, 1fr);
  gap: 1px;
  border-radius: 4px;
  background: oklch(40% 0% 0deg / 100%);
  border: 1px solid oklch(40% 0% 0deg / 100%);
  overflow: clip;
}
._1a5ghli2 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  gap: inherit;
  font: 500 14px/1 var(--_1kgf64c0);
  color: var(--_1kgf64c7);
}
._1a5ghli3 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  gap: inherit;
  font: 400 14px/1 var(--_1kgf64c0);
  color: var(--_1kgf64c6);
}
._1a5ghli4 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  gap: inherit;
}
._1a5ghli5 {
  padding-block: 6px;
  padding-inline: 12px;
  display: flex;
  align-items: center;
  column-gap: 4px;
  background: oklch(36% 0% 0deg / 100%);
}
._1a5ghli3 > ._1a5ghli4:hover > ._1a5ghli5 {
  background: oklch(36% 8% 250deg / 100%);
}
._1a5ghli6 {
  font-family: var(--_1kgf64c0);
}
._1a5ghli7 {
  font-family: var(--_1kgf64c1);
}
._1a5ghli8 {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  width: 100dvw;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: oklch(0% 0% 0deg / 50%);
}
._1a5ghli9 {
  display: flex;
  flex-direction: column;
  padding-block: 16px;
  padding-inline: 20px;
  row-gap: 8px;
  position: relative;
  background: oklch(32% 0% 0deg / 100%);
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px oklch(100% 0% 0deg / 8%),0 0 0 1px black,0 0 64px black;
}
._1a5ghlia {
  background: white;
  padding: 16px;
}
._1a5ghlib {
  font-size: 16px;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  background: oklch(32% 0% 0deg / 100%);
}
._1a5ghlib:hover {
  background: oklch(40% 0% 0deg / 100%);
}
._1a5ghlib:active {
  background: oklch(48% 0% 0deg / 100%);
}
._1a5ghlic {
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  color: var(--_1kgf64c6);
  background: oklch(100% 0% 0deg / 0%);
}
._1a5ghlic:hover {
  background: oklch(100% 0% 0deg / 12%);
}
._1a5ghlic:active {
  background: oklch(100% 0% 0deg / 16%);
}