@import '../../style/mask.scss';

.dui-actionsheet {
  &__body {
    @include fixed(bottom);
    z-index: 10000;
    transform: translate(0, 100%);
    transition: transform .3s;
    overflow: hidden;
    backface-visibility: hidden;
  }
  &__body--default {
    background-color: #f7f7f7;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
  &.show {
    .dui-actionsheet__body {
      transform: translate(0, 0);
    }
  }
}