/* MAIN CSS FILE

Has common classes, elements, and CSS for pages that don't deserve their own css file
Attendee, Presenter and Front (Dashboard) css are in separate files.

*/
@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 1; }
  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 2rem;
    height: 1rem; }
    .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 1rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      left: 0;
      border-width: 1rem 1rem 0;
      border-top-color: #9DA0A2; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 1rem; }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 1rem;
    height: 2rem; }
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 1rem 1rem 1rem 0;
      border-right-color: #9DA0A2; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 1rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      left: 0;
      border-width: 0 1rem 1rem;
      border-bottom-color: #9DA0A2; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 1rem; }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 1rem;
    height: 2rem; }
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 1rem 0 1rem 1rem;
      border-left-color: #9DA0A2; }

.tooltip-inner {
  max-width: 500px;
  padding: 0.5rem 0.5rem;
  color: black;
  text-align: center;
  background-color: #9DA0A2;
  box-sizing: content-box;
  font-size: 1.4rem; }
  .tooltip-inner table {
    border-collapse: inherit;
    border-spacing: 1em 0.5em; }
  @media all and (max-width: 380px) {
    .tooltip-inner {
      font-size: 0.9em; } }
  .tooltip-inner .small-tags,
  .tooltip-inner .large-tags {
    text-align: left;
    margin-left: auto;
    margin-right: auto; }

.modal-dialog {
  width: auto !important;
  margin: 0 !important;
  max-height: 100%; }

.modal-content {
  background-color: transparent;
  border: none;
  box-shadow: none;
  background-clip: padding-box;
  padding: 0; }

.modal-backdrop, .modal-backdrop.fade.show, .modal-backdrop.fade.in {
  background-color: #3b4044;
  opacity: 1; }

/*!
 * Web Fonts from Fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2017 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Mark Simonson Studio
 * License URL: https://www.fontspring.com/licenses/mark-simonson-studio/webfont
 *
 *
 */
@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-light.woff2") format("woff2"), url("./../fonts/font/proximanova-light.woff") format("woff");
  font-weight: 200; }

@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-regular.woff2") format("woff2"), url("./../fonts/font/proximanova-regular.woff") format("woff");
  font-weight: 400;
  /* same as "normal" */ }

@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-semibold.woff2") format("woff2"), url("./../fonts/font/proximanova-semibold.woff") format("woff");
  font-weight: 550;
  /* semibold */ }

@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-semibold.woff2") format("woff2"), url("./../fonts/font/proximanova-semibold.woff") format("woff");
  font-weight: 600; }

@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-bold.woff2") format("woff2"), url("./../fonts/font/proximanova-bold.woff") format("woff");
  font-weight: 700;
  /* same as "bold" */ }

@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-extrabold.woff2") format("woff2"), url("./../fonts/font/proximanova-extrabold.woff") format("woff");
  font-weight: 800; }

@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-black.woff2") format("woff2"), url("./../fonts/font/proximanova-black.woff") format("woff");
  font-weight: 900; }

* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

*:focus {
  outline: 0; }

body,
html {
  height: 100%;
  text-align: center;
  display: block !important; }

html {
  /* windows phones - remove 300ms delay */
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

body {
  font-family: "proxima-nova", "proxima nova", "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
  font-weight: lighter;
  font-size: 1em; }

.no-scroll {
  overflow: hidden; }

strong,
b {
  font-weight: 800; }

small {
  font-size: .667em; }

large {
  font-size: 1.5em; }

a:link,
a:visited {
  color: inherit; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `::before` to contain the top-margins of child elements.
 */
.clearfix {
  *zoom: 1; }
  .clearfix::before, .clearfix::after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .clearfix::after {
    clear: both; }

.clearfix2 {
  clear: both; }

.text-center {
  text-align: center; }

.wrap {
  width: 100%;
  float: left;
  clear: both;
  padding: 0;
  margin: 0; }

.hidden {
  display: none; }

.no-transition {
  transition: none !important; }

.slide-from-top {
  transition: transform .3s;
  transform-origin: top; }
  .slide-from-top.hidden {
    transform: scaleY(0); }

.btn-default-behavior:hover, .btn-default-behavior:focus {
  filter: brightness(120%); }

/* M O D A L S   R E S E T */
.modal-header, .modal-footer, .modal-body, .modal {
  padding: 0;
  border: 0;
  background-color: transparent;
  border-radius: 0px;
  box-shadow: none; }

.modal-header h4 {
  font-size: 1.9em;
  padding-top: 0.6em;
  font-weight: 300;
  margin: 0;
  max-width: 72%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.modal-content p {
  color: #ccc;
  font-size: 0.9em; }

.modal {
  overflow: auto; }
  .modal.tpl-logo-screen .logo-screen-content {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 130px;
    font-weight: bold; }
    .modal.tpl-logo-screen .logo-screen-content > .loadingBg {
      width: 127px;
      background: none;
      margin: auto; }
      .modal.tpl-logo-screen .logo-screen-content > .loadingBg .loadingBg {
        margin: 10px auto 0;
        background-repeat: no-repeat;
        background-size: contain;
        width: 127px;
        height: 80px; }
  .modal.tpl-logo-screen .modal-header {
    position: static;
    min-height: 0;
    height: 0; }
  .modal.tpl-logo-screen .mp-footer {
    display: none; }
  .modal.tpl-logo-screen .slowspinner {
    display: none; }

/* C O M M O N */
/* Back buttons are the same on presenter modals: */
.back {
  position: absolute;
  top: 0%;
  left: 0%;
  padding: 1.1em 2.5em 1em 1.5em;
  font-size: 1.2em;
  color: white;
  width: 20px; }
  .back svg {
    width: 1.1em;
    height: 2em; }
  .back:hover {
    background: #3d4347; }
    .back:hover path {
      fill: #fff; }

.svg-item {
  display: none; }

input {
  -webkit-appearance: none;
  border-radius: 0; }
  input .error {
    color: red; }

input[type=text],
input[type=number],
input[type=password],
input[type=email],
input[type=url],
textarea,
select {
  color: white;
  border: solid 1px #3d4347;
  background-color: #282b2e;
  padding: 2%; }
  input[type=text]:focus,
  input[type=number]:focus,
  input[type=password]:focus,
  input[type=email]:focus,
  input[type=url]:focus,
  textarea:focus,
  select:focus {
    background-color: #232629; }

button {
  border: 0; }
  button:hover {
    filter: brightness(120%); }

a {
  cursor: pointer; }

.brd {
  border: solid 1px #3f434d; }

.modal .brd {
  background: #2c313d; }

.flat {
  background: rgba(32, 41, 47, 0.4);
  color: #989898;
  padding: 0.2em 0;
  font-size: 2.4em;
  font-weight: normal;
  cursor: pointer;
  width: 100%; }

.flat:hover,
.brd:hover {
  border: solid 1px #d4dc00;
  background: transparent;
  color: #d4dc00;
  cursor: pointer; }

.login {
  float: right;
  margin: 5% 6% 0 0;
  font-size: 1.6em;
  padding: 6px 11px; }

/* settings */
.modal-settings__item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-style: solid;
  border-width: 1px 0px;
  border-color: transparent; }
  .modal-settings__item-switcher {
    font-size: 1.25em;
    margin-right: 1em; }
  .modal-settings__item-caption {
    width: 45%;
    opacity: 0.65; }
  .modal-settings__item:first-child {
    border-top-width: 0; }
  .modal-settings__item:last-child {
    border-bottom-width: 0; }

.scroll-wrapper {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/* global spinner loader */
.loaderGlobal::after {
  z-index: 10000;
  background-color: #fff;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  top: 50%;
  left: 50%;
  position: absolute;
  display: block;
  content: "";
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out; }

/* M E N U */
#ico-menu {
  height: 5.5em;
  width: 3em;
  margin-right: 0;
  margin-left: 1.4em; }

header .leftblock:hover #ico-menu path {
  fill: #fff; }

.audiencelink {
  font-size: 1.3em;
  color: #dcdcdc; }
  .audiencelink span, .audiencelink a {
    color: #fff; }
  .audiencelink a:hover {
    text-decoration: none; }

.button {
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  margin: 0px;
  display: table-cell;
  width: 50%;
  height: 50%;
  text-align: center;
  vertical-align: middle;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .button:hover {
    cursor: pointer;
    filter: brightness(120%); }
  .button.like {
    background: #a0f264; }
  .button.meh {
    background: #f2ad8b; }
  .button.wtf {
    background: #49e5c9; }
    .button.wtf .label svg {
      margin-top: -9px; }
  .button.ff {
    background: #f2d358; }
  .button .cover {
    width: 100%;
    height: 100%;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }

.label {
  letter-spacing: -0.02em;
  margin: 0;
  font-weight: 300; }
  .label svg {
    width: 40px;
    display: block;
    margin: auto;
    height: 80px; }
    .label svg path {
      fill: #ffffff; }

#smallBarChartContainer {
  width: 26%;
  height: 35%;
  position: absolute;
  left: 37%;
  bottom: 0;
  opacity: 0.9;
  background-color: rgba(141, 140, 153, 0.95);
  pointer-events: none;
  z-index: 10;
  padding: 0.5em; }

/* MAIN MESSAGE MODAL */
.messageScreen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff; }
  .messageScreen.tpl-logo-screen.video {
    left: unset;
    width: 480px;
    max-width: 60%;
    margin: auto 0 auto auto; }
    @media all and (orientation: portrait) {
      .messageScreen.tpl-logo-screen.video {
        max-width: unset;
        width: 100%;
        height: 67%;
        margin: auto auto 0; } }
  .messageScreen .modal-dialog {
    margin: 0 !important;
    height: 100%; }
  .messageScreen .modal-header {
    position: absolute;
    top: 3em; }
  .messageScreen p {
    font-size: 1.7em; }
  .messageScreen h5 {
    margin: 0.05em 0 0;
    font-size: 1.8em; }
  .messageScreen h2 {
    font-weight: 100;
    font-size: 1.3em;
    opacity: 0.75; }
  .messageScreen .content {
    width: 100%;
    height: 100%; }
  .messageScreen header {
    width: 100%;
    text-align: center; }
  .messageScreen section {
    display: table;
    width: 100%;
    height: 100%; }
    .messageScreen section > div {
      display: table-cell !important;
      vertical-align: middle;
      text-align: center; }
  .messageScreen footer {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 3em; }

/* L O G I N  */
.cmn-toggle-login + label {
  position: relative;
  display: block;
  height: auto;
  float: left;
  margin: .278em .833em 0 0; }

.cmn-toggle-login + label div {
  padding: .111em;
  width: 1.389em;
  height: .778em;
  border-radius: .389em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: .4; }

.cmn-toggle-login + label div::before, .cmn-toggle-login + label div::after {
  display: block;
  position: absolute;
  content: ""; }

.cmn-toggle-login + label div::before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #4c4c4c;
  border-radius: .389em;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
  cursor: pointer;
  box-shadow: inset 0 .111em 0 #3f3f3f; }

.cmn-toggle-login + label div::after {
  top: -.111em;
  left: -.111em;
  bottom: -.111em;
  width: .944em;
  background-color: #9ef45a;
  border-radius: 1.444em;
  -webkit-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
  cursor: pointer;
  box-shadow: 0 .111em 0 #8cd84f; }

.cmn-toggle-login:checked + label div {
  opacity: 1; }

.cmn-toggle-login:checked + label div::after {
  margin-left: .667em; }

/* C H E C K B O X E S */
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden; }
  .cmn-toggle + label {
    position: relative;
    padding: 0.5em 0 0.5em 0.1em;
    width: 5em;
    display: block;
    height: 4.5em;
    float: left; }
    .cmn-toggle + label div {
      display: block;
      position: relative;
      cursor: pointer;
      outline: none;
      user-select: none;
      pointer-events: none;
      /* fastclick crutch */ }

input.cmn-toggle-round-flat + label div {
  padding: 2px;
  width: 40px;
  height: 25px;
  border-radius: 30px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
  -ms-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7); }
  input.cmn-toggle-round-flat + label div::before, input.cmn-toggle-round-flat + label div::after {
    display: block;
    position: absolute;
    content: ""; }
  input.cmn-toggle-round-flat + label div::before {
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    background-color: #282828;
    border: solid 1px grey;
    border-radius: 30px;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
    cursor: pointer; }
  input.cmn-toggle-round-flat + label div::after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 17px;
    background-color: #4C4C4C;
    border-radius: 26px;
    -webkit-transition: margin 0.4s, background 0.4s;
    transition: margin 0.4s, background 0.4s;
    cursor: pointer; }

input.cmn-toggle-round-flat:checked + label div {
  background-color: none; }
  input.cmn-toggle-round-flat:checked + label div::after {
    margin-left: 15px;
    background-color: #a0f264; }
  input.cmn-toggle-round-flat:checked + label div::before {
    background-color: #232629;
    border: solid 1px #a0f264; }

.plus-sign {
  background: #999;
  width: 1px;
  position: absolute;
  height: 2em;
  top: 2.1em;
  left: 8%;
  pointer-events: none; }
  .plus-sign::before {
    background: #999;
    content: "";
    height: 1px;
    position: absolute;
    top: 0.9em;
    width: 2.1em;
    left: -1em; }

.areaShown > .plus-sign {
  background: transparent; }

.check-sign {
  display: none;
  position: absolute;
  vertical-align: top;
  height: 35px;
  width: 40px;
  top: 1.5em;
  right: 3%;
  pointer-events: none; }
  .check-sign::before {
    background: #a0f264;
    content: '';
    position: absolute;
    height: 1px;
    left: 0.2em;
    top: 1.95em;
    width: 0.9em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .check-sign::after {
    background: #a0f264;
    content: '';
    position: absolute;
    height: 1.8em;
    height: 1.8em;
    left: 1.55em;
    top: 0.75em;
    width: 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

/* S E T T I N G S    P A G E */
.account-settings .cmn-toggle + label {
  clear: left; }

.account-setting > label {
  text-align: left;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 0.1em;
  padding: 0.75em 0 0.75em 3.5em;
  display: block;
  font-size: 1.5em;
  cursor: pointer; }

@media (min-width: 641px) {
  .account-settings input.cmn-toggle-round-flat + label {
    padding: 1.4em 1em 1.1em 1.9em; } }

.mp-footer a,
.mp-footer a:hover {
  color: inherit;
  text-decoration: none;
  opacity: 0.9;
  font-size: 1.7em; }

.mp-footer svg {
  height: 70px;
  width: 109px;
  color: white;
  fill: white;
  transform: scale(0.75); }

.mp-footer img {
  max-height: 200px;
  max-width: 300px; }

.clear {
  clear: both; }

.noBackground {
  background: none; }

#fatal-error {
  background-color: #3b4044;
  color: white;
  font-size: 1.25em; }
  @media all and (max-width: 640px) {
    #fatal-error {
      font-size: 1.5em; } }
  #fatal-error .flex-wrapper {
    height: 100%;
    text-align: center;
    margin: 0 2em;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  #fatal-error .heading {
    font-size: 1.5em; }
  #fatal-error .error-text {
    margin: 2em 0; }
    #fatal-error .error-text a, #fatal-error .error-text a:hover, #fatal-error .error-text a:visited, #fatal-error .error-text a:active {
      border-bottom: 1px dotted;
      text-decoration: none; }
    #fatal-error .error-text .code {
      display: block;
      margin: 0 auto;
      margin-top: 2em;
      font-size: 0.66em;
      opacity: .75; }
  #fatal-error .actions {
    font-size: 0.66em;
    text-transform: uppercase; }
    #fatal-error .actions a {
      border-style: solid;
      border-width: 0 0 1px 0;
      text-decoration: none; }
      #fatal-error .actions a:link, #fatal-error .actions a:visited, #fatal-error .actions a:hover, #fatal-error .actions a:active {
        text-decoration: none; }
  #fatal-error + .modal-backdrop {
    opacity: 1; }

#feedback-messages a {
  text-decoration: underline; }

@media all and (min-width: 641px) {
  body:not(.splitscreen) {
    font-size: 1.4em; } }

@media all and (min-width: 1025px) {
  body:not(.splitscreen) {
    font-size: 1.8em; } }

@media all and (orientation: landscape) {
  body:not(.splitscreen) .button {
    height: 39%; } }

@media all and (min-width: 400px) {
  body:not(.splitscreen) #emotions .text {
    display: inline-block; } }

@media all and (min-width: 960px) {
  body.splitscreen {
    font-size: 1.4em; } }

@media all and (min-width: 1440px) {
  body.splitscreen {
    font-size: 1.8em; } }

/* Common for all - should overwrite */
.buttonBorder {
  border-bottom-width: 0.2em;
  border-bottom-style: solid; }
  .buttonBorder:hover, .buttonBorder:focus, .buttonBorder:active {
    text-decoration: none; }
  .buttonBorder:active {
    background-clip: padding-box;
    border-bottom: 0;
    border-top: solid 0.2em transparent; }

.lightBut {
  background-color: #c1c0c0;
  color: #222;
  text-decoration: none;
  cursor: pointer; }
  .lightBut:hover, .lightBut:focus, .lightBut:active {
    text-decoration: none; }
    .lightBut:hover:not(.disabled), .lightBut:focus:not(.disabled), .lightBut:active:not(.disabled) {
      filter: brightness(120%); }

.defaultHover:hover, .defaultHover:focus, .defaultHover:active {
  filter: brightness(120%); }

.darkBut {
  background-color: #444a4f;
  color: white; }
  .darkBut:hover, .darkBut:focus, .darkBut:active {
    background-color: #5c646a;
    text-decoration: none; }

.darkerBut {
  border-bottom: solid 0.2em #1f2123;
  background-color: #323639;
  color: #a0f264;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.05em;
  cursor: pointer;
  font-weight: 600;
  padding: 0.25em;
  margin: 0 auto; }
  .darkerBut:hover, .darkerBut:focus, .darkerBut:active {
    background-color: #363b3f;
    text-decoration: none; }
  .darkerBut:active {
    background-clip: padding-box;
    border-top: solid 0.2em transparent;
    border-bottom: 0; }

.greenBut {
  background-color: #a0f264;
  color: #3b4044;
  border-radius: 3px; }
  .greenBut:hover, .greenBut:focus, .greenBut:active {
    filter: brightness(120%);
    text-decoration: none; }

iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left; }

/* W E A R A B L E */
#wearable-status h3 {
  font-weight: 100;
  padding: 33% 0 0.5em;
  font-size: 0.8em; }

@media (orientation: landscape) {
  #wearable-status h3 {
    padding: 6% 0 0.5em; } }

#wearable-status img {
  width: 150px;
  margin-bottom: 0px;
  padding-right: 20px; }

.return-pebble {
  border-radius: 3px;
  margin: 4em auto;
  padding: 1em 2em;
  font-size: 1.5em; }

.wearable-logout-button {
  border-radius: 20px;
  border: solid 1px #999;
  padding: 4px 13px;
  color: #aaa;
  background: transparent;
  font-size: 1em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.wearable-logout-button:hover {
  background: white;
  color: #2E2F32;
  border-color: white; }

.wearablePage section {
  top: 0px; }

.wearablePage input {
  font-size: 1.5em; }

.wearablePage loginPane img.loginPageLogo {
  width: 150px;
  margin: 3em auto 2em; }

.wearablePage .feature-describe {
  margin: 2em 1em; }
  .wearablePage .feature-describe span {
    color: #57ff57; }

.wearablePage .wearableMPScreens {
  margin: 1.5em auto;
  max-width: 100%; }

.wearablePage .learnMore {
  display: block;
  border-radius: 20px;
  border: solid 1px #999;
  padding: 4px 13px;
  margin: auto;
  max-width: 80%;
  color: #aaa;
  background: transparent;
  font-size: 1em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .wearablePage .learnMore:hover {
    background: white;
    color: #2E2F32;
    border-color: white; }

/* hacky stuff for whitelabeling */
.customContactEmail,
.customContactPhone,
#meetingIDonly {
  display: none; }

.namemasker::after {
  content: 'MeetingPulse'; }

@media (min-width: 641px) {
  .wearablePage .loginPane img.loginPageLogo {
    float: left;
    margin-top: 1em; }
  .wearablePage .feature-describe {
    margin: 2em auto; } }

/* ERROR MESSAGES */
#feedback-messages {
  position: fixed;
  z-index: 20000;
  top: 0;
  left: 0;
  right: 0; }
  #feedback-messages .message {
    width: 100%;
    cursor: pointer;
    padding: 0.4em;
    box-shadow: 0 0 0.5em #282B2D;
    color: #282B2D;
    font-size: 1.1em;
    font-weight: 400;
    text-align: center; }
    @media (max-width: 640px) {
      #feedback-messages .message {
        font-size: 1.5em; } }
    #feedback-messages .message.ok {
      background-color: #a0f264; }
    #feedback-messages .message.warning {
      background-color: #f2d358; }
    #feedback-messages .message.error {
      background-color: #ff5050; }
    #feedback-messages .message.notice {
      background-color: #f2d358;
      font-weight: 400;
      text-transform: lowercase;
      font-variant: small-caps; }

/* S P I N N E R S */
.loading {
  position: fixed;
  z-index: 1000;
  background-color: #fff;
  margin: -15px 0 0 -55px;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out; }

/* container for loading group - for hiding reasons */
.loadingCover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1500;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out;
  background: #2f3336; }
  .loadingCover.active {
    opacity: 1;
    visibility: visible; }

.loading-wrapper {
  width: 100%;
  font-size: 0px; }

.background-wrapper {
  width: 100%;
  text-align: center; }

.loadingBg {
  display: inline-block;
  background-image: url("./../img/meeting-pulse-logo-new-white.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
  /* 130x82 nat */
  height: 63px; }

.poweredByMP {
  display: none; }

.spinner-wrapper {
  margin-top: 20px;
  text-align: center; }

.loadingSpinnerCont {
  display: inline-block;
  height: 30px;
  width: 30px; }

.loadingSpinner {
  z-index: 10000;
  background-color: #fff;
  width: 30px;
  height: 30px;
  animation: rotateplane 1.2s infinite ease-in-out; }

.loadingCover.simple {
  opacity: 0.5; }
  .loadingCover.simple .loadingBg {
    display: none; }
  .loadingCover.simple .poweredByMP {
    display: none; }
  .loadingCover.simple .loading-wrapper,
  .loadingCover.simple .spinner-wrapper {
    margin: 0; }
  .loadingCover.simple .loadingSpinnerCont {
    position: static; }

.slowspinner {
  width: 36px;
  height: 36px;
  background-color: #fff;
  margin: 0 auto;
  opacity: 0.75;
  animation: rotateplane 4s infinite ease-in-out; }

.spinner {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  animation: rotateplane 1.2s infinite ease-in-out; }

@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px); }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }

@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

.dropdown {
  position: relative; }
  .dropdown .dropdown-button {
    height: 100%; }
    .dropdown .dropdown-button.active + .dropdown-area {
      display: block; }
    .dropdown .dropdown-button .dropdown-icon {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      width: 100%; }
      .dropdown .dropdown-button .dropdown-icon::before {
        transform: rotate(90deg);
        margin: 0 auto; }
  .dropdown .dropdown-area {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0;
    text-align: right; }
    .dropdown .dropdown-area a {
      display: block;
      padding: 1em 1.5em;
      font-size: .8em;
      line-height: 0.8em;
      letter-spacing: .08em;
      white-space: nowrap;
      border-style: solid;
      border-width: 0 0 1px 0;
      border-color: transparent; }
      .dropdown .dropdown-area a:link, .dropdown .dropdown-area a:hover, .dropdown .dropdown-area a:visited {
        text-decoration: none; }
      .dropdown .dropdown-area a:last-child {
        border-width: 0; }

.nps-low {
  color: #ff3232; }

.nps-medium {
  color: #e6c500; }

.nps-high {
  color: #5fbf00; }

#strings {
  display: none; }

.tpl-logo-screen.video ~ .modal-backdrop {
  width: 480px;
  max-width: 60%;
  margin: auto 0 auto auto; }
  @media all and (orientation: portrait) {
    .tpl-logo-screen.video ~ .modal-backdrop {
      max-width: unset;
      width: 100%;
      height: 67%;
      margin: auto auto 0; } }

.agenda-item .row-main .contents .text a {
  border-bottom: dotted 1px #878B8E;
  text-decoration: none; }

.i18n-toggle__on .i18n-toggle__off {
  display: none; }

.i18n-toggle__off .i18n-toggle__on {
  display: none; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

/* DISCLAIMER MODAL */
#disclaimer {
  height: 100%;
  overflow: hidden;
  z-index: 1500; }
  #disclaimer .backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    opacity: 0.97; }
  #disclaimer .wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 2em; }
  #disclaimer .modal-content {
    letter-spacing: 0.02em; }
    #disclaimer .modal-content .modal-header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      padding: 2.5vh 0; }
    #disclaimer .modal-content .disclaimer-logo {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      margin-top: 2.5vh;
      height: 194px;
      max-height: 10vh;
      display: block; }
    #disclaimer .modal-content .modal-body {
      margin: 4vh auto;
      overflow: hidden; }
      #disclaimer .modal-content .modal-body .disclaimer-text {
        overflow: visible;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        height: 47vh;
        -webkit-mask-image: linear-gradient(black 87%, transparent 100%);
        mask-image: linear-gradient(black 87%, transparent 100%);
        padding-bottom: 1em;
        text-align: left;
        font-size: 1.7em; }
      #disclaimer .modal-content .modal-body a.inline, #disclaimer .modal-content .modal-body a.inline:hover, #disclaimer .modal-content .modal-body a.inline:visited {
        border-bottom: dotted 1px rgba(255, 255, 255, 0.6);
        text-decoration: none; }
    #disclaimer .modal-content .button-footer button {
      display: block;
      background-color: #fff;
      border: none;
      color: #3a3f45;
      width: 100%;
      max-width: 450px;
      margin: 2.5vh auto 0;
      padding: 0.4em 0;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 1.8em;
      letter-spacing: 0.08em; }
    #disclaimer .modal-content .button-footer p {
      margin-top: 2.5vh;
      font-size: 0.75em;
      color: #fff; }
  #disclaimer.mode-page .modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: auto; }
  #disclaimer.mode-page .wrapper {
    max-height: 100%; }
  #disclaimer.mode-page .modal-header {
    display: none; }
  #disclaimer.mode-page .modal-body {
    margin: 0;
    text-align: left;
    font-size: 1.75em; }
    @media (max-width: 640px) {
      #disclaimer.mode-page .modal-body {
        font-size: 1.25em; } }
    #disclaimer.mode-page .modal-body .disclaimer-page > *:last-child {
      padding-bottom: 0; }
  #disclaimer.mode-page .button-footer::after {
    display: block;
    content: "";
    height: 5em; }

#slide-ideas {
  overflow: hidden; }
  #slide-ideas .vw-ideas {
    height: 100%; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.vw-material-page-image-modal {
  background-color: #1f2123;
  animation: scaleIn 0.25s;
  transform-origin: center center; }
  .vw-material-page-image-modal .close-button {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
    padding: 0.4em 0.3em;
    background-color: #1f2123;
    font-size: 2.7em;
    color: #F997FF;
    line-height: 1;
    cursor: pointer;
    z-index: 1; }
  .vw-material-page-image-modal .modal__content {
    width: 100%;
    height: calc(100% - 5em); }
    .vw-material-page-image-modal .modal__content .zoomable-image {
      padding: 1.6em 0;
      width: 100%;
      height: 100%;
      -webkit-user-drag: none;
      display: flex;
      align-items: center;
      justify-content: center; }
      .vw-material-page-image-modal .modal__content .zoomable-image img {
        -webkit-user-drag: none;
        max-width: 100%;
        max-height: 100%; }
  @media all and (max-width: 1120px) {
    .vw-material-page-image-modal .modal__header .icon {
      margin-right: 1.2em; } }

.vw-material-page {
  height: 100%; }

