.centered-content {
  margin: 0 auto;
  max-width: 250px;
}

vaadin-text-field.bordered::part(input-field) {
  box-shadow: inset 0 0 0 1px var(--lumo-contrast-30pct);
  background-color: var(--lumo-base-color);
}

vaadin-app-layout::part(drawer) {
  width: 400px;
}

.custom-text-field {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.custom-text-field .label {
  margin-right: 10px;
  min-width: 800px;
  text-align: right;
  align-self: flex-start;
}

.custom-combined-field {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.custom-combined-field .fields {
  display: flex;
  gap: 10px;
}

.custom-combined-field .label {
  margin-right: 10px;
  min-width: 800px;
  text-align: right;
}

.buttons-layout {
  margin-top: 10px;
  gap: 10px;
}