/* =========== Begin: Show more/less content =========== */
.show-more-less__container {
    --sml-buttons-mt: 1rem;
    --bs-btn-font-size-sml: 1rem;
    --bs-btn-line-height-sml: 1.5;
    --bs-btn-padding-y-sml: 0.375rem;
    --bs-btn-border-width-sml: var(--bs-border-width);
    --sml-buttons-height: calc(var(--sml-buttons-mt) + var(--bs-btn-line-height-sml) * var(--bs-btn-font-size-sml) + 2 * var(--bs-btn-padding-y-sml) + 2 * (var(--bs-btn-border-width-sml)));
}
.show-more-less__container:not(.need__show-more) {
    margin-bottom: var(--sml-buttons-height);
}
.show-more-less_content__container {
    max-height: var(--sml-max-height, 100px);
    transition: max-height 0.5s ease;
}
.show-more-less__fade {
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    /* background: transparent; */
    background: var(--sml-bg, linear-gradient(0deg, #fff, transparent));
    opacity: 0;
    transition: all 0.5s ease;
}
.show-more-less__container:not(.opened) .show-more-less__fade {
    opacity: 1;
    height: 50%;
}
.show-more-less__container.need__show-more .show-more-less__fade,
.show-more-less__container.need__show-more .show-more-less__buttons {
    display: block;
}
.show-more-less__container .show-more-less__buttons {
    margin-top: var(--sml-buttons-mt);
}
.show-more-less__container .btn {
    --bs-btn-font-size: var(--bs-btn-font-size-sml);
    --bs-btn-line-height: var(--bs-btn-line-height-sml);
    --bs-btn-padding-y: var(--bs-btn-padding-y-sml);
    --bs-btn-border-width: var(--bs-btn-border-width-sml);
    min-height: calc(var(--sml-buttons-height) - var(--sml-buttons-mt));
}
.show-more-less__container.opened .show-more-less__buttons .btn-more,
.show-more-less__container:not(.opened) .show-more-less__buttons .btn-less {
    display: none !important;
}
/* =========== End: Show more/less content =========== */