/* src/styles.css */
#settings-tab > div {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
#settings-tab > div > div {
  width: var(--max-input-width);
  min-width: 100%;
  max-width: 100%;
  flex: 1;
}
article:not([connected]) .connected-only {
  display: none;
}
article:not([connected]) .disconnected-only {
  display: flex;
}
article[connected] .connected-only {
  display: flex;
}
article[connected] .disconnected-only {
  display: none;
}