#features-configurator-hider {
    max-height: 0;
    overflow: hidden;
    transition: max-height: 0.2s;
}
#features-configurator-hider.show {
    max-height: 10000px;
    overflow: hidden;
    transition: max-height: 0.2s;
}
.featureNameBtn {
    font: var(--featureName-font);
    color: var(--featureName-color);
    text-transform: var(--featureName-transform);
}
.youSaveTip {
    display: flex;
    align-items: center;
    margin-left: 0;
}
.featureOptions .features-select {
    width: 400px;
    max-width: 100%;
    font: var(--featureValue-font);
    color: var(--featureValue-color);
    height: 40px;
}
.featureOptions {
    font: var(--featureValue-font);
    color: var(--featureValue-color);
}
.btnFeaturesCont .featureImg-cont {
    width: 20%;
}
.btnFeaturesCont .buttonImg {
    font: var(--featureImg-font);
    color: var(--featureImg-color);
    padding: 5px;
}
.tooltip-inner img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%;
    margin-bottom: 10px;
}
.buttonImg {
    border: var(--featureImg-border);
}
.buttonImg.active {
    border: var(--featureImg-active-border);
}
#features-trigger-btn {
    cursor: pointer;
}
#features-trigger-btn {
    display: inline-block;
    width: auto;
    background: var(--featuresTriggerBtn-bck) url(../img/icons/wand.svg) 15px center no-repeat;
    background-size: 24px 24px;
    font: var(--featuresTriggerBtn-font);
    color: var(--featuresTriggerBtn-color);
    margin: 20px auto;
    text-transform: var(--featuresTriggerBtn-transform);
    cursor: pointer;
    border: var(--featuresTriggerBtn-border);
    padding: var(--featuresTriggerBtn-padding);
}
#features-trigger-btn:hover {
    color: var(--featuresTriggerBtn-hover-color);
    background-color: var(--featuresTriggerBtn-hover-bck);
    border: var(--featuresTriggerBtn-hover-border);
}
.featuresExtraHeader {
    font: var(--featuresExtraHeader-font);
    color: var(--featuresExtraHeader-color);
}
.select2-container {
    width: 100% !important;
    max-width: 400px !important;
}
.cartFeatures  {
    font: var(--cartFeatures-font) !important;
    color: var(--cartFeatures-color) !important;
}
.cartFeatures small {
    padding-left: 5px;
    font-size: 0.8em !important;
}
.btnFeaturesCont:not(.lSSlide) {
    width: 100%;
    flex-wrap: wrap;
}
.featureImgGalleryTrigger {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.featureImgGalleryTrigger:before {
    mask-image: url(../img/icons/magnification.svg);
    -webkit-mask-image: url(../img/icons/magnification.svg);
    -o-mask-image: url(../img/icons/magnification.svg);
    -ms-mask-image: url(../img/icons/magnification.svg);

    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;

    mask-size: auto 20px;
    -webkit-mask-size: auto 20px;
    -o-mask-size: auto 20px;
    -ms-mask-size: auto 20px;

    mask-position: center center;
    -webkit-mask-position: center center;
    -o-mask-position: center center;
    -ms-mask-position: center center;

    background-color: var(--featuresMagnifier-fill);
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
}
#features-configurator .lSSlideOuter .lSPager.lSpg {
    margin-top: 15px !important;
}
.featureRequiredName {
    padding-right: 15px;
}
.featureRequiredName:after {
    content: '*';
    position: absolute;
    right: 0;
    font-size: 16px;
    top: calc(50% - 8px);
    color: red;
}
#features-configurator .lSSlideOuter {
    width: 100%;
}
@media screen and (min-width: 1241px) {
    .featureImgGalleryTrigger {
        display: none;
    }
}
@media screen and (max-width: 1199px) {
    .btnFeaturesCont .featureImg-cont {
        width: 33.33%;
    }
}
@media screen and (max-width: 576px) {
    .featureOptions {
        padding-left: 1px;
    }
    .featureOptions .features-select, .featureOptions {
        font: var(--mobile-featureValue-font);
    }
}