.smaller-font {
    font: 15px/145% var(--sans);
}
#app {
  color-scheme: dark;
  width: 60vw;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-inline: 1px solid var(--border);
  min-height: 75svh;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
/* .placeholder\:text-gray-500::placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}
.focus\:outline-none:focus {
    outline-offset: 2px;
    outline: 2px solid #0000;
} */
.group:hover .group-hover\:stroke-white {
    stroke: #fff;
}

.stroke-foxpro {
    stroke: #ff9E1B;
}
.row-number {
    color: #ff9E1B;
}

.checkbox-all {
    accent-color: #ff9E1B;
}

.checkboxes {
    accent-color: #ff9E1B;
}

/*$vite$:1*/

.checkboxes-cell {
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkboxes-cell div {
  height: auto;
  color: #ff9E1B;
  padding-left: 8px;
  white-space: pre-wrap;
}

.command-cell {
  text-align: center;
}

.command-input-cell {
  text-align: center;
}

.repeat-x-times-cell {
  text-align : center;
}

.add-row-cell {
  text-align: center;
}

.remove-row-cell {
  text-align: center;
}

.save-file-cell {
  text-align: center;
}

.wider-selects {
  width : 100%;
}

.text-cells {
  text-align: center;
}

.error {
  border: 1px solid #940000;
}

.error-div {
  color: white;
}

.checkbox-all, .checkboxes {
  margin-top:8px;
}

table {
  border-collapse: separate;
  border-spacing: 0 8px;
}