* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

:root {
  --barHeight: 4rem;
  --themeColor: #6759fb;
  --themeColorSecondary: #f2ece5; }

html {
  font-size: 16px;
  line-height: 1.3;
  font-family: "proxima-nova", sans-serif; }
  html body {
    background: #f0f0f0;
    background: var(--themeColorSecondary);
    overflow-x: hidden; }

a {
  text-decoration: none; }

a[data-title] {
  position: relative; }
  a[data-title]:after {
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    content: attr(data-title);
    position: absolute;
    top: 100%;
    left: 50%;
    background: #000;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.35rem 0.5rem;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.35rem;
    -webkit-transform: translate3d(-50%, -0.25rem, 0);
    transform: translate3d(-50%, -0.25rem, 0);
    pointer-events: none;
    opacity: 0;
    white-space: nowrap; }
  a[data-title]:hover:after {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0.25rem, 0);
    transform: translate3d(-50%, 0.25rem, 0); }
  a[data-title][data-title-top]:after {
    bottom: 100%;
    top: auto;
    -webkit-transform: translate3d(-50%, 0.25rem, 0);
    transform: translate3d(-50%, 0.25rem, 0); }
  a[data-title][data-title-top]:hover:after {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
    opacity: 1;
    -webkit-transform: translate3d(-50%, -0.25rem, 0);
    transform: translate3d(-50%, -0.25rem, 0); }
  a[data-title][data-title-right]:after {
    bottom: 100%;
    top: auto;
    right: 0;
    left: auto;
    -webkit-transform: translate3d(0%, 0.25rem, 0);
    transform: translate3d(0%, 0.25rem, 0); }
  a[data-title][data-title-right]:hover:after {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
    opacity: 1;
    -webkit-transform: translate3d(0%, -0.25rem, 0);
    transform: translate3d(0%, -0.25rem, 0); }

button,
.btn {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0.25rem;
  padding: 0.75rem;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  button:not([disabled]):hover,
  .btn:not([disabled]):hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }

#app {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1; }
  #app .loader.home {
    display: none; }
  #app[data-not-loaded] {
    opacity: 0; }
    #app[data-not-loaded] .loader.home {
      display: block; }

[data-header] {
  height: var(--barHeight);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem;
  z-index: 999999;
  text-align: center; }
  [data-header] .attendees {
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 100%;
    font-weight: 400;
    font-size: 0.8rem;
    cursor: pointer; }
  [data-header] a {
    width: 2rem;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #fff;
    border-radius: 100rem; }
    [data-header] a svg {
      width: 100%;
      height: auto;
      display: block; }
    [data-header] a:before {
      content: "";
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 100rem;
      opacity: 0.1; }
    [data-header] a:empty {
      visibility: hidden; }
  [data-header] .avatar {
    background: var(--themeColor);
    color: #fff !important;
    font-weight: 700;
    width: 2rem;
    height: 2rem;
    border-radius: 100rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    [data-header] .avatar:before {
      background: none; }

#questions [data-header] {
  background: var(--themeColorSecondary);
  color: #000; }
  #questions [data-header] a {
    color: var(--themeColor); }
    #questions [data-header] a svg {
      fill: var(--themeColor); }

#questions [data-footer] {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

#conversation {
  background: var(--themeColorSecondary);
  min-height: calc(100vh - 8rem); }
  #conversation [data-footer] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--themeColorSecondary); }
    #conversation [data-footer] .form-holder {
      width: 100%;
      background-color: white;
      position: relative;
      z-index: 1; }

#conversation [data-header] {
  background: #fff; }
  #conversation [data-header] strong [data-online] {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: -1rem;
    right: auto;
    top: 0.35rem; }
  #conversation [data-header] a {
    color: var(--themeColor); }
    #conversation [data-header] a svg {
      fill: var(--themeColor); }
    #conversation [data-header] a:before {
      background: var(--themeColor); }

#conversation.breakout [data-header] {
  color: #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  #conversation.breakout [data-header] a {
    color: #fff;
    background: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    #conversation.breakout [data-header] a:before {
      background: #fff;
      opacity: 0.2; }

[data-main] {
  margin: var(--barHeight) 0 0; }
  [data-main].scrollable {
    overflow-y: scroll; }
  [data-main] .loader {
    margin: 1rem auto;
    margin-bottom: 3rem;
    border: 1.2rem solid #f3f3f3;
    border-top: 1.2rem solid var(--themeColor);
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite; }

