.avatar___2HOIe {
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  border-radius: 100%;
  display: inline-block;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  /* Remove blank space under img https://codepen.io/Kseso/pen/ovErt/ */
  vertical-align: top; }

.box___2qMe7.grid___vV1f4 {
  display: grid; }

.box___2qMe7.flex___rqfgo {
  display: flex; }
  .box___2qMe7.flex___rqfgo.flexCol___UTyLS {
    flex-direction: column; }
  .box___2qMe7.flex___rqfgo.flexRow___2U7KI {
    flex-direction: row; }
  .box___2qMe7.flex___rqfgo.spaceBetween___2alLs {
    justify-content: space-between; }

.btn___12EFz {
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: var(--zati-color-white);
  font: var(--zati-defaults-type);
  line-height: 3rem;
  outline: none;
  padding: 0 var(--zati-defaults-element-padding);
  text-decoration: none;
  transition: 0.4s ease box-shadow;
  white-space: nowrap;
  display: block;
  /* FIXME default? */ }

.compact___1Gb4e {
  line-height: calc(2.6 * 1rem);
  padding: 0 var(--zati-defaults-element-padding-compact); }

.block___3uYQQ {
  display: block;
  width: 100%; }

.inline___2hPbX {
  display: inline-block;
  width: auto; }

.rounded___2hRu2 {
  border-radius: var(--zati-defaults-border-radius); }

.disabled___1LIKi {
  background-color: var(--zati-color-grey-lighter) !important;
  color: var(--zati-color-grey-light);
  pointer-events: none; }
  .disabled___1LIKi.transparent___2gcTo {
    background-color: transparent !important;
    opacity: 0.5; }

.link___2b7nV {
  background-color: transparent;
  color: var(--zati-color-blue);
  text-decoration: underline;
  transition: 0.4s ease; }
  .link___2b7nV:focus, .link___2b7nV:hover {
    background-color: var(--zati-color-grey-lighter); }

.error___37JbX {
  background-color: var(--zati-color-red); }
  .error___37JbX:focus, .error___37JbX:hover {
    box-shadow: 0 0 0 4px var(--zati-color-red-light); }

.primary___2-nup {
  background-color: var(--zati-color-blue); }
  .primary___2-nup:focus, .primary___2-nup:hover {
    box-shadow: 0 0 0 4px var(--zati-color-blue-light); }

.secondary___TLPU_ {
  background-color: var(--zati-color-purple); }
  .secondary___TLPU_:focus, .secondary___TLPU_:hover {
    box-shadow: 0 0 0 4px var(--zati-color-purple-light); }

.warning___1OG3D {
  background-color: var(--zati-color-yellow); }
  .warning___1OG3D:focus, .warning___1OG3D:hover {
    box-shadow: 0 0 0 4px var(--zati-color-yellow-light); }

.none___2hwom {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  height: auto;
  font-size: inherit;
  font-weight: inherit;
  line-height: unset;
  padding: 0; }

.transparent___2gcTo {
  background-color: transparent; }
  .transparent___2gcTo:focus, .transparent___2gcTo:hover {
    background-color: rgba(155, 155, 155, 0.1); }

.outline___rfQ1s {
  background-color: var(--zati-color-white); }
  .outline___rfQ1s.primary___2-nup {
    border: 1px solid var(--zati-color-blue);
    color: var(--zati-color-blue); }

.hoverFadeDark___1mUYt {
  box-shadow: none;
  outline: none; }
  .hoverFadeDark___1mUYt:focus, .hoverFadeDark___1mUYt:hover {
    box-shadow: none;
    background-color: var(--zati-color-purple-dark);
    color: var(--zati-color-white); }

.iconBtn___2fz6C {
  cursor: pointer; }
  .iconBtn___2fz6C:hover svg path {
    fill: var(--zati-color-blue); }

/* stylelint-disable */

/* stylelint-disable */

.card___1iQCM {
  background: var(--zati-color-white);
  border: var(--zati-defaults-border);
  border-radius: 4px; }
  .card___1iQCM.bordered___2bQHT {
    border-left: 3px solid var(--zati-color-grey); }
    .card___1iQCM.danger___1CAE1.bordered___2bQHT {
      border-color: var(--zati-color-red);
      border-left: 3px solid var(--zati-color-red); }
    .card___1iQCM.primary___ZDHU2.bordered___2bQHT {
      border-color: var(--zati-color-blue);
      border-left: 3px solid var(--zati-color-blue); }
    .card___1iQCM.warning___1S16o.bordered___2bQHT {
      border-color: var(--zati-color-yellow);
      border-left: 3px solid var(--zati-color-yellow); }
  .card___1iQCM.padded___JPSQJ .body___PgxPU {
    padding: var(--spacer-l); }

