.comment {
     padding: 5px 0;
     height: 130px;
     overflow: hidden;
     box-sizing: border-box;
     border-bottom: 1px solid #fff;
     display: flex;
     flex-direction: row;
     margin-bottom: 20px
 }

 .view {
     display: inline-block;
     width: 50px;
     height: 50px;
     margin-right: 10px
 }

 .sendcomment {
     font-size: 12px;
     color: #0056b3 !important;
     cursor: pointer
 }

 .sendcomment:hover {
     text-decoration: underline !important
 }

 #textboxname,
 #textboxtext {
     max-width: 100% !important
 }

 .textbox {
     border-radius: 0;
     border: 1px solid #bdc7d8;
     padding: 3px;
     height: 30px;
     font-size: 12px;
     width: 100%;
     margin-top: 3px;
     margin-bottom: 2px
 }

 .description {
     display: inline-block;
     flex-direction: column;
     justify-content: start;
     width: 100%
 }

 .addphoto {
     display: inline-block;
     padding-top: 0
 }

 .user-info {
     padding-top: 6px
 }

 .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-add {
     margin: 15px 0;
     border-bottom: 1px solid #ccc;
     padding-bottom: 8px
 }

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

 .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;
     }
 }

 @keyframes race {
     0% {
         transform: skew(0, -3deg);
     }
     25% {
         transform: skew(0, 3deg);
     }
     50% {
         transform: skew(0, -3deg);
     }
     75% {
         transform: skew(0, 3deg);
     }
     100% {
         transform: skew(0, );
     }
 }