:root {
  --border-color-rgb: 0, 0, 0;
}
@media (prefers-color-scheme: dark) {
  :root {
    --border-color-rgb: 255, 255, 255;
  }
}

html {
  color-scheme: light dark;
}
html::-moz-selection {
  background-color: #ff969e;
  color: #fff;
}
html::selection {
  background-color: #ff969e;
  color: #fff;
}

.app-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
}

.length-test {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.length-test__limit {
  field-sizing: content;
  text-align: center;
  padding: 0.25rem;
  width: 100%;
  font: 400 0.85rem "IBM Plex Mono", "Cascadia Code", "Cascadia Mono", consolas, monospace;
  border: 1px solid rgba(var(--border-color-rgb), 0.08);
  border-radius: 2px;
  transition: border 150ms ease;
}
.length-test__limit::-webkit-inner-spin-button, .length-test__limit::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.length-test__limit:focus, .length-test__limit:focus-visible {
  border-color: #ff969e;
}
.length-test__input {
  padding: 0.5rem 0.5rem 0.5rem 0;
  resize: none;
  border: 1px solid rgba(var(--border-color-rgb), 0.08);
  border-radius: 2px;
  font: 400 0.9rem/1 "Poppins", sans-serif;
  overflow-y: scroll;
  scrollbar-gutter: stable both-edges;
}
.length-test__counter {
  font: 400 0.85rem "IBM Plex Mono", "Cascadia Code", "Cascadia Mono", consolas, monospace;
}
.length-test__counter--overflow {
  color: #f00;
}

.length-inputs {
  font: 400 0.9rem/1 "Poppins", sans-serif;
}
.length-inputs__checkbox {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}/*# sourceMappingURL=main.css.map */