.material-page {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  font-size: 1.33em; }
  .material-page__heading {
    position: relative;
    width: 100%;
    height: 2.5em;
    padding: 0.5em 0 1em 0;
    text-align: left;
    cursor: pointer;
    z-index: 10; }
  .material-page__back {
    background: transparent;
    color: var(--font-color);
    font-size: 1.5em;
    position: relative; }
  .material-page .subslide {
    height: calc(100% - 2.5em); }
  .material-page__content {
    position: relative;
    padding: 1.6em;
    width: 100%;
    height: auto;
    max-width: 900px;
    max-height: 100%;
    overflow-y: visible; }
    .material-page__content img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      cursor: pointer; }
    .material-page__content p {
      padding: 0 1.2em; }
    .material-page__content a {
      color: #3d97ff;
      text-decoration: underline; }
    .material-page__content hr {
      margin: 0 1.2em;
      border-color: #979797; }
    .material-page__content.ql-editor .ql-size-huge,
    .material-page__content.ql-editor .ql-size-large {
      display: inline-block;
      padding-bottom: 0.2em;
      line-height: 1.1em; }
    .material-page__content > *:last-child {
      padding-bottom: 3em; }

@media (max-width: 640px) {
  .material-page__heading {
    font-size: 1.3em; }
  .material-page__content {
    font-size: 1.5em; }
    .material-page__content p {
      padding: 0 0.7em; }
    .material-page__content hr {
      margin: 0; }
    .material-page__content.ql-editor .ql-size-huge {
      font-size: 1.7em; }
    .material-page__content.ql-editor .ql-size-large {
      font-size: 1.3em; } }

.not-found {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: auto;
  max-height: 100%;
  padding: 0 1.5em; }
  .not-found__wrapper {
    max-width: 900px;
    max-height: 100%; }
  .not-found__emoji {
    width: 3em !important;
    height: 3em !important;
    margin-right: 1em; }
  .not-found__title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 3.5em 0;
    text-align: center;
    font-weight: bold; }
  .not-found__exclamation {
    font-size: 1.4em;
    opacity: 0.8; }
  .not-found__message {
    margin-bottom: 1.2em;
    font-size: 2.7em;
    font-weight: bold;
    line-height: normal; }
    .not-found__message--meeting-id {
      color: #f2d358; }
  .not-found__label {
    margin-top: 1em;
    font-size: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.6; }
  .not-found__form {
    margin-bottom: 1em; }
  .not-found__logo {
    width: 10em;
    height: 4em;
    margin: 10em auto 3.5em;
    background: url("./../img/meeting-pulse-logo-new-white.svg") no-repeat center;
    background-size: contain; }
    .not-found__logo.oa-wl {
      display: none; }
  .not-found input {
    width: 100%; }

#slide-notifications {
  background-color: #3b4044;
  overflow: hidden; }
  #slide-notifications .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%; }
  #slide-notifications .scroll-wrapper {
    flex: 1 1 auto;
    padding: 1em 0; }
    #slide-notifications .scroll-wrapper::after {
      content: "";
      height: 5em;
      display: block;
      opacity: 0; }
    #slide-notifications .scroll-wrapper > * {
      max-width: 900px;
      margin-left: auto;
      margin-right: auto; }
  #slide-notifications .vw-notifications {
    overflow: hidden; }
  #slide-notifications .title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5em 1em;
    border-bottom: solid 1px #232629;
    text-align: left; }
    #slide-notifications .title__caption {
      font-size: 2em; }
    #slide-notifications .title__count {
      background-color: #ed588e;
      height: 2em;
      width: 2em;
      line-height: 2em;
      text-align: center;
      border-radius: 20%; }
  #slide-notifications .up-to-date {
    position: relative;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 2em; }
    #slide-notifications .up-to-date__strike {
      position: absolute;
      height: 1px;
      width: 100%;
      margin: 0;
      top: 50%;
      border-color: #535a5f; }
    #slide-notifications .up-to-date__caption {
      position: relative;
      background-color: #3b4044;
      padding: 0 0.5em; }
  #slide-notifications .state-separator {
    margin-top: 2em;
    margin-bottom: 2em;
    border-style: solid;
    border-color: #535a5f;
    border-width: 1px 0; }
    #slide-notifications .state-separator button {
      width: calc(100% - 1.8em);
      padding: 0.25em;
      margin: 2em 0.9em;
      font-size: 2em;
      font-weight: 600;
      color: black; }
  #slide-notifications .entry {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    font-size: 1.75em;
    list-style: none;
    margin: 0.5em 0.6875em;
    cursor: pointer; }
    #slide-notifications .entry__icon {
      flex: 0 0 auto;
      width: 2em; }
      #slide-notifications .entry__icon .icon {
        position: relative;
        top: 0.2em; }
    #slide-notifications .entry__caption {
      flex: 1 1 auto;
      padding-left: 1em;
      text-align: left; }
    #slide-notifications .entry__shevron {
      flex: 0 0 auto; }
  #slide-notifications .unread .entry__icon {
    color: #ed588e; }
  #slide-notifications .read .entry {
    opacity: 0.5; }

#slide-questions {
  overflow: hidden;
  background: #3b4044; }
  #slide-questions .questionList {
    width: 100%; }
  #slide-questions .slow-mode-anchor {
    position: relative; }
  #slide-questions .slow-mode {
    top: 1.5em; }
  #slide-questions .question-comments {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden; }
    #slide-questions .question-comments .comments-heading {
      position: relative;
      padding: 1em 0 1.5em 2em;
      height: 3.5em;
      width: 100%;
      text-align: left;
      color: #2da691;
      cursor: pointer;
      font-size: 1.5em;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      background: #3b4044;
      z-index: 10; }
    #slide-questions .question-comments .backArrow {
      fill: #2da691;
      height: 1.2em;
      width: 1.2em;
      position: absolute;
      left: 0.45em;
      top: 1.05em; }
    #slide-questions .question-comments .question:hover {
      background: transparent; }
    #slide-questions .question-comments .comments-header {
      text-align: left;
      font-size: 1.1em;
      padding: 0 0 0 4.4em;
      height: 1px;
      margin-bottom: 1.5em; }
      #slide-questions .question-comments .comments-header .questions-list-label-heading {
        position: relative;
        top: -0.7em;
        padding: 0 0.5em;
        display: inline-block;
        background: #3b4044; }
    #slide-questions .question-comments .addCommentForm {
      display: flex;
      height: auto;
      align-items: flex-end; }
    #slide-questions .question-comments .addComment {
      display: inline-block;
      margin: 1em auto 2.5em;
      text-align: center;
      cursor: pointer;
      background: #3aa8ff;
      color: #3b4044;
      font-size: 1.7em;
      font-weight: 800;
      letter-spacing: -0.02em;
      padding: 0.7em 1.5em; }
    #slide-questions .question-comments .assignee-respond-popup {
      position: absolute;
      bottom: 0;
      z-index: 999;
      width: calc(100% - 4em);
      margin: 2em;
      border-radius: 0.1em;
      box-shadow: rgba(0, 0, 0, 0.5) 0 0.1em 0.2em 0;
      background-color: white; }
      #slide-questions .question-comments .assignee-respond-popup .avatar-wrapper {
        height: 3em;
        margin: 1em; }
        #slide-questions .question-comments .assignee-respond-popup .avatar-wrapper .avatar {
          width: 1.667em;
          height: 1.667em;
          border-radius: 50%;
          background-color: #2a2f35;
          margin: 0 auto; }
      #slide-questions .question-comments .assignee-respond-popup .respond-info {
        width: 12em;
        font-size: 0.8em;
        font-weight: bold;
        line-height: 1.25;
        text-align: center;
        color: #3b4044;
        margin: 1em auto; }
      #slide-questions .question-comments .assignee-respond-popup .assignee-respond-btn {
        width: 13em;
        height: 2.500em;
        background-color: #3aa8ff;
        margin: 1em auto;
        font-weight: bold;
        line-height: 2.500em;
        letter-spacing: 0.06em;
        cursor: pointer;
        color: #17191b;
        text-transform: uppercase; }
      #slide-questions .question-comments .assignee-respond-popup .hidden {
        display: none; }
      #slide-questions .question-comments .assignee-respond-popup .confirmation .btn-wrapper {
        padding-top: 1.778em;
        height: 4.000em; }
      #slide-questions .question-comments .assignee-respond-popup .confirmation .confirm-info {
        width: 16.429em;
        text-align: center;
        line-height: 1.286em; }
        #slide-questions .question-comments .assignee-respond-popup .confirmation .confirm-info a {
          text-decoration: none;
          color: #3aa8ff; }
  #slide-questions .entity.question, #slide-questions .entity.comment {
    border-style: solid;
    border-color: #42484c;
    border-width: 1px 0px;
    margin-top: -1px; }
  #slide-questions .entity.first {
    border-top: 0; }
  #slide-questions .qa-entity {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    margin: -0 0 -1px 0;
    min-height: 6em;
    text-align: left;
    cursor: pointer; }
    @media screen and (orientation: portrait) {
      #slide-questions .qa-entity {
        padding: 1.6em 1em; } }
    @media screen and (orientation: landscape) {
      #slide-questions .qa-entity {
        padding: 0.6em 1em; } }
    #slide-questions .qa-entity__main {
      flex: 1 1 auto;
      line-height: 1.285em; }
      @media screen and (orientation: portrait) {
        #slide-questions .qa-entity__main {
          font-size: 1.5em; } }
      @media screen and (orientation: landscape) {
        #slide-questions .qa-entity__main {
          font-size: 1.2em; } }
      #slide-questions .qa-entity__main a.inline, #slide-questions .qa-entity__main a.inline:hover, #slide-questions .qa-entity__main a.inline:visited {
        border-bottom: dotted 1px rgba(255, 255, 255, 0.6);
        text-decoration: none; }
      #slide-questions .qa-entity__main .original {
        font-style: italic;
        font-size: 0.8em;
        padding: 0.5em 0; }
    #slide-questions .qa-entity__meta {
      font-size: 0.7em;
      color: inherit;
      opacity: 0.5;
      padding: 0.3em 0 0; }
      #slide-questions .qa-entity__meta > * {
        display: inline-block;
        margin-right: 1.5em; }
    #slide-questions .qa-entity__actions {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex: 0 0 auto;
      align-self: flex-start;
      text-align: center;
      width: 5em;
      padding: 0 1.25em 0 0.25em;
      color: #2da691; }
      #slide-questions .qa-entity__actions.hidden {
        display: none; }
      #slide-questions .qa-entity__actions .vote {
        cursor: pointer; }
        #slide-questions .qa-entity__actions .vote.disabled {
          opacity: 0.2;
          pointer-events: none; }
          #slide-questions .qa-entity__actions .vote.disabled.icon-down-dir {
            display: none; }
      #slide-questions .qa-entity__actions > * {
        display: block; }
      @media screen and (orientation: portrait) {
        #slide-questions .qa-entity__actions .icon {
          font-size: 1.7em; } }
      @media screen and (orientation: landscape) {
        #slide-questions .qa-entity__actions .icon {
          font-size: 1.2em; } }
      #slide-questions .qa-entity__actions .cast {
        color: gold !important; }
      #slide-questions .qa-entity__actions .votes {
        font-size: 1.5em; }
      #slide-questions .qa-entity__actions.pending {
        align-self: center;
        transform: translate(0, 0); }
        #slide-questions .qa-entity__actions.pending .loadingSpinner {
          width: 1.2em;
          height: 1.2em; }
    #slide-questions .qa-entity.declined .actions {
      opacity: 0.1;
      vertical-align: middle; }
    #slide-questions .qa-entity.unapproved .qa-entity_actions {
      opacity: 0.1;
      vertical-align: middle; }
    #slide-questions .qa-entity.own .qa-entity__actions {
      cursor: auto; }
      #slide-questions .qa-entity.own .qa-entity__actions .icon {
        opacity: 0.2;
        pointer-events: none; }
    #slide-questions .qa-entity__nav {
      flex: 0 0 auto;
      width: 6em;
      cursor: pointer;
      text-align: right; }
      #slide-questions .qa-entity__nav .icon {
        font-size: 2em;
        opacity: 0.3; }
        #slide-questions .qa-entity__nav .icon::before {
          margin: 0; }
      #slide-questions .qa-entity__nav .commentsCount {
        position: relative;
        top: -0.2em;
        font-size: 1.4em;
        border-radius: 0.25em;
        padding: 0.1em 0.5em; }
        #slide-questions .qa-entity__nav .commentsCount.unread {
          color: #fff;
          background-color: #ed588e;
          font-weight: 400; }
    #slide-questions .qa-entity.comment {
      font-size: 0.8em; }
      #slide-questions .qa-entity.comment .qa-entity__actions {
        width: 6em; }
  #slide-questions .qa-entity-mc {
    margin-left: 7.5em;
    padding: 0.5em 1.5em 0.5em 0;
    border-style: solid;
    border-color: #42484c;
    border-width: 1px 0 0 0;
    font-size: 0.8em;
    text-align: left; }
    #slide-questions .qa-entity-mc > * {
      margin: 0.75em 0; }
    #slide-questions .qa-entity-mc__comment {
      opacity: 0.8;
      line-height: 1.182em;
      font-size: 1.4em; }
    #slide-questions .qa-entity-mc .username {
      font-weight: 600; }
    #slide-questions .qa-entity-mc .icon {
      font-size: 0.75em; }
    #slide-questions .qa-entity-mc__nav {
      font-weight: 400;
      font-size: 1.4em;
      color: #2da691;
      cursor: pointer; }
      #slide-questions .qa-entity-mc__nav .count {
        font-weight: 600; }
  #slide-questions.downvotes-on .actions .vote {
    line-height: 1em; }
  #slide-questions .subslide {
    overflow: hidden; }
  #slide-questions .scroll-wrapper::after {
    content: "";
    height: 5em;
    display: block;
    opacity: 0; }
  #slide-questions .subslide-questions.submitFormOpen .scroll-wrapper::after {
    height: 20em; }
  #slide-questions .subslide-questions.submitFormOpen .submitQuestionText {
    padding-left: 3em; }
  #slide-questions .subslide-comments .qa-entity__text {
    -webkit-touch-callout: none;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    -o-user-select: all;
    user-select: all; }
  #slide-questions .subslide-comments.submitFormOpen .scroll-wrapper::after {
    height: 20em; }

#slide-questions .swiper-wrapper .subslide-questions {
  /* reserved padding for bottom menu and submit button */
  padding-bottom: 5em; }
  #slide-questions .swiper-wrapper .subslide-questions .sort-mode {
    display: flex;
    justify-content: flex-end; }
    #slide-questions .swiper-wrapper .subslide-questions .sort-mode > * {
      flex: 1 0 auto;
      cursor: pointer;
      text-transform: uppercase;
      text-align: center;
      font-weight: 400;
      letter-spacing: 0.1em;
      padding: 1em 0;
      background-color: #2f3336;
      color: #474d52; }
      #slide-questions .swiper-wrapper .subslide-questions .sort-mode > *.selected {
        color: inherit;
        background-color: inherit; }
  #slide-questions .swiper-wrapper .subslide-questions .questions-list-label-heading {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 700;
    color: #666975;
    text-align: center;
    padding: 2em;
    letter-spacing: 0.15em;
    /* but ignore that when we're in limited mode where there's no such button.
       * &.limited
       *   padding-bottom: 0 */ }
  #slide-questions .swiper-wrapper .subslide-questions .load-more {
    clear: both;
    cursor: pointer;
    padding: 2em 0;
    color: #2da691;
    font-weight: 400;
    border-bottom: solid 1px #42484c;
    text-transform: uppercase; }

#slide-questions .vw-questions.upvotes-off .sort-mode .top, #slide-questions .vw-questions.upvotes-off .sort-mode .newest {
  display: none; }

.questionsTip {
  display: block;
  margin: auto;
  padding: 2em 0;
  color: #828282;
  line-height: 1.5em;
  font-size: 1.1em;
  clear: both; }
  .questionsTip span {
    display: block; }
    .questionsTip span.hidden {
      display: none; }
  .questionsTip > *::after {
    padding-left: 0.2em; }

.comments-off .question {
  cursor: default !important;
  padding-right: 1.5em; }

.comments-off .nav-to-comments {
  display: none; }

.upvotes-off .question, .upvotes-off .comment {
  min-height: 5em; }

.subslide-questions .questionList.closed, .subslide-questions .questionList.later {
  background: #323639; }
  .subslide-questions .questionList.closed .questions-list-label-heading, .subslide-questions .questionList.later .questions-list-label-heading {
    cursor: pointer; }
  .subslide-questions .questionList.closed .question, .subslide-questions .questionList.later .question {
    border-color: #3B3E40;
    padding: 0.1em 0; }
    .subslide-questions .questionList.closed .question .actions, .subslide-questions .questionList.closed .question .nav-to-comments, .subslide-questions .questionList.later .question .actions, .subslide-questions .questionList.later .question .nav-to-comments {
      opacity: 0.5; }

#slide-questions .actions .vote:active {
  color: #a0f264; }

#slide-questions .submit-area {
  display: flex;
  height: auto;
  align-items: flex-end; }

#slide-questions .submitQuestion,
#slide-questions .submitComment {
  height: auto;
  position: absolute;
  z-index: 5;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #282b2e;
  color: #3b4044;
  font-weight: 400;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

#slide-questions .submit-options {
  display: none;
  align-items: center;
  padding: 0.5em 0.5em;
  text-transform: uppercase;
  border-bottom: solid 1px rgba(0, 0, 0, 0.5);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  #slide-questions .submit-options.enabled {
    display: flex; }
  #slide-questions .submit-options > * {
    flex: 0 0 auto; }
  #slide-questions .submit-options .spanner {
    flex: 1 1 auto; }
  #slide-questions .submit-options .switch-label {
    height: auto;
    width: auto;
    padding: 0; }
  #slide-questions .submit-options label {
    cursor: pointer; }

#slide-questions .questionMark {
  font-size: 2em;
  border-right: solid 1px #3b4044;
  text-align: center;
  position: absolute;
  left: 0;
  width: 2.5em;
  height: 100%;
  padding: 0.3em 0;
  cursor: pointer; }

#slide-questions .submitQuestionButton,
#slide-questions .submitCommentButton {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  width: 3em;
  background-color: #2da691;
  color: #3b4044;
  font-size: 1.7em;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.8em 0 0.8em 0em;
  cursor: pointer;
  transition: padding 0.2s ease-out; }

#slide-questions .submitCommentText {
  padding-left: 3em; }

#slide-questions .submitQuestion, #slide-questions .submitComment {
  margin: 0; }
  #slide-questions .submitQuestion .questionTextarea, #slide-questions .submitComment .questionTextarea {
    width: 100%;
    margin: 0;
    height: 2em;
    overflow: hidden;
    resize: none !important;
    display: block;
    box-sizing: border-box;
    padding: 0.3em;
    font-size: 2em;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    resize: vertical; }

#slide-questions .addQuestionForm {
  display: none; }

#slide-questions .submitQuestion .questionMark {
  display: none; }

#slide-questions .submitComment .questionMark {
  display: block;
  height: 2.5em; }

#slide-questions .submit-options {
  color: white;
  background-color: #282b2e;
  border-color: #3b4044; }
  #slide-questions .submit-options .switch-text {
    opacity: 0.5; }
  #slide-questions .submit-options.anonymous-on .name {
    display: none; }
  #slide-questions .submit-options.anonymous-on .switch-text {
    opacity: 1; }

#slide-questions .questionMark .icon {
  color: #3b4044;
  top: 0;
  left: 0;
  position: absolute;
  margin: 0.5em; }

#slideTitlePMQ {
  display: none;
  width: 100%;
  font-size: 1em;
  margin: 1em auto; }

.pre-meeting-questions #slideTitle {
  display: none; }

.pre-meeting-questions #slideTitlePMQ {
  display: block; }

.pre-meeting-questions footer h1 {
  color: #868686; }

.pre-meeting-questions .question-container {
  top: 5.5em !important; }

/* questions desktop adjustments */
@media (min-width: 641px) {
  #slide-questions .question-comments .comments-heading {
    padding: 1em 0 1.5em 2.2em; } }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.raffle-log {
  padding: 2em 0; }
  .raffle-log__title {
    margin-bottom: 1em;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.2px; }
  .raffle-log__table {
    width: 100%; }
  .raffle-log__thead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .raffle-log__th {
    padding-bottom: 0.5em;
    font-size: 0.7em;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    opacity: 0.5; }
    .raffle-log__th:last-child {
      text-align: right; }
  .raffle-log__td {
    padding: 1.1em 0;
    font-size: 1.4em;
    font-weight: 300;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .raffle-log__td:last-child {
      text-align: right; }
    .raffle-log__td--winner {
      color: #f2d358;
      font-weight: 600; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.raffle {
  padding: 0 15px; }
  .raffle__wrapper {
    width: 100%;
    max-width: 900px;
    max-height: 100%;
    margin: 0 auto; }
  .raffle__icon {
    color: #fff;
    font-size: 6em; }
    .raffle__icon--empty {
      opacity: .3; }
  .raffle__caption {
    font-size: 2.3em; }
    .raffle__caption--winner {
      margin-top: 0.2em;
      color: #f2d358;
      font-weight: 600;
      opacity: 0;
      animation: zoomEffect .2s 1 ease-out;
      animation-fill-mode: forwards;
      animation-delay: .3s; }
  .raffle__description {
    opacity: .5;
    font-size: 1.9em;
    font-weight: 400; }
    .raffle__description--winner {
      opacity: 0;
      animation: zoomEffect .2s 1 ease-out;
      animation-fill-mode: forwards;
      animation-delay: .2s; }
  .raffle__optional-description {
    margin-top: 0.5em;
    opacity: .5;
    font-size: 1.9em;
    font-weight: 400; }
  .raffle__btn-opt-in {
    margin-top: 1em;
    font-size: 2.2em; }
  .raffle__btn-opted-in {
    margin-top: 1em;
    color: #a0f264;
    font-size: 2.2em;
    line-height: normal;
    border-color: transparent;
    outline: 3px solid #a0f264;
    background: none; }
  .raffle__btn-close {
    margin-top: 1em;
    width: 70%;
    font-size: 2.2em; }
  .raffle__btn-pass {
    margin-top: 1em;
    color: #fff;
    font-size: 2em;
    opacity: .5; }
  .raffle__optional-hr {
    width: 5em;
    margin: 3em auto;
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
  .raffle__winner-icon {
    color: #f2d358;
    font-size: 12em;
    animation: zoomEffect .2s 1 ease-out;
    animation-fill-mode: forwards; }
  .raffle__winner-form {
    margin-top: 1em; }
  .raffle__input {
    margin-top: 1em;
    font-size: 2.3em !important; }
  .raffle__raffle-history {
    margin-top: 3em; }
  .raffle__note {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    text-align: center;
    opacity: .5; }

@keyframes zoomEffect {
  from {
    opacity: 0;
    transform: scale(1); }
  63% {
    transform: scale(1.2); }
  to {
    transform: scale(1);
    opacity: 1; } }

#slide-raffle .vw-raffles {
  display: flex;
  flex-direction: column;
  justify-content: center; }

#slide-raffle .opt-in {
  display: block;
  padding: 0.3em 0;
  font-size: 2.5em;
  margin: 0em auto 0.4em;
  width: 50%;
  min-width: 290px; }

#slide-raffle .opted-in {
  border-bottom-width: 0.05em;
  display: block;
  padding: 0.7em 0;
  font-size: 3em;
  margin: 0 auto;
  width: 50%;
  min-width: 290px; }
  #slide-raffle .opted-in .icon {
    margin: 0 0.5em 0 -0.5em; }

#slide-raffle h3 {
  font-weight: 300;
  color: #888;
  margin: 1.5em 0 0.5em;
  font-size: 1.4em; }

#slide-raffle h4 {
  font-weight: 300;
  color: #7A7A7A;
  margin: 1em 0 0.4em;
  font-size: 1.3em; }

#slide-raffle .opt-out {
  display: block;
  padding: 0.6em 0;
  font-size: 1.5em;
  width: 50%;
  min-width: 290px;
  margin: 0.3em auto; }

#slide-raffle .opt-in-comment {
  margin: 1em auto 3em;
  width: 70%; }

#slide-raffle .opt-in, #slide-raffle .opt-out, #slide-raffle .opt-in-comment, #slide-raffle h3 {
  text-align: center; }

#slide-raffle .pending {
  padding-top: 50px; }

.raffle-animation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #888;
  z-index: 1050;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .raffle-animation h2 {
    position: relative;
    display: block;
    font-size: 2.6em;
    font-weight: 400;
    text-align: center;
    letter-spacing: -0.03em; }
    .raffle-animation h2::after {
      content: "Raffle!"; }
  .raffle-animation .icon {
    position: relative;
    font-size: 7em;
    z-index: 1051; }
  .raffle-animation__boxes {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    font-size: 0;
    /* FIX: removing horizontal/vertical spacing and forcing some webkit magic. */
    line-height: 0;
    letter-spacing: -1px; }
    .raffle-animation__boxes div {
      width: 25%;
      height: 25%;
      display: inline-block;
      animation: raffleBlinkingBox 0.55s linear infinite; }
      .raffle-animation__boxes div:nth-child(1) {
        animation-delay: -0.55s; }
      .raffle-animation__boxes div:nth-child(2) {
        animation-delay: -0.5s; }
      .raffle-animation__boxes div:nth-child(3) {
        animation-delay: -0.45s; }
      .raffle-animation__boxes div:nth-child(4) {
        animation-delay: -0.4s; }
      .raffle-animation__boxes div:nth-child(8) {
        animation-delay: -0.35s; }
      .raffle-animation__boxes div:nth-child(12) {
        animation-delay: -0.3s; }
      .raffle-animation__boxes div:nth-child(16) {
        animation-delay: -0.25s; }
      .raffle-animation__boxes div:nth-child(15) {
        animation-delay: -0.2s; }
      .raffle-animation__boxes div:nth-child(14) {
        animation-delay: -0.15s; }
      .raffle-animation__boxes div:nth-child(13) {
        animation-delay: -0.1s; }
      .raffle-animation__boxes div:nth-child(9) {
        animation-delay: -0.5s; }
      .raffle-animation__boxes div:nth-child(5) {
        animation-delay: 0.02s; }
      .raffle-animation__boxes div:nth-child(6) {
        animation-delay: 0s;
        opacity: 0.5; }
      .raffle-animation__boxes div:nth-child(7) {
        animation-delay: 0.18s;
        opacity: 0.5; }
      .raffle-animation__boxes div:nth-child(10) {
        animation-delay: 0.36s;
        opacity: 0.5; }
      .raffle-animation__boxes div:nth-child(11) {
        animation-delay: 0.55s;
        opacity: 0.5; }

@keyframes raffleBlinkingBox {
  0% {
    background-color: rgba(0, 0, 0, 0.2); }
  50% {
    background-color: rgba(255, 255, 255, 0.2); }
  100% {
    background-color: rgba(0, 0, 0, 0.2); } }

.winner-tag {
  display: none;
  opacity: 0.6;
  position: absolute;
  z-index: +5;
  top: 0em;
  right: 0em;
  color: white;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.4);
  padding: 0.1em 0.5em; }

