*:not(.input):not(.layout) {
  width: fit-content;
}

.container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.account-information .items {
  display: flex;
  gap: 24px;
}

.account-information .items .keys,
.steps,
.setting-description {
  color: var(--text-secondary);
}

.title {
  font-size: 18px;
  font-weight: 500;
}

.buttons,
.keys,
.values,
.steps,
.setting-group {
  display: flex;
  flex-direction: column;
}

.buttons,
.setting-group {
  gap: 8px;
}

.keys,
.values,
.steps {
  gap: 4px;
}

kbd {
  font-family: ChivoMono;
  background-color: var(--element);
  padding: 2px 6px;
}

.radio-group {
  display: flex;
  gap: 16px;
}

a {
  text-decoration: underline;
}

#wakaTimeFileUpload::file-selector-button {
  background-color: var(--text);
  color: var(--background);
  font-family: Outfit;
  font-weight: 500;
  border: none;
  padding: 2px 6px;
  border-radius: 4px;
  cursor: pointer;
  font-family: inherit;
  margin-right: 8px;
}

.danger-zone .setting-group p {
  color: #ff5555 !important;
}

.import-status {
  font-family: ChivoMono;
  display: flex;
  flex-direction: column;
  gap: 2px;

  .spinner {
    margin-right: 2px;
  }

  .bar-container {
    width: 100%;

    .bar {
      height: 1px;
      background-color: var(--accent);
    }
  }
}