.title___3nryf {
  background-color: var(--zati-color-grey-lighter);
  border-radius: 4px 4px 0 0;
  color: var(--zati-color-grey-darkest);
  line-height: var(--zati-defaults-element-height);
  padding: 0 var(--spacer-l);
  white-space: nowrap; }
  .danger___1CAE1 > .title___3nryf {
    background-color: var(--zati-color-red-lightest);
    color: var(--zati-color-red); }
  .primary___ZDHU2 > .title___3nryf {
    background-color: var(--zati-color-blue-lightest);
    color: var(--zati-color-blue); }
  .warning___1S16o > .title___3nryf {
    background-color: var(--zati-color-yellow-lightest);
    color: var(--zati-color-yellow); }

.checkbox___1-SIa {
  align-items: center;
  cursor: pointer;
  display: flex;
  background-color: var(--zati-color-white);
  border: 1px solid var(--zati-defaults-color-border);
  border-radius: 4px;
  justify-content: center;
  height: 24px;
  outline: none;
  position: relative;
  width: 24px; }
  .checkbox___1-SIa:focus, .checkbox___1-SIa:hover {
    border-color: var(--zati-color-blue-light); }
  .checkbox___1-SIa input {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0; }
  .checkbox___1-SIa.checked___3mr-0 {
    border-color: var(--zati-color-blue-light); }

.compact___1PcWN {
  height: 18px;
  width: 18px; }

.date___eKwRd {
  border-bottom: 1px solid var(--zati-color-blue);
  display: inline-block;
  padding-bottom: 2px; }

.time___3lH7S {
  border-bottom: 1px solid var(--zati-color-blue);
  display: inline-block;
  padding-bottom: 2px; }

.datetime___2PuBR {
  display: inline-block !important;
  line-height: 48px !important; }
  .datetime___2PuBR > div {
    color: var(--zati-color-grey-dark);
    font-family: var(--zati-defaults-type); }
    .datetime___2PuBR > div:before {
      border-bottom: 1px solid var(--zati-color-blue); }
    .datetime___2PuBR > div:hover {
      color: var(--zati-color-grey-darkest); }
      .datetime___2PuBR > div:hover:before {
        border-bottom: 2px solid var(--zati-color-purple) !important; }

.input___82krq,
.textarea___1JbbT {
  background-color: var(--zati-color-white);
  border: 1px solid var(--zati-defaults-color-border);
  border-radius: 4px;
  color: var(--zati-color-grey-dark);
  font: var(--zati-defaults-type);
  line-height: 48px;
  outline: none;
  padding: 0 24px;
  transition: 0.4s ease box-shadow, 0.4s ease border-color;
  width: 100%; }
  .input___82krq::placeholder,
  .textarea___1JbbT::placeholder {
    color: var(--zati-color-grey-light); }
  .input___82krq[disabled],
  .textarea___1JbbT[disabled] {
    background-color: var(--zati-color-grey-lightest); }
  .input___82krq:focus,
  .textarea___1JbbT:focus {
    border-color: var(--zati-color-blue-light);
    box-shadow: 0 0 0 4px rgba(var(--zati-color-blue-lightest), 0.4);
    color: var(--zati-color-grey-darkest); }

.textarea___1JbbT {
  line-height: var(--spacer-l);
  padding: var(--spacer-m) var(--spacer-l); }

.compact___jYkYe {
  line-height: calc(2.6 * 1rem);
  padding: 0 var(--spacer-m); }

.link___A5IkD {
  color: var(--zati-color-blue);
  cursor: pointer;
  text-decoration: none; }
  .link___A5IkD:hover {
    text-decoration: underline; }

.underline___1t5lt {
  text-decoration: underline; }

.list___WfWgh {
  background-color: var(--zati-color-white);
  border: var(--zati-defaults-border);
  border-radius: var(--zati-defaults-border-radius);
  text-decoration: none; }

.listItem___12947 {
  line-height: 48px;
  padding: 0 var(--spacer-m); }
  .listItem___12947:not(:last-child) {
    border-bottom: var(--zati-defaults-border); }

