.sxs-bcrd {
    &__samp {
        height: clamp(20rem, calc(15rem + 10vw + 15vh), 40vh);
        // height: clamp(20rem, calc(10rem + 8vw + 8vh), 40vh);
        max-height: 40rem;
        margin-bottom: 1rem;
        border-radius: 15px;
        background-color: $accentClear2;

        @include sm-wmin {
            height: clamp(20rem, calc(15rem + 10vw + 8vh), 55vh);
        }

        @include xxxl-wmin {
            height: clamp(20rem, calc(15rem + 12.5vw + 10vh), 70vh);
        }
    }

    &__tgs {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: .25rem;
        margin-bottom: 1rem;
    }

    &__tag {

        .sxs-itxg__txt,
        .icon {
            font-size: $text-10;
        }
    }

    &__tit {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: .25em;
        font-size: $text-18;
        font-weight: 800;
        line-height: 1.1;
    }

    &__des {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: $text-13;
        line-height: 1.15;
    }

    @include sm-wmin {
        &__tit {
            font-size: $text-20;
        }

        &__subtit {
            font-size: $text-15;
        }
    }
}