.slow-mode {
  position: absolute;
  display: inline-block;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  background-color: #1f2123;
  border-radius: 0.5em;
  padding: 0.5em 1em;
  white-space: nowrap;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.attendee-tag {
  padding: 0.2em 0.6em;
  border-radius: 5em;
  font-weight: 400; }

.tag-white {
  padding: 0.2em 0.6em;
  border-radius: 5em;
  font-weight: 400;
  color: #3b4044;
  background: #d8d8d8; }

.tag-green {
  color: #3b4044;
  background: #a0f264; }

.tag-private::before {
  content: "Private"; }

.view-response {
  font-size: 0.6em; }

.question-comments .questionMeta,
.comments-slide .meta {
  opacity: 1 !important; }
  .question-comments .questionMeta span,
  .comments-slide .meta span {
    opacity: .6; }
  .question-comments .questionMeta span.attendee-tag,
  .comments-slide .meta span.attendee-tag {
    opacity: 1; }
  .question-comments .questionMeta time,
  .comments-slide .meta time {
    opacity: .6; }

.add-attendees__description {
  color: #939496;
  font-size: 0.8em;
  text-align: left; }

.add-attendees__option {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 1.5em 0; }
  .add-attendees__option-left {
    flex: 5 0 auto;
    white-space: nowrap;
    width: 50%; }
  .add-attendees__option-right {
    flex: 5 1 auto; }

.add-attendees__upload-btn {
  margin-right: 2em;
  white-space: nowrap; }

.add-attendees__label {
  margin-bottom: 0.6em;
  color: #939496;
  font-size: 0.8em;
  text-align: left;
  line-height: normal; }

.add-attendees__booking-switcher {
  margin-top: 1em; }
  .add-attendees__booking-switcher .switcher-group__switcher-label {
    font-size: 0.8em; }

.add-attendees a {
  text-decoration: underline; }

@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

.attendee-focus-button__icon {
  color: #f2d358;
  font-size: 1.2em; }

.attendee-focus-button .tooltip {
  font-size: 1.4em !important; }

.slider-menu__button.attendee-focus-button--focused {
  color: rgba(242, 211, 88, 0.9); }

.full-schedule-group__date {
  color: Salmon;
  font-size: 1.5em;
  font-weight: 600;
  text-align: center;
  position: sticky;
  padding: 0.5em;
  z-index: 999;
  background: var(--background-color); }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.full-schedule-item {
  min-width: 33%;
  flex-basis: 100%;
  display: flex;
  padding: 0; }
  .full-schedule-item--first {
    border-top: 1px solid var(--background-color-10); }
    .full-schedule-item--first .full-schedule-item__time {
      position: sticky !important;
      top: 6em; }
  .full-schedule-item--line-break {
    flex-basis: 100%;
    height: 0; }
  .full-schedule-item.column {
    margin: 0.5em 0; }
    .full-schedule-item.column .full-schedule-item__description {
      display: none; }
      .full-schedule-item.column .full-schedule-item__description.expanded {
        display: block; }
    @media all and (min-width: 380px) {
      .full-schedule-item.column {
        flex-basis: 50%; } }
    @media all and (min-width: 1080px) {
      .full-schedule-item.column {
        flex-basis: 33%; } }
  .full-schedule-item__schedule {
    width: 100%;
    padding: 1.5em 0.5em; }
    .full-schedule-item__schedule--edit-mode .full-schedule-item__border {
      padding: 0; }
    .full-schedule-item__schedule--edit-mode .full-schedule-item__arrow {
      padding: 0 0 0 1em; }
  .full-schedule-item__top {
    display: flex;
    flex-flow: row;
    align-items: flex-start; }
  .full-schedule-item__top-line {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between; }
  .full-schedule-item__featured-title {
    color: var(--primary-color);
    font-size: 1em;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 1em; }
  .full-schedule-item__title {
    font-weight: bold;
    font-size: 1.5em;
    text-align: left;
    margin-right: 1em; }
  .full-schedule-item__time {
    margin: 0.3em 0em 0 0.5em;
    width: 3em;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1em;
    text-align: left;
    flex: 0 0 auto; }
    .full-schedule-item__time--ampm {
      width: 4.5em; }
  .full-schedule-item__end-time {
    font-size: 0.7em;
    font-weight: 400; }
  .full-schedule-item__btn-arrow {
    transform: rotate(90deg);
    font-size: 2em; }
    .full-schedule-item__btn-arrow--open {
      transform: rotate(270deg); }
  .full-schedule-item__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 0 75%;
    z-index: 1; }
  .full-schedule-item__book {
    color: var(--primary-font-color);
    background-color: var(--primary-color);
    font-size: 1.4em;
    font-weight: 600;
    padding: 0.3em !important;
    border-radius: 5px;
    width: 7em;
    margin: 0.5em 0; }
  .full-schedule-item__booked {
    font-size: 1.2em;
    font-weight: 600;
    color: var(--accent);
    margin-right: 0.5em;
    flex: 1;
    text-align: right; }
  .full-schedule-item__description {
    text-align: left;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0.5em 0;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical; }
    .full-schedule-item__description.expanded {
      display: block; }
  .full-schedule-item__details {
    display: flex;
    align-items: center;
    margin: 0.5em 0;
    flex-flow: row wrap;
    font-weight: 400;
    text-align: left; }
  .full-schedule-item__detail {
    line-height: 1.5em;
    font-size: 1.2em; }
    .full-schedule-item__detail--presenter {
      margin-right: 1.2em;
      opacity: 0.5; }
    .full-schedule-item__detail--location {
      opacity: 0.5; }
  .full-schedule-item__border {
    border: 1px solid transparent; }
  .full-schedule-item__or {
    position: absolute;
    top: -2.25em;
    left: 0;
    display: none;
    padding: 0.2em 0.6em;
    border: 1px solid #979797;
    background: #3b4044;
    font-size: 1em;
    letter-spacing: 0.8px;
    line-height: normal;
    text-transform: uppercase; }
  .full-schedule-item__col {
    position: relative;
    display: flex;
    flex-direction: column; }
  .full-schedule-item__book-btn {
    font-size: 1.4em;
    padding: 0.3em !important;
    background-color: var(--primary-color);
    color: var(--primary-font-color);
    margin-top: 0.5em;
    width: 7em;
    font-weight: 600; }
  .full-schedule-item__unbook-hint {
    margin: 0.3em 0 0 1em;
    text-align: left; }
  .full-schedule-item .btn--booked {
    opacity: 0.5; }
  .full-schedule-item__spots-left {
    margin-top: 0.5em;
    font-size: 1.4em;
    text-align: left; }
  .full-schedule-item__edit {
    flex: 1;
    text-align: right;
    font-size: 1.2em;
    font-weight: 400;
    position: relative;
    right: 0;
    opacity: 1; }
    .full-schedule-item__edit a {
      color: var(--font-color-50) !important; }
      .full-schedule-item__edit a:hover {
        color: var(--font-color) !important;
        text-decoration: none; }
    .full-schedule-item__edit--non-bookable {
      font-size: 1.4em; }

.full-schedule--agenda .full-schedule-item__time {
  margin-top: 0 !important; }

.full-schedule::after {
  display: block;
  content: '';
  padding-top: 7.5em; }

.input-range {
  display: block;
  position: relative;
  height: 0.375em;
  margin: 0.625em 0;
  background-color: #252525;
  border-radius: 0.375em;
  box-sizing: border-box;
  user-select: none; }
  .input-range .ui-slider-handle {
    display: block;
    position: absolute;
    top: -0.4375em;
    margin-left: -0.625em;
    height: 1.25em;
    width: 1.25em;
    background-color: #a0f264;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    touch-action: none;
    user-select: none; }
    .input-range .ui-slider-handle:hover, .input-range .ui-slider-handle.ui-state-active {
      background-color: #bdf693; }

.invite-by-email__form-group {
  margin: 1.7em 0; }

.invite-by-email__form-left {
  width: 50%;
  margin-right: 1.5em; }

.invite-by-email__form-right {
  width: 50%;
  margin-left: 1.5em; }

.invite-by-email__form-text {
  color: #939496;
  font-size: 0.8em;
  text-align: left; }

.invite-by-email__hr {
  border-color: #48494e; }

.leaderboard-multi {
  overflow-y: auto;
  padding: 2.5em;
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  .leaderboard-multi__wrapper {
    height: 100%; }
  .leaderboard-multi .loadingSpinnerCont {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px; }
  .leaderboard-multi__list {
    min-height: 100%;
    max-width: 800px;
    margin: 0 auto;
    list-style-type: none; }
  .leaderboard-multi__item {
    padding-bottom: 1.7em; }
  .leaderboard-multi__details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  .leaderboard-multi__rate, .leaderboard-multi__name, .leaderboard-multi__points {
    flex: 0 0 auto;
    font-weight: bold;
    font-size: 1.8em; }
  .leaderboard-multi__rate {
    padding-right: 0.8em;
    width: 1.5em;
    color: #04ff65; }
  .leaderboard-multi__dots {
    flex: 1 1 auto;
    height: 2.75em;
    background-image: linear-gradient(to right, #979797 20%, rgba(255, 255, 255, 0) 0%);
    background-position: 0 1.8em;
    background-size: 10px 1px;
    background-repeat: repeat-x; }
  .leaderboard-multi__name {
    flex: 0 1 auto;
    padding-right: 0.5em;
    color: #f2f2f2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .leaderboard-multi__points {
    padding-left: 0.5em;
    color: #ffffff; }
  .leaderboard-multi__sub-details {
    padding-left: 2.8em;
    color: rgba(255, 255, 255, 0.7);
    text-align: left; }
  .leaderboard-multi__time {
    display: inline-block; }
  .leaderboard-multi__nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    left: 3em;
    margin: 0 auto;
    padding-bottom: 1em;
    width: 718px;
    text-transform: uppercase; }
  .leaderboard-multi__nav-btn {
    cursor: pointer;
    display: inline-block; }
  @media (max-width: 900px) {
    .leaderboard-multi__nav {
      width: auto;
      float: right;
      display: block;
      right: initial;
      margin: 0;
      left: initial; }
    .leaderboard-multi__side {
      display: inline-block; } }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.limiter-modal .dialog-wrapper {
  display: inline-block;
  position: relative;
  padding: 3em 5em;
  background-color: #282b2e;
  width: auto;
  margin: 0 auto;
  text-align: left; }

.limiter-modal__title {
  position: relative; }
  .limiter-modal__title .icon {
    position: absolute;
    left: -1.5em; }

.limiter-modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  font-size: 1.5em;
  opacity: .25;
  text-decoration: none !important;
  cursor: pointer; }

.limiter-modal--yellow .dialog-wrapper h1 {
  color: #E9CF6A; }

.limiter-modal__body {
  display: flex;
  margin-top: 50px; }

.limiter-modal__right {
  width: 44%;
  margin-left: 80px; }

.limiter-modal__left {
  width: 44%; }

.limiter-modal__buttons {
  margin-top: 5em;
  display: flex;
  justify-content: space-between; }

.limiter-modal__button {
  display: inline-block;
  width: 44%;
  padding: .3em 0;
  color: #282b2e !important;
  font-size: 1.5em;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  border-top-color: #282b2e;
  white-space: nowrap; }

.lock-plan__caption {
  font-size: 1.7em;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff; }

.lock-plan__description {
  margin-top: 1em;
  max-width: 60%;
  text-align: left; }

.lock-plan__descriptor + .lock-plan__descriptor {
  margin-top: 1em; }

.lock-plan__header {
  flex: 1 1 auto; }

.lock-plan__options {
  flex: 1;
  margin-top: 1.7em;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.64;
  letter-spacing: normal; }

.lock-plan__operations {
  flex: 1 0 auto;
  max-width: 20em;
  text-align: center; }

.lock-plan__operation {
  margin: 0 0 2em 2em; }

.lock-plan__image {
  margin-top: 2em; }
  .lock-plan__image img {
    max-width: 100%; }

.lock-plan__spinner {
  display: flex;
  justify-content: center;
  align-items: center; }

.lock-plan__spinner-body {
  margin-top: -0.2em;
  width: 2em;
  height: 2em;
  background-color: #fff;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out; }

.manage-attendees__row {
  text-align: left; }

.manage-attendees__item {
  margin-bottom: 1.2em; }
  .manage-attendees__item:last-child {
    margin-bottom: 0; }

.manage-attendees__link, .manage-attendees__hint {
  color: #fff;
  font-size: 0.8em;
  font-weight: 300;
  opacity: 0.5; }
  .manage-attendees__link a, .manage-attendees__hint a {
    text-decoration: underline; }

.manage-attendees__link:hover {
  opacity: 0.8; }

.manage-attendees__delete-button {
  color: #FE4646;
  text-transform: uppercase; }

.manage-attendees__tooltip {
  display: none; }

.markdown-tooltip {
  display: flex;
  align-items: center; }
  .markdown-tooltip__caption {
    color: #828282;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.1em; }

.my-agenda {
  height: 100%;
  max-height: 100%;
  overflow: hidden; }
  .my-agenda__scrollable {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .my-agenda__header {
    display: flex;
    position: sticky;
    justify-content: center;
    background-color: var(--background-color);
    z-index: 1000;
    width: 100%;
    height: 4em;
    top: 0; }
  .my-agenda__edit {
    padding: 0 1em; }
  .my-agenda__edit-description {
    margin: 2em 0 0;
    font-size: 1.4em; }
  .my-agenda__edit-button {
    width: 14em;
    margin: 0.5em 0;
    height: 2em;
    font-size: 1.4em; }
  .my-agenda__buttons-fix {
    visibility: hidden;
    display: flex;
    position: absolute;
    width: 100%;
    padding: 0.5em;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: #3b4044; }
  .my-agenda__save-button {
    margin-top: 0;
    flex: 1; }
  .my-agenda__cancel-button {
    margin-top: 0;
    width: 30%;
    margin-left: 0.2em; }
  .my-agenda__schedule .full-schedule-item__border {
    border: transparent; }
  .my-agenda__schedule--disable-edit {
    padding-top: 0; }
  .my-agenda__schedule--edit-mode .full-schedule-item:not(:first-child) .full-schedule-item__or {
    display: block; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

#swiper-container {
  bottom: 6em; }
  #swiper-container.fullscreen {
    bottom: 0; }

#nav-menu a,
#extra-menu a {
  text-decoration: none !important;
  outline: 0; }

#nav-menu .hidden,
#extra-menu .hidden {
  display: none; }

#nav-menu .item:hover,
#extra-menu .item:hover {
  cursor: pointer;
  opacity: 1; }

#nav-menu .item.active,
#extra-menu .item.active {
  opacity: 1; }
  #nav-menu .item.active.fb-ideas,
  #extra-menu .item.active.fb-ideas {
    color: #2da691; }
  #nav-menu .item.active.fb-ideasQna,
  #extra-menu .item.active.fb-ideasQna {
    color: #3EE6C9; }
  #nav-menu .item.active.fb-ideasIdeas,
  #extra-menu .item.active.fb-ideasIdeas {
    color: #D8FF00; }
  #nav-menu .item.active.fb-pulse,
  #extra-menu .item.active.fb-pulse {
    color: #a0f264; }
  #nav-menu .item.active.fb-polls,
  #extra-menu .item.active.fb-polls {
    color: #3D97FF; }
  #nav-menu .item.active.fb-video,
  #extra-menu .item.active.fb-video {
    color: #FF8A8A; }
  #nav-menu .item.active.fb-agenda,
  #extra-menu .item.active.fb-agenda {
    color: #B49FEC; }
  #nav-menu .item.active.fb-chat,
  #extra-menu .item.active.fb-chat {
    color: #8FBDE8; }
  #nav-menu .item.active.fb-questions,
  #extra-menu .item.active.fb-questions {
    color: #2da691; }
  #nav-menu .item.active.fb-raffles,
  #extra-menu .item.active.fb-raffles {
    color: #f2d358; }
  #nav-menu .item.active.fb-about,
  #extra-menu .item.active.fb-about {
    color: #f2ad8b; }
  #nav-menu .item.active.fb-notifications,
  #extra-menu .item.active.fb-notifications {
    color: #ed588e; }
  #nav-menu .item.active.fb-materials,
  #extra-menu .item.active.fb-materials {
    color: #F997FF; }
  #nav-menu .item.active.fb-selfies,
  #extra-menu .item.active.fb-selfies {
    color: #98ffa2; }
  #nav-menu .item.active.fb-schedule,
  #extra-menu .item.active.fb-schedule {
    color: Salmon; }
  #nav-menu .item.active.fb-announce,
  #extra-menu .item.active.fb-announce {
    color: #fe9800; }

#nav-menu .item.fb-pulse .icon::before,
#extra-menu .item.fb-pulse .icon::before {
  position: relative;
  font-size: 1.1em;
  top: -0.05em; }

#nav-menu .item.fb-polls .icon::before,
#extra-menu .item.fb-polls .icon::before {
  position: relative;
  font-size: 0.8em;
  top: -0.1em; }

#nav-menu .item.fb-questions .icon::before,
#extra-menu .item.fb-questions .icon::before {
  position: relative;
  top: 0.125em; }

#nav-menu .item.fb-questions .icon .count,
#extra-menu .item.fb-questions .icon .count {
  right: 0.75em;
  top: -0.2em; }

#nav-menu .item.fb-raffles .icon::before,
#extra-menu .item.fb-raffles .icon::before {
  position: relative;
  top: 0.05em;
  font-size: 1.1em; }

#nav-menu .item.fb-about .icon::before,
#extra-menu .item.fb-about .icon::before {
  position: relative;
  top: 0.1em;
  font-size: 1.2em; }

#nav-menu .item.fb-notifications .icon::before,
#extra-menu .item.fb-notifications .icon::before {
  position: relative;
  top: 0.1em;
  font-size: 1.2em; }

#nav-menu .item.fb-notifications .count-badge,
#extra-menu .item.fb-notifications .count-badge {
  position: relative;
  top: -0.25em;
  display: inline-block;
  height: 1.75em;
  width: 1.75em;
  margin: 0 1.045em;
  border-radius: 0.4em;
  line-height: 1.75em;
  font-size: 0.75em;
  font-weight: 400;
  color: white !important;
  background-color: #ed588e; }
  #nav-menu .item.fb-notifications .count-badge:hidden,
  #extra-menu .item.fb-notifications .count-badge:hidden {
    display: none; }

#nav-menu .item.fb-video .icon::before,
#extra-menu .item.fb-video .icon::before {
  position: relative;
  top: 0.2em; }

#nav-menu .item#collapsed-buttons .icon::before,
#extra-menu .item#collapsed-buttons .icon::before {
  position: relative;
  top: 0.05em;
  font-size: 1.1em; }

#nav-menu #collapsed-buttons .icon::before,
#extra-menu #collapsed-buttons .icon::before {
  font-size: 0.99em; }

#nav-menu {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6em;
  z-index: 50;
  overflow: hidden;
  background: #3b4044;
  box-shadow: 0 -0.4em 0.4em rgba(0, 0, 0, 0.09);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap; }
  #nav-menu .item {
    flex: 1 0 auto;
    height: 6em;
    padding: 0 0.33em;
    position: relative;
    opacity: 0.7;
    text-align: center;
    color: white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }
    #nav-menu .item .icon {
      position: relative;
      display: inline-block;
      margin: 0.33em auto 0;
      font-size: 2.1em;
      text-align: center; }
      #nav-menu .item .icon::before {
        width: 2em; }
      #nav-menu .item .icon .count {
        position: absolute;
        display: none;
        top: 0;
        right: 0;
        height: 1.5em;
        width: 1.5em;
        border-radius: 100%;
        background-color: #fa3e3e;
        font-size: 0.4em;
        line-height: 1.5;
        font-weight: 600; }
    #nav-menu .item .name {
      white-space: nowrap;
      text-transform: uppercase;
      font-size: 0.975em;
      font-weight: 600;
      letter-spacing: 0.05em;
      margin: 0.5em auto 0;
      display: block;
      position: relative;
      text-align: center;
      max-width: 33vw;
      overflow: hidden;
      text-overflow: ellipsis; }
      #nav-menu .item .name .icon {
        transform: scale(1.2); }

#extra-menu {
  display: none;
  position: absolute;
  bottom: 6em;
  left: 0;
  right: 0;
  z-index: 50;
  overflow-y: auto;
  box-shadow: 0 -0.4em 0.4em rgba(0, 0, 0, 0.09);
  text-align: right; }
  #extra-menu .item {
    display: block;
    padding: 0.75em 1em;
    height: 5em;
    background: #3b4044;
    border: solid #2f3336 0;
    border-bottom-width: 1px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: all 0.3s ease;
    text-align: right;
    color: white;
    clear: both; }
    #extra-menu .item .icon {
      float: right;
      display: block;
      font-size: 2.1em;
      width: 3em;
      text-align: center;
      margin: 0.05em 0.95em 0 0; }
      #extra-menu .item .icon::before {
        width: 2em; }
    #extra-menu .item .name {
      margin: 1em;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 0.05em;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      #extra-menu .item .name .count {
        display: none; }
    #extra-menu .item .icon, #extra-menu .item .name {
      opacity: 0.7; }
    #extra-menu .item.active .icon, #extra-menu .item.active .name {
      opacity: 1; }
  @media all and (max-width: 641px) {
    #extra-menu .item .icon {
      margin: 0.05em -0.4em 0 0; } }

#brand-ribbon {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.5em;
  line-height: 2.5em;
  opacity: 0.8;
  background: linear-gradient(180deg, black 0%, #17191b 35%); }
  #brand-ribbon a {
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-decoration: none !important; }

.branded #swiper-container {
  bottom: 8.5em; }
  .branded #swiper-container.fullscreen {
    bottom: 2.5em; }

.branded #nav-menu {
  bottom: 2.5em; }

.branded #extra-menu {
  bottom: 8.5em; }

.branded #brand-ribbon {
  display: block; }

body.splitscreen #nav-menu .item .name {
  max-width: 11vw; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.backdrop {
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  display: flex;
  position: fixed;
  flex-direction: column;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  padding: 0.5rem;
  text-align: center;
  margin: auto; }

/* The modal window */
.tpl_schedule-booking-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.schedule-booking-modal {
  display: none;
  position: absolute;
  inset: 0;
  justify-content: center;
  align-items: center;
  z-index: 1000; }
  .schedule-booking-modal__wrapper {
    position: fixed;
    width: 25em;
    top: 20%;
    background-color: var(--background-color);
    padding: 1em;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    z-index: 1001; }
  .schedule-booking-modal__close {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    font-size: 1.5em;
    color: var(--font-color);
    opacity: 0.7;
    cursor: pointer; }
  .schedule-booking-modal__prompt, .schedule-booking-modal__unbook, .schedule-booking-modal__alert, .schedule-booking-modal__actions, .schedule-booking-modal__save {
    font-weight: 600; }
  .schedule-booking-modal__title, .schedule-booking-modal__prompt, .schedule-booking-modal__description {
    text-align: left; }
  .schedule-booking-modal__speaker, .schedule-booking-modal__location, .schedule-booking-modal__description {
    opacity: 0.7;
    font-weight: 400;
    text-align: left; }
  .schedule-booking-modal__title {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0.5em 0 0.3em 0; }
  .schedule-booking-modal__speaker {
    margin-right: 1em; }
  .schedule-booking-modal__location {
    font-style: italic; }
  .schedule-booking-modal__description {
    margin: 1em 0; }
  .schedule-booking-modal__details {
    display: flex; }
  .schedule-booking-modal__alert {
    color: red;
    font-size: 0.8em;
    margin: 0.5em 0; }
  .schedule-booking-modal__input-area {
    width: 100%;
    background-color: var(--background-color-10);
    color: var(--font-color);
    border-radius: 3px;
    border-color: var(--background-color-30);
    resize: none;
    margin-top: 0.3em; }
    .schedule-booking-modal__input-area.required {
      border: 1px solid red; }
    .schedule-booking-modal__input-area:focus {
      background-color: var(--background-color-10); }
  .schedule-booking-modal__actions {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em 0; }
    .schedule-booking-modal__actions--booked {
      justify-content: space-between; }
  .schedule-booking-modal__save {
    background-color: var(--primary-color);
    color: var(--primary-font-color);
    border-radius: 3px;
    padding: 0.3em 1.5em; }
  .schedule-booking-modal__unbook {
    color: #fe4646 !important; }
    .schedule-booking-modal__unbook:hover {
      text-decoration: none; }

.schedule-description {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: .3em;
  text-align: left; }
  .schedule-description__block {
    margin: 2.5em; }
  .schedule-description__wrapper {
    padding: 0 3em; }
  .schedule-description__title {
    font-size: 2em; }
  .schedule-description a {
    text-decoration: underline; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.schedule-settings-form__body {
  max-width: 800px;
  margin: 0 auto; }

.schedule-settings-form__hr {
  margin: 30px 23px !important;
  border-top: 1px solid #484a4c; }

.schedule-settings-form__input {
  margin: 0 15px; }

.schedule-settings-form__group {
  margin: 33px 0; }

.schedule-settings-form__repeat {
  position: relative; }

.schedule-settings-form__repeat-close {
  position: absolute;
  top: 34px;
  right: -30px; }

.schedule-settings-form__repeat-close-icon {
  color: #f2d358; }

.schedule-settings-form__submit {
  width: 250px; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.schedule-settings-item {
  width: 100%;
  padding: 1.4em 0.8em 0 0.8em;
  display: flex;
  justify-content: space-between; }
  .schedule-settings-item__col--date {
    padding: 0;
    text-align: left; }
  .schedule-settings-item__col--border {
    padding-bottom: 0.8em;
    border-bottom: 1px solid #424549; }
  .schedule-settings-item__title {
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    line-height: normal; }
  .schedule-settings-item__details {
    margin-top: 1em;
    color: #9a9a9a;
    font-weight: 300;
    text-align: left;
    line-height: normal; }
  .schedule-settings-item__detail {
    margin-right: 2em;
    font-size: 0.8em; }
  .schedule-settings-item__description {
    margin-top: 0.5em;
    text-align: left;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical; }
    .schedule-settings-item__description.expanded {
      display: block; }
  .schedule-settings-item__schedule {
    margin-bottom: 1em;
    padding: 0 1em; }
    .schedule-settings-item__schedule:not(:first-child) {
      border-left: 1px solid #48494e; }
  .schedule-settings-item__buttons {
    display: flex;
    align-items: flex-start; }
  .schedule-settings-item__edit {
    opacity: 0.5; }
    .schedule-settings-item__edit:hover {
      opacity: 0.75; }
  .schedule-settings-item__visible {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    margin-right: 0.5em;
    opacity: 0.5;
    text-transform: uppercase; }
    .schedule-settings-item__visible:hover {
      opacity: 0.75; }
    .schedule-settings-item__visible .visible-status {
      margin-right: 0.4em;
      color: white; }
    .schedule-settings-item__visible.visible .hide-text, .schedule-settings-item__visible.visible .hidden-text, .schedule-settings-item__visible.visible .icon-invisible, .schedule-settings-item__visible.visible .show-text {
      display: none; }
    .schedule-settings-item__visible.visible .icon-visible {
      display: block; }
    .schedule-settings-item__visible.visible:hover .visible-status::after {
      content: "Hide"; }
    .schedule-settings-item__visible.invisible .icon-invisible, .schedule-settings-item__visible.invisible .visible-status {
      display: block; }
    .schedule-settings-item__visible.invisible .visible-status::after {
      content: "Hidden"; }
    .schedule-settings-item__visible.invisible .hide-text, .schedule-settings-item__visible.invisible .icon-visible, .schedule-settings-item__visible.invisible .show-text {
      display: none; }
    .schedule-settings-item__visible.invisible:hover .visible-status::after {
      content: "Show"; }
  .schedule-settings-item__btn-arrow {
    transform: rotate(90deg); }
    .schedule-settings-item__btn-arrow--open {
      transform: rotate(270deg); }
  .schedule-settings-item__start-date {
    font-size: 0.8em; }
  .schedule-settings-item__end-date {
    font-size: 0.6em; }
  .schedule-settings-item:hover {
    cursor: pointer; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.schedule-settings-list {
  margin-top: 1em; }
  .schedule-settings-list__date {
    color: Salmon;
    font-size: 20px;
    font-weight: 400;
    text-align: left; }
  .schedule-settings-list__item {
    margin-top: 2em;
    margin-bottom: 3em; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

#slide-schedule {
  overflow: hidden; }
  #slide-schedule .upload-area {
    display: inline-block;
    position: relative; }
    #slide-schedule .upload-area input[type=file] {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer; }
  #slide-schedule .schedule-list-container {
    height: 100%; }
  #slide-schedule .schedule-settings {
    margin-top: 4em;
    padding: 0 1em;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    #slide-schedule .schedule-settings::-webkit-scrollbar {
      width: 7px;
      height: 7px; }
    #slide-schedule .schedule-settings::-webkit-scrollbar-track {
      border-radius: 10px; }
    #slide-schedule .schedule-settings::-webkit-scrollbar-track:hover {
      background: #303336; }
    #slide-schedule .schedule-settings::-webkit-scrollbar-thumb {
      background: #67696b;
      border-radius: 10px; }
    #slide-schedule .schedule-settings::-webkit-scrollbar-thumb:hover {
      background: #b0b0b3; }
    #slide-schedule .schedule-settings__wrapper {
      margin: 0 auto; }
      #slide-schedule .schedule-settings__wrapper .container {
        margin-top: 1.8em !important;
        margin-bottom: 2em !important; }
    #slide-schedule .schedule-settings__header-wrapper {
      position: sticky;
      top: 0;
      z-index: 99;
      background-color: #3b4044; }
    #slide-schedule .schedule-settings__header {
      margin: 0 auto;
      max-width: 960px; }
      #slide-schedule .schedule-settings__header .js_downloadBookingsCSV {
        flex: 1;
        text-align: left; }
      #slide-schedule .schedule-settings__header .js_addSession, #slide-schedule .schedule-settings__header .js_importSessions {
        background-color: var(--primary-color);
        color: var(--background-color);
        text-transform: none;
        font-weight: 600;
        letter-spacing: 0; }
      #slide-schedule .schedule-settings__header .secondary-button {
        background: transparent;
        color: var(--font-color-50); }
        #slide-schedule .schedule-settings__header .secondary-button:hover {
          color: var(--font-color);
          filter: none; }
      #slide-schedule .schedule-settings__header .spanner {
        flex: 1 1 auto; }
    #slide-schedule .schedule-settings__body {
      margin: 0 auto;
      margin-top: 3em;
      max-width: 960px; }
    #slide-schedule .schedule-settings__hr {
      border-top: 1px solid #48494e;
      box-sizing: border-box;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); }

.swiper-container--ppp-sidebar #slide-schedule .schedule-settings {
  margin-right: 380px; }
  .swiper-container--ppp-sidebar #slide-schedule .schedule-settings__wrapper {
    font-size: 0.8em; }

.schedule-setup__group {
  display: flex;
  align-items: center; }

.schedule-setup__label-timezone {
  margin-right: 2em; }

.settings-menu .cmn-toggle + label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }

.settings-menu__item {
  padding: 0 !important;
  height: 4.6em;
  white-space: nowrap; }

.settings-menu__name {
  color: #fff;
  font-size: 1.1em;
  font-weight: normal; }
  .settings-menu__name--lock {
    opacity: 0.5; }

.settings-menu__move {
  height: 100%; }

.settings-menu__lock {
  float: left; }

.settings-menu__lock-icon {
  width: 3em;
  margin-left: 0.5em;
  line-height: normal; }

.settings-menu__settings-icon {
  margin: 0 0.75em;
  width: 1.4em;
  opacity: 0;
  color: #fff; }

.settings-menu__description {
  flex: 1 1 auto;
  margin: 0 1.5em 0 3em;
  opacity: 0.3;
  font-size: 0.8em;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right; }
  @media all and (max-width: 640px) {
    .settings-menu__description {
      opacity: 0; } }

.settings-menu .with-opts .settings-menu__settings-icon {
  opacity: 0.5; }

.settings-menu .setting-move-icon, .settings-menu .setting-lock-icon, .settings-menu .switch {
  position: relative;
  z-index: +1; }

.settings-menu .setting-feature--settings-all .settings-menu__settings-all-icon {
  margin-right: 1em;
  margin-left: 5.2em; }
  .settings-menu .setting-feature--settings-all .settings-menu__settings-all-icon span {
    padding-left: 0; }

.settings-menu .setting-feature--settings-all .settings-menu__settings-icon.icon-cog {
  opacity: 0; }

.slider-menu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .slider-menu__body {
    display: flex;
    justify-content: space-between;
    height: 3em;
    line-height: 3em;
    white-space: nowrap; }
  .slider-menu__item {
    display: flex;
    align-items: center; }
  .slider-menu__button {
    display: inline-block;
    color: #7D7F81;
    font-size: 0.7em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0 1.5em;
    cursor: pointer; }
    .slider-menu__button a {
      color: inherit; }
    .slider-menu__button:hover {
      color: #fff; }
    @media all and (max-width: 1365px) {
      .slider-menu__button {
        padding: 0 1em; }
        .slider-menu__button .isHideTitle {
          display: none; } }
    @media all and (max-width: 320px) {
      .slider-menu__button {
        padding: 0 0.6em; }
        .slider-menu__button .isHideTitle {
          display: none; } }
    @media all and (max-width: 640px) {
      .slider-menu__button.btn-icon .icon {
        position: relative;
        top: 0.1em;
        font-size: 2em; }
      .slider-menu__button.btn-icon .isHideTitle {
        display: none; } }

.view-attendees__switcher-wrapper {
  display: flex;
  align-items: center; }

.view-attendees__switcher {
  flex: 1; }

.view-attendees__switcher-label {
  width: 40%;
  color: #939496;
  font-size: 0.7em; }

.view-attendees__hr {
  border-color: #48494e; }

.view-attendees__download-link {
  margin-top: 1em;
  text-align: left;
  font-size: 0.8em; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

/*!
 * Web Fonts from Fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2017 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Mark Simonson Studio
 * License URL: https://www.fontspring.com/licenses/mark-simonson-studio/webfont
 *
 *
 */
@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-light.woff2") format("woff2"), url("./../fonts/font/proximanova-light.woff") format("woff");
  font-weight: 200; }

@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-regular.woff2") format("woff2"), url("./../fonts/font/proximanova-regular.woff") format("woff");
  font-weight: 400;
  /* same as "normal" */ }

@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-semibold.woff2") format("woff2"), url("./../fonts/font/proximanova-semibold.woff") format("woff");
  font-weight: 550;
  /* semibold */ }

@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-semibold.woff2") format("woff2"), url("./../fonts/font/proximanova-semibold.woff") format("woff");
  font-weight: 600; }

