/*
 *  CSS for left and right arrows
 */
.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.carousel-item {
    display: flex;
    align-items: center;
}

/*
 *  Select Item
 */
.carousel-item > label {
    cursor: pointer;
}

.carousel-item > input[type="radio"] {
    display: none;
}

.carousel-item > input[type="radio"] ~ * {
    display: none;
}

.carousel-item > input[type="radio"]:checked ~ * {
    display: block;
}