.thumbnail{display:flex;flex-direction:column}.thumbnail .selected-image{position:relative;overflow:hidden}.thumbnail .selected-image .carousel{display:flex;max-width:1000px;gap:10px}.thumbnail .selected-image .carousel.with-transition{transition:all .3s}.thumbnail .selected-image .carousel img{width:100%;min-width:100%;height:auto}.thumbnail .selected-image .arrow-wrapper{z-index:1;position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between}.thumbnail .selected-image .arrow-wrapper button{width:42px;height:42px;background-color:var(--color-text-primary);color:var(--white);transition:background-color .3s;display:flex;align-items:center;justify-content:center}.thumbnail .selected-image .arrow-wrapper button:hover{background-color:var(--color-gold)}.thumbnail .thumbnail-container{margin-top:14px;width:100%}.thumbnail .thumbnail-container .thumbnail-list{display:flex;gap:12px}.thumbnail .thumbnail-container .thumbnail-list .thumbnail-item{display:flex;flex-direction:column;cursor:pointer;overflow:hidden;border:2px solid transparent}.thumbnail .thumbnail-container .thumbnail-list .thumbnail-item.active{border-color:var(--color-gold)}.thumbnail .thumbnail-container .thumbnail-list .thumbnail-item .img{width:100%;height:auto;object-fit:cover;transition:all .3s}@media(max-width:767px){.thumbnail .thumbnail-container{margin-top:5px}.thumbnail .thumbnail-container .thumbnail-list{gap:5px}}