@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-bold.woff2") format("woff2"), url("./../fonts/font/proximanova-bold.woff") format("woff");
  font-weight: 700;
  /* same as "bold" */ }

@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-extrabold.woff2") format("woff2"), url("./../fonts/font/proximanova-extrabold.woff") format("woff");
  font-weight: 800; }

@font-face {
  font-family: "proxima-nova";
  src: url("./../fonts/font/proximanova-black.woff2") format("woff2"), url("./../fonts/font/proximanova-black.woff") format("woff");
  font-weight: 900; }

.color--red {
  color: #ff5050 !important; }

.color--green {
  color: #7BA159 !important; }

.color--green-light {
  color: #a0f264 !important; }

.color--yellow {
  color: #e9cf6a !important; }

.color--white {
  color: #fff !important; }

.color--gray {
  color: #9a9a9a !important; }

.color--gray-dark {
  color: #3c3b40 !important; }

.flex {
  display: flex; }
  .flex--j-center {
    justify-content: center; }
  .flex--j-sa {
    justify-content: space-around; }
  .flex--j-sb {
    justify-content: space-between; }
  .flex--j-l {
    justify-content: left; }
  .flex--j-fe {
    justify-content: flex-end; }
  .flex--a-center {
    align-items: center; }
  .flex--a-end {
    align-items: flex-end; }
  .flex--d-column {
    flex-direction: column; }
  .flex--1 {
    flex: 1; }

.font--size12 {
  font-size: 12px; }

.font--size14 {
  font-size: 14px; }

.font--size16 {
  font-size: 16px; }

.link--underline {
  text-decoration: underline; }

.mrg--t5 {
  margin-top: 5px; }

.mrg--t10 {
  margin-top: 10px; }

.mrg--t15 {
  margin-top: 15px; }

.mrg--t20 {
  margin-top: 20px; }

.mrg--t56 {
  margin-top: 56px !important; }

.mrg--t80 {
  margin-top: 80px; }

.mrg--t96 {
  margin-top: 96px !important; }

.mrg--t100 {
  margin-top: 100px; }

.mrg--l15 {
  margin-left: 15px; }

.pdd--no {
  padding: 0 !important; }

.text--dots {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.text--center {
  text-align: center; }

.text--left {
  text-align: left; }

.text--right {
  text-align: right; }

.text--code {
  letter-spacing: 0.2em; }

.btn-icon {
  background: none; }
  .btn-icon--size-s {
    width: 2em;
    height: 2em; }
  .btn-icon--gray {
    background: #3C4044; }
  .btn-icon__icon--white {
    color: #fff; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.btn {
  padding: .4em;
  border-radius: 3px; }
  .btn:hover {
    filter: brightness(120%); }
  .btn--full {
    width: 100%; }
  .btn--success {
    background-color: #a0f264;
    color: #17191B;
    font-weight: 600;
    letter-spacing: 1px; }
  .btn--gray {
    background-color: #a7a6b2;
    color: #3B4044; }
  .btn--red {
    background: #FE4646; }
  .btn--uppercase {
    text-transform: uppercase; }
  .btn--simple {
    display: inline-block;
    height: 2.5em;
    border-radius: 0.2em;
    color: #17191b;
    font-weight: 500;
    text-transform: uppercase;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25); }
  .btn--link {
    padding: 0;
    background: none;
    border: none; }
    .btn--link.btn--success {
      color: #a0f264; }
  .btn--large {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    font-size: 2em; }
  .btn--not-found {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    font-size: 2.4em; }
  .btn--raffle {
    padding: 0.5em 1.4em;
    border-radius: 3px;
    font-size: 1.3em; }
  .btn:disabled {
    cursor: no-drop; }
  .btn--size-s {
    padding: .7em 1.4em;
    font-size: 1em;
    line-height: normal; }
  .btn--size-m {
    padding: .7em 1.4em;
    font-size: 1.2em;
    line-height: normal; }

.checkbox {
  display: inline-block; }
  .checkbox__input {
    display: none; }
  .checkbox__label {
    display: flex;
    align-items: center; }
  .checkbox__checked {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    background-color: #dadada;
    border: 1px solid #9997a5; }
  .checkbox__checked-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 1em;
    width: 1em;
    visibility: hidden; }
  .checkbox__text {
    font-size: 1em;
    margin-left: 0.3em; }
  input:checked + .checkbox__checked > .checkbox__checked-svg {
    visibility: visible; }
  .checkbox--bold .checkbox__text {
    font-weight: bold; }
  .checkbox--border-blue .checkbox__checked {
    border: 1px solid #4a90e2;
    border-radius: 3px; }
  .checkbox--size-xs {
    font-size: 0.8em; }
  .checkbox--size-s {
    font-size: 0.9em; }
  .checkbox--size-l {
    font-size: 1.1em; }
  .checkbox--size-xl {
    font-size: 1.2em; }

.cursor--pointer {
  cursor: pointer; }

/* Generate main & diverse classes for a single diverse-enabled emoji ID */
[class^="emoji__"],
[class*=" emoji__"] {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }
  [class^="emoji__"] div,
  [class*=" emoji__"] div {
    display: none; }

[class^="emoji__empty"],
[class*=" emoji__empty"] {
  position: relative; }
  [class^="emoji__empty"] div,
  [class*=" emoji__empty"] div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1em; }

.emoji--x16 {
  width: 16px;
  height: 16px; }

.emoji--x26 {
  width: 26px;
  height: 26px; }

.emoji--x32 {
  width: 32px;
  height: 32px; }

.emoji__grinning {
  background-image: url("./../img/emoji/grinning@1x.png"); }

.emoji__grinning.emoji--2x {
  background-image: url("./../img/emoji/grinning@2x.png"); }

.emoji__grin {
  background-image: url("./../img/emoji/grin@1x.png"); }

.emoji__grin.emoji--2x {
  background-image: url("./../img/emoji/grin@2x.png"); }

.emoji__joy {
  background-image: url("./../img/emoji/joy@1x.png"); }

.emoji__joy.emoji--2x {
  background-image: url("./../img/emoji/joy@2x.png"); }

.emoji__rolling-on-the-floor-laughing {
  background-image: url("./../img/emoji/rolling-on-the-floor-laughing@1x.png"); }

.emoji__rolling-on-the-floor-laughing.emoji--2x {
  background-image: url("./../img/emoji/rolling-on-the-floor-laughing@2x.png"); }

.emoji__smiley {
  background-image: url("./../img/emoji/smiley@1x.png"); }

.emoji__smiley.emoji--2x {
  background-image: url("./../img/emoji/smiley@2x.png"); }

.emoji__smile {
  background-image: url("./../img/emoji/smile@1x.png"); }

.emoji__smile.emoji--2x {
  background-image: url("./../img/emoji/smile@2x.png"); }

.emoji__sweat-smile {
  background-image: url("./../img/emoji/sweat-smile@1x.png"); }

.emoji__sweat-smile.emoji--2x {
  background-image: url("./../img/emoji/sweat-smile@2x.png"); }

.emoji__laughing {
  background-image: url("./../img/emoji/laughing@1x.png"); }

.emoji__laughing.emoji--2x {
  background-image: url("./../img/emoji/laughing@2x.png"); }

.emoji__wink {
  background-image: url("./../img/emoji/wink@1x.png"); }

.emoji__wink.emoji--2x {
  background-image: url("./../img/emoji/wink@2x.png"); }

.emoji__blush {
  background-image: url("./../img/emoji/blush@1x.png"); }

.emoji__blush.emoji--2x {
  background-image: url("./../img/emoji/blush@2x.png"); }

.emoji__yum {
  background-image: url("./../img/emoji/yum@1x.png"); }

.emoji__yum.emoji--2x {
  background-image: url("./../img/emoji/yum@2x.png"); }

.emoji__sunglasses {
  background-image: url("./../img/emoji/sunglasses@1x.png"); }

.emoji__sunglasses.emoji--2x {
  background-image: url("./../img/emoji/sunglasses@2x.png"); }

.emoji__heart-eyes {
  background-image: url("./../img/emoji/heart-eyes@1x.png"); }

.emoji__heart-eyes.emoji--2x {
  background-image: url("./../img/emoji/heart-eyes@2x.png"); }

.emoji__kissing-heart {
  background-image: url("./../img/emoji/kissing-heart@1x.png"); }

.emoji__kissing-heart.emoji--2x {
  background-image: url("./../img/emoji/kissing-heart@2x.png"); }

.emoji__kissing {
  background-image: url("./../img/emoji/kissing@1x.png"); }

.emoji__kissing.emoji--2x {
  background-image: url("./../img/emoji/kissing@2x.png"); }

.emoji__kissing-smiling-eyes {
  background-image: url("./../img/emoji/kissing-smiling-eyes@1x.png"); }

.emoji__kissing-smiling-eyes.emoji--2x {
  background-image: url("./../img/emoji/kissing-smiling-eyes@2x.png"); }

.emoji__kissing-closed-eyes {
  background-image: url("./../img/emoji/kissing-closed-eyes@1x.png"); }

.emoji__kissing-closed-eyes.emoji--2x {
  background-image: url("./../img/emoji/kissing-closed-eyes@2x.png"); }

.emoji__relaxed {
  background-image: url("./../img/emoji/relaxed@1x.png"); }

.emoji__relaxed.emoji--2x {
  background-image: url("./../img/emoji/relaxed@2x.png"); }

.emoji__slightly-smiling-face {
  background-image: url("./../img/emoji/slightly-smiling-face@1x.png"); }

.emoji__slightly-smiling-face.emoji--2x {
  background-image: url("./../img/emoji/slightly-smiling-face@2x.png"); }

.emoji__hugging-face {
  background-image: url("./../img/emoji/hugging-face@1x.png"); }

.emoji__hugging-face.emoji--2x {
  background-image: url("./../img/emoji/hugging-face@2x.png"); }

.emoji__star-struck {
  background-image: url("./../img/emoji/star-struck@1x.png"); }

.emoji__star-struck.emoji--2x {
  background-image: url("./../img/emoji/star-struck@2x.png"); }

.emoji__thinking {
  background-image: url("./../img/emoji/thinking@1x.png"); }

.emoji__thinking.emoji--2x {
  background-image: url("./../img/emoji/thinking@2x.png"); }

.emoji__face-with-raised-eyebrow {
  background-image: url("./../img/emoji/face-with-raised-eyebrow@1x.png"); }

.emoji__face-with-raised-eyebrow.emoji--2x {
  background-image: url("./../img/emoji/face-with-raised-eyebrow@2x.png"); }

.emoji__neutral-face {
  background-image: url("./../img/emoji/neutral-face@1x.png"); }

.emoji__neutral-face.emoji--2x {
  background-image: url("./../img/emoji/neutral-face@2x.png"); }

.emoji__expressionless {
  background-image: url("./../img/emoji/expressionless@1x.png"); }

.emoji__expressionless.emoji--2x {
  background-image: url("./../img/emoji/expressionless@2x.png"); }

.emoji__no-mouth {
  background-image: url("./../img/emoji/no-mouth@1x.png"); }

.emoji__no-mouth.emoji--2x {
  background-image: url("./../img/emoji/no-mouth@2x.png"); }

.emoji__face-with-rolling-eyes {
  background-image: url("./../img/emoji/face-with-rolling-eyes@1x.png"); }

.emoji__face-with-rolling-eyes.emoji--2x {
  background-image: url("./../img/emoji/face-with-rolling-eyes@2x.png"); }

.emoji__smirk {
  background-image: url("./../img/emoji/smirk@1x.png"); }

.emoji__smirk.emoji--2x {
  background-image: url("./../img/emoji/smirk@2x.png"); }

.emoji__persevere {
  background-image: url("./../img/emoji/persevere@1x.png"); }

.emoji__persevere.emoji--2x {
  background-image: url("./../img/emoji/persevere@2x.png"); }

.emoji__disappointed-relieved {
  background-image: url("./../img/emoji/disappointed-relieved@1x.png"); }

.emoji__disappointed-relieved.emoji--2x {
  background-image: url("./../img/emoji/disappointed-relieved@2x.png"); }

.emoji__open-mouth {
  background-image: url("./../img/emoji/open-mouth@1x.png"); }

.emoji__open-mouth.emoji--2x {
  background-image: url("./../img/emoji/open-mouth@2x.png"); }

.emoji__zipper-mouth-face {
  background-image: url("./../img/emoji/zipper-mouth-face@1x.png"); }

.emoji__zipper-mouth-face.emoji--2x {
  background-image: url("./../img/emoji/zipper-mouth-face@2x.png"); }

.emoji__hushed {
  background-image: url("./../img/emoji/hushed@1x.png"); }

.emoji__hushed.emoji--2x {
  background-image: url("./../img/emoji/hushed@2x.png"); }

.emoji__sleepy {
  background-image: url("./../img/emoji/sleepy@1x.png"); }

.emoji__sleepy.emoji--2x {
  background-image: url("./../img/emoji/sleepy@2x.png"); }

.emoji__tired-face {
  background-image: url("./../img/emoji/tired-face@1x.png"); }

.emoji__tired-face.emoji--2x {
  background-image: url("./../img/emoji/tired-face@2x.png"); }

.emoji__sleeping {
  background-image: url("./../img/emoji/sleeping@1x.png"); }

.emoji__sleeping.emoji--2x {
  background-image: url("./../img/emoji/sleeping@2x.png"); }

.emoji__relieved {
  background-image: url("./../img/emoji/relieved@1x.png"); }

.emoji__relieved.emoji--2x {
  background-image: url("./../img/emoji/relieved@2x.png"); }

.emoji__stuck-out-tongue {
  background-image: url("./../img/emoji/stuck-out-tongue@1x.png"); }

.emoji__stuck-out-tongue.emoji--2x {
  background-image: url("./../img/emoji/stuck-out-tongue@2x.png"); }

.emoji__stuck-out-tongue-winking-eye {
  background-image: url("./../img/emoji/stuck-out-tongue-winking-eye@1x.png"); }

.emoji__stuck-out-tongue-winking-eye.emoji--2x {
  background-image: url("./../img/emoji/stuck-out-tongue-winking-eye@2x.png"); }

.emoji__stuck-out-tongue-closed-eyes {
  background-image: url("./../img/emoji/stuck-out-tongue-closed-eyes@1x.png"); }

.emoji__stuck-out-tongue-closed-eyes.emoji--2x {
  background-image: url("./../img/emoji/stuck-out-tongue-closed-eyes@2x.png"); }

.emoji__drooling-face {
  background-image: url("./../img/emoji/drooling-face@1x.png"); }

.emoji__drooling-face.emoji--2x {
  background-image: url("./../img/emoji/drooling-face@2x.png"); }

.emoji__unamused {
  background-image: url("./../img/emoji/unamused@1x.png"); }

.emoji__unamused.emoji--2x {
  background-image: url("./../img/emoji/unamused@2x.png"); }

.emoji__sweat {
  background-image: url("./../img/emoji/sweat@1x.png"); }

.emoji__sweat.emoji--2x {
  background-image: url("./../img/emoji/sweat@2x.png"); }

.emoji__pensive {
  background-image: url("./../img/emoji/pensive@1x.png"); }

.emoji__pensive.emoji--2x {
  background-image: url("./../img/emoji/pensive@2x.png"); }

.emoji__confused {
  background-image: url("./../img/emoji/confused@1x.png"); }

.emoji__confused.emoji--2x {
  background-image: url("./../img/emoji/confused@2x.png"); }

.emoji__upside-down-face {
  background-image: url("./../img/emoji/upside-down-face@1x.png"); }

.emoji__upside-down-face.emoji--2x {
  background-image: url("./../img/emoji/upside-down-face@2x.png"); }

.emoji__money-mouth-face {
  background-image: url("./../img/emoji/money-mouth-face@1x.png"); }

.emoji__money-mouth-face.emoji--2x {
  background-image: url("./../img/emoji/money-mouth-face@2x.png"); }

.emoji__astonished {
  background-image: url("./../img/emoji/astonished@1x.png"); }

.emoji__astonished.emoji--2x {
  background-image: url("./../img/emoji/astonished@2x.png"); }

.emoji__white-frowning-face {
  background-image: url("./../img/emoji/white-frowning-face@1x.png"); }

.emoji__white-frowning-face.emoji--2x {
  background-image: url("./../img/emoji/white-frowning-face@2x.png"); }

.emoji__slightly-frowning-face {
  background-image: url("./../img/emoji/slightly-frowning-face@1x.png"); }

.emoji__slightly-frowning-face.emoji--2x {
  background-image: url("./../img/emoji/slightly-frowning-face@2x.png"); }

.emoji__confounded {
  background-image: url("./../img/emoji/confounded@1x.png"); }

.emoji__confounded.emoji--2x {
  background-image: url("./../img/emoji/confounded@2x.png"); }

.emoji__disappointed {
  background-image: url("./../img/emoji/disappointed@1x.png"); }

.emoji__disappointed.emoji--2x {
  background-image: url("./../img/emoji/disappointed@2x.png"); }

.emoji__worried {
  background-image: url("./../img/emoji/worried@1x.png"); }

.emoji__worried.emoji--2x {
  background-image: url("./../img/emoji/worried@2x.png"); }

.emoji__triumph {
  background-image: url("./../img/emoji/triumph@1x.png"); }

.emoji__triumph.emoji--2x {
  background-image: url("./../img/emoji/triumph@2x.png"); }

.emoji__cry {
  background-image: url("./../img/emoji/cry@1x.png"); }

.emoji__cry.emoji--2x {
  background-image: url("./../img/emoji/cry@2x.png"); }

.emoji__sob {
  background-image: url("./../img/emoji/sob@1x.png"); }

.emoji__sob.emoji--2x {
  background-image: url("./../img/emoji/sob@2x.png"); }

.emoji__frowning {
  background-image: url("./../img/emoji/frowning@1x.png"); }

.emoji__frowning.emoji--2x {
  background-image: url("./../img/emoji/frowning@2x.png"); }

.emoji__anguished {
  background-image: url("./../img/emoji/anguished@1x.png"); }

.emoji__anguished.emoji--2x {
  background-image: url("./../img/emoji/anguished@2x.png"); }

.emoji__fearful {
  background-image: url("./../img/emoji/fearful@1x.png"); }

.emoji__fearful.emoji--2x {
  background-image: url("./../img/emoji/fearful@2x.png"); }

.emoji__weary {
  background-image: url("./../img/emoji/weary@1x.png"); }

.emoji__weary.emoji--2x {
  background-image: url("./../img/emoji/weary@2x.png"); }

.emoji__exploding-head {
  background-image: url("./../img/emoji/exploding-head@1x.png"); }

.emoji__exploding-head.emoji--2x {
  background-image: url("./../img/emoji/exploding-head@2x.png"); }

.emoji__grimacing {
  background-image: url("./../img/emoji/grimacing@1x.png"); }

.emoji__grimacing.emoji--2x {
  background-image: url("./../img/emoji/grimacing@2x.png"); }

.emoji__cold-sweat {
  background-image: url("./../img/emoji/cold-sweat@1x.png"); }

.emoji__cold-sweat.emoji--2x {
  background-image: url("./../img/emoji/cold-sweat@2x.png"); }

.emoji__scream {
  background-image: url("./../img/emoji/scream@1x.png"); }

.emoji__scream.emoji--2x {
  background-image: url("./../img/emoji/scream@2x.png"); }

.emoji__flushed {
  background-image: url("./../img/emoji/flushed@1x.png"); }

.emoji__flushed.emoji--2x {
  background-image: url("./../img/emoji/flushed@2x.png"); }

.emoji__zany-face {
  background-image: url("./../img/emoji/zany-face@1x.png"); }

.emoji__zany-face.emoji--2x {
  background-image: url("./../img/emoji/zany-face@2x.png"); }

.emoji__dizzy-face {
  background-image: url("./../img/emoji/dizzy-face@1x.png"); }

.emoji__dizzy-face.emoji--2x {
  background-image: url("./../img/emoji/dizzy-face@2x.png"); }

.emoji__rage {
  background-image: url("./../img/emoji/rage@1x.png"); }

.emoji__rage.emoji--2x {
  background-image: url("./../img/emoji/rage@2x.png"); }

.emoji__angry {
  background-image: url("./../img/emoji/angry@1x.png"); }

.emoji__angry.emoji--2x {
  background-image: url("./../img/emoji/angry@2x.png"); }

.emoji__face-with-symbols-on-mouth {
  background-image: url("./../img/emoji/face-with-symbols-on-mouth@1x.png"); }

.emoji__face-with-symbols-on-mouth.emoji--2x {
  background-image: url("./../img/emoji/face-with-symbols-on-mouth@2x.png"); }

.emoji__mask {
  background-image: url("./../img/emoji/mask@1x.png"); }

.emoji__mask.emoji--2x {
  background-image: url("./../img/emoji/mask@2x.png"); }

.emoji__face-with-thermometer {
  background-image: url("./../img/emoji/face-with-thermometer@1x.png"); }

.emoji__face-with-thermometer.emoji--2x {
  background-image: url("./../img/emoji/face-with-thermometer@2x.png"); }

.emoji__face-with-head-bandage {
  background-image: url("./../img/emoji/face-with-head-bandage@1x.png"); }

.emoji__face-with-head-bandage.emoji--2x {
  background-image: url("./../img/emoji/face-with-head-bandage@2x.png"); }

.emoji__nauseated-face {
  background-image: url("./../img/emoji/nauseated-face@1x.png"); }

.emoji__nauseated-face.emoji--2x {
  background-image: url("./../img/emoji/nauseated-face@2x.png"); }

.emoji__face-vomiting {
  background-image: url("./../img/emoji/face-vomiting@1x.png"); }

.emoji__face-vomiting.emoji--2x {
  background-image: url("./../img/emoji/face-vomiting@2x.png"); }

.emoji__sneezing-face {
  background-image: url("./../img/emoji/sneezing-face@1x.png"); }

.emoji__sneezing-face.emoji--2x {
  background-image: url("./../img/emoji/sneezing-face@2x.png"); }

.emoji__innocent {
  background-image: url("./../img/emoji/innocent@1x.png"); }

.emoji__innocent.emoji--2x {
  background-image: url("./../img/emoji/innocent@2x.png"); }

.emoji__face-with-cowboy-hat {
  background-image: url("./../img/emoji/face-with-cowboy-hat@1x.png"); }

.emoji__face-with-cowboy-hat.emoji--2x {
  background-image: url("./../img/emoji/face-with-cowboy-hat@2x.png"); }

.emoji__clown-face {
  background-image: url("./../img/emoji/clown-face@1x.png"); }

.emoji__clown-face.emoji--2x {
  background-image: url("./../img/emoji/clown-face@2x.png"); }

.emoji__lying-face {
  background-image: url("./../img/emoji/lying-face@1x.png"); }

.emoji__lying-face.emoji--2x {
  background-image: url("./../img/emoji/lying-face@2x.png"); }

.emoji__shushing-face {
  background-image: url("./../img/emoji/shushing-face@1x.png"); }

.emoji__shushing-face.emoji--2x {
  background-image: url("./../img/emoji/shushing-face@2x.png"); }

.emoji__face-with-hand-over-mouth {
  background-image: url("./../img/emoji/face-with-hand-over-mouth@1x.png"); }

.emoji__face-with-hand-over-mouth.emoji--2x {
  background-image: url("./../img/emoji/face-with-hand-over-mouth@2x.png"); }

.emoji__face-with-monocle {
  background-image: url("./../img/emoji/face-with-monocle@1x.png"); }

.emoji__face-with-monocle.emoji--2x {
  background-image: url("./../img/emoji/face-with-monocle@2x.png"); }

.emoji__nerd-face {
  background-image: url("./../img/emoji/nerd-face@1x.png"); }

.emoji__nerd-face.emoji--2x {
  background-image: url("./../img/emoji/nerd-face@2x.png"); }

.emoji__partying-face {
  background-image: url("./../img/emoji/partying-face@1x.png"); }

.emoji__partying-face.emoji--2x {
  background-image: url("./../img/emoji/partying-face@2x.png"); }

.emoji__smiling-face-with-hearts {
  background-image: url("./../img/emoji/smiling-face-with-hearts@1x.png"); }

.emoji__smiling-face-with-hearts.emoji--2x {
  background-image: url("./../img/emoji/smiling-face-with-hearts@2x.png"); }

.emoji__heart {
  background-image: url("./../img/emoji/heart@1x.png"); }

.emoji__heart.emoji--2x {
  background-image: url("./../img/emoji/heart@2x.png"); }

.emoji__smiling-imp {
  background-image: url("./../img/emoji/smiling-imp@1x.png"); }

.emoji__smiling-imp.emoji--2x {
  background-image: url("./../img/emoji/smiling-imp@2x.png"); }

.emoji__imp {
  background-image: url("./../img/emoji/imp@1x.png"); }

.emoji__imp.emoji--2x {
  background-image: url("./../img/emoji/imp@2x.png"); }

.emoji__japanese-ogre {
  background-image: url("./../img/emoji/japanese-ogre@1x.png"); }

.emoji__japanese-ogre.emoji--2x {
  background-image: url("./../img/emoji/japanese-ogre@2x.png"); }

.emoji__japanese-goblin {
  background-image: url("./../img/emoji/japanese-goblin@1x.png"); }

.emoji__japanese-goblin.emoji--2x {
  background-image: url("./../img/emoji/japanese-goblin@2x.png"); }

.emoji__skull {
  background-image: url("./../img/emoji/skull@1x.png"); }

.emoji__skull.emoji--2x {
  background-image: url("./../img/emoji/skull@2x.png"); }

.emoji__skull-and-crossbones {
  background-image: url("./../img/emoji/skull-and-crossbones@1x.png"); }

.emoji__skull-and-crossbones.emoji--2x {
  background-image: url("./../img/emoji/skull-and-crossbones@2x.png"); }

.emoji__ghost {
  background-image: url("./../img/emoji/ghost@1x.png"); }

.emoji__ghost.emoji--2x {
  background-image: url("./../img/emoji/ghost@2x.png"); }

.emoji__alien {
  background-image: url("./../img/emoji/alien@1x.png"); }

.emoji__alien.emoji--2x {
  background-image: url("./../img/emoji/alien@2x.png"); }

.emoji__light-bulb {
  background-image: url("./../img/emoji/light-bulb@1x.png"); }

.emoji__light-bulb.emoji--2x {
  background-image: url("./../img/emoji/light-bulb@2x.png"); }

.emoji__check-mark-button {
  background-image: url("./../img/emoji/check-mark-button@1x.png"); }

.emoji__check-mark-button.emoji--2x {
  background-image: url("./../img/emoji/check-mark-button@2x.png"); }

.emoji__confetti-ball {
  background-image: url("./../img/emoji/confetti-ball@1x.png"); }

.emoji__confetti-ball.emoji--2x {
  background-image: url("./../img/emoji/confetti-ball@2x.png"); }

.emoji__cross-mark {
  background-image: url("./../img/emoji/cross-mark@1x.png"); }

.emoji__cross-mark.emoji--2x {
  background-image: url("./../img/emoji/cross-mark@2x.png"); }

.emoji__eyes {
  background-image: url("./../img/emoji/eyes@1x.png"); }

.emoji__eyes.emoji--2x {
  background-image: url("./../img/emoji/eyes@2x.png"); }

.emoji__high-voltage {
  background-image: url("./../img/emoji/high-voltage@1x.png"); }

.emoji__high-voltage.emoji--2x {
  background-image: url("./../img/emoji/high-voltage@2x.png"); }

.emoji__hundred-points {
  background-image: url("./../img/emoji/hundred-points@1x.png"); }

.emoji__hundred-points.emoji--2x {
  background-image: url("./../img/emoji/hundred-points@2x.png"); }

.emoji__musical-notes {
  background-image: url("./../img/emoji/musical-notes@1x.png"); }

.emoji__musical-notes.emoji--2x {
  background-image: url("./../img/emoji/musical-notes@2x.png"); }

.emoji__trophy {
  background-image: url("./../img/emoji/trophy@1x.png"); }

.emoji__trophy.emoji--2x {
  background-image: url("./../img/emoji/trophy@2x.png"); }

.emoji__space-invader {
  background-image: url("./../img/emoji/space-invader@1x.png"); }

.emoji__space-invader.emoji--2x {
  background-image: url("./../img/emoji/space-invader@2x.png"); }

.emoji__robot-face {
  background-image: url("./../img/emoji/robot-face@1x.png"); }

.emoji__robot-face.emoji--2x {
  background-image: url("./../img/emoji/robot-face@2x.png"); }

.emoji__hankey {
  background-image: url("./../img/emoji/hankey@1x.png"); }

.emoji__hankey.emoji--2x {
  background-image: url("./../img/emoji/hankey@2x.png"); }

.emoji__smiley-cat {
  background-image: url("./../img/emoji/smiley-cat@1x.png"); }

.emoji__smiley-cat.emoji--2x {
  background-image: url("./../img/emoji/smiley-cat@2x.png"); }

.emoji__smile-cat {
  background-image: url("./../img/emoji/smile-cat@1x.png"); }

.emoji__smile-cat.emoji--2x {
  background-image: url("./../img/emoji/smile-cat@2x.png"); }

.emoji__joy-cat {
  background-image: url("./../img/emoji/joy-cat@1x.png"); }

.emoji__joy-cat.emoji--2x {
  background-image: url("./../img/emoji/joy-cat@2x.png"); }

.emoji__heart-eyes-cat {
  background-image: url("./../img/emoji/heart-eyes-cat@1x.png"); }

.emoji__heart-eyes-cat.emoji--2x {
  background-image: url("./../img/emoji/heart-eyes-cat@2x.png"); }

.emoji__smirk-cat {
  background-image: url("./../img/emoji/smirk-cat@1x.png"); }

.emoji__smirk-cat.emoji--2x {
  background-image: url("./../img/emoji/smirk-cat@2x.png"); }

.emoji__kissing-cat {
  background-image: url("./../img/emoji/kissing-cat@1x.png"); }

.emoji__kissing-cat.emoji--2x {
  background-image: url("./../img/emoji/kissing-cat@2x.png"); }

.emoji__scream-cat {
  background-image: url("./../img/emoji/scream-cat@1x.png"); }

.emoji__scream-cat.emoji--2x {
  background-image: url("./../img/emoji/scream-cat@2x.png"); }

.emoji__crying-cat-face {
  background-image: url("./../img/emoji/crying-cat-face@1x.png"); }

.emoji__crying-cat-face.emoji--2x {
  background-image: url("./../img/emoji/crying-cat-face@2x.png"); }

.emoji__pouting-cat {
  background-image: url("./../img/emoji/pouting-cat@1x.png"); }

.emoji__pouting-cat.emoji--2x {
  background-image: url("./../img/emoji/pouting-cat@2x.png"); }

.emoji__see-no-evil {
  background-image: url("./../img/emoji/see-no-evil@1x.png"); }

.emoji__see-no-evil.emoji--2x {
  background-image: url("./../img/emoji/see-no-evil@2x.png"); }

.emoji__hear-no-evil {
  background-image: url("./../img/emoji/hear-no-evil@1x.png"); }

.emoji__hear-no-evil.emoji--2x {
  background-image: url("./../img/emoji/hear-no-evil@2x.png"); }

.emoji__speak-no-evil {
  background-image: url("./../img/emoji/speak-no-evil@1x.png"); }

.emoji__speak-no-evil.emoji--2x {
  background-image: url("./../img/emoji/speak-no-evil@2x.png"); }

.emoji__keycap-digit-one {
  background-image: url("./../img/emoji/keycap-digit-one@1x.png"); }

.emoji__keycap-digit-one.emoji--2x {
  background-image: url("./../img/emoji/keycap-digit-one@2x.png"); }

.emoji__keycap-digit-two {
  background-image: url("./../img/emoji/keycap-digit-two@1x.png"); }

.emoji__keycap-digit-two.emoji--2x {
  background-image: url("./../img/emoji/keycap-digit-two@2x.png"); }

.emoji__keycap-digit-three {
  background-image: url("./../img/emoji/keycap-digit-three@1x.png"); }

.emoji__keycap-digit-three.emoji--2x {
  background-image: url("./../img/emoji/keycap-digit-three@2x.png"); }

.emoji__keycap-digit-four {
  background-image: url("./../img/emoji/keycap-digit-four@1x.png"); }

.emoji__keycap-digit-four.emoji--2x {
  background-image: url("./../img/emoji/keycap-digit-four@2x.png"); }

.emoji__keycap-digit-five {
  background-image: url("./../img/emoji/keycap-digit-five@1x.png"); }

.emoji__keycap-digit-five.emoji--2x {
  background-image: url("./../img/emoji/keycap-digit-five@2x.png"); }

.emoji__keycap-digit-six {
  background-image: url("./../img/emoji/keycap-digit-six@1x.png"); }

.emoji__keycap-digit-six.emoji--2x {
  background-image: url("./../img/emoji/keycap-digit-six@2x.png"); }

.emoji__keycap-digit-seven {
  background-image: url("./../img/emoji/keycap-digit-seven@1x.png"); }

.emoji__keycap-digit-seven.emoji--2x {
  background-image: url("./../img/emoji/keycap-digit-seven@2x.png"); }

.emoji__keycap-digit-eight {
  background-image: url("./../img/emoji/keycap-digit-eight@1x.png"); }

.emoji__keycap-digit-eight.emoji--2x {
  background-image: url("./../img/emoji/keycap-digit-eight@2x.png"); }

.emoji__keycap-digit-nine {
  background-image: url("./../img/emoji/keycap-digit-nine@1x.png"); }

.emoji__keycap-digit-nine.emoji--2x {
  background-image: url("./../img/emoji/keycap-digit-nine@2x.png"); }

.emoji__keycap-digit-zero {
  background-image: url("./../img/emoji/keycap-digit-zero@1x.png"); }

.emoji__keycap-digit-zero.emoji--2x {
  background-image: url("./../img/emoji/keycap-digit-zero@2x.png"); }

.emoji__applaud {
  background-image: url("./../img/emoji/applaud@1x.png"); }

.emoji__applaud-1 {
  background-image: url("./../img/emoji/applaud-1@1x.png"); }

.emoji__applaud-2 {
  background-image: url("./../img/emoji/applaud-2@1x.png"); }

.emoji__applaud-3 {
  background-image: url("./../img/emoji/applaud-3@1x.png"); }

.emoji__applaud-4 {
  background-image: url("./../img/emoji/applaud-4@1x.png"); }

.emoji__applaud-5 {
  background-image: url("./../img/emoji/applaud-5@1x.png"); }

.emoji__applaud.emoji--2x {
  background-image: url("./../img/emoji/applaud@2x.png"); }

.emoji__applaud-1.emoji--2x {
  background-image: url("./../img/emoji/applaud-1@2x.png"); }

.emoji__applaud-2.emoji--2x {
  background-image: url("./../img/emoji/applaud-2@2x.png"); }

.emoji__applaud-3.emoji--2x {
  background-image: url("./../img/emoji/applaud-3@2x.png"); }

.emoji__applaud-4.emoji--2x {
  background-image: url("./../img/emoji/applaud-4@2x.png"); }

.emoji__applaud-5.emoji--2x {
  background-image: url("./../img/emoji/applaud-5@2x.png"); }

.emoji__thumbsup {
  background-image: url("./../img/emoji/thumbsup@1x.png"); }

.emoji__thumbsup-1 {
  background-image: url("./../img/emoji/thumbsup-1@1x.png"); }

.emoji__thumbsup-2 {
  background-image: url("./../img/emoji/thumbsup-2@1x.png"); }

.emoji__thumbsup-3 {
  background-image: url("./../img/emoji/thumbsup-3@1x.png"); }

.emoji__thumbsup-4 {
  background-image: url("./../img/emoji/thumbsup-4@1x.png"); }

.emoji__thumbsup-5 {
  background-image: url("./../img/emoji/thumbsup-5@1x.png"); }

.emoji__thumbsup.emoji--2x {
  background-image: url("./../img/emoji/thumbsup@2x.png"); }

.emoji__thumbsup-1.emoji--2x {
  background-image: url("./../img/emoji/thumbsup-1@2x.png"); }

.emoji__thumbsup-2.emoji--2x {
  background-image: url("./../img/emoji/thumbsup-2@2x.png"); }

.emoji__thumbsup-3.emoji--2x {
  background-image: url("./../img/emoji/thumbsup-3@2x.png"); }

.emoji__thumbsup-4.emoji--2x {
  background-image: url("./../img/emoji/thumbsup-4@2x.png"); }

.emoji__thumbsup-5.emoji--2x {
  background-image: url("./../img/emoji/thumbsup-5@2x.png"); }

.emoji__thumbsdown {
  background-image: url("./../img/emoji/thumbsdown@1x.png"); }

.emoji__thumbsdown-1 {
  background-image: url("./../img/emoji/thumbsdown-1@1x.png"); }

.emoji__thumbsdown-2 {
  background-image: url("./../img/emoji/thumbsdown-2@1x.png"); }

.emoji__thumbsdown-3 {
  background-image: url("./../img/emoji/thumbsdown-3@1x.png"); }

.emoji__thumbsdown-4 {
  background-image: url("./../img/emoji/thumbsdown-4@1x.png"); }

.emoji__thumbsdown-5 {
  background-image: url("./../img/emoji/thumbsdown-5@1x.png"); }

.emoji__thumbsdown.emoji--2x {
  background-image: url("./../img/emoji/thumbsdown@2x.png"); }

.emoji__thumbsdown-1.emoji--2x {
  background-image: url("./../img/emoji/thumbsdown-1@2x.png"); }

.emoji__thumbsdown-2.emoji--2x {
  background-image: url("./../img/emoji/thumbsdown-2@2x.png"); }

.emoji__thumbsdown-3.emoji--2x {
  background-image: url("./../img/emoji/thumbsdown-3@2x.png"); }

.emoji__thumbsdown-4.emoji--2x {
  background-image: url("./../img/emoji/thumbsdown-4@2x.png"); }

.emoji__thumbsdown-5.emoji--2x {
  background-image: url("./../img/emoji/thumbsdown-5@2x.png"); }

.emoji__call-me-hand {
  background-image: url("./../img/emoji/call-me-hand@1x.png"); }

.emoji__call-me-hand-1 {
  background-image: url("./../img/emoji/call-me-hand-1@1x.png"); }

.emoji__call-me-hand-2 {
  background-image: url("./../img/emoji/call-me-hand-2@1x.png"); }

.emoji__call-me-hand-3 {
  background-image: url("./../img/emoji/call-me-hand-3@1x.png"); }

.emoji__call-me-hand-4 {
  background-image: url("./../img/emoji/call-me-hand-4@1x.png"); }

.emoji__call-me-hand-5 {
  background-image: url("./../img/emoji/call-me-hand-5@1x.png"); }

.emoji__call-me-hand.emoji--2x {
  background-image: url("./../img/emoji/call-me-hand@2x.png"); }

.emoji__call-me-hand-1.emoji--2x {
  background-image: url("./../img/emoji/call-me-hand-1@2x.png"); }

.emoji__call-me-hand-2.emoji--2x {
  background-image: url("./../img/emoji/call-me-hand-2@2x.png"); }

.emoji__call-me-hand-3.emoji--2x {
  background-image: url("./../img/emoji/call-me-hand-3@2x.png"); }

.emoji__call-me-hand-4.emoji--2x {
  background-image: url("./../img/emoji/call-me-hand-4@2x.png"); }

.emoji__call-me-hand-5.emoji--2x {
  background-image: url("./../img/emoji/call-me-hand-5@2x.png"); }

.emoji__crossed-fingers {
  background-image: url("./../img/emoji/crossed-fingers@1x.png"); }

.emoji__crossed-fingers-1 {
  background-image: url("./../img/emoji/crossed-fingers-1@1x.png"); }

.emoji__crossed-fingers-2 {
  background-image: url("./../img/emoji/crossed-fingers-2@1x.png"); }

.emoji__crossed-fingers-3 {
  background-image: url("./../img/emoji/crossed-fingers-3@1x.png"); }

.emoji__crossed-fingers-4 {
  background-image: url("./../img/emoji/crossed-fingers-4@1x.png"); }

.emoji__crossed-fingers-5 {
  background-image: url("./../img/emoji/crossed-fingers-5@1x.png"); }

.emoji__crossed-fingers.emoji--2x {
  background-image: url("./../img/emoji/crossed-fingers@2x.png"); }

.emoji__crossed-fingers-1.emoji--2x {
  background-image: url("./../img/emoji/crossed-fingers-1@2x.png"); }

.emoji__crossed-fingers-2.emoji--2x {
  background-image: url("./../img/emoji/crossed-fingers-2@2x.png"); }

.emoji__crossed-fingers-3.emoji--2x {
  background-image: url("./../img/emoji/crossed-fingers-3@2x.png"); }

.emoji__crossed-fingers-4.emoji--2x {
  background-image: url("./../img/emoji/crossed-fingers-4@2x.png"); }

.emoji__crossed-fingers-5.emoji--2x {
  background-image: url("./../img/emoji/crossed-fingers-5@2x.png"); }

.emoji__flexed-biceps {
  background-image: url("./../img/emoji/flexed-biceps@1x.png"); }

.emoji__flexed-biceps-1 {
  background-image: url("./../img/emoji/flexed-biceps-1@1x.png"); }

.emoji__flexed-biceps-2 {
  background-image: url("./../img/emoji/flexed-biceps-2@1x.png"); }

.emoji__flexed-biceps-3 {
  background-image: url("./../img/emoji/flexed-biceps-3@1x.png"); }

.emoji__flexed-biceps-4 {
  background-image: url("./../img/emoji/flexed-biceps-4@1x.png"); }

.emoji__flexed-biceps-5 {
  background-image: url("./../img/emoji/flexed-biceps-5@1x.png"); }

.emoji__flexed-biceps.emoji--2x {
  background-image: url("./../img/emoji/flexed-biceps@2x.png"); }

.emoji__flexed-biceps-1.emoji--2x {
  background-image: url("./../img/emoji/flexed-biceps-1@2x.png"); }

.emoji__flexed-biceps-2.emoji--2x {
  background-image: url("./../img/emoji/flexed-biceps-2@2x.png"); }

.emoji__flexed-biceps-3.emoji--2x {
  background-image: url("./../img/emoji/flexed-biceps-3@2x.png"); }

.emoji__flexed-biceps-4.emoji--2x {
  background-image: url("./../img/emoji/flexed-biceps-4@2x.png"); }

.emoji__flexed-biceps-5.emoji--2x {
  background-image: url("./../img/emoji/flexed-biceps-5@2x.png"); }

.emoji__folded-hands {
  background-image: url("./../img/emoji/folded-hands@1x.png"); }

.emoji__folded-hands-1 {
  background-image: url("./../img/emoji/folded-hands-1@1x.png"); }

.emoji__folded-hands-2 {
  background-image: url("./../img/emoji/folded-hands-2@1x.png"); }

.emoji__folded-hands-3 {
  background-image: url("./../img/emoji/folded-hands-3@1x.png"); }

.emoji__folded-hands-4 {
  background-image: url("./../img/emoji/folded-hands-4@1x.png"); }

.emoji__folded-hands-5 {
  background-image: url("./../img/emoji/folded-hands-5@1x.png"); }

.emoji__folded-hands.emoji--2x {
  background-image: url("./../img/emoji/folded-hands@2x.png"); }

.emoji__folded-hands-1.emoji--2x {
  background-image: url("./../img/emoji/folded-hands-1@2x.png"); }

.emoji__folded-hands-2.emoji--2x {
  background-image: url("./../img/emoji/folded-hands-2@2x.png"); }

.emoji__folded-hands-3.emoji--2x {
  background-image: url("./../img/emoji/folded-hands-3@2x.png"); }

.emoji__folded-hands-4.emoji--2x {
  background-image: url("./../img/emoji/folded-hands-4@2x.png"); }

.emoji__folded-hands-5.emoji--2x {
  background-image: url("./../img/emoji/folded-hands-5@2x.png"); }

.emoji__index-pointing-up {
  background-image: url("./../img/emoji/index-pointing-up@1x.png"); }

.emoji__index-pointing-up-1 {
  background-image: url("./../img/emoji/index-pointing-up-1@1x.png"); }

.emoji__index-pointing-up-2 {
  background-image: url("./../img/emoji/index-pointing-up-2@1x.png"); }

.emoji__index-pointing-up-3 {
  background-image: url("./../img/emoji/index-pointing-up-3@1x.png"); }

.emoji__index-pointing-up-4 {
  background-image: url("./../img/emoji/index-pointing-up-4@1x.png"); }

.emoji__index-pointing-up-5 {
  background-image: url("./../img/emoji/index-pointing-up-5@1x.png"); }

.emoji__index-pointing-up.emoji--2x {
  background-image: url("./../img/emoji/index-pointing-up@2x.png"); }

.emoji__index-pointing-up-1.emoji--2x {
  background-image: url("./../img/emoji/index-pointing-up-1@2x.png"); }

.emoji__index-pointing-up-2.emoji--2x {
  background-image: url("./../img/emoji/index-pointing-up-2@2x.png"); }

.emoji__index-pointing-up-3.emoji--2x {
  background-image: url("./../img/emoji/index-pointing-up-3@2x.png"); }

.emoji__index-pointing-up-4.emoji--2x {
  background-image: url("./../img/emoji/index-pointing-up-4@2x.png"); }

.emoji__index-pointing-up-5.emoji--2x {
  background-image: url("./../img/emoji/index-pointing-up-5@2x.png"); }

.emoji__ok-hand {
  background-image: url("./../img/emoji/ok-hand@1x.png"); }

.emoji__ok-hand-1 {
  background-image: url("./../img/emoji/ok-hand-1@1x.png"); }

.emoji__ok-hand-2 {
  background-image: url("./../img/emoji/ok-hand-2@1x.png"); }

.emoji__ok-hand-3 {
  background-image: url("./../img/emoji/ok-hand-3@1x.png"); }

.emoji__ok-hand-4 {
  background-image: url("./../img/emoji/ok-hand-4@1x.png"); }

.emoji__ok-hand-5 {
  background-image: url("./../img/emoji/ok-hand-5@1x.png"); }

.emoji__ok-hand.emoji--2x {
  background-image: url("./../img/emoji/ok-hand@2x.png"); }

.emoji__ok-hand-1.emoji--2x {
  background-image: url("./../img/emoji/ok-hand-1@2x.png"); }

.emoji__ok-hand-2.emoji--2x {
  background-image: url("./../img/emoji/ok-hand-2@2x.png"); }

.emoji__ok-hand-3.emoji--2x {
  background-image: url("./../img/emoji/ok-hand-3@2x.png"); }

.emoji__ok-hand-4.emoji--2x {
  background-image: url("./../img/emoji/ok-hand-4@2x.png"); }

.emoji__ok-hand-5.emoji--2x {
  background-image: url("./../img/emoji/ok-hand-5@2x.png"); }

.emoji__oncoming-fist {
  background-image: url("./../img/emoji/oncoming-fist@1x.png"); }

.emoji__oncoming-fist-1 {
  background-image: url("./../img/emoji/oncoming-fist-1@1x.png"); }

.emoji__oncoming-fist-2 {
  background-image: url("./../img/emoji/oncoming-fist-2@1x.png"); }

.emoji__oncoming-fist-3 {
  background-image: url("./../img/emoji/oncoming-fist-3@1x.png"); }

.emoji__oncoming-fist-4 {
  background-image: url("./../img/emoji/oncoming-fist-4@1x.png"); }

.emoji__oncoming-fist-5 {
  background-image: url("./../img/emoji/oncoming-fist-5@1x.png"); }

.emoji__oncoming-fist.emoji--2x {
  background-image: url("./../img/emoji/oncoming-fist@2x.png"); }

.emoji__oncoming-fist-1.emoji--2x {
  background-image: url("./../img/emoji/oncoming-fist-1@2x.png"); }

.emoji__oncoming-fist-2.emoji--2x {
  background-image: url("./../img/emoji/oncoming-fist-2@2x.png"); }

.emoji__oncoming-fist-3.emoji--2x {
  background-image: url("./../img/emoji/oncoming-fist-3@2x.png"); }

.emoji__oncoming-fist-4.emoji--2x {
  background-image: url("./../img/emoji/oncoming-fist-4@2x.png"); }

.emoji__oncoming-fist-5.emoji--2x {
  background-image: url("./../img/emoji/oncoming-fist-5@2x.png"); }

.emoji__open-hands {
  background-image: url("./../img/emoji/open-hands@1x.png"); }

.emoji__open-hands-1 {
  background-image: url("./../img/emoji/open-hands-1@1x.png"); }

.emoji__open-hands-2 {
  background-image: url("./../img/emoji/open-hands-2@1x.png"); }

.emoji__open-hands-3 {
  background-image: url("./../img/emoji/open-hands-3@1x.png"); }

.emoji__open-hands-4 {
  background-image: url("./../img/emoji/open-hands-4@1x.png"); }

.emoji__open-hands-5 {
  background-image: url("./../img/emoji/open-hands-5@1x.png"); }

.emoji__open-hands.emoji--2x {
  background-image: url("./../img/emoji/open-hands@2x.png"); }

.emoji__open-hands-1.emoji--2x {
  background-image: url("./../img/emoji/open-hands-1@2x.png"); }

.emoji__open-hands-2.emoji--2x {
  background-image: url("./../img/emoji/open-hands-2@2x.png"); }

.emoji__open-hands-3.emoji--2x {
  background-image: url("./../img/emoji/open-hands-3@2x.png"); }

.emoji__open-hands-4.emoji--2x {
  background-image: url("./../img/emoji/open-hands-4@2x.png"); }

.emoji__open-hands-5.emoji--2x {
  background-image: url("./../img/emoji/open-hands-5@2x.png"); }

.emoji__raised-fist {
  background-image: url("./../img/emoji/raised-fist@1x.png"); }

.emoji__raised-fist-1 {
  background-image: url("./../img/emoji/raised-fist-1@1x.png"); }

.emoji__raised-fist-2 {
  background-image: url("./../img/emoji/raised-fist-2@1x.png"); }

.emoji__raised-fist-3 {
  background-image: url("./../img/emoji/raised-fist-3@1x.png"); }

.emoji__raised-fist-4 {
  background-image: url("./../img/emoji/raised-fist-4@1x.png"); }

.emoji__raised-fist-5 {
  background-image: url("./../img/emoji/raised-fist-5@1x.png"); }

.emoji__raised-fist.emoji--2x {
  background-image: url("./../img/emoji/raised-fist@2x.png"); }

.emoji__raised-fist-1.emoji--2x {
  background-image: url("./../img/emoji/raised-fist-1@2x.png"); }

.emoji__raised-fist-2.emoji--2x {
  background-image: url("./../img/emoji/raised-fist-2@2x.png"); }

.emoji__raised-fist-3.emoji--2x {
  background-image: url("./../img/emoji/raised-fist-3@2x.png"); }

.emoji__raised-fist-4.emoji--2x {
  background-image: url("./../img/emoji/raised-fist-4@2x.png"); }

.emoji__raised-fist-5.emoji--2x {
  background-image: url("./../img/emoji/raised-fist-5@2x.png"); }

.emoji__raising-hands {
  background-image: url("./../img/emoji/raising-hands@1x.png"); }

.emoji__raising-hands-1 {
  background-image: url("./../img/emoji/raising-hands-1@1x.png"); }

.emoji__raising-hands-2 {
  background-image: url("./../img/emoji/raising-hands-2@1x.png"); }

.emoji__raising-hands-3 {
  background-image: url("./../img/emoji/raising-hands-3@1x.png"); }

.emoji__raising-hands-4 {
  background-image: url("./../img/emoji/raising-hands-4@1x.png"); }

.emoji__raising-hands-5 {
  background-image: url("./../img/emoji/raising-hands-5@1x.png"); }

.emoji__raising-hands.emoji--2x {
  background-image: url("./../img/emoji/raising-hands@2x.png"); }

.emoji__raising-hands-1.emoji--2x {
  background-image: url("./../img/emoji/raising-hands-1@2x.png"); }

.emoji__raising-hands-2.emoji--2x {
  background-image: url("./../img/emoji/raising-hands-2@2x.png"); }

.emoji__raising-hands-3.emoji--2x {
  background-image: url("./../img/emoji/raising-hands-3@2x.png"); }

.emoji__raising-hands-4.emoji--2x {
  background-image: url("./../img/emoji/raising-hands-4@2x.png"); }

.emoji__raising-hands-5.emoji--2x {
  background-image: url("./../img/emoji/raising-hands-5@2x.png"); }

.emoji__sign-of-the-horns {
  background-image: url("./../img/emoji/sign-of-the-horns@1x.png"); }

.emoji__sign-of-the-horns-1 {
  background-image: url("./../img/emoji/sign-of-the-horns-1@1x.png"); }

.emoji__sign-of-the-horns-2 {
  background-image: url("./../img/emoji/sign-of-the-horns-2@1x.png"); }

.emoji__sign-of-the-horns-3 {
  background-image: url("./../img/emoji/sign-of-the-horns-3@1x.png"); }

.emoji__sign-of-the-horns-4 {
  background-image: url("./../img/emoji/sign-of-the-horns-4@1x.png"); }

.emoji__sign-of-the-horns-5 {
  background-image: url("./../img/emoji/sign-of-the-horns-5@1x.png"); }

.emoji__sign-of-the-horns.emoji--2x {
  background-image: url("./../img/emoji/sign-of-the-horns@2x.png"); }

.emoji__sign-of-the-horns-1.emoji--2x {
  background-image: url("./../img/emoji/sign-of-the-horns-1@2x.png"); }

.emoji__sign-of-the-horns-2.emoji--2x {
  background-image: url("./../img/emoji/sign-of-the-horns-2@2x.png"); }

.emoji__sign-of-the-horns-3.emoji--2x {
  background-image: url("./../img/emoji/sign-of-the-horns-3@2x.png"); }

.emoji__sign-of-the-horns-4.emoji--2x {
  background-image: url("./../img/emoji/sign-of-the-horns-4@2x.png"); }

.emoji__sign-of-the-horns-5.emoji--2x {
  background-image: url("./../img/emoji/sign-of-the-horns-5@2x.png"); }

.emoji__victory-hand {
  background-image: url("./../img/emoji/victory-hand@1x.png"); }

.emoji__victory-hand-1 {
  background-image: url("./../img/emoji/victory-hand-1@1x.png"); }

.emoji__victory-hand-2 {
  background-image: url("./../img/emoji/victory-hand-2@1x.png"); }

.emoji__victory-hand-3 {
  background-image: url("./../img/emoji/victory-hand-3@1x.png"); }

.emoji__victory-hand-4 {
  background-image: url("./../img/emoji/victory-hand-4@1x.png"); }

.emoji__victory-hand-5 {
  background-image: url("./../img/emoji/victory-hand-5@1x.png"); }

.emoji__victory-hand.emoji--2x {
  background-image: url("./../img/emoji/victory-hand@2x.png"); }

.emoji__victory-hand-1.emoji--2x {
  background-image: url("./../img/emoji/victory-hand-1@2x.png"); }

.emoji__victory-hand-2.emoji--2x {
  background-image: url("./../img/emoji/victory-hand-2@2x.png"); }

.emoji__victory-hand-3.emoji--2x {
  background-image: url("./../img/emoji/victory-hand-3@2x.png"); }

.emoji__victory-hand-4.emoji--2x {
  background-image: url("./../img/emoji/victory-hand-4@2x.png"); }

.emoji__victory-hand-5.emoji--2x {
  background-image: url("./../img/emoji/victory-hand-5@2x.png"); }

.emoji__waving-hand {
  background-image: url("./../img/emoji/waving-hand@1x.png"); }

.emoji__waving-hand-1 {
  background-image: url("./../img/emoji/waving-hand-1@1x.png"); }

.emoji__waving-hand-2 {
  background-image: url("./../img/emoji/waving-hand-2@1x.png"); }

.emoji__waving-hand-3 {
  background-image: url("./../img/emoji/waving-hand-3@1x.png"); }

.emoji__waving-hand-4 {
  background-image: url("./../img/emoji/waving-hand-4@1x.png"); }

.emoji__waving-hand-5 {
  background-image: url("./../img/emoji/waving-hand-5@1x.png"); }

.emoji__waving-hand.emoji--2x {
  background-image: url("./../img/emoji/waving-hand@2x.png"); }

.emoji__waving-hand-1.emoji--2x {
  background-image: url("./../img/emoji/waving-hand-1@2x.png"); }

.emoji__waving-hand-2.emoji--2x {
  background-image: url("./../img/emoji/waving-hand-2@2x.png"); }

.emoji__waving-hand-3.emoji--2x {
  background-image: url("./../img/emoji/waving-hand-3@2x.png"); }

.emoji__waving-hand-4.emoji--2x {
  background-image: url("./../img/emoji/waving-hand-4@2x.png"); }

.emoji__waving-hand-5.emoji--2x {
  background-image: url("./../img/emoji/waving-hand-5@2x.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .emoji__grinning {
    background-image: url("./../img/emoji/grinning@2x.png"); }
  .emoji__grin {
    background-image: url("./../img/emoji/grin@2x.png"); }
  .emoji__joy {
    background-image: url("./../img/emoji/joy@2x.png"); }
  .emoji__rolling-on-the-floor-laughing {
    background-image: url("./../img/emoji/rolling-on-the-floor-laughing@2x.png"); }
  .emoji__smiley {
    background-image: url("./../img/emoji/smiley@2x.png"); }
  .emoji__smile {
    background-image: url("./../img/emoji/smile@2x.png"); }
  .emoji__sweat-smile {
    background-image: url("./../img/emoji/sweat-smile@2x.png"); }
  .emoji__laughing {
    background-image: url("./../img/emoji/laughing@2x.png"); }
  .emoji__wink {
    background-image: url("./../img/emoji/wink@2x.png"); }
  .emoji__blush {
    background-image: url("./../img/emoji/blush@2x.png"); }
  .emoji__yum {
    background-image: url("./../img/emoji/yum@2x.png"); }
  .emoji__sunglasses {
    background-image: url("./../img/emoji/sunglasses@2x.png"); }
  .emoji__heart-eyes {
    background-image: url("./../img/emoji/heart-eyes@2x.png"); }
  .emoji__kissing-heart {
    background-image: url("./../img/emoji/kissing-heart@2x.png"); }
  .emoji__kissing {
    background-image: url("./../img/emoji/kissing@2x.png"); }
  .emoji__kissing-smiling-eyes {
    background-image: url("./../img/emoji/kissing-smiling-eyes@2x.png"); }
  .emoji__kissing-closed-eyes {
    background-image: url("./../img/emoji/kissing-closed-eyes@2x.png"); }
  .emoji__relaxed {
    background-image: url("./../img/emoji/relaxed@2x.png"); }
  .emoji__slightly-smiling-face {
    background-image: url("./../img/emoji/slightly-smiling-face@2x.png"); }
  .emoji__hugging-face {
    background-image: url("./../img/emoji/hugging-face@2x.png"); }
  .emoji__star-struck {
    background-image: url("./../img/emoji/star-struck@2x.png"); }
  .emoji__thinking {
    background-image: url("./../img/emoji/thinking@2x.png"); }
  .emoji__face-with-raised-eyebrow {
    background-image: url("./../img/emoji/face-with-raised-eyebrow@2x.png"); }
  .emoji__neutral-face {
    background-image: url("./../img/emoji/neutral-face@2x.png"); }
  .emoji__expressionless {
    background-image: url("./../img/emoji/expressionless@2x.png"); }
  .emoji__no-mouth {
    background-image: url("./../img/emoji/no-mouth@2x.png"); }
  .emoji__face-with-rolling-eyes {
    background-image: url("./../img/emoji/face-with-rolling-eyes@2x.png"); }
  .emoji__smirk {
    background-image: url("./../img/emoji/smirk@2x.png"); }
  .emoji__persevere {
    background-image: url("./../img/emoji/persevere@2x.png"); }
  .emoji__disappointed-relieved {
    background-image: url("./../img/emoji/disappointed-relieved@2x.png"); }
  .emoji__open-mouth {
    background-image: url("./../img/emoji/open-mouth@2x.png"); }
  .emoji__zipper-mouth-face {
    background-image: url("./../img/emoji/zipper-mouth-face@2x.png"); }
  .emoji__hushed {
    background-image: url("./../img/emoji/hushed@2x.png"); }
  .emoji__sleepy {
    background-image: url("./../img/emoji/sleepy@2x.png"); }
  .emoji__tired-face {
    background-image: url("./../img/emoji/tired-face@2x.png"); }
  .emoji__sleeping {
    background-image: url("./../img/emoji/sleeping@2x.png"); }
  .emoji__relieved {
    background-image: url("./../img/emoji/relieved@2x.png"); }
  .emoji__stuck-out-tongue {
    background-image: url("./../img/emoji/stuck-out-tongue@2x.png"); }
  .emoji__stuck-out-tongue-winking-eye {
    background-image: url("./../img/emoji/stuck-out-tongue-winking-eye@2x.png"); }
  .emoji__stuck-out-tongue-closed-eyes {
    background-image: url("./../img/emoji/stuck-out-tongue-closed-eyes@2x.png"); }
  .emoji__drooling-face {
    background-image: url("./../img/emoji/drooling-face@2x.png"); }
  .emoji__unamused {
    background-image: url("./../img/emoji/unamused@2x.png"); }
  .emoji__sweat {
    background-image: url("./../img/emoji/sweat@2x.png"); }
  .emoji__pensive {
    background-image: url("./../img/emoji/pensive@2x.png"); }
  .emoji__confused {
    background-image: url("./../img/emoji/confused@2x.png"); }
  .emoji__upside-down-face {
    background-image: url("./../img/emoji/upside-down-face@2x.png"); }
  .emoji__money-mouth-face {
    background-image: url("./../img/emoji/money-mouth-face@2x.png"); }
  .emoji__astonished {
    background-image: url("./../img/emoji/astonished@2x.png"); }
  .emoji__white-frowning-face {
    background-image: url("./../img/emoji/white-frowning-face@2x.png"); }
  .emoji__slightly-frowning-face {
    background-image: url("./../img/emoji/slightly-frowning-face@2x.png"); }
  .emoji__confounded {
    background-image: url("./../img/emoji/confounded@2x.png"); }
  .emoji__disappointed {
    background-image: url("./../img/emoji/disappointed@2x.png"); }
  .emoji__worried {
    background-image: url("./../img/emoji/worried@2x.png"); }
  .emoji__triumph {
    background-image: url("./../img/emoji/triumph@2x.png"); }
  .emoji__cry {
    background-image: url("./../img/emoji/cry@2x.png"); }
  .emoji__sob {
    background-image: url("./../img/emoji/sob@2x.png"); }
  .emoji__frowning {
    background-image: url("./../img/emoji/frowning@2x.png"); }
  .emoji__anguished {
    background-image: url("./../img/emoji/anguished@2x.png"); }
  .emoji__fearful {
    background-image: url("./../img/emoji/fearful@2x.png"); }
  .emoji__weary {
    background-image: url("./../img/emoji/weary@2x.png"); }
  .emoji__exploding-head {
    background-image: url("./../img/emoji/exploding-head@2x.png"); }
  .emoji__grimacing {
    background-image: url("./../img/emoji/grimacing@2x.png"); }
  .emoji__cold-sweat {
    background-image: url("./../img/emoji/cold-sweat@2x.png"); }
  .emoji__scream {
    background-image: url("./../img/emoji/scream@2x.png"); }
  .emoji__flushed {
    background-image: url("./../img/emoji/flushed@2x.png"); }
  .emoji__zany-face {
    background-image: url("./../img/emoji/zany-face@2x.png"); }
  .emoji__dizzy-face {
    background-image: url("./../img/emoji/dizzy-face@2x.png"); }
  .emoji__rage {
    background-image: url("./../img/emoji/rage@2x.png"); }
  .emoji__angry {
    background-image: url("./../img/emoji/angry@2x.png"); }
  .emoji__face-with-symbols-on-mouth {
    background-image: url("./../img/emoji/face-with-symbols-on-mouth@2x.png"); }
  .emoji__mask {
    background-image: url("./../img/emoji/mask@2x.png"); }
  .emoji__face-with-thermometer {
    background-image: url("./../img/emoji/face-with-thermometer@2x.png"); }
  .emoji__face-with-head-bandage {
    background-image: url("./../img/emoji/face-with-head-bandage@2x.png"); }
  .emoji__nauseated-face {
    background-image: url("./../img/emoji/nauseated-face@2x.png"); }
  .emoji__face-vomiting {
    background-image: url("./../img/emoji/face-vomiting@2x.png"); }
  .emoji__sneezing-face {
    background-image: url("./../img/emoji/sneezing-face@2x.png"); }
  .emoji__innocent {
    background-image: url("./../img/emoji/innocent@2x.png"); }
  .emoji__face-with-cowboy-hat {
    background-image: url("./../img/emoji/face-with-cowboy-hat@2x.png"); }
  .emoji__clown-face {
    background-image: url("./../img/emoji/clown-face@2x.png"); }
  .emoji__lying-face {
    background-image: url("./../img/emoji/lying-face@2x.png"); }
  .emoji__shushing-face {
    background-image: url("./../img/emoji/shushing-face@2x.png"); }
  .emoji__face-with-hand-over-mouth {
    background-image: url("./../img/emoji/face-with-hand-over-mouth@2x.png"); }
  .emoji__face-with-monocle {
    background-image: url("./../img/emoji/face-with-monocle@2x.png"); }
  .emoji__nerd-face {
    background-image: url("./../img/emoji/nerd-face@2x.png"); }
  .emoji__partying-face {
    background-image: url("./../img/emoji/partying-face@2x.png"); }
  .emoji__smiling-face-with-hearts {
    background-image: url("./../img/emoji/smiling-face-with-hearts@2x.png"); }
  .emoji__heart {
    background-image: url("./../img/emoji/heart@2x.png"); }
  .emoji__smiling-imp {
    background-image: url("./../img/emoji/smiling-imp@2x.png"); }
  .emoji__imp {
    background-image: url("./../img/emoji/imp@2x.png"); }
  .emoji__japanese-ogre {
    background-image: url("./../img/emoji/japanese-ogre@2x.png"); }
  .emoji__japanese-goblin {
    background-image: url("./../img/emoji/japanese-goblin@2x.png"); }
  .emoji__skull {
    background-image: url("./../img/emoji/skull@2x.png"); }
  .emoji__skull-and-crossbones {
    background-image: url("./../img/emoji/skull-and-crossbones@2x.png"); }
  .emoji__ghost {
    background-image: url("./../img/emoji/ghost@2x.png"); }
  .emoji__alien {
    background-image: url("./../img/emoji/alien@2x.png"); }
  .emoji__light-bulb {
    background-image: url("./../img/emoji/light-bulb@2x.png"); }
  .emoji__check-mark-button {
    background-image: url("./../img/emoji/check-mark-button@2x.png"); }
  .emoji__confetti-ball {
    background-image: url("./../img/emoji/confetti-ball@2x.png"); }
  .emoji__cross-mark {
    background-image: url("./../img/emoji/cross-mark@2x.png"); }
  .emoji__eyes {
    background-image: url("./../img/emoji/eyes@2x.png"); }
  .emoji__high-voltage {
    background-image: url("./../img/emoji/high-voltage@2x.png"); }
  .emoji__hundred-points {
    background-image: url("./../img/emoji/hundred-points@2x.png"); }
  .emoji__musical-notes {
    background-image: url("./../img/emoji/musical-notes@2x.png"); }
  .emoji__trophy {
    background-image: url("./../img/emoji/trophy@2x.png"); }
  .emoji__space-invader {
    background-image: url("./../img/emoji/space-invader@2x.png"); }
  .emoji__robot-face {
    background-image: url("./../img/emoji/robot-face@2x.png"); }
  .emoji__hankey {
    background-image: url("./../img/emoji/hankey@2x.png"); }
  .emoji__smiley-cat {
    background-image: url("./../img/emoji/smiley-cat@2x.png"); }
  .emoji__smile-cat {
    background-image: url("./../img/emoji/smile-cat@2x.png"); }
  .emoji__joy-cat {
    background-image: url("./../img/emoji/joy-cat@2x.png"); }
  .emoji__heart-eyes-cat {
    background-image: url("./../img/emoji/heart-eyes-cat@2x.png"); }
  .emoji__smirk-cat {
    background-image: url("./../img/emoji/smirk-cat@2x.png"); }
  .emoji__kissing-cat {
    background-image: url("./../img/emoji/kissing-cat@2x.png"); }
  .emoji__scream-cat {
    background-image: url("./../img/emoji/scream-cat@2x.png"); }
  .emoji__crying-cat-face {
    background-image: url("./../img/emoji/crying-cat-face@2x.png"); }
  .emoji__pouting-cat {
    background-image: url("./../img/emoji/pouting-cat@2x.png"); }
  .emoji__see-no-evil {
    background-image: url("./../img/emoji/see-no-evil@2x.png"); }
  .emoji__hear-no-evil {
    background-image: url("./../img/emoji/hear-no-evil@2x.png"); }
  .emoji__speak-no-evil {
    background-image: url("./../img/emoji/speak-no-evil@2x.png"); }
  .emoji__keycap-digit-one {
    background-image: url("./../img/emoji/keycap-digit-one@2x.png"); }
  .emoji__keycap-digit-two {
    background-image: url("./../img/emoji/keycap-digit-two@2x.png"); }
  .emoji__keycap-digit-three {
    background-image: url("./../img/emoji/keycap-digit-three@2x.png"); }
  .emoji__keycap-digit-four {
    background-image: url("./../img/emoji/keycap-digit-four@2x.png"); }
  .emoji__keycap-digit-five {
    background-image: url("./../img/emoji/keycap-digit-five@2x.png"); }
  .emoji__keycap-digit-six {
    background-image: url("./../img/emoji/keycap-digit-six@2x.png"); }
  .emoji__keycap-digit-seven {
    background-image: url("./../img/emoji/keycap-digit-seven@2x.png"); }
  .emoji__keycap-digit-eight {
    background-image: url("./../img/emoji/keycap-digit-eight@2x.png"); }
  .emoji__keycap-digit-nine {
    background-image: url("./../img/emoji/keycap-digit-nine@2x.png"); }
  .emoji__keycap-digit-zero {
    background-image: url("./../img/emoji/keycap-digit-zero@2x.png"); }
  .emoji__applaud {
    background-image: url("./../img/emoji/applaud@2x.png"); }
  .emoji__applaud-1 {
    background-image: url("./../img/emoji/applaud-1@2x.png"); }
  .emoji__applaud-2 {
    background-image: url("./../img/emoji/applaud-2@2x.png"); }
  .emoji__applaud-3 {
    background-image: url("./../img/emoji/applaud-3@2x.png"); }
  .emoji__applaud-4 {
    background-image: url("./../img/emoji/applaud-4@2x.png"); }
  .emoji__applaud-5 {
    background-image: url("./../img/emoji/applaud-5@2x.png"); }
  .emoji__thumbsup {
    background-image: url("./../img/emoji/thumbsup@2x.png"); }
  .emoji__thumbsup-1 {
    background-image: url("./../img/emoji/thumbsup-1@2x.png"); }
  .emoji__thumbsup-2 {
    background-image: url("./../img/emoji/thumbsup-2@2x.png"); }
  .emoji__thumbsup-3 {
    background-image: url("./../img/emoji/thumbsup-3@2x.png"); }
  .emoji__thumbsup-4 {
    background-image: url("./../img/emoji/thumbsup-4@2x.png"); }
  .emoji__thumbsup-5 {
    background-image: url("./../img/emoji/thumbsup-5@2x.png"); }
  .emoji__thumbsdown {
    background-image: url("./../img/emoji/thumbsdown@2x.png"); }
  .emoji__thumbsdown-1 {
    background-image: url("./../img/emoji/thumbsdown-1@2x.png"); }
  .emoji__thumbsdown-2 {
    background-image: url("./../img/emoji/thumbsdown-2@2x.png"); }
  .emoji__thumbsdown-3 {
    background-image: url("./../img/emoji/thumbsdown-3@2x.png"); }
  .emoji__thumbsdown-4 {
    background-image: url("./../img/emoji/thumbsdown-4@2x.png"); }
  .emoji__thumbsdown-5 {
    background-image: url("./../img/emoji/thumbsdown-5@2x.png"); }
  .emoji__call-me-hand {
    background-image: url("./../img/emoji/call-me-hand@2x.png"); }
  .emoji__call-me-hand-1 {
    background-image: url("./../img/emoji/call-me-hand-1@2x.png"); }
  .emoji__call-me-hand-2 {
    background-image: url("./../img/emoji/call-me-hand-2@2x.png"); }
  .emoji__call-me-hand-3 {
    background-image: url("./../img/emoji/call-me-hand-3@2x.png"); }
  .emoji__call-me-hand-4 {
    background-image: url("./../img/emoji/call-me-hand-4@2x.png"); }
  .emoji__call-me-hand-5 {
    background-image: url("./../img/emoji/call-me-hand-5@2x.png"); }
  .emoji__crossed-fingers {
    background-image: url("./../img/emoji/crossed-fingers@2x.png"); }
  .emoji__crossed-fingers-1 {
    background-image: url("./../img/emoji/crossed-fingers-1@2x.png"); }
  .emoji__crossed-fingers-2 {
    background-image: url("./../img/emoji/crossed-fingers-2@2x.png"); }
  .emoji__crossed-fingers-3 {
    background-image: url("./../img/emoji/crossed-fingers-3@2x.png"); }
  .emoji__crossed-fingers-4 {
    background-image: url("./../img/emoji/crossed-fingers-4@2x.png"); }
  .emoji__crossed-fingers-5 {
    background-image: url("./../img/emoji/crossed-fingers-5@2x.png"); }
  .emoji__flexed-biceps {
    background-image: url("./../img/emoji/flexed-biceps@2x.png"); }
  .emoji__flexed-biceps-1 {
    background-image: url("./../img/emoji/flexed-biceps-1@2x.png"); }
  .emoji__flexed-biceps-2 {
    background-image: url("./../img/emoji/flexed-biceps-2@2x.png"); }
  .emoji__flexed-biceps-3 {
    background-image: url("./../img/emoji/flexed-biceps-3@2x.png"); }
  .emoji__flexed-biceps-4 {
    background-image: url("./../img/emoji/flexed-biceps-4@2x.png"); }
  .emoji__flexed-biceps-5 {
    background-image: url("./../img/emoji/flexed-biceps-5@2x.png"); }
  .emoji__folded-hands {
    background-image: url("./../img/emoji/folded-hands@2x.png"); }
  .emoji__folded-hands-1 {
    background-image: url("./../img/emoji/folded-hands-1@2x.png"); }
  .emoji__folded-hands-2 {
    background-image: url("./../img/emoji/folded-hands-2@2x.png"); }
  .emoji__folded-hands-3 {
    background-image: url("./../img/emoji/folded-hands-3@2x.png"); }
  .emoji__folded-hands-4 {
    background-image: url("./../img/emoji/folded-hands-4@2x.png"); }
  .emoji__folded-hands-5 {
    background-image: url("./../img/emoji/folded-hands-5@2x.png"); }
  .emoji__index-pointing-up {
    background-image: url("./../img/emoji/index-pointing-up@2x.png"); }
  .emoji__index-pointing-up-1 {
    background-image: url("./../img/emoji/index-pointing-up-1@2x.png"); }
  .emoji__index-pointing-up-2 {
    background-image: url("./../img/emoji/index-pointing-up-2@2x.png"); }
  .emoji__index-pointing-up-3 {
    background-image: url("./../img/emoji/index-pointing-up-3@2x.png"); }
  .emoji__index-pointing-up-4 {
    background-image: url("./../img/emoji/index-pointing-up-4@2x.png"); }
  .emoji__index-pointing-up-5 {
    background-image: url("./../img/emoji/index-pointing-up-5@2x.png"); }
  .emoji__ok-hand {
    background-image: url("./../img/emoji/ok-hand@2x.png"); }
  .emoji__ok-hand-1 {
    background-image: url("./../img/emoji/ok-hand-1@2x.png"); }
  .emoji__ok-hand-2 {
    background-image: url("./../img/emoji/ok-hand-2@2x.png"); }
  .emoji__ok-hand-3 {
    background-image: url("./../img/emoji/ok-hand-3@2x.png"); }
  .emoji__ok-hand-4 {
    background-image: url("./../img/emoji/ok-hand-4@2x.png"); }
  .emoji__ok-hand-5 {
    background-image: url("./../img/emoji/ok-hand-5@2x.png"); }
  .emoji__oncoming-fist {
    background-image: url("./../img/emoji/oncoming-fist@2x.png"); }
  .emoji__oncoming-fist-1 {
    background-image: url("./../img/emoji/oncoming-fist-1@2x.png"); }
  .emoji__oncoming-fist-2 {
    background-image: url("./../img/emoji/oncoming-fist-2@2x.png"); }
  .emoji__oncoming-fist-3 {
    background-image: url("./../img/emoji/oncoming-fist-3@2x.png"); }
  .emoji__oncoming-fist-4 {
    background-image: url("./../img/emoji/oncoming-fist-4@2x.png"); }
  .emoji__oncoming-fist-5 {
    background-image: url("./../img/emoji/oncoming-fist-5@2x.png"); }
  .emoji__open-hands {
    background-image: url("./../img/emoji/open-hands@2x.png"); }
  .emoji__open-hands-1 {
    background-image: url("./../img/emoji/open-hands-1@2x.png"); }
  .emoji__open-hands-2 {
    background-image: url("./../img/emoji/open-hands-2@2x.png"); }
  .emoji__open-hands-3 {
    background-image: url("./../img/emoji/open-hands-3@2x.png"); }
  .emoji__open-hands-4 {
    background-image: url("./../img/emoji/open-hands-4@2x.png"); }
  .emoji__open-hands-5 {
    background-image: url("./../img/emoji/open-hands-5@2x.png"); }
  .emoji__raised-fist {
    background-image: url("./../img/emoji/raised-fist@2x.png"); }
  .emoji__raised-fist-1 {
    background-image: url("./../img/emoji/raised-fist-1@2x.png"); }
  .emoji__raised-fist-2 {
    background-image: url("./../img/emoji/raised-fist-2@2x.png"); }
  .emoji__raised-fist-3 {
    background-image: url("./../img/emoji/raised-fist-3@2x.png"); }
  .emoji__raised-fist-4 {
    background-image: url("./../img/emoji/raised-fist-4@2x.png"); }
  .emoji__raised-fist-5 {
    background-image: url("./../img/emoji/raised-fist-5@2x.png"); }
  .emoji__raising-hands {
    background-image: url("./../img/emoji/raising-hands@2x.png"); }
  .emoji__raising-hands-1 {
    background-image: url("./../img/emoji/raising-hands-1@2x.png"); }
  .emoji__raising-hands-2 {
    background-image: url("./../img/emoji/raising-hands-2@2x.png"); }
  .emoji__raising-hands-3 {
    background-image: url("./../img/emoji/raising-hands-3@2x.png"); }
  .emoji__raising-hands-4 {
    background-image: url("./../img/emoji/raising-hands-4@2x.png"); }
  .emoji__raising-hands-5 {
    background-image: url("./../img/emoji/raising-hands-5@2x.png"); }
  .emoji__sign-of-the-horns {
    background-image: url("./../img/emoji/sign-of-the-horns@2x.png"); }
  .emoji__sign-of-the-horns-1 {
    background-image: url("./../img/emoji/sign-of-the-horns-1@2x.png"); }
  .emoji__sign-of-the-horns-2 {
    background-image: url("./../img/emoji/sign-of-the-horns-2@2x.png"); }
  .emoji__sign-of-the-horns-3 {
    background-image: url("./../img/emoji/sign-of-the-horns-3@2x.png"); }
  .emoji__sign-of-the-horns-4 {
    background-image: url("./../img/emoji/sign-of-the-horns-4@2x.png"); }
  .emoji__sign-of-the-horns-5 {
    background-image: url("./../img/emoji/sign-of-the-horns-5@2x.png"); }
  .emoji__victory-hand {
    background-image: url("./../img/emoji/victory-hand@2x.png"); }
  .emoji__victory-hand-1 {
    background-image: url("./../img/emoji/victory-hand-1@2x.png"); }
  .emoji__victory-hand-2 {
    background-image: url("./../img/emoji/victory-hand-2@2x.png"); }
  .emoji__victory-hand-3 {
    background-image: url("./../img/emoji/victory-hand-3@2x.png"); }
  .emoji__victory-hand-4 {
    background-image: url("./../img/emoji/victory-hand-4@2x.png"); }
  .emoji__victory-hand-5 {
    background-image: url("./../img/emoji/victory-hand-5@2x.png"); }
  .emoji__waving-hand {
    background-image: url("./../img/emoji/waving-hand@2x.png"); }
  .emoji__waving-hand-1 {
    background-image: url("./../img/emoji/waving-hand-1@2x.png"); }
  .emoji__waving-hand-2 {
    background-image: url("./../img/emoji/waving-hand-2@2x.png"); }
  .emoji__waving-hand-3 {
    background-image: url("./../img/emoji/waving-hand-3@2x.png"); }
  .emoji__waving-hand-4 {
    background-image: url("./../img/emoji/waving-hand-4@2x.png"); }
  .emoji__waving-hand-5 {
    background-image: url("./../img/emoji/waving-hand-5@2x.png"); } }

.emoji-bubble {
  position: absolute;
  z-index: 5000;
  bottom: -10%;
  height: 4em;
  width: 4em;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

/* Snowflake #1 */
.emoji-bubble-1 {
  animation: bubble-anim-1 ease-in-out 6s; }

@keyframes bubble-anim-1 {
  0% {
    left: 63%;
    bottom: -10vh; }
  25% {
    left: 67%; }
  50% {
    left: 63%; }
  75% {
    left: 67%; }
  100% {
    left: 63%;
    bottom: 110%; } }

/* Snowflake #2 */
.emoji-bubble-2 {
  animation: bubble-anim-2 ease-in-out 7s; }

@keyframes bubble-anim-2 {
  0% {
    left: 69%;
    bottom: -10vh; }
  25% {
    left: 75%; }
  50% {
    left: 69%; }
  75% {
    left: 75%; }
  100% {
    left: 69%;
    bottom: 110%; } }

/* Snowflake #3 */
.emoji-bubble-3 {
  animation: bubble-anim-3 ease-in-out 7s; }

@keyframes bubble-anim-3 {
  0% {
    left: 69%;
    bottom: -10vh; }
  25% {
    left: 81%; }
  50% {
    left: 69%; }
  75% {
    left: 81%; }
  100% {
    left: 69%;
    bottom: 110%; } }

/* Snowflake #4 */
.emoji-bubble-4 {
  animation: bubble-anim-4 ease-in-out 6s; }

@keyframes bubble-anim-4 {
  0% {
    left: 17%;
    bottom: -10vh; }
  25% {
    left: 25%; }
  50% {
    left: 17%; }
  75% {
    left: 25%; }
  100% {
    left: 17%;
    bottom: 110%; } }

/* Snowflake #5 */
.emoji-bubble-5 {
  animation: bubble-anim-5 ease-in-out 7s; }

@keyframes bubble-anim-5 {
  0% {
    left: 62%;
    bottom: -10vh; }
  25% {
    left: 44%; }
  50% {
    left: 62%; }
  75% {
    left: 44%; }
  100% {
    left: 62%;
    bottom: 110%; } }

/* Snowflake #6 */
.emoji-bubble-6 {
  animation: bubble-anim-6 ease-in-out 7s; }

@keyframes bubble-anim-6 {
  0% {
    left: 76%;
    bottom: -10vh; }
  25% {
    left: 70%; }
  50% {
    left: 76%; }
  75% {
    left: 70%; }
  100% {
    left: 76%;
    bottom: 110%; } }

/* Snowflake #7 */
.emoji-bubble-7 {
  animation: bubble-anim-7 ease-in-out 7s; }

@keyframes bubble-anim-7 {
  0% {
    left: 52%;
    bottom: -10vh; }
  25% {
    left: 56%; }
  50% {
    left: 52%; }
  75% {
    left: 56%; }
  100% {
    left: 52%;
    bottom: 110%; } }

/* Snowflake #8 */
.emoji-bubble-8 {
  animation: bubble-anim-8 ease-in-out 6s; }

@keyframes bubble-anim-8 {
  0% {
    left: 19%;
    bottom: -10vh; }
  25% {
    left: 37%; }
  50% {
    left: 19%; }
  75% {
    left: 37%; }
  100% {
    left: 19%;
    bottom: 110%; } }

/* Snowflake #9 */
.emoji-bubble-9 {
  animation: bubble-anim-9 ease-in-out 7s; }

@keyframes bubble-anim-9 {
  0% {
    left: 47%;
    bottom: -10vh; }
  25% {
    left: 65%; }
  50% {
    left: 47%; }
  75% {
    left: 65%; }
  100% {
    left: 47%;
    bottom: 110%; } }

/* Snowflake #10 */
.emoji-bubble-10 {
  animation: bubble-anim-10 ease-in-out 7s; }

@keyframes bubble-anim-10 {
  0% {
    left: 12%;
    bottom: -10vh; }
  25% {
    left: 26%; }
  50% {
    left: 12%; }
  75% {
    left: 26%; }
  100% {
    left: 12%;
    bottom: 110%; } }

/* Snowflake #11 */
.emoji-bubble-11 {
  animation: bubble-anim-11 ease-in-out 7s; }

@keyframes bubble-anim-11 {
  0% {
    left: 33%;
    bottom: -10vh; }
  25% {
    left: 41%; }
  50% {
    left: 33%; }
  75% {
    left: 41%; }
  100% {
    left: 33%;
    bottom: 110%; } }

/* Snowflake #12 */
.emoji-bubble-12 {
  animation: bubble-anim-12 ease-in-out 7s; }

@keyframes bubble-anim-12 {
  0% {
    left: 24%;
    bottom: -10vh; }
  25% {
    left: 22%; }
  50% {
    left: 24%; }
  75% {
    left: 22%; }
  100% {
    left: 24%;
    bottom: 110%; } }

/* Snowflake #13 */
.emoji-bubble-13 {
  animation: bubble-anim-13 ease-in-out 6s; }

@keyframes bubble-anim-13 {
  0% {
    left: 86%;
    bottom: -10vh; }
  25% {
    left: 80%; }
  50% {
    left: 86%; }
  75% {
    left: 80%; }
  100% {
    left: 86%;
    bottom: 110%; } }

/* Snowflake #14 */
.emoji-bubble-14 {
  animation: bubble-anim-14 ease-in-out 7s; }

@keyframes bubble-anim-14 {
  0% {
    left: 26%;
    bottom: -10vh; }
  25% {
    left: 42%; }
  50% {
    left: 26%; }
  75% {
    left: 42%; }
  100% {
    left: 26%;
    bottom: 110%; } }

/* Snowflake #15 */
.emoji-bubble-15 {
  animation: bubble-anim-15 ease-in-out 7s; }

@keyframes bubble-anim-15 {
  0% {
    left: 61%;
    bottom: -10vh; }
  25% {
    left: 61%; }
  50% {
    left: 61%; }
  75% {
    left: 61%; }
  100% {
    left: 61%;
    bottom: 110%; } }

/* Snowflake #16 */
.emoji-bubble-16 {
  animation: bubble-anim-16 ease-in-out 7s; }

@keyframes bubble-anim-16 {
  0% {
    left: 78%;
    bottom: -10vh; }
  25% {
    left: 64%; }
  50% {
    left: 78%; }
  75% {
    left: 64%; }
  100% {
    left: 78%;
    bottom: 110%; } }

/* Snowflake #17 */
.emoji-bubble-17 {
  animation: bubble-anim-17 ease-in-out 6s; }

@keyframes bubble-anim-17 {
  0% {
    left: 20%;
    bottom: -10vh; }
  25% {
    left: 30%; }
  50% {
    left: 20%; }
  75% {
    left: 30%; }
  100% {
    left: 20%;
    bottom: 110%; } }

/* Snowflake #18 */
.emoji-bubble-18 {
  animation: bubble-anim-18 ease-in-out 7s; }

@keyframes bubble-anim-18 {
  0% {
    left: 35%;
    bottom: -10vh; }
  25% {
    left: 17%; }
  50% {
    left: 35%; }
  75% {
    left: 17%; }
  100% {
    left: 35%;
    bottom: 110%; } }

/* Snowflake #19 */
.emoji-bubble-19 {
  animation: bubble-anim-19 ease-in-out 7s; }

@keyframes bubble-anim-19 {
  0% {
    left: 66%;
    bottom: -10vh; }
  25% {
    left: 62%; }
  50% {
    left: 66%; }
  75% {
    left: 62%; }
  100% {
    left: 66%;
    bottom: 110%; } }

/* Snowflake #20 */
.emoji-bubble-20 {
  animation: bubble-anim-20 ease-in-out 6s; }

@keyframes bubble-anim-20 {
  0% {
    left: 51%;
    bottom: -10vh; }
  25% {
    left: 49%; }
  50% {
    left: 51%; }
  75% {
    left: 49%; }
  100% {
    left: 51%;
    bottom: 110%; } }

/* Snowflake #21 */
.emoji-bubble-21 {
  animation: bubble-anim-21 ease-in-out 6s; }

@keyframes bubble-anim-21 {
  0% {
    left: 57%;
    bottom: -10vh; }
  25% {
    left: 65%; }
  50% {
    left: 57%; }
  75% {
    left: 65%; }
  100% {
    left: 57%;
    bottom: 110%; } }

/* Snowflake #22 */
.emoji-bubble-22 {
  animation: bubble-anim-22 ease-in-out 6s; }

@keyframes bubble-anim-22 {
  0% {
    left: 35%;
    bottom: -10vh; }
  25% {
    left: 35%; }
  50% {
    left: 35%; }
  75% {
    left: 35%; }
  100% {
    left: 35%;
    bottom: 110%; } }

/* Snowflake #23 */
.emoji-bubble-23 {
  animation: bubble-anim-23 ease-in-out 7s; }

@keyframes bubble-anim-23 {
  0% {
    left: 83%;
    bottom: -10vh; }
  25% {
    left: 83%; }
  50% {
    left: 83%; }
  75% {
    left: 83%; }
  100% {
    left: 83%;
    bottom: 110%; } }

/* Snowflake #24 */
.emoji-bubble-24 {
  animation: bubble-anim-24 ease-in-out 6s; }

@keyframes bubble-anim-24 {
  0% {
    left: 18%;
    bottom: -10vh; }
  25% {
    left: 32%; }
  50% {
    left: 18%; }
  75% {
    left: 32%; }
  100% {
    left: 18%;
    bottom: 110%; } }

/* Snowflake #25 */
.emoji-bubble-25 {
  animation: bubble-anim-25 ease-in-out 7s; }

@keyframes bubble-anim-25 {
  0% {
    left: 67%;
    bottom: -10vh; }
  25% {
    left: 81%; }
  50% {
    left: 67%; }
  75% {
    left: 81%; }
  100% {
    left: 67%;
    bottom: 110%; } }

/* Snowflake #26 */
.emoji-bubble-26 {
  animation: bubble-anim-26 ease-in-out 6s; }

@keyframes bubble-anim-26 {
  0% {
    left: 24%;
    bottom: -10vh; }
  25% {
    left: 10%; }
  50% {
    left: 24%; }
  75% {
    left: 10%; }
  100% {
    left: 24%;
    bottom: 110%; } }

/* Snowflake #27 */
.emoji-bubble-27 {
  animation: bubble-anim-27 ease-in-out 6s; }

@keyframes bubble-anim-27 {
  0% {
    left: 55%;
    bottom: -10vh; }
  25% {
    left: 47%; }
  50% {
    left: 55%; }
  75% {
    left: 47%; }
  100% {
    left: 55%;
    bottom: 110%; } }

/* Snowflake #28 */
.emoji-bubble-28 {
  animation: bubble-anim-28 ease-in-out 7s; }

@keyframes bubble-anim-28 {
  0% {
    left: 68%;
    bottom: -10vh; }
  25% {
    left: 54%; }
  50% {
    left: 68%; }
  75% {
    left: 54%; }
  100% {
    left: 68%;
    bottom: 110%; } }

/* Snowflake #29 */
.emoji-bubble-29 {
  animation: bubble-anim-29 ease-in-out 7s; }

@keyframes bubble-anim-29 {
  0% {
    left: 69%;
    bottom: -10vh; }
  25% {
    left: 83%; }
  50% {
    left: 69%; }
  75% {
    left: 83%; }
  100% {
    left: 69%;
    bottom: 110%; } }

/* Snowflake #30 */
.emoji-bubble-30 {
  animation: bubble-anim-30 ease-in-out 7s; }

@keyframes bubble-anim-30 {
  0% {
    left: 71%;
    bottom: -10vh; }
  25% {
    left: 83%; }
  50% {
    left: 71%; }
  75% {
    left: 83%; }
  100% {
    left: 71%;
    bottom: 110%; } }

/* Snowflake #31 */
.emoji-bubble-31 {
  animation: bubble-anim-31 ease-in-out 6s; }

@keyframes bubble-anim-31 {
  0% {
    left: 36%;
    bottom: -10vh; }
  25% {
    left: 40%; }
  50% {
    left: 36%; }
  75% {
    left: 40%; }
  100% {
    left: 36%;
    bottom: 110%; } }

/* Snowflake #32 */
.emoji-bubble-32 {
  animation: bubble-anim-32 ease-in-out 6s; }

@keyframes bubble-anim-32 {
  0% {
    left: 53%;
    bottom: -10vh; }
  25% {
    left: 61%; }
  50% {
    left: 53%; }
  75% {
    left: 61%; }
  100% {
    left: 53%;
    bottom: 110%; } }

/* Snowflake #33 */
.emoji-bubble-33 {
  animation: bubble-anim-33 ease-in-out 6s; }

@keyframes bubble-anim-33 {
  0% {
    left: 65%;
    bottom: -10vh; }
  25% {
    left: 69%; }
  50% {
    left: 65%; }
  75% {
    left: 69%; }
  100% {
    left: 65%;
    bottom: 110%; } }

/* Snowflake #34 */
.emoji-bubble-34 {
  animation: bubble-anim-34 ease-in-out 7s; }

@keyframes bubble-anim-34 {
  0% {
    left: 70%;
    bottom: -10vh; }
  25% {
    left: 80%; }
  50% {
    left: 70%; }
  75% {
    left: 80%; }
  100% {
    left: 70%;
    bottom: 110%; } }

/* Snowflake #35 */
.emoji-bubble-35 {
  animation: bubble-anim-35 ease-in-out 6s; }

@keyframes bubble-anim-35 {
  0% {
    left: 23%;
    bottom: -10vh; }
  25% {
    left: 41%; }
  50% {
    left: 23%; }
  75% {
    left: 41%; }
  100% {
    left: 23%;
    bottom: 110%; } }

/* Snowflake #36 */
.emoji-bubble-36 {
  animation: bubble-anim-36 ease-in-out 7s; }

@keyframes bubble-anim-36 {
  0% {
    left: 72%;
    bottom: -10vh; }
  25% {
    left: 60%; }
  50% {
    left: 72%; }
  75% {
    left: 60%; }
  100% {
    left: 72%;
    bottom: 110%; } }

/* Snowflake #37 */
.emoji-bubble-37 {
  animation: bubble-anim-37 ease-in-out 7s; }

@keyframes bubble-anim-37 {
  0% {
    left: 70%;
    bottom: -10vh; }
  25% {
    left: 74%; }
  50% {
    left: 70%; }
  75% {
    left: 74%; }
  100% {
    left: 70%;
    bottom: 110%; } }

/* Snowflake #38 */
.emoji-bubble-38 {
  animation: bubble-anim-38 ease-in-out 6s; }

@keyframes bubble-anim-38 {
  0% {
    left: 80%;
    bottom: -10vh; }
  25% {
    left: 64%; }
  50% {
    left: 80%; }
  75% {
    left: 64%; }
  100% {
    left: 80%;
    bottom: 110%; } }

/* Snowflake #39 */
.emoji-bubble-39 {
  animation: bubble-anim-39 ease-in-out 6s; }

@keyframes bubble-anim-39 {
  0% {
    left: 32%;
    bottom: -10vh; }
  25% {
    left: 28%; }
  50% {
    left: 32%; }
  75% {
    left: 28%; }
  100% {
    left: 32%;
    bottom: 110%; } }

/* Snowflake #40 */
.emoji-bubble-40 {
  animation: bubble-anim-40 ease-in-out 6s; }

@keyframes bubble-anim-40 {
  0% {
    left: 36%;
    bottom: -10vh; }
  25% {
    left: 20%; }
  50% {
    left: 36%; }
  75% {
    left: 20%; }
  100% {
    left: 36%;
    bottom: 110%; } }

/* Snowflake #41 */
.emoji-bubble-41 {
  animation: bubble-anim-41 ease-in-out 7s; }

@keyframes bubble-anim-41 {
  0% {
    left: 22%;
    bottom: -10vh; }
  25% {
    left: 36%; }
  50% {
    left: 22%; }
  75% {
    left: 36%; }
  100% {
    left: 22%;
    bottom: 110%; } }

/* Snowflake #42 */
.emoji-bubble-42 {
  animation: bubble-anim-42 ease-in-out 6s; }

@keyframes bubble-anim-42 {
  0% {
    left: 59%;
    bottom: -10vh; }
  25% {
    left: 53%; }
  50% {
    left: 59%; }
  75% {
    left: 53%; }
  100% {
    left: 59%;
    bottom: 110%; } }

/* Snowflake #43 */
.emoji-bubble-43 {
  animation: bubble-anim-43 ease-in-out 6s; }

@keyframes bubble-anim-43 {
  0% {
    left: 48%;
    bottom: -10vh; }
  25% {
    left: 36%; }
  50% {
    left: 48%; }
  75% {
    left: 36%; }
  100% {
    left: 48%;
    bottom: 110%; } }

/* Snowflake #44 */
.emoji-bubble-44 {
  animation: bubble-anim-44 ease-in-out 6s; }

@keyframes bubble-anim-44 {
  0% {
    left: 34%;
    bottom: -10vh; }
  25% {
    left: 54%; }
  50% {
    left: 34%; }
  75% {
    left: 54%; }
  100% {
    left: 34%;
    bottom: 110%; } }

/* Snowflake #45 */
.emoji-bubble-45 {
  animation: bubble-anim-45 ease-in-out 7s; }

@keyframes bubble-anim-45 {
  0% {
    left: 39%;
    bottom: -10vh; }
  25% {
    left: 23%; }
  50% {
    left: 39%; }
  75% {
    left: 23%; }
  100% {
    left: 39%;
    bottom: 110%; } }

/* Snowflake #46 */
.emoji-bubble-46 {
  animation: bubble-anim-46 ease-in-out 6s; }

@keyframes bubble-anim-46 {
  0% {
    left: 81%;
    bottom: -10vh; }
  25% {
    left: 69%; }
  50% {
    left: 81%; }
  75% {
    left: 69%; }
  100% {
    left: 81%;
    bottom: 110%; } }

/* Snowflake #47 */
.emoji-bubble-47 {
  animation: bubble-anim-47 ease-in-out 7s; }

@keyframes bubble-anim-47 {
  0% {
    left: 74%;
    bottom: -10vh; }
  25% {
    left: 94%; }
  50% {
    left: 74%; }
  75% {
    left: 94%; }
  100% {
    left: 74%;
    bottom: 110%; } }

/* Snowflake #48 */
.emoji-bubble-48 {
  animation: bubble-anim-48 ease-in-out 6s; }

@keyframes bubble-anim-48 {
  0% {
    left: 14%;
    bottom: -10vh; }
  25% {
    left: 20%; }
  50% {
    left: 14%; }
  75% {
    left: 20%; }
  100% {
    left: 14%;
    bottom: 110%; } }

/* Snowflake #49 */
.emoji-bubble-49 {
  animation: bubble-anim-49 ease-in-out 7s; }

@keyframes bubble-anim-49 {
  0% {
    left: 41%;
    bottom: -10vh; }
  25% {
    left: 59%; }
  50% {
    left: 41%; }
  75% {
    left: 59%; }
  100% {
    left: 41%;
    bottom: 110%; } }

/* Snowflake #50 */
.emoji-bubble-50 {
  animation: bubble-anim-50 ease-in-out 6s; }

@keyframes bubble-anim-50 {
  0% {
    left: 36%;
    bottom: -10vh; }
  25% {
    left: 40%; }
  50% {
    left: 36%; }
  75% {
    left: 40%; }
  100% {
    left: 36%;
    bottom: 110%; } }

.hr--size15 {
  margin: 15px 0 !important; }

.hr--size-s {
  margin: 2em 0 !important; }

.hr--thin {
  border-width: 1px; }

.hr--gray {
  border-top: 1px solid #3f4143; }

.input .input__element {
  -moz-appearance: textfield; }
  .input .input__element::-webkit-inner-spin-button, .input .input__element::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.input--center .input__element {
  text-align: center; }

.input--simple {
  text-align: left; }
  .input--simple .input__element {
    display: block;
    width: 100%;
    padding: 0.4em 0.6em;
    font-size: 1em !important;
    color: #17191b !important;
    background-color: #fff !important;
    border-radius: 0.2em !important; }
    .input--simple .input__element--border-blue {
      border: 2px solid #4a90e2; }
    .input--simple .input__element {
      -moz-appearance: textfield; }
    .input--simple .input__element::-webkit-inner-spin-button, .input--simple .input__element::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  .input--simple .input__label {
    color: #fff; }
  .input--simple .input__msg {
    color: #9a9a9a;
    font-size: 14px;
    float: right; }

.input--prefix .input__element {
  width: 100%;
  padding: 0;
  font-size: 3em; }

.input--prefix .input__prefix {
  position: absolute;
  z-index: 10;
  top: 0.33em;
  left: 0.5em;
  font-size: 2.2em; }

.input--prefix .input__prefix-body {
  position: relative;
  display: block; }

.input--small .input__element {
  font-size: 1.7em; }

.input--small .input__prefix {
  font-size: 1.2em; }

.input--not-found .input__element {
  font-size: 2.8em; }

.input--label-bottom .input__label {
  display: block;
  padding: 0.7em 0;
  opacity: 0.6;
  font-weight: 300;
  letter-spacing: 0.1em; }
  .input--label-bottom .input__label:not(first-child) {
    margin-right: 1em; }
  .input--label-bottom .input__label--uppercase {
    text-transform: uppercase; }

.input--label-bottom .input__labels {
  display: flex;
  justify-content: center; }

.matrix-grid {
  width: 100%;
  height: 100%; }
  .matrix-grid .grid-item {
    float: left; }
  .matrix-grid.col-1 .grid-item {
    width: 100%; }
  .matrix-grid.row-1 .grid-item {
    height: 100%; }
  .matrix-grid.col-2 .grid-item {
    width: 50%; }
  .matrix-grid.row-2 .grid-item {
    height: 50%; }
  .matrix-grid.col-3 .grid-item {
    width: 33.33333%; }
  .matrix-grid.row-3 .grid-item {
    height: 33.33333%; }
  .matrix-grid.col-4 .grid-item {
    width: 25%; }
  .matrix-grid.row-4 .grid-item {
    height: 25%; }
  .matrix-grid.col-5 .grid-item {
    width: 20%; }
  .matrix-grid.row-5 .grid-item {
    height: 20%; }
  .matrix-grid.col-7 .grid-item {
    width: 14.28571%; }
  .matrix-grid.row-7 .grid-item {
    height: 14.28571%; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.media-btn {
  display: inline-block;
  position: relative;
  border-radius: 50%;
  background: transparent;
  margin: 0 0.5em; }
  .media-btn--play {
    border: 1px solid #8bff8b;
    width: 1.25em;
    height: 1.25em; }
    .media-btn--play::after {
      content: '';
      position: absolute;
      top: 0.125em;
      left: 0.325em;
      width: 0;
      height: 0;
      border-top: 0.4em solid transparent;
      border-bottom: 0.4em solid transparent;
      border-left: 0.6em solid #8bff8b; }
  .media-btn--stop {
    border: 1px solid #ff5050;
    width: 1.25em;
    height: 1.25em; }
    .media-btn--stop::after {
      content: '';
      position: absolute;
      top: 0.275em;
      left: 0.285em;
      width: 0.56em;
      height: 0.56em;
      background: #ff5050; }
  .media-btn--border {
    padding: 0 0.6em;
    border: 2px solid #fff;
    border-radius: 0.3em; }
  .media-btn--icon span {
    display: block;
    margin-top: 0.1em; }
  .media-btn--pink {
    color: #f997ff;
    border-color: #f997ff; }
  .media-btn--yellow {
    color: #f2d358;
    border-color: #f2d358; }

.media-buttons {
  display: inline-block; }
  .media-buttons__row {
    display: flex; }
  .media-buttons__item {
    margin-left: 3em;
    cursor: pointer; }
    .media-buttons__item:first-child {
      margin-left: 0; }
    .media-buttons__item:hover .media-buttons__title {
      text-decoration: none; }
    .media-buttons__item--video:hover .media-buttons__title {
      color: #f997ff; }
    .media-buttons__item--demo:hover .media-buttons__title {
      color: #f2d358; }
  .media-buttons__title {
    white-space: nowrap; }

#calendly-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3b4044; }
  #calendly-modal .spinner {
    display: none !important; }
  #calendly-modal .modal-dialog {
    height: 100%; }
  #calendly-modal .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; }
  #calendly-modal .calendly-inline-widget {
    height: 75vh;
    width: 75vw; }
  #calendly-modal .close {
    position: absolute;
    top: 1em;
    right: 1em;
    font-size: 2em;
    z-index: +1;
    cursor: pointer; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.messages--danger {
  color: #ff5050; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.modal--shadow {
  margin: 1.5em 2em;
  background-color: #282b2e;
  animation: scaleIn 0.25s;
  transform-origin: center center;
  -webkit-overflow-scrolling: touch;
  color: #e7e6ec;
  box-shadow: #0c0d0d 0 0 2em; }

.modal__header {
  margin: 1.75em 1.75em 0 1.75em; }

.modal__title {
  font-size: 1.5em; }

.modal__close-icon {
  font-size: 1.5em; }

.modal__body {
  position: relative;
  margin: 2em;
  overflow-y: hidden; }

.modal__confirm-button {
  margin-top: 2em; }

.modal--confirm .modal__flexbox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.33); }

.modal--confirm .modal__wrapper {
  background: #272A2D;
  max-width: 600px;
  max-height: 100%; }

.modal--confirm .modal__body {
  position: static; }

.modal--confirm .modal__message {
  text-align: left;
  margin: 2em 0; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.plaque-border {
  display: inline-block;
  border-radius: 0.2em;
  padding: 0 0.75em;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 600; }
  .plaque-border--success {
    color: #a0f264;
    border: 1px solid #a0f264; }
  .plaque-border--danger {
    color: #ff5050;
    border: 1px solid #ff5050; }
  .plaque-border--warning {
    color: #f2d358;
    border: 1px solid #f2d358; }
  .plaque-border--transparent {
    border: 1px solid #4d4d52; }
  .plaque-border--brand {
    color: #6A48E7;
    border: 1px solid #6A48E7; }
  .plaque-border--fill.plaque-border--success {
    color: #17191b;
    background-color: #a0f264; }
  .plaque-border--fill.plaque-border--danger {
    color: #17191b;
    background-color: #ff5050; }
  .plaque-border--fill.plaque-border--warning {
    color: #17191b;
    background-color: #f2d358; }
  .plaque-border--fill.plaque-border--brand {
    font-weight: 550;
    color: white;
    background-color: #6A48E7; }
  .plaque-border--pointer {
    cursor: pointer; }

.select--plan {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 0.8em !important; }

.select--timezone {
  color: #000;
  background-color: #dadada;
  border: 1px solid #9997a5; }
  .select--timezone:focus {
    background-color: #dadada; }

.show-results-btn {
  opacity: .7;
  cursor: pointer;
  display: contents; }
  .show-results-btn--state {
    display: flex;
    align-items: center; }
  .show-results-btn--hover, .show-results-btn--hidden {
    display: none; }
  .show-results-btn__icon {
    margin-right: .2em;
    margin-left: 0 !important;
    font-size: 1em; }
  .show-results-btn__caption {
    color: #fff;
    margin-right: 1.5em; }
  .show-results-btn:hover {
    opacity: 1; }
    .show-results-btn:hover .show-results-btn--rest {
      display: none; }
    .show-results-btn:hover .show-results-btn--hover {
      display: flex; }

.switcher-dots {
  /*  input:checked + .switcher-dots__circle {
      background-color: #8bff8b;

      opacity: 1;
  }*/ }
  .switcher-dots__circle {
    display: inline-block;
    margin: 0 0.666em -0.2em 0;
    border-radius: 1em;
    width: 1em;
    height: 1em;
    background-color: gray;
    opacity: 0.5; }
    .switcher-dots__circle--active {
      background-color: #8bff8b;
      opacity: 1; }
  .switcher-dots__caption {
    color: white;
    text-transform: none;
    line-height: 2em;
    font-weight: 600; }

.switcher-group {
  display: flex;
  align-items: center; }
  .switcher-group__switcher {
    flex: 0 0 auto;
    margin-right: 3em; }
  .switcher-group__switcher-label {
    flex: 1 1 auto;
    color: #939496; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.tag {
  display: inline-block;
  border-radius: 1em;
  font-size: 0.8em;
  padding: 0 0.8em; }
  .tag--success {
    background-color: #3d97ff;
    color: #fff; }

.tooltip-lock-plan {
  display: block;
  margin: -0.7em -1em; }
  .tooltip-lock-plan__caption {
    padding: 1.2em;
    text-align: center; }
  .tooltip-lock-plan__bottom {
    padding: .6em 0;
    border-top: 0.1em solid rgba(0, 0, 0, 0.2);
    text-align: center; }
  .tooltip-lock-plan__upgrade-link {
    color: #6a48e8 !important;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center; }

.tooltip-menu {
  display: block;
  margin: -0.7em -1em; }
  .tooltip-menu__item {
    display: block;
    padding: 0.6em;
    border-bottom: solid 1px #979797; }
    .tooltip-menu__item:last-child {
      border-bottom: none; }
    .tooltip-menu__item:hover {
      text-decoration: none;
      background: #E3E3E3;
      color: #000; }

.ui-column-names {
  display: flex; }
  .ui-column-names__item {
    display: inline-block;
    font-size: 0.8em;
    border: solid 1px #c5c4d2;
    border-left: 0px;
    padding: 0 1em;
    opacity: 0.66; }
    .ui-column-names__item:first-child {
      border-left: solid 1px #c5c4d2;
      border-radius: 0.25em 0 0 0.25em; }
    .ui-column-names__item:last-child {
      border-radius: 0 0.25em 0.25em 0; }

.ui-switcher {
  display: flex;
  align-items: center;
  line-height: normal; }
  .ui-switcher--disabled {
    opacity: 0.4;
    cursor: not-allowed; }
  .ui-switcher__input {
    display: none; }
  .ui-switcher__input:checked + .ui-switcher__element {
    border: solid 1px #a0f264; }
    .ui-switcher__input:checked + .ui-switcher__element::after {
      left: 0.675em;
      background-color: #a0f264; }
  .ui-switcher__element {
    position: relative;
    display: block;
    width: 1.6em;
    min-width: 1.6em;
    height: 1em;
    box-sizing: content-box;
    border-radius: 0.5em;
    border: solid 1px #4C4C4C;
    background-color: #252525; }
    .ui-switcher__element::after {
      content: '';
      position: absolute;
      top: 0.075em;
      left: 0.075em;
      width: 0.85em;
      height: 0.85em;
      background-color: #4C4C4C;
      border-radius: 50%;
      transition: background 0.4s, left 0.4s; }
  .ui-switcher__text {
    margin: -0.4vh 0 0 2em;
    text-align: left; }
  .ui-switcher:hover {
    cursor: pointer; }

.ui-table {
  width: 100%;
  text-align: left; }
  .ui-table__head-td {
    padding-right: 0.7em; }
    .ui-table__head-td:last-child {
      padding-right: 0; }
  .ui-table__body-tr {
    border-bottom: 1px solid #37383d; }
  .ui-table__body-td {
    padding: 0.7em 0.7em 0.7em 0; }
    .ui-table__body-td:last-child {
      padding-right: 0; }
  .ui-table__table-header--small {
    font-size: 0.8em; }

.ui-tabs-attendees {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .ui-tabs-attendees__header {
    display: flex;
    justify-content: space-around;
    height: 4em; }
  .ui-tabs-attendees__header-item {
    flex: 1;
    padding: 1em 0;
    cursor: pointer;
    color: #474d52;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.1em;
    background-color: #2f3336; }
    .ui-tabs-attendees__header-item:first-child {
      margin-left: 0; }
    .ui-tabs-attendees__header-item:last-child {
      margin-right: 0; }
    .ui-tabs-attendees__header-item--active {
      color: #fff;
      background-color: transparent; }
  .ui-tabs-attendees__body {
    height: calc(100% - 4em);
    overflow: hidden; }
  .ui-tabs-attendees__body-item {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    display: none;
    height: 100%; }
    .ui-tabs-attendees__body-item--active {
      display: block; }

.ui-tabs__header {
  display: flex;
  list-style-type: none;
  border-bottom: 1px solid #444547;
  white-space: nowrap; }

.ui-tabs__header-item {
  padding: 0.4em 0;
  margin: 0 1em;
  border-bottom: 3px solid transparent;
  cursor: pointer; }
  .ui-tabs__header-item:first-child {
    margin-left: 0; }
  .ui-tabs__header-item:last-child {
    margin-right: 0; }
  .ui-tabs__header-item.active {
    border-bottom: 3px solid #fff; }
  .ui-tabs__header-item .icon {
    position: relative;
    top: 0.05em; }

.ui-tabs__body {
  margin-top: 1em; }

.ui-tabs__body-item {
  display: none; }
  .ui-tabs__body-item.active {
    display: block; }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  .ul--icon li::before {
    position: relative;
    left: -.5em;
    content: '\e875';
    font-family: 'fontello';
    margin-left: -1.2em; }
  .ul--features li {
    position: relative;
    margin: 0 0 0.33em 2em; }
    .ul--features li::before {
      position: absolute;
      left: -2em;
      content: '\e82a';
      font-family: 'fontello';
      margin-left: 0;
      margin-right: .3em;
      color: #A0F264; }
  .ul--plain li {
    position: inherit;
    margin: 0 0 0.33em 2em; }
    .ul--plain li::before {
      display: none; }
    .ul--plain li b {
      color: #A0F264; }

/*! Swipebox v1.4.4 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important; }

#swipebox-overlay img {
  border: none !important; }

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%; }

#swipebox-slider {
  -webkit-transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer; }

#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block; }

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px; }

#swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle; }

#swipebox-slider .slide .swipebox-video-container {
  background: 0 0;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative; }

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0; }

#swipebox-bottom-bar, #swipebox-top-bar {
  -webkit-transition: .5s;
  transition: .5s;
  position: absolute;
  left: 0;
  z-index: 999;
  width: 100%; }

#swipebox-bottom-bar {
  bottom: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

#swipebox-top-bar {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

#swipebox-title {
  display: block;
  width: 100%;
  padding: 0 2.5em;
  text-align: center; }

#swipebox-close, #swipebox-next, #swipebox-prev {
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  font-size: 2.5em;
  top: 0; }

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%; }

#swipebox-prev {
  float: left; }

#swipebox-next {
  float: right; }

#swipebox-close {
  top: 0;
  right: 0;
  height: 1.3em;
  position: absolute;
  z-index: 9999; }

.swipebox-no-close-button #swipebox-close {
  display: none; }

#swipebox-next.disabled, #swipebox-prev.disabled {
  opacity: .3; }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring .3s;
  animation: rightSpring .3s; }

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring .3s;
  animation: leftSpring .3s; }

.swipebox-touch #swipebox-container:after, .swipebox-touch #swipebox-container:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  opacity: 0; }

.swipebox-touch #swipebox-container:before {
  left: 0; }

.swipebox-touch #swipebox-container:after {
  right: 0; }

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before, .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1; }

@-webkit-keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }

@keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }

@-webkit-keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }

@keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }

#swipebox-overlay {
  background: #0d0d0d; }

#swipebox-bottom-bar, #swipebox-top-bar {
  text-shadow: 1px 1px 1px #000;
  background: #000;
  opacity: .95; }

#swipebox-top-bar {
  color: #fff;
  font-size: 1.66em;
  line-height: 2em;
  font-family: Helvetica,Arial,sans-serif; }

body {
  overscroll-behavior: contain;
  overflow: hidden;
  color: #ffffff;
  background-color: #3b4044;
  display: block; }

.empty-plug {
  position: absolute;
  top: 45%;
  text-align: center;
  left: 0;
  right: 0;
  font-size: 16px; }

.slide-wrapper {
  height: 100%;
  width: 100%; }

button[disabled], html input[disabled] {
  opacity: 0.5; }

.swiper-slide {
  display: block; }
  .swiper-slide.hidden {
    display: none !important; }
  .swiper-slide .force-redraw {
    position: absolute;
    top: -10em; }

/* A T T E N D E E   M A I N */
/* A T T E N D E E */
.attendeeLoggedIn #menu #login {
  display: none; }

.button {
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  margin: 0px;
  display: table-cell;
  width: 50%;
  height: 50%;
  text-align: center;
  vertical-align: middle;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .button.like {
    background: #a0f264; }
  .button.meh {
    background: #f2ad8b; }
  .button.wtf {
    background: #2da691; }
    .button.wtf .label svg {
      margin-top: -9px; }
  .button.ff {
    background: #f2d358; }
  .button:hover {
    cursor: pointer;
    opacity: 0.9; }
  .button .cover {
    width: 100%;
    height: 100%;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }

.graybut {
  display: inline-block;
  border: 0;
  padding: 0.6em 0;
  font-size: 2.4em;
  font-weight: 300;
  width: 100%;
  border-top-style: solid;
  border-top-color: #3D3E41;
  margin: 0.1em auto 0.5em;
  background: #313539;
  color: #989898; }

.label {
  letter-spacing: -0.02em;
  margin: 0;
  font-weight: 300;
  font-size: 1.9em; }
  .label svg {
    width: 40px;
    display: block;
    margin: auto;
    height: 80px; }
    .label svg path {
      fill: #ffffff; }

#smallBarChartContainer {
  width: 26%;
  height: 35%;
  position: absolute;
  left: 37%;
  bottom: 0;
  opacity: 0.9;
  background-color: rgba(141, 140, 153, 0.95);
  pointer-events: none;
  z-index: 10;
  padding: 0.5em; }
  #smallBarChartContainer li span {
    transition: height 0.25s ease; }
  #smallBarChartContainer label {
    text-align: center; }

.feature-empty {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.empty-slide {
  background: url("./../img/meeting-pulse-logo-new-black.svg") no-repeat 50% 40%;
  opacity: 0.15;
  width: 100% !important;
  height: 100% !important; }
  .empty-slide.notext {
    background-position-y: 50%; }

.empty-slide-notice {
  color: #323639;
  font-size: 2em;
  padding: 0 10%;
  font-weight: 700;
  letter-spacing: -0.05em;
  position: absolute;
  top: 50%;
  margin-top: 20px;
  text-align: center;
  width: 100%; }
  .empty-slide-notice .empty-slide-notice {
    top: 57%; }

.begin-holder .btn {
  display: inline-block;
  padding: 0.5em 0;
  width: 50%;
  min-width: 270px;
  font-size: 2.7em;
  margin: 0 auto 1em; }

.bubble-loader {
  display: inline-block;
  position: relative;
  margin-bottom: 1em;
  white-space: nowrap; }
  .bubble-loader div {
    animation: bubble 1s forwards infinite;
    transform: scale(0, 0);
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 12px #0abab5;
    display: inline-block;
    height: 2em;
    margin: 1.5em;
    width: 2em; }
    .bubble-loader div:nth-child(2), .bubble-loader div:nth-child(4) {
      animation-delay: 125ms;
      -webkit-animation-delay: 125ms; }
    .bubble-loader div:nth-child(1), .bubble-loader div:nth-child(5) {
      animation-delay: 250ms;
      -webkit-animation-delay: 250ms; }

@keyframes bubble {
  0% {
    transform: scale(0, 0); }
  12% {
    transform: scale(1.5, 1.5); }
  23% {
    transform: scale(0.5, 0.5); }
  34% {
    transform: scale(1.2, 1.2); }
  45% {
    transform: scale(1, 1); }
  85% {
    transform: scale(0, 0); } }

.plus-sign {
  background: #999;
  width: 1px;
  position: absolute;
  height: 2em;
  top: 2.1em;
  left: 8%;
  pointer-events: none; }
  .plus-sign::before {
    background: #999;
    content: "";
    height: 1px;
    position: absolute;
    top: 0.9em;
    width: 2.1em;
    left: -1em; }

.areaShown > .plus-sign {
  background: transparent; }

.check-sign {
  display: none;
  position: absolute;
  vertical-align: top;
  height: 35px;
  width: 40px;
  top: 1.5em;
  right: 3%;
  pointer-events: none; }

div.check-sign::before {
  background: #a0f264;
  /*border: 1px solid #a0f264; */
  content: "";
  position: absolute;
  height: 1px;
  left: 0.2em;
  top: 1.95em;
  width: 0.9em;
  transform: rotate(45deg); }

div.check-sign::after {
  background: #a0f264;
  /*border: 1px solid #a0f264; */
  content: "";
  position: absolute;
  height: 1.8em;
  height: 1.8em;
  left: 1.55em;
  top: 0.75em;
  width: 1px;
  transform: rotate(45deg); }

/* SCHEDULE */
#slide-schedule {
  background-color: #3b4044;
  padding: 0; }
  #slide-schedule .vw-schedule {
    position: relative;
    z-index: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden; }
    #slide-schedule .vw-schedule .schedule-attendees {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      max-height: 100%; }
    #slide-schedule .vw-schedule .empty-slide-notice::after {
      content: "Event schedule is not available yet"; }
    #slide-schedule .vw-schedule.own-only .empty-slide-notice::after {
      content: "There are no scheduled events for you yet"; }
  #slide-schedule .group h1 {
    color: Salmon;
    padding: 1.5em 0; }
  #slide-schedule .item-container {
    width: 100%;
    font-size: 1.25em;
    border: solid rgba(255, 255, 255, 0.1);
    border-width: 1px 0;
    margin-top: -1px; }
    #slide-schedule .item-container.selected .main .featured {
      display: block; }
    #slide-schedule .item-container.selected .highlighter {
      border: solid 2px #a0f264; }
  #slide-schedule .highlighter {
    padding: 0.2em;
    margin: 0.2em; }
  #slide-schedule .item {
    display: flex;
    flex-direction: row;
    max-width: 900px;
    margin: 0 auto;
    padding: 2em 0.5em; }
    #slide-schedule .item .time {
      flex: 0 0 auto;
      width: 3em;
      font-size: 1.5em; }
    #slide-schedule .item .main {
      flex-grow: 1;
      position: relative;
      padding: 0 1em;
      text-align: left; }
      #slide-schedule .item .main li {
        margin: 0.5em 0; }
      #slide-schedule .item .main .info {
        padding: 1em 0 0;
        font-weight: 300;
        opacity: 0.66; }
        #slide-schedule .item .main .info > * {
          display: inline-block;
          margin-right: 3em; }
      #slide-schedule .item .main .expandable {
        display: none;
        font-weight: 400; }
      #slide-schedule .item .main .duration h3 {
        padding-bottom: 0; }
      #slide-schedule .item .main .featured {
        position: absolute;
        display: none;
        top: -1.5em;
        padding: 0;
        color: #a0f264; }
        #slide-schedule .item .main .featured::after {
          content: "Featured"; }
      #slide-schedule .item .main h3 {
        font-size: 0.66em;
        font-weight: 400;
        text-transform: uppercase;
        padding: 1.5em 0; }
    #slide-schedule .item .expander {
      flex: 0 0 auto;
      width: 2em;
      font-size: 1.5em; }
      #slide-schedule .item .expander .icon {
        display: inline-block;
        transform-origin: center center;
        height: 1.25em;
        width: 1.25em; }
      #slide-schedule .item .expander.state-closed .icon {
        transform: rotate(90deg); }
      #slide-schedule .item .expander.state-open .icon {
        transform: rotate(-90deg); }

/* A B O U T    S L I D E */
#slide-about {
  height: 100%;
  width: 100%;
  line-height: 2; }
  #slide-about .vw-about {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden; }
    #slide-about .vw-about .vdomtree {
      max-height: 100%;
      overflow-y: auto; }
  #slide-about .about-attendee-wrapper {
    max-width: 800px;
    margin: 3em auto 2em; }
  #slide-about .about-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    text-align: left; }
    #slide-about .about-list li {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 0.6em 1.4em;
      font-size: 1.2em;
      letter-spacing: 0.1em;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
      #slide-about .about-list li:last-child {
        border-color: transparent; }
      #slide-about .about-list li .caption {
        flex: 1 0 auto; }
      #slide-about .about-list li .info {
        flex: 1 1 auto;
        text-transform: none;
        font-size: 1.3em;
        font-weight: 600;
        letter-spacing: -0.01em;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: right;
        margin-top: -0.15em;
        white-space: nowrap;
        padding-left: 0.75em; }
      #slide-about .about-list li a {
        text-decoration: underline; }
  #slide-about h5 {
    font-size: 1.5em;
    letter-spacing: 0.1em;
    text-transform: uppercase; }
  #slide-about p {
    font-size: 1.5em; }
    #slide-about p.mp-tagline {
      font-size: 1em;
      letter-spacing: 0.02em;
      font-weight: 100;
      line-height: 1.4em;
      margin-top: 0.5em; }
  #slide-about .login {
    display: none; }
  #slide-about .exit-meeting {
    color: Salmon;
    cursor: pointer; }
    #slide-about .exit-meeting .icon-logout {
      height: 1.2em; }
  #slide-about .get-your-mp {
    max-width: 29em;
    margin: 5em auto 0;
    padding: 2.6em;
    background-color: #323639; }
    #slide-about .get-your-mp a {
      text-decoration: underline; }
    #slide-about .get-your-mp .aboutScreenLogo {
      display: block;
      height: 50px;
      max-height: 75px;
      background: url("./../img/meeting-pulse-logo-new-white.svg") no-repeat 50% 40%;
      background-size: auto 50px;
      background-size: contain; }
    #slide-about .get-your-mp .underlogo {
      margin-top: 3.2em; }
    #slide-about .get-your-mp .formcontainer {
      width: 100%;
      max-width: 380px;
      margin: 0.8em auto 0;
      position: relative; }
      #slide-about .get-your-mp .formcontainer input {
        width: 100%;
        padding: 0.3em 0.4em;
        font-size: 1.5em;
        border: 1px solid rgba(255, 255, 255, 0.4); }
      #slide-about .get-your-mp .formcontainer button {
        display: inline-block;
        padding: 0 1em;
        background: #a0f264;
        font-size: 1.5em;
        border: 0;
        position: absolute;
        right: 5px;
        top: 5px;
        bottom: 5px; }
    #slide-about .get-your-mp .thankyou {
      display: block;
      font-size: 1.1em;
      margin: 0.8em auto;
      color: #8bff8b; }
  #slide-about .attendee_pp {
    margin: 0.8em 0 2em;
    border-top: none;
    padding: 0;
    opacity: 0.5;
    font-size: 1.12em; }
  #slide-about .custom_links {
    margin-top: 1.1em; }
    #slide-about .custom_links a {
      text-decoration: underline; }
  #slide-about .attendee_pp {
    border-top: solid 1px rgba(255, 255, 255, 0.1);
    display: block;
    padding: 3em 0 0.8em;
    margin-top: 2em;
    opacity: 0.4;
    clear: both;
    font-size: 1em; }
    #slide-about .attendee_pp a {
      font-size: 1em !important;
      text-decoration: underline; }

