.@{ant-prefix}-drawer {
  &-left,
  &-right {
    @media (min-width: @drawer-sm) {
      .drawer-sm {
        width: auto !important;
        max-width: @drawer-sm;
      }
    }
    @media (max-width: @drawer-sm - 1) {
      .drawer-sm {
        width: 100% !important;
      }
    }

    @media (min-width: @drawer-md) {
      .drawer-md {
        width: auto !important;
        max-width: @drawer-md;
      }
    }
    @media (max-width: @drawer-md - 1) {
      .drawer-md {
        width: 100% !important;
      }
    }

    @media (min-width: @drawer-lg) {
      .drawer-lg {
        width: auto !important;
        max-width: @drawer-lg;
      }
    }
    @media (max-width: @drawer-lg - 1) {
      .drawer-lg {
        width: 100% !important;
      }
    }

    @media (min-width: @drawer-xl) {
      .drawer-xl {
        width: auto !important;
        max-width: @drawer-xl;
      }
    }
    @media (max-width: @drawer-xl - 1) {
      .drawer-xl {
        width: 100% !important;
      }
    }
  }
}

.drawer {
  &-footer {
    /**
      * 抽屉底部区域，用于抽屉目标组件内使用
      * Drawer bottom area for use in drawer target components
      */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: @drawer-footer-padding-vertical @drawer-body-padding;
    text-align: right;
    background: @popover-background;
    border-top: @border-width-base @border-style-base @border-color-split;
    border-radius: 0 0 @border-radius-base @border-radius-base;
  }
}