.loader {
  margin: 1rem auto;
  margin-bottom: 3rem;
  border: 1.2rem solid #f3f3f3;
  border-top: 1.2rem solid var(--themeColor);
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

[data-footer] {
  min-height: var(--barHeight);
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1; }

section.active {
  display: block; }

[data-question-form] {
  color: #fff;
  padding: 0 1rem 1rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
  position: relative;
  background: var(--themeColor); }
  [data-question-form] > div {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background: #fff;
    border-radius: 0.75rem;
    padding: 1rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative; }
    [data-question-form] > div:after {
      content: "";
      background: #eee;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 5.5rem;
      border-radius: 0 0 0.75rem 0.75rem; }
    [data-question-form] > div.formHasContent {
      z-index: 3; }
  [data-question-form].sticky {
    top: var(--barHeight);
    position: -webkit-sticky;
    position: sticky;
    z-index: 1; }
  [data-question-form] strong {
    font-weight: 700;
    font-size: 1.1rem;
    margin: 0 0 0.5rem 0;
    color: #000;
    display: inline-block;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: absolute;
    top: 1.1rem;
    left: 1rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    pointer-events: none; }
  [data-question-form] textarea,
  [data-question-form] input {
    width: 100%;
    border-radius: 0.5rem;
    background: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    resize: none;
    font-size: 1rem;
    outline: none;
    font-family: inherit;
    display: block;
    vertical-align: middle;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  [data-question-form] textarea {
    color: #8e8376;
    color: #33201a;
    color: #000;
    font-weight: 300;
    font-size: 1.1rem;
    caret-color: var(--themeColor);
    min-height: 3rem;
    line-height: inherit;
    margin: 2rem 0 1.75rem 0;
    background: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: margin 0.3s;
    -o-transition: margin 0.3s;
    transition: margin 0.3s; }
    [data-question-form] textarea::-webkit-scrollbar {
      width: 0 !important; }
    [data-question-form] textarea:placeholder-shown {
      margin: 0.5rem 0 1.75rem 0;
      -webkit-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      transition-delay: 0.3s; }
      [data-question-form] textarea:placeholder-shown ~ strong {
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 0;
        -webkit-transform: translate3d(-1rem, 0, 0);
        transform: translate3d(-1rem, 0, 0); }
      [data-question-form] textarea:placeholder-shown ~ .link-page {
        pointer-events: none;
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 0;
        -webkit-transform: translate3d(1rem, 0, 0);
        transform: translate3d(1rem, 0, 0); }
      [data-question-form] textarea:placeholder-shown ~ [data-link-preview] {
        display: none; }
  [data-question-form] button {
    font-size: 1.1rem;
    font-weight: 700;
    padding: 1rem;
    border-radius: 0.5rem;
    background: var(--themeColor);
    color: #fff;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0.25rem 0.35rem rgba(101, 101, 101, 0.25), inset 0 -4rem 4rem -4rem rgba(0, 0, 0, 0.2), inset 0 3rem 4rem -4rem rgba(255, 255, 255, 0.6);
    box-shadow: 0 0.25rem 0.35rem rgba(101, 101, 101, 0.25), inset 0 -4rem 4rem -4rem rgba(0, 0, 0, 0.2), inset 0 3rem 4rem -4rem rgba(255, 255, 255, 0.6); }
    [data-question-form] button[disabled], [data-question-form] button.disabled {
      background: rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: none;
      box-shadow: none;
      pointer-events: none; }
    [data-question-form] button.error:hover #question-form-tooltip {
      display: block; }
  [data-question-form] #question-form-tooltip {
    position: absolute;
    padding: 0.6rem;
    width: 15rem;
    -webkit-transform: translate(0rem, 1rem);
    -ms-transform: translate(0rem, 1rem);
    transform: translate(0rem, 1rem);
    border-radius: 0.3rem;
    -webkit-box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.3);
    box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.3);
    display: none;
    background-color: white;
    color: black;
    text-transform: none; }
  [data-question-form] #question-form-tooltip-point {
    position: absolute;
    width: 2rem;
    height: 2rem;
    background-color: white;
    border-radius: 0.2rem;
    -webkit-transform: translate(7.3rem, -2.2rem) rotateZ(45deg);
    -ms-transform: translate(7.3rem, -2.2rem) rotate(45deg);
    transform: translate(7.3rem, -2.2rem) rotateZ(45deg);
    z-index: -1;
    display: inherit; }
  [data-question-form] .waiting {
    text-align: center; }
    [data-question-form] .waiting img {
      margin: 0 auto 1rem;
      display: block;
      -webkit-animation-name: rotate;
      animation-name: rotate;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }
    [data-question-form] .waiting p {
      text-align: center;
      display: block;
      margin: 0 0 1rem 0; }
    [data-question-form] .waiting a {
      display: inline-block;
      margin: 0 auto;
      color: #fff; }

[data-question-list] {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  [data-question-list].disabled {
    pointer-events: none; }

[data-past-question-list] {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  [data-past-question-list] [data-question] p {
    margin: 0 !important; }
  [data-past-question-list] [data-question].closed {
    pointer-events: none; }

[data-messages] {
  padding: 0.75rem 0.75rem 6.5rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow-x: hidden;
  overflow: hidden; }
  [data-messages] .deleted-chat-message {
    -webkit-box-ordinal-group: 10000000;
    -ms-flex-order: 9999999;
    order: 9999999;
    width: 100%;
    text-align: center;
    margin: 1rem;
    color: grey; }
  [data-messages] .report-button {
    display: none;
    position: absolute;
    top: 2.5rem;
    right: -0.75rem;
    font-size: 0.8rem;
    padding: 0;
    border-radius: 0.25rem;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
    color: var(--themeColor);
    z-index: 1; }
    [data-messages] .report-button i {
      color: #808080; }
  [data-messages] li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 0.25rem 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    position: relative; }
    [data-messages] li #secure-chat-message {
      text-align: center;
      font-size: 0.9rem;
      padding: 0.8rem;
      color: #00000061; }
      [data-messages] li #secure-chat-message i {
        margin-right: 0.2rem; }
      [data-messages] li #secure-chat-message.with-cursor {
        cursor: pointer; }
    [data-messages] li .verified {
      width: 0.85rem; }
      [data-messages] li .verified path {
        fill: black; }
    [data-messages] li .commenter {
      margin: 0.75rem 0 0.25rem 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      [data-messages] li .commenter .user-avatar {
        width: 2rem;
        height: 2rem; }
    [data-messages] li h3 {
      padding: 0 0.75rem 0 0.5rem;
      font-size: 1rem;
      font-weight: 700; }
    [data-messages] li p {
      font-size: 1.025rem;
      line-height: 1.2; }
    [data-messages] li span,
    [data-messages] li [data-ref] a {
      background: #fff;
      color: #000;
      padding: 0.5rem 0.75rem;
      border-radius: 0.5rem;
      display: inline-block;
      max-width: calc(100% - 4rem);
      word-break: break-word;
      -webkit-box-shadow: 0 0.25rem 0.25rem rgba(164, 145, 120, 0.25);
      box-shadow: 0 0.25rem 0.25rem rgba(164, 145, 120, 0.25);
      font-size: 1.1rem;
      font-weight: 500;
      position: relative; }
    [data-messages] li [data-ref] {
      margin-top: 0.5rem;
      width: calc(100% - 4rem); }
      [data-messages] li [data-ref] a {
        width: 100%;
        max-width: 100%;
        background: #e0d7cd !important;
        color: #000; }
        [data-messages] li [data-ref] a > div:nth-of-type(1) {
          opacity: 0.7; }
        [data-messages] li [data-ref] a > div:nth-of-type(2) {
          text-decoration: underline; }
        [data-messages] li [data-ref] a:before {
          background: var(--themeColor);
          width: 0.4rem;
          height: 0.75rem;
          position: absolute;
          top: 0;
          left: 1rem;
          -webkit-transform: translate(0, -100%);
          -ms-transform: translate(0, -100%);
          transform: translate(0, -100%); }
    [data-messages] li.you {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin-top: 1rem; }
      [data-messages] li.you + .you {
        margin-top: 0; }
      [data-messages] li.you h3 {
        display: none; }
      [data-messages] li.you span {
        background-color: #ddd2c7 !important;
        -webkit-box-shadow: none;
        box-shadow: none; }
      [data-messages] li.you span,
      [data-messages] li.you [data-ref] a {
        background-color: #ddd2c7 !important;
        float: right !important;
        -webkit-box-shadow: none;
        box-shadow: none; }
      [data-messages] li.you [data-ref] a {
        color: #000; }
      [data-messages] li.you [data-ref] a:before {
        background: var(--themeColor);
        right: 1rem;
        left: auto; }
      [data-messages] li.you .small-stamp {
        color: grey !important;
        font-weight: 500 !important;
        left: 0 !important;
        right: auto !important;
        -webkit-transform: translate3d(-100%, -50%, 0) !important;
        transform: translate3d(-100%, -50%, 0) !important; }
      [data-messages] li.you .report-button {
        display: none; }
    [data-messages] li .reply-container {
      width: 100%; }
      [data-messages] li .reply-container strong {
        font-size: 0.9rem; }
      [data-messages] li .reply-container .report-tooltip {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translate(2rem, 1rem);
        -ms-transform: translate(2rem, 1rem);
        transform: translate(2rem, 1rem);
        padding: 0.5rem;
        font-size: 0.8rem;
        border-radius: 0.2rem;
        color: white;
        background-color: #808080 !important; }
      [data-messages] li .reply-container.blocked div {
        color: #586978; }
      [data-messages] li .reply-container.blocked span {
        background-color: #F1F6FA; }
      [data-messages] li .reply-container div {
        text-align: center;
        font-weight: 600;
        color: grey; }
      [data-messages] li .reply-container span {
        margin-top: 0;
        float: left; }
      [data-messages] li .reply-container p a {
        color: inherit;
        text-decoration: underline; }
      [data-messages] li .reply-container .small-stamp {
        font-size: 0.8rem;
        padding: 0.5rem;
        position: absolute;
        font-weight: 700;
        top: 50%;
        left: auto;
        right: 0;
        width: auto;
        min-width: 5rem;
        -webkit-transform: translate3d(100%, -50%, 0);
        transform: translate3d(100%, -50%, 0);
        opacity: 0;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        [data-messages] li .reply-container .small-stamp div {
          display: inline;
          font-weight: 600; }
      [data-messages] li .reply-container:hover .small-stamp {
        opacity: 1; }
      [data-messages] li .reply-container:hover .report-button {
        display: block; }

#time-divider {
  width: 100%;
  text-align: center;
  font-weight: 600; }

[data-time-divider] {
  margin: 0.5rem 0;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.8rem;
  position: relative;
  padding: 0.25rem 0;
  text-align: center; }
  [data-time-divider]:before {
    content: "";
    background: rgba(0, 0, 0, 0.05);
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0; }
  [data-time-divider] time {
    background: var(--themeColorSecondary);
    padding: 0 1rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    color: #00000061; }

[data-online-indicator] {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, calc(-50% + 0.6rem), 0);
  transform: translate3d(0, calc(-50% + 0.6rem), 0);
  opacity: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  color: #04da41; }

[data-online] {
  background: #04da41;
  position: absolute;
  top: 0;
  right: 0;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 100rem;
  -webkit-transform: translate3d(50%, -50%, 0);
  transform: translate3d(50%, -50%, 0); }

[data-question] {
  padding: 1rem;
  padding: 0.5rem 1rem 1rem;
  -webkit-box-shadow: 0 0.15rem 0.15rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.15rem 0.15rem rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 0 1rem;
  border-radius: 0.75rem;
  background: #fff;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  position: relative;
  font-size: 1.1rem;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  [data-question]:not(.creatorPost):before {
    content: "\f064";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    font-weight: 600;
    height: 2rem;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--themeColor);
    border-radius: 0.35rem;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  [data-question]:not(.creatorPost) .btn {
    padding: 0.5rem 2rem 0.5rem 0.65rem !important; }
  [data-question] a[data-link-preview] {
    color: #000;
    background: #eee;
    padding: 0.5rem;
    margin: 0.75rem -0.5rem -0.5rem;
    position: relative;
    z-index: 1;
    display: block;
    border-radius: 0.35rem;
    font-size: 1rem; }
    [data-question] a[data-link-preview] div:nth-of-type(1) {
      color: #555; }
    [data-question] a[data-link-preview] div:nth-of-type(2) {
      font-weight: 600; }
    [data-question] a[data-link-preview]:hover {
      background: #e8e8e8; }
  [data-question] > div {
    min-height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0.5rem 0; }
    [data-question] > div strong {
      font-weight: 700;
      position: relative;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transition-delay: 3s;
      -o-transition-delay: 3s;
      transition-delay: 3s;
      position: relative;
      top: 3px; }
      [data-question] > div strong span {
        vertical-align: middle;
        padding: 0.15rem 0.35rem;
        display: inline-block;
        margin-left: 0.25rem;
        text-transform: uppercase;
        font-size: 0.7rem;
        font-weight: 700 !important;
        letter-spacing: 0.1em;
        border-radius: 0.25rem;
        border: 1px solid #00000040;
        color: #767676;
        line-height: 1.5;
        position: relative;
        top: -0.1rem;
        -webkit-box-shadow: 0 0.15rem 0.15rem rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.15rem 0.15rem rgba(0, 0, 0, 0.1); }
      [data-question] > div strong.online {
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        padding-left: 1rem; }
        [data-question] > div strong.online [data-online-indicator] {
          -webkit-transition-delay: 0.3s;
          -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
          opacity: 1;
          -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0); }
  [data-question] p {
    display: block;
    font-weight: 500;
    word-break: break-word;
    width: 100%;
    padding-right: 2rem;
    position: relative; }
    [data-question] p span a {
      color: inherit;
      text-decoration: underline; }
  [data-question] time {
    color: #767676;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
    font-size: 1rem; }
  [data-question] button,
  [data-question] .btn {
    font-weight: 600;
    display: inline-block;
    width: auto;
    padding: 0.75rem 0.75rem 0.75rem 2.7rem;
    position: relative;
    overflow: hidden; }
    [data-question] button:before,
    [data-question] .btn:before {
      content: "";
      background: var(--themeColor);
      opacity: 0.15;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  [data-question] .btn {
    text-decoration: none;
    padding: 0.5rem 0.65rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--themeColor);
    border-radius: 0.35rem;
    position: relative;
    opacity: 0;
    -webkit-transform: translate3d(0.5rem, 0.5rem, 0);
    transform: translate3d(0.5rem, 0.5rem, 0);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    [data-question] .btn .fa {
      margin-left: 0.5rem; }
  [data-question] .btn {
    opacity: 1;
    -webkit-transform: translate3d(0.5rem, 0, 0) !important;
    transform: translate3d(0.5rem, 0, 0) !important; }
  [data-question] .formCon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    border: none; }
    [data-question] .formCon input {
      width: 100%;
      border-radius: 0.25rem;
      background: #fff;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0.75rem;
      resize: none;
      font-size: 1rem;
      outline: none;
      font-family: inherit;
      display: block;
      vertical-align: middle;
      -ms-flex-preferred-size: calc(100% - 4.5rem);
      flex-basis: calc(100% - 4.5rem);
      border-radius: 0.25rem 0 0 0.25rem;
      -webkit-box-shadow: inset 0 0 0 1px #bbb;
      box-shadow: inset 0 0 0 1px #bbb; }
    [data-question] .formCon button {
      -ms-flex-preferred-size: 4.5rem;
      flex-basis: 4.5rem;
      border-radius: 0 0.25rem 0.25rem 0;
      text-transform: uppercase;
      background: var(--themeColor);
      color: #fff;
      padding: 0.75rem; }
      [data-question] .formCon button[disabled] {
        background: rgba(0, 0, 0, 0.2);
        color: rgba(255, 255, 255, 0.5); }
  [data-question].closed {
    pointer-events: none;
    opacity: 0.5; }
    [data-question].closed button {
      background: #eee;
      display: block;
      width: 100%;
      padding: 0.75rem; }
  [data-question].animateOut {
    -webkit-animation-name: animateOut;
    animation-name: animateOut;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }
  [data-question].creatorPost p {
    margin: 0; }
  [data-question].createdTopic {
    -webkit-transform: translate3d(calc(-100% - 2rem), 0, 0);
    transform: translate3d(calc(-100% - 2rem), 0, 0);
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s; }
    [data-question].createdTopic p {
      margin: 0; }
    [data-question].createdTopic.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  [data-question].open {
    -webkit-animation-name: animateIn;
    animation-name: animateIn;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }
    [data-question].open.notransition {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; }
  [data-question] .remove-question .fa {
    margin: 0; }
  [data-question] .remove-question:hover:before {
    background: red; }
  [data-question] .remove-question:hover .fa {
    color: red; }

[data-remove-question-prompt] {
  font-size: 0.95rem;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  z-index: 1;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  overflow: hidden; }
  [data-remove-question-prompt] > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translate3d(2rem, 0, 0);
    transform: translate3d(2rem, 0, 0); }
    [data-remove-question-prompt] > div > * {
      margin-left: 0.65rem; }
  [data-remove-question-prompt].active {
    opacity: 1;
    visibility: visible;
    pointer-events: all; }
    [data-remove-question-prompt].active > div {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  [data-remove-question-prompt] a {
    display: inline-block !important;
    text-align: center; }
    [data-remove-question-prompt] a:before {
      content: "";
      background: var(--themeColor);
      opacity: 0.15;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    [data-remove-question-prompt] a.remove {
      color: red; }
      [data-remove-question-prompt] a.remove:before {
        background: red; }
      [data-remove-question-prompt] a.remove .fa {
        color: red; }

[data-counter] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  [data-counter] span:nth-of-type(1) {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 1rem;
    background: red;
    margin: 0 0.5rem 0 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: 10;
    animation-iteration-count: 10; }
  [data-counter] span:nth-of-type(1) {
    display: inline-block;
    vertical-align: middle; }

[data-error] {
  position: -webkit-sticky;
  position: sticky;
  top: var(--barHeight);
  background: #ff7ca9;
  color: #fff;
  padding: 1rem;
  text-align: center;
  font-weight: 600; }

[data-no-questions] {
  text-align: center;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }
  [data-no-questions] p {
    font-size: 1.3rem;
    max-width: 15rem;
    margin: 1rem auto 2.5rem;
    color: #999; }
  [data-no-questions] svg {
    width: 2rem;
    margin: 1rem auto 0;
    -webkit-animation-name: float;
    animation-name: float;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
    [data-no-questions] svg path {
      fill: var(--themeColor); }

[data-comment-form] {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75rem; }
  [data-comment-form] textarea {
    width: calc(100% - 3rem);
    height: 100%;
    max-height: 60vh;
    display: block;
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.1rem;
    font-family: inherit;
    padding: 0.5rem 0.75rem;
    background: var(--themeColorSecondary);
    resize: none;
    border-radius: 0.5rem;
    max-height: 20rem;
    overflow: auto; }
  [data-comment-form] a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 3rem;
    flex-basis: 3rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer; }
    [data-comment-form] a.error:hover {
      cursor: initial; }
      [data-comment-form] a.error:hover #comment-form-tooltip {
        display: block; }
    [data-comment-form] a svg {
      width: 2rem;
      height: auto;
      display: block; }
      [data-comment-form] a svg path {
        fill: #bbb4b0;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
      [data-comment-form] a svg.ready path {
        fill: var(--themeColor); }
  [data-comment-form] #comment-form-tooltip {
    position: absolute;
    padding: 0.46rem;
    width: 13rem;
    -webkit-transform: translate(0, -141%);
    -ms-transform: translate(0, -141%);
    transform: translate(0, -141%);
    border-radius: 0.3rem;
    display: none;
    background-color: #000;
    color: #fff;
    text-transform: none;
    cursor: initial;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 600;
    right: -0.5rem; }
    [data-comment-form] #comment-form-tooltip:hover {
      cursor: initial; }
  [data-comment-form] #comment-form-tooltip-point {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-color: #000;
    border-radius: 0.2rem;
    -webkit-transform: translate(10.5rem, -0.3rem) rotateZ(45deg);
    -ms-transform: translate(10.5rem, -0.3rem) rotate(45deg);
    transform: translate(10.5rem, -0.3rem) rotateZ(45deg);
    z-index: -1;
    display: inherit; }

[data-typing-indicator] {
  width: 100%;
  padding-left: 1rem;
  font-size: 0.95rem;
  color: #7d7b79;
  margin: 0 0 0 1rem; }
  [data-typing-indicator] div {
    padding: 1rem 0;
    border-radius: 0.5rem;
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 2rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translate3d(-2rem, 0, 0) scale(1);
    transform: translate3d(-2rem, 0, 0) scale(1);
    opacity: 0;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left; }
    [data-typing-indicator] div.active {
      -webkit-transform: translate3d(0, 0, 0) scale(1);
      transform: translate3d(0, 0, 0) scale(1);
      opacity: 1; }
    [data-typing-indicator] div span {
      border-radius: 100%;
      width: 0.5rem;
      height: 0.5rem;
      display: inline-block;
      background: #000;
      -webkit-animation-name: typing;
      animation-name: typing;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
      [data-typing-indicator] div span:nth-of-type(2) {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s; }
      [data-typing-indicator] div span:nth-of-type(3) {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s; }

[data-modal] {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  z-index: 9000000; }
  [data-modal].kicked {
    display: none; }
    [data-modal].kicked.active {
      display: block; }
  [data-modal] > div {
    background: #fff;
    padding: 2rem 1.5rem;
    border-radius: 0.75rem;
    width: auto;
    position: relative;
    top: var(--barHeight);
    margin: 1rem; }
  [data-modal] .modalMessage p {
    text-align: center;
    margin-bottom: 1rem; }
  [data-modal] .modalActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    [data-modal] .modalActions button {
      -ms-flex-preferred-size: calc(50% - 0.5rem);
      flex-basis: calc(50% - 0.5rem);
      background: var(--themeColor);
      color: #fff;
      font-weight: 600;
      background: var(--themeColor) -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.2)));
      background: var(--themeColor) -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
      background: var(--themeColor) -o-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
      background: var(--themeColor) linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
      border-radius: 100rem;
      -webkit-box-shadow: 0 0.125rem 0.125rem rgba(101, 101, 101, 0.25);
      box-shadow: 0 0.125rem 0.125rem rgba(101, 101, 101, 0.25);
      width: 100%;
      max-width: 10rem;
      margin: 0 0.5rem; }
      [data-modal] .modalActions button.secondary {
        color: var(--themeColor);
        background: #fff;
        -webkit-box-shadow: inset 0 0 0 0.2rem var(--themeColor);
        box-shadow: inset 0 0 0 0.2rem var(--themeColor); }

[data-disconnect-message] {
  text-align: center;
  margin: 2rem 0 0 0; }
  [data-disconnect-message] p {
    color: #777;
    margin: 0 0 0.5rem 0; }
  [data-disconnect-message] button {
    background: var(--themeColor);
    color: #fff;
    text-transform: uppercase; }

.verified {
  width: 1.1rem;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.1rem;
  left: -0.15rem; }
  .verified path {
    fill: var(--themeColor);
    fill: #2196f3; }

[data-app-details] {
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-decoration: none;
  color: #999;
  font-weight: 900;
  font-size: 0.7rem; }

[data-accordion] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  padding: 1rem;
  background: #fff;
  z-index: 1; }
  [data-accordion] a {
    color: #000;
    text-decoration: none; }
  [data-accordion] svg {
    width: 0.5rem;
    height: auto;
    display: inline-block;
    margin: 0 0.25rem 0 0;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateY(-0.15rem) rotate(-90deg);
    -ms-transform: translateY(-0.15rem) rotate(-90deg);
    transform: translateY(-0.15rem) rotate(-90deg); }
    [data-accordion] svg.active {
      -webkit-transform: translateY(-0.15rem) rotate(0deg);
      -ms-transform: translateY(-0.15rem) rotate(0deg);
      transform: translateY(-0.15rem) rotate(0deg); }

[data-back-top] {
  position: fixed;
  top: 4.25rem;
  left: 50%;
  -webkit-transform: translate3d(-50%, -3rem, 0);
  transform: translate3d(-50%, -3rem, 0);
  z-index: 1;
  background: #fff;
  color: #000;
  font-size: 0.85rem;
  padding: 0.25rem 1rem;
  border-radius: 100rem;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 0.25rem 0.35rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.35rem rgba(0, 0, 0, 0.1);
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  [data-back-top].active {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); }

#signup,
#account {
  background: #f2ece5; }
  #signup [data-header],
  #account [data-header] {
    padding: 0 1rem !important;
    position: static; }
    #signup [data-header] a,
    #account [data-header] a {
      color: var(--themeColor); }
  #signup [data-signup-section],
  #account [data-signup-section] {
    height: 100vh; }
    #signup [data-signup-section][data-signup-section="vendor"],
    #account [data-signup-section][data-signup-section="vendor"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-line-pack: start;
      align-content: flex-start; }
      #signup [data-signup-section][data-signup-section="vendor"] > div,
      #account [data-signup-section][data-signup-section="vendor"] > div {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0 2rem; }
        #signup [data-signup-section][data-signup-section="vendor"] > div [data-button],
        #account [data-signup-section][data-signup-section="vendor"] > div [data-button] {
          margin-top: 1rem; }
      #signup [data-signup-section][data-signup-section="vendor"] .bottom-bar,
      #account [data-signup-section][data-signup-section="vendor"] .bottom-bar {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
    #signup [data-signup-section][data-signup-section="profile"], #signup [data-signup-section][data-signup-section="confirmation"],
    #account [data-signup-section][data-signup-section="profile"],
    #account [data-signup-section][data-signup-section="confirmation"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-line-pack: start;
      align-content: flex-start; }
      #signup [data-signup-section][data-signup-section="profile"] > div, #signup [data-signup-section][data-signup-section="confirmation"] > div,
      #account [data-signup-section][data-signup-section="profile"] > div,
      #account [data-signup-section][data-signup-section="confirmation"] > div {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0 2rem; }
      #signup [data-signup-section][data-signup-section="profile"] [data-form-cluster], #signup [data-signup-section][data-signup-section="confirmation"] [data-form-cluster],
      #account [data-signup-section][data-signup-section="profile"] [data-form-cluster],
      #account [data-signup-section][data-signup-section="confirmation"] [data-form-cluster] {
        -webkit-box-shadow: 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2); }
      #signup [data-signup-section][data-signup-section="profile"] .content, #signup [data-signup-section][data-signup-section="confirmation"] .content,
      #account [data-signup-section][data-signup-section="profile"] .content,
      #account [data-signup-section][data-signup-section="confirmation"] .content {
        height: 55vh; }
        #signup [data-signup-section][data-signup-section="profile"] .content svg, #signup [data-signup-section][data-signup-section="confirmation"] .content svg,
        #account [data-signup-section][data-signup-section="profile"] .content svg,
        #account [data-signup-section][data-signup-section="confirmation"] .content svg {
          width: 100%;
          margin: 0 auto 2rem; }
      #signup [data-signup-section][data-signup-section="profile"] .bottom-bar, #signup [data-signup-section][data-signup-section="confirmation"] .bottom-bar,
      #account [data-signup-section][data-signup-section="profile"] .bottom-bar,
      #account [data-signup-section][data-signup-section="confirmation"] .bottom-bar {
        height: 5rem; }
        #signup [data-signup-section][data-signup-section="profile"] .bottom-bar p, #signup [data-signup-section][data-signup-section="confirmation"] .bottom-bar p,
        #account [data-signup-section][data-signup-section="profile"] .bottom-bar p,
        #account [data-signup-section][data-signup-section="confirmation"] .bottom-bar p {
          text-align: center;
          font-size: 0.8rem;
          padding: 0 1rem; }
          #signup [data-signup-section][data-signup-section="profile"] .bottom-bar p a, #signup [data-signup-section][data-signup-section="confirmation"] .bottom-bar p a,
          #account [data-signup-section][data-signup-section="profile"] .bottom-bar p a,
          #account [data-signup-section][data-signup-section="confirmation"] .bottom-bar p a {
            font-weight: 700;
            color: var(--themeColor); }
    #signup [data-signup-section][data-signup-section="confirmation"] p span,
    #account [data-signup-section][data-signup-section="confirmation"] p span {
      display: block;
      font-size: 0.9rem;
      margin: 0 0 1rem 0;
      opacity: 0.7; }
  #signup .content,
  #account .content {
    text-align: center;
    margin-bottom: 1rem; }
    #signup .content svg,
    #account .content svg {
      width: 100%;
      max-width: 12rem;
      margin: 0 auto 1rem;
      fill: var(--themeColor);
      background: #fff;
      border-radius: 100rem; }
    #signup .content h3,
    #account .content h3 {
      font-size: 1.3rem;
      margin: 0 0 0.5rem 0; }
    #signup .content top p,
    #account .content top p {
      color: #3b2112;
      line-height: 1.5; }
    #signup .content #unsubscribe-checkbox,
    #account .content #unsubscribe-checkbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #signup .content #unsubscribe-checkbox input[type="checkbox"],
      #account .content #unsubscribe-checkbox input[type="checkbox"] {
        margin: 1rem; }
      #signup .content #unsubscribe-checkbox label,
      #account .content #unsubscribe-checkbox label {
        text-align: left;
        margin-top: 1rem;
        margin-right: 1rem; }
  #signup .errorMessage,
  #account .errorMessage {
    text-align: center;
    padding: 1rem 2rem; }
    #signup .errorMessage a,
    #account .errorMessage a {
      color: var(--themeColor);
      text-decoration: none; }
  #signup .bottom-bar,
  #account .bottom-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--barHeight); }
    #signup .bottom-bar a,
    #account .bottom-bar a {
      text-decoration: none;
      color: #3b2112;
      opacity: 0.7; }

