[data-theme='dark'] {
  .@{drawer-prefix-cls} {
    &-right {
      &.@{drawer-prefix-cls}-open {
        .@{drawer-prefix-cls}-content-wrapper {
          box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.2), -9px 0 28px 0 rgba(0, 0, 0, 0.18),
            -12px 0 48px 16px rgba(0, 0, 0, 0.25);
        }
      }
    }
    &-left {
      &.@{drawer-prefix-cls}-open {
        .@{drawer-prefix-cls}-content-wrapper {
          box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.2), 9px 0 28px 0 rgba(0, 0, 0, 0.18),
            12px 0 48px 16px rgba(0, 0, 0, 0.25);
        }
      }
    }
    &-top {
      &.@{drawer-prefix-cls}-open {
        .@{drawer-prefix-cls}-content-wrapper {
          box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.2), 0 9px 28px 0 rgba(0, 0, 0, 0.18),
            0 12px 48px 16px rgba(0, 0, 0, 0.25);
        }
      }
    }
    &-bottom {
      &.@{drawer-prefix-cls}-open {
        .@{drawer-prefix-cls}-content-wrapper {
          box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.2), 0 -9px 28px 0 rgba(0, 0, 0, 0.18),
            0 -12px 48px 16px rgba(0, 0, 0, 0.25);
        }
      }
    }

    &-mask {
      background-color: fade(@black, 75%);
    }
  }
}