.sync-step-container {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.sync-step-container > .sync-bar {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.sync-step-container > .sync-bar > .password-text-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
}
.sync-step-container > .sync-summary {
  display: flex;
  flex-flow: column;
  gap: 1.5rem;
}
.sync-step-container > .sync-summary > .sync-summary-list {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
}
.sync-step-container > .sync-summary > .sync-summary-list > .sync-summary-row {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 1rem;
}
.sync-step-container > .sync-summary > .sync-summary-list > .sync-summary-row-header {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.sync-step-container > .sync-summary .sync-summary-row-items-list {
  display: flex;
  flex-flow: column;
  gap: 0.7rem;
  align-items: flex-start;
}
.sync-step-container > .sync-summary .sync-summary-row-items-list > .item-list-row {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  gap: 0.3rem;
}