// ===
// App
// ===
// stylelint-disable selector-class-pattern, selector-id-pattern
#app {
  .list.el-scrollbar__wrap {
    @include var-max-height(100);
  }

  @keyframes tool-fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes fb_dialog_content_fadein {
    0% {
      bottom: 95px;
      opacity: 0;
    }
    100% {
      bottom: 95px;
      opacity: 1;
    }
  }

  &.isTouchDevice {
    // width: 100vw;
    // overflow-x: hidden;
  }

  &:not(.isTouchDevice) {
    @include var-height(100);

    overflow: hidden;
  }

  &.isHambugerOpen ~ #fb-root {
    position: relative;
    z-index: -1;

    .list.el-scrollbar__wrap {
      overflow-y: hidden;
    }
  }

  &.isToolIn {
    /* .toolSocialLine__button {
      animation: tool-fadein 0s 0s ease-out forwards !important;

      @include max-sm {
        bottom: 165px;
      }
    }

    .toolPrepaid__button {
      animation: tool-fadein 0s 0s ease-out forwards !important;

      @include max-sm {
        bottom: 250px;
      }
    } */

    ~ #fb-root .fb_dialog_content > iframe {
      // animation: fb_dialog_content_fadein 0s 0s ease-out forwards !important;
    }

    .toolPrepaid__button, .toolSocialLine__button, ~ #fb-root .fb_dialog_content > iframe {
      @include max-sm {
        transform: scale(0.8);
      }
    }
  }

  &.isCustomChatHidden {
    ~ #fb-root {
      display: none;
    }
  }

  &:not(.isShowHeader) {
    .layout {
      &__body {
        padding-top: 0;
      }
    }
  }
}