.el-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: 0; }
  .el-carousel__item.is-active {
    z-index: 2; }
  .el-carousel__item.is-animating {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; }
  .el-carousel__item--card {
    width: 50%;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; }
    .el-carousel__item--card.is-in-stage {
      cursor: pointer;
      z-index: 1; }
      .el-carousel__item--card.is-in-stage:hover .el-carousel__mask,
      .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
        opacity: 0.12; }
    .el-carousel__item--card.is-active {
      z-index: 2; }

.el-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  opacity: 0.24;
  -webkit-transition: .2s;
  transition: .2s; }