.action-bar[data-v-1adb9271] {
  position: fixed;
  bottom: 18px;
  right: 30px;
  padding: 15px 10px;
  text-align: center;
  z-index: 11;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.action-bar.showing[data-v-1adb9271] {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.action-bar.showing img[data-v-1adb9271] {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
}
.action-bar i[data-v-1adb9271] {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    position: relative;
    top: -2px;
}
.action-bar img[data-v-1adb9271] {
    vertical-align: bottom;
    margin-right: -80px;
    width: 150px;
    position: relative;
    z-index: 2;
    -webkit-transform: rotate(-93deg);
            transform: rotate(-93deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transition: all 0.5s cubic-bezier(0.37, 0.71, 1, 1.23);
    transition: all 0.5s cubic-bezier(0.37, 0.71, 1, 1.23);
}
.action-bar .action-bar-inner[data-v-1adb9271] {
    display: inline-block;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    padding: 20px;
    padding-left: 50px;
    border-radius: 42px;
    border: 3px solid #ffc727;
}
.action-bar .action-bar-inner .action-btn[data-v-1adb9271] {
      background-color: #5380f7;
      display: inline-block;
      padding: 3px;
      border: none;
      border-radius: 50%;
      -webkit-box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.3);
              box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.3);
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      position: relative;
      transition: all 0.3s;
      margin-right: 5px;
}
.action-bar .action-bar-inner .action-btn span[data-v-1adb9271] {
        position: absolute;
        white-space: nowrap;
        background-color: #000;
        color: #fff;
        left: 50%;
        bottom: -30px;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        padding: 3px 10px;
        border-radius: 10px;
        pointer-events: none;
        opacity: 0;
        font-size: 0.8em;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
}
.action-bar .action-bar-inner .action-btn span[data-v-1adb9271]::before {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 5px 5px 5px;
          border-color: transparent transparent #000 transparent;
          position: absolute;
          left: 50%;
          top: -5px;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
}
.action-bar .action-bar-inner .action-btn[data-v-1adb9271]:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
}
.action-bar .action-bar-inner .action-btn:hover span[data-v-1adb9271] {
          opacity: 1;
}
.action-bar .action-bar-inner .action-btn.ban[data-v-1adb9271] {
        background-color: #dc5555;
}
.action-bar .action-bar-inner .select-all-btn[data-v-1adb9271],
    .action-bar .action-bar-inner .clear-all-btn[data-v-1adb9271] {
      background-color: #eaeaea;
      text-decoration: none;
      padding: 0px 10px;
      line-height: 33px;
      display: inline-block;
      border-radius: 25px;
      font-size: 0.8em;
      cursor: pointer;
}
.action-bar .action-bar-inner .clear-all-btn[data-v-1adb9271] {
      margin-left: 5px;
}