.aa_slider{
  display: flex;
  flex-direction: row;
  max-height: 100%;
}

.slide_in_roll{
  width: 100%;
  max-height: 100vw;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.slide_in_roll img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.aa_slider_arrow{
  position: absolute;
  top:calc(50% - 15px);
  font-size: 30px;
  transition: 0.2s;
  color:var(--aubainesblue);
}

.aa_slider_arrow:hover{
  color:var(--lightblue);
  cursor: pointer;
}

.aa_slider_left{
  left: 20px;
}

.aa_slider_right{
  right:20px;
}

.aa_slider_thumbnail_wrapper{
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

.aa_slider_thumbnail{
  border: 1px solid grey;
  border-radius: 5px;
  float: left;
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin: 5px;
}

.aa_slider_thumbnail > img {
    max-width: 100%;
    max-height: 100%;
}