#story-container {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden
}

#story-container .story-wrapper {
  /*
  height: 0;
  background: #eef3f8
  */
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0;
}

#story-container .story-wrapper:before {
  z-index: 16;
  content: "";
  -webkit-transition: background .3s;
  transition: background .3s;
  position: fixed;
  /* left: 60px; */
  left:0;
  right: 0;
  bottom: 0;
  top: 0;
  background: transparent;
  pointer-events: none
}

#story-container .story-wrapper .story-scroll-wrapper {
  width: 100%;
  height: 100%;
  padding-bottom: 60px;
  overflow: auto
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper {
  padding-left: 10px;
  padding-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  will-change: transform;
  -webkit-transform-origin: top left;
  transform-origin: top left
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.scale-85 {
  -webkit-transform: scale(.85);
  transform: scale(.85);
  margin-bottom: -50px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.scale-75 {
  -webkit-transform: scale(.75);
  transform: scale(.75)
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.scale-50 {
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper * {
  -webkit-backface-visibility: visible!important;
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .left-line {
  width: 78px;
  height: 10px;
  top: 55px;
  border-bottom: 2px solid #9bafc4;
  border-left: 2px solid #9bafc4;
  border-radius: 0 0 0 8px;
  position: absolute;
  left: -2px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .left-line.left-line-active {
  border-color: #004382
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .left-line.left-line-root.left-line-active:before {
  content: "";
  width: 0;
  height: 20px;
  border-left: 2px dotted #004382;
  left: -2px;
  position: absolute;
  top: -20px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .left-line .draw-line {
  z-index: 10;
  left: -2px;
  bottom: 100%;
  position: absolute;
  width: 2px;
  background: #004382;
  height: 0
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: calc(100% - 20px);
  height: 30px;
  float: left;
  clear: both;
  position: relative;
  padding-left: 68px;
  padding-top: 18px;
  margin-bottom: 12px;
  cursor: default;
  margin-left: 24px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .corner {
  width: 70px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 2px solid #9bafc4;
  border-bottom: 2px solid #9bafc4;
  border-bottom-left-radius: 8px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .icon {
  width: 24px;
  height: 24px;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 600;
  color: #004382;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .icon:hover {
  opacity: .8!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .icon:active {
  opacity: .5!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .icon:disabled {
  opacity: .2
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .drop-down {
  width: 170px;
  z-index: 1;
  position: absolute;
  top: 0px;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .12);
  box-shadow: 0 0 15px rgba(0, 0, 0, .12);
  overflow: hidden
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .drop-down .element {
  width: 100%;
  padding: 0 15px;
  color: #647384;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .drop-down .element:hover {
  opacity: .8!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .drop-down .element:active {
  opacity: .5!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .drop-down .element:disabled {
  opacity: .2
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .drop-down .element:not(:last-child) {
  border-bottom: 1px solid #e8eef3
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .drop-down .element>* {
  line-height: 40px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .drop-down .element i {
  font-size: 19px;
  margin-right: 10px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .drop-down .element span {
  font-size: 14px;
  font-weight: 400
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .drop-down .element:hover {
  background: #004382;
  color: #fff;
  opacity: .8!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .drop-down .element.disabled {
  opacity: .5;
  cursor: not-allowed
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .creating-actions .drop-down .element.disabled:hover {
  background: #b7bfd3
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .default-interactions {
  float: left;
  clear: both;
  position: relative;
  pointer-events: none
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .default-interactions.fallback {
  margin-top: -20px;
  margin-left: 24px;
  border-left: 2px solid #9bafc4;
  padding-top: 40px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .default-interactions.fallback .default-interaction {
  padding-left: 68px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .default-interactions.fallback .default-interaction:after {
  content: "";
  background: #eef3f8;
  width: 2px;
  height: 30px;
  left: -2px;
  bottom: 0;
  position: absolute
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .default-interactions .default-interaction {
  pointer-events: all;
  position: relative
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .default-interactions .default-interaction .block {
  width: 50px;
  height: 50px;
  color: #fff;
  padding: 15px 0;
  border-radius: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .12);
  box-shadow: 0 0 15px rgba(0, 0, 0, .12);
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .default-interactions .default-interaction .block:hover {
  opacity: .8!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .default-interactions .default-interaction .block:active {
  opacity: .5!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .default-interactions .default-interaction .block:disabled {
  opacity: .2
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .default-interactions .default-interaction .block.current-context {
  -webkit-box-shadow: 0 0 0 rgba(0, 138, 255, .7);
  box-shadow: 0 0 0 rgba(0, 138, 255, .7);
  -webkit-animation: currentContextBlink 1.2s infinite;
  animation: currentContextBlink 1.2s infinite
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .default-interactions .default-interaction .left-line {
  width: 70px;
  left: -2px;
  top: 15px;
  z-index: 2;
  border-bottom: 2px solid #9bafc4;
  border-left: 2px solid #9bafc4;
  border-radius: 0 0 0 8px;
  position: absolute
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .default-interactions .default-interaction .left-line.left-line-active {
  border-color: #004382
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block {
  margin-left: 24px;
  float: left;
  clear: both;
  border-left: 2px solid #9bafc4;
  padding-left: 70px;
  position: relative
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block {
  margin-right: 20px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .left-line {
  width: 72px;
  top: 73px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper {
  width: 340px;
  float: left;
  clear: both;
  padding: 15px;
  background: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .12);
  box-shadow: 0 0 15px rgba(0, 0, 0, .12);
  border-radius: 6px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .description {
  font-size: 15px;
  font-weight: 600;
  color: #647384
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .options {
  position: absolute;
  right: 13px;
  top: 16px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .options i {
  font-size: 24px;
  color: #647384;
  margin-left: 4px;
  font-weight: 600;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .options i.close {
  float: none;
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .options i:hover {
  opacity: .8!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .options i:active {
  opacity: .5!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .options i:disabled {
  opacity: .2
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .options i.save {
  color: #004382
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .v-select {
  margin-top: 10px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .v-select .selected {
  font-size: 15px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .v-select .selected i {
  float: right;
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .el-wrapper {
  margin-top: 10px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .el-wrapper input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #dbe1e8;
  background: #fff;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 400;
  font-family: Source Sans Pro, sans-serif;
  color: #22272d;
  -webkit-transition: all .3s;
  transition: all .3s
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .el-wrapper input.field-error {
  color: #fb6e6e;
  border-color: #fdb8b8
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .el-wrapper input.field-error::-webkit-input-placeholder {
  color: #fdb8b8
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .el-wrapper input.field-error::-moz-placeholder {
  color: #fdb8b8
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .el-wrapper input.field-error:-ms-input-placeholder {
  color: #fdb8b8
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.creating-block .add-wrapper .el-wrapper input.field-error::placeholder {
  color: #fdb8b8
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block {
  float: left;
  margin-left: -85px;
  margin-top: -3px;
  padding-left: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .title {
  min-width: 40px;
  text-align: center;
  /* background: #eef3f8; */
  /* margin: 10px 0; */
  margin: 15px 0 5px 0;
  font-size: 14px;
  float: left;
  /* color: #22272d; */
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 5px;
  position: relative;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);
  box-shadow: 0 0 20px rgba(0, 0, 0, .05);
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .title:hover {
  opacity: .8!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .title:active {
  opacity: .5!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .title:disabled {
  opacity: .2
}

/* #story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .title:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 15px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #fff
} */

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements {
  width: 340px;
  float: left;
  clear: both
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .statement {
  width: 42px;
  height: 42px;
  float: left;
  line-height: 19px;
  padding: 8px;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .12);
  box-shadow: 0 0 15px rgba(0, 0, 0, .12);
  cursor: pointer
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .statement:hover i,
#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .statement:hover span {
  display: none
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .statement:hover i.edit,
#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .statement:hover span.edit {
  display: block;
  margin-left: -2px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .statement i.edit {
  display: none
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .statement.user {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 25px;
  top: 48px;
  text-align: center;
  font-size: 13px;
  padding: 6px 0;
  font-weight: 600;
  background: #f5f8fb;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .12);
  box-shadow: 0 0 15px rgba(0, 0, 0, .12)
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .statement.user i.edit {
  font-size: 15px;
  /* margin-top: 2px */
  margin: 0;
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .statement.bot {
  color: #fff!important;
  text-align: center;
  padding: 12px 13px;
  position: relative;
  background: #004382
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .statement.bot i {
  font-size: 18px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .statement.bot.current-context {
  -webkit-box-shadow: 0 0 0 rgba(0, 138, 255, .8);
  box-shadow: 0 0 0 rgba(0, 138, 255, .8);
  -webkit-animation: currentContextBlink 1.2s infinite;
  animation: currentContextBlink 1.2s infinite
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .action-remove {
  line-height: 40px;
  margin-left: 7px;
  font-size: 21px;
  color: #9ba6b3;
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0;
  visibility: hidden;
  cursor: pointer
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .action-remove:active {
  opacity: .6!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block:hover .collapse {
  display: block
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block:hover .action-remove {
  opacity: 1;
  visibility: visible
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .collapse {
  z-index: 11;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 18px;
  height: 18px;
  background: #d4e1ee;
  position: absolute;
  border-radius: 100%;
  top: 54px;
  left: -10px;
  cursor: pointer;
  display: none
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .collapse i {
  font-size: 18px;
  margin: 0px;
  color: #013472;
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .collapse.rolled {
  display: block!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .collapse.rolled i {
  color: #013472;
  display: block;
  border-radius: 50%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .collapse.active {
  background: #004382
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .collapse.active i {
  color: #fff!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block.rich>.statements .statement.bot {
  color: #004382
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block.end>.statements .statement.bot {
  background: #596a8d;
  border-color: #596a8d;
  color: #fff
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block.empty-user-says>.statements .statement.user {
  background: #eef3f8;
  border: 1px solid #263db5;
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block.reference>.statements .statement.bot,
#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block.reference>.statements .statement.user {
  color: #33b371;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #eef3f8;
  border: 1px solid #33b371
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block.reference>.statements .statement.bot i,
#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block.reference>.statements .statement.user i {
  color: #33b371
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block.reference>.statements .statement.bot i {
  margin-top: -1px
}

@media (max-width:480px) {
  #story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .interaction-block .statements .action-remove {
      opacity: 1;
      visibility: visible
  }
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper {
  position: relative;
  float: left;
  clear: both
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper.collapsed {
  display: none;
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper .context-fallback {
  float: left;
  clear: both;
  margin-top: 25px;
  margin-left: 24px;
  padding-left: 74px;
  position: relative
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper .context-fallback .left-line {
  width: 74px;
  bottom: 18px;
  top: auto;
  height: 70px;
  left: 0
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper .context-fallback .statements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper .context-fallback .statements .block {
  width: 42px;
  height: 42px;
  /* background: #114583; */
  border-radius: 100%;
  color: #fff;
  padding: 12.5px 0;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper .context-fallback .statements .block:hover {
  opacity: .8!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper .context-fallback .statements .block:active {
  opacity: .5!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper .context-fallback .statements .block:disabled {
  opacity: .2
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper .context-fallback .statements .block.current-context {
  -webkit-box-shadow: 0 0 0 rgba(0, 138, 255, .7);
  box-shadow: 0 0 0 rgba(0, 138, 255, .7);
  -webkit-animation: currentContextBlink 1.2s infinite;
  animation: currentContextBlink 1.2s infinite
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper .context-fallback .statements .action-remove {
  line-height: 40px;
  margin-left: 7px;
  font-size: 22px;
  color: #9ba6b3;
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0;
  visibility: hidden;
  cursor: pointer
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper .context-fallback .statements .action-remove:active {
  opacity: .6!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper .context-fallback .statements:hover .action-remove {
  opacity: 1;
  visibility: visible
}

@media (max-width:480px) {
  #story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block .parent-wrapper .context-fallback .statements .action-remove {
      opacity: 1;
      visibility: visible
  }
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.drag [data-drag-hide] {
  display: none
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.drag [data-isreference=true]>.parent-wrapper>.draggable {
  border-left-color: transparent
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.drag .draggable {
  min-height: 20px;
  padding: 0 0 28px;
  float: left;
  clear: both;
  width: 340px
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.drag .draggable.not-allowed {
  border-color: #fb6e6e
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.drag .draggable>.tree-block {
  border-left: 2px dashed #99d0ff
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.drag .draggable>.tree-block .action-remove,
#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.drag .draggable>.tree-block .arrow,
#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.drag .draggable>.tree-block .collapse,
#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.drag .draggable>.tree-block .statement.user,
#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.drag .draggable>.tree-block.tree-block-drag-selected>:not(.interaction-block),
#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper.drag .draggable>.tree-block:after {
  display: none
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.tree-block-drag-selected>:not(.interaction-block) {
  opacity: .5
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.tree-block-drag-selected .interaction-block .title {
  color: #004382!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.tree-block-drag-selected .interaction-block .statements .statement {
  -webkit-transition: none;
  transition: none;
  background: transparent!important;
  border-color: #004382!important;
  color: #004382!important
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.tree-block-drag-selected .interaction-block .statements .statement.user {
  display: none
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.tree-block-drag-ghost {
  opacity: .99;
  border-left: 0
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.tree-block-drag-ghost .interaction-block>.left-line {
  opacity: 0
}

#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.tree-block-drag-ghost .interaction-block .action-remove,
#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.tree-block-drag-ghost .interaction-block .arrow,
#story-container .story-wrapper .story-scroll-wrapper .tree-block-wrapper .tree-block.tree-block-drag-ghost .interaction-block .collapse {
  display: none
}

#story-container .story-wrapper.story-wrapper-disabled:before {
  background: rgba(0, 0, 0, 0.3);
  pointer-events: all
}

@media (max-width:480px) {
  #story-container .story-wrapper:before {
      display: none
  }
}

#story-container .story-header-wrapper {
  z-index: 15;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 60px;
  width: 100%;
  background: #f5f8fb;
  -webkit-box-shadow: -7px -1px 25px -5px #d1dfec;
  box-shadow: -7px -1px 25px -5px #d1dfec;
  border-bottom: 1px solid #d1dfec;
  position: relative
}

#story-container .story-header-wrapper .modal .input-wrapper {
  margin-bottom: 20px
}

#story-container .story-header-wrapper .story-header {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#story-container .story-header-wrapper .story-header .story-header-back {
  width: 60px;
  height: 100%;
  border-right: 1px solid #d1dfec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .story-header-wrapper .story-header .story-header-back:hover {
  opacity: .8!important
}

#story-container .story-header-wrapper .story-header .story-header-back:active {
  opacity: .5!important
}

#story-container .story-header-wrapper .story-header .story-header-back:disabled {
  opacity: .2
}

#story-container .story-header-wrapper .story-header .story-header-back i {
  color: #004382
}

#story-container .story-header-wrapper .story-header .story-header-name {
  width: 0;
  padding: 0 20px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 22px;
  color: #22272d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#story-container .story-header-wrapper .story-header .story-header-name span {
  white-space: nowrap;
  overflow: hidden!important;
  text-overflow: ellipsis
}

#story-container .story-header-wrapper .story-header .story-header-name i {
  font-size: 20px;
  margin-left: 10px;
  color: #004382;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .story-header-wrapper .story-header .story-header-name i:hover {
  opacity: .8!important
}

#story-container .story-header-wrapper .story-header .story-header-name i:active {
  opacity: .5!important
}

#story-container .story-header-wrapper .story-header .story-header-name i:disabled {
  opacity: .2
}

#story-container .story-header-wrapper .story-header .story-header-button {
  padding-right: 10px
}

#story-container .story-zoom-options {
  position: absolute;
  top: -5px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 30px;
  z-index: 1;
}

#story-container .story-zoom-options .story-option-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
  font-weight: 600;
  font-size: 15px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .story-zoom-options .story-option-button:hover {
  opacity: .8!important
}

#story-container .story-zoom-options .story-option-button:active {
  opacity: .5!important
}

#story-container .story-zoom-options .story-option-button.disabled {
  opacity: .2
}

#story-container .story-zoom-options .story-option-button i {
  font-size: 20px;
  margin-right: 5px;
  color: #647384
}

#story-container .story-zoom-options .story-scale-button {
  background: #c9d9ea;
  border-radius: 8px;
  font-weight: 600;
  margin-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 110px;
  text-align: center
}

#story-container .story-zoom-options .story-scale-button span {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

#story-container .story-zoom-options .story-scale-button i {
  font-size: 20px;
  padding: 0 5px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .story-zoom-options .story-scale-button i:hover {
  opacity: .8!important
}

#story-container .story-zoom-options .story-scale-button i:active {
  opacity: .5!important
}

#story-container .story-zoom-options .story-scale-button i:disabled {
  opacity: .2
}

@media (max-width:768px) {
  #story-container .story-zoom-options {
      display: none
  }
}

#story-container .interaction-wrapper {
  z-index: 17;
  position: fixed;
  right: 10px;
  /* top: 10px; */
  top: 90px;
  bottom: 10px
}

#story-container .interaction-wrapper .interaction {
  background: #f0f4f7;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .22), 0 0 25px 0 rgba(0, 0, 0, .02);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .22), 0 0 25px 0 rgba(0, 0, 0, .02);
  border-radius: 6px;
  height: 100%;
  width: 730px;
  max-width: calc(100vw - 80px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#story-container .interaction-wrapper .interaction .interaction-header {
  background: #fff;
  width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}

#story-container .interaction-wrapper .interaction .interaction-header .header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 65px
}

#story-container .interaction-wrapper .interaction .interaction-header .header-wrapper .interaction-close {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 65px;
  height: 100%;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  border-right: 1px solid #dbe1e8;
  border-top-left-radius: 6px
}

#story-container .interaction-wrapper .interaction .interaction-header .header-wrapper .interaction-close i {
  color: #004382;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 23px
}

#story-container .interaction-wrapper .interaction .interaction-header .header-wrapper .interaction-close:hover {
  background: #f0f4f7
}

#story-container .interaction-wrapper .interaction .interaction-header .header-wrapper .interaction-close:active {
  background: #f5f8fb
}

#story-container .interaction-wrapper .interaction .interaction-header .header-wrapper .interaction-name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
  /* margin: 0 10px; */
  width: 100%;
  font-size: 18px;
  color: #647384;
  font-weight: 600;
  border: 0;
  background: transparent;
  outline: none;
  padding: 0px 5px;
}

#story-container .interaction-wrapper .interaction .interaction-header .header-wrapper .interaction-name::-webkit-input-placeholder {
  font-weight: 400
}

#story-container .interaction-wrapper .interaction .interaction-header .header-wrapper .interaction-name::-moz-placeholder {
  font-weight: 400
}

#story-container .interaction-wrapper .interaction .interaction-header .header-wrapper .interaction-name:-ms-input-placeholder {
  font-weight: 400
}

#story-container .interaction-wrapper .interaction .interaction-header .header-wrapper .interaction-name::placeholder {
  font-weight: 400
}

#story-container .interaction-wrapper .interaction .interaction-header .header-wrapper .interaction-name.field-error {
  color: #fb6e6e;
  background-color: #ffe5e5;
}

#story-container .interaction-wrapper .interaction .interaction-header .header-wrapper .interaction-save-button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px
}

#story-container .interaction-wrapper .interaction .interaction-header .tabs-wrapper {
  background: #dce6ed;
  width: 100%;
  border-top: 1px solid #c3ccd3;
  border-bottom: 1px solid #c3ccd3;
  height: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#story-container .interaction-wrapper .interaction .interaction-header .tabs-wrapper .tabs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  /* overflow: auto; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#story-container .interaction-wrapper .interaction .interaction-header .tabs-wrapper .tabs .tab span {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  line-height: 51px;
  font-weight: 600;
  font-size: 15px;
  color: #647384;
  letter-spacing: .5px;
  margin: 0 0 0 25px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-header .tabs-wrapper .tabs .tab span:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-header .tabs-wrapper .tabs .tab span:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-header .tabs-wrapper .tabs .tab span:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-header .tabs-wrapper .tabs .tab span.active {
  color: #004382
}

#story-container .interaction-wrapper .interaction .interaction-header .tabs-wrapper .tabs .tab span.active,
#story-container .interaction-wrapper .interaction .interaction-header .tabs-wrapper .tabs .tab span.active:active,
#story-container .interaction-wrapper .interaction .interaction-header .tabs-wrapper .tabs .tab span.active:disabled,
#story-container .interaction-wrapper .interaction .interaction-header .tabs-wrapper .tabs .tab span.active:hover {
  cursor: default;
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-header .tabs-wrapper .switch {
  /* width: 150px;
  height: 100%; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  /* padding-right: 15px */
  margin-top: 13px;
  padding-left: 0px;
}

#story-container .interaction-wrapper .interaction .interaction-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content {
  padding-bottom: 100px;
  width: 100%;
  min-height: 100%;
  display: none;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.active {
  display: block;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper {
  background: #e2e9f0;
  /* padding: 30px 35px 20px; */
  padding: 30px;
  width: 100%;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .icon {
  margin-right: 20px;
  margin-left: -10px;
  width: 30px;
  height: 30px;
  background-color: #004382;
  border-radius: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center
}
 
#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .icon i {
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row,
#story-container .interaction-wrapper .interaction .response-content .text-response .text-fields-wrapper .rows .row,
#story-container .interaction-wrapper .interaction .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .text-fields-wrapper .rows .row,
#story-container .interaction-wrapper .interaction .response-content .quick-replies-response .text-fields-wrapper .rows .row {
    float: left;
    width: 100%;
    margin-bottom: 14px;
    position: relative;
    background-color: #FFFFFF;
    box-shadow: 0 0 0 .2rem rgba(102, 51, 153, 0.0);
    padding: 5px;
    border-radius: 5px;
    height: 40px;
    border: 1px solid #FFFFFF;
}


#story-container .interaction-wrapper .interaction .quick-tiles .text-fields-wrapper .rows .row {
   border-radius: 0px !important;
   background-color: transparent !important;
   padding: 0 !important;
   border: none !important;
}
 
#story-container .interaction-wrapper .interaction .response-content .text-response .text-fields-wrapper .rows .row,
#story-container .interaction-wrapper .interaction .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .text-fields-wrapper .rows .row,
#story-container .interaction-wrapper .interaction .response-content .quick-replies-response .text-fields-wrapper .rows .row {
    min-height: 40px;
    height: auto;
}
 
#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row.focus,
#story-container .interaction-wrapper .interaction .response-content .text-response .text-fields-wrapper .rows .row.focus,
#story-container .interaction-wrapper .interaction .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .text-fields-wrapper .rows .row.focus,
#story-container .interaction-wrapper .interaction .response-content .quick-replies-response .text-fields-wrapper .rows .row.focus {
    background-color: #fff;
    border: 1px solid #1a4268;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(26, 66, 104, 0.25)
}

#story-container .interaction-wrapper .interaction .response-content .text-response .text-fields-wrapper .rows .row.field-error,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row.field-error,
#story-container .interaction-wrapper .interaction .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .text-fields-wrapper .rows .row.field-error,
#story-container .interaction-wrapper .interaction .response-content .quick-replies-response .text-fields-wrapper .rows .row.field-error {
    border-color: #f44336;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info .popover {
  background: #f44336;
  color: white;
  width: auto;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info .popover .arrow:after {
  border-bottom-color: #f44336;
  border-top-color: #f44336;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info .popover .title {
  font-weight: bold;
  color: white;
  font-size: 14px;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info .popover ul {
  list-style: none;
  padding: 0px;
  color: white;
  font-size: 14px;
}

 
#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .input-block {
    position: absolute;
    left: 10px;
    right: 100px;
    outline: 0;
    font-size: 14px;
    line-height: 20px;
    width: 96%;
    text-align: justify;
}
 
#story-container .interaction-wrapper .interaction .response-content .text-response .text-fields-wrapper .rows .row .input-block ,
#story-container .interaction-wrapper .interaction .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .text-fields-wrapper .rows .row .input-block,
#story-container .interaction-wrapper .interaction .response-content .quick-replies-response .text-fields-wrapper .rows .row .input-block{
    width: 100%;
    position: initial;
    outline: 0;
    font-size: 14px;
    line-height: 20px;
}

#story-container .interaction-wrapper .interaction .response-content .text-response .text-fields-wrapper .rows .row.field-error,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row.field-error {
    border-color: #f44336;
}

 
#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .input-block input {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    outline: none;
    /*border: none;*/
}
 
#story-container .interaction-wrapper .interaction .response-content .text-response .text-fields-wrapper .rows .row .input-block textarea,
#story-container .interaction-wrapper .interaction .response-content .text-response .text-fields-wrapper .rows .row .input-block textarea:focus {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    outline: none;
    border: none;
    overflow-y: hidden;
    resize: none;
}
 
#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .type-block {
    position: absolute;
    width: auto;
    right: 10px;
}
 
#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row.focus .input-block {
    right: 10px;
}
 
#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row.focus .type-block {
    display: none;
}
 
#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .type-block .form-control {
    height: 1.75rem;
    font-weight: bold;
    line-height: 0.95rem;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row {
  float: left;
  width: 100%;
  margin-bottom: 14px;
  position: relative;
  margin-left:-1px;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .row-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  position: absolute;
  z-index: 1;
  right: -10px;
  top: -13px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .row-actions .button-action {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  width: 26px;
  height: 26px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #004382;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .row-actions .button-action:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .row-actions .button-action:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .row-actions .button-action:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .row-actions .button-action i {
  font-size: 16px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .row-actions .button-action:first-child {
  margin-right: 5px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row:hover .row-actions {
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .row-el {
  position: relative;
  min-height: 40px;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  border-radius: 6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row.focus .options {
  display: block;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .options {
  /* position: absolute;
  right: -10px;
  bottom: -6px */
  position: absolute;
    display: none;
    right: -10px;
    bottom: -14px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row.last .row-actions {
  display: none !important;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .options .limit {
  float: left;
  pointer-events: none;
  padding: 1px 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .options .emoji {
  float: left;
  position: relative;
  z-index: 999;
  border-radius: 100%;
  font-weight: 700;
  margin-right: 5px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .options .emoji:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .options .emoji:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .options .emoji:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .options .emoji i {
  font-size: 18px;
  font-weight: bold;
  line-height: 15px;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .multiselect {
  width: auto;
  position: absolute;
  top: 10px;
  right: 10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .multiselect.ml {
  width: 50px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .multiselect.ml .multiselect__content-wrapper {
  width: 90px;
  right: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .multiselect.keywords {
  width: 95px
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper {
      padding: 10px 10px 0
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .icon {
      display: none
  }
}

@media (max-width:480px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content .text-fields-wrapper .rows .row .row-actions {
      opacity: 1
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.user-says,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.quick-tiles {
  padding: 0 30px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.user-says .block,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.quick-tiles .block {
  width: 100%;
  max-width: 700px;
  margin: 30px auto 0;
  padding: 30px 40px;
  position: relative;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #dbe1e8;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
  background: #fff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.user-says .block .description,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.quick-tiles .block .description {
  position: relative;
  padding-top: 2px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.user-says .block .description p,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.quick-tiles .block .description p {
  display: block;
  margin-bottom: 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.user-says .block .description p i,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.quick-tiles .block .description p i {
  color: #c6cdd4;
  margin-right: 15px;
  font-size: 27px;
  float: left
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.user-says .block .description .text,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.quick-tiles .block .description .text {
  display: block;
  color: #9ba6b3;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 30px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.quick-tiles input.field-error {
  color: #fb6e6e;
  border-color: #fb6e6e
}


#story-container .interaction-wrapper .interaction .interaction-content .inner-content.user-says .block .text-fields-wrapper .rows .row .row-el div[contenteditable] {
  padding-right: 70px
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.user-says {
      padding: 0 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.user-says .block {
      padding: 20px
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper {
  position: relative
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .no-responses-wrapper {
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .no-responses-wrapper .no-responses {
 width: calc(100% - 20px);
  max-width: 680px;
  height: 260px;
  background: #fff;
  border: 1px solid #dbe1e8;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 0;
  border-radius: 6px;
  padding: 0 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .no-responses-wrapper .no-responses .icon {
  /* width: 60px; */
  /*display: block;*/
  margin: 0 auto 20px;
  font-size: 100px;
  color: #647384;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .no-responses-wrapper .no-responses .title {
  font-weight: 600;
  font-size: 18px;
  color: #22272d;
  margin: 10px 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .no-responses-wrapper .no-responses .text {
  line-height: 23px;
  color: #647384;
  font-size: 16px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .no-responses-wrapper.hidden {
  opacity: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper {
  min-height: 400px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  position: relative
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper {
  width: 38px;
  height: 100px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper:after,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper:before {
  content: "";
  width: 1px;
  height: 50%;
  position: absolute;
  left: 19px;
  border-left: 2px dashed #cfd7e0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper:before {
  top: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper:after {
  bottom: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper.first-response:before {
  display: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper.first-no-delay-response {
  height: 80px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper.first-no-delay-response:after,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper.first-no-delay-response:before {
  display: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper .delay {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  width: 38px;
  height: 38px;
  position: relative
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper .delay .delay-duration {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: all;
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .13);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .13);
  text-align: center;
  color: #004382;
  font-weight: 600;
  line-height: 37px;
  font-size: 14px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper .delay .delay-duration:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper .delay .delay-duration:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper .delay .delay-description {
  position: absolute;
  white-space: nowrap;
  top: 0;
  line-height: 38px;
  left: 48px;
  font-size: 14px;
  font-weight: 600;
  color: #647384
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper {
      margin-bottom: -40px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .delay-outer-wrapper .delay-inner-wrapper {
      height: 120px
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper:hover .actions {
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .actions {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 50px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  opacity: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .actions i {
  font-size: 24px;
  color: #9ba6b3;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .actions i:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .actions i:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .actions i:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .actions i.move-response {
  cursor: -webkit-grab;
  cursor: grab
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .actions i.move-response:active {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e4eaef;
  -webkit-box-shadow: 0 0 15px 0 rgba(154, 165, 205, .13);
  box-shadow: 0 0 15px 0 rgba(154, 165, 205, .13);
  max-width: calc(100% - 100px);
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper {
  padding: 10px 20px 0;
  border-bottom: 1px solid #dfe8ee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filters-title {
  color: #4e5661;
  font-weight: 600;
  line-height: 26px;
  margin: 0 10px 10px 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper {
  margin: 0 10px 10px 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 100%;
  position: relative
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  position: absolute;
  z-index: 1;
  right: -12px;
  top: -15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter-actions .filter-action {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #008aff;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter-actions .filter-action:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter-actions .filter-action:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter-actions .filter-action:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter-actions .filter-action i {
  font-size: 16px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper:hover .filter-actions {
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter {
  background: #008aff;
  border: 1px solid transparent;
  color: #fff;
  padding: 3px 5px;
  font-size: 14px;
  border-radius: 8px;
  word-break: break-all;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter.field-error {
  background: #eb5d53;
  border-color: #eb5d53
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter.active-filter {
  background: transparent;
  color: #008aff;
  border-color: #008aff
}

@media (max-width:480px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .filter-wrapper .filter-actions {
      opacity: 1
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .v-select {
  /*width: 48px;*/
  margin: 0 10px 10px 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .v-select .selected {
  padding: 0 0 0 5px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #647384;
  border-radius: 8px;
  border: 0;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .13);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .13)
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .v-select .selected i {
  top: calc(50% - 10px);
  right: 0;
  font-size: 20px;
  color: #647384
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .v-select .elements-list div {
  padding: 5px;
  font-size: 12px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .condition {
  font-size: 12px;
  line-height: 26px;
  color: #647384;
  margin: 0 10px 10px 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .add-filter-wrapper {
  margin: 0 10px 10px 0;
  height: 26px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .add-filter-wrapper .add-filter {
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .add-filter-wrapper .add-filter:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .add-filter-wrapper .add-filter:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .add-filter-wrapper .add-filter:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper .add-filter-wrapper .add-filter i {
  color: #008aff;
  font-weight: 600;
  font-size: 14px
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .filters-wrapper {
      padding-left: 10px;
      padding-right: 10px
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .response-title {
  left: 0;
  top: -40px;
  font-size: 18px;
  font-weight: 600;
  color: #4e5661;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .response-title i.help {
  cursor: help;
  font-size: 23px;
  margin-right: 10px;
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents {
  padding: 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .change-image-wrapper {
  width: 100%;
  height: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .change-image-wrapper .change-image {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
  background-color: #e2e9f0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .change-image-wrapper .change-image:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .change-image-wrapper .change-image:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .change-image-wrapper .change-image:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .change-image-wrapper .change-image .empty {
  width: 100%;
  height: 100%;
  background-color: #e2e9f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .change-image-wrapper .change-image .empty i {
  color: #9ba6b3;
  font-size: 38px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .change-image-wrapper .change-image .empty span {
  color: #647384;
  font-size: 15px;
  margin-top: 5px;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .change-image-wrapper .change-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .text-response {
  width: 100%
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .text-response .text-fields-wrapper {
      padding-top: 10px;
      padding-bottom: 0
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .webhook-response {
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .webhook-response .label {
  color: #647384;
  font-size: 15px;
  float: left;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .webhook-response .v-select {
  float: left
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .webhook-response .v-select .elements-list div {
  font-size: 15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .webhook-response .v-select .selected {
  border-color: #dbe1e8;
  font-weight: 600;
  color: #647384;
  font-size: 15px;
  padding-top: 11px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .webhook-response .v-select .selected .search {
  font-size: 15px;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .webhook-response .v-select .selected i {
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .end-response {
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .end-response .information {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .end-response .information .icon {
  width: 80px;
  height: 80px;
  background-image: url(/static/img/reset.abc073e.png);
  background-size: 100%;
  margin-right: 25px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .end-response .information .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #647384;
  font-weight: 400;
  font-size: 14px;
  word-spacing: 3px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .reset-response {
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .reset-response .information {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .reset-response .information .icon {
  width: 80px;
  height: 80px;
  background-image: url(/static/img/reset.abc073e.png);
  background-size: 100%;
  margin-right: 25px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .reset-response .information .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #647384;
  font-weight: 400;
  font-size: 14px;
  word-spacing: 3px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .goto-response {
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .goto-response .label {
  color: #647384;
  font-size: 15px;
  float: left;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .goto-response .v-select {
  float: left
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .goto-response .v-select .elements-list div {
  font-size: 15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .goto-response .v-select .selected {
  border-color: #dbe1e8;
  font-weight: 600;
  color: #647384;
  font-size: 15px;
  padding-top: 11px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .goto-response .v-select .selected .search {
  font-size: 15px;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .goto-response .v-select .selected i {
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper {
  width: 220px;
  border-radius: 6px;
  border: 1px solid #e8eef3;
  -webkit-box-shadow: 0 0 17px 0 rgba(0, 0, 0, .06);
  box-shadow: 0 0 17px 0 rgba(0, 0, 0, .06)
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper {
  position: relative;
  /*z-index: 1*/
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .row-el {
  position: relative
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable] {
  overflow: auto;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 10px 20px;
  color: #647384;
  border: 1px solid #e8eef3;
  margin-left: -1px;
  margin-top: -1px;
  width: calc(100% + 2px);
  line-height: 22px;
  font-weight: 600;
  height: 90px
}

/* Card input title */
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .card-row div[contenteditable] {
  overflow-y: auto;
  padding: 10px 20px;
  color: #647384;
  border: 1px solid #e8eef3;
  margin-left: -1px;
  margin-top: -1px;
  width: calc(100% + 2px);
  line-height: 22px;
  font-weight: 600;
  /* height: 45px */
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .subTitle div[contenteditable] {
  overflow: auto;
  padding: 10px 20px;
  color: #647384;
  border: 1px solid #e8eef3;
  margin-left: -1px;
  width: calc(100% + 2px);
  line-height: 22px;
  font-weight: 600;
  height: 90px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable]:empty:before {
  font-weight: 400
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable],
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable] * {
  font-size: 15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable]:focus {
  border-color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .card-row div[contenteditable]:focus {
  border-color: #008aff;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .subTitle div[contenteditable]:focus {
  border-color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .row-el .list {
  border-radius: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .row-el .list .list-item {
  padding: 10px 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .options {
  position: absolute;
  right: -10px;
  bottom: -6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .options .limit {
  background: #008aff;
  color: #fff;
  float: left;
  font-size: 11px;
  padding: 3px;
  border-radius: 10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .options .emoji {
  float: left;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, .04);
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, .04);
  padding: 2px;
  color: #008aff;
  background: #fff;
  font-weight: 700;
  margin-right: 5px;
  line-height: 0;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .options .emoji:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .options .emoji:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .options .emoji:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper .options .emoji i {
  font-size: 18px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main .input-wrapper.no-buttons .row-el div[contenteditable] {
  border-radius: 6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons {
  margin-top: -1px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button {
  position: relative;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 38px;
  border-top: 1px solid #e8eef3;
  color: #008aff;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  position: absolute;
  z-index: 1;
  right: -10px;
  top: 6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions .button-action {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions .button-action:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions .button-action:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions .button-action:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions .button-action i {
  font-size: 16px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions .button-action:first-child {
  margin-right: 5px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled {
  cursor: not-allowed!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled:active,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled:disabled,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled:hover {
  cursor: default;
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled i {
  opacity: .4
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .postback-title {
  white-space: nowrap;
  overflow: hidden!important;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  padding: 0 30px;
  -webkit-transition: border .3s;
  transition: border .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .postback-title.button-active {
  border-color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .postback-title.postback-error {
  color: #eb5d53
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button:hover .button-actions {
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button:last-child .postback-title {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button.field-error {
  color: #eb5d53
}

@media (max-width:480px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .buttons .button .button-actions {
      opacity: 1
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .add-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 30px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .add-button .button-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 115px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .add-button .button-wrapper .button {
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .add-button .button-wrapper .button:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .add-button .button-wrapper .button:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .add-button .button-wrapper .button:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .add-button .button-wrapper .button:before {
  content: "";
  top: -30px;
  left: 11.5px;
  height: 30px;
  border-left: 2px dashed #dbe1e8;
  position: absolute;
  pointer-events: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .add-button .button-wrapper .button i {
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
  color: #008aff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .add-button .button-wrapper span {
  font-size: 14px;
  color: #647384;
  font-weight: 600;
  margin-left: 10px;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .add-button .button-wrapper.field-error .button i,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .add-button .button-wrapper.field-error span {
  color: #eb5d53
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper {
  width: 240px;
  border-radius: 6px;
  border: 1px solid #e8eef3;
  -webkit-box-shadow: 0 0 17px 0 rgba(0, 0, 0, .06);
  box-shadow: 0 0 17px 0 rgba(0, 0, 0, .06)
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .image {
  width: 100%;
  height: 135px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .image .change-image {
  border-radius: 5px 5px 0 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .image .change-image img {
  -o-object-fit: cover!important;
  object-fit: cover!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .row-el {
  position: relative
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable] {
  width: calc(100% + 2px);
  padding: 10px 15px;
  color: #647384;
  border: 1px solid transparent;
  margin-left: -1px;
  margin-top: -1px;
  line-height: 22px;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable],
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable] * {
  font-size: 15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable]:focus {
  border-color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .row-el .list {
  border-radius: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .row-el .list .list-item {
  padding: 10px 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .options {
  position: absolute;
  right: -10px;
  bottom: -6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .options .limit {
  background: #008aff;
  color: #fff;
  float: left;
  font-size: 11px;
  padding: 3px;
  border-radius: 10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .options .emoji {
  float: left;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, .04);
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, .04);
  padding: 2px;
  color: #008aff;
  background: #fff;
  font-weight: 700;
  margin-right: 5px;
  line-height: 0;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .options .emoji:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .options .emoji:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .options .emoji:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper .options .emoji i {
  font-size: 18px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper.description {
  z-index: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper.description .row-el div[contenteditable] {
  padding: 10px 15px;
  font-weight: 400;
  height: 80px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper.description .row-el div[contenteditable],
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .main .input-wrapper.description .row-el div[contenteditable] * {
  font-size: 15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons {
  margin-top: -1px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button {
  position: relative;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 38px;
  border-top: 1px solid #e8eef3;
  color: #008aff;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  position: absolute;
  z-index: 1;
  right: -10px;
  top: 6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions .button-action {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions .button-action:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions .button-action:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions .button-action:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions .button-action i {
  font-size: 16px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions .button-action:first-child {
  margin-right: 5px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled {
  cursor: not-allowed!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled:active,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled:disabled,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled:hover {
  cursor: default;
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled i {
  opacity: .4
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .postback-title {
  white-space: nowrap;
  overflow: hidden!important;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  padding: 0 30px;
  -webkit-transition: border .3s;
  transition: border .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .postback-title.button-active {
  border-color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .postback-title.postback-error {
  color: #eb5d53
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button:hover .button-actions {
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button:last-child .postback-title {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button.field-error {
  color: #eb5d53
}

@media (max-width:480px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .inner-wrapper .buttons .button .button-actions {
      opacity: 1
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .add-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 30px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .add-button .button-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 115px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .add-button .button-wrapper .button {
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .add-button .button-wrapper .button:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .add-button .button-wrapper .button:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .add-button .button-wrapper .button:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .add-button .button-wrapper .button:before {
  content: "";
  top: -30px;
  left: 11.5px;
  height: 30px;
  border-left: 2px dashed #dbe1e8;
  position: absolute;
  pointer-events: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .add-button .button-wrapper .button i {
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
  color: #008aff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .add-button .button-wrapper span {
  font-size: 14px;
  color: #647384;
  font-weight: 600;
  margin-left: 10px;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .add-button .button-wrapper.field-error .button i,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .card-response .item .add-button .button-wrapper.field-error span {
  color: #eb5d53
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .image-response {
  width: 240px;
  height: 230px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .image-response .change-image-wrapper .change-image {
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #e2e9f0;
  -webkit-box-shadow: 0 0 17px 0 rgba(0, 0, 0, .06);
  box-shadow: 0 0 17px 0 rgba(0, 0, 0, .06)
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .image-response.field-error .change-image-wrapper .change-image {
  border-color: #eb5d53
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response .label {
  color: #647384;
  font-size: 15px;
  float: left;
  font-weight: 600;
  margin-bottom: 10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response .label i {
  margin-right: 5px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response .v-select {
  width: 100%;
  float: left;
  margin-top: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response input {
  margin-bottom: 25px;
  width: 100%;
  color: #647384;
  padding: 5px 15px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  line-height: 30px;
  border: 1px solid #dbe1e8;
  -webkit-transition: border .3s;
  transition: border .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response input[type=number]::-webkit-inner-spin-button {
  width: 20px;
  height: 30px;
  margin-right: -10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response input::-webkit-input-placeholder {
  color: #8c99a8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response input::-moz-placeholder {
  color: #8c99a8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response input:-ms-input-placeholder {
  color: #8c99a8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response input::placeholder {
  color: #8c99a8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response input.field-error {
  color: #fb6e6e;
  border-color: #fb6e6e
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response input.field-error::-webkit-input-placeholder {
  color: #fdb8b8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response input.field-error::-moz-placeholder {
  color: #fdb8b8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response input.field-error:-ms-input-placeholder {
  color: #fdb8b8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response input.field-error::placeholder {
  color: #fdb8b8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transfer-response .text-fields-wrapper {
  margin-bottom: 25px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response {
  width: 100%;
  background: #e2e9f0;
  border-radius: 6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .text-fields-wrapper {
  background: transparent;
  border-radius: 0;
  padding-bottom: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper {
  padding: 0 35px 30px 25px;
  float: left;
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item {
  float: left;
  margin: 0 4px 4px 0;
  vertical-align: top;
  max-width: 170px;
  min-width: 105px;
  padding-top: 6px;
  position: relative
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper {
  background: #fff;
  width: 100%;
  border: 1px solid #008aff;
  border-radius: 30px;
  padding: 0;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  position: absolute;
  z-index: 1;
  right: 0;
  top: -3px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #008aff;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action i {
  font-size: 16px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action.move-button {
  margin-right: 5px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action.move-button i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action.disabled {
  cursor: not-allowed!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action.disabled,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action.disabled:active,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action.disabled:disabled,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action.disabled:hover {
  cursor: default;
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions .button-action.disabled i {
  opacity: .4
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper:hover {
  border-color: #66b9ff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper:hover .button-actions {
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper:active {
  border-color: #99d0ff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .postback-title {
  white-space: nowrap;
  overflow: hidden!important;
  text-overflow: ellipsis;
  padding: 0 20px;
  color: #008aff;
  display: block
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .postback-title.postback-error {
  opacity: .5
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper.field-error {
  border-color: #fb6e6e
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper.field-error .postback-title {
  color: #647384
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item:hover .postback-wrapper .postback-item-wrapper .delete-item,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item:hover .postback-wrapper .postback-item-wrapper .drag-item {
  -webkit-transform: scale(.7);
  transform: scale(.7);
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button {
  float: left;
  margin: 9px 0 7px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button .button {
  width: 26px;
  height: 26px;
  background: #fff;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button .button:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button .button:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button .button:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button .button i {
  font-size: 15px;
  font-weight: 700;
  color: #008aff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button span {
  width: 72px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 15px;
  color: #647384;
  font-weight: 600;
  margin-left: 10px;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button.single {
  margin-left: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button.single .button-wrapper .button:before {
  display: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button.field-error .button-wrapper .button i,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .add-button.field-error .button-wrapper span {
  color: #eb5d53
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response {
      padding: 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .text-fields-wrapper {
      margin: 0;
      padding: 0
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper {
      padding: 0
  }
}

@media (max-width:480px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .quick-replies-response .wrapper .item .postback-wrapper .postback-item-wrapper .button-actions {
      opacity: 1
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response {
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .carousel .carousel-arrow i {
  color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .carousel .carousel-arrow.carousel-arrow-left {
  left: -40px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .carousel .carousel-arrow.carousel-arrow-right {
  right: -40px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item {
  margin-right: 20px;
  vertical-align: top;
  /* display: inline-block; */
  padding-bottom: 5px;
  padding-top: 15px;
  display:table-cell;
  /* padding-right:20px; */
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper {
  position: relative;
  width: 240px;
  border-radius: 6px;
  border: 1px solid #e8eef3;
  -webkit-box-shadow: 0 0 17px 0 rgba(0, 0, 0, .06);
  box-shadow: 0 0 17px 0 rgba(0, 0, 0, .06)
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .image {
  width: 100%;
  height: 135px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .image .change-image {
  border-radius: 5px 5px 0 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .image .change-image img {
  -o-object-fit: cover!important;
  object-fit: cover!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .row-el {
  position: relative
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable] {
  padding: 10px 15px;
  color: #647384;
  border: 1px solid #e8eef3;
  margin-left: -1px;
  margin-top: 0px;
  width: calc(100% + 2px);
  line-height: 22px;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable],
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable] * {
  font-size: 15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .row-el div[contenteditable]:focus {
  border-color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .row-el .list {
  border-radius: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .row-el .list .list-item {
  padding: 10px 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .options {
  position: absolute;
  right: -10px;
  bottom: -6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .options .limit {
  background: #008aff;
  color: #fff;
  float: left;
  font-size: 11px;
  padding: 3px;
  border-radius: 10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .options .emoji {
  float: left;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, .04);
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, .04);
  padding: 2px;
  color: #008aff;
  background: #fff;
  font-weight: 700;
  margin-right: 5px;
  line-height: 0;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .options .emoji:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .options .emoji:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .options .emoji:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper .options .emoji i {
  font-size: 18px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper.description {
  z-index: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper.description .row-el div[contenteditable] {
  padding: 10px 15px;
  font-weight: 400;
  height: 80px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper.description .row-el div[contenteditable],
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .main .input-wrapper.description .row-el div[contenteditable] * {
  font-size: 15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons {
  margin-top: -1px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button {
  position: relative;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 38px;
  border-top: 1px solid #e8eef3;
  color: #008aff;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  position: absolute;
  z-index: 1;
  right: -10px;
  top: 6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions .button-action {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions .button-action:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions .button-action:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions .button-action:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions .button-action i {
  font-size: 16px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions .button-action:first-child {
  margin-right: 5px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled {
  cursor: not-allowed!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled:active,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled:disabled,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled:hover {
  cursor: default;
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions .button-action.disabled i {
  opacity: .4
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .postback-title {
  white-space: nowrap;
  overflow: hidden!important;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  padding: 0 30px;
  -webkit-transition: border .3s;
  transition: border .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .postback-title.button-active {
  border-color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .postback-title.postback-error {
  color: #eb5d53
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button:hover .button-actions {
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button:last-child .postback-title {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button.field-error {
  color: #eb5d53
}

@media (max-width:480px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .buttons .button .button-actions {
      opacity: 1
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .icon {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  top: -15px;
  width: 30px;
  height: 30px;
  z-index: 1;
  cursor: pointer;
  color: #008aff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19)
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .icon i {
  -webkit-transition: color .3s;
  transition: color .3s;
  font-size: 18px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .icon i:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .icon i:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .icon i:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .icon:active i,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .icon:hover i {
  color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .icon.delete {
  color: #008aff;
  right: -15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .icon.delete.disabled {
  cursor: not-allowed
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .icon.move {
  color: #008aff;
  right: 19px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .icon.move i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper:hover .icon {
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper:hover .icon.disabled {
  opacity: .4
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .add-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 30px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .add-button .button-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 115px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .add-button .button-wrapper .button {
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .add-button .button-wrapper .button:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .add-button .button-wrapper .button:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .add-button .button-wrapper .button:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .add-button .button-wrapper .button:before {
  content: "";
  top: -30px;
  left: 11.5px;
  height: 30px;
  border-left: 2px dashed #dbe1e8;
  position: absolute;
  pointer-events: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .add-button .button-wrapper .button i {
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
  color: #008aff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .add-button .button-wrapper span {
  font-size: 14px;
  color: #647384;
  font-weight: 600;
  margin-left: 10px;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .add-button .button-wrapper.field-error .button i,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .add-button .button-wrapper.field-error span {
  color: #eb5d53
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .add-card {
  vertical-align: top;
  display: inline-block;
  width: 240px;
  margin-top: 140px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .add-card .button-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .add-card .button-wrapper .button {
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .add-card .button-wrapper .button:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .add-card .button-wrapper .button:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .add-card .button-wrapper .button:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .add-card .button-wrapper .button i {
  color: #008aff;
  font-weight: 600;
  font-size: 15px;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .add-card .button-wrapper .button:before {
  content: "";
  width: 22px;
  border-top: 2px dashed #dbe1e8;
  position: absolute;
  left: -22px;
  top: 50%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .add-card .button-wrapper span {
  font-size: 15px;
  color: #647384;
  font-weight: 600;
  margin-left: 8px;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response.single-card .carousel .carousel-mask {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response.single-card .carousel .carousel-mask .carousel-wrapper .add-card {
  margin-left: 4px;
  position: absolute
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .carousel .carousel-arrow.carousel-arrow-left {
      left: -20px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .carousel .carousel-arrow.carousel-arrow-right {
      right: -20px
  }
}

@media (max-width:480px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response .item .inner-wrapper .icon {
      opacity: 1
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .cards-response.single-card .add-card .button-wrapper span {
      display: none
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response {
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper {
  position: relative;
  margin-top: 15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper {
  background: #e2e9f0;
  border-radius: 6px;
  max-height: 100px;
  overflow: hidden
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper.expanded {
  overflow: visible;
  max-height: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper.expanded .button-actions .button-action.button-edit {
  background: #008aff;
  color: #fff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .text-fields-wrapper {
  border-radius: 0;
  background: transparent
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings {
  padding: 0 30px 10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col.box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col.space {
  padding: 0 5px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col.col2 {
  width: 33.3333333333%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col.col4 {
  width: 66.6666666666%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col.col6 {
  width: 50%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .title {
  color: #647384;
  font-size: 15px;
  margin-bottom: 5px;
  line-height: 24px;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .title i {
  font-size: 18px;
  margin-right: 5px;
  position: relative;
  font-weight: 400;
  top: 3px;
  color: #9ba6b3;
  cursor: help
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .v-select {
  margin-top: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .v-select .selected {
  font-size: 15px;
  border-color: #fff;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .07);
  color: #647384
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .v-select .selected .search {
  font-size: 15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .v-select .selected i {
  font-size: 25px;
  top: 9px;
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .alias {
  background: #fff;
  display: block;
  width: 100%;
  border: 1px solid #fff;
  padding: 0 15px;
  line-height: 40px;
  font-size: 15px;
  color: #647384;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .07);
  -webkit-transition: border .3s;
  transition: border .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .alias.field-error {
  border-color: #eb5d53
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .alias.preview {
  white-space: nowrap;
  overflow: hidden!important;
  text-overflow: ellipsis;
  color: #008aff;
  font-weight: 600;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .alias.preview:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .alias.preview:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .alias.preview:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .alias.preview:before {
  color: #9ba6b3;
  content:"[[";
  margin-right: 3px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .alias.preview:after {
  color: #9ba6b3;
  content: "]]";
  margin-left: 3px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  position: absolute;
  z-index: 1;
  right: -12px;
  top: -15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions .button-action {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #008aff;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions .button-action:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions .button-action:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions .button-action:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions .button-action i {
  font-size: 16px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions .button-action.disabled {
  cursor: not-allowed!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions .button-action.disabled,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions .button-action.disabled:active,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions .button-action.disabled:disabled,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions .button-action.disabled:hover {
  cursor: default;
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions .button-action.disabled i {
  opacity: .4
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions .button-action.button-edit {
  margin-right: 5px;
  color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper:hover .button-actions {
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper:last-child {
  margin-bottom: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper:first-child {
  margin-top: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .add-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 30px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .add-button .button-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 115px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .add-button .button-wrapper .button {
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .add-button .button-wrapper .button:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .add-button .button-wrapper .button:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .add-button .button-wrapper .button:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .add-button .button-wrapper .button:before {
  content: "";
  top: -30px;
  left: 11.5px;
  height: 30px;
  border-left: 2px dashed #dbe1e8;
  position: absolute;
  pointer-events: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .add-button .button-wrapper .button i {
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
  color: #008aff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .add-button .button-wrapper span {
  font-size: 14px;
  color: #647384;
  font-weight: 600;
  margin-left: 10px;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .add-button .button-wrapper.field-error .button i,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .add-button .button-wrapper.field-error span {
  color: #eb5d53
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .add-button .button-wrapper {
  width: 218px
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper {
      overflow: visible;
      max-height: none
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 5px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col .title {
      margin: 10px 0
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col.col2,
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .attribute-settings .row .col.col4 {
      width: 100%
  }
}

@media (max-width:480px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .attributes-response .attribute-outer-wrapper .attribute-inner-wrapper .button-actions {
      opacity: 1;
      right: 0
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response {
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute {
  position: relative;
  background: #e2e9f0;
  border-radius: 6px;
  margin-top: 20px;
  padding: 20px 30px 25px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute:first-child {
  margin-top: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col {
  padding: 0 5px;
  width: 33.3333333333%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col .title {
  color: #647384;
  font-size: 15px;
  margin-bottom: 5px;
  line-height: 24px;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col .title i {
  font-size: 18px;
  margin-right: 5px;
  position: relative;
  font-weight: 400;
  top: 3px;
  color: #9ba6b3;
  cursor: help
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col .v-select {
  margin-top: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col .v-select .selected {
  -webkit-transition: all .3s;
  transition: all .3s;
  font-size: 15px;
  border-color: #fff;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .07);
  color: #647384
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col .v-select .selected .search {
  font-size: 15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col .v-select .selected i {
  font-size: 25px;
  top: 9px;
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col .v-select.field-error .selected {
  border-color: #fb6e6e
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col input.value {
  background: #fff;
  display: block;
  width: 100%;
  border: 1px solid #fff;
  padding: 0 15px;
  line-height: 40px;
  font-size: 15px;
  color: #647384;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .07);
  -webkit-transition: border .3s;
  transition: border .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col input.value::-webkit-input-placeholder {
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col input.value::-moz-placeholder {
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col input.value:-ms-input-placeholder {
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col input.value::placeholder {
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col input.value.field-error {
  border-color: #eb5d53
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col.disabled {
  opacity: .6
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col.disabled input.value {
  cursor: not-allowed
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  position: absolute;
  z-index: 1;
  right: -12px;
  top: -15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions .button-action {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #008aff;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions .button-action:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions .button-action:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions .button-action:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions .button-action i {
  font-size: 16px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions .button-action.disabled {
  cursor: not-allowed!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions .button-action.disabled,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions .button-action.disabled:active,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions .button-action.disabled:disabled,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions .button-action.disabled:hover {
  cursor: default;
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions .button-action.disabled i {
  opacity: .4
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions .button-action.button-edit {
  margin-right: 5px;
  color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute:hover .button-actions {
  opacity: 1
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .add-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 30px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .add-button .button-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 115px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .add-button .button-wrapper .button {
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .19);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .add-button .button-wrapper .button:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .add-button .button-wrapper .button:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .add-button .button-wrapper .button:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .add-button .button-wrapper .button:before {
  content: "";
  top: -30px;
  left: 11.5px;
  height: 30px;
  border-left: 2px dashed #dbe1e8;
  position: absolute;
  pointer-events: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .add-button .button-wrapper .button i {
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
  color: #008aff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .add-button .button-wrapper span {
  font-size: 14px;
  color: #647384;
  font-weight: 600;
  margin-left: 10px;
  -webkit-transition: color .3s;
  transition: color .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .add-button .button-wrapper.field-error .button i,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .add-button .button-wrapper.field-error span {
  color: #eb5d53
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .add-button .button-wrapper {
  width: 175px
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col {
      width: 100%;
      margin-bottom: 20px;
      padding: 0
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .col:last-child {
      margin-bottom: 0
  }
}

@media (max-width:480px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .set-attributes-response .set-attribute .button-actions {
      opacity: 1;
      right: 0
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .backtracking-response {
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .backtracking-response .label {
  color: #647384;
  font-size: 15px;
  float: left;
  font-weight: 600;
  margin-bottom: 10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .backtracking-response .v-select {
  margin-top: 0;
  float: left
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-close-response {
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-close-response .information {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-close-response .information .icon {
  width: 105px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-close-response .information .icon i {
  font-size: 50px;
  color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-close-response .information .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #647384;
  font-weight: 400;
  font-size: 14px;
  word-spacing: 3px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response {
  width: 100%;
  padding: 20px 35px;
  background: #e2e9f0;
  border-radius: 6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response .label {
  color: #647384;
  font-size: 15px;
  float: left;
  font-weight: 600;
  margin-bottom: 10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response .label i {
  margin-right: 5px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response .text-fields-wrapper {
  background: transparent;
  padding: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response .text-fields-wrapper.subject .rows .row {
  margin-bottom: 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response input {
  margin-bottom: 25px;
  width: 100%;
  color: #647384;
  padding: 5px 15px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  line-height: 30px;
  border: 1px solid #dbe1e8;
  -webkit-transition: border .3s;
  transition: border .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response input[type=number]::-webkit-inner-spin-button {
  width: 20px;
  height: 30px;
  margin-right: -10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response input::-webkit-input-placeholder {
  color: #8c99a8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response input::-moz-placeholder {
  color: #8c99a8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response input:-ms-input-placeholder {
  color: #8c99a8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response input::placeholder {
  color: #8c99a8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response input.field-error {
  color: #fb6e6e;
  border-color: #fb6e6e
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response input.field-error::-webkit-input-placeholder {
  color: #fdb8b8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response input.field-error::-moz-placeholder {
  color: #fdb8b8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response input.field-error:-ms-input-placeholder {
  color: #fdb8b8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response input.field-error::placeholder {
  color: #fdb8b8
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response {
      padding: 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response .label {
      margin: 0 0 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response .text-fields-wrapper {
      padding: 0
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-ticket-response .text-fields-wrapper .rows .row {
      margin: 0
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transcript-response {
  width: 100%;
  padding: 20px 35px;
  background: #e2e9f0;
  border-radius: 6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transcript-response .label {
  color: #647384;
  font-size: 15px;
  float: left;
  font-weight: 600;
  margin-bottom: 10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transcript-response .text-fields-wrapper {
  background: transparent;
  padding: 0
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transcript-response {
      padding: 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transcript-response .text-fields-wrapper {
      padding: 0
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-transcript-response .text-fields-wrapper .rows .row {
      margin: 0
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-tag-response {
  width: 100%;
  padding: 20px 35px;
  background: #e2e9f0;
  border-radius: 6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-tag-response .label {
  color: #647384;
  font-size: 15px;
  float: left;
  font-weight: 600;
  margin-bottom: 10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-tag-response .text-fields-wrapper {
  background: transparent;
  padding: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-tag-response .text-fields-wrapper.subject .rows .row {
  margin-bottom: 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response {
  width: 100%;
  padding: 20px 35px;
  background: #e2e9f0;
  border-radius: 6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response .label {
  color: #647384;
  font-size: 15px;
  float: left;
  font-weight: 600;
  margin-bottom: 10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response input {
  width: 100%;
  color: #647384;
  padding: 5px 15px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  line-height: 30px;
  border: 1px solid #dbe1e8;
  -webkit-transition: border .3s;
  transition: border .3s
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response input[type=number]::-webkit-inner-spin-button {
  width: 20px;
  height: 30px;
  margin-right: -10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response input::-webkit-input-placeholder {
  color: #8c99a8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response input::-moz-placeholder {
  color: #8c99a8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response input:-ms-input-placeholder {
  color: #8c99a8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response input::placeholder {
  color: #8c99a8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response input.field-error {
  color: #fb6e6e;
  border-color: #fb6e6e
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response input.field-error::-webkit-input-placeholder {
  color: #fdb8b8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response input.field-error::-moz-placeholder {
  color: #fdb8b8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response input.field-error:-ms-input-placeholder {
  color: #fdb8b8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .livechat-goal-response input.field-error::placeholder {
  color: #fdb8b8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .zapier-response {
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .zapier-response .information {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .zapier-response .information .icon {
  width: 80px;
  height: 80px;
  margin-right: 25px;
  border-radius: 6px;
  padding: 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .zapier-response .information .icon svg path {
  fill: #f55716!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .zapier-response .information .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #647384;
  font-weight: 400;
  font-size: 14px;
  word-spacing: 3px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .widget-close-response {
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .widget-close-response .information {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .widget-close-response .information .icon {
  width: 105px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .widget-close-response .information .icon i {
  font-size: 50px;
  color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .widget-close-response .information .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #647384;
  font-weight: 400;
  font-size: 14px;
  word-spacing: 3px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .add-user-to-segment-response {
  width: 100%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .add-user-to-segment-response .label {
  color: #647384;
  font-size: 15px;
  float: left;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .add-user-to-segment-response .v-select {
  float: left
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .add-user-to-segment-response .v-select .elements-list div {
  font-size: 15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .add-user-to-segment-response .v-select .selected {
  border-color: #dbe1e8;
  font-weight: 600;
  color: #647384;
  font-size: 15px;
  padding-top: 11px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .add-user-to-segment-response .v-select .selected .search {
  font-size: 15px;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .add-user-to-segment-response .v-select .selected i {
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info {
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info i {
  font-size: 20px;
  color: #eb5d53;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info i:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info i:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info i:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info .popover {
  background: #f44336;
  color: white;
  width: auto;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info .popover .arrow:after {
  border-bottom-color: #f44336;
  border-top-color: #f44336;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info .popover .title {
  font-weight: bold;
  color: white;
  font-size: 14px;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info .popover ul {
  list-style: none;
  padding: 0px;
  color: white;
  font-size: 14px;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .block-drag-ghost {
  opacity: .99
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .add-response-button {
  max-width: 740px;
  margin: 0 auto;
  pointer-events: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .add-response-button:before {
  content: "";
  height: 100px;
  width: 0;
  border-left: 2px dashed #cfd7e0;
  margin: 0 auto;
  display: block
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .add-response-button:after {
  font-family: be-icons!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "plus";
  font-size: 35px;
  color: #008aff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: calc(100% - 100px);
  margin: 0 auto;
  background: #eaf0f7;
  border: 1px dashed #9ba6b3;
  height: 200px;
  border-radius: 8px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .add-response-button * {
  display: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper.drag .block-drag-selected .response {
  border: 1px solid #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper.drag .block-drag-moved .response {
  background: #eaf0f7;
  border: 1px dashed #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper.drag .block-drag-moved .response * {
  visibility: hidden
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .add-response-button:after {
      max-width: calc(100% - 20px)
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .actions {
      opacity: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      width: 100px;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      height: 40px;
      padding-left: 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      max-width: calc(100% - 20px);
      margin: 0 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .response-title {
      font-size: 15px;
      position: static;
      padding: 15px 10px;
      border-bottom: 1px solid #dbe1e8
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents {
      padding: 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      width: calc(100% - 100px);
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-right: 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .info i {
      font-size: 26px
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper {
  background: #fff;
  left: -285px;
  width: 275px;
  position: absolute;
  margin: 0 auto;
  top: 0;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .24);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .24);
  max-height: 100%;
  min-height: 300px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper>* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  display: block;
  width: 45px;
  background: #f0f4f7;
  border-right: 1px solid #dbe1e8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs .add-response-tab {
  width: 45px;
  height: 50px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs .add-response-tab:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs .add-response-tab:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs .add-response-tab:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs .add-response-tab:hover {
  background: #dbe1e8
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs .add-response-tab.active {
  background: #fff;
  border-top-color: #dbe1e8;
  border-bottom-color: #dbe1e8;
  border-right-color: #fff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs .add-response-tab:first-child {
  border-top-color: transparent;
  border-top-left-radius: 6px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs .add-response-tab .icon {
  width: 50%
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs .add-response-tab .icon.widget {
  padding-top: 3px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs .add-response-tab .icon.widget svg path {
  fill: #008aff!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs .add-response-tab i.be-icons {
  color: #008aff;
  font-size: 21px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tabs .add-response-tab i{
  font-size: 26px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 20px 10px;
  -ms-flex-line-pack: start;
  align-content: flex-start
}

#response-list-1, #response-list-2, #response-list-3{
  width: 500px;
  display: flex;
  flex-wrap: wrap;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .group-title {
  width: 100%;
  line-height: 20px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .5px;
  color: #647384;
  padding: 0 10px;
  margin: 22px 0 15px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button {
  /* margin: 0 8px 12px;
  width: 79px; */

  margin: 0 8px 12px;
  width: 40%;

  text-align: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button .icon {
  -webkit-transition: border .3s;
  transition: border .3s;
  width: 100%;
  height: 60px;
  border: 1px solid #dbe1e8;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button .icon i {
  -webkit-transition: color .3s;
  transition: color .3s;
  font-size: 40px;
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button .icon i.goal,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button .icon i.random-text,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button .icon i.tag {
  font-size: 34px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button .icon i.attributes,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button .icon i.transcript {
  font-size: 46px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button .icon i.quick-replies,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button .icon i.transfer {
  font-size: 50px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button .icon i.zapier {
  font-size: 56px;
  padding-top: 3px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button .icon i.segments {
  font-size: 30px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button span {
  -webkit-transition: color .3s;
  transition: color .3s;
  white-space: nowrap;
  font-size: 13px;
  color: #647384;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button:hover .icon {
  border-color: #008aff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button:hover .icon i,
#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button:hover span {
  color: #008aff
}

@media (max-width:1024px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper {
      width: calc(100% - 20px);
      margin: 30px 10px 10px;
      position: static;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 1px solid #dbe1e8
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content {
      padding-bottom: 0
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .group-title {
      padding: 0
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .add-response-wrapper .add-response-tab-content .add-response-button {
      margin-left: 5px;
      margin-right: 5px
  }
}

@media (max-width:1024px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses {
      padding-bottom: 0
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper {
      min-height: 300px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .no-responses-wrapper .no-responses {
      margin: 30px auto
  }
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .no-responses-wrapper {
      padding: 0
  }
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced {
  padding: 0 30px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block {
  width: 100%;
  max-width: 700px;
  margin: 30px auto 0;
  padding: 30px 40px;
  position: relative;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #dbe1e8;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
  background: #fff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section {
  position: relative;
  margin-bottom: 40px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section:last-child {
  margin: 0
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section>i {
  color: #9ba6b3;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: help
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .title {
  font-size: 18px;
  font-weight: 600;
  color: #647384;
  margin-bottom: 20px;
  padding-left: 35px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .title .switch {
  width: 50px;
  height: 20px;
  padding-top: 9px;
  display: inline-block;
  margin-left: 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .title .switch label {
  width: 50px;
  height: 10px;
  background: #9ba6b3;
  display: block;
  border-radius: 10px;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .title .switch label:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .title .switch label:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .title .switch label:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .title .switch label:before {
  -webkit-transition: all .3s;
  transition: all .3s;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  top: -5px;
  border-radius: 100%;
  background: #707f92
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .title .switch input {
  display: none
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .title .switch input[type=checkbox]:checked+label {
  background: #66b9ff
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .title .switch input[type=checkbox]:checked+label:before {
  left: 30px;
  background: #008aff;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .28);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .28)
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section>span {
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section>span a {
  color: #008aff;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section>span a:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section>span a:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section>span a:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .input-wrapper {
  width: 100%;
  position: relative
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .input-wrapper input[type=text] {
  color: #647384;
  font-family: Source Sans Pro, sans-serif;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 10px;
  width: 100%;
  border: 1px solid #c6cdd4
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .input-wrapper input[type=text]::-webkit-input-placeholder {
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .input-wrapper input[type=text]::-moz-placeholder {
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .input-wrapper input[type=text]:-ms-input-placeholder {
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .input-wrapper input[type=text]::placeholder {
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .input-wrapper .limit {
  background: #008aff;
  color: #fff;
  position: absolute;
  bottom: -3px;
  right: -10px;
  font-size: 11px;
  padding: 3px;
  border-radius: 10px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .tagselect .description {
  height: 20px
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block .section .tagselect .wrapper input[type=text] {
  color: #647384
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced {
      padding: 0 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-content .inner-content.advanced .block {
      padding: 20px
  }
}

#story-container .interaction-wrapper .interaction .add-response-wrapper {
  background: #fff;
  left: -285px;
  width: 275px;
  position: absolute;
  margin: 0 auto;
  top: 0;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .24);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .24);
  max-height: 100%;
  min-height: 300px
}

#story-container .interaction-wrapper .interaction .add-response-wrapper>* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tabs {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  display: block;
  width: 45px;
  background: #f0f4f7;
  border-right: 1px solid #dbe1e8
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tabs .add-response-tab {
  width: 45px;
  height: 50px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tabs .add-response-tab:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tabs .add-response-tab:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tabs .add-response-tab:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tabs .add-response-tab:hover {
  background: #dbe1e8
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tabs .add-response-tab.active {
  background: #fff;
  border-top-color: #dbe1e8;
  border-bottom-color: #dbe1e8;
  border-right-color: #fff
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tabs .add-response-tab:first-child {
  border-top-color: transparent;
  border-top-left-radius: 6px
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tabs .add-response-tab .icon {
  width: 50%
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tabs .add-response-tab .icon.widget {
  padding-top: 3px
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tabs .add-response-tab .icon.widget svg path {
  fill: #008aff!important
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tabs .add-response-tab i.be-icons {
  color: #008aff;
  font-size: 21px
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 20px 10px;
  -ms-flex-line-pack: start;
  align-content: flex-start
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .group-title {
  width: 100%;
  line-height: 20px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .5px;
  color: #647384;
  padding: 0 10px;
  margin: 22px 0 15px
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button {
  margin: 0 8px 12px;
  width: 79px;
  text-align: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button:hover {
  opacity: .8!important
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button:active {
  opacity: .5!important
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button:disabled {
  opacity: .2
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button .icon {
  -webkit-transition: border .3s;
  transition: border .3s;
  width: 100%;
  height: 60px;
  border: 1px solid #dbe1e8;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button .icon i {
  -webkit-transition: color .3s;
  transition: color .3s;
  font-size: 40px;
  color: #9ba6b3
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button .icon i.goal,
#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button .icon i.random-text,
#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button .icon i.tag {
  font-size: 34px
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button .icon i.attributes,
#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button .icon i.transcript {
  font-size: 46px
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button .icon i.quick-replies,
#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button .icon i.transfer {
  font-size: 50px
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button .icon i.zapier {
  font-size: 56px;
  padding-top: 3px
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button .icon i.segments {
  font-size: 30px
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button span {
  -webkit-transition: color .3s;
  transition: color .3s;
  white-space: nowrap;
  font-size: 13px;
  color: #647384;
  font-weight: 600
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button:hover .icon {
  border-color: #008aff
}

#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button:hover .icon i,
#story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button:hover span {
  color: #008aff
}

@media (max-width:1024px) {
  #story-container .interaction-wrapper .interaction .add-response-wrapper {
      width: calc(100% - 20px);
      margin: 30px 10px 10px;
      position: static;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 1px solid #dbe1e8
  }
  #story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content {
      padding-bottom: 0
  }
  #story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .group-title {
      padding: 0
  }
  #story-container .interaction-wrapper .interaction .add-response-wrapper .add-response-tab-content .add-response-button {
      margin-left: 5px;
      margin-right: 5px
  }
}

#story-container .interaction-wrapper .interaction .interaction-loading-state {
  z-index: 18;
  background: #f5f8fb;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-item {
  -webkit-animation: blink infinite ease-in-out .5s;
  animation: blink infinite ease-in-out .5s;
  background: #b7c5e2;
  border-radius: 6px;
  display: block
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-header {
  height: 65px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-header,
#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-header .loading-header-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-header .loading-item.item-0 {
  width: 35px;
  height: 35px;
  margin-left: 15px
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-header .loading-item.item-1 {
  width: 120px;
  height: 20px;
  margin-left: 25px
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-header .loading-item.item-2 {
  width: 80px;
  height: 35px;
  margin-right: 10px
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-tabs {
  background: #b7c5e2;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-tabs .loading-item {
  background: #fff
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-tabs .loading-item.item-0 {
  width: 70px;
  height: 15px;
  margin-left: 20px
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 100px 50px 0
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-content .loading-content-response {
  width: 100%;
  height: 250px;
  background: #fff;
  border-radius: 6px;
  padding: 15px 20px;
  position: relative
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-content .loading-content-response .loading-item.item-0 {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  top: -70px;
  left: 0;
  right: 0;
  margin: 0 auto
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-content .loading-content-response .loading-item.item-1 {
  width: 80px;
  height: 25px
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-content .loading-content-response .loading-item.item-2 {
  width: 100%;
  height: 15px;
  margin-top: 30px
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-content .loading-content-response .loading-item.item-3 {
  width: 60%;
  height: 15px;
  margin-top: 10px
}

#story-container .interaction-wrapper .interaction .interaction-loading-state .loading-content .loading-content-response .loading-item.item-4 {
  width: 100%;
  height: 50px;
  margin-top: 30px
}

@media (max-width:768px) {
  #story-container .interaction-wrapper .interaction .interaction-loading-state .loading-content {
      padding-top: 120px;
      padding-left: 10px;
      padding-right: 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-loading-state .loading-content .loading-content-response {
      padding-left: 10px;
      padding-right: 10px
  }
  #story-container .interaction-wrapper .interaction .interaction-loading-state .loading-content .loading-content-response .loading-item.item-0 {
      top: -80px
  }
}

@media (max-width:1280px) {
  #story-container .interaction-wrapper .interaction {
      width: 660px
  }
}

@media (max-width:480px) {
  #story-container .interaction-wrapper {
      right: 0;
      top: 0;
      bottom: 60px
  }
  #story-container .interaction-wrapper .interaction {
      width: 100vw;
      max-width: 100vw;
      border-radius: 0
  }
}


.response-delay-block {
  width: 255px;
  padding: 10px;
}

.response-delay-block .title {
  left: 0;
  font-size: 16px;
  font-weight: 600;
  color: #4e5661;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.response-delay-block .slider-container {
  padding-top: 30px;
  padding-bottom: 5px;
  height: 55px;
}

.response-delay-block .slider-container input[data-provide="slider"] {
  display: none;
}

.response-delay-block .slider-container .slider-handle {
  background-color: #004382;
  background-image: none;
}

.response-delay-block .slider-container .slider-handle.round {
  width: 15px;
  height: 15px;
}

.response-delay-block .slider-container .slider.slider-horizontal .slider-handle {
  margin-left: -7px;
}

.response-delay-block .slider-container .slider-selection {
  background-color: #004382;
  background-image: none;
}

.response-delay-block .slider-container .slider.slider-horizontal {
  width: 235px;
}

.response-delay-block .slider-container .slider.slider-horizontal .slider-track {
  height: 3px;
  margin-top: -3px;
}

.response-delay-block .slider-container .slider.slider-horizontal .slider-track-high {
  background-color: #e2e9f0
}

.response-delay-block .slider-container .slider.slider-horizontal .tooltip {
  background-color: #004382;
  opacity: 1;
}

.response-delay-block .slider-container .slider .tooltip.top {
  margin-top: -27px;
  position: relative;
  width: 22px;
  border-radius: 50px;
}

.response-delay-block .slider-container .slider.slider-horizontal .tooltip .tooltip-inner {
  padding: 3px;
  font-size: 10px;
  background-color: #004382;
  width: 22px;
  border-radius: 50px;
  position: absolute;
}

.response-delay-block .slider-container .slider.slider-horizontal .tooltip .tooltip-arrow {
  border: solid #004382;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  background: #004382;
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(135deg);
  bottom: -24px;
  left: 7px;
}

.response-delay-block .buttons button {
  float: right;
  clear: both;
}

/** Entity Integration **/
.row div[contenteditable] span.attribute, .row div[contenteditable] span.system, .row div[contenteditable] span.default {
  line-height: 0;
  white-space: nowrap !important;
  color: #ffffff;
  font-weight: 600;
  background: #004382;
  cursor: pointer;
}
.row div[contenteditable] span.attribute > .brackets, .row div[contenteditable] span.system > .brackets, .row div[contenteditable] span.default > .brackets {
  padding: 0 1px;
  position: relative;
  top: -1px;
  color: rgba(255, 255, 255, 0.5);
}

/** Attribute Integration **/
.row-el div[contenteditable] span.attributeRes, .row div[contenteditable] span.system, .row div[contenteditable] span.default,
.card-row div[contenteditable] span.attributeRes, .row div[contenteditable] span.system, .row div[contenteditable] span.default,
.subTitle div[contenteditable] span.attributeRes, .row div[contenteditable] span.system, .row div[contenteditable] span.default,
.row div[contenteditable] span.attributeRes, .row div[contenteditable] span.system, .row div[contenteditable] span.default,
.edit-attribute div[contenteditable] span.attributeRes{
  line-height: 0;
  white-space: normal !important;
  color: #ffffff;
  font-weight: 600;
  background: #004382;
  cursor: pointer;
}
.row-el div[contenteditable] span.attributeRes > .brackets, .row div[contenteditable] span.system > .brackets, .row div[contenteditable] span.default > .brackets,
.card-row div[contenteditable] span.attributeRes > .brackets, .row div[contenteditable] span.system > .brackets, .row div[contenteditable] span.default > .brackets,
.subTitle div[contenteditable] span.attributeRes > .brackets, .row div[contenteditable] span.system > .brackets, .row div[contenteditable] span.default > .brackets,
.row div[contenteditable] span.attributeRes > .brackets, .row div[contenteditable] span.system > .brackets, .row div[contenteditable] span.default > .brackets,
.edit-attribute div[contenteditable] span.attributeRes > .brackets, .edit-attribute div[contenteditable] span.system > .brackets, .edit-attribute div[contenteditable] span.default > .brackets{
  padding: 0 1px;
  position: relative;
  top: -1px;
  color: rgba(255, 255, 255, 0.5);
}

.row-el div[contenteditable] span,
.card-row div[contenteditable] span,
.subTitle div[contenteditable] span,
.row div[contenteditable] span,
.edit-attribute div[contenteditable] span {
  font-weight: 400;
  padding: 0;
  font-size: 15px;
  margin: 0;
  border-radius: 20px;
}

.row div[contenteditable] span.entity {
  display: none;
}

.tippy-tooltip.editButtonConfig-theme[data-animatefill],
.tippy-tooltip.editAttribute-theme[data-animatefill] {
  background-color: transparent;
}
.tippy-tooltip.editButtonConfig-theme .tippy-backdrop,
.tippy-tooltip.editAttribute-theme .tippy-backdrop {
  background-color: #fff;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.editButtonConfig-theme .tippy-arrow,
.tippy-popper[x-placement^=top] .tippy-tooltip.editAttribute-theme .tippy-arrow {
  border-top: 8px solid #fff;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.editButtonConfig-theme .tippy-arrow,
.tippy-popper[x-placement^=right] .tippy-tooltip.editAttribute-theme .tippy-arrow {
  border-right: 8px solid #fff;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.editButtonConfig-theme .tippy-arrow,
.tippy-popper[x-placement^=left] .tippy-tooltip.editAttribute-theme .tippy-arrow {
  border-left: 8px solid #fff;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.editButtonConfig-theme .tippy-arrow,
.tippy-popper[x-placement^=bottom] .tippy-tooltip.editAttribute-theme .tippy-arrow {
  border-bottom: 8px solid #fff;
}
.tippy-popper .editButtonConfig-theme .edit-attribute .el,
.tippy-popper .editAttribute-theme .edit-attribute .el {
  margin-bottom: 20px;
}

.tippy-popper .editButtonConfig-theme,
.tippy-popper .editAttribute-theme{
  background-color: #fff;
  color: #000;
  box-shadow: rgba(154, 161, 177, 0.15) 0px 0px 20px 4px, rgba(36, 40, 47, 0.25) 0px 4px 80px -8px, rgba(91, 94, 105, 0.15) 0px 4px 4px -2px;
}

.tippy-popper .editButtonConfig-theme .edit-attribute,
.tippy-popper .editAttribute-theme .edit-attribute{
  width: 270px;
  padding: 15px;
  text-align: left;
}

.tippy-popper .editButtonConfig-theme .edit-attribute .buttons,
.tippy-popper .editAttribute-theme .edit-attribute .buttons {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 15px;
}

/** Filter In bot response*/
.tippy-popper .editButtonConfig-theme .filter-item-tippy-block .el > input[type='text'].field-error, 
.tippy-popper .editButtonConfig-theme .filter-item-tippy-block .el > input[type='number'].field-error,
.tippy-popper .editAttribute-theme .filter-item-tippy-block .el > input[type='text'].field-error, 
.tippy-popper .editAttribute-theme .filter-item-tippy-block .el > input[type='number'].field-error {
  border-color: #eb5d53;
}


.tippy-popper .editButtonConfig-theme {
  left:-110px !important;
}

.tippy-popper .qrEditButtonConfig-theme {
  left:0px !important;
}

.border-dotted-white{
  border: 4px dotted #FFFFFF;
  border-radius: 8px;
}

/** Image Type Response **/
.image-loader-div,
.image-preview-div,
.image-response-input{
  background-color: #FFFFFF;
  width: 240px;
  /* width: calc(50% - 5em); */
  /* width: 150px; */
  height: 230px;
  border-radius: 6px;
  position: relative;
  border: 4px dotted #fff;
  /*left: 147px;*/
}
.image-response-input{
  cursor: pointer;
}

.image-response-default,
.image-loader-spinner{
  position: absolute;
  top: 85px;
  right: 89px;
}

.image-rows .row.field-error{
  border: 1px solid #f44336;
}

/** card Type Response **/
.image-loader-div,
.image-preview-div,
.card-image-response-input{
  background-color: #FFFFFF;
  width: 219px;
  border-radius: 6px;
  left: 147px;
  height: 136px;
}
.card-image-response-input{
  cursor: pointer;
}
.card-image-response-input img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.card-image-response-default,
.image-loader-spinner{
  position: absolute;
  /*top: 112px;
  right: 280px;*/
      top: 40px;
    right: 82px;
}

.image-rows .row.field-error{
  border: 1px solid #f44336;
}

/* Carousel Type Response */
.image-loader-div,
.image-preview-div,
.carousel-image-response-input{
  background-color: #FFFFFF;
  width: 238px;
  border-radius: 6px;
  left: 147px;
  height: 136px;
}
.carousel-image-response-input{
  cursor: pointer;
}
.carousel-image-response-input img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.carousel-image-response-default,
.image-loader-spinner{
  position: absolute;
  top: 50px;
  right: 95px;
}

.image-rows{
  position: relative;
}

.image-rows .row.field-error{
  border: 1px solid #f44336;
}

/** Attribute Integration **/
.attr-options{
  list-style-type: none;
  padding: 5px 0px 0 0;
  font-weight: bold;
  max-height: 150px;
  overflow-y: auto;
}
.attr-options li{
  padding: 5px 0px 0 0;
}

.attr-options li:hover{
  padding: 5px 0px 0 0;
  color: #004382;
  cursor: pointer;
}

.edit-attribute .arrow-down-with-label{
  top: 60px;
  right:37px;
}

.tippy-tooltip ul{
  text-align: left;
}

[contenteditable=true]:empty:before {
  color:#A2ACB9;
  content: attr(placeholder);
  display: block; /* For Firefox */
}

.bg-primary-tree{
  background-color: #002051;
}
.bg-info-tree{
  background-color: #004382;
}

/*** Button type response ***/
.response-inner-wrapper .response .contents .response-content .single-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border-top: 1px solid #e8eef3;
    cursor: pointer;
    padding: 0 30px;
    position: relative;
}
.response-inner-wrapper .response .contents .response-content .single-button span{
    color: #004382;
    font-weight: bold;
    font-size: 15px;
}

.txtInput.field-error{
    border-color: #f44336 !important;
}

.response-inner-wrapper .response .contents .response-content .single-button .single-button-actions{
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    position: absolute;
    right: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.quick-button .single-button-actions{
  opacity: 0 !important;
  z-index: 1;
}
.quick-button:hover .single-button-actions{
  opacity: 1 !important;
}

.response-inner-wrapper .response .contents .response-content .single-button:hover .single-button-actions {
    opacity: 1;
}

.response-inner-wrapper .response .contents .response-content .button-response .remove-button-disabled{
  cursor: not-allowed;
}

.response-inner-wrapper .response .contents .response-content .cards-response .remove-card-button-disabled{
  cursor: not-allowed;
}

.response-inner-wrapper .response .contents .response-content .cards-response .carousel-wrapper .single-card-button-actions{
  /* margin-left: 230px !important; */
  position: absolute;
  top:-10px;
  right: -6px;
  cursor: pointer;
}

.carousel-wrapper .single-card-button-actions{
  opacity: 0 !important;
}

.item:hover .single-card-button-actions{
  opacity: 1 !important;
}

.remove-card-icon{
  border-radius: 50%;
  font-size: 20px !important;
  padding: 2px;
}

.button-tippy-block input.field-error{
  border-color: #fb6e6e;
  box-shadow: none;
}


#story-container .response-inner-wrapper .response .contents .response-content .button-response .options{
    position: absolute;
    display: none;
    right: -10px;
    bottom: -14px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#story-container .response-inner-wrapper .response .contents .response-content .button-response .input-wrapper.focus .options{
  display: block;
}

/** Button config box CSS **/
.button-tippy-block .button-inputs .el{
  position: relative;
}

.button-tippy-block .button-inputs .options {
  position: absolute;
  display: none;
  right: 0;
  bottom: -15px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button-tippy-block .button-inputs.focus .options {
  display: block;
}

.button-tippy-block .button-inputs .options .limit {
  background: #008aff;
  color: #fff;
  float: left;
  font-size: 11px;
  padding: 3px;
  border-radius: 10px;
}

.hide-show-json{
  right: 0;top: 17px;position: absolute;
}

/** Even finance form **/

.refresh-form-detail{
  font-weight: bold;
  position: absolute;
  right: 15px;
}
.error-border{
  border: 1px solid #f44336 !important;
}

.move-response{
  cursor: grab !important;
}

.even-financial-form .form-inputs{
  padding-left: 0;
  list-style: none;
}

.swap-highlights-p{
  background-color:#d0e1f2;
  /* padding:5px; */
  border-radius: 5px;
  border: 1px dotted #848484;
  /* height: 55px; */
}

.swap-highlights{
  /* background-color:#d0e1f2; */
  /* padding:5px; */
  /* border-radius: 5px; */
  /* border: 1px dotted #848484; */
}

.section-div{
  padding: 5px;
}

.hide-show-opt{
  position: absolute;
  top: -39px;
  right: 0;
  cursor: pointer;
}



/** Swap Responses **/
.inner-responses-wrapper{
  padding-left: 0;
  list-style: none;
}
.swap-highlights-main{
  background-color:#d7e7f7;
  /* padding:5px; */
  border-radius: 5px;
  border: 1px dotted #848484;
  /* height: 55px; */
}

.swap-highlights-response{
  /* background-color:#d7e7f7; */
  /* padding:5px; */
  /* border-radius: 5px; */
  /* border: 1px dotted #848484; */
}

.view-form{
  text-decoration: underline !important;
}

/** API JSON View modal popup **/
._app-show-message-json#jsonPostAPIModal .modal-body{
  /* max-height : calc(100vh - 180px); */
  overflow: auto;
}

._app-show-message-json#jsonPostAPIModal .close:hover,
._app-show-message-json#jsonPostAPIModal .close:focus {
  text-decoration: none;
  cursor: pointer;
}

._app-show-message-json#jsonPostAPIModal .json-key {
  color: #7add38;
}

._app-show-message-json#jsonPostAPIModal .json-string {
  color: #ffffff;
}

._app-show-message-json#jsonPostAPIModal .json-number {
  color: #74ebf8;
}

._app-show-message-json#jsonPostAPIModal .json-boolean {
  color: #fff01d;
}

._app-show-message-json#jsonPostAPIModal .json-null {
  color: #fa4f5e;
}


/*Empty Response when adding response with drag and drop*/
.response-inner-wrapper.empty > .response{
  background-color:#d7e7f7 !important;
  border: 1px dotted #848484  !important;
  height: 200px;
}

.response-inner-wrapper.empty > .response i{
  position: absolute;
  top: 38%;
  left: 46%;
  font-size: 48px;
}

/** Dragged Clone CSS **/
.ui-draggable-dragging {
  margin: 0 8px 12px;
  width: 79px;
  text-align: center;
  cursor: pointer
}

.ui-draggable-dragging:hover {
  opacity: .8!important
}

.ui-draggable-dragging:active {
  opacity: .5!important
}

.ui-draggable-dragging:disabled {
  opacity: .2
}

.ui-draggable-dragging .icon {
  transition: border .3s;
  width: 100%;
  height: 60px;
  border: 1px solid #dbe1e8;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-draggable-dragging .icon i {
  transition: color .3s;
  font-size: 40px;
  color: #9ba6b3
}

.ui-draggable-dragging span {
  transition: color .3s;
  white-space: nowrap;
  font-size: 13px;
  color: #647384;
  font-weight: 600
}

.ui-draggable-dragging:hover .icon {
  border-color: #008aff
}

.ui-draggable-dragging:hover .icon i,
.ui-draggable-dragging:hover span {
  color: #008aff
}

.interaction-wrapper select,
.interaction-wrapper input{
  height: 40px;
  border-radius: 6px;
}

.attributeValue[disabled]{
  cursor:not-allowed;
}

select.field-error{
  border-color: #f44336;
}

/** smart wizard **/
.sw-theme-dots > ul.step-anchor > li > a:before {
  bottom: 14px !important;
  left: 20% !important;
  margin-top: 0 !important;
}

.sw-theme-dots > ul.step-anchor > li > a:after  {
  left: 1px !important;
  bottom: 6px !important;
  margin-top: 0 !important;
}
#evenFinanceWizard {
  width: 515px;
}

.sw-toolbar .btn-group{
  margin-bottom: 15px;
}

.sw-theme-dots > ul.step-anchor > li{
  margin-right: 4px;
  margin-top: 25px;
}

.sw-theme-dots > ul.step-anchor > li.section-error > a:before{
  border: 1px solid red;
}

.nav-tabs .nav-item .nav-link{

}
.sw-theme-dots > ul.step-anchor:before{
  top : 41px !important;
}

.sw-btn-next, .sw-btn-prev{
  border-radius: 0.25rem !important;
}
.sw-btn-prev{
  right: 336px;
}

div.form-control.field-error{
  border-color: #f44336; 
}

div[contenteditable]{
  word-break: break-word;
  /* word-wrap: break-word;
  overflow-y: auto;
  white-space: pre-wrap; */
}

.close-button-box{
  position: absolute;
  right: -6px;
  cursor: pointer;
  top: -5px;
}

.text-48{
  font-size: 48px;
}

.text-24{
  font-size: 24px;
}

#story-container .interaction-wrapper .interaction .interaction-content .inner-content.responses .outer-responses-wrapper .inner-responses-wrapper .response-outer-wrapper .response-inner-wrapper .response .contents .response-content .button-response .item .inner-wrapper .main{
    padding-left: 0 !important;
}


.carousel-mask .carousel-wrapper .main{
    padding-left: 0 !important;
}