@use "../../libs/css/theme" as *;
@use "../../libs/css/mixin" as *;

@include b(swipe-action) {
  position: relative;
  overflow: hidden;

  @include e(left) {
    left: 0;
    transform: translate3d(-100%, 0, 0);
    position: absolute;
    top: 0;
    height: 100%;
  }

  @include e(right) {
    right: 0;
    transform: translate3d(100%, 0, 0);
    position: absolute;
    top: 0;
    height: 100%;

    @include m(action) {
      display: flex;
      height: 100%;

      @include e(btn) {
        padding: 0 15px;
        line-height: 46px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFFFFF;
      }
    }
  }
}