.taby-forpackningsschema {
   container-type: inline-size;
   color: var(--env-font-color);
}

.taby-forpackningsschema__form {
   margin: 0;
}

.taby-forpackningsschema__search {
   display: flex;
   align-items: stretch;
   gap: var(--env-spacing-small);
}

.taby-forpackningsschema__input {
   flex: 1 1 20rem;
   min-width: 0;
}

.taby-forpackningsschema__submit {
   flex: 0 0 auto;
   white-space: nowrap;
}

.taby-forpackningsschema__loading {
   display: flex;
   align-items: center;
   gap: var(--env-spacing-small);
   margin-block-start: var(--env-spacing-small);
   color: var(--env-font-color-muted);
   font-size: var(--env-font-size-small);
}

.taby-forpackningsschema__loading[hidden] {
   display: none;
}

.taby-forpackningsschema__suggestions {
   margin-block-start: var(--env-spacing-small);
   border: 1px solid var(--env-border-color);
   border-radius: var(--env-border-radius);
   background-color: var(--env-section-background-color);
   color: var(--env-font-color);
   box-shadow: var(--env-box-shadow);
   transition: opacity 120ms ease-out;
}

.taby-forpackningsschema__suggestions--updating {
   opacity: 0.82;
   pointer-events: none;
}

.taby-forpackningsschema__suggestions[hidden] {
   display: none;
}

.taby-forpackningsschema__suggestions-heading {
   margin: 0;
   padding: var(--env-spacing-small) var(--env-spacing-medium);
   border-block-end: 1px solid var(--env-border-color-05);
   background-color: var(--env-section-background-color-05);
   color: var(--env-font-color-muted);
   font-family: var(--env-ui-text-subheading-font-family);
   font-size: var(--env-ui-text-subheading-font-size);
   font-weight: var(--env-ui-text-subheading-font-weight);
}

.taby-forpackningsschema__suggestion-list {
   margin: 0;
   padding: 0;
   list-style: none;
}

.taby-forpackningsschema__suggestions-more {
   margin: 0;
   padding: var(--env-spacing-small) var(--env-spacing-medium);
   border-block-start: 1px solid var(--env-border-color-05);
   color: var(--env-font-color-muted);
   font-size: var(--env-font-size-small);
}

.taby-forpackningsschema__suggestion-item {
   margin: 0;
   padding: 0;
}

.taby-forpackningsschema__suggestion-item
   + .taby-forpackningsschema__suggestion-item {
   border-block-start: 1px solid var(--env-border-color-05);
}

.taby-forpackningsschema__suggestion {
   display: block;
   width: 100%;
   margin: 0;
   padding: var(--env-spacing-small) var(--env-spacing-medium);
   border: 0;
   border-radius: 0;
   background: transparent;
   color: var(--env-font-color);
   font: inherit;
   line-height: 1.4;
   text-align: start;
   cursor: pointer;
}

.taby-forpackningsschema__suggestion:hover {
   background-color: var(--env-ui-color-brand-05);
   color: var(--env-ui-color-brand-05-contrast);
}

.taby-forpackningsschema__suggestion:focus-visible {
   position: relative;
   z-index: 1;
   outline: var(--env-focus-size) solid var(--env-focus-outline-color);
   outline-offset: calc(var(--env-focus-offset) * -1);
}

.taby-forpackningsschema__result,
.taby-forpackningsschema__message {
   margin-block-start: var(--env-spacing-large);
}

.taby-forpackningsschema__result {
   padding: var(--env-spacing-large);
   border: 1px solid var(--env-border-color-05);
   border-inline-start: 0.25rem solid var(--env-ui-color-brand);
   border-radius: var(--env-border-radius);
   background-color: var(--env-section-background-color-05);
   color: var(--env-font-color);
}

.taby-forpackningsschema__result-address {
   margin: 0 0 var(--env-spacing-small);
   font-weight: 600;
}

.taby-forpackningsschema__result-schedule {
   margin: 0;
   font-size: var(--env-font-size-large);
   font-weight: 600;
   line-height: 1.4;
}

@container (max-width: 30rem) {
   .taby-forpackningsschema__search {
      flex-direction: column;
   }

   .taby-forpackningsschema__input {
      flex: 0 0 auto;
      width: 100%;
   }

   .taby-forpackningsschema__submit {
      flex: 0 0 auto;
      width: 100%;
   }
}