.loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.loading img {
    display: inline;
    width: 60px !important;
    margin: 0 16px 0 0
}

.comment-write {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    max-height: 100px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.comments__kma>div {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.comment-add {
    margin: 15px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px
}

.comment-hide {
    -webkit-transform: translateX(calc(-100% - 100px));
            transform: translateX(calc(-100% - 100px));
    height: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.comment-write {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    max-height: 100px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.comments__kma {
    overflow: hidden
}

.loading {
    font-style: italic
}

.loading:after {
    content: '.';
    -webkit-animation: loading 1s ease alternate infinite;
            animation: loading 1s ease alternate infinite
}

@-webkit-keyframes loading {
    60% {
        text-shadow: .35em 0 0 currentColor
    }
}

@keyframes loading {
    60% {
        text-shadow: .35em 0 0 currentColor
    }
}

@-webkit-keyframes race {
    0% {
        -webkit-transform: skew(0, -3deg);
                transform: skew(0, -3deg)
    }

    25% {
        -webkit-transform: skew(0, 3deg);
                transform: skew(0, 3deg)
    }

    50% {
        -webkit-transform: skew(0, -3deg);
                transform: skew(0, -3deg)
    }

    75% {
        -webkit-transform: skew(0, 3deg);
                transform: skew(0, 3deg)
    }

    100% {
        -webkit-transform: skew(0, );
                transform: skew(0, )
    }
}

@keyframes race {
    0% {
        -webkit-transform: skew(0, -3deg);
                transform: skew(0, -3deg)
    }

    25% {
        -webkit-transform: skew(0, 3deg);
                transform: skew(0, 3deg)
    }

    50% {
        -webkit-transform: skew(0, -3deg);
                transform: skew(0, -3deg)
    }

    75% {
        -webkit-transform: skew(0, 3deg);
                transform: skew(0, 3deg)
    }

    100% {
        -webkit-transform: skew(0, );
                transform: skew(0, )
    }
}