.growable-text-area.svelte-x6yonv {
  --default-height: 1em;
  --additional-padding: 0.2ch;
  --caret-color: black;
  --placeholder-color: #6B6B6B;
  font-size: var(--font-size, 1em);
  border: none;
  border-radius: 0;
  display: grid;
  width: 100%;
  position: relative;
  min-height: fit-content;
  box-sizing: border-box;
}
.growable-text-area.svelte-x6yonv > :where(.svelte-x6yonv), .growable-text-area.svelte-x6yonv::after, .growable-text-area.svelte-x6yonv::before {
  padding: 0;
  margin: 0;
  resize: none;
  background-color: transparent;
  border: none;
  grid-area: 1/1/2/2;
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  overflow-x: hidden;
  overflow-y: hidden;
  word-wrap: break-word;
  word-break: break-word;
  outline: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/* (unused) .growable-text-area > * > *,*/ .growable-text-area.svelte-x6yonv::after > :where(.svelte-x6yonv), .growable-text-area.svelte-x6yonv::before > :where(.svelte-x6yonv) {
  vertical-align: text-top;
}
.growable-text-area.svelte-x6yonv > textarea:where(.svelte-x6yonv) {
  color: transparent;
  caret-color: var(--caret-color, inherit);
}
.growable-text-area.svelte-x6yonv > .overlay:where(.svelte-x6yonv) {
  color: inherit;
  white-space: pre-wrap;
}
.growable-text-area.svelte-x6yonv > .overlay:where(.svelte-x6yonv)::after {
  content: " ";
}
.growable-text-area.svelte-x6yonv > :where(.svelte-x6yonv):not(textarea) {
  pointer-events: none;
  user-select: none;
}

@keyframes svelte-x6yonv-settle {
  0% {
    background-color: transparent;
  }
  100% {
    background-color: var(--segment-color, "lightblue");
  }
}
.segment.svelte-x6yonv {
  animation: svelte-x6yonv-settle 1s 1;
  background-color: var(--segment-color, "lightblue");
}@font-face {
  font-family: "Fat Sans Round";
  src: local("Fat Sans Round"), url("./FatSansRound.iPLlmaiE.woff2") format("woff2"), url("./FatSansRound.Dgnnj5b9.ttf") format("ttf");
}
/* Themes (colors) */
/* Spacing */
.idea-bar.svelte-a78c2m {
  --border-width: 2px;
  --border-color: black;
  --focus-color: darkblue;
  --default-height: 1em;
  --additional-padding: 0.2ch;
  --input-color: black;
  --placeholder-color: #6B6B6B;
  font-size: var(--font-size, 1em);
  box-sizing: border-box;
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--font-size, 1em);
  -webkit-backdrop-filter: blur(var(--backdrop-filter-radius));
  backdrop-filter: blur(var(--backdrop-filter-radius));
}
.idea-bar.svelte-a78c2m:focus-within {
  --border-color: var(--focus-color);
}
.idea-bar.svelte-a78c2m {
  display: grid;
  width: 100%;
  position: relative;
  min-height: fit-content;
}
.idea-bar.svelte-a78c2m > * {
  padding: 0.5ch calc(2ch + var(--additional-padding));
  grid-area: 1/1/2/2;
}

/* (unused) .placeholder .intro {
  display: inline-block;
  padding: 0 1ch 0 1ch;
  margin-right: 1ch;
  background-color: rgb(114, 114, 219);
  border-radius: 1em;
  color: white;
}*/

@keyframes svelte-a78c2m-blink {
  0% {
    opacity: 0%;
  }
  75% {
    opacity: 0%;
  }
  50% {
    opacity: 100%;
  }
  75% {
    opacity: 0%;
  }
  100% {
    opacity: 0%;
  }
}
/* (unused) .placeholder .content::after {
  content: "|";
  animation-name: blink;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  font-weight: bold;
}*/