/**
 * @license
 * Copyright (c) 2026 - 2026 Vaadin Ltd.
 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
 */
@media lumo_mixins_field-label-aside {
  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])) {
    --_label-aside-width: 0px;
    --_label-aside-gap: 0px;
    --_helper-above-field: ;
    --_helper-below-field: initial;
    --_rows-after-input: ;
    display: inline-grid;
    grid-template:
      var(--_helper-above-field, '.     helper' auto)
      '                           .     baseline' 0
      '                           label input' 1fr
      var(--_rows-after-input)
      var(--_helper-below-field, 'label helper' auto)
      '                           label error' auto
      / var(--_label-aside-width) minmax(0, 1fr);
    column-gap: var(--_label-aside-gap);
  }

  :host(:is([theme~='label-aside'][has-label], [data-form-layout-has-labels-aside])) {
    --_label-aside-width: var(--vaadin-input-field-label-aside-width, auto);
    --_label-aside-gap: var(--vaadin-input-field-label-aside-gap, 1em);
    padding-top: var(--lumo-space-xs);
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])[theme~='helper-above-field']) {
    --_helper-above-field: initial;
    --_helper-below-field: ;
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside]))::before {
    grid-column: baseline;
    grid-row: 1 / baseline;
    align-self: end;
    margin-bottom: calc(var(--_input-height, var(--lumo-size-s)) * -1);
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])[has-label])::before,
  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])[theme~='small'][has-label])::before {
    margin-top: 0;
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])) [class$='container'] {
    display: contents;
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])) [part='label'] {
    grid-area: label;
    align-self: baseline;
    overflow: visible;
    white-space: normal;
    word-break: break-word;
    padding-bottom: 0;
    text-align: var(--vaadin-input-field-label-aside-text-align, inherit);
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])[theme~='helper-above-field'][has-helper])
    [part='label'] {
    padding-bottom: 0;
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])[required]) [part='required-indicator']::after {
    right: auto;
    left: auto;
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])) [part='input-field'],
  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])) [part='input-fields'],
  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])) [part='group-field'] {
    grid-area: input;
    align-self: baseline;
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])) [part='input-field'] {
    width: var(--vaadin-field-default-width, 12em);
    min-width: 100%;
    max-width: 100%;
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])) [part='helper-text'],
  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])) [part='error-message'] {
    margin-inline: 0;
    padding-inline-start: calc(var(--lumo-border-radius-m) / 4);
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])[dir='rtl']) [part='error-message'] {
    margin-right: 0;
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])) [part='helper-text'] {
    grid-area: helper;
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])) [part='error-message'] {
    grid-area: error;
  }

  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])[has-label]) ::slotted([slot='tooltip']) {
    --vaadin-tooltip-offset-bottom: 0px;
  }
}