/* Teamilo header wordmark and white outlined speech bubble. */
html body #app .tm-landing-brand-host {
  display:block!important;width:auto!important;max-width:100%!important;min-width:0!important;
  background:transparent!important;background-image:none!important;border:0!important;
  box-shadow:none!important;padding:0!important;margin:0 0 24px!important;line-height:1!important;
}
html body #app .tm-landing-brand-host::before,
html body #app .tm-landing-brand-host::after {content:none!important;display:none!important}
html body #app .tm-landing-brand {
  display:inline-flex!important;align-items:baseline!important;gap:9px!important;
  width:max-content!important;max-width:100%!important;min-width:0!important;height:auto!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;filter:none!important;opacity:1!important;
  color:#151719!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif!important;
  font-size:28.8px!important;font-synthesis:none!important;font-style:normal!important;
  line-height:1.2!important;letter-spacing:normal!important;white-space:nowrap!important;
  vertical-align:middle!important;flex-shrink:0!important;text-transform:none!important;
}
html[data-tm-mode="dark"] body #app .tm-landing-brand {color:#f6f6f2!important}
html body #app .sidebar .tm-landing-brand {color:#f6f6f2!important;font-size:26px!important}
html[data-teamilo-hig][data-tm-mode="light"] body #app .sidebar .tm-landing-brand {color:#151719!important}
@media(prefers-color-scheme:dark) {
  html:not([data-tm-mode]) body #app .tm-landing-brand {color:#f6f6f2!important}
}
html body #app .tm-landing-brand .tm-landing-figures {
  position:relative!important;display:block!important;overflow:visible!important;
  width:var(--tm-logo-figure-width,1.05em)!important;height:var(--tm-logo-ink-height,.75em)!important;
  flex:0 0 var(--tm-logo-figure-width,1.05em)!important;
  transform:translateY(var(--tm-logo-descent,0px))!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  padding:0!important;margin:0!important;filter:none!important;opacity:1!important;
}
html body #app .tm-landing-brand .tm-landing-figures img {
  position:absolute!important;display:block!important;left:0!important;top:-.1678%!important;
  width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;filter:none!important;opacity:1!important;
  mix-blend-mode:normal!important;object-fit:contain!important;transform:none!important;
}
html body #app .tm-landing-brand .tm-landing-wordmark {
  display:inline-flex!important;align-items:baseline!important;gap:0!important;
  font:inherit!important;letter-spacing:-1.2px!important;line-height:1.2!important;
  color:inherit!important;background:transparent!important;
}
html body #app .tm-landing-brand .tm-landing-team {font:inherit!important;font-weight:800!important;color:inherit!important}
html body #app .tm-landing-brand .tm-landing-ilo {font:inherit!important;font-weight:450!important;color:inherit!important}
html body #app .tm-landing-brand .tm-landing-dot {
  display:block!important;flex:0 0 7px!important;width:7px!important;height:7px!important;
  margin:0 0 0 5px!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:#d5fb75!important;box-shadow:none!important;filter:none!important;
}
html[data-tm-mode="light"] body #app .tm-landing-brand .tm-landing-dot {
  background:#fd3647!important;
}
@media(prefers-color-scheme:light) {
  html:not([data-tm-mode]) body #app .tm-landing-brand .tm-landing-dot {
    background:#fd3647!important;
  }
}
html body #app .tm-landing-brand--mobile {display:none!important}
@media(max-width:800px) {
  html body #app .tm-landing-brand--mobile {display:inline-flex!important;font-size:24px!important;margin-bottom:9px!important}
  html body #app .top {flex-wrap:wrap!important}
  html body #app .top>div:first-child {min-width:0!important}
}
@media(max-width:359px) {html body #app .tm-landing-brand {font-size:24px!important;gap:7px!important}}
@media(forced-colors:active) {html body #app .tm-landing-brand {color:CanvasText!important}}