.drawer {
  z-index: 200;
  width: 90%;
  display: none;
  position: absolute;
  box-shadow: #000 0px 0 20px 0px;

  &.drawer-opened,
  &.drawer-opened .overlay {
    display: block;
  }

  &.drawer-opened{
    &.expanded-drawer{
      top: 0px !important;
      left: 0px;
      width: 100%;
      height: 100%;

      .inner-wrap{
        height: 100%;
        max-height: none;

        .drawer-title-bar{
          position: sticky;
        }

        .inner{
          height: calc(100% - (43px + 2px + 2px + 5px + 5px));
        }
      }
    }
  }
  .inner-wrap {
    z-index: 1000;
    min-height: 500px;
    max-height: 500px;
    background: #fff;
    padding: 0;
    border: 2px solid #3444BF;
    border-radius: 4px 4px 0 0;

    .drawer-title-bar {
      z-index: 100;
      color: #fff;
      background-color: #3444BF;
      height: 43px;
      .inner-title {
        line-height: 43px;
        margin: 0;
        font-size: 20px;
        width: 100%;
        text-align: center;
        .drawer-close {
          width: 43px;
          height: 43px;
          display: block;
          cursor: pointer;
          position: absolute;
          right: 0;
        }
      }
    }

    .inner {
      position: relative;
      padding: 20px;
      overflow-y: scroll;
      height: calc(500px - (43px + 2px + 2px + 5px + 5px));
      margin: 5px;

      &::-webkit-scrollbar {
        width: 4px;
      }

      &::-webkit-scrollbar-thumb {
        background: #8e8ea9;
        border-radius: 2px;
      }

      > .aa-loader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }

      form[name="admin_brick_form"] {
        label {
          color: #000;
          font-weight: 600;
        }
      }
    }
  }

  .submit-actions {
    position: sticky;
    bottom: -20px;
    padding: 10px 0 ;
    margin: 0;
    background: #fff;
    z-index: 10;
  }
}

.position-initial{
  position: initial;
}
