/*!
	Guten-Bubble style sheet
*/
.cn-gutenbubble {
  overflow: hidden;
  padding: 10px 20px;
  margin: 0;
  line-height: 1.5;
  color: #333333;
  display: block;
  clear: both;
  content: "";
}
@media screen and (min-width: 721px) {
  .cn-gutenbubble .chara-right, .cn-gutenbubble .chara-left {
    width: 110px;
  }
}
@media screen and (max-width: 720px) {
  .cn-gutenbubble .chara-right, .cn-gutenbubble .chara-left {
    width: 70px;
  }
}
.cn-gutenbubble .chara-left {
  float: left;
}
@media screen and (min-width: 721px) {
  .cn-gutenbubble .chara-left {
    margin-right: -110px;
  }
}
@media screen and (max-width: 720px) {
  .cn-gutenbubble .chara-left {
    margin-right: -70px;
  }
}
.cn-gutenbubble .chara-right {
  float: right;
}
@media screen and (min-width: 721px) {
  .cn-gutenbubble .chara-right {
    margin-left: -110px;
  }
}
@media screen and (max-width: 720px) {
  .cn-gutenbubble .chara-right {
    margin-left: -70px;
  }
}
.cn-gutenbubble .chara-icon {
  text-align: center;
}
@media screen and (min-width: 721px) {
  .cn-gutenbubble .chara-icon {
    height: 100px;
  }
}
@media screen and (max-width: 720px) {
  .cn-gutenbubble .chara-icon {
    height: 60px;
  }
}
@media screen and (min-width: 721px) {
  .cn-gutenbubble .chara-icon > img {
    height: 100px;
    width: 100px;
  }
}
@media screen and (max-width: 720px) {
  .cn-gutenbubble .chara-icon > img {
    height: 60px;
    width: 60px;
  }
}
.cn-gutenbubble .chara-name {
  overflow: hidden;
  text-align: center;
  font-size: 12px;
}
.cn-gutenbubble .bubble-right, .cn-gutenbubble .bubble-left {
  position: relative;
  padding-top: 14px;
}
.cn-gutenbubble .bubble-left {
  float: left;
}
@media screen and (min-width: 721px) {
  .cn-gutenbubble .bubble-left {
    margin-left: 140px;
    margin-right: 120px;
  }
}
@media screen and (max-width: 720px) {
  .cn-gutenbubble .bubble-left {
    margin-left: 100px;
  }
}
.cn-gutenbubble .bubble-right {
  float: right;
}
@media screen and (min-width: 721px) {
  .cn-gutenbubble .bubble-right {
    margin-right: 140px;
    margin-left: 120px;
  }
}
@media screen and (max-width: 720px) {
  .cn-gutenbubble .bubble-right {
    margin-right: 100px;
  }
}
.cn-gutenbubble .tail-speak-right::after, .cn-gutenbubble .tail-speak-right::before, .cn-gutenbubble .tail-speak-left::after, .cn-gutenbubble .tail-speak-left::before {
  position: absolute;
  top: 23px;
  z-index: 1;
  height: 0;
  width: 0;
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-color: transparent #CCCCCC;
  content: "";
}
.cn-gutenbubble .tail-speak-left::before {
  border-right-width: 24px;
  border-style: solid solid solid none;
  left: -24px;
}
.cn-gutenbubble .tail-speak-left::after {
  border-right-width: 24px;
  border-style: solid solid solid none;
  left: -22px;
  z-index: 3;
  border-color: transparent #FFFFFF;
}
.cn-gutenbubble .tail-speak-right::before {
  border-left-width: 24px;
  border-style: solid none solid solid;
  right: -24px;
}
.cn-gutenbubble .tail-speak-right::after {
  border-left-width: 24px;
  border-style: solid none solid solid;
  right: -22px;
  z-index: 3;
  border-color: transparent #FFFFFF;
}
.cn-gutenbubble .tail-think-right::after, .cn-gutenbubble .tail-think-right::before, .cn-gutenbubble .tail-think-left::after, .cn-gutenbubble .tail-think-left::before {
  position: absolute;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;
  content: "";
}
.cn-gutenbubble .tail-think-left::before {
  top: 24px;
  left: -17px;
  height: 12px;
  width: 12px;
  border-radius: 10px;
}
.cn-gutenbubble .tail-think-left::after {
  top: 20px;
  left: -28px;
  height: 8px;
  width: 8px;
  border-radius: 5px;
}
.cn-gutenbubble .tail-think-right::before {
  top: 24px;
  right: -17px;
  height: 12px;
  width: 12px;
  border-radius: 10px;
}
.cn-gutenbubble .tail-think-right::after {
  top: 20px;
  right: -28px;
  height: 8px;
  width: 8px;
  border-radius: 5px;
}
.cn-gutenbubble .content {
  position: relative;
  padding: 5px 10px;
  margin: auto;
  z-index: 2;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #EEEEEE;
  color: #333333;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-success::after {
  border-color: transparent #dff0d8 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-success::before, .cn-gutenbubble div[class*=tail-think].theme-color-success::after {
  background-color: #dff0d8 !important;
  border-color: #d6e9c6 !important;
}
.cn-gutenbubble .content.theme-color-success {
  background-color: #dff0d8 !important;
  border-color: #d6e9c6 !important;
  color: #3c763d !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-info::after {
  border-color: transparent #d9edf7 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-info::before, .cn-gutenbubble div[class*=tail-think].theme-color-info::after {
  background-color: #d9edf7 !important;
  border-color: #bce8f1 !important;
}
.cn-gutenbubble .content.theme-color-info {
  background-color: #d9edf7 !important;
  border-color: #bce8f1 !important;
  color: #31708f !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-warning::after {
  border-color: transparent #fcf8e3 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-warning::before, .cn-gutenbubble div[class*=tail-think].theme-color-warning::after {
  background-color: #fcf8e3 !important;
  border-color: #f5e79e !important;
}
.cn-gutenbubble .content.theme-color-warning {
  background-color: #fcf8e3 !important;
  border-color: #f5e79e !important;
  color: #8a6d3b !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-danger::after {
  border-color: transparent #f2dede !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-danger::before, .cn-gutenbubble div[class*=tail-think].theme-color-danger::after {
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
}
.cn-gutenbubble .content.theme-color-danger {
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
  color: #a94442 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-rose::before, .cn-gutenbubble div[class*=tail-speak].theme-color-rose-fill::before {
  border-color: transparent #F9007C !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-rose::after, .cn-gutenbubble div[class*=tail-speak].content.theme-color-rose-fill::after {
  border-color: transparent #FFEDF6 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-rose-fill::after {
  border-color: transparent #F9007C !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-rose::before, .cn-gutenbubble div[class*=tail-think].content.theme-color-rose-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-rose::after, .cn-gutenbubble div[class*=tail-think].content.theme-color-rose-fill::after {
  background-color: #FFEDF6 !important;
  border-color: #F9007C !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-rose-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-rose-fill::after {
  background-color: #F9007C !important;
  border-color: #F9007C !important;
}
.cn-gutenbubble .content.theme-color-rose, .cn-gutenbubble .content.theme-color-rose-fill {
  background-color: #FFEDF6 !important;
  border-color: #F9007C !important;
}
.cn-gutenbubble .content.theme-color-rose-fill {
  background-color: #F9007C !important;
  color: white !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-orange::before, .cn-gutenbubble div[class*=tail-speak].theme-color-orange-fill::before {
  border-color: transparent #F98511 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-orange::after, .cn-gutenbubble div[class*=tail-speak].content.theme-color-orange-fill::after {
  border-color: transparent #FDEAD7 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-orange-fill::after {
  border-color: transparent #F98511 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-orange::before, .cn-gutenbubble div[class*=tail-think].content.theme-color-orange-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-orange::after, .cn-gutenbubble div[class*=tail-think].content.theme-color-orange-fill::after {
  background-color: #FDEAD7 !important;
  border-color: #F98511 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-orange-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-orange-fill::after {
  background-color: #F98511 !important;
  border-color: #F98511 !important;
}
.cn-gutenbubble .content.theme-color-orange, .cn-gutenbubble .content.theme-color-orange-fill {
  background-color: #FDEAD7 !important;
  border-color: #F98511 !important;
}
.cn-gutenbubble .content.theme-color-orange-fill {
  background-color: #F98511 !important;
  color: white !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-lemon::before, .cn-gutenbubble div[class*=tail-speak].theme-color-lemon-fill::before {
  border-color: transparent #FFE900 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-lemon::after, .cn-gutenbubble div[class*=tail-speak].content.theme-color-lemon-fill::after {
  border-color: transparent #FFFACD !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-lemon-fill::after {
  border-color: transparent #FFE900 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-lemon::before, .cn-gutenbubble div[class*=tail-think].content.theme-color-lemon-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-lemon::after, .cn-gutenbubble div[class*=tail-think].content.theme-color-lemon-fill::after {
  background-color: #FFFACD !important;
  border-color: #FFE900 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-lemon-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-lemon-fill::after {
  background-color: #FFE900 !important;
  border-color: #FFE900 !important;
}
.cn-gutenbubble .content.theme-color-lemon, .cn-gutenbubble .content.theme-color-lemon-fill {
  background-color: #FFFACD !important;
  border-color: #FFE900 !important;
}
.cn-gutenbubble .content.theme-color-lemon-fill {
  background-color: #FFE900 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-lime::before, .cn-gutenbubble div[class*=tail-speak].theme-color-lime-fill::before {
  border-color: transparent #00FF00 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-lime::after, .cn-gutenbubble div[class*=tail-speak].content.theme-color-lime-fill::after {
  border-color: transparent #E5FFE5 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-lime-fill::after {
  border-color: transparent #00FF00 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-lime::before, .cn-gutenbubble div[class*=tail-think].content.theme-color-lime-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-lime::after, .cn-gutenbubble div[class*=tail-think].content.theme-color-lime-fill::after {
  background-color: #E5FFE5 !important;
  border-color: #00FF00 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-lime-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-lime-fill::after {
  background-color: #00FF00 !important;
  border-color: #00FF00 !important;
}
.cn-gutenbubble .content.theme-color-lime, .cn-gutenbubble .content.theme-color-lime-fill {
  background-color: #E5FFE5 !important;
  border-color: #00FF00 !important;
}
.cn-gutenbubble .content.theme-color-lime-fill {
  background-color: #00FF00 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-viridian::before, .cn-gutenbubble div[class*=tail-speak].theme-color-viridian-fill::before {
  border-color: transparent #05FFC8 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-viridian::after, .cn-gutenbubble div[class*=tail-speak].content.theme-color-viridian-fill::after {
  border-color: transparent #D1FFF5 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-viridian-fill::after {
  border-color: transparent #05FFC8 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-viridian::before, .cn-gutenbubble div[class*=tail-think].content.theme-color-viridian-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-viridian::after, .cn-gutenbubble div[class*=tail-think].content.theme-color-viridian-fill::after {
  background-color: #D1FFF5 !important;
  border-color: #05FFC8 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-viridian-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-viridian-fill::after {
  background-color: #05FFC8 !important;
  border-color: #05FFC8 !important;
}
.cn-gutenbubble .content.theme-color-viridian, .cn-gutenbubble .content.theme-color-viridian-fill {
  background-color: #D1FFF5 !important;
  border-color: #05FFC8 !important;
}
.cn-gutenbubble .content.theme-color-viridian-fill {
  background-color: #05FFC8 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-sky::before, .cn-gutenbubble div[class*=tail-speak].theme-color-sky-fill::before {
  border-color: transparent #00BFFF !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-sky::after, .cn-gutenbubble div[class*=tail-speak].content.theme-color-sky-fill::after {
  border-color: transparent #D8F5FF !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-sky-fill::after {
  border-color: transparent #00BFFF !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-sky::before, .cn-gutenbubble div[class*=tail-think].content.theme-color-sky-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-sky::after, .cn-gutenbubble div[class*=tail-think].content.theme-color-sky-fill::after {
  background-color: #D8F5FF !important;
  border-color: #00BFFF !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-sky-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-sky-fill::after {
  background-color: #00BFFF !important;
  border-color: #00BFFF !important;
}
.cn-gutenbubble .content.theme-color-sky, .cn-gutenbubble .content.theme-color-sky-fill {
  background-color: #D8F5FF !important;
  border-color: #00BFFF !important;
}
.cn-gutenbubble .content.theme-color-sky-fill {
  background-color: #00BFFF !important;
  color: white !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-imperial::before, .cn-gutenbubble div[class*=tail-speak].theme-color-imperial-fill::before {
  border-color: transparent #2464FF !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-imperial::after, .cn-gutenbubble div[class*=tail-speak].content.theme-color-imperial-fill::after {
  border-color: transparent #D8E4FF !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-imperial-fill::after {
  border-color: transparent #2464FF !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-imperial::before, .cn-gutenbubble div[class*=tail-think].content.theme-color-imperial-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-imperial::after, .cn-gutenbubble div[class*=tail-think].content.theme-color-imperial-fill::after {
  background-color: #D8E4FF !important;
  border-color: #2464FF !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-imperial-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-imperial-fill::after {
  background-color: #2464FF !important;
  border-color: #2464FF !important;
}
.cn-gutenbubble .content.theme-color-imperial, .cn-gutenbubble .content.theme-color-imperial-fill {
  background-color: #D8E4FF !important;
  border-color: #2464FF !important;
}
.cn-gutenbubble .content.theme-color-imperial-fill {
  background-color: #2464FF !important;
  color: white !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-lavendar::before, .cn-gutenbubble div[class*=tail-speak].theme-color-lavendar-fill::before {
  border-color: transparent #9F80FC !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-lavendar::after, .cn-gutenbubble div[class*=tail-speak].content.theme-color-lavendar-fill::after {
  border-color: transparent #DFD6F9 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-lavendar-fill::after {
  border-color: transparent #9F80FC !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-lavendar::before, .cn-gutenbubble div[class*=tail-think].content.theme-color-lavendar-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-lavendar::after, .cn-gutenbubble div[class*=tail-think].content.theme-color-lavendar-fill::after {
  background-color: #DFD6F9 !important;
  border-color: #9F80FC !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-lavendar-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-lavendar-fill::after {
  background-color: #9F80FC !important;
  border-color: #9F80FC !important;
}
.cn-gutenbubble .content.theme-color-lavendar, .cn-gutenbubble .content.theme-color-lavendar-fill {
  background-color: #DFD6F9 !important;
  border-color: #9F80FC !important;
}
.cn-gutenbubble .content.theme-color-lavendar-fill {
  background-color: #9F80FC !important;
  color: white !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-monotone::before, .cn-gutenbubble div[class*=tail-speak].theme-color-monotone-fill::before {
  border-color: transparent #777 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-monotone::after, .cn-gutenbubble div[class*=tail-speak].content.theme-color-monotone-fill::after {
  border-color: transparent #EEE !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-monotone-fill::after {
  border-color: transparent #777 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-monotone::before, .cn-gutenbubble div[class*=tail-think].content.theme-color-monotone-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-monotone::after, .cn-gutenbubble div[class*=tail-think].content.theme-color-monotone-fill::after {
  background-color: #EEE !important;
  border-color: #777 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-monotone-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-monotone-fill::after {
  background-color: #777 !important;
  border-color: #777 !important;
}
.cn-gutenbubble .content.theme-color-monotone, .cn-gutenbubble .content.theme-color-monotone-fill {
  background-color: #EEE !important;
  border-color: #777 !important;
}
.cn-gutenbubble .content.theme-color-monotone-fill {
  background-color: #777 !important;
  color: white !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-espresso::before, .cn-gutenbubble div[class*=tail-speak].theme-color-espresso-fill::before {
  border-color: transparent #673202 !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-espresso::after, .cn-gutenbubble div[class*=tail-speak].content.theme-color-espresso-fill::after {
  border-color: transparent #FCE5AF !important;
}
.cn-gutenbubble div[class*=tail-speak].theme-color-espresso-fill::after {
  border-color: transparent #673202 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-espresso::before, .cn-gutenbubble div[class*=tail-think].content.theme-color-espresso-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-espresso::after, .cn-gutenbubble div[class*=tail-think].content.theme-color-espresso-fill::after {
  background-color: #FCE5AF !important;
  border-color: #673202 !important;
}
.cn-gutenbubble div[class*=tail-think].theme-color-espresso-fill::before, .cn-gutenbubble div[class*=tail-think].theme-color-espresso-fill::after {
  background-color: #673202 !important;
  border-color: #673202 !important;
}
.cn-gutenbubble .content.theme-color-espresso, .cn-gutenbubble .content.theme-color-espresso-fill {
  background-color: #FCE5AF !important;
  border-color: #673202 !important;
}
.cn-gutenbubble .content.theme-color-espresso-fill {
  background-color: #673202 !important;
  color: white !important;
}
.cn-gutenbubble .chara-icon > .shadow,
.cn-gutenbubble .content.shadow {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.26);
}
.cn-gutenbubble div[class*=tail-think].shadow::before, .cn-gutenbubble div[class*=tail-think].shadow::after {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.26);
}
.cn-gutenbubble .chara-icon > .corner-r1 {
  border-radius: 4%;
}
.cn-gutenbubble .content.corner-r1 {
  border-radius: 2px;
}
.cn-gutenbubble .chara-icon > .corner-r2 {
  border-radius: 8%;
}
.cn-gutenbubble .content.corner-r2 {
  border-radius: 4px;
}
.cn-gutenbubble .chara-icon > .corner-r3 {
  border-radius: 12%;
}
.cn-gutenbubble .content.corner-r3 {
  border-radius: 6px;
}
.cn-gutenbubble .chara-icon > .corner-r4 {
  border-radius: 16%;
}
.cn-gutenbubble .content.corner-r4 {
  border-radius: 8px;
}
.cn-gutenbubble .chara-icon > .corner-r5 {
  border-radius: 20%;
}
.cn-gutenbubble .content.corner-r5 {
  border-radius: 10px;
}
.cn-gutenbubble .chara-icon > .corner-round {
  border-radius: 50%;
}
.cn-gutenbubble .chara-icon > .nega {
  filter: invert(100%);
}
.cn-gutenbubble .chara-icon > .spin {
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cn-gutenbubble .chara-icon > .spin-rev {
  -webkit-animation: spin-rev 1.5s linear infinite;
          animation: spin-rev 1.5s linear infinite;
}
@-webkit-keyframes spin-rev {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes spin-rev {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.cn-gutenbubble .chara-icon > .pendulum {
  -webkit-animation: pendulum 1.5s linear infinite;
          animation: pendulum 1.5s linear infinite;
}
@-webkit-keyframes pendulum {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(60deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-60deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes pendulum {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(60deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-60deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.cn-gutenbubble .chara-icon > .snake {
  -webkit-animation: snake 0.1s linear infinite;
          animation: snake 0.1s linear infinite;
}
@-webkit-keyframes snake {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  75% {
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
}
@keyframes snake {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  75% {
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
}
.cn-gutenbubble .chara-icon > .bound {
  -webkit-animation: bound 0.5s ease infinite;
          animation: bound 0.5s ease infinite;
}
@-webkit-keyframes bound {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes bound {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}

.editor-styles-wrapper .cn-gutenbubble .content {
  margin: auto;
}