.announceScreen {
  background-color: rgba(59, 64, 68, 0.97);
  padding: 2.5em; }
  .announceScreen .announce {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%; }
  .announceScreen .announce-status {
    text-align: center;
    font-size: 0.85em;
    font-weight: 500;
    letter-spacing: 1.5px;
    padding-bottom: 1.5em;
    text-transform: uppercase; }
  .announceScreen .announce-status .announce-time {
    opacity: 0.4; }
  .announceScreen .announce-box {
    max-width: 800px;
    line-height: 1.8em;
    font-size: 1.5em;
    color: #fcfcfc;
    padding: 1em 1.5em;
    border: 2px solid #fcfcfc;
    resize: none;
    margin: 0 auto;
    justify-content: center;
    align-items: center; }
    .announceScreen .announce-box .announce-text {
      font-size: 1.1em;
      letter-spacing: 0.5px; }
      .announceScreen .announce-box .announce-text a.inline, .announceScreen .announce-box .announce-text a.inline:hover, .announceScreen .announce-box .announce-text a.inline:visited {
        border-bottom: dotted 1px rgba(252, 252, 252, 0.6);
        text-decoration: none; }
    .announceScreen .announce-box .announce-container {
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .announceScreen .announce-btn {
    background: #c3bfcd;
    color: #1e2022;
    padding: 0 3em;
    margin: 1em 0 0.5em;
    font-size: 0.8em;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    justify-content: center;
    align-items: center; }
    .announceScreen .announce-btn:active {
      background-clip: padding-box;
      border-top: solid 0.2em transparent;
      border-bottom-width: 0; }

/* M E E T I N G   E N D E D */
.meeting-end {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3b4044; }
  .meeting-end .content {
    position: relative;
    width: 100%;
    height: 100%; }
  .meeting-end header {
    height: 5.5em;
    padding-top: 0; }
    .meeting-end header h1 {
      margin: 0;
      font-weight: 300;
      padding-top: 0.7em;
      font-size: 2em;
      opacity: 0.2; }
  .meeting-end section {
    width: 100%;
    min-width: 300px;
    margin: auto; }
  .meeting-end .modalInput {
    width: 100%;
    padding: 0.5em 0.2em;
    border: 0;
    background: #e7e7e7;
    color: #333; }
    .meeting-end .modalInput[type=text], .meeting-end .modalInput[type=password], .meeting-end .modalInput[type=email], .meeting-end .modalInput[type=url] {
      width: 100%;
      padding: 0.5em 0.2em;
      font-size: 1.7em;
      border: 0;
      background: #e7e7e7;
      color: #333; }
  .meeting-end button.flat {
    font-size: 2.2em; }
  .meeting-end #tweetText {
    margin-bottom: 0px;
    margin-top: 0px; }
  .meeting-end h5 {
    font-weight: 100;
    margin-bottom: 9%;
    font-size: 1.4em; }
  .meeting-end .accept-default {
    margin-top: 0.5em;
    float: right;
    font-size: 0.8em; }

.meeting-end button.graybut.active {
  background: #5CD557;
  border-bottom-color: #388F3F;
  color: #222; }

.meeting-end .block-title {
  display: block;
  font-size: 1.5em;
  padding: 0.5em 0; }

.meeting-end #presenterLinkArea a {
  font-size: 2em;
  color: #d4dc00;
  border-bottom: solid 1px #d4dc00; }
  .meeting-end #presenterLinkArea a:hover {
    text-decoration: none; }

#followPresenter {
  display: block;
  font-size: 1.7em;
  color: #999;
  margin-top: 0.2em; }

.powered-by-mp {
  font-size: 0.94em !important;
  line-height: 3em;
  background: url("./../img/meeting-pulse-logo-white-bubble.png") no-repeat 0 100%;
  background-size: 3em;
  background-position: right center;
  display: inline-block;
  padding: 0 4em 0 0; }
  .powered-by-mp b {
    font-weight: 800;
    font-size: 1.4em;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0.09em; }

.meeting-end footer {
  width: 100%;
  padding: 2em 0.5em 3em; }

.meeting-end .survey .block-title {
  color: #a0f264;
  margin-bottom: 1em !important;
  border-bottom: solid 1px; }

.meeting-end .blockcontent .greenBut {
  display: inline-block;
  padding: 0.5em 0;
  font-size: 1.7em;
  margin: 0.1em auto 0;
  width: 100%; }

.meeting-end .endScreenHeader {
  font-size: 1.3em;
  display: inline-block;
  margin: 0.8em auto;
  padding: 0 1em;
  color: #8bff8b; }
  .meeting-end .endScreenHeader .icon {
    margin-right: 0.5em; }

@media all and (max-width: 1024px) {
  .meeting-end .followupblock {
    padding-right: 10%;
    padding-left: 10%; } }

@media all and (max-width: 641px) {
  .meeting-end .followupblock {
    padding-right: 5%;
    padding-left: 5%; } }

/* MATERIALS */
#slide-materials {
  padding: 0.2em 0; }
  #slide-materials .empty-slide-notice::after {
    content: "No materials currently available"; }
  #slide-materials .materials-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    padding: 0 1.2em 1.2em; }
  #slide-materials .materials-list {
    max-height: 100%; }
    #slide-materials .materials-list .material-entry {
      position: relative;
      width: 100%;
      max-width: 900px;
      margin: 1em auto;
      cursor: pointer; }
      #slide-materials .materials-list .material-entry > * {
        background-color: var(--secondary-background-color); }
      #slide-materials .materials-list .material-entry .left-row {
        margin-right: 2px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5em;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        #slide-materials .materials-list .material-entry .left-row .icon {
          font-size: 2em;
          color: var(--secondary-font-color); }
      #slide-materials .materials-list .material-entry .right-row {
        margin-left: 5em;
        border-left: solid 1px #3b4044;
        text-align: left;
        padding: 1.5em; }
        #slide-materials .materials-list .material-entry .right-row .caption {
          display: block;
          font-size: 1.5em;
          line-height: 1.2em;
          font-weight: 600;
          color: var(--secondary-font-color);
          text-decoration: none !important; }
        #slide-materials .materials-list .material-entry .right-row .href {
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          #slide-materials .materials-list .material-entry .right-row .href .icon {
            margin-left: 0.4em; }

