﻿.Featured.swiper .swiper-wrapper,
.Featured.swiper .swiper-slide,
.FeatruedCustomlist .FeatureThumbs {
    height: 37rem
}

.FeatruedCustomlist ol.ThumbItems li {
    list-style-type: none;
    counter-increment: item;
    border-bottom: 0.1em solid var(--Lsilver);
    gap: 1rem;
}

.FeatruedCustomlist ol.ThumbItems li>span {
    flex: 1 0 auto
}

.FeatruedCustomlist ol.ThumbItems li svg {
    opacity: 0;
    transition: all ease-in-out 0.4s;
}

.FeatruedCustomlist ol.ThumbItems li.swiper-slide-thumb-active svg {
    opacity: 1
}

.FeatruedCustomlist ol.ThumbItems li:before {
    content: counter(item, decimal-leading-zero);
    display: inline-block;
    font-family: "Indie Flower", cursive;
    border-bottom: 0.1em solid var(--Black);
    opacity: 0.5;
    padding: 0 0.5rem;
    height: 100%;
    line-height: 4;
}

.FeatruedCustomlist ol.ThumbItems :where(li:hover, li.swiper-slide):after {
    content: '';
    width: 0%;
    height: 0.1rem;
    position: absolute;
    bottom: 0;
    display: flex;
    border-bottom: 0.1em solid var(--Black);
    opacity: 0.5;
    transition: all ease-in-out 0.4s;
}

.FeatruedCustomlist ol.ThumbItems :where(li:hover, li.swiper-slide-thumb-active):after {
    content: '';
    width: 100%;
}

.FeatruedCustomlist .ItemDesc {
    bottom: 0;
    right: 0
}

.en-title {
    display: none;
}