/* Initially, set a fixed height for the swatch container and hide the overflow */
.expandable-swatches {
    height: 118px;
    max-height: 118px; /* Add max-height to avoid glitches */
    overflow: hidden!important;
    position: relative;
    display: block;
    border-bottom: 1px solid #0000005e!important;
    padding-top: 40px!important;
    box-shadow: 0px 2px 0px #0000000f;
    transition: max-height 0.5s ease; /* Apply transition to max-height property */
}

/* When "showallswatches" class is added, set max-height to a larger value */
.expandable-swatches.showallswatches {
    max-height: 1000px; /* Adjust the value to your desired maximum height */
}

.toggle-button {
    cursor: pointer!important;
}