/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.MessageBlock-base-WZBFH {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: 'Courier New', serif;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #222;
  position: relative; }
  .MessageBlock-base-WZBFH.isFocused .MessageBlock-messageBase-23uwu {
    border-color: #ccc; }
  .MessageBlock-base-WZBFH.isFocused .MessageBlock-messageHeaderHasPlaceholder-lcIGt:before {
    display: none; }
  .MessageBlock-base-WZBFH.isFocused .MessageBlock-messageHeaderHasPlaceholder-lcIGt:after {
    display: block; }
  .MessageBlock-base-WZBFH.isFocused .MessageBlock-metaIcon-1rzTK {
    visibility: visible; }
  .MessageBlock-base-WZBFH.isFocused .MessageBlock-messageBase-23uwu:after {
    content: none; }

.MessageBlock-messageBase-23uwu {
  display: flex;
  flex: 1;
  flex-shrink: 0;
  padding: 1.2rem 0.6rem 1.2rem 0.6rem;
  order: 2;
  flex-direction: column;
  border-width: 1px 0;
  border-style: solid;
  border-color: transparent;
  transition: border-color 150ms ease; }
  .MessageBlock-messageBase-23uwu:after {
    content: '';
    height: 4.4rem;
    position: absolute;
    opacity: 0.5;
    top: 0;
    right: 0;
    width: 11.2rem; }
  .MessageBlock-messageBase-23uwu > div {
    flex-grow: 1;
    flex-basis: 100%;
    z-index: 99; }
  .MessageBlock-messageBase-23uwu .MessageBlock-messagePlaceholder-30JPz {
    z-index: 0;
    margin: 0 0 -2rem 1rem;
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.3);
    font-size: 1.4rem; }
  .MessageBlock-messageBase-23uwu span::selection {
    color: inherit;
    background: #7db1ef; }
  .MessageBlock-messageBase-23uwu .public-DraftStyleDefault-block > span {
    /*
      TODO - this breaks DraftJS text formatting,
      target location message only
      Let's wait for bugs to be reported
    */ }

.MessageBlock-messageHeader-1OD82 {
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 0.2rem;
  padding: 0.4rem 0.6rem;
  margin-bottom: 1.2rem;
  user-select: none;
  text-align: left !important;
  font-size: 87.5%;
  font-family: sans-serif;
  cursor: pointer; }

.MessageBlock-messageHeaderHasLabel-1kpNB {
  display: block; }

.MessageBlock-messageHeaderHasPlaceholder-lcIGt {
  display: block;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5); }
  .MessageBlock-messageHeaderHasPlaceholder-lcIGt:before {
    content: attr(data-placeholder-text);
    display: block; }
  .MessageBlock-messageHeaderHasPlaceholder-lcIGt:after {
    content: attr(data-hint-text);
    display: none; }

.MessageBlock-messageMeta-3cgdG {
  flex-basis: 11.2rem;
  padding-top: 1.2rem;
  text-align: right;
  order: 3;
  user-select: none;
  position: relative; }

.MessageBlock-metaIcon-1rzTK {
  color: rgba(0, 0, 0, 0.38);
  font-size: 2rem;
  height: 1em;
  width: 1em;
  margin: 0 0.4rem;
  cursor: pointer;
  display: inline-block;
  visibility: hidden; }
  .MessageBlock-metaIcon-1rzTK:hover {
    color: rgba(0, 0, 0, 0.54); }
  .MessageBlock-metaIcon-1rzTK.MessageBlock-selected-3WV5y {
    color: #00b0cd;
    visibility: visible; }

.MessageBlock-warning-aIhTa,
.MessageBlock-soundLabel-2yWrj,
.MessageBlock-condition-3eW_5,
.MessageBlock-feedbackIcon-tjLm7,
.MessageBlock-remove-Ok4vO { }

