.smi-intro-text{

    position: relative;

    margin-top: calc(0.25rem * 6);

    margin-bottom: calc(0.25rem * 2);

}

.smi-trimmed-content{

    transition: max-height 0.3s ease-out;

    color: #64748b;

}

.smi-expand-intro-text {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-top: 10px;

    font-size: 14px;

    cursor: pointer;

    color: #16a34a;

    margin-top: calc(0.25rem * 2);

}

.smi-expand-intro-text .dashicons {

    font-size: 14px;

    line-height: inherit;

}

.smi-show-less{

    display: none;

}

.smi-intro-text.expanded .smi-show-less{

    display: block;

}

.smi-intro-text.expanded .smi-show-more{

    display: none;

}

.smi-intro-text.expanded .smi-expand-intro-text .dashicons{

    transform: rotate(180deg);

}

.smi-intro-fade {

    pointer-events: none;

    position: absolute;

    right: calc(0.25rem * 0);

    left: calc(0.25rem * 0);

    bottom: 1.75rem;

    height: 2.5em;

    background: linear-gradient(to bottom, transparent 0%, #ffffff 90%);

    transition: opacity 0.3s ease;

}

.smi-intro-text.expanded .smi-intro-fade{

    opacity: 0;

}