@charset "UTF-8";
.products-index-product-case__card__type--blank .products-index-product-case__card__body:after, .products-index-product-case__card__type--pdf .products-index-product-case__card__body:after {
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: no-repeat 50%/contain;
    text-indent: 100%;
    vertical-align: middle;
    white-space: nowrap;
    content: "";
    will-change: background
}
.products-index-product-case__card__type--blank .products-index-product-case__card__body:after {
    background-image: url(/solafil/app-files/img/sprite/icon.svg#blank-usage)
}
.products-index-product-case__card__type--pdf .products-index-product-case__card__body:after {
    background-image: url(/solafil/app-files/img/sprite/icon.svg#pdf-usage)
}
.products-index-product-case__card__type--blank .products-index-product-case__card__body:after, .products-index-product-case__card__type--pdf .products-index-product-case__card__body:after {
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -7px
}
.products-index-product-case {
    width: 100%
}
.products-index-product-case > :first-child, .products-index-product-case > [class^=list-wrap] > :first-child, .products-index-product-case > section:first-child > :first-child {
    margin-top: 0 !important
}
.products-index-product-case__title {
    width: 100%;
    margin: 0;
    text-align: center
}
.products-index-product-case__title > :first-child, .products-index-product-case__title > [class^=list-wrap] > :first-child, .products-index-product-case__title > section:first-child > :first-child {
    margin-top: 0 !important
}
.products-index-product-case__description {
    margin: 0;
    font-size: var(--font-font-size--M);
    text-align: center
}
.products-index-product-case__description > :first-child, .products-index-product-case__description > [class^=list-wrap] > :first-child, .products-index-product-case__description > section:first-child > :first-child {
    margin-top: 0 !important
}
.products-index-product-case__card-wrap {
    margin-inline: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    width: 100%
}
.products-index-product-case__card-wrap > :first-child, .products-index-product-case__card-wrap > [class^=list-wrap] > :first-child, .products-index-product-case__card-wrap > section:first-child > :first-child, .products-index-product-case__card > :first-child, .products-index-product-case__card > [class^=list-wrap] > :first-child, .products-index-product-case__card > section:first-child > :first-child {
    margin-top: 0 !important
}
.products-index-product-case__card > [class*=__type] {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: var(--color-bg-base);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}
.products-index-product-case__card > [class*=__type], .products-index-product-case__card > [class*=__type]:active, .products-index-product-case__card > [class*=__type]:focus, .products-index-product-case__card > [class*=__type]:hover, .products-index-product-case__card > [class*=__type]:link, .products-index-product-case__card > [class*=__type]:visited {
    color: var(--color-font-TX1)
}
.products-index-product-case__card > [class*=__type] > :first-child, .products-index-product-case__card > [class*=__type] > [class^=list-wrap] > :first-child, .products-index-product-case__card > [class*=__type] > section:first-child > :first-child {
    margin-top: 0 !important
}
.products-index-product-case__card > [class*=__type]:before {
    display: block;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--color-base-main), var(--color-base-main2));
    content: "";
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1) 0s
}
.products-index-product-case__card > [class*=__type]:after {
    display: block;
    z-index: 0;
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: var(--color-bg-base);
    content: "";
    pointer-events: none
}
.products-index-product-case__card__head {
    position: relative;
    width: 100%
}
.products-index-product-case__card__head > :first-child, .products-index-product-case__card__head > [class^=list-wrap] > :first-child, .products-index-product-case__card__head > section:first-child > :first-child {
    margin-top: 0 !important
}
.products-index-product-case__card__image {
    translate: -50% 0;
    z-index: 1;
    position: absolute;
    left: 50%;
    pointer-events: none
}
.products-index-product-case__card__image > :first-child, .products-index-product-case__card__image > [class^=list-wrap] > :first-child, .products-index-product-case__card__image > section:first-child > :first-child {
    margin-top: 0 !important
}
.products-index-product-case__card__image > img {
    -o-object-fit: contain;
    -o-object-position: bottom center;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom center
}
.products-index-product-case__card__body {
    display: flex;
    z-index: 1;
    position: relative;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    width: 100%
}
.products-index-product-case__card__body > :first-child, .products-index-product-case__card__body > [class^=list-wrap] > :first-child, .products-index-product-case__card__body > section:first-child > :first-child {
    margin-top: 0 !important
}
.products-index-product-case__card__title {
    z-index: 1;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    word-break: keep-all;
    overflow-wrap: break-word
}
.products-index-product-case__card__title > :first-child, .products-index-product-case__card__title > [class^=list-wrap] > :first-child, .products-index-product-case__card__title > section:first-child > :first-child {
    margin-top: 0 !important
}
@media print, screen and (min-width:768px) {
    .products-index-product-case {
        margin: 6.4rem 0 0
    }
    .products-index-product-case__title {
        font-size: 3rem;
        font-weight: 700
    }
    .products-index-product-case__description {
        margin-top: 1.9rem
    }
    .products-index-product-case__card-wrap {
        gap: 4.5rem 2.2rem;
        margin-block: 7.2rem 0;
        max-width: 998px
    }
    .products-index-product-case__card {
        width: calc((100% - 6.6rem)/4)
    }
    .products-index-product-case__card > [class*=__type] {
        gap: 1.3rem 0;
        padding-block: 1.6rem 1.5rem;
        padding-inline: 1.6rem;
        border-radius: 40px;
        font-size: var(--font-font-size--M)
    }
    .products-index-product-case__card > [class*=__type]:not([class*="--nolink"]):hover {
        color: var(--color-base-main)
    }
    .products-index-product-case__card > [class*=__type]:not([class*="--nolink"]):hover:before {
        opacity: 1
    }
    .products-index-product-case__card > [class*=__type]:after {
        border-radius: 39px
    }
    .products-index-product-case__card__type--blank .products-index-product-case__card__body {
        padding-right: 23px
    }
    .products-index-product-case__card__type--blank .products-index-product-case__card__body:after {
        right: 6px
    }
    .products-index-product-case__card__type--pdf .products-index-product-case__card__body {
        padding-right: 23px
    }
    .products-index-product-case__card__type--pdf .products-index-product-case__card__body:after {
        right: 6px
    }
    .products-index-product-case__card__head {
        height: 132px
    }
    .products-index-product-case__card__image {
        bottom: 0;
        width: 203px;
        height: 196px
    }
    .products-index-product-case__card__title {
        font-weight: 700
    }
}
@media only screen and (max-width:767.98px) {
    .products-index-product-case {
        margin: 3.8rem 0 0
    }
    .products-index-product-case__title {
        font-size: 2.2rem;
        font-weight: 700
    }
    .products-index-product-case__description {
        margin-top: 2.7rem
    }
    .products-index-product-case__card-wrap {
        gap: 1.4rem 1.4rem;
        margin-block: 5.6rem 0
    }
    .products-index-product-case__card {
        width: calc((100% - 1.4rem)/2)
    }
    .products-index-product-case__card > [class*=__type] {
        gap: 1.1rem 0;
        padding-block: 1.4rem;
        padding-inline: 1.1rem;
        border-radius: 20px;
        font-size: var(--font-font-size--S);
        line-height: 1.4
    }
    .products-index-product-case__card > [class*=__type]:after {
        border-radius: 19px
    }
    .products-index-product-case__card__type--blank .products-index-product-case__card__body {
        padding-right: 23px
    }
    .products-index-product-case__card__type--blank .products-index-product-case__card__body:after {
        right: 1px
    }
    .products-index-product-case__card__type--pdf .products-index-product-case__card__body {
        padding-right: 23px
    }
    .products-index-product-case__card__type--pdf .products-index-product-case__card__body:after {
        right: 1px
    }
    .products-index-product-case__card__head {
        height: 57px
    }
    .products-index-product-case__card__image {
        bottom: 0;
        width: 103px;
        height: 100px
    }
    .products-index-product-case__card__title {
        font-size: var(--font-font-size--S);
        font-weight: 700
    }
}