button.button-secondary {
  border-color: var(--color-border-neutral-default);
}

:host {
  display: grid;
  block-size: 100%;
  grid-template-rows: max-content 1fr max-content;
}

.section {
  display: contents;
}

header {
  display: grid;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr max-content;
}

.button-change {
  align-self: center;
  justify-self: end;
}

.main {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr max-content max-content;
  position: relative;
}

.search-kbs {
  inline-size: 50%;
}

.versions-container {
  grid-auto-rows: max-content;
}
.versions-container__input {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: var(--spacing-gap-m);
}

.location-custom-wrapper {
  display: flex;
  align-items: center;
  gap: var(--spacing-gap-xs);
  flex-grow: 1;
  min-inline-size: 0;
}

.location-field {
  flex-grow: 1;
  min-inline-size: 0;
}
.location-field > .input {
  inline-size: 100%;
}