@font-face {
  font-family: "HelveticaNeue";
  src: url("fonts/HelveticaNeue-Roman.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("fonts/HelveticaNeue-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
:root {
  --accent1: #14bdef;
  --accent2: #ed3680;
  --accentcontrast: #ffffff;
  --page: #151515;
  --body: #ffffff;
  --bodylink: var(--accent1);
  --header: #222222;
  --headercontrast: #ffffff;
  --footer: #222222;
  --footercontrast: #888888;
  --assistantbox: color-mix(in srgb, var(--accent1), transparent 80%);
  --assistantcontrast: var(--body);
  --chatbox: #151515;
  --chatuserbubble: #222222;
  --chatusercontrast: #ffffff;
  --chataibubble: transparent;
  --chataicontrast: #ffffff;
  --chatuseravatar: #555555;
  --chataiavatar: linear-gradient(-45deg, #20bdec 18%, #c06bca, #f0453c 88%);
  --chatfield: #333333;
  --chatfieldcontrast: #ffffff;
  --audiochatbutton: var(--accent1);
  --audiochatlistening: #d9534f;
  --audiochatwaiting: #666666;
  --audiochatcontrast: #ffffff;
  --panel: #222222;
  --panelcontrast: var(--body);
  --panelfield: #333333;
  --listsection: #444444;
  --listsectioncontrast: var(--body);
  --button: var(--accent1);
  --buttonsecondary: #999999;
  --buttoncontrast: #222222;
  --kendo-color-primary: var(--accent1);
  --bodyfont: "HelveticaNeue", Helvetica, Arial, sans-serif;
  --bodyweight: 400;
  --headingfont: "HelveticaNeue", Helvetica, Arial, sans-serif;
  --headingweight: 700;
  --buttonweight: 400;
  --buttonsecondaryweight: 400;
  --basesize: 16px;
  --headingsize: 2.4em;
  --subsize: 1.8em;
  --assistantheadingsize: 1.7em;
  --assistantsubsize: 1em;
  --discussionheadingsize: 1.3em;
  --pagebackground: url("../themes/breeio/images/background.svg");
  --headerpadding: 0.5em 1em 0.6em 1em;
  --headerlogo: url("../themes/breeio/images/logo.svg");
  --logoheight: 2.1em;
  --headerlogoposition: 1.2em center;
  --contentwidth: 50em;
  --infowidth: 32em;
  --formwidth: 40em;
  --listdirection: row;
  --avatars: block;
  --assistantsgridgap: 2em;
  --boxwidth: 23em;
  --boxpadding: 1.6em;
  --boxborder: none;
  --boxradius: 1em;
  --boxdirection: column;
  --boxjustification: center;
  --boxshadow: none;
  --boxbulletstyle: none;
  --boxtransform: scale(1);
  --avatartransform: scale(1.1);
  --avatarsize: 10em;
  --avataroffset: -0.4em 0 0.5em 0;
  --divider: 1px solid #444444;
  --panelradius: 0.6em;
  --chatscale: 100%;
  --chatborder: 1px solid #333333;
  --chatradius: var(--boxradius);
  --chatshadow: var(--boxshadow);
  --chatavatarsize: 2.5em;
  --buttonradius: 1.2em;
  --buttonpadding: 0.4em 1em;
  --buttonsecondarypadding: 0.4em 1em;
  --menuiconwidth: 2em;
  --menusize: 1.1em;
  --dropdownicon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><polygon fill="%23ffffff" points="30 36 21 24 39 24 30 36"/></svg>');
  --menuicon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"><path fill="%23ffffff" d="M0,5.5h34v3H0V5.5z M0,15.5h34v3H0V15.5z M0,25.5h34v3H0V25.5z"/></svg>');
  --mobilebasesize: var(--basesize);
  --mobileheadingsize: 1.6em;
  --mobilelogoheight: 0;
}

:root {
  --assistant1: #c06bca;
  --assistant2: #20bdec;
  --assistant3: #f0453c;
}

.box > img {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

header h1 {
  background: -webkit-gradient(linear, left top, right top, from(#20bdec), color-stop(#c06bca), to(#f0453c));
  background: linear-gradient(to right, #20bdec, #c06bca, #f0453c);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

.box#assistant1 {
  background-color: color-mix(in srgb, var(--assistant1), var(--page) 80%);
}
.box#assistant1 h5 {
  color: var(--assistant1);
}

.box#assistant2 {
  background-color: color-mix(in srgb, var(--assistant2), var(--page) 80%);
}
.box#assistant2 h5 {
  color: var(--assistant2);
}

.box#assistant3 {
  background-color: color-mix(in srgb, var(--assistant3), var(--page) 80%);
}
.box#assistant3 h5 {
  color: var(--assistant3);
}

footer {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.send-button {
  color: #222222 !important;
}

@media only screen and (max-width: 767px) {
  :root {
    --avatarsize: 6.5em;
  }
}
/*# sourceMappingURL=theme.css.map */