.bg--gradient-white {
    background: linear-gradient(to Top, #f6f6f6 85%, transparent 20%);
}

.product-color {
    position: relative;
}

button.pointer-events--none {
    pointer-events: none;
}

.product-table li {
    display: flex;
}

.txt-caption.info > :first-child,
.product-table li > :first-child {
    margin: 0 0.25rem;
}

.product-table li span {
    padding: 0;
}

.product-table li > :last-child > :last-child::before {
    content: "\A";
    white-space: pre;
}

.product-table {
    overflow-x: auto;
}

.product-table table {
    table-layout: auto;
}

.product-table thead th,
.product-table tbody span,
.product-table tbody div,
.crossfade {
    position: relative;
}

.product-table tbody th:first-child,
.product-table tbody tr:nth-child(odd) {
    background-color: #ededed;
}

.product-table tbody tr:nth-child(even) > th {
    background-color: #f6f6f6;
}

.product-table th:first-child {
    left: 0;
    position: sticky;
    z-index: 1;
}

.product-table svg {
    display: initial;
}

.product-table span {
    padding: 0.625em 0;
}

.product-table span > span {
    padding: 0 0.625em;
}


.product-table tbody td > div {
    padding: 0.625em;
}

.product-table tbody tr + tr {
    margin-top: 1.25em;
}

.product-table th,
.product-table td {
    display: table-cell;
    padding: 0 0.625em;
    max-width: 185px;
}

.product-table th,
.product-table td,
.product-table tr {
    border-width: 0;
}

.product-table li {
    list-style: none;
}

[data-crossfade] {
    text-align: center;
}

.crossfade > img:first-child ~ img {
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    transform: translate(-50%);
}