& {
  .lbaic {
    &-body {
      position: relative;
      width: 100%;
      max-width: 926px;
      height: 100%;
      margin-inline-start: auto;
      margin-inline-end: auto;
      grid-area: body;

      &-in {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-height: 100%;
        margin-top: auto;
        padding: 20px 20px 0;
        overflow: auto;
        scrollbar-color: var(--lbaic-main) transparent;
        scrollbar-width: thin;
        // Ensure scrolling works even with custom scroll libraries
        touch-action: pan-y pan-x;
        overscroll-behavior: contain;
      }
    }

    &-scroll-to-bottom {
      width: 100%;
      position: absolute;
      bottom: 4px;
      left: 0;
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 200ms ease-in-out, transform 200ms ease-in-out, visibility 0s linear 200ms;
      visibility: hidden;
      pointer-events: none;

      &.visible {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
        transition: opacity 200ms ease-in-out, transform 200ms ease-in-out, visibility 0s linear 0s;
        pointer-events: all;
      }

      &-in {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      &-button {
        --lbaic-button-width: 32px;
        --lbaic-button-height: 32px;
        --lbaic-button-bg: var(--lbaic-scroll-down-button-bg, var(--lbaic-main));
        --lbaic-button-border-radius: 50%;
        --lbaic-button-padding: 11px 10px 9px;
        --lbaic-button-shadow: rgba(9, 14, 21, 0.16) 0px 0px 4px 0px;
        --lbaic-button-color: var(--lbaic-scroll-down-button-color, var(--lbaic-white-100));

        &:hover, &:active {
          --lbaic-button-bg: var(--lbaic-scroll-down-button-hover-bg);
        }
      }
    }
  }
}