/* Color Pallete */
/* Color Role Definitions */
/* Font Size Definitions */
/* Presence Widget */
/* Avatar Widget */
/* Identity Item */
/* Identity List */
/* Membership Item */
/* Membership List */
/* Conversation Item */
/* Conversation List */
/* Message Item */
/* If showing avatars: */
/* If not showing avatars:
@message-item-text-indent: 12px + 12px;
@mesage-item-show-avatars: none;
*/
/* Messages List */
/* Notifier / Toast */
/* Menu Button */
/* Menu */
/* Typing Indicators */
/* Composer */
/* Composer Button */
/* Spinner */
/* Boundaries (optional components) */
/* Message Type Containers */
/* Message Type Misc */
/* Buttons Message Type */
/*
 * Avatar widget theme
 */
layer-avatar {
  position: relative;
  overflow: visible;
  text-align: center;
  /* Every avatar has a span that contains text (initials) or an Image tag. If text, it will have a layer-text-avatar css class */
  /*
     * Handle the layout of each size of Avatar
     */
  /*
     * Presence is not a required part of the Avatar widget.  If you do not want it,
     * you should set the Avatar.showPresence property to false rather than setting
     * display: none.  Why? Because if showPresence is false, the presence widget is not created,
     * which is more efficient.
     */
  /*
     * Clustered Avatars for Group Chats have size and layout adjustments
     */
}
layer-avatar span {
  border: solid 1px transparent;
  display: block;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  /* Text customizations */
  /* Image customizations */
}
layer-avatar span.layer-text-avatar {
  display: flex;
  justify-content: center;
  background-color: #dadde4;
  color: #ffffff;
}
layer-avatar span img {
  width: 100%;
  height: 100%;
}
layer-avatar.layer-size-small {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
layer-avatar.layer-size-small span {
  height: 30px;
  width: 30px;
}
layer-avatar.layer-size-small span.layer-empty-avatar,
layer-avatar.layer-size-small span.layer-empty-group-avatar {
  background-size: 32px 32px;
}
layer-avatar.layer-size-medium {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
layer-avatar.layer-size-medium span {
  height: 38px;
  width: 38px;
}
layer-avatar.layer-size-medium span.layer-empty-avatar,
layer-avatar.layer-size-medium span.layer-empty-group-avatar {
  background-size: 40px 40px;
}
layer-avatar.layer-size-large {
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
}
layer-avatar.layer-size-large span {
  height: 46px;
  width: 46px;
}
layer-avatar.layer-size-large span.layer-empty-avatar,
layer-avatar.layer-size-large span.layer-empty-group-avatar {
  background-size: 48px 48px;
}
layer-avatar.layer-size-larger {
  width: 72px;
  height: 72px;
  line-height: 72px;
  font-size: 20px;
}
layer-avatar.layer-size-larger span {
  height: 70px;
  width: 70px;
}
layer-avatar.layer-size-larger span.layer-empty-avatar,
layer-avatar.layer-size-larger span.layer-empty-group-avatar {
  background-size: 72px 72px;
}
layer-avatar layer-presence.layer-presence-invisible {
  background-color: #ffffff;
}
layer-avatar layer-presence:before {
  content: " ";
  border: solid 2px #ffffff;
  position: absolute;
  border-radius: 16px;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
}
layer-avatar layer-presence.layer-presence-invisible:before {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
}
layer-avatar.layer-avatar-cluster > span {
  position: absolute;
}
layer-avatar.layer-avatar-cluster > span:nth-child(n+2) {
  border: solid 2px rgba(255, 255, 255, 0.7);
}
layer-avatar.layer-avatar-cluster.layer-size-small > *:nth-child(1),
layer-avatar.layer-avatar-cluster.layer-size-medium > *:nth-child(1),
layer-avatar.layer-avatar-cluster.layer-size-large > *:nth-child(1),
layer-avatar.layer-avatar-cluster.layer-size-larger > *:nth-child(1) {
  display: block;
}
layer-avatar.layer-avatar-cluster.layer-size-small > *:nth-child(2),
layer-avatar.layer-avatar-cluster.layer-size-medium > *:nth-child(2),
layer-avatar.layer-avatar-cluster.layer-size-large > *:nth-child(2),
layer-avatar.layer-avatar-cluster.layer-size-larger > *:nth-child(2) {
  margin-left: 25%;
  margin-top: 25%;
  z-index: 2;
  display: block;
}
layer-avatar.layer-avatar-cluster.layer-size-small > *,
layer-avatar.layer-avatar-cluster.layer-size-medium > *,
layer-avatar.layer-avatar-cluster.layer-size-large > *,
layer-avatar.layer-avatar-cluster.layer-size-larger > * {
  height: 70%;
  width: 70%;
  font-size: 0.7em;
  display: none;
}
layer-avatar.layer-avatar-cluster.layer-size-small > span {
  line-height: 22.4px;
}
layer-avatar.layer-avatar-cluster.layer-size-small > span.layer-empty-group-avatar,
layer-avatar.layer-avatar-cluster.layer-size-small > span.layer-empty-avatar {
  background-size: 22.4px 22.4px;
}
layer-avatar.layer-avatar-cluster.layer-size-medium > span {
  line-height: 28px;
}
layer-avatar.layer-avatar-cluster.layer-size-medium > span.layer-empty-group-avatar,
layer-avatar.layer-avatar-cluster.layer-size-medium > span.layer-empty-avatar {
  background-size: 28px 28px;
}
layer-avatar.layer-avatar-cluster.layer-size-large > span {
  line-height: 33.6px;
}
layer-avatar.layer-avatar-cluster.layer-size-large > span.layer-empty-group-avatar,
layer-avatar.layer-avatar-cluster.layer-size-large > span.layer-empty-avatar {
  background-size: 33.6px 33.6px;
}
layer-avatar.layer-avatar-cluster.layer-size-larger > span {
  line-height: 50.4px;
}
layer-avatar.layer-avatar-cluster.layer-size-larger > span.layer-empty-group-avatar,
layer-avatar.layer-avatar-cluster.layer-size-larger > span.layer-empty-avatar {
  background-size: 50.4px 50.4px;
}
layer-avatar > span.layer-empty-avatar {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20viewBox%3D%220%200%2090%2090%22%0A%20%20%20height%3D%2290%22%0A%20%20%20width%3D%2290%22%0A%20%20%20xml%3Aspace%3D%22preserve%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20id%3D%22svg2%22%3E%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata8%22%3E%3Crdf%3ARDF%3E%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%3C%2Fcc%3AWork%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%0A%20%20%20%20%20id%3D%22defs6%22%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath18%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20style%3D%22clip-rule%3Aevenodd%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path20%22%0A%20%20%20%20%20%20%20%20%20d%3D%22M%2036%2C0%20C%2055.88225%2C0%2072%2C16.11775%2072%2C36%2072%2C55.88225%2055.88225%2C72%2036%2C72%2016.11775%2C72%200%2C55.88225%200%2C36%200%2C16.11775%2016.11775%2C0%2036%2C0%20Z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath24%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path26%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%20-406%2C-927%201980%2C0%200%2C2423%20-1980%2C0%200%2C-2423%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath34%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20style%3D%22clip-rule%3Aevenodd%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path36%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%2036%2C36%20c%205.96468%2C0%2010.8%2C4.83532%2010.8%2C10.8%200%2C5.96468%20-4.83532%2C10.8%20-10.8%2C10.8%20C%2030.03532%2C57.6%2025.2%2C52.76468%2025.2%2C46.8%2025.2%2C40.83532%2030.03532%2C36%2036%2C36%20Z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath40%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path42%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%20-406%2C-927%201980%2C0%200%2C2423%20-1980%2C0%200%2C-2423%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath50%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20style%3D%22clip-rule%3Aevenodd%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path52%22%0A%20%20%20%20%20%20%20%20%20d%3D%22M%2054%2C14.05934%20C%2054%2C23.52587%2045.94113%2C31.2%2036%2C31.2%2026.05887%2C31.2%2018%2C23.52587%2018%2C14.05934%2018%2C9.197705%2026.76271%2C5.357156%2036%2C5.48901%20c%209.23729%2C0.131855%2018%2C3.965441%2018%2C8.57033%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath56%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path58%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%20-406%2C-927%201980%2C0%200%2C2423%20-1980%2C0%200%2C-2423%20z%22%20%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%0A%20%20%20%20%20transform%3D%22matrix(1.25%2C0%2C0%2C-1.25%2C0%2C90)%22%0A%20%20%20%20%20id%3D%22g10%22%3E%3Cg%0A%20%20%20%20%20%20%20id%3D%22g12%22%20%2F%3E%3Cg%0A%20%20%20%20%20%20%20id%3D%22g14%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath18)%22%0A%20%20%20%20%20%20%20%20%20id%3D%22g16%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath24)%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22g22%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path28%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23e9ebef%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%20-5%2C-5%2082%2C0%200%2C82%20-82%2C0%200%2C-82%20z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%0A%20%20%20%20%20%20%20id%3D%22g30%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath34)%22%0A%20%20%20%20%20%20%20%20%20id%3D%22g32%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath40)%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22g38%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path44%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%2020.2%2C31%2031.6%2C0%200%2C31.6%20-31.6%2C0%200%2C-31.6%20z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%0A%20%20%20%20%20%20%20id%3D%22g46%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath50)%22%0A%20%20%20%20%20%20%20%20%20id%3D%22g48%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath56)%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22g54%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path60%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%2013%2C0.4857143%2046%2C0%200%2C35.7142897%20-46%2C0%200%2C-35.7142897%20z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
layer-avatar > span.layer-empty-group-avatar {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20viewBox%3D%220%200%2090%2090%22%0A%20%20%20height%3D%2290%22%0A%20%20%20width%3D%2290%22%0A%20%20%20xml%3Aspace%3D%22preserve%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20id%3D%22svg2%22%3E%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata8%22%3E%3Crdf%3ARDF%3E%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%3C%2Fcc%3AWork%3E%3C%2Frdf%3ARDF%3E%3C%2Fmetadata%3E%3Cdefs%0A%20%20%20%20%20id%3D%22defs6%22%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath18%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20style%3D%22clip-rule%3Aevenodd%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path20%22%0A%20%20%20%20%20%20%20%20%20d%3D%22M%2036%2C0%20C%2055.88225%2C0%2072%2C16.11775%2072%2C36%2072%2C55.88225%2055.88225%2C72%2036%2C72%2016.11775%2C72%200%2C55.88225%200%2C36%200%2C16.11775%2016.11775%2C0%2036%2C0%20Z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath24%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path26%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%20-499%2C-929%201980%2C0%200%2C2423%20-1980%2C0%200%2C-2423%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath34%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path36%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%20-499%2C-929%201980%2C0%200%2C2423%20-1980%2C0%200%2C-2423%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath40%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path42%22%0A%20%20%20%20%20%20%20%20%20d%3D%22M%206%2C16%2034%2C16%2034%2C57%206%2C57%206%2C16%20Z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath44%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20style%3D%22clip-rule%3Aevenodd%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path46%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%2019.9125%2C40.05%20c%204.47351%2C0%208.1%2C3.62649%208.1%2C8.1%200%2C4.47351%20-3.62649%2C8.1%20-8.1%2C8.1%20-4.47351%2C0%20-8.1%2C-3.62649%20-8.1%2C-8.1%200%2C-4.47351%203.62649%2C-8.1%208.1%2C-8.1%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath48%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path50%22%0A%20%20%20%20%20%20%20%20%20d%3D%22M%206%2C15%2034%2C15%2034%2C57%206%2C57%206%2C15%20Z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath52%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20style%3D%22clip-rule%3Aevenodd%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path54%22%0A%20%20%20%20%20%20%20%20%20d%3D%22M%2033.75%2C23.14451%20C%2033.75%2C30.2444%2027.70584%2C36%2020.25%2C36%2012.79416%2C36%206.75%2C30.2444%206.75%2C23.14451%20c%200%2C-3.64623%206.57203%2C-6.52664%2013.5%2C-6.42775%206.92797%2C0.09889%2013.5%2C2.97408%2013.5%2C6.42775%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath56%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path58%22%0A%20%20%20%20%20%20%20%20%20d%3D%22M%206%2C15%2034%2C15%2034%2C57%206%2C57%206%2C15%20Z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath86%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path88%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%20-499%2C-929%201980%2C0%200%2C2423%20-1980%2C0%200%2C-2423%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath92%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path94%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%2040%2C18%2023%2C0%200%2C34%20-23%2C0%200%2C-34%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath96%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20style%3D%22clip-rule%3Aevenodd%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path98%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%2051.46875%2C38.25%20c%203.72792%2C0%206.75%2C3.02208%206.75%2C6.75%200%2C3.72792%20-3.02208%2C6.75%20-6.75%2C6.75%20-3.72792%2C0%20-6.75%2C-3.02208%20-6.75%2C-6.75%200%2C-3.72792%203.02208%2C-6.75%206.75%2C-6.75%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath100%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path102%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%2040%2C18%2024%2C0%200%2C34%20-24%2C0%200%2C-34%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath104%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20style%3D%22clip-rule%3Aevenodd%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path106%22%0A%20%20%20%20%20%20%20%20%20d%3D%22M%2063%2C24.16209%20C%2063%2C30.07867%2057.9632%2C34.875%2051.75%2C34.875%20c%20-6.2132%2C0%20-11.25%2C-4.79633%20-11.25%2C-10.71291%200%2C-3.03852%205.47669%2C-5.43887%2011.25%2C-5.35646%205.77331%2C0.08241%2011.25%2C2.4784%2011.25%2C5.35646%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath108%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path110%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%2040%2C18%2024%2C0%200%2C34%20-24%2C0%200%2C-34%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath138%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20style%3D%22clip-rule%3Aevenodd%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path140%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%2035.55%2C39.15%20c%205.96468%2C0%2010.8%2C4.83532%2010.8%2C10.8%200%2C5.96468%20-4.83532%2C10.8%20-10.8%2C10.8%20-5.96468%2C0%20-10.8%2C-4.83532%20-10.8%2C-10.8%200%2C-5.96468%204.83532%2C-10.8%2010.8%2C-10.8%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath144%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path146%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%20-499%2C-929%201980%2C0%200%2C2423%20-1980%2C0%200%2C-2423%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath154%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path156%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%20-499%2C-929%201980%2C0%200%2C2423%20-1980%2C0%200%2C-2423%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath166%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20style%3D%22clip-rule%3Aevenodd%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path168%22%0A%20%20%20%20%20%20%20%20%20d%3D%22M%2054%2C16.60934%20C%2054%2C26.07587%2045.94113%2C33.75%2036%2C33.75%20c%20-9.94113%2C0%20-18%2C-7.67413%20-18%2C-17.14066%200%2C-4.86164%208.76271%2C-8.702184%2018%2C-8.57033%209.23729%2C0.131855%2018%2C3.96544%2018%2C8.57033%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath172%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path174%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%20-499%2C-929%201980%2C0%200%2C2423%20-1980%2C0%200%2C-2423%20z%22%20%2F%3E%3C%2FclipPath%3E%3CclipPath%0A%20%20%20%20%20%20%20id%3D%22clipPath182%22%0A%20%20%20%20%20%20%20clipPathUnits%3D%22userSpaceOnUse%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20id%3D%22path184%22%0A%20%20%20%20%20%20%20%20%20d%3D%22m%20-499%2C-929%201980%2C0%200%2C2423%20-1980%2C0%200%2C-2423%20z%22%20%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%0A%20%20%20%20%20transform%3D%22matrix(1.25%2C0%2C0%2C-1.25%2C0%2C90)%22%0A%20%20%20%20%20id%3D%22g10%22%3E%3Cg%0A%20%20%20%20%20%20%20id%3D%22g12%22%20%2F%3E%3Cg%0A%20%20%20%20%20%20%20id%3D%22g14%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath18)%22%0A%20%20%20%20%20%20%20%20%20id%3D%22g16%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath24)%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22g22%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path28%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23e9ebef%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%20-5%2C-5%2082%2C0%200%2C82%20-82%2C0%200%2C-82%20z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%0A%20%20%20%20%20%20%20id%3D%22g30%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath34)%22%0A%20%20%20%20%20%20%20%20%20id%3D%22g32%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22g38%22%20%2F%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22g60%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22opacity%3A0.8%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g62%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath40)%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g64%22%20%2F%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g66%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g68%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath44)%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g70%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath48)%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path72%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%206.8125%2C35.05%2026.2%2C0%200%2C26.2%20-26.2%2C0%200%2C-26.2%20z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g74%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g76%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath52)%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g78%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath56)%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path80%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%201.75%2C11.71429%2037%2C0%200%2C29.28571%20-37%2C0%200%2C-29.28571%20z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%0A%20%20%20%20%20%20%20id%3D%22g82%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath86)%22%0A%20%20%20%20%20%20%20%20%20id%3D%22g84%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22g90%22%20%2F%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22g112%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22opacity%3A0.6%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g114%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath92)%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g116%22%20%2F%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g118%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g120%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath96)%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g122%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath100)%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path124%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%2039.71875%2C33.25%2023.5%2C0%200%2C23.5%20-23.5%2C0%200%2C-23.5%20z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g126%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g128%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath104)%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g130%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath108)%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path132%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%2035.5%2C13.80357%2032.5%2C0%200%2C26.07143%20-32.5%2C0%200%2C-26.07143%20z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%0A%20%20%20%20%20%20%20id%3D%22g134%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath138)%22%0A%20%20%20%20%20%20%20%20%20id%3D%22g136%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath144)%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22g142%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path148%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%2019.75%2C34.15%2031.6%2C0%200%2C31.6%20-31.6%2C0%200%2C-31.6%20z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%0A%20%20%20%20%20%20%20id%3D%22g150%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath154)%22%0A%20%20%20%20%20%20%20%20%20id%3D%22g152%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20transform%3D%22matrix(1%2C0%2C0%2C-1%2C24.75%2C60.75)%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22g158%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path160%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23dbdee4%3Bstroke-width%3A1%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A10%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%2010.8%2C21.6%20c%205.96468%2C0%2010.8%2C-4.83532%2010.8%2C-10.8%20C%2021.6%2C4.835325%2016.76468%2C0%2010.8%2C0%204.835325%2C0%200%2C4.835325%200%2C10.8%200%2C16.76468%204.835325%2C21.6%2010.8%2C21.6%20Z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%0A%20%20%20%20%20%20%20id%3D%22g162%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath166)%22%0A%20%20%20%20%20%20%20%20%20id%3D%22g164%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath172)%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22g170%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path176%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%2013%2C3.035714%2046%2C0%200%2C35.71429%20-46%2C0%200%2C-35.71429%20z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%0A%20%20%20%20%20%20%20id%3D%22g178%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20clip-path%3D%22url(%23clipPath182)%22%0A%20%20%20%20%20%20%20%20%20id%3D%22g180%22%3E%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20transform%3D%22matrix(1%2C0%2C0%2C-1%2C18%2C33.75)%22%0A%20%20%20%20%20%20%20%20%20%20%20id%3D%22g186%22%3E%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path188%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23dbdee4%3Bstroke-width%3A1%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A10%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M%2036%2C17.14066%20C%2036%2C7.674135%2027.94113%2C0%2018%2C0%208.058875%2C0%200%2C7.674135%200%2C17.14066%20c%200%2C4.86164%208.762706%2C8.70218%2018%2C8.57033%209.23729%2C-0.13186%2018%2C-3.96544%2018%2C-8.57033%20z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
/*
 * Presence widget theme
 */