/* SELFIES */
#slide-selfies {
  background-color: #3b4044; }
  #slide-selfies .vw-selfies > .vdomtree {
    height: 100%;
    width: 100%; }
  #slide-selfies .vw-selfies.selected-page-overview .tpl-selfies-page.preview {
    display: none; }
  #slide-selfies .vw-selfies.selected-page-preview .tpl-selfies-page.overview {
    display: none; }
  #slide-selfies .selfies-page {
    height: 100%;
    width: 100%; }
  #slide-selfies .overview {
    position: relative; }
    #slide-selfies .overview .empty-slide {
      position: absolute;
      z-index: -1; }
    #slide-selfies .overview::after {
      content: "";
      padding: 5em; }
    #slide-selfies .overview .scroller {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 6em; }
    #slide-selfies .overview .photos-collection {
      width: 100%;
      max-width: 900px;
      padding: 3vmin;
      margin: 0 auto;
      column-count: 2;
      column-span: none;
      column-gap: 3vmin;
      column-fill: balance;
      font-size: 0; }
      @media all and (min-width: 640px) {
        #slide-selfies .overview .photos-collection {
          column-count: 3; } }
      @media all and (max-width: 320px) {
        #slide-selfies .overview .photos-collection {
          column-count: 2; } }
      #slide-selfies .overview .photos-collection .selfie {
        display: inline-block;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        margin: 0 0 3vmin;
        opacity: 0; }
        #slide-selfies .overview .photos-collection .selfie.loaded {
          opacity: 1;
          transition: opacity 0.2s linear; }
        #slide-selfies .overview .photos-collection .selfie.hidden {
          display: none; }
        #slide-selfies .overview .photos-collection .selfie .img-local-wrapper {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 20; }
        #slide-selfies .overview .photos-collection .selfie a {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 10; }
        #slide-selfies .overview .photos-collection .selfie img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          max-height: 100%; }
          #slide-selfies .overview .photos-collection .selfie img.img-local {
            transform-origin: center center;
            height: 100%; }
          #slide-selfies .overview .photos-collection .selfie img.exif-8 {
            transform: rotate(-90deg); }
          #slide-selfies .overview .photos-collection .selfie img.exif-3 {
            transform: rotate(180deg); }
          #slide-selfies .overview .photos-collection .selfie img.exif-6 {
            transform: rotate(90deg); }
        #slide-selfies .overview .photos-collection .selfie .upload-cover {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(0, 0, 0, 0.33);
          z-index: 30; }
        #slide-selfies .overview .photos-collection .selfie .upload-spinner {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateY(-50%) translateX(-50%);
          height: 3rem;
          width: 3rem; }
          #slide-selfies .overview .photos-collection .selfie .upload-spinner::before {
            content: "";
            display: block;
            height: 100%;
            background-color: white;
            animation: rotateplane 2.4s infinite ease-in-out; }
        #slide-selfies .overview .photos-collection .selfie .upload-progress {
          position: absolute;
          bottom: 0;
          left: 0;
          height: 0.5rem;
          background-color: rgba(255, 255, 255, 0.75);
          border: solid 1px rgba(0, 0, 0, 0.75);
          box-sizing: border-box; }
    #slide-selfies .overview .take-photo {
      position: absolute;
      z-index: 50;
      bottom: 0;
      font-size: 1.7em;
      text-transform: uppercase;
      white-space: nowrap;
      padding: 0.8em 0;
      display: block;
      width: 100%;
      background-color: #98ffa2;
      cursor: pointer;
      color: #3b4044;
      font-weight: 600;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
    #slide-selfies .overview input[type=file] {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 5em;
      width: 100%;
      z-index: 60;
      opacity: 0;
      cursor: pointer; }
  #slide-selfies .preview {
    padding: 6em 2em 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden; }
    #slide-selfies .preview .controls {
      position: absolute;
      top: 2em;
      left: 2em;
      right: 2em;
      cursor: pointer; }
      #slide-selfies .preview .controls a {
        text-decoration: none !important;
        font-weight: 300;
        font-size: 2em; }
      #slide-selfies .preview .controls a:first-child {
        float: left; }
      #slide-selfies .preview .controls a:last-child {
        float: right; }
    #slide-selfies .preview .scroller {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      top: 6em;
      padding: 0 2em;
      overflow: auto; }
    #slide-selfies .preview .preview-main {
      width: 100%;
      max-width: 900px;
      margin: 0 auto 2em; }
      #slide-selfies .preview .preview-main > * {
        margin: 1em 0; }
      #slide-selfies .preview .preview-main h2 {
        font-weight: 400;
        font-size: 2.5em; }
      #slide-selfies .preview .preview-main .img-wrapper {
        position: relative;
        display: inline-block;
        overflow: hidden;
        box-sizing: border-box;
        height: 0%;
        width: 100%;
        margin: 0 auto; }
        #slide-selfies .preview .preview-main .img-wrapper .img-scaler {
          transform-origin: center;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0; }
        #slide-selfies .preview .preview-main .img-wrapper img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          transform-origin: center; }
        #slide-selfies .preview .preview-main .img-wrapper.exif-8 img {
          transform: rotate(-90deg); }
        #slide-selfies .preview .preview-main .img-wrapper.exif-3 img {
          transform: rotate(180deg); }
        #slide-selfies .preview .preview-main .img-wrapper.exif-6 img {
          transform: rotate(90deg); }
      #slide-selfies .preview .preview-main input {
        font-size: 1.7em;
        width: 100%; }
      #slide-selfies .preview .preview-main input[type=text]::-webkit-input-placeholder, #slide-selfies .preview .preview-main input[type=number]::-webkit-input-placeholder, #slide-selfies .preview .preview-main textarea::-webkit-input-placeholder {
        text-align: center; }
      #slide-selfies .preview .preview-main input[type=text]:-moz-placeholder, #slide-selfies .preview .preview-main input[type=number]:-moz-placeholder, #slide-selfies .preview .preview-main textarea:-moz-placeholder {
        text-align: center; }
      #slide-selfies .preview .preview-main input[type=text]::-moz-placeholder, #slide-selfies .preview .preview-main input[type=number]::-moz-placeholder, #slide-selfies .preview .preview-main textarea::-moz-placeholder {
        text-align: center; }
      #slide-selfies .preview .preview-main input[type=text]:-ms-input-placeholder, #slide-selfies .preview .preview-main input[type=number]:-ms-input-placeholder, #slide-selfies .preview .preview-main textarea:-ms-input-placeholder {
        text-align: center; }
      #slide-selfies .preview .preview-main input[type=text]::placeholder, #slide-selfies .preview .preview-main input[type=number]::placeholder, #slide-selfies .preview .preview-main textarea::placeholder {
        text-align: center; }
      #slide-selfies .preview .preview-main button {
        display: block;
        border-bottom: 0;
        width: 100%;
        padding: 0.5em 0;
        font-size: 1.7em;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #3b4044; }

