body {
    margin: 0;
}

.change_icon_variant{
    width: 100px;
}
.change_icon_variant_active{
    border: 3px solid red;
}

ul.change_icon_carousel {
    width: 100vw;
    height: 200px;
    padding: 0;
  
    text-align: center;

    overflow-x: scroll;
    scroll-snap-type: x mandatory;

    display: flex;
    gap: 12px;

  }

ul.change_icon_carousel li {
    list-style-type: none;
  
    display: inline-block;
    height: 100%;
    width: 104px;
  
    border: 1px solid #dddddd;
    padding: 0;
    margin: 0 10px;
  
    text-align: left;
    scroll-snap-align: center;
  }

.centred{
    text-align: center;
}