layer-presence {
  box-sizing: border-box;
  /* Styling for each presence state */
  /* Styling for each presence size */
}
layer-presence.layer-presence-away {
  background-color: #ffd624;
}
layer-presence.layer-presence-busy {
  background-color: #eb3838;
}
layer-presence.layer-presence-available {
  background-color: #56bf46;
}
layer-presence.layer-presence-offline {
  background-color: #dadde4;
}
layer-presence.layer-presence-invisible {
  background-color: transparent;
  border: solid 2px #56bf46;
}
layer-presence.layer-size-small {
  width: 8px;
  height: 8px;
}
layer-presence.layer-size-medium {
  width: 10px;
  height: 10px;
}
layer-presence.layer-size-large {
  width: 12px;
  height: 12px;
}
/* Theming for the Composer panel and its buttons */
layer-compose-bar {
  border-top: 1px solid #f3f3f3;
  padding: 8px 4px;
  /* Any layout or size (or font/font-weight or other size allocation changes) change you make to textarea MUST be made to .hidden-resizer and .hidden-lineheighter as well!!! */
}
layer-compose-bar textarea,
layer-compose-bar .hidden-resizer,
layer-compose-bar .hidden-lineheighter {
  padding: 0px 4px;
  border-width: 0px;
  margin: 0px;
  /* Before tinkering with font-size, see http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone/6394497#6394497 */
  font-size: 1rem;
  font-family: sans-serif;
}
layer-compose-bar .layer-compose-edit-panel {
  /* Do not change left/right values or things will break */
  padding: 0px !important;
  /* Do not change left/right values or things will break */
  margin: 0px !important;
}
layer-compose-bar textarea {
  color: rgba(0, 0, 0, 0.87);
}
layer-compose-bar.layer-compose-bar-one-line-of-text textarea,
layer-compose-bar.layer-compose-bar-one-line-of-text .hidden-resizer,
layer-compose-bar.layer-compose-bar-one-line-of-text .hidden-lineheighter {
  line-height: 34px;
}
layer-compose-bar.layer-is-disabled textarea {
  color: #dadde4;
}
layer-compose-bar .layer-button-panel {
  /* Force all layer-replaceable-content to stay at the bottom of the panel */
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  /* Layout of buttons */
  /* The SEND button */
  /* The upload button */
  /* Generic buttons */
}
layer-compose-bar .layer-button-panel .layer-replaceable-inner:empty {
  display: none;
}
layer-compose-bar .layer-button-panel .layer-replaceable-inner > * {
  margin: 0px 8px;
}
layer-compose-bar .layer-button-panel layer-send-button,
layer-compose-bar .layer-button-panel button {
  font-size: 0.9rem;
  padding: 8px 8px;
  font-weight: bold;
  color: #1094d0;
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
}
layer-compose-bar .layer-button-panel layer-send-button.layer-send-button-has-value,
layer-compose-bar .layer-button-panel button.layer-send-button-has-value {
  color: #1094d0;
}
layer-compose-bar .layer-button-panel layer-send-button:disabled,
layer-compose-bar .layer-button-panel button:disabled {
  color: #dadde4;
}
layer-compose-bar .layer-button-panel layer-file-upload-button label {
  padding: 2px;
  border: solid 2px #a4a8b2;
  color: #a4a8b2;
  border-radius: 20px;
  width: 24px;
  height: 24px;
  font-size: 30px;
  line-height: 22px;
}
layer-compose-bar .layer-button-panel button:hover {
  color: #1094d0;
}
layer-compose-bar.layer-is-empty layer-send-button {
  color: #a4a8b2;
}
layer-compose-bar.layer-is-disabled layer-send-button,
layer-compose-bar.layer-is-disabled button {
  color: #dadde4;
}
layer-message-list {
  background-color: #ffffff;
}
layer-message-list .layer-list-meta {
  height: 50px;
  border: solid 1px transparent;
  /* Fixes dumb chrome reflow bug */
}
layer-message-list .layer-header-toggle {
  height: 50px;
  min-height: 50px;
}
layer-message-list .layer-end-of-results-indicator,
layer-message-list .layer-empty-list {
  font-size: 11px;
  padding: 4px 0px;
  margin: 8px 0px;
  color: #a4a8b2;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
layer-message-list .layer-load-indicator {
  max-height: 50px;
}
layer-message-list .layer-load-indicator layer-loading-indicator {
  position: relative;
  top: -20px;
}
/* Styles for Conversation List widget. Note that most styling of the list is done in layer-conversation-item.less */
layer-conversation-list {
  background-color: #ffffff;
}
layer-conversation-list .layer-list-item {
  cursor: pointer;
  border-bottom: solid 1px transparent;
}
layer-conversation-list .layer-list-item:not(:first-child) {
  border-top: solid 1px transparent;
}
layer-conversation-list .layer-empty-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 25px;
  font-size: 1rem;
  color: #a4a8b2;
}
/*
 * The Conversation Item widget
 *
 * From left-to-right we have roughly:
 * 1. Avatar or Presence
 * 2. Title
 * 3. Date
 * 4. Last Message
 * 5. Menu button
 *
 */
layer-conversation-item {
  /*
     * List items all contain a layer-list-item that contains the real contents of the item.
     */
  /* Style the selected Conversation Item */
  /* Style for Size Large */
  /* Style for Size Medium */
  /* Style for Size Small */
  /* Style for Size Tiny */
  /*
     * Styles for Avatar, Presence or counter showing how many users are in the group
     */
  /*
     * Conversation Titles have 3 states:
     * A. Normal
     * B. Unread
     * C. Selected
     */
  /*
     * Dates have 3 states:
     * A. Normal
     * B. Unread
     * C. Selected
     */
  /**
     * Conversation Last Messages have 3 states:
     * A. Normal
     * B. Unread
     * C. Selected
     */
  /**
     * Conversation Menu button
     */
}
layer-conversation-item .layer-list-item {
  padding-right: 8px;
  padding-left: 8px;
  box-sizing: border-box;
}
layer-conversation-item.layer-selected-item .layer-list-item {
  background-color: #f3f3f3;
}
layer-conversation-item.layer-size-large .layer-list-item {
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 72px;
}
layer-conversation-item.layer-size-large .layer-list-item layer-conversation-title {
  font-size: 1rem;
}
layer-conversation-item.layer-size-large .layer-list-item layer-conversation-item-date {
  font-size: 0.8rem;
}
layer-conversation-item.layer-size-large .layer-list-item layer-conversation-last-message {
  margin-top: 4px;
  font-size: 0.9rem;
}
layer-conversation-item.layer-size-medium .layer-list-item {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 60px;
}
layer-conversation-item.layer-size-medium .layer-list-item layer-conversation-title {
  font-size: 1rem;
}
layer-conversation-item.layer-size-medium .layer-list-item layer-conversation-item-date {
  font-size: 0.8rem;
}
layer-conversation-item.layer-size-medium .layer-list-item layer-conversation-last-message {
  display: none;
  font-size: 0.8rem;
}
layer-conversation-item.layer-size-small .layer-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 48px;
}
layer-conversation-item.layer-size-small .layer-list-item layer-conversation-title {
  font-size: 0.9rem;
}
layer-conversation-item.layer-size-small .layer-list-item layer-conversation-item-date {
  font-size: 0.7rem;
}
layer-conversation-item.layer-size-small .layer-list-item layer-conversation-last-message {
  display: none;
  font-size: 0.7rem;
}
layer-conversation-item.layer-size-tiny .layer-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 32px;
}
layer-conversation-item.layer-size-tiny .layer-list-item layer-conversation-title {
  font-size: 0.9rem;
}
layer-conversation-item.layer-size-tiny .layer-list-item layer-conversation-item-date {
  display: none;
  font-size: 0.7rem;
}
layer-conversation-item.layer-size-tiny .layer-list-item layer-conversation-last-message {
  display: none;
  font-size: 0.7rem;
}
layer-conversation-item layer-avatar {
  margin-right: 12px;
}
layer-conversation-item layer-presence:not(.layer-presence-within-avatar) {
  margin-right: 10px;
}
layer-conversation-item layer-presence,
layer-conversation-item .layer-group-counter {
  margin-right: 8px;
}
layer-conversation-item .layer-group-counter {
  font-size: 8px;
  font-weight: bold;
  color: #a4a8b2;
  border: solid 1px #a4a8b2;
  border-radius: 4px;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 14px;
}
layer-conversation-item layer-conversation-title {
  color: #1b1c1d;
  font-weight: normal;
  margin-right: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
layer-conversation-item.layer-conversation-unread-messages layer-conversation-title {
  font-weight: bold;
}
layer-conversation-item layer-conversation-item-date {
  color: #a4a8b2;
}
layer-conversation-item.layer-conversation-unread-messages layer-conversation-item-date {
  color: #1b1c1d;
}
layer-conversation-item layer-conversation-last-message {
  color: #a4a8b2;
  overflow-y: hidden;
}
layer-conversation-item.layer-conversation-unread-messages layer-conversation-last-message {
  color: #1b1c1d;
}
layer-conversation-item .layer-conversation-right-side {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
layer-conversation-item .layer-conversation-right-side .layer-replaceable-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
layer-conversation-item .layer-conversation-right-side .layer-replaceable-inner layer-menu-button span {
  line-height: 1rem;
  padding-right: 6px;
}
layer-conversation-item .layer-conversation-title-row {
  align-items: center;
}
layer-conversation-item.layer-size-large .layer-conversation-title-row {
  align-items: flex-start;
}
/* Styles for channel Items that appear within the channel List widget */
layer-channel-item {
  /* Style a basic channel Item.  Note that it may be better to put
     * background color on layer-channels-list rather than layer-channel-item
     */
  /* Style the selected channel Item */
  /* Style for Size Large */
  /* Style for Size Medium */
  /* Style for Size Small */
  /* Style for Size Tiny */
}
layer-channel-item .layer-list-item {
  padding-right: 12px;
  padding-left: 12px;
  box-sizing: border-box;
}
layer-channel-item.layer-selected-item .layer-list-item {
  background-color: #f3f3f3;
}
layer-channel-item .layer-channel-title {
  margin-right: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
layer-channel-item.layer-size-large .layer-list-item {
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 72px;
  font-size: 1rem;
}
layer-channel-item.layer-size-medium .layer-list-item {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 60px;
  font-size: 1rem;
}
layer-channel-item.layer-size-small .layer-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 48px;
  font-size: 0.9rem;
}
layer-channel-item.layer-size-tiny .layer-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 32px;
  font-size: 0.9rem;
}
layer-identity-list {
  background-color: #ffffff;
}
layer-identity-list .layer-list-item {
  border-bottom: transparent;
}
layer-identity-list .layer-list-item:not(:first-child) {
  border-top: transparent;
}
layer-identity-list .layer-empty-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 25px;
  font-size: 1rem;
  color: #a4a8b2;
}
/*
 * The Identity Item widget
 */
