//
//  Amasty Show More Component Styles
//  ____________________________________________

//
//  Common
//  --------------------------------------------

& when (@media-common = true) {
    .amshowmore-container {
        .amshowmore-text {
            & {
                .transition(.3);

                position: relative;
                display: block;
                overflow: hidden;
            }

            &:after {
                position: absolute;
                top: 0;
                bottom: 0;
                display: block;
                width: 100%;
                box-shadow: inset 0 -15px 10px 0 rgba(255, 255, 255, .7);
                content: '';
            }

            &.-active {
                & {
                    box-shadow: none;
                }

                &:after {
                    content: none;
                }
            }

            &:not(.-active) {
                max-height: 100px;
            }
        }

        .amshowmore-button {
            & {
                .am-flex(none, center);

                margin-top: @amrev__indent / 2;
                color: #6b8fab;
                text-decoration: none;
                font-size: 12px;
                cursor: pointer;
                user-select: none;
            }

            &:after {
                display: inline-block;
                margin: 0 0 0 @amrev__indent / 2;
                content: '>';
                text-decoration: none;
                transform: scaleY(1.3);
            }
        }
    }
}
