.results-shelf {
    margin: 5px;
    overflow: hidden;
    border: 1px solid #bbb;
    border-radius: 10px;
    padding: 0;
    font-size: 0;
  }
  
.results-shelf video {
    margin: 0;
}

.results-shelf img {
    margin: 0;
}

.results-shelf .item-nut_pb {
    margin-bottom: 25px;
}

.results-shelf .item-rope_pb {
    margin-bottom: 25px;
}

.results-shelf .item-tshirt_pb {
    margin-bottom: 25px;
}

th.no-border-bottom {
    border-bottom: none;
}

td.no-border-bottom {
    border-bottom: none;
}

.image-hover-container {
    position: relative;
    /* aspect-ratio: x/x; in html */
}

.image-hover-container img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease;
}

.image-hover-container img.top {
    opacity: 1;
}

.image-hover-container img.bottom {
    opacity: 0;
}

.image-hover-container:hover img.top {
    opacity: 0;
}

.image-hover-container:hover img.bottom {
    opacity: 1;
}

.method_name {
    font-size: medium;
}

.red {
    color: #c04f15;
}

.green {
    color: #58d985;
}

.failed_method_name {
    font-size: medium;
    color:#c04f15;
}

.success_method_name {
    font-size: medium;
    color:#58d985;
}

.results-carousel .item-nut_pb {
    margin-bottom: 25px;
}

.results-carousel .item-rope_pb {
    margin-bottom: 25px;
}

.results-carousel .item-tshirt_pb {
    margin-bottom: 25px;
}

.stuck_trial{
    font-size: medium;
    color:#c04f15;
}

.success_trial {
    font-size: medium;
    color:#58d985;
}

.results-carousel .item-nut_dp {
    margin-bottom: 25px;
}

.results-carousel .item-rope_dp {
    margin-bottom: 25px;
}