layer-identity-item {
  /*
     * List items all contain a layer-list-item that contains the real contents of the item.
     */
  /*
     * Manage the different sizes
     */
}
layer-identity-item .layer-list-item {
  /* Eventually this may be used outside of a list, but for now, these should always appear selectable */
  cursor: pointer;
  padding-right: 12px;
  padding-left: 12px;
  box-sizing: border-box;
}
layer-identity-item .layer-list-item * {
  cursor: pointer;
}
layer-identity-item .layer-list-item input[type=checkbox] {
  margin-left: 12px;
}
layer-identity-item .layer-list-item .layer-identity-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #1b1c1d;
}
layer-identity-item .layer-list-item .layer-identity-metadata {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #a4a8b2;
  font-size: 12px;
  padding-top: 4px;
}
layer-identity-item .layer-list-item layer-age {
  font-size: 12px;
  color: #a4a8b2;
}
layer-identity-item.layer-size-large .layer-list-item {
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 72px;
}
layer-identity-item.layer-size-large .layer-list-item .layer-identity-name {
  font-size: 0.9rem;
}
layer-identity-item.layer-size-large .layer-list-item layer-avatar {
  margin-right: 12px;
}
layer-identity-item.layer-size-medium .layer-list-item {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 60px;
}
layer-identity-item.layer-size-medium .layer-list-item .layer-identity-name {
  font-size: 0.9rem;
}
layer-identity-item.layer-size-medium .layer-list-item layer-avatar {
  margin-right: 12px;
}
layer-identity-item.layer-size-small .layer-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 48px;
}
layer-identity-item.layer-size-small .layer-list-item .layer-identity-name {
  font-size: 0.9rem;
}
layer-identity-item.layer-size-small .layer-list-item layer-avatar {
  margin-right: 12px;
}
layer-identity-item.layer-size-tiny .layer-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 32px;
}
layer-identity-item.layer-size-tiny .layer-list-item .layer-identity-name {
  font-size: 0.9rem;
}
layer-identity-item.layer-size-tiny .layer-list-item layer-presence.presence-without-avatar {
  margin-right: 8px;
}
layer-membership-list {
  background-color: #ffffff;
}
layer-membership-list .layer-list-item {
  cursor: pointer;
  border-bottom: transparent;
}
layer-membership-list .layer-list-item > * {
  cursor: pointer;
}
layer-membership-list .layer-list-item:not(:first-child) {
  border-top: transparent;
}
layer-membership-item {
  /* Style the selected Membership Item; reusing conversation style */
}
layer-membership-item .layer-list-item {
  color: #1b1c1d;
  font-size: 0.9rem;
  line-height: 3.5rem;
  padding: 20px 5px;
}
layer-membership-item .layer-list-item:not(:first-child) {
  border-top: transparent;
}
layer-membership-item.layer-selected-item .layer-list-item {
  background-color: #f3f3f3;
}
/* Styles for the Toast Popup that notifies users of new Messages */
layer-notifier {
  max-width: 40%;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #f3f3f3;
  align-items: flex-start;
}
layer-notifier.layer-notifier-toast-fade {
  top: 10px;
}
layer-notifier.layer-notifier-toast {
  top: 10px;
}
layer-notifier layer-avatar {
  margin-left: 0px;
  margin-right: 10px;
}
layer-notifier .layer-notifier-title {
  margin-bottom: 5px;
  font-size: 0.8rem;
  color: #1b1c1d;
  font-weight: bold;
  display: flex;
  flex-direction: row;
}
layer-notifier .layer-notifier-title:after {
  content: ':';
}
layer-notifier .layer-message-item-placeholder {
  font-size: 0.8rem;
  color: #1b1c1d;
  font-weight: normal;
}
layer-notifier .layer-notifier-message {
  line-height: 1.3rem;
  max-height: 3.6rem;
}
layer-notifier .layer-message-item-main {
  width: 320px;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
.layer-list-item-separator-parent .layer-list-item-separator {
  margin-top: 4px;
  margin-bottom: 4px;
  color: #a4a8b2;
  font-size: 0.7rem;
}
.layer-list-item-separator-parent .layer-list-item-separator:first-child {
  margin-top: 12px;
}
.layer-list-item-separator-parent .layer-list-item-separator:last-child {
  margin-bottom: 12px;
}
.layer-list-item-separator-parent .layer-list-item-separator-date {
  height: 25px;
}
.layer-list-item-separator-parent .layer-list-item-separator-date-inner {
  border-bottom: solid 1px #dadde4;
  text-align: center;
  height: 12px;
}
.layer-list-item-separator-parent .layer-list-item-separator-date-inner layer-date {
  display: inline-block;
  color: #a4a8b2;
  font-size: 0.7rem;
  background-color: #ffffff;
  padding: 2px 15px;
  border: solid 1px #dadde4;
  border-radius: 8px;
}
/* Welcome message replaces the need for a first date indicator */
.layer-first-message-of-conversation .layer-list-item-separator-date {
  display: none;
}
layer-menu {
  background-color: #ffffff;
  border: solid 1px #f3f3f3;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  padding: 4px 0px;
}
layer-menu .layer-menu-button-menu-item {
  padding: 8px 32px 8px 16px;
  min-height: 32px;
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: solid 1px #f3f3f3;
  color: #1b1c1d;
  font-size: 0.8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
layer-menu .layer-menu-button-menu-item:hover {
  background-color: #f3f3f3;
  color: #313f48;
}
layer-menu .layer-menu-button-menu-item:last-child {
  border-bottom-width: 0px;
}
/*
 * The Menu Button widget
 */
layer-menu-button {
  display: none;
}
layer-menu-button span {
  padding: 0px 8px;
  font-size: 20px;
  color: #a4a8b2;
}
layer-menu-button span:hover {
  opacity: 1;
  color: #1b1c1d;
}
layer-menu-button.layer-has-menu {
  display: block;
}
.layer-list-item:hover layer-menu-button span {
  opacity: 1;
}
/* Animation */
@-webkit-keyframes layer-loader {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes layer-loader {
  to {
    transform: rotate(360deg);
  }
}
/* Parent Nodes */
.layer-load-indicator {
  justify-content: center;
  display: flex;
  flex-direction: row;
}
.layer-load-indicator .layer-replaceable-inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 15px 0px;
}
layer-loading-indicator {
  display: block;
  margin: 15px 0px;
  width: 50px;
  height: 50px;
}
layer-loading-indicator > div {
  border-top-color: #dadde4;
  border-right-color: #dadde4;
  border-bottom-color: #f3f3f3;
  border-left-color: #f3f3f3;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: transparent;
  border-width: 4px;
  border-style: solid;
  -webkit-animation: layer-loader 1.2s infinite linear;
  animation: layer-loader 1.2s infinite linear;
}
/* Layout the Conversation panel */
layer-conversation-view layer-typing-indicator {
  height: 0px;
  text-align: center;
}
layer-typing-indicator.layer-typing-occuring span {
  display: inline;
  line-height: 18px;
  position: relative;
  top: -32px;
  overflow: visible;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 4px 6px;
  font-size: 0.7rem;
  color: #313f48;
}
/*

layer-conversation-view layer-typing-indicator {
  height: 0px;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  background-color: @typing-indicators-background;
}

layer-typing-indicator.layer-typing-occuring span {
  text-align: center;
  font-size: @typing-indicators-size;
  color: @typing-indicators-color;
  top: -22px;
  height: 22px;
  display: block;
  line-height: 14px;
  position: relative;
  overflow: visible;
  background-color: @typing-indicators-background;
  padding: 2px 6px 0px 6px;
  margin: 0px 20px; // Do not cover scrollbars
}
*/
layer-file-upload-button {
  /* Inspired by http://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/ */
}
layer-file-upload-button input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
layer-file-upload-button label {
  display: block;
  pointer-events: none;
  text-align: center;
}
layer-message-viewer.layer-card-width-flex-width > layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-body-outer,
layer-message-viewer.layer-card-width-full-width > layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-body-outer {
  margin: 8px 0px;
}
layer-message-viewer.layer-card-width-flex-width > layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-body-outer .layer-standard-card-container-title,
layer-message-viewer.layer-card-width-full-width > layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-body-outer .layer-standard-card-container-title,
layer-message-viewer.layer-card-width-flex-width > layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-body-outer .layer-standard-card-container-description,
layer-message-viewer.layer-card-width-full-width > layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-body-outer .layer-standard-card-container-description,
layer-message-viewer.layer-card-width-flex-width > layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-body-outer .layer-standard-card-container-footer,
layer-message-viewer.layer-card-width-full-width > layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-body-outer .layer-standard-card-container-footer {
  padding-left: 12px;
  padding-right: 12px;
}
layer-message-viewer.layer-card-width-flex-width > layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-body-outer .layer-standard-card-container-title,
layer-message-viewer.layer-card-width-full-width > layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-body-outer .layer-standard-card-container-title {
  max-height: 6rem;
  overflow-y: auto;
}
layer-message-viewer.layer-card-width-flex-width > layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-body-outer .layer-standard-card-container-description,
layer-message-viewer.layer-card-width-full-width > layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-body-outer .layer-standard-card-container-description {
  max-height: 12rem;
  overflow-y: auto;
}
layer-standard-message-view-container .layer-card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
layer-message-viewer:not(.layer-card-width-any-width) > layer-standard-message-view-container > .layer-card-top {
  overflow: hidden;
  border-radius: 16px 16px 0px 0px;
  max-height: 450px;
  background-color: #f3f3f3;
  border-bottom: solid 1px #e9ebef;
}
layer-standard-message-view-container.layer-no-core-ui > .layer-card-top {
  display: none;
}
layer-standard-message-view-container.layer-has-title > .layer-card-body-outer > .layer-card-body > .layer-standard-card-container-description:not(:empty),
layer-list-item-container.layer-has-title > .layer-card-body-outer > .layer-card-body > .layer-standard-card-container-description:not(:empty) {
  padding-top: 4px;
}
layer-standard-message-view-container.layer-has-description > .layer-card-body-outer > .layer-card-body > .layer-standard-card-container-footer:not(:empty),
layer-list-item-container.layer-has-description > .layer-card-body-outer > .layer-card-body > .layer-standard-card-container-footer:not(:empty) {
  padding-top: 4px;
}
layer-standard-message-view-container .layer-standard-card-container-title,
layer-list-item-container .layer-standard-card-container-title {
  color: #1b1c1d;
  font-size: 0.9rem;
}
layer-standard-message-view-container .layer-standard-card-container-description,
layer-list-item-container .layer-standard-card-container-description {
  color: #6e727a;
  font-size: 0.9rem;
}
layer-standard-message-view-container .layer-standard-card-container-footer,
layer-list-item-container .layer-standard-card-container-footer {
  color: #a4a8b2;
  font-size: 0.8rem;
}
layer-standard-message-view-container:not(.layer-arrow-next-container) .layer-next-icon {
  display: none;
}
layer-standard-message-view-container.layer-arrow-next-container {
  cursor: pointer;
}
layer-standard-message-view-container.layer-arrow-next-container .layer-next-icon {
  width: 30px;
  height: 30px;
}
layer-standard-message-view-container.layer-arrow-next-container .layer-card-body {
  margin-right: 16px;
}
layer-titled-message-view-container > .layer-card-top {
  overflow: hidden;
  border-radius: 0px 0px 16px 16px;
}
layer-titled-message-view-container.layer-title-icon-empty .layer-card-title-bar-text {
  text-align: center;
}
layer-titled-message-view-container.layer-title-icon-empty .layer-card-title-bar {
  padding: 4px;
  line-height: 16px;
}
layer-titled-message-view-container .layer-card-title-bar {
  padding: 8px 12px;
  border-bottom: solid 1px #dadde4;
  line-height: 24px;
}
layer-titled-message-view-container .layer-card-title-bar-icon {
  width: 24px;
  height: 24px;
  background-size: 24px;
  margin-right: 8px;
}
layer-titled-message-view-container .layer-card-title-bar-text {
  color: #1b1c1d;
  font-size: 0.9rem;
  font-weight: normal;
}
.layer-message-viewer-expanded-inner > layer-dialog-message-view-container > .layer-card-top {
  overflow: hidden;
  border-radius: 0px 0px 0px 0px;
}
.layer-message-viewer-expanded-inner > layer-dialog-message-view-container > .layer-card-top > * {
  border-radius: 0px 0px 4px 4px;
}
layer-dialog-message-view-container > .layer-card-top {
  overflow: hidden;
  border-radius: 0px 0px 16px 16px;
}
layer-dialog-message-view-container.layer-title-icon-empty .layer-card-title-bar-text {
  text-align: center;
}
layer-dialog-message-view-container.layer-title-icon-empty .layer-card-title-bar {
  padding: 4px;
  line-height: 16px;
}
layer-dialog-message-view-container .layer-card-title-bar {
  padding: 8px 12px;
  border-bottom: solid 1px #dadde4;
  line-height: 24px;
}
layer-dialog-message-view-container .layer-card-title-bar-icon {
  width: 24px;
  height: 24px;
  background-size: 24px;
  margin-right: 8px;
}
layer-dialog-message-view-container .layer-card-title-bar-text {
  color: #1b1c1d;
  font-size: 0.9rem;
  font-weight: normal;
}
layer-dialog-message-view-container .layer-card-title-buttons {
  position: absolute;
  right: 30px;
}
layer-dialog-message-view-container .layer-card-title-buttons .layer-card-title-close-button {
  cursor: pointer;
  font-size: 30px;
}
layer-dialog-message-view-container .layer-card-title-buttons .layer-card-title-close-button:hover {
  font-weight: bold;
}
layer-message-item-status layer-message-viewer:not(.layer-card-width-any-width) {
  max-width: 100%;
}
layer-message-viewer:not(.layer-card-width-any-width) {
  min-width: 192px;
}
.layer-conversation-view-width-medium layer-message-viewer.layer-root-viewer.layer-card-width-full-width,
.layer-conversation-view-width-small layer-message-viewer.layer-root-viewer.layer-card-width-full-width {
  width: 90%;
}
.layer-conversation-view-width-large layer-message-viewer.layer-root-viewer.layer-card-width-full-width {
  width: 60%;
}
.layer-conversation-view-width-medium layer-message-viewer.layer-root-viewer.layer-card-width-flex-width,
.layer-conversation-view-width-small layer-message-viewer.layer-root-viewer.layer-card-width-flex-width {
  max-width: 90%;
}
.layer-conversation-view-width-large layer-message-viewer.layer-root-viewer.layer-card-width-flex-width {
  max-width: 60%;
}
.layer-conversation-view-width-medium layer-message-viewer.layer-root-viewer.layer-card-width-any-width,
.layer-conversation-view-width-small layer-message-viewer.layer-root-viewer.layer-card-width-any-width {
  max-width: 90%;
}
.layer-conversation-view-width-large layer-message-viewer.layer-root-viewer.layer-card-width-any-width {
  max-width: 60%;
}
.layer-root-viewer.layer-card-width-any-width > layer-standard-message-view-container {
  padding-bottom: 0px;
}
layer-message-item-received .layer-root-viewer.layer-card-width-any-width > layer-standard-message-view-container > .layer-card-top {
  background-color: #f3f3f3;
  color: #1b1c1d;
  flex-grow: 1;
}
layer-message-item-received .layer-root-viewer.layer-card-width-any-width > layer-standard-message-view-container > .layer-card-top a,
layer-message-item-received .layer-root-viewer.layer-card-width-any-width > layer-standard-message-view-container > .layer-card-top a:visited {
  color: #1b1c1d;
  text-decoration: underline;
}
layer-message-item-sent .layer-root-viewer.layer-card-width-any-width > layer-standard-message-view-container > .layer-card-top {
  background-color: #19A5E4;
  color: #ffffff;
  flex-grow: 1;
}
layer-message-item-sent .layer-root-viewer.layer-card-width-any-width > layer-standard-message-view-container > .layer-card-top a,
layer-message-item-sent .layer-root-viewer.layer-card-width-any-width > layer-standard-message-view-container > .layer-card-top a:visited {
  color: #ffffff;
  text-decoration: underline;
}
.layer-root-viewer.layer-card-width-any-width {
  border-width: 0px;
}
layer-message-viewer {
  font-size: 0.9rem;
  text-align: left;
}
layer-message-viewer.layer-model-not-supported {
  justify-content: center;
  font-style: italic;
}
layer-message-viewer.layer-card-border-standard,
layer-message-viewer.layer-card-border-rounded-top,
layer-message-viewer.layer-card-border-rounded-bottom {
  border-style: solid;
  border-width: 1px;
  border-color: #dadde4;
  overflow: hidden;
}
layer-message-viewer.layer-card-border-standard {
  border-radius: 16px;
}
layer-message-viewer.layer-card-border-list {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #dadde4;
}
layer-message-viewer.layer-card-border-rounded-top {
  border-radius: 18px 18px 0px 0px;
}
layer-message-viewer.layer-card-border-rounded-bottom {
  border-radius: 0px 0px 18px 18px;
}
layer-message-viewer > layer-standard-message-view-container,
layer-message-viewer > layer-titled-message-view-container {
  max-width: 100%;
  width: 100%;
}
layer-message-viewer > .layer-message-type-view {
  max-width: 100%;
  flex-grow: 1;
}
layer-message-viewer:not(.layer-root-viewer) {
  width: 100%;
}
layer-message-viewer p.layer-line-wrapping-paragraphs {
  margin: 0px;
}
layer-message-viewer p.layer-line-wrapping-paragraphs + p.layer-line-wrapping-paragraphs {
  margin-top: 1rem;
}
.layer-conversation-view-width-large layer-message-viewer-expanded {
  padding: 30px 30px;
}
.layer-conversation-view-width-large layer-message-viewer-expanded .layer-card-title-buttons {
  right: 40px;
}
.layer-conversation-view-width-medium layer-message-viewer-expanded {
  padding: 20px 20px;
}
.layer-conversation-view-width-medium layer-message-viewer-expanded .layer-card-title-buttons {
  right: 30px;
}
.layer-conversation-view-width-small layer-message-viewer-expanded {
  padding: 20px 5px;
}
.layer-conversation-view-width-small layer-message-viewer-expanded .layer-card-title-buttons {
  right: 15px;
}
layer-message-viewer-expanded {
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.5);
}
layer-message-viewer-expanded .layer-message-viewer-expanded-inner {
  background-color: #ffffff;
  height: 100%;
  border-radius: 4px;
}
layer-message-viewer.layer-location-message-view .layer-standard-card-container-description p.layer-line-wrapping-paragraphs + p.layer-line-wrapping-paragraphs {
  margin-top: 0px;
}
.layer-location-message-view p.layer-line-wrapping-paragraphs {
  line-height: 1.0rem;
}
/* TODO: Refactor this so that group theme doesnt have chat bubbles */
layer-standard-message-view-container.layer-card-no-metadata > .layer-card-top > layer-text-message-view {
  padding: 8px 12px;
}
layer-standard-message-view-container.layer-card-no-metadata > .layer-card-top > layer-text-message-view p.layer-line-wrapping-paragraph {
  line-height: 1.4rem;
}
layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-top > layer-text-message-view {
  padding: 8px 12px;
  overflow-y: auto;
}
layer-standard-message-view-container:not(.layer-card-no-metadata) > .layer-card-top > layer-text-message-view p.layer-line-wrapping-paragraph {
  line-height: 1.4rem;
}
layer-text-message-view p.layer-line-wrapping-paragraphs {
  word-break: break-all;
  word-break: break-word;
  word-wrap: break-word;
}
layer-message-item-status layer-text-message-view p {
  text-align: center;
}
layer-message-viewer.layer-text-message-view.layer-card-width-any-width {
  border-radius: 16px;
}
layer-message-viewer.layer-text-message-view:not(.layer-card-width-any-width) {
  border-radius: 16px;
}
layer-link-message-view .layer-link-message-view-image {
  height: 250px;
  background-size: cover;
  background-position: 50%;
  width: 100%;
}
layer-link-message-view a {
  display: block;
  padding: 8px 12px;
  text-decoration: underline;
}
layer-file-message-view {
  height: 88px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAoCAYAAAB0HkOaAAAAAXNSR0IArs4c6QAAA99JREFUWAntmG1MW1UYx//33lJaSgfSdg5GbWHY8Q66F4Z+0WRq2JclhpAYhEQTTEz8aGI0cfGDid9mNBGtfiEsy1CWJfOTb3G+TCYGtrkolBGBgBtQaDtpgb7c3us5sNvcW3rJ7dv0AydNz7nnnPs8vz7P/zy3uQxk7Z3Phr5gRaaD41hAlC1kMdyIRk0cywSNZtH5Znd3YDdTjLT4dv/5twTg3TN9XYxep5Oms+5vTM3ipmdGuLvin1uP6I6/99rzPjWjJATbTWSZxvYmF3IJItmutFnYxmqH06CPXnvD/W2JNJ/cJ2BoLEhmEpFK3pjtdeujTraxynGoiPVde31w0JTKXgIm1WKu544crmbrHXaXOaIfOXt2xJhs/4HCUOfHamu4w/bKhpBp/he3210gB3rgMNR5W10Nd8he3rzIlF6VA+Xu2Mh/YtJ49u4ydBwHhiGS3P6g3Grhgpvhx5d84mWy/RS9Je8wLS4nwpEYOG7n2aitqtQt+wJPSOx5h2FJNNqbXZI/RX9vLYQfx/5IlNf/RDMKItnFHowsGIphzjWzwQu4NB2Axx+GxaDD6ZpSVJcUKpyqXeQkTbcDYWzyIkIxAf03vTCQp35fkw0nKoox8OcqFoJRNf+K+axhRpfWtyKxFo3jk9+9OPqwCZ2uh+DYp0d7uQlPVpjx098hhVO1i6zS9OviOn5YWMOL9Vacm1jF0QMmPFVpVvgqIPUlEid/TjS0jCMjBxny+BQgVDe00X7kTght5cUaUICMYCjIlfsRSQYZW97AR0Q3VEOf3lohujGhwWLIDwzVCE1ND0lNKpBv5v7BC7UWuG95CYQRJx/ZpwmEbkorMr8RkCvz2xpRA+ltsOLibT/qCcgzDu0gacH8dS+Cr8ivfrnRhs+n/DhCTo0kVpoaGhEJpK7MiGfTBEkL5uc7QZyqKsXiegyF5IQ8bd8+Nde9O0Gec6YXEQpCm+Y0TQciqC0zwKxnESanxB+O4/uFIL6WRYSmJlMQCqO5zpQUcljd5LdKO60n748v4YCpAL1EyMP3NZJJaiiE1DTDUDEOefx4tdW2pRWqFwo3OOFDkzV9sUoA8l4zzGP7i+AL8/jwuhd1JF20oNFn0kkCKQlZbjiTsWYYapzWjBZbESbJE1kQRXRUlcBmTMvEroxpW6LObQe1lfddPadY1HyaUtyb86k9GLWQ7kVmLzJqEVCb/39qJi4KmzGej6tR52M+yvMQBCFReBMDkeMuj0/OvHTQZoV9f1k+fCts8oKIgS+/I9+iR1pQvKc48/GFHvL+5AMdy8WkDXns43FRHJ14patzmGG2MvIv6wlTLI2yIDIAAAAASUVORK5CYII=');
}
layer-file-message-view.layer-file-image-png,
layer-file-message-view.layer-file-image-jpeg,
layer-file-message-view.layer-file-image-gif,
layer-file-message-view.layer-file-image-svg,
layer-file-message-view.layer-file-image-tiff,
layer-file-message-view.layer-file-image-bmp {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAoCAYAAAB0HkOaAAAAAXNSR0IArs4c6QAABFxJREFUWAntV1tsG0UUPbuztuIYO3Zst40b4zwcx+QFNCQkQEVBqlD5rEr5qEDiA774REIgUfGBxF8RUgVYFRJUqkCAKA2PItq0pCWNgtrGqqo4rUrSPJo0BMd27Njxc5mNtcvasdd1Y5efjCzPnTt37j175s7sXQay9v6xr79heWYfISzAyyY2IUbicS1hmZBGxze8c+iQX8kVI06+98mJd9PAB4dfP8ioOU5Ub7ofuzEFz8Rken5p+fZqjOv98M39vkJOKQWZxrNMR3+nE+UEIvqut5jYjiZ7Q5U6PvK2+0yNqM/tJTACF3RnJKZyDTc7fqylge1otDdXs76Rt44f1+bzJ4HJN1luXXdrE9tmtzl1MfWlI0cuaXL9P1AwQvAel4O02urbw9qZYbfbrZIDeuBghOBPPuIgzba6rgXG8IccUPmOjfwRc+Sp+UVwhIBhaEpmfqgzm0gourbrro8/Rc1fFJZUHMyjzgasxRIgZOPZcDXWc4s+/1Mi9oqDYSkb/V1OMV5WH1gJY+jydel6/V9yJguRbLAFRkZGlqiYM1Pzf+P7wREY9HkvzCxHxQapVBpGnRYv7X26oKkiGGHV464mPN/TWdBBvolFXwC+YAjbTQaYanTrJuHIGk4PX8lnLunKnjMTM/P4/PRFnJlewUcnBjC9sCQFKyaUHczJ86Oo7noGrLUZpr4XMDh2oxgGab7sYAxGIxiS2X2WI/AHg1KwYkJJYNI8j59GPDh6chDXbs3k9d3rtGNpaACxxTmEPBext4R8K5rAYsRYIokvaS6Ea6zgWvtw9uY4Lt+8jZef64VWUyWaodvViFp6+pb8QWx39sO+wyLNFRPuiZlgOAL3D+ewus0B1Q473QYCVXMnghYHPvtxCFcpKKEJJ+jX0WvQazXobW8pCYiwvigzodUojv18AaSlG5w2c0yFhULj9LXgO3fj/F/j+NM7CT8F7Tc8jKu/DKO/1YY9u9pLKh0VmYmuxXF9bgmqtr4NQDJwaEXAslA3dSBqdSGaZsGkEli2tuP32RCOfvfbOluibbFeEcwKZUVltIBV/5cThRwKLJl79kBPeFTNjSOitWBGb4ebsjQ05i20LEuvvE1MaSU6w7DQOzqgWfEjOOFBTG/Gcl0bzk3Pw3PrAsxadVbw3IEiM/Qk008GRZNcf+tjld4I0xPPQs8xqLrjReQhM+7odmLWt5LXXlQqM0M/XujD3lcTckknsBQOIOAdQ7zaSP1srPbkzhXBEIokEYmABP6RrylZFrYuPOVFOi0VdXl9KIJx2q2YmL2L6MK9v1+EKMIFGaV1r7xV0fKzs8UmV22QFcEYaP3x6r7dGxZVSnGfGVEZOFtgCvG6xcwWM4UYKKSXcibFp6OJZDJVyLAS+ngySW/ltHTXSQJPyKkr3snXdlrMsG2rrUTsLJ9J+mr4YuAs/ecnxImsN9fhT796hb7LPuZYkn2Xi9bl7VMpnh8df+PggW8ZZn1H/gU7OUSBmAhI2QAAAABJRU5ErkJggg==');
}
layer-file-message-view.layer-file-application-pdf {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAoCAYAAAB0HkOaAAAAAXNSR0IArs4c6QAABSZJREFUWAnNWGtsFFUU/mZmd7uPbpfu0vdit7SstZSHYHkVEv4oIZEfKMEfhB8mYhPjLzQhakSMJvwz4YePookGFQX/iEZjwBAfWEIKorVv2t3utl22j+2yu93343pncKa72wWZndZ4ktt759xzzv3mnHPPnC6DLDrx4ZfnWcLs5TgWIFkbCpaRRMLAsUxIZyS2Vw4d8t/PFCNuvv7e569mgLePHznIaFQqka14vjnkxB+DjoxnZm4sHFdtOfniU757GaUuuEuEZVq3r7NjKYGItq0VFrZ1db1Nq0lcPdZ5ySTy82cJDO8LGhnJU/mCSp83rrGxrQ31jXrWd/XlM2cMhewxr737mQMMQxhCKjUadaleW1JIThYvnkii4+k9sJiM4MM06wvAvqpWsNE9OJLud433GUMPbTt6dEc02/Dd5CBkNZ+vvBF+KCW9VovAfEQAk2+rrbmJS2fI2mGX+7fOzs6tHR0d0oE5mVptWYGdG1touAgcE178eWsMaprM+3a1CbwgPeDGwCjmgvMQZcXDLnf3CHzx+X7z1kd4QOn1tyaYKxTQThGQlDO8clmpHtoSNXpH3WhtrMeWtXaoOA7WKgv6HePgQ3hk/xOUxwqyeq0GfQ63MKLxxD3Pd3qm4KDDeXsaTu80XFMzqFlp4egLbfIypguiYo5neGYgFMHQ2CTCkRh2PdqCv0Zc4A8acE4IgxCCJhr/DMnAHwwLPNFYoXmD3YZYPAmOW3w3mhusqimff4eotwhMbYUZuze3otFaja6eQVFOmidn5lBbUY6JaR/stlocLtst7H363U+STPaCZRhsX2/PZknrOzTcP1/vlcrrIjDBcASOSa8AJJFMwaDTSspqFYd1TfX4oesmDZMOw2MefPtrt7SvdLEIzDwNj9s7m2O3styE5/Y/DpIh6HeOw+vzC2ByhJbgIQfMsMsDfmRTOBrDWx+dz2YJ60Kyi4RkMuh3EZxMnQcQl9LgAWQXRFT0bp+jH4EaBky72WRssFZaFnYVrOqU2DnxwdmzNBnpzZVPs9EUSWXk6/kDIfLm6XNSW5FT9IpxhDuUwMlrHpzumSlGPUdHMZh+XxTPNJsxeieG+STtiBSQYjA6mnXJNEGDqURx/6EYTLNZh2veMCgeGNTKzOXUmWI8XKVXQU+9Y9QorxDKXuUf9KYSDtMRqS0p5p0EnSUB4w0noaVtxcBcrGggvKJiMK5gAmatCvvXlOOSK4gYnzxFkmIwg9QbzWYt+NxZa9HhsjtYJJQl8MyQ/y4YHsEuaymcgTj6aO0RSY6fFN2mcVp9+eQtozeJL3d87myo0OPj3lmh7iRoy+GLpsDSJu+N7XUo0OyJmIVZUZi6aX2xlWnw9cgdnPp9Cr9MhJCibenehhVC7rRVGfDSY9XQsCyGHiC5i/KML5bCVU8YXZ55bKstxcPlWuyxlYGvxiJtqtLjymSIfrduYzNdt1gWOkZRJn+WDeYivTE8iHYKoq3agAP0FhWichq+fatXCKPQfiHewqsU2s3jfe8MgP8wHmurgTMYR3udMU9C2aMsMDemwnhhYyUuugL0KqthLVUrOz1PWxaYQDyNd65PYcQfx5M0BEtNsnKGv558DdlaY1DcLhR6EVlgjBoW2yiQ5SJZYVouEKLd/yeYNMlEk6lUWkT5X8yJVAqZTEZKFWlBOO7CjQHHs3UVK7Gq0rzsWOi/Nvjkmx/pXyL9upDzO8Xx9784TK/JKRXLKW/b/v110mlCrvU/f/DAVwwjRORv7Q8/9lLmpIIAAAAASUVORK5CYII=');
}
layer-file-message-view.layer-file-application-zip,
layer-file-message-view.layer-file-application-x-tar,
layer-file-message-view.layer-file-application-x-bzip2,
layer-file-message-view.layer-file-application-gzip,
layer-file-message-view.layer-file-application-x-apple-diskimage {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAoCAYAAAB0HkOaAAAAAXNSR0IArs4c6QAAA9RJREFUWAntmF1MFFcUx/8zs4wsLAvIrnaFZZev5WtZtRQbTJu08IT61Ch9sG3SGHww+takaVONDyY+mJj4oll9aUmaKhobjEnTYkNbPgwCqQYVmqbQtAX5yAAL+72zO727OuPsroPALW0fuNnZ+3XOub+ce+bcmWGgKqevXO1gJaaF41hAUk2s0PSHQob4NJ+hC+pYTkwV9YfD2RzLLOtzJPsnhw8vpM6r+4zcOXnxy09jwJlTba0Mr9PJwy+tBx/9ip77ozDnGVFfXYaaUmuSzs+/TOD+2Hhsam7+d19It+fs8XeEJAFVh7jgaZFYxtlY58BaQOKaDlsh9Ft4/DUrYFpYfGYtuSoyF7DOUps9kw/f/djdlZs8+7ynwMR9QXZG8dRzkZVb59q/xiQBOfDma2hqqNMU3lVhZ50ltrIsVrj7UXt79osEFZgXTa5m7IP9b8Ocn4v+B2MYHv1tRZX6ylK2xmZ15IT4/vPn+/WpwtQwmWSLWJZBMBxGOJIWv6nroaGqnKu0FtV6s//oc7vdGWoBapjLN7/FDImVpgYXGl2Vatua7dery7kyq8X1hMnrVQOt/rbRMH3i3f248X0/7gw8gMfrxxu7qtMkJ6ZmoOM4MAwJyac/WEwF3HIg+Oq0IHUShX1xJWqY2QUPImIUhiw9DPrMNJCdDjuCoQg4Lv3eqCop0s0IC3tlJWqYa9/1Jmw173Ghrtwm21Vqlnij0eVQ+urG4pIXPw49VNIrdcx8duQQirabcOunQXSRraIp1DBD5Hb2+YOwW8woJlA0hRqme3CEBK4PdRV2OOyFNCyghjnZ1grrKyZ0kNi53TP438J0/nAPgmcZDTUV2Em8Q1OoPTM5JyQyrynfiK25OTQs9Nt07FALSWD5+KZvGN1DI1Qw1Hnmi9vdmJ334K16J3ZXlVLBUG1TPPP+KXjgJ4m87/E4BshFU6hg4jnGb7QgbK2Ft9iFAfJUt5qTWwuYCmbeG4C4JRvc4jRY/xJ4gxG+QFBrrZeOU8HI1sXtJYgaSfZVThl5Zm31PwKjLJl+MCtTq2lQwZBXEOIN8k7xrDDEMyy7fpPr1yQANbYdyFmcBOvzgFuaAy8GkGvIktnWXFPlmWJyJr3XVI+HE1PI5HnsrW1eM4BagQombqjEsi1xqY2ut021TetdVEtvE2bTM1oe0BrfjJlNz2h5QGv8/xkzUSkWiIjkOfJfLGFRRCwWU44kpSFxXOfw6PiHhWYTrNu2bjiSGJPw+a075F8akxdLehw6demr98n3kwvkE2pEFtjAOhqVpIHHR1sPXmeYxI78DQJPGgcwuHjkAAAAAElFTkSuQmCC');
}
layer-file-message-view.layer-file-text-plain,
layer-file-message-view.layer-file-application-msword,
layer-file-message-view.layer-file-text-html {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAoCAYAAAB0HkOaAAAAAXNSR0IArs4c6QAAAzxJREFUWAljZEACDbNXrGL6z+jJzMzEwPAfSYIC5rdfv7iZmRg/c/L+V6iMjn6PzyhGmGTttKVV/xgYWupSwxjZWFhgwhTT52/eZ7hw496/Z6/fPfj6k8WsPSfoLS5DgUEAAf+ZGHUsddUYqOkQmNkyosJMOkryChxsv46Xz9zNDxNHp+GOAYUFMGbgIYWukFK+gaoCk46ivDIX09vjJYsWcWMzD+4YbJLUFjNWV2LSkpdV4/3Jdqyv7xgnuvl0dQzIclMNFWZ1WRntL9yPjs6cOZMV2UF0dwzIcnNNFWZlWUm954wCR5AdhDfb/Pz1m+H337/IjsfJZmJkZODiYMcqf//ZSwYWZmYGRqAaUKoEJUxJEWHmz99/GL14+38jkOsF0ojXMRNX72Rg5OACqSMIfnz+yJDq68ggISyAolZfTYHhx8/fDMzMmHlDQ1GG5eXb91YwDXgdw8DOyfBKQB6mFi/NxfKa4eOXrxiOAYWYpZ4aVr0fPn1hOHjmCrx4xesYUS5WBr5vT7AahC7469cPBikRfXRhkvh4HZPoZUeSYZQqxuuYyWt2Mfyh1Aag/h/fvjOkBzgzCPHx4DUNr2N+MDAzvBRRwWsAMZI8H54xvH7/kTLHMALTgcSrG8TYh1fNj69fGYT5tfGqAUniDZmSKG+CBlBTwYCUwLg8gDdk3nz4zPAZmPioCViADTdZcRGsRuJ1zKFzVxnO3biLVSO5gnzcXAxl8YFYteN1TJCTBQMI0wsMnTRz7+lLhjfvP1E1YFhZWRgM1RWxmok3mu49fcFw7d5jrBrJFeTh5CDPMS5m+gwgTC8wdNLMxdsPGB6/eEPVgOFgZ8UZ2njTzE9gC+0LlQu9v/+AXUUcAK9jzHRUGUCYXmDopJkjF64z3H70jKoBA+pBhLvZYDUTbzQJ8/My/JIUxaqRXEF2NpR+G4oxeB2jqSjDAML0AoMqzYw6Ble0j4YMwZD5+//f999//hA35IDLNBLFf/35w/Dv3z94joYz/jMzbzx7/V6itKgIg6yYEInGkq78z7//DAs27QGS/+EdM5Rxirrpy2OBgycTWZiYf5NuPMk6/v79///ktbSwkNWMjOAYAQArWNoHozi5SwAAAABJRU5ErkJggg==');
}
layer-file-message-view.layer-file-application-ogg,
layer-file-message-view.layer-file-audio-mpeg,
layer-file-message-view.layer-file-audio-wav,
layer-file-message-view.layer-file-audio-aac,
layer-file-message-view.layer-file-audio-mp3,
layer-file-message-view.layer-file-audio-mp4 {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAoCAYAAAB0HkOaAAAAAXNSR0IArs4c6QAAA/hJREFUWAntmE1sE0cUx/+7s3biOE4TO05ibCeOHRwSEqcK/YBIVXtoD3BEFRfUQw9w6rESolIRByR6QuqlVdRLhVSB2hO9FNEKqVILCuoXpaWhoAQlxh/Ymyy242/vMuuwlj/WYeOPwCEj2zPz5s17v33zZnfHDMrK2a8uf8tKzGFCWEAqG2iimcxmjYRl4gaT5Dp9/Pj6VqYYZfDTL775RATOnTlxjNFznCJuuv7z3jL+WlwSA5G1hxsZ7o3zHx3l6xmlIdgsEstMHZr2opUgim2H1cJOuUdcnfrszVPzP76iyKvrEowcC7oypUhVKzbbf3Wvi50aHfF0sfzNjy9eNKrZK8GoDbZadmDczU6OOL2mjP7GhQs3DNX2dxRGdv76vjEy7nTsTxhXfp2fn9eVA+04jOz8zYkx4nHafEGm95dyoNZtm/JLrGovB8LgCAHD0JTc/MDWbyHxVHo2xEtXqPoReUrbYWa8LqQzORBSuzf2jTq4ML8+p7C3HYal0Tjk8yr+KmohlsDPv/1Tur2+kJypICrrtDQy6UwWESGG8FoM/qiA4JqAWCKJt6b3Ys43XuZWvdkwzIPVIAL8E6xG1hEV4sjkC8gxLHI6A9KkC2KnAaJplOaKgLxYWgl1imfShmEuX19A3OKCqDdDstrpLqlN0C09qww2DMPpO1AwWVRMNi5qawIzhfy2yBqOTNGLJILNpMHkkmCzKejol+Qz0NFHrp5jkKIsiV6bZqCmYMiGAHsqBJ97GENmK/p6umHuMUHHkSLAZ5d+0AwiKzYFIxuYdNnxzuyE3Gy6tDVntkvXdGSqHQqJDayEopAkbfeW8vnbgsnm8wjRO6tIE1etXF24gz+WA4gb+sBSXUbXraZWV6YZ5tbdJVy/vYhUhwmgjqinCqMPg49xayWKmG2yQk7i0Yr+Vh1NMCFewLW/H0DYM11hiyTWSv2lQAQJGpGaIorQyUcfDUWT1v+rIcS7B2rMyXnBsZvbeMw+AONGbRQ6noThsQ/WzFUTaIJxWPvQmRRq5utjEbj3WIvy4SEr5jw29D76Fzr+EfS8Hz0rt/Guz4MBc93TSYVNTcvkplc2M+jHneA9JLv76ZlGQmfsMWacFgwP0f6z8t5r+3Fw0g1/mC++YjoHZ2E0dCjDz601wchWjr59AHM0d+77w8UHtNdxUPWKTV0GTIw6nutYTUEzjDx5yNJb/KoZaoVMU860wpEWG7sw9aK0G5ndyNSLQD35y5kzBUlM5fL0JLaDRX4/EkWxdOMtNSRCrvz+39KHdms/nAPmtiPJp8yvv/+J/kqLirOKY+CZLy99QP8/+Zy+FuQUhTbWhYIkLdw9eez97ximuCJPATBxKF9I728VAAAAAElFTkSuQmCC');
}
layer-message-viewer.layer-image-message-view > layer-standard-message-view-container.layer-card-no-metadata {
  width: auto;
  min-width: auto;
}
layer-message-viewer.layer-carousel-message-view:not(.layer-titled-message-view-container) {
  border-width: 0px;
  border-radius: 0px;
}
layer-message-viewer layer-titled-message-view-container layer-carousel-message-view .layer-carousel-message-view-items > layer-message-viewer {
  margin: 0px 0px;
  border-radius: 0px;
  border-width: 0px 1px 0px 0px;
  position: static;
}
layer-message-viewer layer-titled-message-view-container layer-carousel-message-view layer-message-viewer .layer-card-top {
  border-radius: 0px 0px 0px 0px;
}
layer-carousel-message-view > .layer-next-icon {
  background-color: #dadde4;
  opacity: 0.75;
  border: solid 1px #a4a8b2;
  border-radius: 6px 0px 0px 6px;
  height: 40px;
  width: 40px;
  background-size: 32px;
  right: 0px;
  top: 50%;
}
layer-carousel-message-view .layer-next-icon.layer-previous-icon {
  left: 0px;
}
layer-carousel-message-view .layer-carousel-message-view-items > layer-message-viewer {
  margin: 0px 4px;
}
layer-receipt-message-product-view {
  padding: 12px;
  border-bottom: solid 1px #dadde4;
}
layer-receipt-message-product-view .layer-receipt-message-view-quantity:not(:empty)::before {
  content: "Quantity: ";
}
layer-receipt-message-product-view .layer-receipt-message-view-name {
  color: #1b1c1d;
  font-size: 0.9rem;
  padding: 4px 0px;
}
layer-receipt-message-product-view .layer-receipt-message-view-price {
  color: #a4a8b2;
  font-size: 0.8rem;
  padding: 4px 0px;
}
layer-receipt-message-product-view .layer-receipt-message-view-options:not(:empty)::before {
  content: "Options: ";
}
layer-receipt-message-product-view > .layer-receipt-message-image {
  width: 20%;
  margin-right: 12px;
  align-self: center;
  background-size: cover;
  background-position: 50%;
  height: 0px;
  padding-bottom: 20%;
}
layer-receipt-message-view {
  min-width: 192px;
}
layer-receipt-message-view .layer-receipt-details .layer-card-body-outer {
  margin: 0px 0px !important;
}
layer-receipt-message-view .layer-receipt-details .layer-standard-card-container-description {
  padding: 0px !important;
  color: #1b1c1d;
  font-size: 0.8rem;
}
layer-receipt-message-view .layer-receipt-details label {
  font-size: 0.7rem;
  color: #a4a8b2;
  padding-bottom: 4px;
  display: block;
}
layer-receipt-message-view layer-message-viewer.layer-location-card {
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}
layer-receipt-message-view layer-message-viewer.layer-location-card .layer-card-body-outer {
  align-items: flex-start;
}
layer-receipt-message-view layer-message-viewer.layer-location-card .layer-card-body-outer .layer-next-icon {
  margin-top: 0px;
}
layer-receipt-message-view layer-message-viewer.layer-location-card .layer-card-body {
  margin: 0px;
}
layer-receipt-message-view layer-message-viewer.layer-location-card .layer-card-body .layer-card-description {
  color: #1b1c1d;
}
layer-receipt-message-view .layer-receipt-detail-item:not(:last-child) {
  border-bottom: solid 1px #dadde4;
}
layer-receipt-message-view .layer-receipt-detail-item {
  padding: 8px 12px;
}
layer-receipt-message-view .layer-receipt-detail-item.layer-receipt-summary {
  padding: 12px 12px;
  align-items: flex-end;
}
layer-receipt-message-view .layer-receipt-detail-item.layer-receipt-summary label {
  padding-bottom: 0px;
}
layer-receipt-message-view .layer-location-card > layer-standard-message-view-container {
  min-height: 0px;
}
layer-receipt-message-view layer-standard-message-view-container:not(.layer-card-no-metadata) .layer-card-body-outer {
  padding-bottom: 0px;
}
layer-receipt-message-view .layer-receipt-summary {
  display: flex;
  flex-direction: row;
}
layer-receipt-message-view .layer-receipt-price {
  flex-grow: 1;
  text-align: right;
  font-size: 1rem;
}
layer-receipt-message-view .layer-receipt-summary label {
  font-size: 1rem;
}
layer-choice-message-view .layer-choice-message-view-label {
  background-color: #f3f3f3;
  color: #1b1c1d;
  padding: 12px;
}
layer-choice-message-view .layer-choice-message-view-choices layer-action-button button {
  padding: 12px;
  margin: 0px;
  border-color: #dadde4;
  border-width: 1px 0px 0px 0px;
  border-radius: 0px;
  outline: none;
}
layer-choice-tiles-message-view .layer-choice-message-view-answers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
layer-choice-tiles-message-view .layer-choice-message-view-answers layer-action-button button {
  border-radius: 0px;
  border: solid 1px #a4a8b2;
  color: #a4a8b2;
}
layer-message-viewer.layer-choice-label-message-view.layer-choice-no-selection {
  display: none;
}
layer-message-viewer.layer-choice-label-message-view layer-choice-label-message-view .layer-choice-message-view-label {
  font-weight: bold;
  min-width: 70px;
}
layer-message-viewer.layer-choice-label-message-view layer-choice-label-message-view .layer-choice-message-view-label::after {
  content: ":";
  margin-right: 8px;
}
layer-message-viewer.layer-choice-label-message-view layer-choice-label-message-view .layer-choice-message-view-choice {
  color: #6e727a;
}
layer-buttons-message-view {
  min-width: 192px;
}
layer-buttons-message-view .layer-button-content layer-message-viewer {
  border-width: 0px;
  border-radius: 0px;
}
layer-buttons-message-view .layer-button-list > * {
  border-width: 1px 0px 0px 0px;
  border-color: #dadde4;
  border-style: solid;
}
layer-buttons-message-view .layer-button-list layer-action-button > button {
  padding: 8px 12px;
  outline: none;
}
layer-buttons-message-view.layer-button-card-no-content > .layer-button-list > *:first-child {
  border-top-width: 0px;
}
layer-buttons-message-view > .layer-button-list > *:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow-y: hidden;
}
layer-buttons-message-view layer-choice-button layer-action-button {
  border-right: solid 1px #dadde4;
}
layer-buttons-message-view layer-choice-button layer-action-button:last-child {
  border-right-width: 0px;
}
layer-message-viewer.layer-root-viewer.layer-buttons-message-view.layer-button-card-with-choices {
  min-width: 250px;
}
layer-message-viewer.layer-root-viewer.layer-product-message-view {
  max-width: 450px;
  width: 450px;
}
layer-product-message-view .layer-card-top {
  overflow: hidden;
  border-radius: 16px 16px 0px 0px;
  background-color: #f3f3f3;
  border-bottom: solid 1px #e9ebef;
  text-align: center;
}
layer-product-message-view .layer-card-top .layer-top-content-for-border-radius {
  border-radius: 16px 16px 0px 0px;
}
layer-product-message-view .layer-card-top .layer-product-message-image {
  height: 250px;
  background-size: cover;
  background-position: 50%;
  width: 100%;
}
layer-product-message-view .layer-card-body-outer {
  margin: 6px 0px;
  text-align: left;
}
layer-product-message-view .layer-card-product-header {
  padding: 2px 12px;
  color: #6e727a;
  font-size: 0.8rem;
  display: flex;
  flex-direction: row;
}
layer-product-message-view .layer-card-product-brand {
  flex-grow: 1;
}
layer-product-message-view .layer-card-product-name,
layer-product-message-view .layer-card-product-price {
  padding: 2px 12px;
  color: #1b1c1d;
  font-size: 0.9rem;
}
layer-product-message-view .layer-card-product-description {
  padding: 2px 12px;
  color: #313f48;
}
layer-product-message-view .layer-card-product-choices {
  padding: 0px 12px;
  color: #1b1c1d;
  font-size: 0.9rem;
}
layer-product-message-view .layer-card-product-choices layer-message-viewer:first-child {
  margin-top: 14px;
}
layer-product-message-view .layer-card-product-choices layer-message-viewer:last-child {
  margin-bottom: 14px;
}
layer-product-message-view .layer-card-product-choices layer-message-viewer {
  margin-top: 2px;
  margin-bottom: 2px;
}
body layer-message-item-status layer-message-viewer.layer-message-item-main.layer-feedback-message-view {
  flex-grow: 0;
}
layer-message-viewer.layer-feedback-message-view {
  cursor: pointer;
}
layer-feedback-message-expanded-view:not(.layer-feedback-enabled) .layer-feedback-message-view-ratings span,
layer-feedback-message-view:not(.layer-feedback-enabled) .layer-feedback-message-view-ratings span {
  opacity: 0.4;
}
layer-feedback-message-expanded-view.layer-feedback-enabled .layer-feedback-message-view-ratings span {
  cursor: pointer;
}
layer-feedback-message-view.layer-feedback-enabled .layer-feedback-message-view-ratings span,
layer-feedback-message-expanded-view:not(.layer-feedback-enabled) .layer-feedback-message-view-ratings span {
  cursor: default;
}
.layer-feedback-message-view-ratings,
layer-feedback-message-view {
  font-size: 2.0rem;
  text-align: center;
  padding: 4px 0px;
  min-height: 40px;
}
.layer-feedback-message-view-ratings span + span,
layer-feedback-message-view span + span {
  margin-left: 1.5rem;
}
.layer-feedback-message-view-ratings span:first-child,
layer-feedback-message-view span:first-child {
  margin-left: 0.7rem;
}
.layer-feedback-message-view-ratings span:last-child,
layer-feedback-message-view span:last-child {
  margin-right: 0.7rem;
}
layer-feedback-message-view {
  font-size: 2.0rem;
  text-align: center;
  padding: 4px 0px;
  overflow: hidden;
}
layer-message-viewer.layer-feedback-message-view.layer-feedback-enabled .layer-card-top {
  color: #19A5E4;
  background-color: #ffffff;
}
layer-message-viewer.layer-feedback-message-view.layer-feedback-enabled .layer-card-top span:hover {
  color: #1094d0;
}
layer-message-viewer.layer-feedback-message-view:not(.layer-feedback-enabled) .layer-card-top {
  color: #1b1c1d;
  opacity: 0.4;
  background-color: #c3c6cf;
}
layer-feedback-message-expanded-view {
  background-color: #f3f3f3;
}
layer-feedback-message-expanded-view.layer-feedback-enabled .layer-feedback-message-view-ratings {
  color: #19A5E4;
  background-color: #ffffff;
}
layer-feedback-message-expanded-view.layer-feedback-enabled .layer-feedback-message-view-ratings span:hover {
  color: #1094d0;
}
layer-feedback-message-expanded-view:not(.layer-feedback-enabled) .layer-feedback-message-view-ratings {
  color: #1b1c1d;
  background-color: #e9ebef;
}
layer-feedback-message-expanded-view:not(.layer-feedback-enabled) .layer-feedback-message-view-comment {
  background-color: #e9ebef;
}
layer-feedback-message-expanded-view:not(.layer-feedback-enabled) .layer-feedback-message-view-comment:empty {
  display: none;
}
layer-feedback-message-expanded-view .layer-feedback-message-view-input,
layer-feedback-message-expanded-view .layer-feedback-message-view-comment,
layer-feedback-message-expanded-view .layer-feedback-message-view-ratings {
  border-radius: 4px;
  margin: 4px 13px;
  border: solid 1px #e9ebef;
}
layer-feedback-message-expanded-view .layer-feedback-message-view-ratings {
  font-size: 2.0rem;
  text-align: center;
  padding: 4px 0px;
}
layer-feedback-message-expanded-view .layer-feedback-message-view-label {
  text-align: center;
  font-size: 0.7rem;
  color: #a4a8b2;
  padding: 16px 0px 12px 0px;
}
layer-feedback-message-expanded-view .layer-feedback-message-view-input,
layer-feedback-message-expanded-view .layer-feedback-message-view-comment {
  padding: 16px;
  font-size: 0.9rem;
  resize: none;
}
layer-feedback-message-expanded-view layer-action-button {
  margin: 4px 13px 10px 13px;
}
layer-feedback-message-expanded-view layer-action-button button {
  border-radius: 4px;
  background-color: #19A5E4;
  color: #ffffff;
}
layer-feedback-message-expanded-view layer-action-button button:hover:not(:disabled) {
  background-color: #1694cd;
  color: #ffffff;
}
.layer-next-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2046%20(44423)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Eicon%2Flink%20copy%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22LayerUI%2FPrimitives%2FLink%2Fno-image%22%20transform%3D%22translate(-200.000000%2C%20-16.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Ffollow%22%20transform%3D%22translate(200.000000%2C%2016.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20fill%3D%22%23A3A8B2%22%20points%3D%228.59%2016.34%2013.17%2011.75%208.59%207.16%2010%205.75%2016%2011.75%2010%2017.75%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
}
.layer-previous-icon {
  transform: rotate(180deg);
}
.layer-poll-message-view-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2046.1%20(44463)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ea%2Ficon%2Fpoll%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22a%2Ficon%2Fpoll%22%20stroke%3D%22%23979797%22%20stroke-width%3D%221.5%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(-12.750000%2C%202.250000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval-2%22%20cx%3D%2224.5789474%22%20cy%3D%229.57894737%22%20r%3D%229.57894737%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M23.7599209%2C1.23010051%20L23.7599209%2C10.4892658%20L31.7881652%2C15.2134055%20C31.7881652%2C15.2134055%2021.4081727%2C24.3272419%2016.283138%2C13.6661915%20C11.1581034%2C3.00514103%2023.7599209%2C1.23010051%2023.7599209%2C1.23010051%20Z%22%20id%3D%22Path-2%22%20fill%3D%22%23979797%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.layer-feedback-message-view-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7igKIgYXRvbS9pY29uL2ZlZWRiYWNrPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIxNS45Mjg1NjM1IDE5Ljk0MDQ3NjIgMCAxOS45NDA0NzYyIDAgMC4wNTU4NjMwOTUyIDE1LjkyODU2MzUgMC4wNTU4NjMwOTUyIDE1LjkyODU2MzUgMTkuOTQwNDc2MiI+PC9wb2x5Z29uPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLigKItYXRvbS9pY29uL2ZlZWRiYWNrIj4KICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDAuMDAzNjkwKSI+CiAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xpcC0yIj48L2c+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuMzQwNzU4OTYsMS4zNjUzODY5IEMyLjIwOTkyNTA4LDEuMzY1Mzg2OSAxLjI4OTg3Mjk2LDIuMjk5Mzc1IDEuMjg5ODcyOTYsMy40NDc0NzAyNCBMMS4yODk4NzI5NiwxNi41NDg4OTg4IEMxLjI4OTg3Mjk2LDE3LjY5NjkzNDUgMi4yMDk5MjUwOCwxOC42MzA5ODIxIDMuMzQwNzU4OTYsMTguNjMwOTgyMSBMMTIuNTg3ODMzOSwxOC42MzA5ODIxIEMxMy43MTg2Njc4LDE4LjYzMDk4MjEgMTQuNjM4NjYxMiwxNy42OTY5MzQ1IDE0LjYzODY2MTIsMTYuNTQ4ODk4OCBMMTQuNjM4NjYxMiwzLjQ0NzQ3MDI0IEMxNC42Mzg2NjEyLDIuMjk5Mzc1IDEzLjcxODY2NzgsMS4zNjUzODY5IDEyLjU4NzgzMzksMS4zNjUzODY5IEwzLjM0MDc1ODk2LDEuMzY1Mzg2OSBaIE0xMi41ODc4MzM5LDE5Ljk0MDUwNiBMMy4zNDA3NTg5NiwxOS45NDA1MDYgQzEuNDk4NjYxMjQsMTkuOTQwNTA2IC0yLjkzMTU5NjA5ZS0wNSwxOC40MTkwMTc5IC0yLjkzMTU5NjA5ZS0wNSwxNi41NDg4OTg4IEwtMi45MzE1OTYwOWUtMDUsMy40NDc0NzAyNCBDLTIuOTMxNTk2MDllLTA1LDEuNTc3MzUxMTkgMS40OTg2NjEyNCwwLjA1NTg2MzA5NTIgMy4zNDA3NTg5NiwwLjA1NTg2MzA5NTIgTDEyLjU4NzgzMzksMC4wNTU4NjMwOTUyIEMxNC40Mjk5MzE2LDAuMDU1ODYzMDk1MiAxNS45Mjg1NjM1LDEuNTc3MzUxMTkgMTUuOTI4NTYzNSwzLjQ0NzQ3MDI0IEwxNS45Mjg1NjM1LDE2LjU0ODg5ODggQzE1LjkyODU2MzUsMTguNDE5MDE3OSAxNC40Mjk5MzE2LDE5Ljk0MDUwNiAxMi41ODc4MzM5LDE5Ljk0MDUwNiBMMTIuNTg3ODMzOSwxOS45NDA1MDYgWiIgaWQ9IkZpbGwtMSIgZmlsbD0iIzk3OTc5NyIgbWFzaz0idXJsKCNtYXNrLTIpIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjExLjE4MjI2MjUgMTQuMTQyMTY2NyA5LjU1MDc3MDY4IDEyLjQ4NTkxNjcgMTQuOTI2NzkwMiA3LjAyODA1OTUyIDE2LjU1ODI4MjEgOC42ODQzNjkwNSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjU1ODMwNTUsOC42ODQzNDUyNCBMMTQuOTI2ODEzNyw3LjAyODA5NTI0IEwxNS42NTU5MDE2LDYuMjg3ODU3MTQgQzE1Ljk1ODQ0MjMsNS45ODA3NzM4MSAxNi40NDg4Mzk3LDUuOTgwNzczODEgMTYuNzUxMzIxOCw2LjI4Nzg1NzE0IEwxNy4yODc0NTIxLDYuODMyMTQyODYgQzE3LjU4OTkzNDIsNy4xMzkxNjY2NyAxNy41ODk5MzQyLDcuNjM3MDgzMzMgMTcuMjg3NDUyMSw3Ljk0NDEwNzE0IEwxNi41NTgzMDU1LDguNjg0MzQ1MjQgWiIgaWQ9IkZpbGwtNiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2Ljk1NTczNjIsNy42MDczOTI4NiBMMTYuNTU4MzI5LDguMDEwOTA0NzYgTDE1LjU5MDE5ODcsNy4wMjgwNDc2MiBMMTUuOTg3NjA1OSw2LjYyNDU5NTI0IEMxNi4xMDY4MDQ2LDYuNTAzNTgzMzMgMTYuMzAwNTgzMSw2LjUwMzcwMjM4IDE2LjQxOTYwNTksNi42MjQ1OTUyNCBMMTYuOTU1Nzk0OCw3LjE2ODg4MDk1IEMxNy4wMTM0Myw3LjIyNzM5Mjg2IDE3LjA0NTIwODUsNy4zMDUzMDk1MiAxNy4wNDUyMDg1LDcuMzg4MTA3MTQgQzE3LjA0NTIwODUsNy40NzA5NjQyOSAxNy4wMTM0Myw3LjU0ODg4MDk1IDE2Ljk1NTczNjIsNy42MDczOTI4NiBMMTYuOTU1NzM2Miw3LjYwNzM5Mjg2IFogTTExLjE5MDkyODMsMTMuNDU5OTUyNCBMMTAuNzA2OTIxOCwxMi45Njg1MjM4IEwxMC43MDY5MjE4LDEyLjk2ODQ2NDMgTDEwLjIyMjg1NjcsMTIuNDc3MDM1NyBMMTQuOTI2ODM3MSw3LjcwMTUgTDE1Ljg5NDkwODgsOC42ODQ0MTY2NyBMMTEuMTkwOTI4MywxMy40NTk5NTI0IFogTTkuNzQ0MjQ0MywxMy4zNTU3ODU3IEwxMC4zMjU0NjI1LDEzLjk0NTc4NTcgTDkuNDEyOTczOTQsMTQuMjgyMDk1MiBMOS43NDQyNDQzLDEzLjM1NTc4NTcgWiBNMTcuNjE5MDk3Nyw2LjQ5NTM2OTA1IEwxNy4wODMwMjYxLDUuOTUxMTQyODYgQzE2LjU5Nzk2NDIsNS40NTg4MjE0MyAxNS44MDkxMzAzLDUuNDU4OTQwNDggMTUuMzI0MjQ0Myw1Ljk1MTE0Mjg2IEwxNC41OTUwOTc3LDYuNjkxMzIxNDMgTDkuMjE5MDc4MTgsMTIuMTQ5MTc4NiBDOS4xNTMzNTE3OSwxMi4yMTU5NjQzIDkuMTA5MjAxOTUsMTIuMzAwNDg4MSA5LjA5MTAyNjA2LDEyLjM5MTYxOSBMOC4xODg3Mzk0MSwxNC45MTQ5NTI0IEM4LjEyNjUzMDk0LDE1LjA4ODc2MTkgOC4xNjkxNTYzNSwxNS4yODMzNDUyIDguMjk3OTEyMDUsMTUuNDE0MTE5IEM4LjM4NzQ0MywxNS41MDUwMTE5IDguNTA3MzQ1MjgsMTUuNTUzNTgzMyA4LjYyOTY1MTQ3LDE1LjU1MzU4MzMgQzguNjgzMjk5NjcsMTUuNTUzNTgzMyA4LjczNzQ3NTU3LDE1LjU0NDIzODEgOC43ODk2NTc5OCwxNS41MjUwMTE5IEwxMS4yNzYxMjA1LDE0LjYwODU4MzMgQzExLjM2MzI0NzYsMTQuNTkwNTQ3NiAxMS40NDYzMjksMTQuNTQ3NTExOSAxMS41MTM5MzE2LDE0LjQ3ODg4MSBMMTYuODkwMDA5OCw5LjAyMTA4MzMzIEwxNy42MTkwMzkxLDguMjgwODQ1MjQgQzE3Ljg1Mzk3NzIsOC4wNDI0NTIzOCAxNy45ODMzMTkyLDcuNzI1MzY5MDUgMTcuOTgzMzE5Miw3LjM4ODEwNzE0IEMxNy45ODMzMTkyLDcuMDUwODQ1MjQgMTcuODUzOTc3Miw2LjczMzgyMTQzIDE3LjYxOTA5NzcsNi40OTUzNjkwNSBMMTcuNjE5MDk3Nyw2LjQ5NTM2OTA1IFoiIGlkPSJGaWxsLTgiIGZpbGw9IiM5Nzk3OTciPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjU0NzI1MDgxLDguMDgyNTk1MjQgQzYuNjIyMTgyNDEsOC4wODI1OTUyNCA2LjY5NzIzMTI3LDguMTAwODY5MDUgNi43NjU1Mzc0Niw4LjEzNzI5NzYyIEw3LjYzNTM0MjAyLDguNjAxNTIzODEgTDcuNDY5MjM3NzksNy42MTgyNSBDNy40NDMwODc5NSw3LjQ2Mzc4NTcxIDcuNDkzNTcwMDMsNy4zMDYxNjY2NyA3LjYwNDA5MTIxLDcuMTk2NzYxOSBMOC4zMDc3OTE1Myw2LjUwMDM5Mjg2IEw3LjMzNTI2Mzg0LDYuMzU2OTQwNDggQzcuMTgyNTI3NjksNi4zMzQzODA5NSA3LjA1MDQyOTk3LDYuMjM2OTQwNDggNi45ODIxMjM3OCw2LjA5NjQwNDc2IEw2LjU0NzI1MDgxLDUuMjAxODIxNDMgTDYuMTEyMzE5MjIsNi4wOTY0NjQyOSBDNi4wNDQwMTMwMyw2LjIzNjk0MDQ4IDUuOTExOTE1MzEsNi4zMzQzODA5NSA1Ljc1OTE3OTE1LDYuMzU2OTQwNDggTDQuNzg2NzEwMSw2LjUwMDM5Mjg2IEw1LjQ5MDQxMDQyLDcuMTk2NzYxOSBDNS42MDA5MzE2LDcuMzA2MTY2NjcgNS42NTE0MTM2OCw3LjQ2Mzc4NTcxIDUuNjI1MjYzODQsNy42MTgyNSBMNS40NTkxNTk2MSw4LjYwMTUyMzgxIEw2LjMyODk2NDE3LDguMTM3Mjk3NjIgQzYuMzk3MjcwMzYsOC4xMDA4NjkwNSA2LjQ3MjMxOTIyLDguMDgyNTk1MjQgNi41NDcyNTA4MSw4LjA4MjU5NTI0IE04LjI1ODI0NzU2LDkuOTQ4MTkwNDggQzguMTgzNTUwNDksOS45NDgxOTA0OCA4LjEwODY3NzUyLDkuOTMwMDk1MjQgOC4wNDAwMTk1NCw5Ljg5MzQ4ODEgTDYuNTQ3MjUwODEsOS4wOTY3NjE5IEw1LjA1NDQ4MjA4LDkuODkzNDg4MSBDNC44OTY1Mjc2OSw5Ljk3Nzk1MjM4IDQuNzA0OTE4NTcsOS45NjM3ODU3MSA0LjU2MDUwODE0LDkuODU3MTc4NTcgQzQuNDE2MDM5MDksOS43NTA2OTA0OCA0LjM0Mzc0NTkzLDkuNTcwMTU0NzYgNC4zNzM5NDEzNyw5LjM5MTQ2NDI5IEw0LjY1OTAwOTc3LDcuNzA0MDIzODEgTDMuNDUxMzA5NDUsNi41MDg5MDQ3NiBDMy4zMjM0OTE4Niw2LjM4MjQxNjY3IDMuMjc3NDA3MTcsNi4xOTMxMzA5NSAzLjMzMjYzODQ0LDYuMDIwNzUgQzMuMzg3ODExMDcsNS44NDgzNjkwNSAzLjUzNDU2Njc4LDUuNzIyNzE0MjkgMy43MTEyODMzOSw1LjY5NjY0Mjg2IEw1LjM4MDI0MTA0LDUuNDUwMzkyODYgTDYuMTI2NjI1NDEsMy45MTUwMzU3MSBDNi4yMDU2NjEyNCwzLjc1MjUzNTcxIDYuMzY4NzE2NjEsMy42NDk2MTkwNSA2LjU0NzI1MDgxLDMuNjQ5NjE5MDUgQzYuNzI1Nzg1MDIsMy42NDk2MTkwNSA2Ljg4ODg0MDM5LDMuNzUyNTM1NzEgNi45Njc4NzYyMiwzLjkxNTA5NTI0IEw3LjcxNDIwMTk1LDUuNDUwMzkyODYgTDkuMzgzMjE4MjQsNS42OTY2NDI4NiBDOS41NTk5MzQ4NSw1LjcyMjcxNDI5IDkuNzA2NjkwNTUsNS44NDgzNjkwNSA5Ljc2MTg2MzE5LDYuMDIwNzUgQzkuODE3MDk0NDYsNi4xOTMxMzA5NSA5Ljc3MTAwOTc3LDYuMzgyNDE2NjcgOS42NDMxOTIxOCw2LjUwODkwNDc2IEw4LjQzNTQ5MTg2LDcuNzA0MDIzODEgTDguNzIwNTYwMjYsOS4zOTE0NjQyOSBDOC43NTA3NTU3LDkuNTcwMTU0NzYgOC42Nzg0NjI1NCw5Ljc1MDY5MDQ4IDguNTMzOTkzNDksOS44NTcxNzg1NyBDOC40NTIyNjA1OSw5LjkxNzQ3NjE5IDguMzU1NTE3OTIsOS45NDgxOTA0OCA4LjI1ODI0NzU2LDkuOTQ4MTkwNDgiIGlkPSJGaWxsLTEwIiBmaWxsPSIjOTc5Nzk3Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
}
.layer-receipt-message-view-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2046.1%20(44463)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ea%2Ficon%2Freceipt%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22a%2Ficon%2Freceipt%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17.5004992%2C21.553228%20L16.2505521%2C22.4089425%20L15.000837%2C21.5532404%20L13.7508554%2C22.4089053%20L12.5010352%2C21.5532777%20L11.2515341%2C22.4089797%20L10.0015852%2C21.5531908%20L8.75124646%2C22.4088805%20L7.50137012%2C21.5531412%20L6.2507666%2C22.4087193%20L4.25%2C21.0399305%20L4.25%2C1.75%20L20.75%2C1.75%20L20.75%2C21.0397202%20L18.7504644%2C22.4089549%20L17.5004992%2C21.553228%20Z%22%20id%3D%22Page-1%22%20stroke%3D%22%23979797%22%20stroke-width%3D%221.5%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17.72%2C17.4103318%20C17.72%2C18.3641232%2017.1553555%2C18.6922275%2016.3465403%2C18.7990521%20L16.3465403%2C19.44%20L15.5606161%2C19.44%20L15.5606161%2C18.8448341%20C15.0951659%2C18.8372038%2014.6068246%2C18.7227488%2014.1566351%2C18.6006635%20L14.5076303%2C17.6316114%20C14.8357346%2C17.7536967%2015.2096209%2C17.9368246%2015.5606161%2C17.9520853%20L15.5606161%2C16.6015166%20C14.8815166%2C16.334455%2014.1184834%2C16.0216114%2014.1184834%2C15.0372986%20C14.1184834%2C14.1979621%2014.7975829%2C13.7859242%2015.5606161%2C13.6714692%20L15.5606161%2C13%20L16.3465403%2C13%20L16.3465403%2C13.6562085%20C16.7051659%2C13.6867299%2017.2163981%2C13.7706635%2017.5063507%2C13.8698578%20L17.1553555%2C14.83891%20C16.9417062%2C14.747346%2016.6593839%2C14.6176303%2016.3465403%2C14.5565877%20L16.3465403%2C15.7698104%20C17.0103791%2C16.0216114%2017.72%2C16.3726066%2017.72%2C17.4103318%20Z%20M15.5835071%2C15.4569668%20L15.5835071%2C14.5947393%20C15.2554028%2C14.701564%2015.2554028%2C14.9457346%2015.2554028%2C15.0372986%20C15.2554028%2C15.2051659%2015.3927488%2C15.3501422%2015.5835071%2C15.4569668%20Z%20M16.5830806%2C17.4255924%20C16.5830806%2C17.2500948%2016.4762559%2C17.0974882%2016.3236493%2C16.9677725%20L16.3236493%2C17.8605213%20C16.5067773%2C17.7765877%2016.5830806%2C17.6392417%2016.5830806%2C17.4255924%20Z%22%20id%3D%22%24%22%20fill%3D%22%23979797%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-2%22%20transform%3D%22translate(7.000000%2C%204.000000)%22%20stroke%3D%22%23979797%22%20stroke-width%3D%221.5%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C0.75%20L11.444168%2C0.75%22%20id%3D%22Path-2%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C3.75%20L11.444168%2C3.75%22%20id%3D%22Path-2-Copy%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C6.75%20L11.444168%2C6.75%22%20id%3D%22Path-2-Copy-2%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C9.75%20L5.55090083%2C9.75%22%20id%3D%22Path-2-Copy-3%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C12.75%20L5.55090083%2C12.75%22%20id%3D%22Path-2-Copy-4%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
/* See layer-button-card for where these are used */
layer-action-button button,
layer-url-button button {
  background-color: #ffffff;
  color: #1094d0;
  font-size: 1rem;
  border-radius: 0px;
  border-width: 0px;
  min-height: 44px;
  margin: 0px;
  font-weight: bold;
}
layer-action-button button:focus,
layer-url-button button:focus,
layer-action-button button:active,
layer-url-button button:active {
  background-color: #e9ebef !important;
  color: #1094d0;
}
layer-action-button button:hover,
layer-url-button button:hover {
  background-color: #f3f3f3;
  color: #1094d0;
}
layer-action-button button:disabled,
layer-url-button button:disabled {
  background-color: #e9ebef;
  color: #a4a8b2;
}
layer-action-button.layer-action-button-selected button,
layer-url-button.layer-action-button-selected button {
  background-color: #19A5E4;
  color: #ffffff;
}
img.layer-emoji {
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em;
  height: 1em;
}
img.layer-emoji.layer-emoji-line {
  height: 2em;
}
p.layer-emoji-line {
  font-size: 2.0em;
  line-height: 1.0em;
  margin: 0px;
}
span.layer-emoji-char {
  font-size: 1.3em;
  vertical-align: -0.2em;
}
/* Visual indication that this node is no longer valid;
primarily used for debugging... if you see this, your using the tools wrong.
*/
.layer-node-destroyed {
  background-color: black;
  color: black;
  opacity: 0.7;
}
p.layer-line-wrapping-paragraphs {
  line-height: 1.4rem;
}
layer-message-list {
  /*
   * Layout of the List itself
   */
  padding-top: 8px;
  padding-bottom: 16px;
  /*
   * Layout for the Header and Footer
   */
  /* Styling for Message header and footer contents */
  /* Do not show the avatar if there is no user associated with the avatar
    * (only happens with messages sent via via Server API 1.0 using a bot name)
    * or if the message is not the last message in the Message Group.
    */
  /*
   * Common layout for all types of messages
   */
  /* Left/Right panel layout */
  /* Menu Button in Left/Right Panel; note that this will render within the 12px margin between the Replaceable Content div and the right edge of the Message Item */
  /*
  * Custom formatting for Messages sent by the session owner.
  */
}
layer-message-list layer-message-status {
  color: #a4a8b2;
  font-size: 0.7rem;
  text-transform: capitalize;
  display: none;
}
layer-message-list .layer-message-item .layer-list-item layer-date {
  color: #a4a8b2;
  font-size: 0.7rem;
  /*    display: none; */
}
layer-message-list .layer-last-message-sent layer-message-status {
  display: inline-block;
}
layer-message-list layer-message-item-sent.layer-list-item-last .layer-list-item layer-date,
layer-message-list layer-message-item-received.layer-list-item-last .layer-list-item layer-date {
  display: inline-block;
}
layer-message-list .layer-sender-name {
  color: #a4a8b2;
  font-size: 0.7rem;
}
layer-message-list .layer-message-header,
layer-message-list .layer-message-footer {
  display: none;
  flex-direction: row;
}
layer-message-list .layer-message-header .layer-replaceable-inner:empty,
layer-message-list .layer-message-footer .layer-replaceable-inner:empty {
  display: none;
}
layer-message-list .layer-message-header .layer-replaceable-inner,
layer-message-list .layer-message-footer .layer-replaceable-inner {
  width: 100%;
  margin-top: 2px;
  margin-bottom: 2px;
}
layer-message-list .layer-message-item.layer-list-item-first {
  margin-top: 14px;
}
layer-message-list layer-message-item-received.layer-list-item-first .layer-message-header,
layer-message-list layer-message-item-received.layer-list-item-last .layer-message-footer {
  display: flex;
  margin-right: 5px;
  margin-left: 64px;
}
layer-message-list layer-message-item-sent .layer-message-item-main {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
layer-message-list layer-message-item-sent.layer-list-item-last .layer-message-footer .layer-replaceable-inner {
  justify-content: flex-end;
}
layer-message-list layer-message-item-sent.layer-list-item-first .layer-message-header,
layer-message-list layer-message-item-sent.layer-list-item-last .layer-message-footer {
  display: flex;
}
layer-message-list layer-message-item-sent.layer-list-item-first .layer-message-header .layer-replaceable-inner,
layer-message-list layer-message-item-sent.layer-list-item-last .layer-message-footer .layer-replaceable-inner {
  margin-right: 64px;
  margin-left: 5px;
}
layer-message-list layer-message-item-sent.layer-list-item-first .layer-message-header .layer-replaceable-inner layer-message-status,
layer-message-list layer-message-item-sent.layer-list-item-last .layer-message-footer .layer-replaceable-inner layer-message-status {
  margin-right: 5px;
}
layer-message-list .layer-message-item:not(.layer-message-preview) layer-message-status:after {
  content: '-';
  margin-left: 5px;
}
layer-message-list layer-avatar:not(.layer-has-user),
layer-message-list .layer-message-item:not(.layer-list-item-last) layer-avatar {
  visibility: hidden;
  overflow: hidden;
}
layer-message-list .layer-message-item layer-avatar {
  display: block;
}
layer-message-list .layer-list-item {
  font-size: 0.8rem;
}
layer-message-list .layer-list-item .layer-message-row {
  margin-bottom: 2px;
  margin-top: 2px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  /* Align avatar with Message Viewer */
}
layer-message-list .layer-message-row {
  flex-grow: 1;
}
layer-message-list .layer-message-item:not(.layer-message-item-hide-replaceable-content) .layer-message-left-side:not(.layer-replaceable-content-empty),
layer-message-list .layer-message-item:not(.layer-message-item-hide-replaceable-content) .layer-message-right-side:not(.layer-replaceable-content-empty) {
  display: flex;
  flex-direction: row;
}
layer-message-list .layer-message-item:not(.layer-message-item-hide-replaceable-content) .layer-message-left-side .layer-replaceable-inner {
  position: relative;
  padding-left: 12px;
}
layer-message-list .layer-message-item:not(.layer-message-item-hide-replaceable-content) .layer-message-left-side .layer-replaceable-inner:not(:empty) {
  padding-right: 8px;
}
layer-message-list .layer-message-item:not(.layer-message-item-hide-replaceable-content) .layer-message-right-side .layer-replaceable-inner {
  position: relative;
  padding-right: 12px;
}
layer-message-list .layer-message-item:not(.layer-message-item-hide-replaceable-content) .layer-message-right-side .layer-replaceable-inner:not(:empty) {
  padding-left: 8px;
}
layer-message-list .layer-message-item .layer-message-left-side layer-menu-button.layer-has-menu,
layer-message-list .layer-message-item .layer-message-right-side layer-menu-button.layer-has-menu {
  margin-left: 2px;
}
layer-message-list .layer-message-item .layer-message-left-side layer-menu-button.layer-has-menu span,
layer-message-list .layer-message-item .layer-message-right-side layer-menu-button.layer-has-menu span {
  padding-right: 3px;
}
layer-message-list layer-message-item-sent .layer-list-item .layer-message-footer {
  text-align: right;
}
layer-message-list .layer-message-status-pending .layer-message-item-content,
layer-message-list .layer-message-status-pending layer-message-viewer.layer-root-viewer {
  opacity: 0.5;
}
layer-message-list .layer-message-preview .layer-message-item-content,
layer-message-list .layer-message-preview layer-message-viewer.layer-root-viewer {
  opacity: 0.5;
}
layer-message-list layer-message-item-status .layer-list-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 8px 0px;
}
layer-message-list layer-message-item-status .layer-message-item-main {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
layer-message-list layer-message-item-status layer-message-viewer {
  background-color: transparent;
  color: #a4a8b2;
  font-size: 0.7rem;
}
layer-message-list layer-message-item-status layer-message-viewer .layer-card-top {
  background-color: transparent;
}
layer-message-list layer-message-item-status layer-message-viewer layer-text-message-view {
  padding-top: 0px;
  padding-bottom: 0px;
}
layer-message-list layer-message-item-status layer-message-viewer.layer-status-message-view {
  padding: 0px 4px;
}