@charset "utf-8"; /* CSS Document */
.comment {
  background-color: white;
  display: inline-block;
  padding: 10px 18px;
  position: relative;
  vertical-align: top;
}

.comment:before {
  content: "\00a0";
  display: block;
  height: 16px;
  position: absolute;
  top: 11px;
  transform: rotate( 29deg ) skew( -35deg );
  -moz-transform: rotate( 29deg ) skew( -35deg );
  -ms-transform: rotate( 29deg ) skew( -35deg );
  -o-transform: rotate( 29deg ) skew( -35deg );
  -webkit-transform: rotate( 29deg ) skew( -35deg );
  width: 20px;
  z-index: 0;
}

.comment.left {
  float: left;
  margin: 5px 45px 5px 20px;
  border: thin solid rgba(0, 0, 0, 0.1);
  border-radius: 1px;
  box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}

.comment.left:before {
  background-color: white;
  left: -10px;
  border-radius: 1px;
  border: thin solid rgba(0, 0, 0, 0.1);
  border-top: none;
  border-right: none;
}

.comment.right {
  float: right;
  margin: 5px 20px 5px 45px;
  box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}

.comment.right:before {
  background-color: white;
  right: -9px;
}