:root {
  --color-white:#ffffff;
  --color-base-0-lightest:#f6f6f6;
  --color-base-0-lighter:#c0c1c4;
  --color-base-0:#9c9fa3;
  --color-base-0-darker:#646668;
  --color-base-0-darkest:#393a3c;
  --color-base-1-lightest:#cdcde7;
  --color-base-1-lighter:#686bc7;
  --color-base-1:#4149a8;
  --color-base-1-darker:#2a2f6b;
  --color-base-1-darkest:#4149a8;
  --color-base-2-lightest:#d0efe5;
  --color-base-2-lighter:#5cc8a5;
  --color-base-2:#00aa72;
  --color-base-2-darker:#007c53;
  --color-base-2-darkest:#004e34;
  --color-base-3-lightest:#fad7d2;
  --color-base-3-lighter:#f3a297;
  --color-base-3:#ed6d5c;
  --color-base-3-darker:#ad5043;
  --color-base-3-darkest:#6c322a;
  --color-base-4-lightest:#fef1cc;
  --color-base-4-lighter:#fbd466;
  --color-base-4:#f8b800;
  --color-base-4-darker:#ad8000;
  --color-base-4-darkest:#634900;
  --balloon-url-2: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M20 0H0v20C0 9 9 0 20 0z" fill="%2300aa72"/></svg>');
  --balloon-url-0: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M20 0H0v20C0 9 9 0 20 0z" fill="%23f5f5f5"/></svg>');
  --balloon-url-1: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M20 0H0v20C0 9 9 0 20 0z" fill="%234149a8"/></svg>');
  --balloon-url-3:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M20 0H0v20C0 9 9 0 20 0z" fill="%23ed6d5c"/></svg>');
  --balloon-url-4:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M20 0H0v20C0 9 9 0 20 0z" fill="%23f8b800"/></svg>');
  --balloon-url-white: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M20 0H0v20C0 9 9 0 20 0z" fill="%23ffffff"/></svg>');
  --border-radius-big:36px;
  --border-radius-regular:22px;
  --balloon-width:2rem;
  --balloon-height:2rem;
}
.balloon, .blink {
  border-top-left-radius: var(--border-radius-big);
  border-top-right-radius: var(--border-radius-big);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--border-radius-big);
  position: relative;
  padding-bottom: 2rem;
}
.balloon:after, .blink:after {
  content: "";
  height: var(--balloon-height);
  width: var(--balloon-width);
  left: 0;
  position: absolute;
  display: block;
  top: 100%;
}
.balloon-blue {
  background: var(--color-base-1);
}
.balloon-green {
  background: var(--color-base-2);
}
.balloon-red {
  background: var(--color-base-3);
}
.balloon-yellow {
  background: var(--color-base-4);
}
.balloon-gray {
  background: var(--color-base-0);
}
.balloon-white {
  background: var(--color-white);
}
.balloon-blue:after {
  background: var(--balloon-url-1);
}
.balloon-green:after {
  background: var(--balloon-url-2);
}
.balloon-red:after {
  background: var(--balloon-url-3);
}
.balloon-yellow:after {
  background: var(--balloon-url-4);
}
.balloon-gray:after {
  background: var(--balloon-url-0);
}
.balloon-white:after {
  background: var(--balloon-url-white);
}
.blink:after {
  background: var(--balloon-url-white);
}

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:colors] [138.3878] DESIGN*/
/*******************************************************************/
/* 0.2 D>D */
/* db 208 */