.lbaic-settings-nav {
  &-layout {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 250;
  }

  &-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 101;

    @include min-width($lbaic-settings-wp-breakpoint) {
      height: 83px;
      padding-block: 0 29px;
    }
  }

  &-logo {
    width: 100%;
    height: 100%;
    padding-inline-end: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;

    @include min-width($lbaic-settings-wp-breakpoint) {
      align-items: flex-start;
      flex-direction: column;
    }

    &-in {
      width: auto;
      height: 100%;
      display: block;
    }

    &-container {
      width: max-content;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 10px;
      @include min-width($lbaic-settings-wp-breakpoint) {
        width: 100%;
      }
    }
  }

  & {

  }

  &-in {
    padding-right: 25px;
  }

  &-welcome-text {
    display: none;
    @include min-width($lbaic-settings-wp-breakpoint) {
      display: block;
      margin-block-start: 0;
      margin-inline-start: 20px;
      color: var(--lbaic-settings-primary);
      font-family: 'momentra', sans-serif;
      font-size: var(--lbaic-settings-fs-22);
      line-height: var(--lbaic-settings-lh-10);
    }

    @include min-width($lbaic-settings-wp-breakpoint) {
      margin-block-start: 10px;
      margin-inline-start: 10px;
      font-size: var(--lbaic-settings-fs-25);
      font-weight: var(--lbaic-settings-fw-400);
      line-height: var(--lbaic-settings-lh-18);
    }
  }

  &-plugin-version {
    margin-block-end: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;

    &-label {
      font-size: var(--lbaic-settings-fs-12);
      line-height: normal;
      color: oklch(.707 .022 261.325);
    }
  }
}