body #swipebox-overlay {
  background-color: rgba(59, 64, 68, 0.95); }
  body #swipebox-overlay a {
    color: white; }
  body #swipebox-overlay .slide img {
    max-height: 80vh;
    max-width: 80vw; }

body #swipebox-top-bar, body #swipebox-bottom-bar {
  color: white;
  font-weight: 400;
  background-color: #313538;
  text-shadow: none;
  opacity: 1; }

body #swipebox-close {
  background-color: #313538; }

/* SPECIAL MENU FOR EMBEDDED VERSION */
.embedmenu {
  text-align: left; }
  .embedmenu a {
    display: inline-block;
    padding: 0.1em 0.5em;
    color: #555;
    margin: 0.05em;
    font-weight: 300;
    font-size: 3.1em;
    cursor: pointer;
    text-decoration: none; }
    .embedmenu a:hover {
      background: rgba(255, 255, 255, 0.05);
      color: #777;
      text-decoration: none; }
  .embedmenu .active {
    border: solid 1px white;
    color: white; }
    .embedmenu .active:hover {
      background: transparent;
      color: white;
      cursor: default; }
  .embedmenu .people-count-div {
    float: right;
    color: white;
    margin: 1em 1em 0 0;
    font-size: 1.5em; }
    .embedmenu .people-count-div svg {
      height: 1.5em;
      vertical-align: top; }