.loader___37srX {
  --dot-color: var(--zati-color-grey-light);
  --dot-size: 11px;
  display: inline-block;
  position: relative;
  width: calc(var(--dot-size) * 4);
  height: var(--dot-size); }
  .loader___37srX div {
    position: absolute;
    width: var(--dot-size);
    height: var(--dot-size);
    border-radius: 50%;
    background-color: var(--dot-color);
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease; }
    .loader___37srX div:nth-child(1) {
      animation-name: loaderAnimation1___1aufx; }
    .loader___37srX div:nth-child(2) {
      animation-name: loaderAnimation2___2AJaG; }
    .loader___37srX div:nth-child(3) {
      left: calc(var(--dot-size) * 1.5);
      animation-name: loaderAnimation2___2AJaG; }
    .loader___37srX div:nth-child(4) {
      left: calc(var(--dot-size) * 3);
      animation-name: loaderAnimation3___1Pq3x; }

@keyframes loaderAnimation1___1aufx {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes loaderAnimation2___2AJaG {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(calc(var(--dot-size) * 1.4), 0); } }

@keyframes loaderAnimation3___1Pq3x {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

.input___2fsiA {
  align-items: center;
  background-color: var(--zati-color-white);
  border: 1px solid var(--zati-defaults-color-border);
  border-radius: 4px;
  display: flex;
  height: 50px;
  justify-content: center;
  outline: none;
  padding: 0 24px;
  transition: 0.4s ease box-shadow, 0.4s ease border-color;
  width: 100%; }

.pill___Eq3p8 {
  background-color: var(--zati-color-grey-light);
  border-radius: 10rem;
  color: var(--zati-defaults-color-text);
  line-height: 1.2rem !important;
  padding: 0 0.6rem; }

/* use --zati-defaults-element-height */
.table___2E1Ty {
  border-spacing: 0 1em;
  display: grid;
  grid-auto-columns: 1fr; }

.td___Xs9ZZ, .th___F35Dy {
  align-items: center;
  background-color: var(--zati-color-white);
  border-bottom: 1px solid var(--zati-defaults-color-border);
  display: inline-flex;
  height: var(--zati-defaults-element-height);
  padding: 0 var(--zati-defaults-element-padding); }

.th___F35Dy {
  background-color: var(--zati-color-grey-lighter);
  color: var(--zati-color-grey-dark); }

.wide___1meIY {
  height: 4.375rem; }

.tooltip___3hw9t {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  color: var(--zati-color-white);
  padding: 4px 8px; }
  .tooltip___3hw9t.bottomTooltip___1d5s8 {
    margin-top: 8px; }
  .tooltip___3hw9t.topTooltip___3aX79 {
    margin-bottom: 8px; }

.inherit___2Wg8d {
  display: inline-block; }

.normal___2S_x6, .h1___1kOU0, .h2___2z5KZ, .h3___6QXj_, .lead___2crxb, .caption___NpoPG {
  display: inline-block;
  font: var(--zati-defaults-type); }

.h1___1kOU0 {
  font-size: 2.25rem;
  font-weight: var(--zati-type-regular);
  line-height: 2.25rem; }

.h2___2z5KZ {
  font-size: 1.6875rem;
  font-weight: var(--zati-type-regular);
  line-height: 1.6875rem; }

.h3___6QXj_ {
  font-size: 1.125rem;
  font-weight: var(--zati-type-semi-bold);
  line-height: 1.125rem; }

.lead___2crxb {
  color: var(--zati-color-grey);
  font-size: 1.125rem;
  font-weight: var(--zati-type-regular);
  line-height: 1.125rem; }

.caption___NpoPG {
  font-size: 0.75rem;
  line-height: 0.75rem; }

.clamp___BNJrW {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.hasIcon___2JQNZ {
  align-items: center;
  display: inline-flex; }

.strong___M3Bpn {
  font-weight: 600; }

.compact___15EFt {
  line-height: 1em; }

.regular___3hbgk {
  line-height: 1.5em; }

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

.wide___3Lz7Q {
  line-height: 2em; }

.block___22zSa {
  display: block; }

.breakWord___37kxT {
  word-break: break-word; }

.base___cvo8s {
  color: black;
  margin: 5px;
  display: flex;
  justify-content: space-around; }

.active___2Klei {
  background-color: var(--zati-color-grey-lighter); }

.paginationContainer___194O- {
  display: flex;
  justify-content: space-between;
  bottom: 0%;
  position: sticky; }

.backdrop___2oXGS {
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500; }

.closeButton___Tmac0 {
  border-radius: 3px;
  font-size: 0.8rem;
  margin-left: 0.5rem; }
  .closeButton___Tmac0 :hover {
    cursor: pointer; }

.content___TfFaf {
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto; }

.header___CPFri {
  border-radius: var(--zati-defaults-border-radius);
  display: flex;
  justify-content: space-between;
  padding: 0.3rem; }

.headerText___3vnk_ {
  align-self: center;
  color: var(--zati-color-grey-darkest); }

.wrapper___cNy_k {
  left: 50%;
  outline: 0;
  position: fixed;
  top: 10%;
  transform: translate(-50%);
  z-index: 700; }

.styledModal___nCAIl {
  background: var(--zati-color-white);
  border-radius: var(--zati-defaults-border-radius);
  margin: auto;
  position: relative;
  z-index: 100; }

.toastsContainer___33j6U {
  position: fixed;
  right: 0;
  top: 0; }

.discussed___J_bAL {
  opacity: 0.4; }

.toggleWrapper___1EZxe:hover {
  cursor: pointer; }

.flexContainer___2G0dn {
  display: flex;
  flex-direction: row; }

.alignItem___3tyaV {
  word-break: keep-all;
  padding-left: 1em; }

/* stylelint-disable */

/* stylelint-disable */

:root {
  --dimensionYNarrow: 3rem;
  --dimensionYRegular: 3.5rem;
  --dimensionYWide: 4rem;
  --spacer-xxs: 0.125rem;
  --spacer-xs: 0.25rem;
  --spacer-s: 0.5rem;
  --spacer-m: 1rem;
  --spacer-l: 1.5rem;
  --spacer-xl: 2.25rem;
  --spacer-xxl: 3rem;
  --zati-color-red: #f65e23;
  --zati-color-yellow: #e9b20a;
  --zati-color-blue: #14c2e7;
  --zati-color-purple: #543ac1;
  --zati-color-white: #fff;
  --zati-color-black: #272d36;
  --zati-color-grey-darkest: #404854;
  /* #424141; */
  --zati-color-grey-dark: #919aa7;
  /* #9499a2; */
  --zati-color-grey: #aebecb;
  --zati-color-grey-light: #d7e5e7;
  --zati-color-grey-lighter: #ebf2f3;
  --zati-color-grey-lightest: #f7f9fa;
  --zati-color-blue-darkest: #084a59;
  --zati-color-blue-darker: #0c7188;
  --zati-color-blue-dark: #1098b7;
  --zati-color-blue-light: #a1e7f5;
  --zati-color-blue-lightest: #e7f9fd;
  --zati-color-red-darkest: #7a2605;
  --zati-color-red-darker: #ab3607;
  --zati-color-red-dark: #dc4509;
  --zati-color-red-light: #f88254;
  --zati-color-red-lighter: #faa685;
  --zati-color-red-lightest: #fccab6;
  --zati-color-purple-darkest: #3a2886;
  /* #3a2886; */
  --zati-color-purple-darker: #402c92;
  /* #402c92; */
  --zati-color-purple-dark: #432e9a;
  /* #432e9a; */
  --zati-color-purple-light: #bbb0e6;
  --zati-color-purple-lightest: #eeecf9;
  --zati-color-red-light: #fbbfa7;
  --zati-color-red-lightest: #ffefe9;
  --zati-color-yellow-light: #f3d884;
  --zati-color-yellow-lightest: #fdf8e7;
  --zati-defaults-color-border: var(--zati-color-grey-light);
  --zati-defaults-color-text: var(--zati-color-grey-darkest);
  --zati-type-family: 'BlinkMacSystemFont', 'Rubik', 'Open Sans';
  /* 'BlinkMacSystemFont' */
  --zati-type-light: 300;
  --zati-type-regular: 400;
  --zati-type-semi-bold: 600;
  --zati-type-bold: 800;
  --zati-defaults-type: var(--zati-type-regular) 1rem var(--zati-type-family);
  --zati-defaults-border: 1px solid var(--zati-defaults-color-border);
  --zati-defaults-border-radius: 8px;
  --zati-defaults-icon-color: var(--zati-color-grey);
  --zati-defaults-element-padding: var(--spacer-l);
  --zati-defaults-element-padding-compact: var(--spacer-m);
  --zati-defaults-element-height: var(--dimensionYRegular); }

html {
  font-size: 14px;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 1460px) {
    html {
      font-size: 14px; } }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  background-color: var(--zati-color-grey-lightest);
  color: var(--zati-defaults-color-text);
  font-family: var(--zati-type-family);
  margin: 0;
  padding: 0; }

i.materialIcons {
  vertical-align: text-bottom; }

.textCenter {
  text-align: center; }

.textLeft {
  text-align: left; }

.textRight {
  text-align: right; }