.loading {
    display: flex;
    align-items: center;
}

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

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

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

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

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

.comments__kma {
    overflow: hidden
}

.loading {
    font-style: italic
}

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

@keyframes loading {
    60% {
        text-shadow: 0.35em 0 0 currentColor;
    }
    100% {
        text-shadow: 0.35em 0 0 currentColor, 0.75em 0 0 currentColor;
    }
}