[data-conversation-header] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 1rem 1.5rem;
  background: #fff;
  -webkit-box-shadow: 0 0.25rem 0.35rem rgba(164, 145, 120, 0.25);
  box-shadow: 0 0.25rem 0.35rem rgba(164, 145, 120, 0.25); }
  [data-conversation-header] h1 {
    font-size: 2rem; }
  [data-conversation-header] p {
    color: #6e604f;
    font-size: 1rem; }
  [data-conversation-header] .avatar {
    position: relative;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 600;
    background: var(--themeColor);
    color: #fff !important; }

[data-form-cluster] {
  border-radius: 0.5rem;
  background: #fff;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1rem; }
  [data-form-cluster] > div {
    border-bottom: 1px solid #ddd;
    position: relative;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
    [data-form-cluster] > div.half {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      border-right: 1px solid #ddd; }
      [data-form-cluster] > div.half:last-of-type {
        border: none; }
    [data-form-cluster] > div.month {
      -ms-flex-preferred-size: calc(100% - 12rem);
      flex-basis: calc(100% - 12rem);
      border-right: 1px solid #ddd; }
    [data-form-cluster] > div.day {
      -ms-flex-preferred-size: 6rem;
      flex-basis: 6rem;
      border-right: 1px solid #ddd; }
    [data-form-cluster] > div.year {
      -ms-flex-preferred-size: 6rem;
      flex-basis: 6rem;
      border-right: 1px solid #ddd;
      border: none; }
    [data-form-cluster] > div:last-of-type {
      border: none; }
    [data-form-cluster] > div > .fa {
      color: #04da42;
      font-size: 0.9rem;
      display: none;
      position: absolute;
      top: 50%;
      right: 1rem;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    [data-form-cluster] > div a {
      font-size: 0.9rem;
      position: absolute;
      top: 50%;
      right: 3rem;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-decoration: none;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      color: #bbb; }
  [data-form-cluster] label {
    position: absolute;
    font-size: 0.8rem;
    z-index: 1;
    top: 0.75rem;
    left: 1rem;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #777;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none; }
  [data-form-cluster] input,
  [data-form-cluster] select {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: inherit;
    font-family: inherit;
    width: 100%;
    display: block;
    background: #fff;
    padding: 1rem;
    padding: 1.75rem 1rem 0.75rem 1rem;
    font-weight: 600;
    -webkit-appearance: none; }
    [data-form-cluster] input[type="date"],
    [data-form-cluster] select[type="date"] {
      text-transform: uppercase;
      position: relative; }
      [data-form-cluster] input[type="date"]::-webkit-calendar-picker-indicator,
      [data-form-cluster] select[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 50%;
        right: 0.75rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0.3; }
    [data-form-cluster] input:valid ~ .valid,
    [data-form-cluster] select:valid ~ .valid {
      display: block; }
    [data-form-cluster] input:valid ~ .invalid,
    [data-form-cluster] input:valid ~ .invalid-border,
    [data-form-cluster] select:valid ~ .invalid,
    [data-form-cluster] select:valid ~ .invalid-border {
      display: none; }
    [data-form-cluster] input:valid ~ .fa-check,
    [data-form-cluster] select:valid ~ .fa-check {
      display: block; }
    [data-form-cluster] input:valid ~ a,
    [data-form-cluster] select:valid ~ a {
      right: 3rem; }
    [data-form-cluster] input:valid::-webkit-calendar-picker-indicator,
    [data-form-cluster] select:valid::-webkit-calendar-picker-indicator {
      right: 2.75rem; }
    [data-form-cluster] input:invalid,
    [data-form-cluster] select:invalid {
      position: relative; }
      [data-form-cluster] input:invalid ~ .invalid-border,
      [data-form-cluster] select:invalid ~ .invalid-border {
        display: block;
        -webkit-box-shadow: inset 0 0 0 2px red;
        box-shadow: inset 0 0 0 2px red;
        position: absolute;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      [data-form-cluster] input:invalid ~ .fa-times,
      [data-form-cluster] select:invalid ~ .fa-times {
        display: block;
        color: red; }
      [data-form-cluster] input:invalid ~ .valid,
      [data-form-cluster] select:invalid ~ .valid {
        display: none; }
      [data-form-cluster] input:invalid ~ .invalid,
      [data-form-cluster] select:invalid ~ .invalid {
        display: block;
        color: red;
        font-weight: 600; }
      [data-form-cluster] input:invalid + .fa,
      [data-form-cluster] select:invalid + .fa {
        display: none !important; }
    [data-form-cluster] input:focus,
    [data-form-cluster] select:focus {
      outline: none; }
      [data-form-cluster] input:focus ~ label,
      [data-form-cluster] select:focus ~ label {
        -webkit-transform: translate3d(0, 0, 0) scale(1) !important;
        transform: translate3d(0, 0, 0) scale(1) !important; }
    [data-form-cluster] input:placeholder-shown ~ label,
    [data-form-cluster] select:placeholder-shown ~ label {
      opacity: 1;
      -webkit-transform: translate3d(0, 0.5rem, 0) scale(1.3);
      transform: translate3d(0, 0.5rem, 0) scale(1.3); }
    [data-form-cluster] input[readonly],
    [data-form-cluster] select[readonly] {
      color: #999; }
  [data-form-cluster] select:valid ~ label {
    -webkit-transform: translate3d(0, 0, 0) scale(1) !important;
    transform: translate3d(0, 0, 0) scale(1) !important; }
  [data-form-cluster] select:invalid ~ label {
    -webkit-transform: translate3d(0, 0.5rem, 0) scale(1.3);
    transform: translate3d(0, 0.5rem, 0) scale(1.3); }

p.successMessage {
  text-align: center;
  color: var(--themeColor);
  background: #68e784;
  font-weight: 600;
  height: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.5rem;
  position: relative; }
  p.successMessage .fa {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1; }

[data-button] {
  text-decoration: none;
  padding: 1rem;
  background: var(--themeColor);
  color: #fff;
  font-weight: 600;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
  font-size: 1.1rem; }
  [data-button] .fa,
  [data-button] .fab {
    position: absolute;
    color: var(--themeColor);
    top: 50%;
    left: 1rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.5rem;
    line-height: 1;
    font-size: 1.6rem;
    line-height: 1;
    margin-top: 0.0125rem; }
  [data-button].fb {
    background: #3b5998;
    margin: 0 0 2rem 0;
    background: #3b5998;
    margin: 0 auto 2rem;
    font-size: 0.9rem;
    border-radius: 100rem;
    line-height: 1;
    padding: 0.5rem 0.75rem 0.5rem 0.5rem;
    width: auto;
    display: inline-block; }
    [data-button].fb .fab {
      color: #fff;
      position: static;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      vertical-align: middle;
      margin-right: 0.25rem; }
  [data-button].google {
    background: #fff;
    color: var(--themeColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    [data-button].google svg {
      width: 1.3rem !important;
      height: auto !important;
      vertical-align: middle !important;
      margin: 0 0.5rem 0 0 !important; }
  [data-button].secondary {
    background: #fff;
    color: var(--themeColor); }
  [data-button][disabled] {
    pointer-events: none;
    background: #cac4be;
    -webkit-box-shadow: none;
    box-shadow: none; }

[data-tooltip] {
  position: relative;
  pointer-events: all; }
  [data-tooltip] span {
    position: absolute;
    background: #000;
    font-size: 0.6rem;
    border: 1px solid #000;
    width: 8rem;
    text-align: left;
    padding: 0.5rem;
    font-weight: 600;
    color: #fff;
    border-radius: 0.5rem;
    top: 50%;
    left: 1rem;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  [data-tooltip]:hover span {
    opacity: 1;
    visibility: visible; }

@-webkit-keyframes typing {
  0% {
    opacity: 0.3;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    opacity: 7;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 0.25rem, 0); }
  100% {
    opacity: 0.3;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes typing {
  0% {
    opacity: 0.3;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    opacity: 7;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 0.25rem, 0); }
  100% {
    opacity: 0.3;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes pulse {
  0% {
    background: red; }
  50% {
    background: #820b0b; }
  100% {
    background: red; } }

@keyframes pulse {
  0% {
    background: red; }
  50% {
    background: #820b0b; }
  100% {
    background: red; } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes animateIn {
  0% {
    -webkit-transform: translate3d(calc(-100% - 2rem), 0, 0);
    transform: translate3d(calc(-100% - 2rem), 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes animateIn {
  0% {
    -webkit-transform: translate3d(calc(-100% - 2rem), 0, 0);
    transform: translate3d(calc(-100% - 2rem), 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes animateOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(calc(100% + 2rem), 0, 0);
    transform: translate3d(calc(100% + 2rem), 0, 0); } }

@keyframes animateOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(calc(100% + 2rem), 0, 0);
    transform: translate3d(calc(100% + 2rem), 0, 0); } }

@-webkit-keyframes float {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2rem, 0);
    transform: translate3d(0, 2rem, 0); }
  25% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  75% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes float {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2rem, 0);
    transform: translate3d(0, 2rem, 0); }
  25% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  75% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

#conversful-navigation-drawer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  #conversful-navigation-drawer .fa {
    margin: 0 0.5rem 0 0; }
  #conversful-navigation-drawer .conversful-navigation-drawer-item {
    text-align: center;
    width: 50%;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--themeColor);
    cursor: pointer;
    font-size: 1.1rem;
    position: relative; }
    #conversful-navigation-drawer .conversful-navigation-drawer-item:hover {
      -webkit-box-shadow: inset 0 10rem 0 rgba(0, 0, 0, 0.03);
      box-shadow: inset 0 10rem 0 rgba(0, 0, 0, 0.03); }
    #conversful-navigation-drawer .conversful-navigation-drawer-item:before {
      content: "";
      background: #ddd;
      height: 0.35rem;
      position: absolute;
      top: -0.35rem;
      left: 0;
      width: 100%; }
    #conversful-navigation-drawer .conversful-navigation-drawer-item.active:before {
      content: "";
      background: var(--themeColor);
      height: 0.35rem;
      position: absolute;
      top: -0.35rem;
      left: 0;
      width: 100%; }
    #conversful-navigation-drawer .conversful-navigation-drawer-item.active svg {
      fill: var(--themeColor); }

#conversful-chats-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin: var(--barHeight) 0 0; }
  #conversful-chats-view .conversation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer; }
    #conversful-chats-view .conversation:hover {
      -webkit-box-shadow: inset 0 10rem 0 rgba(0, 0, 0, 0.03);
      box-shadow: inset 0 10rem 0 rgba(0, 0, 0, 0.03); }
    #conversful-chats-view .conversation .info {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 1rem; }
      #conversful-chats-view .conversation .info .avatar {
        -ms-flex-preferred-size: 3rem;
        flex-basis: 3rem;
        height: 3rem;
        margin-right: 1rem;
        background: none;
        background: var(--themeColor);
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.5rem;
        font-weight: 600;
        border-radius: 0.5rem;
        position: relative; }
      #conversful-chats-view .conversation .info .brief {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-preferred-size: calc(100% - 4rem);
        flex-basis: calc(100% - 4rem);
        max-width: calc(100% - 4rem);
        font-size: 1rem; }
        #conversful-chats-view .conversation .info .brief .partner {
          -ms-flex-preferred-size: calc(100% - 4.4rem);
          flex-basis: calc(100% - 4.4rem);
          font-weight: 700;
          overflow: hidden;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #000; }
        #conversful-chats-view .conversation .info .brief .time {
          -ms-flex-preferred-size: 4rem;
          flex-basis: 4rem;
          text-align: right;
          color: #767676;
          font-weight: 300;
          font-size: 1rem; }
        #conversful-chats-view .conversation .info .brief .last-message {
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          font-weight: 500;
          font-size: 1rem;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          color: #000; }
    #conversful-chats-view .conversation.unread .info {
      padding-right: 2rem; }
    #conversful-chats-view .conversation.unread .brief .partner {
      color: #000; }
    #conversful-chats-view .conversation.unread .brief .time {
      color: #767676; }
    #conversful-chats-view .conversation.unread .brief .last-message {
      color: #000;
      font-weight: 600; }
    #conversful-chats-view .conversation .conversation-border {
      width: 90%;
      margin: auto;
      margin-top: 0.5rem;
      border-color: rgba(0, 0, 0, 0.15);
      border-style: solid;
      border-width: thin; }

.unreadIndicator {
  background: #03a9f4;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 100rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.fa {
  position: relative; }

[data-unread] {
  background: red;
  color: #fff;
  min-width: 1.1rem;
  height: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  font-family: proxima-nova;
  font-weight: 700;
  font-size: 0.9rem;
  border-radius: 100rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: -0.65rem;
  right: -0.5rem;
  line-height: 0;
  text-decoration: none; }

.more {
  color: var(--themeColor);
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: underline;
  display: block;
  margin-top: 0.5rem; }

.link-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  top: 1rem;
  right: 1rem;
  overflow: hidden;
  padding: 0.25rem 0;
  border-radius: 0.35rem;
  pointer-events: all;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  position: relative;
  top: -1.5rem;
  left: 0; }
  .link-page input {
    display: none; }
  .link-page label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 0.9rem; }
    .link-page label span {
      color: var(--themeColor);
      font-weight: 700;
      font-size: 0.9rem;
      margin-right: 0.5rem; }
  .link-page .fa-check-square,
  .link-page .fa-check-circle {
    color: var(--themeColor); }
  .link-page .fa-square,
  .link-page .fa-circle {
    color: #bbb;
    position: relative; }
    .link-page .fa-square:after,
    .link-page .fa-circle:after {
      content: "";
      width: 0.6rem;
      height: 0.6rem;
      background: #fff;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      border-radius: 100rem;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

[data-link-preview] {
  color: #000;
  background: #eee;
  padding: 1rem 1rem 0;
  margin: -1rem -1rem 1rem;
  position: relative;
  z-index: 1; }
  [data-link-preview] div:nth-of-type(1) {
    color: #555; }
  [data-link-preview] div:nth-of-type(2) {
    font-weight: 600; }

span#overlay {
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: 1rem; }
  span#overlay.formHasContent {
    opacity: 0.3;
    pointer-events: all; }

[data-feedback-form],
[data-hero-details] {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 2000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  z-index: 9000000; }
  [data-feedback-form] > div,
  [data-hero-details] > div {
    width: 100%;
    border-radius: 1rem 1rem 0 0;
    background: var(--themeColor); }
    [data-feedback-form] > div .header,
    [data-hero-details] > div .header {
      padding: 1rem;
      height: var(--barHeight);
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 1rem;
      z-index: 2; }
      [data-feedback-form] > div .header strong,
      [data-hero-details] > div .header strong {
        color: #fff;
        font-weight: 700; }
      [data-feedback-form] > div .header a,
      [data-hero-details] > div .header a {
        width: 2rem;
        height: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
        position: relative;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        align-items: center;
        color: #fff; }
        [data-feedback-form] > div .header a svg,
        [data-hero-details] > div .header a svg {
          width: 100%;
          height: auto;
          display: block; }
        [data-feedback-form] > div .header a:before,
        [data-hero-details] > div .header a:before {
          content: "";
          background: #fff;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 100rem;
          opacity: 0.1; }
    [data-feedback-form] > div .main,
    [data-hero-details] > div .main {
      padding: 0 1rem 1rem; }
      [data-feedback-form] > div .main p,
      [data-hero-details] > div .main p {
        color: #fff;
        text-align: center;
        margin: 0 0 1.75rem 0; }
        [data-feedback-form] > div .main p.confirmation,
        [data-hero-details] > div .main p.confirmation {
          margin-bottom: 20rem;
          padding: 0 4rem; }
      [data-feedback-form] > div .main ul,
      [data-hero-details] > div .main ul {
        list-style: none;
        padding: 0 0.5rem; }
        [data-feedback-form] > div .main ul li,
        [data-hero-details] > div .main ul li {
          margin: 0 0 1rem 0;
          color: #fff; }
      [data-feedback-form] > div .main .form-container,
      [data-hero-details] > div .main .form-container {
        padding: 1rem;
        border-radius: 0.75rem;
        background: #fff; }
      [data-feedback-form] > div .main input,
      [data-feedback-form] > div .main textarea,
      [data-hero-details] > div .main input,
      [data-hero-details] > div .main textarea {
        width: 100%;
        margin: 0 0 0.5rem 0;
        font-size: inherit;
        font-family: inherit;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        font-weight: 300;
        font-size: 1.1rem;
        caret-color: var(--themeColor);
        line-height: inherit; }
        [data-feedback-form] > div .main input[readonly],
        [data-feedback-form] > div .main textarea[readonly],
        [data-hero-details] > div .main input[readonly],
        [data-hero-details] > div .main textarea[readonly] {
          display: none; }
      [data-feedback-form] > div .main textarea,
      [data-hero-details] > div .main textarea {
        min-height: 10rem; }
      [data-feedback-form] > div .main button,
      [data-hero-details] > div .main button {
        font-size: 1.1rem;
        font-weight: 700;
        padding: 1rem;
        border-radius: 0.5rem;
        background: var(--themeColor);
        color: #fff;
        position: relative;
        z-index: 1;
        -webkit-box-shadow: 0 0.25rem 0.35rem rgba(101, 101, 101, 0.25), inset 0 -4rem 4rem -4rem rgba(0, 0, 0, 0.2), inset 0 3rem 4rem -4rem rgba(255, 255, 255, 0.6);
        box-shadow: 0 0.25rem 0.35rem rgba(101, 101, 101, 0.25), inset 0 -4rem 4rem -4rem rgba(0, 0, 0, 0.2), inset 0 3rem 4rem -4rem rgba(255, 255, 255, 0.6); }
        [data-feedback-form] > div .main button[disabled],
        [data-hero-details] > div .main button[disabled] {
          background: rgba(0, 0, 0, 0.2);
          -webkit-box-shadow: none;
          box-shadow: none; }

[data-feedback] {
  color: #8a755c;
  border: 2px solid #8a755c82;
  background: none;
  border-radius: 100rem;
  padding: 0.25rem 0.25rem;
  width: 8rem;
  margin: 0 auto 6rem;
  display: block;
  font-weight: 700;
  font-size: 0.9rem; }
  [data-feedback].hidden {
    display: none !important; }

#conversful-chats-view [data-feedback] {
  margin: 2rem auto 6rem; }

[data-local-time] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 2rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -2rem;
  left: 50%;
  opacity: 0.7;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-color: var(--themeColorSecondary); }
  [data-local-time] strong {
    font-weight: 600; }

#subscribed-notification {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  text-align: center;
  width: 100%;
  background-color: white;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
  padding: 0.2rem;
  position: -webkit-sticky;
  position: sticky;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0%;
  z-index: 100000; }
  #subscribed-notification.active {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 100%; }

[data-upcoming-chats-container] > div.hidden {
  display: none !important; }

[data-upcoming-chats-container] > div.active [data-day] {
  display: none !important; }

[data-upcoming-chats-container] .loader {
  margin: auto;
  margin-bottom: 3rem;
  border: 1.2rem solid #f3f3f3;
  border-top: 1.2rem solid var(--themeColor);
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

[data-upcoming-chat] {
  background: #fff;
  color: #000;
  margin: 0 1rem 1rem 1rem;
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); }
  [data-upcoming-chat].waiting {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 100%;
    left: 0;
    height: calc(100% - var(--barHeight));
    margin: 0;
    border-radius: 1.5rem 1.5rem 0 0;
    padding: 1rem 0; }
    [data-upcoming-chat].waiting.visible {
      top: var(--barHeight); }
    [data-upcoming-chat].waiting .leave-button {
      background-color: #F50003; }
  [data-upcoming-chat] .section {
    margin: 0 0 0.75rem 0;
    padding: 0 0.75rem;
    position: relative; }
    [data-upcoming-chat] .section.fixed-bottom {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #fff;
      -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
      padding: 1.25rem;
      padding: 0.75rem;
      margin: 0;
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      -webkit-transition-delay: 1.2s;
      -o-transition-delay: 1.2s;
      transition-delay: 1.2s; }
      @media screen and (max-device-width: 600px) {
        [data-upcoming-chat] .section.fixed-bottom {
          position: static;
          -webkit-box-shadow: none;
          box-shadow: none;
          padding: 0; } }
      [data-upcoming-chat] .section.fixed-bottom.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1; }
    [data-upcoming-chat] .section.time {
      padding: 0.75rem 0.75rem 0.5rem;
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      [data-upcoming-chat] .section.time button {
        width: auto;
        display: inline-block;
        padding: 0.55rem 0.75rem;
        font-size: 0.9rem;
        border-radius: 0.35rem;
        border-radius: 100rem;
        line-height: 1; }
        [data-upcoming-chat] .section.time button.leave {
          background: red; }
        [data-upcoming-chat] .section.time button .fa-bell {
          margin: 0 0.35rem 0 0; }
        [data-upcoming-chat] .section.time button .fa-comment {
          margin: 0 0.15rem 0 0; }
    [data-upcoming-chat] .section.attendees a {
      text-decoration: underline;
      color: #666666; }
    [data-upcoming-chat] .section.attendees ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      [data-upcoming-chat] .section.attendees ul li {
        -ms-flex-preferred-size: calc(25% - 0.5rem);
        flex-basis: calc(25% - 0.5rem);
        text-align: center;
        margin: 0 0.5rem 1rem 0;
        -webkit-box-shadow: none;
        box-shadow: none; }
        [data-upcoming-chat] .section.attendees ul li span {
          font-weight: 600; }
    [data-upcoming-chat] .section.attendees .avatar {
      background: var(--themeColor);
      color: #fff;
      width: 3rem;
      height: 3rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 100rem;
      font-weight: 700;
      margin: 0 auto 0.35rem;
      font-size: 1.5rem;
      text-transform: uppercase; }
  [data-upcoming-chat].focused .section.time button {
    -webkit-animation: pulse 1.5s 10;
    animation: pulse 1.5s 10; }
  [data-upcoming-chat] time {
    display: block;
    color: #888;
    font-size: 1.1rem;
    font-weight: 600; }
    [data-upcoming-chat] time strong {
      font-weight: 700;
      color: red;
      position: relative; }
      [data-upcoming-chat] time strong span {
        font-weight: 600;
        color: #666666; }
  [data-upcoming-chat] h1 {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 0.25rem 0; }
  [data-upcoming-chat] h2 {
    font-size: 1rem;
    font-weight: 700;
    margin: 0.5rem 0 0.25rem 0; }
  [data-upcoming-chat] p {
    color: #000; }
  [data-upcoming-chat] ul {
    outline: none; }
    [data-upcoming-chat] ul li {
      width: 100%;
      margin-right: 1rem;
      list-style: none; }
      [data-upcoming-chat] ul li a {
        color: #000; }
        [data-upcoming-chat] ul li a img {
          width: 100%;
          border-radius: 0.5rem;
          vertical-align: middle;
          display: block;
          background: #eee; }
        [data-upcoming-chat] ul li a .img {
          width: 100%;
          padding-top: 45%;
          border-radius: 0.5rem; }
        [data-upcoming-chat] ul li a span {
          color: #000;
          font-weight: 500;
          font-size: 0.9rem;
          border-top: none;
          display: block;
          padding: 0.5rem 0 0;
          text-decoration: underline; }
        [data-upcoming-chat] ul li a:hover {
          text-decoration: underline; }
  [data-upcoming-chat] .flickity-page-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0.5rem;
    right: 0.75rem; }
    [data-upcoming-chat] .flickity-page-dots .dot {
      background: var(--themeColor);
      width: 1rem;
      height: 0.25rem;
      border-radius: 100rem;
      margin: 0 0.15rem;
      opacity: 0.3;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      [data-upcoming-chat] .flickity-page-dots .dot.is-selected {
        opacity: 1; }
  [data-upcoming-chat] button {
    font-size: 1.1rem;
    width: 100%;
    padding: 1rem 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-weight: 700;
    background: var(--themeColor) -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.2)));
    background: var(--themeColor) -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background: var(--themeColor) -o-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background: var(--themeColor) linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    font-size: inherit;
    font-family: inherit;
    border-radius: 100rem;
    cursor: pointer;
    -webkit-box-shadow: 0 0.125rem 0.125rem rgba(101, 101, 101, 0.25);
    box-shadow: 0 0.125rem 0.125rem rgba(101, 101, 101, 0.25);
    outline: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    [data-upcoming-chat] button:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05); }
    [data-upcoming-chat] button.flickity-button {
      position: absolute;
      top: 50%;
      top: 6.5rem;
      width: 1.5rem;
      height: 1.5rem;
      background: var(--themeColor);
      border-radius: 100rem;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
      box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); }
      [data-upcoming-chat] button.flickity-button.previous {
        left: 0.25rem; }
      [data-upcoming-chat] button.flickity-button.next {
        right: 0.25rem; }
      [data-upcoming-chat] button.flickity-button[disabled] {
        display: none; }
      [data-upcoming-chat] button.flickity-button svg {
        width: 50%;
        height: auto;
        fill: #fff; }
  [data-upcoming-chat] .overlay {
    background: #eee;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    [data-upcoming-chat] .overlay.active {
      opacity: 0.7;
      pointer-events: all; }
  [data-upcoming-chat] [data-actions],
  [data-upcoming-chat] [data-attendees] {
    min-height: 15rem;
    padding: 2rem 1rem 1rem;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(0, -105%, 0);
    transform: translate3d(0, -105%, 0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0 0 0.5rem 0.5rem; }
    [data-upcoming-chat] [data-actions].active,
    [data-upcoming-chat] [data-attendees].active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    [data-upcoming-chat] [data-actions] h2,
    [data-upcoming-chat] [data-actions] p,
    [data-upcoming-chat] [data-attendees] h2,
    [data-upcoming-chat] [data-attendees] p {
      text-align: center; }
    [data-upcoming-chat] [data-actions] p,
    [data-upcoming-chat] [data-attendees] p {
      margin-top: 1rem;
      font-weight: 500;
      line-height: 1.3; }
      [data-upcoming-chat] [data-actions] p strong,
      [data-upcoming-chat] [data-attendees] p strong {
        font-weight: 700;
        color: #000; }
    [data-upcoming-chat] [data-actions] ul,
    [data-upcoming-chat] [data-attendees] ul {
      -webkit-column-count: 2;
      column-count: 2; }
      [data-upcoming-chat] [data-actions] ul li,
      [data-upcoming-chat] [data-attendees] ul li {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0.25rem 0;
        font-weight: 600; }
        [data-upcoming-chat] [data-actions] ul li span,
        [data-upcoming-chat] [data-attendees] ul li span {
          background: #999;
          color: #fff;
          width: 1.5rem;
          height: 1.5rem;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          vertical-align: middle;
          border-radius: 100rem;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
    [data-upcoming-chat] [data-actions] input,
    [data-upcoming-chat] [data-attendees] input {
      width: 100%;
      padding: 0.75rem;
      border: none;
      color: #000;
      font-weight: 500;
      background: #eee;
      font-size: inherit;
      font-family: inherit;
      border-radius: 0.5rem;
      outline: none;
      margin-top: 1rem;
      text-align: center;
      border-radius: 100rem;
      max-width: 15rem;
      margin: 1rem auto 0;
      display: block; }
    [data-upcoming-chat] [data-actions] button,
    [data-upcoming-chat] [data-attendees] button {
      margin-top: 1rem;
      padding: 0.75rem 0;
      max-width: 15rem;
      margin: 1rem auto 0;
      display: block; }
      [data-upcoming-chat] [data-actions] button[disabled],
      [data-upcoming-chat] [data-attendees] button[disabled] {
        background: #999; }
    [data-upcoming-chat] [data-actions] a,
    [data-upcoming-chat] [data-attendees] a {
      text-align: center;
      display: block;
      margin: 1rem 0 0.25rem;
      color: #666;
      text-decoration: underline; }

.lobby {
  margin: 0; }

[data-day] {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  background: #e4dace;
  background: var(--themeColorSecondary);
  color: #795548;
  padding: 0.25rem 1rem;
  margin: 0 0 0.75rem 0;
  text-align: center;
  position: -webkit-sticky;
  position: sticky;
  top: var(--barHeight);
  z-index: 10;
  font-weight: 600;
  font-size: 0.7rem; }

[data-button-secondary] {
  width: auto; }

[data-chat-link] {
  position: absolute;
  pointer-events: none;
  left: -9999px; }

[data-copy-link] {
  color: #aaa;
  border-radius: 100rem;
  font-size: 0.9rem;
  display: inline-block;
  line-height: 1;
  position: relative; }
  [data-copy-link] span {
    pointer-events: none;
    position: absolute;
    background: #000;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 0.35rem 0.5rem;
    border-radius: 0.25rem;
    right: -0.2rem;
    width: 5.25rem;
    text-align: center;
    top: -0.5rem;
    opacity: 0;
    -webkit-transform: translate3d(-1rem, -100%, 0);
    transform: translate3d(-1rem, -100%, 0);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    [data-copy-link] span:before {
      content: "";
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      background: #000;
      position: absolute;
      bottom: -0.2rem;
      right: 0.5rem;
      width: 0.5rem;
      height: 0.5rem;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    [data-copy-link] span.success {
      background: #4caf50; }
      [data-copy-link] span.success:before {
        background: #4caf50; }
  [data-copy-link]:hover {
    color: var(--themeColor); }
    [data-copy-link]:hover span {
      opacity: 1;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); }

[data-live-bar] {
  width: 100%;
  height: 0.2rem;
  display: block;
  border-radius: 100rem;
  position: absolute;
  overflow: hidden;
  bottom: -0.25rem; }
  [data-live-bar]:before {
    content: "";
    height: 100%;
    width: 50%;
    background: red;
    border-radius: 100rem;
    display: block;
    -webkit-animation: live-bar 3s infinite;
    animation: live-bar 3s infinite;
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
    position: absolute;
    top: 0;
    left: 0; }

[data-chat-instructions] {
  padding: 1.25rem;
  position: fixed;
  background: #fff;
  z-index: 100;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem 1.5rem 0 0;
  overflow: auto;
  padding-bottom: 10rem;
  top: 100vh;
  -webkit-animation: rollup 0.6s ease-in-out 1;
  animation: rollup 0.6s ease-in-out 1;
  top: var(--barHeight); }
  [data-chat-instructions] h2 {
    font-size: 1.5rem; }
  [data-chat-instructions] ul {
    margin: 2rem 0; }
    [data-chat-instructions] ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: 0 0 1rem 0;
      opacity: 0;
      -webkit-transform: translate3d(0, 2rem, 0) scale(0.9);
      transform: translate3d(0, 2rem, 0) scale(0.9);
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
      [data-chat-instructions] ul li:nth-of-type(1) {
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s; }
        [data-chat-instructions] ul li:nth-of-type(1) img {
          background: #fcb1a5 url("../assets/grtc-hand.png") no-repeat center center/cover; }
      [data-chat-instructions] ul li:nth-of-type(2) {
        -webkit-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s; }
        [data-chat-instructions] ul li:nth-of-type(2) img {
          background: #fed185 url("../assets/grtc-person.png") no-repeat center center/cover; }
      [data-chat-instructions] ul li:nth-of-type(3) {
        -webkit-transition-delay: 0.6s;
        -o-transition-delay: 0.6s;
        transition-delay: 0.6s; }
        [data-chat-instructions] ul li:nth-of-type(3) img {
          background: #9ce8ba url("../assets/grtc-ticket.png") no-repeat center center/cover; }
      [data-chat-instructions] ul li:nth-of-type(4) {
        -webkit-transition-delay: 0.9s;
        -o-transition-delay: 0.9s;
        transition-delay: 0.9s; }
        [data-chat-instructions] ul li:nth-of-type(4) img {
          background: #90c8fd url("../assets/grtc-fish.png") no-repeat center center/cover; }
      [data-chat-instructions] ul li h3 {
        font-size: 1.15rem; }
      [data-chat-instructions] ul li p {
        font-size: 0.9rem; }
      [data-chat-instructions] ul li img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 1rem; }
      [data-chat-instructions] ul li div:nth-of-type(1) {
        -ms-flex-preferred-size: calc(75% - 1rem);
        flex-basis: calc(75% - 1rem); }
      [data-chat-instructions] ul li div:nth-of-type(2) {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
    [data-chat-instructions] ul.active li {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) scale(1);
      transform: translate3d(0, 0, 0) scale(1); }
  [data-chat-instructions] a {
    text-align: center;
    display: block;
    color: #000;
    text-decoration: underline;
    padding: 1rem 0; }

[data-progress] {
  background: #ddd;
  width: 100%;
  height: 0.5rem;
  position: absolute;
  top: 0;
  left: 0; }
  [data-progress] > div {
    height: 0.5rem;
    background: var(--themeColor);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }

.reminderSet {
  width: auto;
  display: inline-block;
  padding: 0.55rem 0.75rem;
  font-size: 0.9rem;
  border-radius: 0.35rem;
  border-radius: 100rem;
  line-height: 1;
  background: #eee;
  color: #888 !important; }
  .reminderSet span {
    font-weight: 700; }

@-webkit-keyframes live-bar {
  0% {
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0); } }

@keyframes live-bar {
  0% {
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0); } }

@-webkit-keyframes rollup {
  0% {
    top: 100vh; }
  100% {
    top: var(--barHeight); } }

@keyframes rollup {
  0% {
    top: 100vh; }
  100% {
    top: var(--barHeight); } }

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2rem, 0);
    transform: translate3d(0, 2rem, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2rem, 0);
    transform: translate3d(0, 2rem, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0.125rem 0.125rem rgba(101, 101, 101, 0.25), 0 0 0 0 var(--themeColor), 0 0 0 -1.5rem var(--themeColor);
    box-shadow: 0 0.125rem 0.125rem rgba(101, 101, 101, 0.25), 0 0 0 0 var(--themeColor), 0 0 0 -1.5rem var(--themeColor); }
  100% {
    -webkit-box-shadow: 0 0.125rem 0.125rem rgba(101, 101, 101, 0.25), 0 0 0 1rem transparent, 0 0 0 1rem transparent;
    box-shadow: 0 0.125rem 0.125rem rgba(101, 101, 101, 0.25), 0 0 0 1rem transparent, 0 0 0 1rem transparent; } }

[data-blocked] {
  height: 80vh; }
  [data-blocked] .blocked-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    [data-blocked] .blocked-container p {
      font-size: 1.2rem; }
  [data-blocked] a {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 2rem;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--themeColor);
    background: #fff;
    border-radius: 100rem; }

.join-avatar {
  cursor: pointer; }

[data-welcome] {
  padding: 1.5rem; }
  [data-welcome] .names {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 0.75rem 0; }

[data-thread-jump] {
  background: #fff;
  color: var(--themeColor);
  width: 3rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  bottom: 6rem;
  position: absolute !important;
  left: 50%;
  -webkit-transform: translate3d(-50%, 5rem, 0) scale(0.9);
  transform: translate3d(-50%, 5rem, 0) scale(0.9);
  -webkit-box-shadow: 0 0.25rem 0.25rem rgba(164, 145, 120, 0.25);
  box-shadow: 0 0.25rem 0.25rem rgba(164, 145, 120, 0.25);
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s; }
  [data-thread-jump].active {
    -webkit-transform: translate3d(-50%, 0, 0) scale(1);
    transform: translate3d(-50%, 0, 0) scale(1); }

[data-attendees] {
  background: #fff;
  padding: 0.75rem 0.75rem 0;
  position: fixed;
  top: var(--barHeight);
  left: 0;
  width: 100%;
  z-index: 2;
  -webkit-box-shadow: 0 0.25rem 0.25rem rgba(164, 145, 120, 0.25);
  box-shadow: 0 0.25rem 0.25rem rgba(164, 145, 120, 0.25); }
  [data-attendees] ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    [data-attendees] ul li {
      -ms-flex-preferred-size: calc(16.6% - 0.25rem);
      flex-basis: calc(16.6% - 0.25rem);
      text-align: center;
      margin: 0 0.5rem 0.5rem 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      list-style: none; }
      [data-attendees] ul li .verified {
        width: 0.8rem; }
      [data-attendees] ul li span {
        font-weight: 600;
        font-size: 0.8rem;
        vertical-align: middle; }
  [data-attendees] .avatar {
    background: var(--themeColor);
    color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100rem;
    font-weight: 700;
    margin: 0 auto;
    font-size: 1.1rem;
    text-transform: uppercase; }

[data-breakout-rooms] {
  text-align: center;
  padding: 0.75rem 1rem;
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: var(--barHeight);
  z-index: 1;
  -webkit-box-shadow: 0 0.25rem 0.25rem rgba(164, 145, 120, 0.15);
  box-shadow: 0 0.25rem 0.25rem rgba(164, 145, 120, 0.15); }
  [data-breakout-rooms] [data-room="Red"] [data-room-popup] {
    left: 100%; }
    [data-breakout-rooms] [data-room="Red"] [data-room-popup] .arrow {
      left: 30%; }
  [data-breakout-rooms] [data-room="Violet"] [data-room-popup] {
    left: 0%; }
    [data-breakout-rooms] [data-room="Violet"] [data-room-popup] .arrow {
      left: 70%; }
  [data-breakout-rooms] [data-breakout-rooms-instructions] {
    background: #eee;
    border-radius: 0.75rem;
    padding: 1rem 1rem;
    margin: 1rem 0 0 0;
    position: relative; }
    [data-breakout-rooms] [data-breakout-rooms-instructions] h2 {
      font-size: 1.1rem; }
    [data-breakout-rooms] [data-breakout-rooms-instructions] p {
      font-size: 0.9rem; }
    [data-breakout-rooms] [data-breakout-rooms-instructions] a {
      position: absolute;
      top: 0.5rem;
      right: 0.75rem;
      color: #666;
      font-size: 0.9rem; }
      [data-breakout-rooms] [data-breakout-rooms-instructions] a:hover {
        text-decoration: underline; }
  [data-breakout-rooms] [data-room-pictogram] {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto 0.25rem;
    border-radius: 100rem;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    [data-breakout-rooms] [data-room-pictogram]:before {
      content: "";
      opacity: 0;
      width: 3.5rem;
      height: 3.5rem;
      pointer-events: none;
      -webkit-box-shadow: inset 0 0 0 3px #ddd;
      box-shadow: inset 0 0 0 3px #ddd;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate3d(-50%, -50%, 0);
      transform: translate3d(-50%, -50%, 0);
      border-radius: 100rem;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
    [data-breakout-rooms] [data-room-pictogram] > div {
      background: #fff;
      width: 0.65rem;
      height: 0.65rem;
      border-radius: 100rem;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    [data-breakout-rooms] [data-room-pictogram][data-layout="1"] > div:nth-of-type(1) {
      -webkit-transform: translate3d(-50%, -50%, 0);
      transform: translate3d(-50%, -50%, 0); }
    [data-breakout-rooms] [data-room-pictogram][data-layout="2"] {
      position: relative; }
      [data-breakout-rooms] [data-room-pictogram][data-layout="2"] > * {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0.65rem;
        height: 0.65rem;
        margin: -0.325rem; }
        [data-breakout-rooms] [data-room-pictogram][data-layout="2"] > *:nth-of-type(1) {
          -webkit-transform: rotate(0deg) translate(0.5625rem) rotate(0deg);
          -ms-transform: rotate(0deg) translate(0.5625rem) rotate(0deg);
          transform: rotate(0deg) translate(0.5625rem) rotate(0deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="2"] > *:nth-of-type(2) {
          -webkit-transform: rotate(180deg) translate(0.5625rem) rotate(-180deg);
          -ms-transform: rotate(180deg) translate(0.5625rem) rotate(-180deg);
          transform: rotate(180deg) translate(0.5625rem) rotate(-180deg); }
    [data-breakout-rooms] [data-room-pictogram][data-layout="3"] {
      position: relative; }
      [data-breakout-rooms] [data-room-pictogram][data-layout="3"] > * {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0.65rem;
        height: 0.65rem;
        margin: -0.325rem; }
        [data-breakout-rooms] [data-room-pictogram][data-layout="3"] > *:nth-of-type(1) {
          -webkit-transform: rotate(0deg) translate(0.625rem) rotate(0deg);
          -ms-transform: rotate(0deg) translate(0.625rem) rotate(0deg);
          transform: rotate(0deg) translate(0.625rem) rotate(0deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="3"] > *:nth-of-type(2) {
          -webkit-transform: rotate(120deg) translate(0.625rem) rotate(-120deg);
          -ms-transform: rotate(120deg) translate(0.625rem) rotate(-120deg);
          transform: rotate(120deg) translate(0.625rem) rotate(-120deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="3"] > *:nth-of-type(3) {
          -webkit-transform: rotate(240deg) translate(0.625rem) rotate(-240deg);
          -ms-transform: rotate(240deg) translate(0.625rem) rotate(-240deg);
          transform: rotate(240deg) translate(0.625rem) rotate(-240deg); }
    [data-breakout-rooms] [data-room-pictogram][data-layout="4"] {
      position: relative; }
      [data-breakout-rooms] [data-room-pictogram][data-layout="4"] > * {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0.65rem;
        height: 0.65rem;
        margin: -0.325rem; }
        [data-breakout-rooms] [data-room-pictogram][data-layout="4"] > *:nth-of-type(1) {
          -webkit-transform: rotate(0deg) translate(0.675rem) rotate(0deg);
          -ms-transform: rotate(0deg) translate(0.675rem) rotate(0deg);
          transform: rotate(0deg) translate(0.675rem) rotate(0deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="4"] > *:nth-of-type(2) {
          -webkit-transform: rotate(90deg) translate(0.675rem) rotate(-90deg);
          -ms-transform: rotate(90deg) translate(0.675rem) rotate(-90deg);
          transform: rotate(90deg) translate(0.675rem) rotate(-90deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="4"] > *:nth-of-type(3) {
          -webkit-transform: rotate(180deg) translate(0.675rem) rotate(-180deg);
          -ms-transform: rotate(180deg) translate(0.675rem) rotate(-180deg);
          transform: rotate(180deg) translate(0.675rem) rotate(-180deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="4"] > *:nth-of-type(4) {
          -webkit-transform: rotate(270deg) translate(0.675rem) rotate(-270deg);
          -ms-transform: rotate(270deg) translate(0.675rem) rotate(-270deg);
          transform: rotate(270deg) translate(0.675rem) rotate(-270deg); }
    [data-breakout-rooms] [data-room-pictogram][data-layout="5"] {
      position: relative; }
      [data-breakout-rooms] [data-room-pictogram][data-layout="5"] > * {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0.65rem;
        height: 0.65rem;
        margin: -0.325rem; }
        [data-breakout-rooms] [data-room-pictogram][data-layout="5"] > *:nth-of-type(1) {
          -webkit-transform: rotate(0deg) translate(0.75rem) rotate(0deg);
          -ms-transform: rotate(0deg) translate(0.75rem) rotate(0deg);
          transform: rotate(0deg) translate(0.75rem) rotate(0deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="5"] > *:nth-of-type(2) {
          -webkit-transform: rotate(72deg) translate(0.75rem) rotate(-72deg);
          -ms-transform: rotate(72deg) translate(0.75rem) rotate(-72deg);
          transform: rotate(72deg) translate(0.75rem) rotate(-72deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="5"] > *:nth-of-type(3) {
          -webkit-transform: rotate(144deg) translate(0.75rem) rotate(-144deg);
          -ms-transform: rotate(144deg) translate(0.75rem) rotate(-144deg);
          transform: rotate(144deg) translate(0.75rem) rotate(-144deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="5"] > *:nth-of-type(4) {
          -webkit-transform: rotate(216deg) translate(0.75rem) rotate(-216deg);
          -ms-transform: rotate(216deg) translate(0.75rem) rotate(-216deg);
          transform: rotate(216deg) translate(0.75rem) rotate(-216deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="5"] > *:nth-of-type(5) {
          -webkit-transform: rotate(288deg) translate(0.75rem) rotate(-288deg);
          -ms-transform: rotate(288deg) translate(0.75rem) rotate(-288deg);
          transform: rotate(288deg) translate(0.75rem) rotate(-288deg); }
    [data-breakout-rooms] [data-room-pictogram][data-layout="6"] {
      position: relative; }
      [data-breakout-rooms] [data-room-pictogram][data-layout="6"] > * {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0.65rem;
        height: 0.65rem;
        margin: -0.325rem; }
        [data-breakout-rooms] [data-room-pictogram][data-layout="6"] > *:nth-of-type(1) {
          -webkit-transform: rotate(0deg) translate(0.75rem) rotate(0deg);
          -ms-transform: rotate(0deg) translate(0.75rem) rotate(0deg);
          transform: rotate(0deg) translate(0.75rem) rotate(0deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="6"] > *:nth-of-type(2) {
          -webkit-transform: rotate(60deg) translate(0.75rem) rotate(-60deg);
          -ms-transform: rotate(60deg) translate(0.75rem) rotate(-60deg);
          transform: rotate(60deg) translate(0.75rem) rotate(-60deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="6"] > *:nth-of-type(3) {
          -webkit-transform: rotate(120deg) translate(0.75rem) rotate(-120deg);
          -ms-transform: rotate(120deg) translate(0.75rem) rotate(-120deg);
          transform: rotate(120deg) translate(0.75rem) rotate(-120deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="6"] > *:nth-of-type(4) {
          -webkit-transform: rotate(180deg) translate(0.75rem) rotate(-180deg);
          -ms-transform: rotate(180deg) translate(0.75rem) rotate(-180deg);
          transform: rotate(180deg) translate(0.75rem) rotate(-180deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="6"] > *:nth-of-type(5) {
          -webkit-transform: rotate(240deg) translate(0.75rem) rotate(-240deg);
          -ms-transform: rotate(240deg) translate(0.75rem) rotate(-240deg);
          transform: rotate(240deg) translate(0.75rem) rotate(-240deg); }
        [data-breakout-rooms] [data-room-pictogram][data-layout="6"] > *:nth-of-type(6) {
          -webkit-transform: rotate(300deg) translate(0.75rem) rotate(-300deg);
          -ms-transform: rotate(300deg) translate(0.75rem) rotate(-300deg);
          transform: rotate(300deg) translate(0.75rem) rotate(-300deg); }
  [data-breakout-rooms] [data-pictogram-number] {
    color: #fff;
    font-size: 1.5rem;
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100rem; }
  [data-breakout-rooms] [data-room-popup] {
    position: absolute;
    top: calc(100% + 0.75rem);
    left: 50%;
    -webkit-transform: translate3d(-50%, 1rem, 0);
    transform: translate3d(-50%, 1rem, 0);
    z-index: 100;
    width: 10rem;
    border-radius: 0.75rem;
    padding: 1rem;
    color: #fff;
    pointer-events: none;
    -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.1), inset 0 -7rem 3rem -3rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.1), inset 0 -7rem 3rem -3rem rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    [data-breakout-rooms] [data-room-popup] .arrow {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
      transform: translate3d(-50%, -50%, 0) rotate(45deg);
      width: 0.75rem;
      height: 0.75rem; }
    [data-breakout-rooms] [data-room-popup] p strong {
      font-weight: 700; }
    [data-breakout-rooms] [data-room-popup] button {
      border-radius: 100rem;
      background: #fff;
      font-weight: 600;
      font-size: 0.9rem;
      padding: 0.55rem 0.75rem;
      display: inline-block;
      margin: 0 auto;
      width: auto; }
    [data-breakout-rooms] [data-room-popup] [data-room-pictogram] {
      width: 6rem;
      height: 6rem;
      position: relative; }
      [data-breakout-rooms] [data-room-popup] [data-room-pictogram] > div {
        background: #fff;
        color: #000;
        width: 0.65rem;
        height: 0.65rem;
        font-size: 1rem;
        font-weight: 700;
        text-transform: uppercase; }
      [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="1"] > div:nth-of-type(1) {
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        width: 2rem;
        height: 2rem; }
      [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="2"] {
        position: relative; }
        [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="2"] > * {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 2rem;
          height: 2rem;
          margin: -1rem; }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="2"] > *:nth-of-type(1) {
            -webkit-transform: rotate(0deg) translate(1.5rem) rotate(0deg);
            -ms-transform: rotate(0deg) translate(1.5rem) rotate(0deg);
            transform: rotate(0deg) translate(1.5rem) rotate(0deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="2"] > *:nth-of-type(2) {
            -webkit-transform: rotate(180deg) translate(1.5rem) rotate(-180deg);
            -ms-transform: rotate(180deg) translate(1.5rem) rotate(-180deg);
            transform: rotate(180deg) translate(1.5rem) rotate(-180deg); }
      [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="3"] {
        position: relative; }
        [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="3"] > * {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 2rem;
          height: 2rem;
          margin: -1rem; }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="3"] > *:nth-of-type(1) {
            -webkit-transform: rotate(0deg) translate(1.5rem) rotate(0deg);
            -ms-transform: rotate(0deg) translate(1.5rem) rotate(0deg);
            transform: rotate(0deg) translate(1.5rem) rotate(0deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="3"] > *:nth-of-type(2) {
            -webkit-transform: rotate(120deg) translate(1.5rem) rotate(-120deg);
            -ms-transform: rotate(120deg) translate(1.5rem) rotate(-120deg);
            transform: rotate(120deg) translate(1.5rem) rotate(-120deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="3"] > *:nth-of-type(3) {
            -webkit-transform: rotate(240deg) translate(1.5rem) rotate(-240deg);
            -ms-transform: rotate(240deg) translate(1.5rem) rotate(-240deg);
            transform: rotate(240deg) translate(1.5rem) rotate(-240deg); }
      [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="4"] {
        position: relative; }
        [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="4"] > * {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 2rem;
          height: 2rem;
          margin: -1rem; }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="4"] > *:nth-of-type(1) {
            -webkit-transform: rotate(0deg) translate(1.875rem) rotate(0deg);
            -ms-transform: rotate(0deg) translate(1.875rem) rotate(0deg);
            transform: rotate(0deg) translate(1.875rem) rotate(0deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="4"] > *:nth-of-type(2) {
            -webkit-transform: rotate(90deg) translate(1.875rem) rotate(-90deg);
            -ms-transform: rotate(90deg) translate(1.875rem) rotate(-90deg);
            transform: rotate(90deg) translate(1.875rem) rotate(-90deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="4"] > *:nth-of-type(3) {
            -webkit-transform: rotate(180deg) translate(1.875rem) rotate(-180deg);
            -ms-transform: rotate(180deg) translate(1.875rem) rotate(-180deg);
            transform: rotate(180deg) translate(1.875rem) rotate(-180deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="4"] > *:nth-of-type(4) {
            -webkit-transform: rotate(270deg) translate(1.875rem) rotate(-270deg);
            -ms-transform: rotate(270deg) translate(1.875rem) rotate(-270deg);
            transform: rotate(270deg) translate(1.875rem) rotate(-270deg); }
      [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="5"] {
        position: relative; }
        [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="5"] > * {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 2rem;
          height: 2rem;
          margin: -1rem; }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="5"] > *:nth-of-type(1) {
            -webkit-transform: rotate(0deg) translate(2rem) rotate(0deg);
            -ms-transform: rotate(0deg) translate(2rem) rotate(0deg);
            transform: rotate(0deg) translate(2rem) rotate(0deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="5"] > *:nth-of-type(2) {
            -webkit-transform: rotate(72deg) translate(2rem) rotate(-72deg);
            -ms-transform: rotate(72deg) translate(2rem) rotate(-72deg);
            transform: rotate(72deg) translate(2rem) rotate(-72deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="5"] > *:nth-of-type(3) {
            -webkit-transform: rotate(144deg) translate(2rem) rotate(-144deg);
            -ms-transform: rotate(144deg) translate(2rem) rotate(-144deg);
            transform: rotate(144deg) translate(2rem) rotate(-144deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="5"] > *:nth-of-type(4) {
            -webkit-transform: rotate(216deg) translate(2rem) rotate(-216deg);
            -ms-transform: rotate(216deg) translate(2rem) rotate(-216deg);
            transform: rotate(216deg) translate(2rem) rotate(-216deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="5"] > *:nth-of-type(5) {
            -webkit-transform: rotate(288deg) translate(2rem) rotate(-288deg);
            -ms-transform: rotate(288deg) translate(2rem) rotate(-288deg);
            transform: rotate(288deg) translate(2rem) rotate(-288deg); }
      [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="6"] {
        position: relative; }
        [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="6"] > * {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 2rem;
          height: 2rem;
          margin: -1rem; }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="6"] > *:nth-of-type(1) {
            -webkit-transform: rotate(0deg) translate(2.375rem) rotate(0deg);
            -ms-transform: rotate(0deg) translate(2.375rem) rotate(0deg);
            transform: rotate(0deg) translate(2.375rem) rotate(0deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="6"] > *:nth-of-type(2) {
            -webkit-transform: rotate(60deg) translate(2.375rem) rotate(-60deg);
            -ms-transform: rotate(60deg) translate(2.375rem) rotate(-60deg);
            transform: rotate(60deg) translate(2.375rem) rotate(-60deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="6"] > *:nth-of-type(3) {
            -webkit-transform: rotate(120deg) translate(2.375rem) rotate(-120deg);
            -ms-transform: rotate(120deg) translate(2.375rem) rotate(-120deg);
            transform: rotate(120deg) translate(2.375rem) rotate(-120deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="6"] > *:nth-of-type(4) {
            -webkit-transform: rotate(180deg) translate(2.375rem) rotate(-180deg);
            -ms-transform: rotate(180deg) translate(2.375rem) rotate(-180deg);
            transform: rotate(180deg) translate(2.375rem) rotate(-180deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="6"] > *:nth-of-type(5) {
            -webkit-transform: rotate(240deg) translate(2.375rem) rotate(-240deg);
            -ms-transform: rotate(240deg) translate(2.375rem) rotate(-240deg);
            transform: rotate(240deg) translate(2.375rem) rotate(-240deg); }
          [data-breakout-rooms] [data-room-popup] [data-room-pictogram][data-layout="6"] > *:nth-of-type(6) {
            -webkit-transform: rotate(300deg) translate(2.375rem) rotate(-300deg);
            -ms-transform: rotate(300deg) translate(2.375rem) rotate(-300deg);
            transform: rotate(300deg) translate(2.375rem) rotate(-300deg); }
  [data-breakout-rooms] ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    [data-breakout-rooms] ul li {
      -ms-flex-preferred-size: 3.5rem;
      flex-basis: 3.5rem;
      list-style: none;
      font-size: 0.8rem;
      position: relative;
      font-weight: 600;
      color: #777;
      cursor: pointer; }
      [data-breakout-rooms] ul li:hover [data-room-popup] {
        opacity: 1;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0); }
      [data-breakout-rooms] ul li:hover [data-room-pictogram] {
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15); }
        [data-breakout-rooms] ul li:hover [data-room-pictogram]:before {
          opacity: 0; }

#blankScreenFallback {
  position: absolute;
  top: 50%;
  z-index: -100;
  padding: 2rem; }

[data-hero] {
  background: #fff;
  border-radius: 0.75rem;
  padding: 1.5rem 1rem 1rem;
  margin: 0 1rem 1rem;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  overflow: hidden; }
  [data-hero] .hide {
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
    color: #666; }
    [data-hero] .hide:hover {
      text-decoration: underline; }
  [data-hero] h2 {
    font-size: 1.3rem;
    font-weight: 700; }
    [data-hero] h2 span {
      font-size: 1.1rem;
      display: block;
      font-weight: 400;
      color: #666666; }
  [data-hero] p {
    color: #666666;
    font-size: 1rem;
    padding: 0 1rem; }
    [data-hero] p a {
      color: inherit;
      text-decoration: underline; }
  [data-hero] .scroller {
    width: calc( 100% * 4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    [data-hero] .scroller[data-slide="1"] {
      -webkit-transform: translate3d(-25%, 0, 0);
      transform: translate3d(-25%, 0, 0); }
    [data-hero] .scroller[data-slide="2"] {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0); }
    [data-hero] .scroller[data-slide="3"] {
      -webkit-transform: translate3d(-75%, 0, 0);
      transform: translate3d(-75%, 0, 0); }
    [data-hero] .scroller > div {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%; }

.emoji {
  font-size: 2.5rem;
  margin-top: -0.5rem;
  text-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  text-align: center;
  display: block;
  pointer-events: none;
  line-height: 1; }

[data-avatar] {
  width: 100%; }

.fontStyle, [data-avatar-update-button], [data-avatar-categories] button, [data-avatar-builder-options] [data-option] label, [data-avatar-builder-colors] [data-color] label {
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.035em; }

[data-avatar-update-button] {
  border-radius: 0.5rem;
  width: 100%;
  height: 4rem;
  background: blue;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none; }

[data-avatar-builder] {
  position: relative;
  z-index: 1; }
  [data-avatar-builder] h2 {
    margin: 0.5rem 0 0.25rem 0.25rem;
    font-weight: 600;
    font-size: 1rem; }

[data-avatar-categories] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 2rem 0 1rem 0; }
  [data-avatar-categories] button {
    -ms-flex-preferred-size: calc( 14.29% - 0.75rem);
    flex-basis: calc( 14.29% - 0.75rem);
    -ms-flex-preferred-size: calc( 25% - 0.25rem);
    flex-basis: calc( 25% - 0.25rem);
    height: 2rem;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0.5rem 0.5rem 0 0;
    border-radius: 100rem;
    background: #555;
    background: none;
    color: #000;
    outline: none;
    cursor: pointer;
    position: relative;
    font-size: 0.8rem;
    padding: 0;
    margin: 0 0 0.4rem;
    background: #fff;
    -webkit-box-shadow: 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s; }
    [data-avatar-categories] button[disabled] {
      background: #fff;
      color: #000;
      -webkit-box-shadow: inset 0 0 0 0.2rem blue, 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 0 0 0.2rem blue, 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2); }

[data-avatar-builder-options] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  [data-avatar-builder-options] [data-option] {
    -ms-flex-preferred-size: 2.5rem;
    flex-basis: 2.5rem;
    margin: 0 0 0.4rem 0; }
    [data-avatar-builder-options] [data-option] label {
      width: 100%;
      height: 2.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 100rem;
      background: #fff;
      color: #000;
      cursor: pointer;
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
      -webkit-box-shadow: 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2);
      -webkit-transition: all .1s;
      -o-transition: all .1s;
      transition: all .1s; }
      [data-avatar-builder-options] [data-option] label:hover {
        background: #666;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
    [data-avatar-builder-options] [data-option] input {
      display: none; }
    [data-avatar-builder-options] [data-option] input:checked + label {
      background: #fff;
      color: #000;
      -webkit-box-shadow: 0 0.5rem 0.5rem black;
      box-shadow: 0 0.5rem 0.5rem black;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-box-shadow: inset 0 0 0 0.2rem blue, 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 0 0 0.2rem blue, 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2); }

[data-avatar-builder-colors] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 3rem 0; }
  [data-avatar-builder-colors] [data-color] {
    -ms-flex-preferred-size: calc( 2.25rem - 0.25rem);
    flex-basis: calc( 2.25rem - 0.25rem);
    margin: 0 0 0.75rem; }
    [data-avatar-builder-colors] [data-color] label {
      width: 100%;
      height: calc( 2.25rem - 0.25rem);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 100rem;
      background: #444;
      color: #fff;
      cursor: pointer;
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
      -webkit-box-shadow: 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2);
      -webkit-transition: all .1s;
      -o-transition: all .1s;
      transition: all .1s; }
      [data-avatar-builder-colors] [data-color] label:hover {
        background: #666;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
    [data-avatar-builder-colors] [data-color] input {
      display: none; }
    [data-avatar-builder-colors] [data-color] input:checked + label {
      background: #fff;
      color: #fff;
      -webkit-box-shadow: 0 0.5rem 0.5rem black;
      box-shadow: 0 0.5rem 0.5rem black;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-box-shadow: inset 0 0 0 0.2rem blue, 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 0 0 0.2rem blue, 0 0.15rem 0.15rem 0 rgba(0, 0, 0, 0.2); }

[data-avatar-canvas] {
  background: #444;
  width: 10rem;
  height: 10rem;
  margin: 0 auto;
  border-radius: 100rem;
  position: relative;
  max-width: 10rem;
  padding: 0 !important; }
  [data-avatar-canvas] svg {
    width: 100%;
    margin: 0 auto 1rem;
    background: #fff;
    border-radius: 100rem;
    width: 100%;
    margin: 0 auto 2rem; }
  [data-avatar-canvas] a {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    width: 2.5rem;
    height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100rem;
    color: var(--themeColor); }

#avatar {
  border-radius: 100rem; }

[data-join-preview] {
  min-height: 12rem;
  background: #fff;
  padding: 0 2rem;
  border-radius: 0.75rem;
  text-align: center;
  -webkit-box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  position: relative;
  top: -1rem;
  z-index: 100;
  width: calc(100% - 2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  [data-join-preview].active {
    min-height: 18rem; }
  [data-join-preview] > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
  [data-join-preview] h2 {
    font-size: 1.4rem; }
  [data-join-preview] a {
    margin-top: 1rem;
    display: block;
    color: #757575;
    text-decoration: underline; }
  [data-join-preview] .privacy-terms-notice {
    margin-top: 1rem; }
  [data-join-preview] input {
    width: 100%;
    padding: 0.75rem;
    border: none;
    color: #000;
    font-weight: 500;
    background: #eee;
    font-size: inherit;
    font-family: inherit;
    border-radius: 0.5rem;
    outline: none;
    margin-top: 1rem;
    text-align: center;
    border-radius: 100rem;
    margin: 1rem auto 0;
    display: block;
    max-width: 15rem; }
  [data-join-preview] button {
    background: var(--themeColor) -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.2)));
    background: var(--themeColor) -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background: var(--themeColor) -o-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background: var(--themeColor) linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    border-radius: 100rem;
    -webkit-box-shadow: 0 0.125rem 0.125rem rgba(101, 101, 101, 0.25);
    box-shadow: 0 0.125rem 0.125rem rgba(101, 101, 101, 0.25);
    color: #fff;
    padding: 0.75rem 1rem;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    margin: 1rem 0 0;
    max-width: 15rem; }
    [data-join-preview] button[disabled] {
      background: rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: none;
      box-shadow: none;
      pointer-events: none; }

.nochats {
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
  margin: 3rem 0 1rem 0;
  color: #8a755c; }
  .nochats .fa {
    font-size: 2rem;
    margin-bottom: 0.5rem; }

#converseful-icon-svg {
  max-width: 6rem !important;
  width: 100%;
  margin: 0 0 1rem 0 !important; }

.privacy-terms-notice {
  font-size: 0.8rem;
  color: #767676; }
  .privacy-terms-notice a {
    color: inherit;
    display: inline !important; }