.thumbImage{
    overflow: hidden !important;
}
.thumbImage::before{
    content: "";
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 1;
    transition: all 0.3s ease;
}
.thumbImage img{
    transition: transform 0.3s ease-out;
}
.thumbImageContainerActive .thumbImage::before{
    box-shadow: inset 0 0 0 3px #fff;
}
.thumbImage:hover::before{
    box-shadow: inset 0 0 0 3px #fff;
}
.thumbImage:hover img{
    transform: scale(120%);
}



/* Thumbs2 */
.thumbsMenuHeader {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
    width: auto !important;
    align-items: center;
}
.thumbsMenuHeader div{
    font-size: 0.875rem !important;
    position: relative !important;
    flex:auto 1 1;
    left:0 !important;
    top:0 !important;
}
.thumbsMenuHeader div:not(.thumbsMenuChevron, .thumbsMenuDivider){
    width:auto !important;
}
.thumbsMenuChevron{
    width:15px !important;
    margin-left: 15px;
    transition-timing-function: var(--transitionJump) !important;
}
.thumbsMenuDivider{
    width: 7px !important;
    margin: 0 27px;
}
.thumbsScrollContainer{
    transition: all 0.3s ease !important;
    left:50% !important;
    transform: translateX(-50%) !important;
    max-width: 80% !important;
}
body.mobile .thumbsScrollContainer{
    border: solid #000000;
    border-width: 0 10px;
    background: #000000;
}
.thumbsHeaderMobile{
}

.thumbsMenuClonerItemHover{
    transition-duration: 0s !important;
}
.thumbsMenuGroupContainer{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 0 0.5rem;
    transition: all 0.3s ease-in-out;
}
.thumbsMenuGroupContainer:hover, .thumbsMenuGroupContainerHover{
    background-color: #0d161d96;
}

.visitedShow{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.thumbsScrollArea{
    transition: transform 0.3s ease !important;
    transform-origin: bottom !important;
}
body.mobile .thumbsScrollArea{

}