.MessageBlock-warning-aIhTa:hover {
  color: #8e0008; }

.MessageBlock-messageLabel-2rqTZ {
  color: rgba(0, 0, 0, 0.4);
  display: block;
  font: italic normal 1.2rem / 2rem sans-serif;
  padding-right: 3.6rem;
  margin-top: 1.3rem;
  position: absolute;
  right: 100%;
  white-space: nowrap;
  flex-basis: 10rem;
  user-select: none;
  cursor: pointer; }
  .MessageBlock-messageLabel-2rqTZ.MessageBlock-hasMessageHeader-1i_7P {
    margin-top: 1.7rem; }

.MessageBlock-suggestion-2Ad9A {
  color: #8cc63f; }

.MessageBlock-ambient-3JDWZ,
.MessageBlock-effect-1iMy0,
.MessageBlock-image-37KkX,
.MessageBlock-location-2pliM,
.MessageBlock-music-2j6Nx,
.MessageBlock-one-shot-effect-qC6pZ,
.MessageBlock-sound-3P7IM {
  flex-direction: row;
  /*
    Make sure that location message's text is never displayed
    and also the cursor is not displayed.
    Althought the message should be still selectable by up/down arrows
  */ }
  .MessageBlock-ambient-3JDWZ .MessageBlock-messageHeader-1OD82,
  .MessageBlock-effect-1iMy0 .MessageBlock-messageHeader-1OD82,
  .MessageBlock-image-37KkX .MessageBlock-messageHeader-1OD82,
  .MessageBlock-location-2pliM .MessageBlock-messageHeader-1OD82,
  .MessageBlock-music-2j6Nx .MessageBlock-messageHeader-1OD82,
  .MessageBlock-one-shot-effect-qC6pZ .MessageBlock-messageHeader-1OD82,
  .MessageBlock-sound-3P7IM .MessageBlock-messageHeader-1OD82 {
    margin-bottom: 0; }
  .MessageBlock-ambient-3JDWZ .public-DraftStyleDefault-block,
  .MessageBlock-effect-1iMy0 .public-DraftStyleDefault-block,
  .MessageBlock-image-37KkX .public-DraftStyleDefault-block,
  .MessageBlock-location-2pliM .public-DraftStyleDefault-block,
  .MessageBlock-music-2j6Nx .public-DraftStyleDefault-block,
  .MessageBlock-one-shot-effect-qC6pZ .public-DraftStyleDefault-block,
  .MessageBlock-sound-3P7IM .public-DraftStyleDefault-block {
    flex-basis: 0;
    max-width: 0;
    max-height: 0;
    overflow: hidden; }
  .MessageBlock-ambient-3JDWZ .public-DraftStyleDefault-block > span,
  .MessageBlock-effect-1iMy0 .public-DraftStyleDefault-block > span,
  .MessageBlock-image-37KkX .public-DraftStyleDefault-block > span,
  .MessageBlock-location-2pliM .public-DraftStyleDefault-block > span,
  .MessageBlock-music-2j6Nx .public-DraftStyleDefault-block > span,
  .MessageBlock-one-shot-effect-qC6pZ .public-DraftStyleDefault-block > span,
  .MessageBlock-sound-3P7IM .public-DraftStyleDefault-block > span {
    padding-left: 0;
    white-space: nowrap;
    word-break: keep-all; }

.MessageBlock-image-37KkX .MessageBlock-messageHeader-1OD82 {
  background-color: transparent; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.soundPlayer-muteButton-1AcrT,
.soundPlayer-actionButton-1MqyV,
.soundPlayer-recordButton-3NWD_,
.soundPlayer-playButton-ycrl_ {
  opacity: .54;
  font-size: 2rem;
  height: 1em;
  width: 1em;
  cursor: pointer;
  margin: 0 .4rem; }
  .soundPlayer-muteButton-1AcrT:hover,
  .soundPlayer-actionButton-1MqyV:hover,
  .soundPlayer-recordButton-3NWD_:hover,
  .soundPlayer-playButton-ycrl_:hover {
    cursor: pointer;
    opacity: .87; }

.soundPlayer-recordButton-3NWD_,
.soundPlayer-playButton-ycrl_ {
  font-size: 2.4rem; }

.soundPlayer-inlineActions-107dN {
  color: rgba(0, 0, 0, 0.5) !important;
  opacity: .54; }
  .soundPlayer-inlineActions-107dN:hover {
    cursor: pointer;
    opacity: .87; }

.soundPlayer-playerContainer-2Zm91 {
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: Roboto, sans-serif;
  font-size: 1.2rem;
  justify-content: flex-start;
  padding: .4rem .8rem;
  position: relative;
  width: 100%; }

.soundPlayer-playAndRecordContainer-3p0aS {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%; }

.soundPlayer-volumeContainer-2Flz0 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start; }

.soundPlayer-loading-2UT0j {
  padding: 2px;
  margin: 6px;
  height: 2.7rem;
  width: 2.7rem; }

.soundPlayer-menuItem-1Gn6i {
  opacity: .54; }
  .soundPlayer-menuItem-1Gn6i:hover {
    cursor: pointer;
    opacity: .87; }

.soundPlayer-actionButton-1MqyV {
  margin-right: 8px;
  margin-left: auto; }

.soundPlayer-innerknob-2BUCO {
  height: 8px;
  width: 8px; }

.soundPlayer-knob-wAIVn:hover {
  cursor: pointer; }

.soundPlayer-pressed-1cXsH .soundPlayer-innerknob-2BUCO {
  height: 16px !important;
  width: 16px !important; }

.soundPlayer-recordContainer-1ctfA {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }

.soundPlayer-recordIndicator-2tDrB {
  position: absolute;
  background: var(--palette-grey-300);
  border-radius: 100%;
  max-height: 100%;
  max-width: 100%;
  z-index: 4; }

.soundPlayer-waitRecording-2rA0p {
  color: var(--palette-red-500);
  border-radius: 100%;
  opacity: 1;
  z-index: 5;
  transition: all 100ms ease-in-out; }

.soundPlayer-isRecording-30wjk {
  background: var(--palette-red-500);
  color: white;
  border-radius: 100%;
  transition: all 100ms ease-in-out; }

.soundPlayer-hide-1TcI6 {
  display: none; }

.soundPlayer-recordActionsContainer-1PTdo {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: row;
  width: 100%; }

.soundPlayer-wave-9vTOX {
  width: 100%; }

.soundPlayer-dontShow-22BT5 {
  visibility: hidden; }

.soundPlayer-positionAndDuration-UDUhz {
  margin: .3rem .8rem 0; }

.soundPlayer-position-m7x3A {
  float: left; }

.soundPlayer-duration-2j4eg {
  float: right; }

.soundPlayer-waveformContainer-3v4Qr {
  height: 64px;
  overflow: hidden; }

.soundPlayer-volumeSlider-3N2eV {
  width: 64px;
  margin-right: 8px;
  margin-left: 8px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.AudioPlayer-base-3oV5e {
  width: 350px;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  z-index: 5; }

.AudioPlayer-noFile-1e-P8 {
  padding: 10px;
  text-align: center;
  color: #757575; }

.AudioPlayer-emptyViewButton-3iVUP {
  margin-top: 20px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.FloatingActionWrapper-floatingActionWrapper-1PUgH {
  position: fixed;
  display: flex;
  flex-direction: column; }
  .FloatingActionWrapper-floatingActionWrapper-1PUgH > button {
    margin: 0.5rem 0;
    transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
    .FloatingActionWrapper-floatingActionWrapper-1PUgH > button:hover {
      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ColorSwatch-base-o1hvP {
  display: inline-block; }

.ColorSwatch-swatch-FTKo7 {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  cursor: pointer;
  border: 3px solid #fff; }
  .ColorSwatch-swatch-FTKo7.ColorSwatch-highlighted-2Nlvy {
    border-color: #f0f0f0; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ColorPaletteItem-base-1La0S {
  margin: 1rem;
  border: 2px solid white;
  cursor: pointer;
  display: flex;
  align-items: center; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.FormatToolbar-content-3U6t6 {
  border-radius: 3px;
  padding: 4px;
  color: rgba(0, 0, 0, 0.13);
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  .FormatToolbar-content-3U6t6.FormatToolbar-active-2HIeM {
    color: #999;
    pointer-events: auto; }
    .FormatToolbar-content-3U6t6.FormatToolbar-active-2HIeM.FormatToolbar-dark-1FRln {
      background-color: #444;
      color: #cfcfcf;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }

.FormatToolbar-colorPalettePopover-2N93P {
  transform: translateY(98%);
  z-index: 9999; }

.FormatToolbar-colorPaletteWrapper-wc16E {
  display: flex;
  flex-wrap: no-wrap;
  flex-direction: row;
  min-width: 150px;
  background-color: white;
  justify-content: space-between;
  padding: 4px; }
  .FormatToolbar-colorPaletteWrapper-wc16E .FormatToolbar-colorPalette-Bq1Yv {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center; }

.FormatToolbar-buttonContainer-3vzR- {
  display: flex;
  align-items: center; }

.FormatToolbar-verticalDivider-2CnXw {
  border-left: 1px solid #cdcdcd;
  height: 21px;
  margin-right: 4px;
  margin-left: 4px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ToolbarButton-base-1Gtzd {
  color: #999;
  cursor: pointer;
  border-radius: .3rem;
  margin: 0 1px;
  padding: 2px; }
  .ToolbarButton-base-1Gtzd:hover {
    background-color: rgba(255, 255, 255, 0.7); }

.ToolbarButton-wide-ZKqOS {
  margin: 0 2px; }

.ToolbarButton-active-6h3YE {
  color: #444; }
  .ToolbarButton-active-6h3YE.ToolbarButton-dark-2Qc37 {
    color: #fff; }

.ToolbarButton-dark-2Qc37 {
  color: #999; }

.ToolbarButton-darkDisabled-29i3J {
  color: #666 !important; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ScrollView-base-budaF {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  flex-grow: 1; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.TamEditor-container-2CpDi {
  height: 100%;
  display: flex;
  flex: 1; }

.TamEditor-contentWrapper-1UpKC {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; }

.TamEditor-content-1D1Lm {
  width: 100%;
  display: flex;
  flex: 1;
  overflow-y: auto;
  padding: 1.6rem; }
  .TamEditor-content-1D1Lm > div {
    width: 100%; }

.TamEditor-sidebar-38vsZ {
  width: 57px;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  border-right: solid 1px #eeeeee;
  background-color: white;
  padding-top: 1.6rem;
  z-index: 1; }

.TamEditor-sidebarIcon-3TEdz {
  width: 100%;
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.54);
  transition: all 350ms ease-in-out;
  flex-basis: 48px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .TamEditor-sidebarIcon-3TEdz:hover {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.87);
    background-color: var(--palette-grey-100); }
  .TamEditor-sidebarIcon-3TEdz.TamEditor-sidebarIconActive-1zCrE {
    color: var(color-primary);
    background-color: var(--color-primary-50); }
    .TamEditor-sidebarIcon-3TEdz.TamEditor-sidebarIconActive-1zCrE:hover {
      color: var(color-primary);
      background-color: var(--color-primary-100); }

.TamEditor-editor-3g8nn {
  position: relative;
  padding: 2rem 0;
  margin-left: 12rem; }

.TamEditor-container-2CpDi {
  display: flex;
  flex-direction: column;
  width: calc(100% + 1.6rem * 2) !important;
  height: calc(100% + 1.6rem * 2);
  margin: -1.6rem; }

.TamEditor-innerContainer-3krLH {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  position: relative;
  padding: 1.6rem; }
  .TamEditor-innerContainer-3krLH .TamEditor-writersToolContainer-3mSQG {
    width: 100%; }

.TamEditor-toolbarContainer-szvKX {
  padding: 1.6rem 2rem 0 2rem; }

.TamEditor-floatingActions-1yJwQ {
  position: fixed;
  bottom: 60px;
  right: 40px;
  display: flex;
  flex-direction: column; }
  .TamEditor-floatingActions-1yJwQ > * {
    margin: 0.5rem 0; }

.TamEditor-focusWorkaroundInput-3fIKN {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 1px;
  height: 1px;
  border: 0 none;
  cursor: default; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.MessageTypeMenu-menu-1X9ss {
  background-color: #111;
  border-radius: 3px;
  color: #fff;
  font-family: sans-serif;
  padding: .5rem 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  right: .3rem;
  top: 0;
  position: absolute; }

.MessageTypeMenu-_list-3Vq1o {
  list-style: none; }
  .MessageTypeMenu-_list-3Vq1o > li {
    font-size: 1.4rem;
    line-height: 2rem;
    cursor: pointer;
    padding: 0 .5rem;
    white-space: nowrap; }
    .MessageTypeMenu-_list-3Vq1o > li:hover {
      background-color: rgba(255, 255, 255, 0.1); }

.MessageTypeMenu-labels-39pfn { }

.MessageTypeMenu-icons-T6JCr {
  display: flex;
  justify-content: center;
  white-space: nowrap; }
  .MessageTypeMenu-icons-T6JCr > li {
    display: inline-block;
    padding: .5rem;
    line-height: 1; }
    .MessageTypeMenu-icons-T6JCr > li > span {
      font-size: 2rem; }

.MessageTypeMenu-active-6YOqa {
  color: rgba(0, 193, 255, 0.75); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.WritersToolSidebar-toolbar-3gIeg {
  position: absolute;
  right: 100%;
  top: 0;
  max-width: 12rem;
  z-index: 950; }

.WritersToolSidebar-menuIcon-1UIDQ {
  display: inline-block;
  cursor: pointer;
  line-height: 2rem;
  margin: 1.2rem 0 0;
  padding: 0 .5rem 0 8rem;
  opacity: .5; }
@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.CompletionSuggestions-typeahead-IYQ1i {
  margin: 0;
  padding: 0;
  background: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  list-style-type: none;
  overflow-y: auto; }

.CompletionSuggestions-fontStyle-1Ussw {
  font-family: sans-serif;
  font-size: 1.2rem; }

.CompletionSuggestions-entry-6sEfZ {
  margin: 0;
  padding: 8px 8px; }

.CompletionSuggestions-selected-n206G {
  background: #e6f3fe; }

.CompletionSuggestions-meta-3_l0i {
  color: #a1a1a1;
  font-size: 60%;
  margin-left: 32px;
  text-transform: uppercase; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.MarkerMentionDecorator-mention-6Jfe_ {
  font-size: 0.9em;
  background: rgba(217, 217, 217, 0.8);
  color: #222222;
  padding: .1em .3em .05em;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.SearchTermDecorator-searchTerm-2LShm {
  background-color: rgba(255, 193, 7, 0.34); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.WritersTool-editor-wz7zi {
  position: relative;
  margin: 0 2rem 0 12rem; }

.public-DraftEditorPlaceholder-root {
  padding: 1.2rem 4.4rem 1.2rem 4.4rem;
  border-width: 1px 0;
  border-color: transparent;
  border-style: solid;
  cursor: pointer;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.26);
  font-style: italic;
  font-size: 1.6rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10; }
  .public-DraftEditorPlaceholder-root:before {
    font-family: 'Material Icons';
    content: 'edit';
    vertical-align: middle;
    font-size: 2rem;
    line-height: 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    float: left;
    margin-left: -3rem;
    margin-top: -.2rem; }
  .public-DraftEditorPlaceholder-root:hover {
    color: rgba(0, 0, 0, 0.54); }

.public-DraftEditorPlaceholder-hasFocus {
  cursor: text;
  position: absolute;
  top: 0;
  color: rgba(0, 0, 0, 0.26) !important;
  z-index: 10; }
  .public-DraftEditorPlaceholder-hasFocus:before {
    content: none; }

.DraftEditorPlaceholder-hidden {
  display: none; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.WritersToolCharacterCounter-characterCounter-24cpj {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  text-align: right;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  line-height: 16px;
  padding-right: 12rem;
  pointer-events: none; }

.WritersToolCharacterCounter-characterCounterWarning-1iJze {
  color: #de3226; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.WritersToolSoundPlayer-base-1UXcP {
  position: absolute;
  left: 13rem;
  z-index: 100;
  padding: 1rem;
  max-width: 400px;
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.inputWithConfirm-createBar-3nNUu {
  display: flex;
  align-items: center; }

.inputWithConfirm-error-25SrH {
  position: absolute;
  left: 16px;
  text-align: left; }
  .inputWithConfirm-error-25SrH p {
    font-size: 12px; }

.inputWithConfirm-input-2ai2m {
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  height: 56px;
  width: 100%;
  margin: 0 20px;
  flex-direction: row; }

.inputWithConfirm-label-1dqNt {
  left: 16px;
  top: 20px;
  border-radius: 4px; }

.inputWithConfirm-inputElement-1-8uF {
  padding-left: 16px;
  border-radius: 4px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.AudiobookChoiceComponentEditor-container-386U8 {
  flex: 1; }
  .AudiobookChoiceComponentEditor-container-386U8 > div:first-child {
    padding-bottom: 15px; }

.AudiobookChoiceComponentEditor-button-3tvlI {
  flex-shrink: 0; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.SortableList-icon-13z4- {
  font-size: 15px;
  color: #9E9E9E;
  align-self: center;
  cursor: pointer; }

.SortableList-element-1R-s0 {
  display: flex;
  margin-left: -.3rem; }

.SortableList-template-3aOaM {
  flex: 1; }

.SortableList-helper-1GCFC {
  z-index: 2000;
  background-color: #FFFFFF;
  opacity: .8;
  border-radius: 5px;
  cursor: move; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ExpandableArea-expandableArea-_bAm7 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 200ms ease-out, margin 200ms ease-out;
  margin: 16px 24px; }

.ExpandableArea-collapsed-3ijgQ {
  margin-top: 0;
  margin-bottom: 0; }

.ExpandableArea-measureDiv-1KGrv {
  overflow: hidden; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ExpandableHeader-expandableHeader-y-FhE {
  transition: margin 200ms ease-out;
  border-bottom: 1px solid #ccc; }

.ExpandableHeader-expanded-2QLjH {
  margin-top: 16px;
  margin-bottom: 16px; }

.ExpandableHeader-collapsed-Y2u-B {
  margin-top: 0;
  margin-bottom: 0; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.Trigger-optionListTitle-YLLht {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
  text-transform: capitalize; }

.Trigger-listWrapper-1TPS6 {
  padding-bottom: 3rem; }

.Trigger-optionWrapper-1sMsB {
  display: grid;
  padding: 1rem 1.6rem; }

.Trigger-optionTopWrapper-3Z3rw {
  display: grid;
  grid-template-columns: auto 1fr auto; }

.Trigger-optionActions-1lJZw {
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  padding-top: 2rem; }

.Trigger-optionActionsLeft-209o5 {
  margin-right: 1rem; }

.Trigger-optionActionsRight-HDZvU {
  margin-left: 1rem; }

.Trigger-optionMain-3PIQe {
  flex-shrink: 50;
  flex-grow: 100; }

.Trigger-innerBoxHeader-3SeKA {
  display: flex;
  background: #222;
  margin: -0.5rem -2rem;
  margin-bottom: 1rem;
  align-items: center; }

.Trigger-innerBoxHeaderTitle-1FamE {
  color: white;
  font-weight: normal;
  font-size: 1.4rem;
  flex-grow: 10;
  padding: 1rem; }

.Trigger-innerBoxHeaderCloseIcon-2GtNa {
  color: white; }

.Trigger-editOption-1AAj8 {
  width: 100%;
  margin: 1rem;
  padding: 0.5rem 2rem; }

.Trigger-emptyList-16Sjq {
  background: #fafafa;
  font-size: 1.2rem;
  padding: 2rem;
  margin-bottom: 1rem; }

.Trigger-input-cuwmD > textarea {
  resize: vertical; }

.Trigger-answerField-2-wYq {
  margin-top: -2.5rem; }

.Trigger-markersField-1xbXd {
  padding: 0; }

.Trigger-toggle-2FoOd {
  border: solid 0.2rem transparent;
  height: 4rem;
  width: 4rem; }

.Trigger-btnDisabled-1veY2 {
  color: rgba(0, 0, 0, 0.26) !important; }

.Trigger-btnError-2vJOf {
  color: var(--palette-amber-500) !important; }

.Trigger-inverse-28kqy {
  border-color: inherit; }

.Trigger-fullWidth-3U4JW {
  width: 100%; }

.Trigger-card-1D23Y {
  overflow: visible !important;
  margin-bottom: 4px; }

.Trigger-conditionFeedbackTooltip-1SmHr {
  background: white; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.TriggerLink-container-9sj7c {
  padding: 0 0 8px;
  cursor: pointer; }

.TriggerLink-button-3S3CP {
  margin: 0px 4px 0px 4px;
  color: rgba(0, 0, 0, 0.5); }
  .TriggerLink-button-3S3CP:hover {
    color: rgba(0, 0, 0, 0.75); }
.flexboxgrid2-container-3skQK {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-right: 8px;
  padding-left: 8px;
}

.flexboxgrid2-container-fluid-XKLhm {
  padding-right: 16px;
  padding-left: 16px;
}

@media only screen and (min-width: 576px) {
  .flexboxgrid2-container-3skQK {
    width: 560px;
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .flexboxgrid2-container-3skQK {
    width: 752px;
    max-width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .flexboxgrid2-container-3skQK {
    width: 976px;
    max-width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .flexboxgrid2-container-3skQK {
    width: 1184px;
    max-width: 100%;
  }
}

.flexboxgrid2-row-ZtOZv {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}

.flexboxgrid2-row-ZtOZv.flexboxgrid2-reverse-3oCGT {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flexboxgrid2-col-2Z6TW.flexboxgrid2-reverse-3oCGT {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.flexboxgrid2-col-xs-2PLFU,
.flexboxgrid2-col-xs-1-1ys2K,
.flexboxgrid2-col-xs-2-1oFs0,
.flexboxgrid2-col-xs-3-1Q5cW,
.flexboxgrid2-col-xs-4-3pHqi,
.flexboxgrid2-col-xs-5-3JeAf,
.flexboxgrid2-col-xs-6-1Zplx,
.flexboxgrid2-col-xs-7-2rjoo,
.flexboxgrid2-col-xs-8-3Pbgu,
.flexboxgrid2-col-xs-9-zDP7a,
.flexboxgrid2-col-xs-10-Zo7_E,
.flexboxgrid2-col-xs-11-mXqV2,
.flexboxgrid2-col-xs-12-AdoKE,
.flexboxgrid2-col-xs-offset-0-3NAsN,
.flexboxgrid2-col-xs-offset-1-3K_gC,
.flexboxgrid2-col-xs-offset-2-2Ga73,
.flexboxgrid2-col-xs-offset-3-3c_Ft,
.flexboxgrid2-col-xs-offset-4-3TWUy,
.flexboxgrid2-col-xs-offset-5-1yWoT,
.flexboxgrid2-col-xs-offset-6-al_7H,
.flexboxgrid2-col-xs-offset-7-2J_G7,
.flexboxgrid2-col-xs-offset-8-1RGyW,
.flexboxgrid2-col-xs-offset-9-3OtIT,
.flexboxgrid2-col-xs-offset-10-109SK,
.flexboxgrid2-col-xs-offset-11-1fcLq,
.flexboxgrid2-col-xs-offset-12-3UGEQ,
.flexboxgrid2-col-sm-3UNLq,
.flexboxgrid2-col-sm-1-2u7Tq,
.flexboxgrid2-col-sm-2-39LGZ,
.flexboxgrid2-col-sm-3-1HPMt,
.flexboxgrid2-col-sm-4-3SO93,
.flexboxgrid2-col-sm-5-2Buhm,
.flexboxgrid2-col-sm-6-1l2Kt,
.flexboxgrid2-col-sm-7-d6sUa,
.flexboxgrid2-col-sm-8-g6l7V,
.flexboxgrid2-col-sm-9-etIBb,
.flexboxgrid2-col-sm-10-Bxvht,
.flexboxgrid2-col-sm-11-PiXUP,
.flexboxgrid2-col-sm-12-2sYMg,
.flexboxgrid2-col-sm-offset-0-oljZ3,
.flexboxgrid2-col-sm-offset-1-1ywTD,
.flexboxgrid2-col-sm-offset-2-1X0hd,
.flexboxgrid2-col-sm-offset-3-2QOr2,
.flexboxgrid2-col-sm-offset-4-3inAM,
.flexboxgrid2-col-sm-offset-5-2Ihhn,
.flexboxgrid2-col-sm-offset-6-21xzL,
.flexboxgrid2-col-sm-offset-7-1ypYV,
.flexboxgrid2-col-sm-offset-8-ymjV3,
.flexboxgrid2-col-sm-offset-9-1SxN0,
.flexboxgrid2-col-sm-offset-10-2qwiO,
.flexboxgrid2-col-sm-offset-11-3zRYq,
.flexboxgrid2-col-sm-offset-12-2fnwd,
.flexboxgrid2-col-md-srMeB,
.flexboxgrid2-col-md-1-3RdWY,
.flexboxgrid2-col-md-2-3j8qs,
.flexboxgrid2-col-md-3-2Th4S,
.flexboxgrid2-col-md-4-3pbbS,
.flexboxgrid2-col-md-5-1Svz9,
.flexboxgrid2-col-md-6-1wIAi,
.flexboxgrid2-col-md-7-3z1EO,
.flexboxgrid2-col-md-8-2Dm-W,
.flexboxgrid2-col-md-9-1nXvw,
.flexboxgrid2-col-md-10-3Br2r,
.flexboxgrid2-col-md-11-3gKDL,
.flexboxgrid2-col-md-12-2t4Kh,
.flexboxgrid2-col-md-offset-0-1twEm,
.flexboxgrid2-col-md-offset-1-12ZU0,
.flexboxgrid2-col-md-offset-2-1dGCS,
.flexboxgrid2-col-md-offset-3-XMXnG,
.flexboxgrid2-col-md-offset-4-3TnIN,
.flexboxgrid2-col-md-offset-5-EGfBj,
.flexboxgrid2-col-md-offset-6-3Kb3E,
.flexboxgrid2-col-md-offset-7-21XFw,
.flexboxgrid2-col-md-offset-8-qnljU,
.flexboxgrid2-col-md-offset-9-kdDX2,
.flexboxgrid2-col-md-offset-10-284iF,
.flexboxgrid2-col-md-offset-11-WXAgk,
.flexboxgrid2-col-md-offset-12-2XYlU,
.flexboxgrid2-col-lg-3u7lk,
.flexboxgrid2-col-lg-1-2y0lP,
.flexboxgrid2-col-lg-2-1x6vt,
.flexboxgrid2-col-lg-3-37wpY,
.flexboxgrid2-col-lg-4-RwCNM,
.flexboxgrid2-col-lg-5-37365,
.flexboxgrid2-col-lg-6-NeTjn,
.flexboxgrid2-col-lg-7-3bixv,
.flexboxgrid2-col-lg-8-2YhQ1,
.flexboxgrid2-col-lg-9-2e0uZ,
.flexboxgrid2-col-lg-10-3X-8g,
.flexboxgrid2-col-lg-11-1Ymgu,
.flexboxgrid2-col-lg-12-p4dm-,
.flexboxgrid2-col-lg-offset-0-YMDi3,
.flexboxgrid2-col-lg-offset-1-2mUfM,
.flexboxgrid2-col-lg-offset-2-2PSlK,
.flexboxgrid2-col-lg-offset-3-2ZEsJ,
.flexboxgrid2-col-lg-offset-4-oUBjv,
.flexboxgrid2-col-lg-offset-5-2_pNE,
.flexboxgrid2-col-lg-offset-6-1bZES,
.flexboxgrid2-col-lg-offset-7-26quH,
.flexboxgrid2-col-lg-offset-8-3kkd3,
.flexboxgrid2-col-lg-offset-9-22Nlu,
.flexboxgrid2-col-lg-offset-10-32R4D,
.flexboxgrid2-col-lg-offset-11-3mcm9,
.flexboxgrid2-col-lg-offset-12-1CzWw,
.flexboxgrid2-col-xl-3OIWS,
.flexboxgrid2-col-xl-1-1x-yZ,
.flexboxgrid2-col-xl-2-oe1yn,
.flexboxgrid2-col-xl-3-1DZkD,
.flexboxgrid2-col-xl-4-e7X-g,
.flexboxgrid2-col-xl-5-1K3om,
.flexboxgrid2-col-xl-6-pj3oz,
.flexboxgrid2-col-xl-7-2lbXv,
.flexboxgrid2-col-xl-8-2T9rc,
.flexboxgrid2-col-xl-9-4Cdy9,
.flexboxgrid2-col-xl-10-pgLUE,
.flexboxgrid2-col-xl-11-fOAzP,
.flexboxgrid2-col-xl-12-1lxVN,
.flexboxgrid2-col-xl-offset-0-rTVg4,
.flexboxgrid2-col-xl-offset-1-1KRTF,
.flexboxgrid2-col-xl-offset-2-3XTdA,
.flexboxgrid2-col-xl-offset-3-1u7VM,
.flexboxgrid2-col-xl-offset-4-1U3cj,
.flexboxgrid2-col-xl-offset-5-1m-Bk,
.flexboxgrid2-col-xl-offset-6-zqsMR,
.flexboxgrid2-col-xl-offset-7-8fHBq,
.flexboxgrid2-col-xl-offset-8-1LruZ,
.flexboxgrid2-col-xl-offset-9-3oTGD,
.flexboxgrid2-col-xl-offset-10-2eReq,
.flexboxgrid2-col-xl-offset-11-kuo4A,
.flexboxgrid2-col-xl-offset-12-1WvjR {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding-right: 8px;
  padding-left: 8px;
  max-width: 100%;
}

.flexboxgrid2-col-xs-2PLFU {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.flexboxgrid2-col-xs-1-1ys2K {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.flexboxgrid2-col-xs-2-1oFs0 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.flexboxgrid2-col-xs-3-1Q5cW {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.flexboxgrid2-col-xs-4-3pHqi {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.flexboxgrid2-col-xs-5-3JeAf {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.flexboxgrid2-col-xs-6-1Zplx {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.flexboxgrid2-col-xs-7-2rjoo {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.flexboxgrid2-col-xs-8-3Pbgu {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.flexboxgrid2-col-xs-9-zDP7a {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.flexboxgrid2-col-xs-10-Zo7_E {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.flexboxgrid2-col-xs-11-mXqV2 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.flexboxgrid2-col-xs-12-AdoKE {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.flexboxgrid2-col-xs-offset-0-3NAsN {
  margin-left: 0;
}

.flexboxgrid2-col-xs-offset-1-3K_gC {
  margin-left: 8.33333333%;
}

.flexboxgrid2-col-xs-offset-2-2Ga73 {
  margin-left: 16.66666667%;
}

.flexboxgrid2-col-xs-offset-3-3c_Ft {
  margin-left: 25%;
}

.flexboxgrid2-col-xs-offset-4-3TWUy {
  margin-left: 33.33333333%;
}

.flexboxgrid2-col-xs-offset-5-1yWoT {
  margin-left: 41.66666667%;
}

.flexboxgrid2-col-xs-offset-6-al_7H {
  margin-left: 50%;
}

.flexboxgrid2-col-xs-offset-7-2J_G7 {
  margin-left: 58.33333333%;
}

.flexboxgrid2-col-xs-offset-8-1RGyW {
  margin-left: 66.66666667%;
}

.flexboxgrid2-col-xs-offset-9-3OtIT {
  margin-left: 75%;
}

.flexboxgrid2-col-xs-offset-10-109SK {
  margin-left: 83.33333333%;
}

.flexboxgrid2-col-xs-offset-11-1fcLq {
  margin-left: 91.66666667%;
}

.flexboxgrid2-start-xs-2gtAf {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.flexboxgrid2-center-xs-2GJwn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flexboxgrid2-end-xs-1Jy9a {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.flexboxgrid2-top-xs-3ApF9 {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flexboxgrid2-middle-xs-2qJAd {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flexboxgrid2-bottom-xs-2sMuK {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.flexboxgrid2-around-xs-1h6nu {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flexboxgrid2-between-xs-1Bml9 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flexboxgrid2-first-xs-2ydrY {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.flexboxgrid2-last-xs-1TmDf {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.flexboxgrid2-initial-order-xs-1lJw5 {
  -webkit-box-ordinal-group: NaN;
  -ms-flex-order: initial;
  order: initial;
}

@media only screen and (min-width: 576px) {
  .flexboxgrid2-col-sm-3UNLq {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .flexboxgrid2-col-sm-1-2u7Tq {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .flexboxgrid2-col-sm-2-39LGZ {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .flexboxgrid2-col-sm-3-1HPMt {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .flexboxgrid2-col-sm-4-3SO93 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .flexboxgrid2-col-sm-5-2Buhm {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .flexboxgrid2-col-sm-6-1l2Kt {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .flexboxgrid2-col-sm-7-d6sUa {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .flexboxgrid2-col-sm-8-g6l7V {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .flexboxgrid2-col-sm-9-etIBb {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .flexboxgrid2-col-sm-10-Bxvht {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .flexboxgrid2-col-sm-11-PiXUP {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .flexboxgrid2-col-sm-12-2sYMg {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .flexboxgrid2-col-sm-offset-0-oljZ3 {
    margin-left: 0;
  }

  .flexboxgrid2-col-sm-offset-1-1ywTD {
    margin-left: 8.33333333%;
  }

  .flexboxgrid2-col-sm-offset-2-1X0hd {
    margin-left: 16.66666667%;
  }

  .flexboxgrid2-col-sm-offset-3-2QOr2 {
    margin-left: 25%;
  }

  .flexboxgrid2-col-sm-offset-4-3inAM {
    margin-left: 33.33333333%;
  }

  .flexboxgrid2-col-sm-offset-5-2Ihhn {
    margin-left: 41.66666667%;
  }

  .flexboxgrid2-col-sm-offset-6-21xzL {
    margin-left: 50%;
  }

  .flexboxgrid2-col-sm-offset-7-1ypYV {
    margin-left: 58.33333333%;
  }

  .flexboxgrid2-col-sm-offset-8-ymjV3 {
    margin-left: 66.66666667%;
  }

  .flexboxgrid2-col-sm-offset-9-1SxN0 {
    margin-left: 75%;
  }

  .flexboxgrid2-col-sm-offset-10-2qwiO {
    margin-left: 83.33333333%;
  }

  .flexboxgrid2-col-sm-offset-11-3zRYq {
    margin-left: 91.66666667%;
  }

  .flexboxgrid2-start-sm-3I0F0 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .flexboxgrid2-center-sm-2tfwT {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .flexboxgrid2-end-sm-1Dqio {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .flexboxgrid2-top-sm-NTmPJ {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .flexboxgrid2-middle-sm-QLrL0 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .flexboxgrid2-bottom-sm-3iRAD {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .flexboxgrid2-around-sm-2DXbH {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .flexboxgrid2-between-sm-1GD_q {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .flexboxgrid2-first-sm-AlKeI {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .flexboxgrid2-last-sm-1GaXQ {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .flexboxgrid2-initial-order-sm-3Ar7f {
    -webkit-box-ordinal-group: NaN;
    -ms-flex-order: initial;
    order: initial;
  }
}

@media only screen and (min-width: 768px) {
  .flexboxgrid2-col-md-srMeB,
  .flexboxgrid2-col-md-1-3RdWY,
  .flexboxgrid2-col-md-2-3j8qs,
  .flexboxgrid2-col-md-3-2Th4S,
  .flexboxgrid2-col-md-4-3pbbS,
  .flexboxgrid2-col-md-5-1Svz9,
  .flexboxgrid2-col-md-6-1wIAi,
  .flexboxgrid2-col-md-7-3z1EO,
  .flexboxgrid2-col-md-8-2Dm-W,
  .flexboxgrid2-col-md-9-1nXvw,
  .flexboxgrid2-col-md-10-3Br2r,
  .flexboxgrid2-col-md-11-3gKDL,
  .flexboxgrid2-col-md-12-2t4Kh,
  .flexboxgrid2-col-md-offset-0-1twEm,
  .flexboxgrid2-col-md-offset-1-12ZU0,
  .flexboxgrid2-col-md-offset-2-1dGCS,
  .flexboxgrid2-col-md-offset-3-XMXnG,
  .flexboxgrid2-col-md-offset-4-3TnIN,
  .flexboxgrid2-col-md-offset-5-EGfBj,
  .flexboxgrid2-col-md-offset-6-3Kb3E,
  .flexboxgrid2-col-md-offset-7-21XFw,
  .flexboxgrid2-col-md-offset-8-qnljU,
  .flexboxgrid2-col-md-offset-9-kdDX2,
  .flexboxgrid2-col-md-offset-10-284iF,
  .flexboxgrid2-col-md-offset-11-WXAgk,
  .flexboxgrid2-col-md-offset-12-2XYlU {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 8px;
    padding-left: 8px;
  }

  .flexboxgrid2-col-md-srMeB {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .flexboxgrid2-col-md-1-3RdWY {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .flexboxgrid2-col-md-2-3j8qs {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .flexboxgrid2-col-md-3-2Th4S {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .flexboxgrid2-col-md-4-3pbbS {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .flexboxgrid2-col-md-5-1Svz9 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .flexboxgrid2-col-md-6-1wIAi {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .flexboxgrid2-col-md-7-3z1EO {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .flexboxgrid2-col-md-8-2Dm-W {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .flexboxgrid2-col-md-9-1nXvw {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .flexboxgrid2-col-md-10-3Br2r {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .flexboxgrid2-col-md-11-3gKDL {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .flexboxgrid2-col-md-12-2t4Kh {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .flexboxgrid2-col-md-offset-0-1twEm {
    margin-left: 0;
  }

  .flexboxgrid2-col-md-offset-1-12ZU0 {
    margin-left: 8.33333333%;
  }

  .flexboxgrid2-col-md-offset-2-1dGCS {
    margin-left: 16.66666667%;
  }

  .flexboxgrid2-col-md-offset-3-XMXnG {
    margin-left: 25%;
  }

  .flexboxgrid2-col-md-offset-4-3TnIN {
    margin-left: 33.33333333%;
  }

  .flexboxgrid2-col-md-offset-5-EGfBj {
    margin-left: 41.66666667%;
  }

  .flexboxgrid2-col-md-offset-6-3Kb3E {
    margin-left: 50%;
  }

  .flexboxgrid2-col-md-offset-7-21XFw {
    margin-left: 58.33333333%;
  }

  .flexboxgrid2-col-md-offset-8-qnljU {
    margin-left: 66.66666667%;
  }

  .flexboxgrid2-col-md-offset-9-kdDX2 {
    margin-left: 75%;
  }

  .flexboxgrid2-col-md-offset-10-284iF {
    margin-left: 83.33333333%;
  }

  .flexboxgrid2-col-md-offset-11-WXAgk {
    margin-left: 91.66666667%;
  }

  .flexboxgrid2-start-md-3M-iK {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .flexboxgrid2-center-md-3Ql1d {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .flexboxgrid2-end-md-STrsQ {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .flexboxgrid2-top-md-2FX25 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .flexboxgrid2-middle-md-YZ6CJ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .flexboxgrid2-bottom-md-2Ruw8 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .flexboxgrid2-around-md-1G_h0 {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .flexboxgrid2-between-md-1ik_I {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .flexboxgrid2-first-md-yFUKj {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .flexboxgrid2-last-md-1PHhp {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .flexboxgrid2-initial-order-md-3UvRN {
    -webkit-box-ordinal-group: NaN;
    -ms-flex-order: initial;
    order: initial;
  }
}

@media only screen and (min-width: 992px) {
  .flexboxgrid2-col-lg-3u7lk,
  .flexboxgrid2-col-lg-1-2y0lP,
  .flexboxgrid2-col-lg-2-1x6vt,
  .flexboxgrid2-col-lg-3-37wpY,
  .flexboxgrid2-col-lg-4-RwCNM,
  .flexboxgrid2-col-lg-5-37365,
  .flexboxgrid2-col-lg-6-NeTjn,
  .flexboxgrid2-col-lg-7-3bixv,
  .flexboxgrid2-col-lg-8-2YhQ1,
  .flexboxgrid2-col-lg-9-2e0uZ,
  .flexboxgrid2-col-lg-10-3X-8g,
  .flexboxgrid2-col-lg-11-1Ymgu,
  .flexboxgrid2-col-lg-12-p4dm-,
  .flexboxgrid2-col-lg-offset-0-YMDi3,
  .flexboxgrid2-col-lg-offset-1-2mUfM,
  .flexboxgrid2-col-lg-offset-2-2PSlK,
  .flexboxgrid2-col-lg-offset-3-2ZEsJ,
  .flexboxgrid2-col-lg-offset-4-oUBjv,
  .flexboxgrid2-col-lg-offset-5-2_pNE,
  .flexboxgrid2-col-lg-offset-6-1bZES,
  .flexboxgrid2-col-lg-offset-7-26quH,
  .flexboxgrid2-col-lg-offset-8-3kkd3,
  .flexboxgrid2-col-lg-offset-9-22Nlu,
  .flexboxgrid2-col-lg-offset-10-32R4D,
  .flexboxgrid2-col-lg-offset-11-3mcm9,
  .flexboxgrid2-col-lg-offset-12-1CzWw {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 8px;
    padding-left: 8px;
  }

  .flexboxgrid2-col-lg-3u7lk {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .flexboxgrid2-col-lg-1-2y0lP {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .flexboxgrid2-col-lg-2-1x6vt {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .flexboxgrid2-col-lg-3-37wpY {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .flexboxgrid2-col-lg-4-RwCNM {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .flexboxgrid2-col-lg-5-37365 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .flexboxgrid2-col-lg-6-NeTjn {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .flexboxgrid2-col-lg-7-3bixv {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .flexboxgrid2-col-lg-8-2YhQ1 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .flexboxgrid2-col-lg-9-2e0uZ {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .flexboxgrid2-col-lg-10-3X-8g {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .flexboxgrid2-col-lg-11-1Ymgu {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .flexboxgrid2-col-lg-12-p4dm- {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .flexboxgrid2-col-lg-offset-0-YMDi3 {
    margin-left: 0;
  }

  .flexboxgrid2-col-lg-offset-1-2mUfM {
    margin-left: 8.33333333%;
  }

  .flexboxgrid2-col-lg-offset-2-2PSlK {
    margin-left: 16.66666667%;
  }

  .flexboxgrid2-col-lg-offset-3-2ZEsJ {
    margin-left: 25%;
  }

  .flexboxgrid2-col-lg-offset-4-oUBjv {
    margin-left: 33.33333333%;
  }

  .flexboxgrid2-col-lg-offset-5-2_pNE {
    margin-left: 41.66666667%;
  }

  .flexboxgrid2-col-lg-offset-6-1bZES {
    margin-left: 50%;
  }

  .flexboxgrid2-col-lg-offset-7-26quH {
    margin-left: 58.33333333%;
  }

  .flexboxgrid2-col-lg-offset-8-3kkd3 {
    margin-left: 66.66666667%;
  }

  .flexboxgrid2-col-lg-offset-9-22Nlu {
    margin-left: 75%;
  }

  .flexboxgrid2-col-lg-offset-10-32R4D {
    margin-left: 83.33333333%;
  }

  .flexboxgrid2-col-lg-offset-11-3mcm9 {
    margin-left: 91.66666667%;
  }

  .flexboxgrid2-start-lg-m0vFF {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .flexboxgrid2-center-lg-1ppmu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .flexboxgrid2-end-lg-1Cene {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .flexboxgrid2-top-lg-3R_GA {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .flexboxgrid2-middle-lg-2vRr_ {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .flexboxgrid2-bottom-lg-1FxHX {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .flexboxgrid2-around-lg-24PfH {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .flexboxgrid2-between-lg-2a-N0 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .flexboxgrid2-first-lg-351pp {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .flexboxgrid2-last-lg-2GWNG {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .flexboxgrid2-initial-order-lg-3ajeo {
    -webkit-box-ordinal-group: NaN;
    -ms-flex-order: initial;
    order: initial;
  }
}

@media only screen and (min-width: 1200px) {
  .flexboxgrid2-col-xl-3OIWS,
  .flexboxgrid2-col-xl-1-1x-yZ,
  .flexboxgrid2-col-xl-2-oe1yn,
  .flexboxgrid2-col-xl-3-1DZkD,
  .flexboxgrid2-col-xl-4-e7X-g,
  .flexboxgrid2-col-xl-5-1K3om,
  .flexboxgrid2-col-xl-6-pj3oz,
  .flexboxgrid2-col-xl-7-2lbXv,
  .flexboxgrid2-col-xl-8-2T9rc,
  .flexboxgrid2-col-xl-9-4Cdy9,
  .flexboxgrid2-col-xl-10-pgLUE,
  .flexboxgrid2-col-xl-11-fOAzP,
  .flexboxgrid2-col-xl-12-1lxVN,
  .flexboxgrid2-col-xl-offset-0-rTVg4,
  .flexboxgrid2-col-xl-offset-1-1KRTF,
  .flexboxgrid2-col-xl-offset-2-3XTdA,
  .flexboxgrid2-col-xl-offset-3-1u7VM,
  .flexboxgrid2-col-xl-offset-4-1U3cj,
  .flexboxgrid2-col-xl-offset-5-1m-Bk,
  .flexboxgrid2-col-xl-offset-6-zqsMR,
  .flexboxgrid2-col-xl-offset-7-8fHBq,
  .flexboxgrid2-col-xl-offset-8-1LruZ,
  .flexboxgrid2-col-xl-offset-9-3oTGD,
  .flexboxgrid2-col-xl-offset-10-2eReq,
  .flexboxgrid2-col-xl-offset-11-kuo4A,
  .flexboxgrid2-col-xl-offset-12-1WvjR {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 8px;
    padding-left: 8px;
  }

  .flexboxgrid2-col-xl-3OIWS {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .flexboxgrid2-col-xl-1-1x-yZ {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .flexboxgrid2-col-xl-2-oe1yn {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .flexboxgrid2-col-xl-3-1DZkD {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .flexboxgrid2-col-xl-4-e7X-g {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .flexboxgrid2-col-xl-5-1K3om {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .flexboxgrid2-col-xl-6-pj3oz {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .flexboxgrid2-col-xl-7-2lbXv {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .flexboxgrid2-col-xl-8-2T9rc {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .flexboxgrid2-col-xl-9-4Cdy9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .flexboxgrid2-col-xl-10-pgLUE {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .flexboxgrid2-col-xl-11-fOAzP {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .flexboxgrid2-col-xl-12-1lxVN {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .flexboxgrid2-col-xl-offset-0-rTVg4 {
    margin-left: 0;
  }

  .flexboxgrid2-col-xl-offset-1-1KRTF {
    margin-left: 8.33333333%;
  }

  .flexboxgrid2-col-xl-offset-2-3XTdA {
    margin-left: 16.66666667%;
  }

  .flexboxgrid2-col-xl-offset-3-1u7VM {
    margin-left: 25%;
  }

  .flexboxgrid2-col-xl-offset-4-1U3cj {
    margin-left: 33.33333333%;
  }

  .flexboxgrid2-col-xl-offset-5-1m-Bk {
    margin-left: 41.66666667%;
  }

  .flexboxgrid2-col-xl-offset-6-zqsMR {
    margin-left: 50%;
  }

  .flexboxgrid2-col-xl-offset-7-8fHBq {
    margin-left: 58.33333333%;
  }

  .flexboxgrid2-col-xl-offset-8-1LruZ {
    margin-left: 66.66666667%;
  }

  .flexboxgrid2-col-xl-offset-9-3oTGD {
    margin-left: 75%;
  }

  .flexboxgrid2-col-xl-offset-10-2eReq {
    margin-left: 83.33333333%;
  }

  .flexboxgrid2-col-xl-offset-11-kuo4A {
    margin-left: 91.66666667%;
  }

  .flexboxgrid2-start-xl-2Ur_r {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .flexboxgrid2-center-xl-3C4Vx {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .flexboxgrid2-end-xl-2UqlC {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .flexboxgrid2-top-xl-1tLbF {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .flexboxgrid2-middle-xl-31-ID {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .flexboxgrid2-bottom-xl-p1SvR {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .flexboxgrid2-around-xl-2j28w {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .flexboxgrid2-between-xl-xff2E {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .flexboxgrid2-first-xl-2QxqG {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .flexboxgrid2-last-xl-1v5wI {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .flexboxgrid2-initial-order-xl-IYbgP {
    -webkit-box-ordinal-group: NaN;
    -ms-flex-order: initial;
    order: initial;
  }
}

@media only screen and (max-width: 575px) {
  .flexboxgrid2-hidden-xs-3MgtY {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .flexboxgrid2-hidden-sm-2YMAO {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .flexboxgrid2-hidden-md-FbTYO {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .flexboxgrid2-hidden-lg-2fkvW {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .flexboxgrid2-hidden-xl-3hzYJ {
    display: none;
  }
}/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.UtteranceEditor-editor-2CvvY {
  padding: 20px 20px 16px 16px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px; }

.UtteranceEditor-blurredEditor-1y1cB:hover {
  border-color: rgba(0, 0, 0, 0.54); }

.UtteranceEditor-focusedEditor-JPgvr {
  border-color: #00b0cd; }
  .UtteranceEditor-focusedEditor-JPgvr:hover {
    border-color: #00b0cd; }

.UtteranceEditor-utterance-2T6x8 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  display: block; }
  .UtteranceEditor-utterance-2T6x8 div[tabindex='0']:focus {
    background: red; }
  .UtteranceEditor-utterance-2T6x8 > div {
    display: inline-block; }
  .UtteranceEditor-utterance-2T6x8:before {
    content: '\2022   ';
    display: inline-block; }

.UtteranceEditor-subHeader-qbgu5 {
  height: 48px;
  font-size: 1.6rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  line-height: 48px;
  vertical-align: middle; }

.UtteranceEditor-selectedBlock-2Jw2F {
  border-bottom: 0px solid #00b0cd;
  border-radius: 2px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.BranchingComponentEditor-input-1IcbM {
  margin-bottom: 1rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.LocaleMirrorView-mirrorView-cw628 {
  display: flex; }
  .LocaleMirrorView-mirrorView-cw628 .LocaleMirrorView-editorContainer-3iiDE {
    width: 50%; }
    .LocaleMirrorView-mirrorView-cw628 .LocaleMirrorView-editorContainer-3iiDE.LocaleMirrorView-readOnly-RVx0_ {
      background-color: #f5f5f5; }
    .LocaleMirrorView-mirrorView-cw628 .LocaleMirrorView-editorContainer-3iiDE:first-child {
      border-right: 1px solid #eaeaea; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ChoiceComponentEditor-optionListTitle-Ux54S {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
  text-transform: capitalize; }

.ChoiceComponentEditor-listWrapper-2W5O0 {
  padding-bottom: 3rem; }

.ChoiceComponentEditor-optionWrapper-K5xYC {
  display: grid;
  padding: 1rem 1.6rem; }

.ChoiceComponentEditor-optionTopWrapper-1SEYV {
  display: grid;
  grid-template-columns: auto 1fr auto; }

.ChoiceComponentEditor-optionActions-EzsZK {
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  padding-top: 2rem; }

.ChoiceComponentEditor-optionActionsLeft-1PpYA {
  margin-right: 1rem; }

.ChoiceComponentEditor-optionActionsRight-3cxWy {
  margin-left: 1rem; }

.ChoiceComponentEditor-optionMain-9dCaf {
  flex-shrink: 50;
  flex-grow: 100; }

.ChoiceComponentEditor-innerBoxHeader-21GpH {
  display: flex;
  background: #222;
  margin: -0.5rem -2rem;
  margin-bottom: 1rem;
  align-items: center; }

.ChoiceComponentEditor-innerBoxHeaderTitle-2-g0u {
  color: white;
  font-weight: normal;
  font-size: 1.4rem;
  flex-grow: 10;
  padding: 1rem; }

.ChoiceComponentEditor-innerBoxHeaderCloseIcon-1YZG8 {
  color: white; }

.ChoiceComponentEditor-editOption-2GxzO {
  width: 100%;
  margin: 1rem;
  padding: 0.5rem 2rem; }

.ChoiceComponentEditor-emptyList-2G8HA {
  background: #fafafa;
  font-size: 1.2rem;
  padding: 2rem;
  margin-bottom: 1rem; }

.ChoiceComponentEditor-input-2PtK9 > textarea {
  resize: vertical; }

.ChoiceComponentEditor-answerField-1eCKn {
  margin-top: -2.5rem; }

.ChoiceComponentEditor-markersField-20z3V {
  padding: 0; }

.ChoiceComponentEditor-toggle-GonwG {
  border: solid 0.2rem transparent;
  height: 4rem;
  width: 4rem; }

.ChoiceComponentEditor-btnDisabled-Tprs1 {
  color: rgba(0, 0, 0, 0.26) !important; }

.ChoiceComponentEditor-btnError-3yWQR {
  color: var(--palette-amber-500) !important; }

.ChoiceComponentEditor-inverse-3vGr1 {
  border-color: inherit; }

.ChoiceComponentEditor-fullWidth-2PvyK {
  width: 100%; }

.ChoiceComponentEditor-card-xe4Yt {
  overflow: visible !important;
  margin-bottom: 4px; }

.ChoiceComponentEditor-conditionFeedbackTooltip-32_kJ {
  background: white; }

.ChoiceComponentEditor-base-1KBGr {
  flex: 1; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.TimerInput-wrapper-1MRjJ {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 2rem;
  margin-left: 2rem;
  margin-bottom: 1rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.AssetInputPropertySelector-button-2j4kZ {
  margin-right: 1rem; }

.AssetInputPropertySelector-base-3Szgo {
  margin-bottom: 2rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.InputLabel-base-3U7YJ {
  color: rgba(0, 0, 0, 0.26);
  line-height: 16px;
  font-size: 12px;
  margin: 0.5rem 0; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ComponentEditor-optionListTitle-2-apY {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
  text-transform: capitalize; }

.ComponentEditor-listWrapper-3dlRs {
  padding-bottom: 3rem; }

.ComponentEditor-optionWrapper-DlZ2n {
  display: grid;
  padding: 1rem 1.6rem; }

.ComponentEditor-optionTopWrapper-3hVmv {
  display: grid;
  grid-template-columns: auto 1fr auto; }

.ComponentEditor-optionActions-vacvC {
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  padding-top: 2rem; }

.ComponentEditor-optionActionsLeft-1ruIH {
  margin-right: 1rem; }

.ComponentEditor-optionActionsRight-7u_5l {
  margin-left: 1rem; }

.ComponentEditor-optionMain-2EkOz {
  flex-shrink: 50;
  flex-grow: 100; }

.ComponentEditor-innerBoxHeader-q4CbP {
  display: flex;
  background: #222;
  margin: -0.5rem -2rem;
  margin-bottom: 1rem;
  align-items: center; }

.ComponentEditor-innerBoxHeaderTitle-2LqAr {
  color: white;
  font-weight: normal;
  font-size: 1.4rem;
  flex-grow: 10;
  padding: 1rem; }

.ComponentEditor-innerBoxHeaderCloseIcon-2haTL {
  color: white; }

.ComponentEditor-editOption-1jJxN {
  width: 100%;
  margin: 1rem;
  padding: 0.5rem 2rem; }

.ComponentEditor-emptyList-3qCV_ {
  background: #fafafa;
  font-size: 1.2rem;
  padding: 2rem;
  margin-bottom: 1rem; }

.ComponentEditor-input-35vzl > textarea {
  resize: vertical; }

.ComponentEditor-answerField-1Izet {
  margin-top: -2.5rem; }

.ComponentEditor-markersField-CqayA {
  padding: 0; }

.ComponentEditor-toggle-2l4_B {
  border: solid 0.2rem transparent;
  height: 4rem;
  width: 4rem; }

.ComponentEditor-btnDisabled-LKI_O {
  color: rgba(0, 0, 0, 0.26) !important; }

.ComponentEditor-btnError-9V2dC {
  color: var(--palette-amber-500) !important; }

.ComponentEditor-inverse-3FDR_ {
  border-color: inherit; }

.ComponentEditor-fullWidth-1mh1Y {
  width: 100%; }

.ComponentEditor-card-2-khM {
  overflow: visible !important;
  margin-bottom: 4px; }

.ComponentEditor-conditionFeedbackTooltip-2deXF {
  background: white; }

.ComponentEditor-base-FG3gq {
  flex: 1; }

.ComponentEditor-questionTextInput-1ph4w {
  margin-left: 2rem; }

.ComponentEditor-createOptionInput-3fFiO {
  margin-top: 16px;
  margin-bottom: 2rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ModuleView-base-2qKUR.ModuleView-focusedView-2j1I2 .ModuleView-selected-7kjuV {
  background-color: rgba(0, 0, 0, 0.04); }

.ModuleView-base-2qKUR.ModuleView-focusedView-2j1I2.ModuleView-readOnly-3FdwO .ModuleView-selected-7kjuV {
  border-left: 2px solid #212121;
  padding-left: 28px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ModuleEditor-optionListTitle-1-Xci {
  padding-bottom: 1.0rem;
  margin-bottom: 1.0rem;
  border-bottom: 1px solid #222;
  text-transform: capitalize; }

.ModuleEditor-listWrapper-2Xg9m {
  padding-bottom: 3.0rem; }

.ModuleEditor-optionWrapper-jOPVN {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }

.ModuleEditor-optionActionsLeft-1KGkl {
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
  align-items: center; }

.ModuleEditor-optionMain-1uoei {
  flex-shrink: 50;
  flex-grow: 100; }

.ModuleEditor-optionActionsRight-Skbp2 {
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
  align-items: center; }

.ModuleEditor-innerBoxHeader-2EywG {
  display: flex;
  background: #222;
  margin: -0.5rem -2.0rem;
  margin-bottom: 1.0rem;
  align-items: center; }

.ModuleEditor-innerBoxHeaderTitle-2qR_8 {
  color: white;
  font-weight: normal;
  font-size: 1.4rem;
  flex-grow: 10;
  padding: 1.0rem; }

.ModuleEditor-innerBoxHeaderCloseIcon-auY-0 {
  color: white; }

.ModuleEditor-editOption-1K7Df {
  width: 100%;
  margin: 1.0rem;
  padding: 0.5rem 2.0rem; }

.ModuleEditor-emptyList-1Jjp5 {
  background: #fafafa;
  font-size: 1.2rem;
  padding: 2.0rem;
  margin-bottom: 1.0rem; }

.ModuleEditor-input-DRFqI > textarea {
  resize: vertical; }

.ModuleEditor-editorBody-WF0t2 {
  overflow-y: hidden; }

.ModuleEditor-editorHeader-9R-Q- {
  z-index: 2; }

.ModuleEditor-button-1Y1FH {
  text-transform: none; }

.ModuleEditor-scrollable-KtR1K {
  overflow-y: hidden;
  overflow-x: hidden;
  height: 100%;
  flex: 1;
  display: flex; }
  .ModuleEditor-scrollable-KtR1K > div {
    display: flex;
    flex: 1; }

.ModuleEditor-navigationContainer-MleLg {
  display: initial; }

.ModuleEditor-navigation-3S_Mt {
  justify-content: center; }

.ModuleEditor-tab-EZAOr {
  padding: 0;
  display: flex;
  flex: 1; }

.ModuleEditor-tabs-3xDVH {
  height: 100%; }

.ModuleEditor-fullSize-1YxMM {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex; }

.ModuleEditor-editor-2YfDf {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-rows: min-content auto; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.AssetField-base-1FbMN {
  position: relative;
  margin-top: 16px;
  margin-bottom: 8px; }
  .AssetField-base-1FbMN .AssetField-dragOverIndicator-1B04v {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(142, 220, 154, 0.9);
    color: #fff;
    border-radius: 4px; }
  .AssetField-base-1FbMN.AssetField-dragOver-2DrAq .AssetField-dragOverIndicator-1B04v {
    display: flex; }
  .AssetField-base-1FbMN .AssetField-progressContainer-vLw5T {
    position: absolute;
    top: 22px;
    left: 5px;
    bottom: 22px;
    width: calc(100% - 50px);
    display: flex;
    align-items: center;
    padding-left: 10px;
    background-color: #fff; }
    .AssetField-base-1FbMN .AssetField-progressContainer-vLw5T > div {
      flex: 1; }

.AssetField-popoverContainer-ILcYy {
  padding: 20px;
  width: 500px; }

.AssetField-assetSuggestion-FMNhc {
  height: auto; }

.AssetField-assetSuggestionLabel-3MgCq {
  display: flex;
  align-content: center; }
  .AssetField-assetSuggestionLabel-3MgCq > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-right: 16px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.FileDropTarget-dropZone-2ke5p {
  border: 0rem solid var(--palette-grey-200);
  transition: border 0.5s; }
  .FileDropTarget-dropZone-2ke5p.FileDropTarget-active-3kr1g {
    border: 0.3rem solid var(--color-primary-200); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ImageChoiceComponentEditor-optionListTitle-1_vnw {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #222;
  text-transform: capitalize; }

.ImageChoiceComponentEditor-listWrapper-20aqK {
  padding-bottom: 3rem; }

.ImageChoiceComponentEditor-optionWrapper-1lC1B {
  display: grid;
  padding: 1rem 1.6rem; }

.ImageChoiceComponentEditor-optionTopWrapper-1b_al {
  display: grid;
  grid-template-columns: auto 1fr auto; }

.ImageChoiceComponentEditor-optionActions-3aAxN {
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  padding-top: 2rem; }

.ImageChoiceComponentEditor-optionActionsLeft-2dEu8 {
  margin-right: 1rem; }

.ImageChoiceComponentEditor-optionActionsRight-9Wind {
  margin-left: 1rem; }

.ImageChoiceComponentEditor-optionMain-2Zd_y {
  flex-shrink: 50;
  flex-grow: 100; }

.ImageChoiceComponentEditor-innerBoxHeader-16G5o {
  display: flex;
  background: #222;
  margin: -0.5rem -2rem;
  margin-bottom: 1rem;
  align-items: center; }

.ImageChoiceComponentEditor-innerBoxHeaderTitle-1DUDN {
  color: white;
  font-weight: normal;
  font-size: 1.4rem;
  flex-grow: 10;
  padding: 1rem; }

.ImageChoiceComponentEditor-innerBoxHeaderCloseIcon-2x-zT {
  color: white; }

.ImageChoiceComponentEditor-editOption-ZMRDW {
  width: 100%;
  margin: 1rem;
  padding: 0.5rem 2rem; }

.ImageChoiceComponentEditor-emptyList-pdz-B {
  background: #fafafa;
  font-size: 1.2rem;
  padding: 2rem;
  margin-bottom: 1rem; }

.ImageChoiceComponentEditor-input-XPt5p > textarea {
  resize: vertical; }

.ImageChoiceComponentEditor-answerField-3yJU8 {
  margin-top: -2.5rem; }

.ImageChoiceComponentEditor-markersField-3Bhq- {
  padding: 0; }

.ImageChoiceComponentEditor-toggle-7OTOp {
  border: solid 0.2rem transparent;
  height: 4rem;
  width: 4rem; }

.ImageChoiceComponentEditor-btnDisabled-27_oE {
  color: rgba(0, 0, 0, 0.26) !important; }

.ImageChoiceComponentEditor-btnError-p3RB4 {
  color: var(--palette-amber-500) !important; }

.ImageChoiceComponentEditor-inverse-JCW5t {
  border-color: inherit; }

.ImageChoiceComponentEditor-fullWidth-2jnXy {
  width: 100%; }

.ImageChoiceComponentEditor-card-38jfN {
  overflow: visible !important;
  margin-bottom: 4px; }

.ImageChoiceComponentEditor-conditionFeedbackTooltip-MUNd8 {
  background: white; }

.ImageChoiceComponentEditor-base-MaLNF {
  flex: 1; }

.ImageChoiceComponentEditor-questionTextInput-C9bC4 {
  margin-left: 2rem; }

.ImageChoiceComponentEditor-createOptionInput-3vXOG {
  margin-top: 16px;
  margin-bottom: 2rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ImageChoiceComponentLocaleEditor-imageThumbnail-23mYL {
  width: 64px;
  height: 64px;
  margin-right: 20px; }
  .ImageChoiceComponentLocaleEditor-imageThumbnail-23mYL img {
    max-width: 64px;
    max-height: 64px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.JigsawPuzzleComponentEditor-imageContainer-liSGU {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem; }

.JigsawPuzzleComponentEditor-imageWrapper-37AhM {
  position: relative; }

.JigsawPuzzleComponentEditor-image-3DNGQ {
  max-height: 300px;
  max-width: 100%;
  cursor: pointer;
  position: relative; }

.JigsawPuzzleComponentEditor-overlay-26PFe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.JigsawPuzzleComponentEditor-settingsContainer-1H10f {
  display: flex;
  justify-content: space-between; }

.JigsawPuzzleComponentEditor-numberInput-1F20j {
  width: 49%; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.RawFileUploadDropTarget-base-15hE- {
  border: 0.3rem dashed var(--palette-grey-200);
  color: var(--palette-grey-800);
  padding: 8.5rem;
  cursor: pointer;
  width: 100%;
  text-align: center; }

.RawFileUploadDropTarget-error-2kfHl {
  border: 0.3rem dashed var(--color-secondary-800);
  color: var(--color-secondary-800); }

.RawFileUploadDropTarget-empty-3vjDI {
  flex-direction: column;
  display: flex; }

.RawFileUploadDropTarget-file-3_128 {
  display: flex; }

.RawFileUploadDropTarget-filename-1oGE3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex-grow: 0.8;
  height: 60px;
  line-height: 60px !important; }

.RawFileUploadDropTarget-spinner-IlUmn {
  margin: 0.8rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ClickToEdit-control-3ytQw {
  display: inline-block;
  cursor: pointer;
  position: relative; }

.ClickToEdit-icon-1kRBG {
  font-size: 1.6rem !important;
  display: inline-block;
  color: #949494;
  position: absolute;
  top: -1px;
  right: -2rem;
  opacity: 1;
  transition: opacity 0.3s ease-in; }
  .ClickToEdit-icon-1kRBG.ClickToEdit-hidden-3qiNi {
    opacity: 0;
    pointer-events: none; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ClickToEditPopoverContent-base-hvtXV {
  padding: 1rem 2rem;
  min-width: 20rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.AssetPropertyCapabilityEditor-warningButton-u6vlX {
  color: var(--palette-yellow-700) !important;
  font-size: 3rem; }

.AssetPropertyCapabilityEditor-tooltip-1Fe7z {
  z-index: 9999; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
/*
  To override Table's theme
*/
.AssetPropertyEditorWrapper-layout-3dzD0 {
  background-color: transparent;
  height: auto; }
  .AssetPropertyEditorWrapper-layout-3dzD0 table {
    background-color: transparent; }
    .AssetPropertyEditorWrapper-layout-3dzD0 table .AssetPropertyEditorWrapper-head-Pm1m_ {
      border-bottom: 2px solid var(--palette-grey-300); }
    .AssetPropertyEditorWrapper-layout-3dzD0 table .AssetPropertyEditorWrapper-headCell-3Dqhq div {
      top: 2.4rem; }
    .AssetPropertyEditorWrapper-layout-3dzD0 table .AssetPropertyEditorWrapper-row-1LBa9 {
      height: auto;
      overflow: visible;
      background-color: transparent; }
    .AssetPropertyEditorWrapper-layout-3dzD0 table .AssetPropertyEditorWrapper-rowCell-36_PE {
      height: auto;
      overflow: visible; }
  .AssetPropertyEditorWrapper-layout-3dzD0 .AssetPropertyEditorWrapper-tableScrollable-AvDgc {
    overflow-y: visible;
    flex-grow: 1; }

/*
  To override CustomAutocomplete's theme in .metaInfoBox
*/
.AssetPropertyEditorWrapper-metaInfoBox-piPtw {
  margin: 2rem 0 4rem; }
  .AssetPropertyEditorWrapper-metaInfoBox-piPtw .AssetPropertyEditorWrapper-autocomplete-p-Cez {
    padding: 0; }
    .AssetPropertyEditorWrapper-metaInfoBox-piPtw .AssetPropertyEditorWrapper-autocomplete-p-Cez .AssetPropertyEditorWrapper-input-3QcHP {
      padding: 0; }
    .AssetPropertyEditorWrapper-metaInfoBox-piPtw .AssetPropertyEditorWrapper-autocomplete-p-Cez .AssetPropertyEditorWrapper-suggestions-2qrul {
      margin-top: 0; }

.AssetPropertyEditorWrapper-inputWithLabel-3UYZg {
  padding-top: 0; }

.AssetPropertyEditorWrapper-switch-2jKg- {
  margin-bottom: 5px; }

.AssetPropertyEditorWrapper-floatingButtonContainer-3KCdL {
  position: absolute;
  bottom: 16px;
  right: 32px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ButtonFormPopOver-formWrapper-3RmJ- {
  min-width: 400px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.CharacterAssetPropertyEditor-characterEditor-3OnKZ {
  display: flex;
  height: calc(642px + 2 * 2rem); }
  .CharacterAssetPropertyEditor-characterEditor-3OnKZ .CharacterAssetPropertyEditor-pickerContainer-4HzXc {
    flex: 1;
    position: relative;
    display: flex; }
    .CharacterAssetPropertyEditor-characterEditor-3OnKZ .CharacterAssetPropertyEditor-pickerContainer-4HzXc .CharacterAssetPropertyEditor-picker-3V93T {
      display: flex;
      flex: 1; }
    .CharacterAssetPropertyEditor-characterEditor-3OnKZ .CharacterAssetPropertyEditor-pickerContainer-4HzXc .CharacterAssetPropertyEditor-list-knCG7 {
      display: flex;
      flex: 1;
      flex-direction: column;
      overflow-y: auto; }
    .CharacterAssetPropertyEditor-characterEditor-3OnKZ .CharacterAssetPropertyEditor-pickerContainer-4HzXc .CharacterAssetPropertyEditor-addComponentButtonContainer-30mLS {
      position: absolute;
      bottom: 6rem;
      right: 6rem; }
  .CharacterAssetPropertyEditor-characterEditor-3OnKZ .CharacterAssetPropertyEditor-previewContainer-Ck7Mm {
    padding: 2rem;
    flex-grow: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--palette-grey-100);
    border: 1rem solid var(--palette-grey-100);
    width: 70%; }
    .CharacterAssetPropertyEditor-characterEditor-3OnKZ .CharacterAssetPropertyEditor-previewContainer-Ck7Mm .CharacterAssetPropertyEditor-preview-2nvRx {
      background-image: url(/character-silhouette.png);
      background-repeat: no-repeat;
      position: relative;
      width: 100%;
      height: 642px;
      background-position: center; }

.CharacterAssetPropertyEditor-assetDragPreview-79mRq {
  border-radius: 2px; }

.CharacterAssetPropertyEditor-input-1Z58l {
  display: inline-block;
  position: absolute;
  min-width: 200px; }
  .CharacterAssetPropertyEditor-input-1Z58l .CharacterAssetPropertyEditor-inputToggleButton-3lEk2 {
    position: absolute;
    left: -15px;
    top: -15px;
    background: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    z-index: 5100; }
    .CharacterAssetPropertyEditor-input-1Z58l .CharacterAssetPropertyEditor-inputToggleButton-3lEk2.CharacterAssetPropertyEditor-enabled-IC_GZ {
      display: none;
      color: var(--palette-green-500); }
    .CharacterAssetPropertyEditor-input-1Z58l .CharacterAssetPropertyEditor-inputToggleButton-3lEk2.CharacterAssetPropertyEditor-disabled-3-4-t {
      display: flex;
      color: var(--palette-grey-500); }
  .CharacterAssetPropertyEditor-input-1Z58l:hover .CharacterAssetPropertyEditor-inputToggleButton-3lEk2 {
    display: flex; }
  .CharacterAssetPropertyEditor-input-1Z58l .CharacterAssetPropertyEditor-inputTypePicker-1fe68 {
    transform: scale(0.8);
    transform-origin: left;
    height: 30px; }
  .CharacterAssetPropertyEditor-input-1Z58l .CharacterAssetPropertyEditor-inputContent-hkh2u {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .CharacterAssetPropertyEditor-input-1Z58l .CharacterAssetPropertyEditor-inputContent-hkh2u .CharacterAssetPropertyEditor-inputContentVertical-3ERBD {
      display: flex;
      flex-direction: column; }
      .CharacterAssetPropertyEditor-input-1Z58l .CharacterAssetPropertyEditor-inputContent-hkh2u .CharacterAssetPropertyEditor-inputContentVertical-3ERBD .CharacterAssetPropertyEditor-inputContentTitle-1SdQ7,
      .CharacterAssetPropertyEditor-input-1Z58l .CharacterAssetPropertyEditor-inputContent-hkh2u .CharacterAssetPropertyEditor-inputContentVertical-3ERBD .CharacterAssetPropertyEditor-inputContentText-1JDyU {
        text-overflow: ellipsis;
        max-width: 120px;
        white-space: nowrap;
        overflow: hidden; }
      .CharacterAssetPropertyEditor-input-1Z58l .CharacterAssetPropertyEditor-inputContent-hkh2u .CharacterAssetPropertyEditor-inputContentVertical-3ERBD .CharacterAssetPropertyEditor-inputContentTitle-1SdQ7 {
        font-size: 16px;
        line-height: 1.6rem; }
      .CharacterAssetPropertyEditor-input-1Z58l .CharacterAssetPropertyEditor-inputContent-hkh2u .CharacterAssetPropertyEditor-inputContentVertical-3ERBD .CharacterAssetPropertyEditor-inputContentText-1JDyU {
        font-size: 14px; }

.CharacterAssetPropertyEditor-rttAvatar-ITua5 {
  display: flex;
  align-items: center;
  justify-content: center; }

.CharacterAssetPropertyEditor-noAssetsMessage-1Tw2g {
  margin: 3rem auto;
  max-width: 300px;
  text-align: center;
  align-self: center; }
  .CharacterAssetPropertyEditor-noAssetsMessage-1Tw2g p {
    font-size: 1.6rem;
    line-height: 1.6;
    padding-bottom: 2rem;
    text-align: center; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.Avatar-base-2zGzj {
  margin: 0 1rem 0 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: var(--palette-grey-100);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }
  .Avatar-base-2zGzj > img {
    width: 100%;
    height: 100%; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.List-list-Vn9oY {
  list-type: none; }
  .List-list-Vn9oY .List-listItem-2AQ6N {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem;
    transition: background 0.3s; }
    .List-list-Vn9oY .List-listItem-2AQ6N .List-listActions-1JnrM.List-onlyOnHover-2ydDw {
      display: flex; }
  .List-list-Vn9oY.List-hoverable-1JhEo .List-listItem-2AQ6N:hover {
    background: var(--palette-grey-100); }
  .List-list-Vn9oY.List-hoverable-1JhEo .List-listItem-2AQ6N:hover .List-listActions-1JnrM.List-onlyOnHover-2ydDw {
    display: flex; }

.List-listActions-1JnrM {
  display: flex;
  align-items: center;
  justify-self: right;
  margin-left: auto; }

.List-listItemVertical-1aWtl {
  display: flex;
  flex-direction: column; }

.List-listItemTitle-2ij_1 {
  font-size: 16px;
  color: var(--palette-grey-800);
  line-height: 1.6; }

.List-listItemContent-2jT0s {
  font-size: 14px;
  color: var(--palette-grey-600); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.DropTargetZone-base-XGCkB {
  background-color: white;
  border-radius: 2px;
  opacity: 0.95;
  border: 3px solid white;
  transition: all 0.3s; }
  .DropTargetZone-base-XGCkB.DropTargetZone-disabled-xpkJL {
    /* opacity: 0.7; */ }
  .DropTargetZone-base-XGCkB .DropTargetZone-content-21klR {
    position: relative;
    padding: 1rem 1rem 0.7rem 1rem;
    width: 100%;
    height: 100%; }
    .DropTargetZone-base-XGCkB .DropTargetZone-content-21klR .DropTargetZone-disabledOverlay-2sTZW {
      position: absolute;
      top: -3px;
      left: -3px;
      right: -3px;
      bottom: -3px;
      background: rgba(255, 255, 255, 0.15);
      border-radius: 2px;
      display: flex;
      align-items: center;
      justify-content: center;
      user-select: none;
      z-index: 5000; }
  .DropTargetZone-base-XGCkB.DropTargetZone-isDragging-2qD1x.DropTargetZone-isDraggedOver-3W7Iv.DropTargetZone-isDroppable-wSdLW {
    border-color: var(--palette-green-500);
    background: var(--palette-green-300); }
  .DropTargetZone-base-XGCkB.DropTargetZone-isDragging-2qD1x.DropTargetZone-isDraggedOver-3W7Iv.DropTargetZone-isNotDroppable-3UNqi {
    border-color: var(--palette-red-500);
    background: var(--palette-red-300); }
  .DropTargetZone-base-XGCkB.DropTargetZone-isDragging-2qD1x.DropTargetZone-isDroppable-wSdLW {
    border-color: var(--palette-green-100);
    opacity: 1; }
  .DropTargetZone-base-XGCkB.DropTargetZone-isDragging-2qD1x.DropTargetZone-isNotDroppable-3UNqi {
    border-color: var(--palette-red-100);
    opacity: 0; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.withRawFileToAssetDropTarget-dropTarget-1eQ9k {
  height: 100%; }

.withRawFileToAssetDropTarget-dropMessage-1lP3Q {
  opacity: 0.95;
  background: white;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
p.Message-message-1YUAv {
  padding: 1rem;
  margin: 1rem 0; }
  p.Message-message-1YUAv.Message-withBorder-3o7dn {
    border: 2px solid var(--palette-grey-100); }
  p.Message-message-1YUAv.Message-error-TdIOT {
    border: 2px solid var(--palette-red-100);
    color: var(--palette-red-600); }
  p.Message-message-1YUAv.Message-info-2SlHl {
    border: 2px solid var(--palette-blue-100);
    color: var(--palette-blue-600); }
  p.Message-message-1YUAv.Message-success-2DwOC {
    border: 2px solid var(--color-primary-100);
    color: var(--color-primary-600); }
  p.Message-message-1YUAv.Message-warning-2jsJ- {
    border: 2px solid var(--palette-grey-200);
    background-color: var(--palette-yellow-100);
    color: var(--palette-blue-grey-900); }
  p.Message-message-1YUAv.Message-center-1ZO8H {
    text-align: center; }
  p.Message-message-1YUAv.Message-left-1LVua {
    text-align: left; }
  p.Message-message-1YUAv.Message-right-QXhX1 {
    text-align: right; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ImageOverlay-imageContainer-2JdjN {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem; }

.ImageOverlay-imageWrapper-2WcE8 {
  position: relative; }

.ImageOverlay-overlay-1k8vN {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  bottom: 0;
  transition: .5s ease;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  color: white;
  font-size: 2rem;
  font-weight: 400; }

.ImageOverlay-imageWrapper-2WcE8:hover .ImageOverlay-overlay-1k8vN {
  opacity: 1; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.InputPreview-type-Uwhi2 {
  color: rgba(0, 0, 0, 0.54);
  padding-right: 0.5rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.FeedbackSidebarEditor-subHeader-29PNF {
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.16);
  height: 70px;
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.FeedbackSidebarEditor-button-3qCkR {
  color: var(--palette-red-500) !important;
  margin: 10px 24px; }

.FeedbackSidebarEditor-switch-3pkAx {
  margin: 16px 24px 2px 24px; }

.FeedbackSidebarEditor-icon-zYeWM {
  background-color: rgba(0, 0, 0, 0.26);
  color: white;
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 100%; }

.FeedbackSidebarEditor-isAchieved-21n07 {
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.54);
  text-align: left; }

.FeedbackSidebarEditor-label-2FFdR,
.FeedbackSidebarEditor-inputLabel-1p5MI {
  display: none !important; }

.FeedbackSidebarEditor-input-3JZ7c,
.FeedbackSidebarEditor-inputInput-1z-u3 {
  font-size: 1.4rem !important;
  padding: 0; }

.FeedbackSidebarEditor-emptyView-3fSIb {
  display: flex;
  align-items: center;
  flex-flow: column;
  height: 40vh;
  justify-content: center; }
  .FeedbackSidebarEditor-emptyView-3fSIb p {
    text-align: center;
    max-width: 75%; }

.FeedbackSidebarEditor-suggestions-dsqcQ {
  width: auto;
  max-width: 400%;
  right: 0px;
  margin-top: 0px !important; }

.FeedbackSidebarEditor-placeholder-3O7Kv {
  min-width: 4ch; }

.FeedbackSidebarEditor-actionContainer-3wt8Z {
  height: 100%;
  display: grid;
  margin-right: 8px;
  grid-auto-flow: column;
  align-items: center;
  grid-gap: 4px; }

.FeedbackSidebarEditor-horizontalDivider-3JbAD {
  height: 45%;
  width: 1px;
  background: #e6e6e6; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.Form-content-3dKpH {
  display: flex;
  justify-content: flex-end; }
  .Form-content-3dKpH.Form-hiddenButton-7B354 {
    display: none; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.moduleEditorMeta-metaContainer-uhkVZ {
  flex: 1;
  flex-direction: column; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.TagWrapper-base-tfnpp {
  list-style: none;
  margin: 5px; }
  .TagWrapper-base-tfnpp > li {
    display: inline-flex;
    padding: 5px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ClickableChip-base-1_uS1 {
  padding: 2rem 0.5rem !important; }

.ClickableChip-chipContent-2UF3c {
  display: flex;
  flex-direction: column; }

.ClickableChip-label-1dVjl {
  font-size: 1.2rem; }

.ClickableChip-title-3aq4C {
  font-size: 1.5rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ModuleStatistics-loader-KncIb {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  flex-direction: column;
  animation: ModuleStatistics-fadeIn-1W7MM 1s;
  animation-timing-function: ease-in; }
  .ModuleStatistics-loader-KncIb .ModuleStatistics-text-3YY3Q {
    margin: 1.6rem 0; }

.ModuleStatistics-heading-1mL-A {
  font-weight: normal;
  margin: 2rem 1rem 1rem; }

.ModuleStatistics-table-L8Xt4 th {
  text-align: right; }
  .ModuleStatistics-table-L8Xt4 th:first-child {
    text-align: left; }

.ModuleStatistics-table-L8Xt4 td {
  text-align: right; }
  .ModuleStatistics-table-L8Xt4 td:first-child {
    text-align: left; }

@keyframes ModuleStatistics-fadeIn-1W7MM {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.SidebarTabs-container-33d3i {
  height: 100%;
  display: flex;
  flex: 1; }

.SidebarTabs-contentWrapper-2IvtH {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; }

.SidebarTabs-content-2whBY {
  width: 100%;
  display: flex;
  flex: 1;
  overflow-y: auto;
  padding: 1.6rem; }
  .SidebarTabs-content-2whBY > div {
    width: 100%; }

.SidebarTabs-sidebar-3mPzn {
  width: 57px;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  border-right: solid 1px #eeeeee;
  background-color: white;
  padding-top: 1.6rem;
  z-index: 1; }

.SidebarTabs-sidebarIcon-2iVLp {
  width: 100%;
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.54);
  transition: all 350ms ease-in-out;
  flex-basis: 48px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .SidebarTabs-sidebarIcon-2iVLp:hover {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.87);
    background-color: var(--palette-grey-100); }
  .SidebarTabs-sidebarIcon-2iVLp.SidebarTabs-sidebarIconActive-2OcBB {
    color: var(color-primary);
    background-color: var(--color-primary-50); }
    .SidebarTabs-sidebarIcon-2iVLp.SidebarTabs-sidebarIconActive-2OcBB:hover {
      color: var(color-primary);
      background-color: var(--color-primary-100); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ModuleComponentEditor-base-34XHv {
  flex: 1;
  display: flex; }
  .ModuleComponentEditor-base-34XHv > div {
    flex: 1; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ModuleEditorToolbar-header-11TFc {
  font-size: 24px;
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  padding-left: 1rem; }

.ModuleEditorToolbar-neutral-I2k72:not([disabled]) .ModuleEditorToolbar-icon-1BmYm {
  color: #00b0cd !important; }

.ModuleEditorToolbar-title-1bGeq {
  flex: 1;
  display: flex;
  font-size: 2.4rem;
  align-items: center; }

.ModuleEditorToolbar-icons-QQel4 {
  height: fit-content;
  display: flex;
  flex-basis: 8rem;
  justify-content: flex-end;
  padding-right: 0.4rem; }
  .ModuleEditorToolbar-icons-QQel4:after {
    content: '';
    height: 2.4rem;
    width: 0.1rem;
    display: flex;
    background-color: rgba(0, 0, 0, 0.14);
    margin-left: 0.3rem;
    align-self: center; }

.ModuleEditorToolbar-icon-1BmYm {
  font-size: 28px !important;
  color: rgba(0, 0, 0, 0.13); }
  .ModuleEditorToolbar-icon-1BmYm:hover {
    color: rgba(0, 0, 0, 0.26); }

.ModuleEditorToolbar-titleWrapper-qAep6 {
  display: flex;
  flex-direction: row;
  align-items: center; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.MarkerSidebarExtensionItem-actionIcon-1YceO {
  color: #757575; }

.MarkerSidebarExtensionItem-hoverIcon-2qGNf {
  overflow: hidden;
  transition: max-width 0.2s ease-in-out, opacity 0.2s ease-out;
  max-width: 100px;
  opacity: 1; }

.MarkerSidebarExtensionItem-hiddenHoverIcon-ShQ8l {
  max-width: 0;
  opacity: 0; }

.MarkerSidebarExtensionItem-markerIcon-fydmo {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.26);
  border-radius: 100%;
  color: white;
  width: 40px !important;
  height: 40px;
  padding: 8px;
  font-size: 24px; }

.MarkerSidebarExtensionItem-caption-ZuH3k {
  width: 100%; }

.MarkerSidebarExtensionItem-spacer-hH42g {
  font-size: 1.5em;
  margin-top: -5px;
  font-weight: lighter;
  color: #757575; }

.MarkerSidebarExtensionItem-info-yFryW {
  color: #757575; }

.MarkerSidebarExtensionItem-notifyIcon-DelUD {
  padding: 0 1rem;
  margin-right: 1rem !important; }

.MarkerSidebarExtensionItem-hiddenNotifyIcon-1Ld87 {
  visibility: hidden; }

.MarkerSidebarExtensionItem-warningNotifyIcon-2V6ZG {
  color: var(--palette-amber-500); }

.MarkerSidebarExtensionItem-errorNotifyIcon--erJx {
  color: #FF4081; }

.MarkerSidebarExtensionItem-preview-2hpKn {
  list-style-type: none;
  background: white;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  width: 300px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.MarkerSidebarExtension-list-3qZvh {
  padding: 0 1.6rem 7rem;
  overflow-y: auto;
  height: 100%; }

.MarkerSidebarExtension-subheader-DJS9j {
  background: #fff; }

.MarkerSidebarExtension-divider-18Zug {
  margin-top: 1rem; }

.MarkerSidebarExtension-container-HzmM4 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column; }

.MarkerSidebarExtension-header-1RqZO {
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.16);
  z-index: 2; }

.MarkerSidebarExtension-search-1HDe0 {
  padding: 6px 22px; }

.MarkerSidebarExtension-addButton-32Dv8 {
  position: absolute;
  bottom: 16px;
  right: 32px;
  background: #00b0cd;
  font-size: 24px !important;
  width: 56px;
  height: 56px;
  color: white !important;
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
  .MarkerSidebarExtension-addButton-32Dv8:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.MarkerSidebarExtension-listType-2JQ_i {
  margin-bottom: 8px; }

.MarkerSidebarExtension-emptyList-3n16H {
  padding: 50px 22px;
  text-align: center; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.sidebarExtension-container-3jEFt {
  display: flex;
  height: 100%;
  flex: 1;
  border-right: solid 1px #eeeeee;
  position: relative;
  z-index: 3;
  flex-basis: 60rem; }

.sidebarExtension-fullSize-2GAGT {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.breadcrumb-container-1GqZW {
  height: 64px;
  display: flex;
  flex: 1;
  background: white;
  z-index: 3;
  align-items: center;
  padding: 8px; }

.breadcrumb-item-3NKIH {
  color: rgba(0, 0, 0, 0.54);
  padding: 5px;
  max-width: 210px; }

.breadcrumb-activeItem-36BS9 {
  color: rgba(0, 0, 0, 0.87);
  padding: 5px; }

.breadcrumb-icon-3TImh {
  color: rgba(0, 0, 0, 0.54); }

.breadcrumb-arrow-3X6tE {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.54); }

.breadcrumb-itemContainer-2MSF- {
  display: flex;
  align-items: center; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ConditionsSidebarEditor-subHeader-Sn0BL {
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.16);
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.ConditionsSidebarEditor-button-2-l9I {
  color: var(--palette-red-500) !important;
  margin: 10px 24px; }

.ConditionsSidebarEditor-switch-2EOqI {
  margin: 16px 24px 2px 24px; }

.ConditionsSidebarEditor-icon-3Zer1 {
  background-color: rgba(0, 0, 0, 0.26);
  color: white;
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 100%; }

.ConditionsSidebarEditor-title-35GW9 {
  font-size: 1.4rem; }

.ConditionsSidebarEditor-isAchieved-3SQhQ {
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.54);
  text-align: left; }

.ConditionsSidebarEditor-label-3eFCB,
.ConditionsSidebarEditor-inputLabel-2Nat7 {
  display: none !important; }

.ConditionsSidebarEditor-input-2KEhE,
.ConditionsSidebarEditor-inputInput-1FZyl {
  padding: 0; }

.ConditionsSidebarEditor-emptyView-1ryP6 {
  display: flex;
  align-items: center;
  flex-flow: column;
  height: 40vh;
  justify-content: center; }
  .ConditionsSidebarEditor-emptyView-1ryP6 p {
    text-align: center;
    max-width: 75%; }

.ConditionsSidebarEditor-actionContainer-3qFzh {
  height: 100%;
  display: grid;
  margin-right: 8px;
  grid-auto-flow: column;
  align-items: center;
  grid-gap: 4px; }

.ConditionsSidebarEditor-horizontalDivider-1d-Wc {
  height: 45%;
  width: 1px;
  background: #e6e6e6; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.withMarkerDropTarget-base-1pbGB {
  width: 100%;
  height: 100%; }

.withMarkerDropTarget-dropZone-1NBnx {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 0.3rem var(--color-primary-200); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.breadcrumbNavigation-content-1yetM {
  position: absolute;
  bottom: 0;
  top: 64px;
  left: 0;
  right: 0; }

.breadcrumbNavigation-container-OwMxA {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ModuleTitle-title-2vz9x {
  cursor: pointer;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ModuleTitle-tooltip-3ltKb {
  max-width: 400px; }

.ModuleTitle-tooltipInner-1Kxt7 {
  white-space: pre-line; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.StoryMapUi-commonBase-2TWPV {
  position: relative;
  transition: transform 150ms;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  z-index: 6; }

.StoryMapUi-commonTypoReset-CA1VX {
  font-size: 1.4rem;
  line-height: 2rem; }

.StoryMapUi-commonTitle-2zpPu {
  text-align: center; }
  .StoryMapUi-commonTitle-2zpPu > a {
    color: inherit;
    text-decoration: none; }

.StoryMapUi-commonShape-17gHC {
  fill: #fff;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%; }

.StoryMapUi-commonWrapper-23FSM {
  height: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.StoryMapUi-commonIcons-1iZD0 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  left: -2.5rem;
  right: -2.5rem; }
  .StoryMapUi-commonIcons-1iZD0 > button {
    transform: scale(2.4);
    pointer-events: none;
    color: #00b0cd !important; }

.StoryMapUi-base-2Bdv2 {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  height: 100%;
  border-radius: 2px; }

.StoryMapUi-title-1qrWn { }

.StoryMapUi-wrapper-2_wOf { }

.StoryMapUi-icon-1ks46 {
  margin-top: .5rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.HexagonalStoryMapUi-commonBase-xqJYK {
  position: relative;
  transition: transform 150ms;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  z-index: 6; }

.HexagonalStoryMapUi-commonTypoReset-1hSTG {
  font-size: 1.4rem;
  line-height: 2rem; }

.HexagonalStoryMapUi-commonTitle-gQR2H {
  text-align: center; }
  .HexagonalStoryMapUi-commonTitle-gQR2H > a {
    color: inherit;
    text-decoration: none; }

.HexagonalStoryMapUi-commonShape-2LzYS {
  fill: #fff;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%; }

.HexagonalStoryMapUi-commonWrapper-1L4rf {
  height: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.HexagonalStoryMapUi-commonIcons-27BRm {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  left: -2.5rem;
  right: -2.5rem; }
  .HexagonalStoryMapUi-commonIcons-27BRm > button {
    transform: scale(2.4);
    pointer-events: none;
    color: #00b0cd !important; }

.HexagonalStoryMapUi-base-3IQ79 { }

.HexagonalStoryMapUi-wrapper-ETnur { }

.HexagonalStoryMapUi-shape-phcdt { }

.HexagonalStoryMapUi-title-18NDb {
  z-index: 3; }

.HexagonalStoryMapUi-icons-gHQ05 { }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.HexagonalEyeStoryMapUi-icon-3c2zJ {
  margin-top: .5rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.CutCopyToken-clipboardToken-1v7Cg {
  border: solid 4px rgba(0, 193, 255, 0.6);
  border-radius: 100%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: white; }
  .CutCopyToken-clipboardToken-1v7Cg:hover {
    transition: all linear 150ms;
    border-color: #00c1ff;
    box-shadow: 0 11px 12px rgba(0, 0, 0, 0.16), 0 7px 17px rgba(0, 0, 0, 0.23); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.BulkActionBar-base-IkMov {
  flex: 0 0 8rem;
  background: white;
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.BulkActionBar-tip-3DKkj {
  color: #4d4d4d;
  font-size: 1rem;
  margin-right: 48px; }

.BulkActionBar-center-2Ikgb {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

.BulkActionBar-selectionCount-AtxE2 {
  background: #00b0cd;
  color: white;
  padding: 0 10px;
  border-radius: 10px; }

.BulkActionBar-selectionTools-34ghU {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 48px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.Edge-wrapper-2swCn:hover > .Edge-base-WgiSR {
  z-index: 4; }
  .Edge-wrapper-2swCn:hover > .Edge-base-WgiSR:before {
    background-color: #343434;
    transition: background-color 150ms; }

.Edge-wrapper-2swCn:hover > .Edge-label-RsNTU {
  visibility: visible;
  opacity: 1;
  transition: opacity 150ms 150ms; }

.Edge-base-WgiSR {
  transition: all 150ms;
  cursor: pointer;
  height: 1.6rem;
  background-color: transparent;
  transform-origin: 0.8rem 0.8rem;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: -3.8rem;
  margin-left: -0.8rem;
  z-index: 1; }
  .Edge-base-WgiSR:before {
    content: '';
    position: absolute;
    background-color: #4d4d4d;
    height: .4rem;
    top: 50%;
    margin-top: -.2rem;
    left: 0;
    right: -1rem; }

.Edge-isDisabled-3mo0X {
  cursor: default; }

.Edge-svgTransition-3NYVR.Edge-isHighlighted-10cxA path {
  stroke: var(--palette-red-500) !important; }

.Edge-label-RsNTU {
  font-size: 12px;
  line-height: 2rem;
  text-align: center;
  z-index: 6; }
  .Edge-label-RsNTU > span {
    display: inline-block;
    font-size: 1.4rem;
    background-color: #777;
    font-weight: bold;
    border-radius: .3rem;
    padding: .5rem 1rem; }

.Edge-menu-2NiGD {
  pointer-events: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7 !important; }

.Edge-svgTransition-3NYVR {
  position: absolute;
  overflow: visible !important;
  transition: all 150ms;
  cursor: pointer;
  z-index: 5;
  pointer-events: none; }
  .Edge-svgTransition-3NYVR path {
    transition: stroke 150ms ease-in-out;
    pointer-events: auto;
    fill: none;
    stroke-width: 5;
    stroke-linecap: round; }
    .Edge-svgTransition-3NYVR path:hover {
      stroke: var(--color-primary-50); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.withStoryMapCell-cellHighlight-3PoI5 {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.DragScrollBorder-base-3uSf8 {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.DragScrollBorder-border-WbHga {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: auto; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.StoryMiniMap-container-1dQIZ {
  position: relative;
  box-sizing: content-box; }

.StoryMiniMap-viewableArea-1TsWs {
  position: absolute;
  border: 2px solid #F44336;
  pointer-events: none; }

.StoryMiniMap-resizing-Jy7hH, .StoryMiniMap-resizing-Jy7hH div, .StoryMiniMap-resizing-Jy7hH canvas {
  transition: all 0.3s; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.MapNavigator-base-26-YZ {
  position: absolute;
  right: 2.4rem;
  bottom: 2.4rem;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .MapNavigator-base-26-YZ .MapNavigator-showMiniMap-3TACT {
    position: absolute;
    top: 0;
    transform: translateY(-140%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    cursor: pointer; }
    .MapNavigator-base-26-YZ .MapNavigator-showMiniMap-3TACT .MapNavigator-icon-2Hdc9 {
      font-size: 20px; }
    .MapNavigator-base-26-YZ .MapNavigator-showMiniMap-3TACT:hover .MapNavigator-icon-2Hdc9 {
      color: #000000;
      transform: rotate(-90deg); }
  .MapNavigator-base-26-YZ .MapNavigator-container-809z5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 2px; }
    .MapNavigator-base-26-YZ .MapNavigator-container-809z5 .MapNavigator-miniMap-2PxPO {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden; }
    .MapNavigator-base-26-YZ .MapNavigator-container-809z5 .MapNavigator-topControls-2MsVx {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 24px; }
      .MapNavigator-base-26-YZ .MapNavigator-container-809z5 .MapNavigator-topControls-2MsVx .MapNavigator-icon-2Hdc9 {
        margin-top: 0;
        margin-bottom: 0; }
  .MapNavigator-base-26-YZ .MapNavigator-icon-2Hdc9 {
    transform: scale(0.85);
    font-size: 18px;
    color: #666666;
    margin: 6px 4px;
    cursor: pointer;
    transition: all 0.3s;
    padding: 0px; }
    .MapNavigator-base-26-YZ .MapNavigator-icon-2Hdc9:hover {
      color: #000000; }
    .MapNavigator-base-26-YZ .MapNavigator-icon-2Hdc9.MapNavigator-disabled-NCKGQ, .MapNavigator-base-26-YZ .MapNavigator-icon-2Hdc9.MapNavigator-disabled-NCKGQ:hover {
      color: #aaaaaa; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ZoomControls-base-1ARn3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  background: white;
  padding: 2px 5px;
  height: 30px;
  border-radius: 2px; }
  .ZoomControls-base-1ARn3.ZoomControls-vertical-okpuo {
    flex-direction: column;
    height: auto; }

.ZoomControls-zoomSlider-9SY6R {
  min-width: 80px;
  max-width: 120px;
  margin: 0 3px; }

.ZoomControls-zoomSliderColor-39mz- {
  background-color: #0097A7; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ElementPanZoom-view-xIoMV {
  display: flex;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.64);
  position: relative;
  overflow: hidden; }

.ElementPanZoom-container-brYZJ {
  position: absolute;
  top: 0;
  bottom: 0;
  box-sizing: content-box;
  cursor: grab;
  cursor: -webkit-grab; }
  .ElementPanZoom-container-brYZJ :active {
    cursor: grabbing;
    cursor: -webkit-grabbing; }

.ElementPanZoom-navigationMode-3j4O3 {
  position: fixed;
  width: 100%;
  height: 100%;
  cursor: grab;
  cursor: -webkit-grab; }
  .ElementPanZoom-navigationMode-3j4O3 :active {
    cursor: grabbing;
    cursor: -webkit-grabbing; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.EmptyNode-wrapper-3Hx0s {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .EmptyNode-wrapper-3Hx0s:before {
    content: '';
    width: 4px;
    height: 50px;
    position: absolute;
    top: 100px;
    background-color: #4d4d4d;
    margin-left: -2px;
    left: 50%; }

.EmptyNode-startNode-32KUJ {
  position: absolute;
  z-index: 1000;
  pointer-events: all; }
  .EmptyNode-startNode-32KUJ:before {
    content: none; }
  .EmptyNode-startNode-32KUJ span {
    cursor: pointer;
    border: solid 4px rgba(0, 193, 255, 0.6);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background-color: #fff;
    color: #444;
    z-index: 1;
    transition: all linear 100ms; }
    .EmptyNode-startNode-32KUJ span:hover {
      transition: all linear 150ms;
      border-color: #00c1ff;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.EmptyNode-startNodeContainer-1pmVI {
  pointer-events: auto;
  position: absolute;
  left: 45%;
  top: 40%; }

.EmptyNode-btnWrapper-2SdFf {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 90px;
  z-index: 6; }

.EmptyNode-button-n8jWv {
  min-width: 0 !important; }

.EmptyNode-icon-vxuPQ {
  margin-right: 0 !important;
  font-size: 150% !important; }

.EmptyNode-accent-QdmRE {
  background: #00b0cd !important; }

.EmptyNode-preview-3W-kl {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.StoryMapArea-container-PfWe- {
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none; }

.StoryMapArea-preview-3OUGi {
  position: absolute;
  z-index: 10;
  pointer-events: none; }

.StoryMapArea-dropPreview-2ABPV {
  background-color: white;
  opacity: 0.12; }

.StoryMapArea-enabledDropTarget-3GLzl {
  position: absolute;
  width: 100%;
  height: 100%; }

.StoryMapArea-disabledDropTarget-1ocdp {
  background-color: #d32f2f;
  opacity: 0.38; }

.StoryMapArea-mapBG-3dKoP {
  position: absolute;
  transform-origin: 0 0;
  box-sizing: content-box;
  background-color: #777;
  pointer-events: auto; }
  .StoryMapArea-mapBG-3dKoP:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    background-repeat: repeat;
    background-image: url(/public/map_bg.png); }

.StoryMapArea-createModuleMenu-3cRmV {
  position: absolute;
  margin-left: 128px;
  margin-top: 64px;
  z-index: 10; }

.StoryMapArea-dragArea-3ozzr {
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: auto; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.withEmptyNodeDropTarget-base-zMoY2 {
  background-color: rgba(0, 0, 0, 0); }

.withEmptyNodeDropTarget-wrapper-4MWSf {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.withEmptyNodeDropTarget-linkButton-kXxUD {
  top: -25px;
  z-index: 11; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.CircleFrame-fullSize-1JEce {
  width: 100%;
  height: 100%; }

.CircleFrame-circle-3-Ugg {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border-radius: 100%;
  border: solid 5px #00b0cd; }

.CircleFrame-title-3v6s2 {
  position: absolute;
  text-align: center;
  top: 10px;
  left: 0;
  width: 100%;
  z-index: 1; }
  .CircleFrame-title-3v6s2 span {
    background: #777;
    color: #00b0cd;
    text-transform: uppercase; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ModuleStoryMapUi-fullSize--V0m6 {
  width: 100%;
  height: 100%; }

.ModuleStoryMapUi-typeIcon-ao5C7 {
  position: absolute;
  transform: scale(5);
  opacity: 0.18;
  color: var(--color-primary-200);
  pointer-events: none; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.NodeEnd-base-2WzO8 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  text-align: center; }

.NodeEnd-isEnd-19LBr {
  width: 100%; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.NodeMenu-menu-Kr_Jr {
  z-index: 9;
  position: absolute;
  right: -5px;
  top: -5px;
  transform-origin: top right;
  transform: scale(0.85); }

.NodeMenu-isVisible-3uacL {
  display: block; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.SelectionFrame-inner-xTnij {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
  flex-basis: 20rem;
  height: 20rem;
  position: relative;
  transition: border-color 400ms; }
  .SelectionFrame-inner-xTnij:before {
    position: absolute;
    border: solid 0.2rem rgba(0, 0, 0, 0.6);
    top: -0.2rem;
    bottom: -0.2rem;
    left: -0.2rem;
    right: -0.2rem;
    z-index: 5; }
  .SelectionFrame-inner-xTnij:after {
    content: '';
    border: solid .4rem #fff;
    border-radius: 50%;
    background-color: #4d4d4d;
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 50%;
    bottom: 2rem;
    margin-left: -1rem;
    z-index: 8; }

.SelectionFrame-toggleCheckbox-2-td- .SelectionFrame-checkbox-GtuHS {
  visibility: visible; }

.SelectionFrame-toggleCheckbox-2-td-:before {
  content: ''; }

.SelectionFrame-isSelected-iqDmk { }
  .SelectionFrame-isSelected-iqDmk:before {
    border-color: #00b0cd !important; }

.SelectionFrame-isActive-2qWbz {
  cursor: grabbing;
  cursor: -webkit-grabbing; }
  .SelectionFrame-isActive-2qWbz:before {
    border-color: rgba(0, 0, 0, 0.6); }

.SelectionFrame-isHovered-2zPQy {
  cursor: grab;
  cursor: -webkit-grab; }
  .SelectionFrame-isHovered-2zPQy:before {
    border-color: rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0.1); }

.SelectionFrame-checkbox-GtuHS {
  visibility: hidden;
  position: absolute;
  left: -0.2rem;
  top: -0.2rem;
  z-index: 9;
  padding: 0px;
  margin: -2px; }
  .SelectionFrame-checkbox-GtuHS > input[type="checkbox"] {
    display: none; }
  .SelectionFrame-checkbox-GtuHS > div {
    border-color: transparent rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.6) transparent; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.Node-base-3HrVL {
  position: absolute;
  cursor: auto;
  display: flex;
  top: 2.8rem;
  right: 2.8rem;
  bottom: 2.8rem;
  left: 2.8rem;
  justify-content: center;
  align-items: center;
  cursor: default; }

.Node-linkMenu-1YYfd {
  position: absolute;
  bottom: 100%;
  width: 100%;
  left: 0;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: center; }
  .Node-linkMenu-1YYfd > button {
    position: relative;
    z-index: 2;
    cursor: pointer; }
    .Node-linkMenu-1YYfd > button > span {
      font-size: 150% !important; }
  .Node-linkMenu-1YYfd:after {
    content: '';
    display: block;
    position: absolute;
    width: 0.4rem;
    height: 5rem;
    background-color: #4d4d4d;
    left: 50%;
    margin-left: -0.2rem;
    top: 3rem;
    z-index: 1; }

.Node-isEdited-1sFle {
  background-color: rgba(0, 0, 0, 0.3); }

.Node-moduleContainer-2AIDx {
  width: 100%;
  height: 100%; }

.Node-isHovered-3Uiak .Node-edgeWrapper-3QYFu > .Node-edge-2XoNI:before {
  background-color: #343434;
  transition: background-color 150ms; }

.Node-isHovered-3Uiak .Node-edgeWrapper-3QYFu > .Node-edgeLabel-3b2kX {
  transition: opacity 150ms 150ms;
  visibility: visible;
  opacity: 1;
  z-index: 11; }

.Node-linkButton-1qasU {
  background: white; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.GroupEnd-container-fn2I3 {
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  bottom: 0px;
  position: absolute; }

.GroupEnd-dividerBase-251v9 {
  position: absolute;
  top: -2.5px;
  width: 35%;
  height: 5px;
  background: white; }

.GroupEnd-dividerLeft-3pAg7 {
  left: 0; }

.GroupEnd-dividerRight-1J9gq {
  right: 0; }

.GroupEnd-theEndRow-3hop4 {
  position: absolute;
  width: 100%;
  text-align: center;
  margin-top: -10rem;
  display: flex;
  justify-content: center;
  align-items: center; }

.GroupEnd-theEnd-3EQYK {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 16rem;
  color: white; }

.GroupEnd-editButton-W6J5B {
  transform: scale(1.5);
  margin-left: 46px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.GroupTrigger-container-1v7SA {
  pointer-events: auto;
  padding-top: 60px;
  width: 260px; }

.GroupTrigger-trigger-1cIIJ {
  background: #3e3e3e;
  color: #b8b8b8;
  border-radius: 2px;
  height: 50px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.GroupTrigger-triggerInput-imUtN {
  position: relative;
  display: flex;
  justify-content: center;
  top: -12px;
  width: 260px; }
  .GroupTrigger-triggerInput-imUtN > button {
    position: relative;
    z-index: 2;
    transform: scale(0.8);
    cursor: pointer; }
  .GroupTrigger-triggerInput-imUtN:after {
    content: '';
    display: block;
    position: absolute;
    width: .4rem;
    height: 2.45rem;
    background-color: #4d4d4d;
    left: 50%;
    margin-left: -.2rem;
    top: 3rem;
    z-index: 1; }

.GroupTrigger-feedbackIcon-wQgR6 {
  color: #b8b8b8; }

.GroupTrigger-triggerTitle-1RlR0 {
  width: 100%;
  height: 100%;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.StoryMap-outer-1fAka {
  background-color: #777;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0; }

.StoryMap-inner-2neFr {
  position: relative;
  box-sizing: content-box; }

.StoryMap-isActive-1pigz {
  box-shadow: inset 0 0 0 3px rgba(0, 193, 255, 0.75); }

.StoryMap-map-1fm8m {
  position: relative;
  margin: 0 auto;
  transition: all 150ms ease; }

.StoryMap-zoomedOut-2eyG4 {
  background-image: none; }

.StoryMap-controls-3kOir {
  position: absolute;
  right: 2.4rem;
  z-index: 1; }

.StoryMap-zoomControls-2XA-k {
  bottom: 2.4rem; }

.StoryMap-topControls-1bQ3j {
  top: 1rem; }

.StoryMap-mapWrapper-3K4Wz {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  overflow: hidden; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.LocalizationMirrorTableHeader-sticky-2sSoN {
  position: sticky;
  top: 0;
  z-index: 1000; }
  .LocalizationMirrorTableHeader-sticky-2sSoN .LocalizationMirrorTableHeader-moduleHeader-1U3fx {
    position: absolute;
    z-index: 1000;
    width: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

.LocalizationMirrorTableHeader-moduleHeader-1U3fx {
  font-size: 0.8em;
  font-weight: 600;
  background-color: #212121;
  color: #fff;
  padding: 10px 20px;
  transition: all 1s; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.CharacterMessageLabel-base-oqfKl {
  text-transform: uppercase; }

.CharacterMessageLabel-label-3UAjB {
  font-weight: bold; }

.CharacterMessageLabel-property-2k9kn {
  display: block;
  text-transform: none; }
  .CharacterMessageLabel-property-2k9kn:before {
    content: attr(data-label);
    margin-right: .4rem;
    opacity: .6; }

.CharacterMessageLabel-overrideName-2mnW3 {
  text-transform: none; }
  .CharacterMessageLabel-overrideName-2mnW3:before {
    content: attr(data-preposition);
    margin: 0 0.4rem;
    text-transform: none; }

.CharacterMessageLabel-offScreen-iKShp {
  margin: 0 0.4rem;
  text-transform: uppercase; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.commonAssetLabel-base-4ZsRb {
  text-transform: uppercase; }

.commonAssetLabel-label-3550k {
  font-weight: bold; }

.commonAssetLabel-property-1No9L {
  display: block;
  text-transform: none; }
  .commonAssetLabel-property-1No9L:before {
    content: attr(data-label);
    margin-right: .4rem;
    opacity: .6; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ImageMessageLabel-base-1gyM5 {
  text-transform: uppercase; }

.ImageMessageLabel-label-3X8m9 {
  font-weight: bold; }

.ImageMessageLabel-property-33_l2 {
  display: block;
  text-transform: none; }
  .ImageMessageLabel-property-33_l2:before {
    content: attr(data-label);
    margin-right: .4rem;
    opacity: .6; }

.ImageMessageLabel-wrapper-1fr10 {
  flex: 1 0 100%;
  display: flex;
  justify-content: center; }

.ImageMessageLabel-base-1gyM5 {
  flex: 1 0 100%;
  display: flex;
  flex-direction: column;
  text-align: center; }

.ImageMessageLabel-title-2SXPy,
.ImageMessageLabel-description-bYitN {
  cursor: pointer; }
  .ImageMessageLabel-title-2SXPy:before,
  .ImageMessageLabel-description-bYitN:before {
    content: attr(data-label);
    margin-right: .4rem;
    opacity: .6; }

.ImageMessageLabel-image-31GWl {
  max-height: 15rem;
  max-width: 20rem;
  cursor: pointer;
  margin: 0 auto; }

.ImageMessageLabel-imagePlaceholder-3n8te {
  font-size: 6.4rem;
  opacity: .13; }

.ImageMessageLabel-overrideName-2R35m:before {
  content: attr(data-preposition);
  margin: 0 .4rem;
  text-transform: none; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.LocationMessageLabel-base-1riuT {
  text-transform: uppercase; }

.LocationMessageLabel-label-ZdnkF {
  font-weight: bold; }

.LocationMessageLabel-property-15BDx {
  display: block;
  text-transform: none; }
  .LocationMessageLabel-property-15BDx:before {
    content: attr(data-label);
    margin-right: .4rem;
    opacity: .6; }

.LocationMessageLabel-image-3iUca {
  max-height: 15rem;
  max-width: 20rem;
  cursor: pointer;
  margin: 0 auto; }

.LocationMessageLabel-imagePlaceholder-21Ae1 {
  font-size: 6.4rem;
  opacity: .13;
  margin: 0 auto; }

.LocationMessageLabel-imageWrapper-2lXjw {
  display: flex;
  flex-direction: column; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.AudioMessageWrapperFactory-messageHeader-38zrn .AudioMessageWrapperFactory-assets-MT47b {
  background-color: rgba(0, 0, 0, 0.04); }
  .AudioMessageWrapperFactory-messageHeader-38zrn .AudioMessageWrapperFactory-assets-MT47b > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
    line-height: 2.2em;
    text-transform: uppercase;
    padding: 0 20px; }
    .AudioMessageWrapperFactory-messageHeader-38zrn .AudioMessageWrapperFactory-assets-MT47b > div .AudioMessageWrapperFactory-icon-3nrjd {
      cursor: pointer; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.MessageBlockDefaultWrapper-messageHeader-7KTVs {
  line-height: 0.8em;
  margin-bottom: 4px;
  user-select: none; }
  .MessageBlockDefaultWrapper-messageHeader-7KTVs h6 {
    font-size: 0.6em;
    font-weight: 600;
    color: #9e9e9e;
    text-transform: uppercase; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.MessageBlockTextField-base-1PWIM input {
  padding: 10px 0;
  color: rgba(0, 0, 0, 0.87); }

.MessageBlockTextField-base-1PWIM > div:hover:before {
  border-bottom-color: rgba(0, 0, 0, 0.54) !important; }

.MessageBlockTextField-base-1PWIM > div:after {
  border-bottom-color: rgba(0, 0, 0, 0.87) !important; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.DialogueMessageWrapper-messageHeader-1enY6 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  font-size: 0.9em; }
  .DialogueMessageWrapper-messageHeader-1enY6 .DialogueMessageWrapper-characterNameInput-nQt79 input {
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    padding: 4px 0 4px 0;
    transition: text-transform 1s; }
    .DialogueMessageWrapper-messageHeader-1enY6 .DialogueMessageWrapper-characterNameInput-nQt79 input:focus {
      text-transform: initial; }
  .DialogueMessageWrapper-messageHeader-1enY6 .DialogueMessageWrapper-characterNameInput-nQt79 > div:not(:hover):before {
    border-color: transparent; }
  .DialogueMessageWrapper-messageHeader-1enY6 span {
    margin: 0 3px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ImageMessageWrapper-base-3qRxr {
  text-align: center;
  margin-bottom: 5px; }
  .ImageMessageWrapper-base-3qRxr .ImageMessageWrapper-image-1Kd_U img {
    max-width: 80%;
    max-height: 200px; }
  .ImageMessageWrapper-base-3qRxr .ImageMessageWrapper-input-sOy7J {
    width: 80%;
    margin-top: 5px; }
    .ImageMessageWrapper-base-3qRxr .ImageMessageWrapper-input-sOy7J input {
      text-align: center; }
    .ImageMessageWrapper-base-3qRxr .ImageMessageWrapper-input-sOy7J.ImageMessageWrapper-title-YHXuw input {
      font-weight: 600; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.LocationMessageWrapper-messageHeader-1ZqL3 .LocationMessageWrapper-location-3WWKh {
  text-transform: uppercase; }
  .LocationMessageWrapper-messageHeader-1ZqL3 .LocationMessageWrapper-location-3WWKh .LocationMessageWrapper-name-1GMFE {
    font-weight: 600; }
  .LocationMessageWrapper-messageHeader-1ZqL3 .LocationMessageWrapper-location-3WWKh .LocationMessageWrapper-zone-1n1Cn {
    margin-left: 10px;
    font-weight: 400; }
  .LocationMessageWrapper-messageHeader-1ZqL3 .LocationMessageWrapper-location-3WWKh .LocationMessageWrapper-details-38sRJ {
    margin-top: 10px;
    text-transform: initial; }
    .LocationMessageWrapper-messageHeader-1ZqL3 .LocationMessageWrapper-location-3WWKh .LocationMessageWrapper-details-38sRJ div {
      margin-top: 5px;
      font-size: 14px;
      font-weight: 600; }
      .LocationMessageWrapper-messageHeader-1ZqL3 .LocationMessageWrapper-location-3WWKh .LocationMessageWrapper-details-38sRJ div span {
        font-weight: 100; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.AssetMessageLabel-base-3Wu4R {
  text-transform: uppercase; }

.AssetMessageLabel-label-L-KP5 {
  font-weight: bold; }

.AssetMessageLabel-property-gfSki {
  display: block;
  text-transform: none; }
  .AssetMessageLabel-property-gfSki:before {
    content: attr(data-label);
    margin-right: .4rem;
    opacity: .6; }

.AssetMessageLabel-writersToolLabel-mT9gg {
  flex-grow: 1; }

.AssetMessageLabel-switch-3ZU6r {
  flex-grow: 0;
  margin: 0 !important; }

.AssetMessageLabel-container-1Dtam {
  display: flex; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.TitleMessageLabel-base-28UUm {
  text-transform: uppercase; }

.TitleMessageLabel-label-OOpER {
  font-weight: bold; }

.TitleMessageLabel-property-1ZiDF {
  display: block;
  text-transform: none; }
  .TitleMessageLabel-property-1ZiDF:before {
    content: attr(data-label);
    margin-right: .4rem;
    opacity: .6; }

.TitleMessageLabel-base-28UUm { }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.TextualMessageWrapper-input-1XCUv {
  width: 100%;
  margin-bottom: 5px; }
  .TextualMessageWrapper-input-1XCUv input {
    font-weight: 600; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ModuleEditor-base-26Xn4 {
  flex: 1;
  display: flex; }
  .ModuleEditor-base-26Xn4 > div {
    flex: 1; }

.ModuleEditor-title-126B6 {
  margin: 1rem 0; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.StoryMapExportMenu-button-34qdQ {
  text-transform: none; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ExportMenu-container-11Log {
  width: 350px;
  padding: 24px;
  display: flex;
  flex-direction: column; }

.ExportMenu-actionContainer-cYJe3 {
  display: grid;
  grid-auto-flow: column;
  margin-top: 16px; }

.ExportMenu-button-2gcDA {
  align-self: flex-end; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ExportList-done-2cehy {
  color: var(--palette-green-800) !important; }

.ExportList-warning-F_kjO {
  color: var(--palette-yellow-800) !important; }

.ExportList-canceled-3UxYX,
.ExportList-overtime-1CAcg,
.ExportList-error-Y2jka {
  color: var(--palette-red-800) !important; }

.ExportList-button-2u-50 {
  margin: 0 auto; }

.ExportList-emptyView-3DbAM {
  display: flex;
  align-items: center;
  flex-flow: column;
  height: 40vh;
  justify-content: center;
  color: #757575; }

.ExportList-tooltipHint-2dmwR {
  font-size: 1.2rem; }

.ExportList-tableRow-26_ze .ExportList-inlineAction-2Ue4d {
  float: right; }

.ExportList-tableRow-26_ze .ExportList-inlineAction-2Ue4d button {
  opacity: 0.54; }

.ExportList-tableRow-26_ze .ExportList-inlineAction-2Ue4d :hover {
  opacity: 0.87; }

.ExportList-tableRow-26_ze .ExportList-inlineAction-2Ue4d :disabled {
  opacity: 0.38; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.DialogflowProjectComponent-align-3w2lR {
  display: flex; }
  .DialogflowProjectComponent-align-3w2lR div {
    width: 100%;
    margin: 0 5px; }
  .DialogflowProjectComponent-align-3w2lR button {
    margin-top: 10px; }

.DialogflowProjectComponent-scroll-8kT6Z {
  overflow-y: auto; }

.DialogflowProjectComponent-errorMessage-3gy_6 {
  color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  padding: 15px;
  margin: 15px !important; }

.DialogflowProjectComponent-neutral-10zuP:not([disabled]) .DialogflowProjectComponent-icon-2x2WS {
  opacity: 0.54; }

.DialogflowProjectComponent-refreshButton-24St6 {
  margin-bottom: 10px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.UserIcon-base-1vbvK {
  display: flex;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.4rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.26); }
  .UserIcon-base-1vbvK.UserIcon-inverse-1X5Wb {
    background-color: white;
    color: rgba(0, 0, 0, 0.54); }

.UserIcon-withImage-gAStj {
  text-indent: -5000rem; }

.UserIcon-clickable-TtXSQ {
  cursor: pointer; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
:root {
  --palette-red-100: rgb(255, 205, 210);
  --palette-red-300: rgb(229, 115, 115);
  --palette-red-500: rgb(244, 67, 54);
  --palette-red-600: rgb(229, 57, 53);
  --palette-red-800: rgb(198, 40, 40);
  --palette-blue-100: rgb(187, 222, 251);
  --palette-blue-600: rgb(30, 136, 229);
  --palette-green-100: rgb(200, 230, 201);
  --palette-green-300: rgb(129, 199, 132);
  --palette-green-500: rgb(76, 175, 80);
  --palette-green-800: rgb(46, 125, 50);
  --palette-yellow-100: rgb(255, 249, 196);
  --palette-yellow-700: rgb(251, 192, 45);
  --palette-yellow-800: rgb(249, 168, 37);
  --palette-amber-500: rgb(255, 193, 7);
  --palette-grey-100: rgb(245, 245, 245);
  --palette-grey-200: rgb(238, 238, 238);
  --palette-grey-300: rgb(224, 224, 224);
  --palette-grey-500: rgb(158, 158, 158);
  --palette-grey-600: rgb(117, 117, 117);
  --palette-grey-800: rgb(66, 66, 66);
  --palette-grey-900: rgb(33, 33, 33); }

html {
  font-size: 62.5%; }

body {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  -webkit-touch-callout: none; }
  body * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite,
code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1,
h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label,
legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span,
strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0; }

*, *:before, *:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

input:not([type="checkbox"]):not([type="radio"]), button {
  outline: none;
  appearance: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

/* Remove firefox default style for required inputs */
input[required]:-moz-ui-invalid {
  box-shadow: none; }

/* 1rem = 10px */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 5.6rem;
  font-weight: 600;
  line-height: 1.35;
  opacity: .54; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', 'Roboto', Helvetica, Arial, sans-serif; }

h1 {
  font-size: 5.6rem;
  font-weight: 200;
  line-height: 1.35; }

h2 {
  font-size: 4.5rem;
  font-weight: 200;
  line-height: 4.8rem; }

h3 {
  font-size: 3.4rem;
  font-weight: 200;
  line-height: 4rem; }

h4 {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 3.2rem;
  -moz-osx-font-smoothing: grayscale; }

h5 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1; }

h6 {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem; }

p {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.4rem; }

:root {
  --color-primary-50: #e0f6f9;
  --color-primary-100: #b3e7f0;
  --color-primary-200: #80d8e6;
  --color-primary-300: #4dc8dc;
  --color-primary-400: #26bcd5;
  --color-primary-500: #00b0cd;
  --color-primary-600: #00a9c8;
  --color-primary-700: #00a0c1;
  --color-primary-800: #0097ba;
  --color-primary-900: #0087ae;
  --color-primary-a100: #d8f5ff;
  --color-primary-a200: #a5e7ff;
  --color-primary-a400: #72daff;
  --color-primary-a700: #58d3ff;
  --color-secondary-50: #f9e3e7;
  --color-secondary-100: #efb8c2;
  --color-secondary-200: #e4899a;
  --color-secondary-300: #d95a71;
  --color-secondary-400: #d13652;
  --color-secondary-500: #c91334;
  --color-secondary-600: #c3112f;
  --color-secondary-700: #bc0e27;
  --color-secondary-800: #b50b21;
  --color-secondary-900: #a90615;
  --color-secondary-a100: #ffd4d6;
  --color-secondary-a200: #ffa1a6;
  --color-secondary-a400: #ff6e76;
  --color-secondary-a700: #ff545e;
  --color-primary: var(--color-primary-500);
  --color-primary-dark: var(--color-primary-800);
  --color-secondary: var(--color-secondary-500);
  --color-secondary-dark: var(color-secondary-800); }

html,
body {
  height: 100%;
  background: #a6146c;
  background: linear-gradient(30deg, #a6146c 0%, #c91334 100%); }

body {
  background-color: #FFFFFF;
  color: #222;
  display: flex;
  flex-direction: column; }

.gamebook-portal,
.page {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column; }

.privateWrapper {
  flex: 1 0 auto;
  display: flex;
  background-color: #fff; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.Footer-footer-OVBDh {
  z-index: 1000; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.VersionCaption-versionCaption-3KX4S {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background: #000;
  color: #fff;
  cursor: pointer;
  width: 56px;
  height: 2.5rem;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ProjectBreadcrumbs-base-24pFm {
  display: flex;
  flex: 1;
  align-items: center;
  align-self: center;
  font-size: 1.8rem;
  padding: 0 1.6rem;
  flex-direction: row;
  width: 100%; }
  .ProjectBreadcrumbs-base-24pFm .ProjectBreadcrumbs-home-32IWZ {
    display: flex; }
  .ProjectBreadcrumbs-base-24pFm .ProjectBreadcrumbs-crumbs-wkGi- {
    margin-left: 16px; }
  .ProjectBreadcrumbs-base-24pFm .ProjectBreadcrumbs-projectName-2y2aJ {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.97); }
  .ProjectBreadcrumbs-base-24pFm a, .ProjectBreadcrumbs-base-24pFm .ProjectBreadcrumbs-crumb-3LM6o {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.54);
    cursor: pointer; }
  .ProjectBreadcrumbs-base-24pFm .ProjectBreadcrumbs-active-2O8LZ {
    color: rgba(255, 255, 255, 0.97); }
  .ProjectBreadcrumbs-base-24pFm ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .ProjectBreadcrumbs-base-24pFm ul li {
      display: inline-flex;
      line-height: 16px; }
      .ProjectBreadcrumbs-base-24pFm ul li .ProjectBreadcrumbs-crumbDelimiter-241Ds {
        font-size: 16px;
        margin: 0 4px;
        vertical-align: middle; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.Logo-logo-2KfJr {
  fill: #fff; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ExpandingIconButton-wrapper-ydORD {
  display: flex;
  flex-wrap: nowrap;
  align-items: center; }

.ExpandingIconButton-base-3XRd5 {
  width: 0;
  overflow: hidden; }

.ExpandingIconButton-enter-3emIO {
  overflow: visible;
  width: 340px;
  transition: width 200ms ease-in-out; }

.ExpandingIconButton-exit-GPvSO {
  width: 0;
  transition: width 200ms ease-in-out; }

.ExpandingIconButton-icon-3P_hQ {
  color: #fff; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.Header-logo-3ginA {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 5.6rem;
  height: 5.6rem;
  background: linear-gradient(30deg, #a6146c 0%, #c91334 100%);
  position: relative; }
  .Header-logo-3ginA > svg {
    position: relative;
    width: 4.6rem; }
  .Header-logo-3ginA:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(30deg, #00b0cd 0%, #178ebe 100%);
    opacity: 0;
    transition: opacity linear 150ms; }
  .Header-logo-3ginA:hover:before {
    opacity: 1; }

.Header-appBarMenu-2kxUm {
  display: flex;
  flex-direction: row;
  flex: 1;
  height: 5.6rem;
  align-items: center;
  justify-content: center; }
  .Header-appBarMenu-2kxUm button {
    color: rgba(255, 255, 255, 0.8) !important; }
    .Header-appBarMenu-2kxUm button:hover {
      color: #fff !important; }

/*
 * dropdown theme
 */
.Header-dropdown-vZMUg {
  width: 24px; }
  .Header-dropdown-vZMUg .Header-values-1vsS7 {
    width: 46px !important;
    padding: 0; }
  .Header-dropdown-vZMUg .Header-value-3OFNO {
    width: 46px !important;
    padding: 0; }

.Header-inner-2hL8N {
  justify-content: space-between;
  align-items: center; }

.Header-dropDownMenu-2kCbY .Header-control-1ivGf {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  padding: 0 .8rem; }

.Header-dropDownMenu-2kCbY button, .Header-dropDownMenu-2kCbY button:hover {
  color: #222 !important; }

.Header-dropDownMenu-2kCbY .Header-body-1CaFh {
  top: 4rem;
  right: 0.6rem; }

.Header-dropDownMenu-2kCbY .Header-caret-3lVUJ {
  font-size: 2rem;
  margin-left: .3rem;
  margin-top: .2rem; }

.Header-appBarSearch-22G7y {
  flex-grow: 0;
  padding: 0 1.6rem;
  height: 5.6rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.AssetList-nameCell--JgW4 {
  display: flex;
  align-items: center; }
  .AssetList-nameCell--JgW4 .AssetList-name-3GI1S {
    padding-left: 1rem; }

.AssetList-emptyView-1DK8Z {
  display: flex;
  align-items: center;
  flex-flow: column;
  height: 40vh;
  justify-content: center; }

.AssetList-type-G_jS5 {
  opacity: 0.54; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.audioRecordDialog-center-18iMS {
  text-align: center; }

.audioRecordDialog-hide-3eAub {
  display: none; }

.audioRecordDialog-controls-215oj {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 16px;
  justify-items: center; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.CreateModuleDialog-dialog-2oRtl {
  overflow: visible; }

.CreateModuleDialog-input-2u1kt > textarea {
  resize: vertical; }

.CreateModuleDialog-moduleButtonsList-23OE3 {
  flex: 1;
  flex-wrap: wrap;
  padding: 1.2rem 0; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.FileManagerEditor-container-1Vx26 {
  overflow-y: auto;
  height: 100%;
  display: grid;
  grid-template-rows: max-content 1fr max-content; }

.FileManagerEditor-location-28TKF {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.FileManagerEditor-circular-3u6hw::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 54px;
  margin: 3px;
  height: 54px;
  border-radius: 100%;
  border: solid 4px #d5d5d5; }

.FileManagerEditor-marginButton-LuVhy {
  margin-left: 10px; }

.FileManagerEditor-uploadButton-2WXsU {
  display: none; }

.FileManagerEditor-emptyView-1UcXw {
  display: flex;
  align-items: center;
  flex-flow: column;
  height: 40vh;
  justify-content: center; }
  .FileManagerEditor-emptyView-1UcXw p {
    text-align: center;
    max-width: 75%; }

.FileManagerEditor-emptyViewButton-2iWWy {
  margin-top: 20px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.Overlay-overlay-1OFnl {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 5000;
  display: flex; }

.Overlay-overlayBackground-ZmnOl {
  background: rgba(200, 200, 200, 0.5); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.Paper-paper-2M-1R {
  border-radius: 2px;
  position: relative; }

.Paper-depth-1-32QJW {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.Paper-depth-2-3TanS {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.Paper-depth-3-1-BvO {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.Paper-depth-4-27yI- {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.Paper-depth-5-7X5Df {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

.Paper-rounded-1fdtk {
  border-radius: 99999px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.SocketStatus-centeredBox-2EjWu {
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .SocketStatus-centeredBox-2EjWu > div {
    flex-direction: row;
    width: 80%; }

.SocketStatus-box-1zW2m {
  width: 100%;
  padding: 30px;
  background: white; }

.SocketStatus-title-3vBbk {
  border-bottom: 1px solid #333;
  margin-bottom: 20px; }

.SocketStatus-error-1x1Ek {
  color: red;
  font-size: 12px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.UserAgentWarning-base-38712 {
  background: var(--palette-yellow-100);
  color: var(--palette-grey-900);
  width: 100%;
  cursor: pointer; }

.UserAgentWarning-textWrapper-2Wh3b {
  width: 80%;
  margin: 0 auto;
  position: relative;
  padding: 1.5rem; }
  .UserAgentWarning-textWrapper-2Wh3b .UserAgentWarning-icon-3Ced3, .UserAgentWarning-textWrapper-2Wh3b .UserAgentWarning-text-2LAbR {
    vertical-align: middle; }
  .UserAgentWarning-textWrapper-2Wh3b .UserAgentWarning-text-2LAbR {
    padding-left: 1rem;
    font-size: 1.5rem; }
    .UserAgentWarning-textWrapper-2Wh3b .UserAgentWarning-text-2LAbR a {
      color: #00b0cd; }
      .UserAgentWarning-textWrapper-2Wh3b .UserAgentWarning-text-2LAbR a:visited, .UserAgentWarning-textWrapper-2Wh3b .UserAgentWarning-text-2LAbR a:hover {
        color: #178ebe; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.AssetView-base-1dfOv {
  padding: 0 20px;
  margin-top: 20px; }
  .AssetView-base-1dfOv .AssetView-assetProperty-1uCIK {
    margin: 10px 0; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.LocalizationMirrorTable-base-1XWZ6 {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #eaeaea;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em; }
  .LocalizationMirrorTable-base-1XWZ6 input {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px; }
    .LocalizationMirrorTable-base-1XWZ6 input[disabled] {
      color: rgba(0, 0, 0, 0.34); }
  .LocalizationMirrorTable-base-1XWZ6, .LocalizationMirrorTable-base-1XWZ6 h1, .LocalizationMirrorTable-base-1XWZ6 h2, .LocalizationMirrorTable-base-1XWZ6 h3, .LocalizationMirrorTable-base-1XWZ6 h4, .LocalizationMirrorTable-base-1XWZ6 h5, .LocalizationMirrorTable-base-1XWZ6 h6, .LocalizationMirrorTable-base-1XWZ6 input, .LocalizationMirrorTable-base-1XWZ6 textarea {
    font-family: 'Inconsolata', monospace;
    color: rgba(33, 33, 33, 0.87); }
  .LocalizationMirrorTable-base-1XWZ6 h1 {
    margin: 0;
    font-size: 0.8em;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.54); }
  .LocalizationMirrorTable-base-1XWZ6 .LocalizationMirrorTable-mirrorHeader-lF5-R {
    height: 65px;
    min-height: 65px;
    display: flex; }
    .LocalizationMirrorTable-base-1XWZ6 .LocalizationMirrorTable-mirrorHeader-lF5-R > div {
      width: 50%; }
      .LocalizationMirrorTable-base-1XWZ6 .LocalizationMirrorTable-mirrorHeader-lF5-R > div .LocalizationMirrorTable-titleBar-2JWQg {
        border-bottom: 1px solid #eaeaea;
        text-align: center;
        padding: 12px; }
        .LocalizationMirrorTable-base-1XWZ6 .LocalizationMirrorTable-mirrorHeader-lF5-R > div .LocalizationMirrorTable-titleBar-2JWQg h3 {
          font-size: 20px;
          font-weight: 700;
          line-height: 24px; }
        .LocalizationMirrorTable-base-1XWZ6 .LocalizationMirrorTable-mirrorHeader-lF5-R > div .LocalizationMirrorTable-titleBar-2JWQg > div {
          font-size: 14px;
          color: rgba(0, 0, 0, 0); }
  .LocalizationMirrorTable-base-1XWZ6 .LocalizationMirrorTable-mirrorView-1bIAH {
    display: flex;
    flex-direction: column;
    position: relative;
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto; }
    .LocalizationMirrorTable-base-1XWZ6 .LocalizationMirrorTable-mirrorView-1bIAH.LocalizationMirrorTable-loading-3czrv {
      overflow-y: hidden; }
  .LocalizationMirrorTable-base-1XWZ6 .LocalizationMirrorTable-editorView-3sGe- {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto; }
    .LocalizationMirrorTable-base-1XWZ6 .LocalizationMirrorTable-editorView-3sGe- .LocalizationMirrorTable-heightFill-28qnw {
      flex: 1 0 auto; }
    .LocalizationMirrorTable-base-1XWZ6 .LocalizationMirrorTable-editorView-3sGe- .LocalizationMirrorTable-loader-1v-76 {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 10px;
      z-index: 1000; }
  .LocalizationMirrorTable-base-1XWZ6 .LocalizationMirrorTable-headers-1JTwr {
    position: sticky;
    top: 0;
    z-index: 100; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.BasicLocaleEditor-base-d7pUK {
  flex-grow: 1;
  display: flex; }
  .BasicLocaleEditor-base-d7pUK .BasicLocaleEditor-list-2a-Ay {
    display: flex;
    justify-content: center;
    width: 360px;
    min-width: 360px;
    overflow: hidden; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.FormError-formError-2XFbk {
  padding: 10px;
  color: #FF4081;
  background: #ffd9e6;
  border: 1px solid #FF4081;
  font-size: 14px;
  margin-top: 20px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.FullWidthButton-buttonContainer-2PZaM {
  text-align: center;
  padding-top: 20px;
  height: 70px;
  display: flex;
  flex-direction: column; }
  .FullWidthButton-buttonContainer-2PZaM > button {
    flex: 1 1 auto; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.registerForm-isValid-5qEnl {
  color: var(--palette-grey-500); }

.registerForm-isInvalid-1Av72 {
  color: var(--palette-red-500); }

.registerForm-userNameErrorList-26UZb {
  margin-bottom: 60px !important; }

.registerForm-passwordErrorList-2_sAP {
  margin-bottom: 60px !important; }

.registerForm-errorsList-3BAKE {
  position: relative;
  left: 16px;
  margin-right: 16px;
  text-align: left;
  display: flex;
  flex-wrap: wrap; }
  .registerForm-errorsList-3BAKE p {
    width: 50%;
    font-size: 12px; }

.registerForm-buttonContainer-3R0Ew {
  margin-top: 60px;
  text-align: center;
  height: 70px;
  border-bottom: 1px solid #000000;
  display: flex;
  flex-direction: column; }
  .registerForm-buttonContainer-3R0Ew > button {
    flex: 1 1 auto; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.BigList-base-2Fo9A {
  font-family: 'Roboto', sans-serif; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.Dashboard-base-fUJey {
  margin-right: 10px; }

.Dashboard-hr-55GuG {
  border-bottom: solid 1px #ccc;
  height: 0;
  padding-top: 2rem;
  margin-bottom: 4rem; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.SubtleLink-link-1GvQQ {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none; }
  .SubtleLink-link-1GvQQ:hover {
    color: var(--color-primary-600); }

.SubtleLink-container-3plYu {
  margin-top: 22px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.MarkerView-base-1CC2i {
  padding: 0 20px;
  margin-top: 20px; }
  .MarkerView-base-1CC2i .MarkerView-markerProperty-TOE8h {
    margin: 10px 0; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ModuleLocaleEditorNodeNav-navButton-18J1E {
  width: 28px;
  height: 28px;
  min-height: auto;
  margin: 0 5px;
  padding: 0;
  color: white; }
  .ModuleLocaleEditorNodeNav-navButton-18J1E:hover {
    background-color: #616161; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ModuleLocaleEditor-base-1EZLI {
  flex-grow: 1;
  display: flex; }
  .ModuleLocaleEditor-base-1EZLI .ModuleLocaleEditor-leftPane-gVzCn {
    display: flex;
    flex-direction: column;
    width: 360px;
    min-width: 360px; }
    .ModuleLocaleEditor-base-1EZLI .ModuleLocaleEditor-leftPane-gVzCn .ModuleLocaleEditor-map-2MmNT {
      flex: 1 0;
      overflow: auto; }
    .ModuleLocaleEditor-base-1EZLI .ModuleLocaleEditor-leftPane-gVzCn .ModuleLocaleEditor-actions-2bkjT {
      flex: 0 0;
      text-align: center;
      padding: 5px 0; }
  .ModuleLocaleEditor-base-1EZLI .ModuleLocaleEditor-moduleNextPrev-3NDkE {
    position: absolute;
    z-index: 1000;
    right: 20px;
    margin-top: 12px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.RedirectToGroupPage-base-WSpau {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.CenteredBoxPage-centeredBoxPage-3layJ {
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff; }
  .CenteredBoxPage-centeredBoxPage-3layJ > div {
    flex-direction: row;
    width: 100%; }

.CenteredBoxPage-logoWrapper-2mlTw {
  max-width: 300px; }

.CenteredBoxPage-logo-jn7Ff {
  margin-top: 2rem;
  max-height: 25vh; }
  .CenteredBoxPage-logo-jn7Ff > path {
    fill: #fff; }

.CenteredBoxPage-title-od19L {
  flex: 0 0 auto;
  padding: 3rem 0; }

.CenteredBoxPage-paper-xhwxo {
  padding: 10px; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.VerticalButtonBar-verticalButtonBar-1BeP_ {
  display: flex;
  flex: 0 0 5.6rem;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: stretch;
  background-color: #263a45;
  color: #eceff1;
  border-top: solid 1px rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.26);
  z-index: 200; }

.VerticalButtonBar-verticalButtonBarMenu-PmN-F {
  display: flex;
  flex-direction: column; }
  .VerticalButtonBar-verticalButtonBarMenu-PmN-F ul {
    display: flex;
    flex: 1;
    flex-direction: column; }
  .VerticalButtonBar-verticalButtonBarMenu-PmN-F li {
    display: flex;
    flex-direction: column;
    flex-basis: 5.6rem; }

.VerticalButtonBar-tooltip-1NbFs {
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 1.4rem;
  border-radius: 3px;
  line-height: 2rem;
  text-transform: none;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.14); }

.VerticalButtonBar-verticalButtonBarMenuItem-1Q0R7 {
  min-width: 0;
  padding: 0;
  color: #eceff1 !important;
  flex-basis: 5.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 0;
  font-size: 2.2rem; }
  .VerticalButtonBar-verticalButtonBarMenuItem-1Q0R7:hover {
    background-color: #344a55 !important; }

.VerticalButtonBar-verticalButtonBarMenuPrimary-2SDR4 { }

.VerticalButtonBar-verticalButtonBarMenuSecondary-181Zr {
  border-top: solid 1px rgba(255, 255, 255, 0.15);
  box-shadow: -2px 0 0 2px rgba(0, 0, 0, 0.09);
  margin-top: auto;
  margin-bottom: 2.6rem; }

.VerticalButtonBar-stuff-1SaNU {
  display: none; }

.VerticalButtonBar-setting-2Mbl8 {
  padding-bottom: 35px; }

.VerticalButtonBar-icon-28mhF {
  color: white;
  border-radius: 0;
  flex-grow: 1; }
  .VerticalButtonBar-icon-28mhF:hover {
    background-color: #344a55 !important; }
  .VerticalButtonBar-icon-28mhF.VerticalButtonBar-active-3esiz {
    background-color: rgba(0, 176, 205, 0.34) !important; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ExportLogIcon-infoIcon-3xTZQ {
  color: var(--palette-light-blue-300); }

.ExportLogIcon-warningIcon-2TCz4 {
  color: var(--palette-yellow-800); }

.ExportLogIcon-errorIcon-1Nl3W {
  color: var(--palette-red-800); }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ExportLog-header-3Iai- {
  margin-bottom: 1rem; }

ul.ExportLog-trace-3RXXw {
  list-style: none;
  margin: 0.5rem 0; }
  ul.ExportLog-trace-3RXXw li {
    padding: 0.5rem 0 0.5rem 1rem; }
    ul.ExportLog-trace-3RXXw li.ExportLog-important-1U2AP {
      color: var(--palette-grey-900); }
    ul.ExportLog-trace-3RXXw li.ExportLog-notImportant-aRvKD {
      color: var(--palette-grey-500); }

.ExportLog-emptyView-2EIfV {
  padding: 2rem;
  color: var(--palette-grey-900); }

.ExportLog-tableLayout-2PBBe {
  overflow-y: auto;
  max-height: 100%; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.ExportLogAsSidebarExtension-base-1riq4 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto; }

.ExportLogAsSidebarExtension-breadcrumb-3e315 {
  flex: unset; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.EditingLayoutPage-default-2_-th {
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow: hidden; }

.EditingLayoutPage-reversedLayout-20DZM {
  flex-direction: row-reverse; }

.EditingLayoutPage-content-2z1-X {
  display: flex;
  flex-grow: 1;
  max-height: calc(100vh - 56px);
  overflow-y: hidden;
  position: relative; }
/*
  these variables here are injected using webpack therefore there is no need to import this file
*/
.SimpleLayoutPage-base-1PhF3 {
  max-width: 120rem;
  flex: 1;
  padding-top: 6rem; }

.SimpleLayoutPage-title-1_qR5 {
  font-size: 3.2rem;
  margin: 2rem 0 2rem; }

/*# sourceMappingURL=styles-8.61.1.css.map*/