@charset "UTF-8"
@import "./common/var";

.h-carousel
  position relative
  overflow: hidden;
  .h-carousel__container
    padding 0
    position absolute
    width 100%
    height 100%

.h-carousel-item
  position: absolute;
  transition all .6s
  &.is-front
    height: 40%;
    width: 34%;
    top: 46%;
    left: 33%;
    z-index: 10;
  &.is-behind
    height: 20%;
    width: 20%;
    top: 10%;
    z-index: 7;
    left: 40%;
  &.is-left
    height: 30%;
    width: 26%;
    z-index 9;
    left: 3%;
    top: 44%;
  &.is-right
    height: 30%;
    width: 26%;
    z-index 9;
    left: 70%;
    top: 44%;
  &.is-other
    top 50%
    left -50%
    opacity 0
  .h-carousel-item__container
    position: relative;
    width: 100%;
    height: 100%;