.join-query-modal .headers {
  position: relative;
  margin-bottom: 0.3em;
  margin-top: 1em; }
  .join-query-modal .headers h4 {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 2em; }
  .join-query-modal .headers h3 {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 17px; }

.join-query-modal .flex-content {
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .join-query-modal .flex-content .flex-center {
    max-width: 280px;
    min-height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .join-query-modal .flex-content .flex-center > * {
      flex-shrink: 0; }

.join-query-modal input, .join-query-modal input:active, .join-query-modal input:focus {
  width: 100%;
  margin-bottom: 0.5em;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  background-color: #fff;
  color: #3a4044; }
  .join-query-modal input.invalid, .join-query-modal input:active.invalid, .join-query-modal input:focus.invalid {
    animation: shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    perspective: 1000px; }

.join-query-modal button {
  width: 100%;
  padding: 0.5em 0;
  font-size: 23px;
  color: #3a4044;
  background-color: #99f318;
  font-weight: 600; }
  .join-query-modal button.disabled {
    opacity: 0.66; }

.join-query-modal .hint {
  display: block;
  margin-top: 1.4em;
  margin-bottom: 4em;
  font-size: 15px;
  opacity: 0.5; }

.join-query-modal .tpl-send-code-toggle {
  margin-top: 1.5em;
  color: #A0F264;
  text-decoration: underline;
  margin-bottom: 2em;
  font-size: 16px; }

.join-query-modal .send-code-area span {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 2em; }

.join-query-modal .send-code-form input {
  margin-bottom: 0;
  text-align: left;
  font-size: 20px; }

.join-query-modal .send-code-form button {
  padding: 1.6%; }

.join-query-modal #sendCodeSuccessMessage {
  font-size: 16px; }

.join-query-modal #sendCodeLimitMessage {
  color: #FF5050;
  font-size: 16px;
  font-weight: 600; }

.join-query-modal #sendCodeInputError {
  color: #FF5050;
  font-size: 16px;
  font-weight: 500; }

#data-prompt-modal button {
  margin-bottom: 3em; }

#data-prompt-modal .multi-form button {
  margin-top: 1em; }

#data-prompt-modal,
#password-modal,
#multipass-modal {
  z-index: 1601; }
  #data-prompt-modal + .modal-backdrop,
  #password-modal + .modal-backdrop,
  #multipass-modal + .modal-backdrop {
    z-index: 1600;
    opacity: 1; }

@keyframes shake {
  10%, 90% {
    transform: translate3d(-0.5em, 0, 0); }
  20%, 80% {
    transform: translate3d(1em, 0, 0); }
  30%, 50%, 70% {
    transform: translate3d(-2em, 0, 0); }
  40%, 60% {
    transform: translate3d(2em, 0, 0); } }

@media all and (min-width: 641px) {
  body:not(.splitscreen) .attendee #menu a {
    display: inline-block;
    width: 145px;
    padding: 0.6em 0;
    margin-bottom: 0.5em;
    text-align: center; }
  body:not(.splitscreen) .lastrow {
    display: block;
    width: 100%; }
  body:not(.splitscreen) #menu .questionCount {
    position: absolute;
    top: 0;
    right: -40px;
    padding: 0.2em 0;
    text-align: left; }
  body:not(.splitscreen) .button {
    width: 45%; }
  body:not(.splitscreen) .label {
    font-size: 2.9em; }
    body:not(.splitscreen) .label svg {
      display: inline; }
  body:not(.splitscreen) #smallBarChartContainer {
    width: 20%;
    height: 35%;
    left: 40%;
    bottom: 0;
    opacity: 0.95; }
  body:not(.splitscreen) .send-code-area {
    width: 400px;
    align-self: center; }
  body:not(.splitscreen) .send-code-form {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 1em 1em 0.5em; }
    body:not(.splitscreen) .send-code-form input {
      margin-right: 1em;
      max-width: 70%; }
    body:not(.splitscreen) .send-code-form button {
      width: 30%; } }

@media only screen and (max-width: 600px) {
  body:not(.splitscreen) .send-code-form input {
    margin-top: 1em;
    width: 100%; }
  body:not(.splitscreen) .send-code-form button {
    margin-top: 1em;
    width: 50%; } }

@media all and (min-width: 1025px) {
  body:not(.splitscreen) {
    font-size: 1.8em; }
    body:not(.splitscreen) .attendee #menu a {
      width: 250px; }
    body:not(.splitscreen) #menu .questionCount {
      right: -5px; } }

/* P O R T R A I T */
/* @media (orientation: portrait) */
/* L A N D S C A P E */
@media (orientation: landscape) {
  .button {
    height: 39%; }
  .loginwith {
    padding: 3% 0; }
  .login.cancel {
    margin-top: 0%; } }


/*# sourceMappingURL=attendee.css.map*/