/* Tokens and responsive rules from Hosteero Public.dc.html. Content styles remain verbatim. */
:root {
  --ac: #0a8371;
  --acs: color-mix(in oklch, var(--ac) 12%, transparent);
  --bg: #f4f3ef;
  --sf: #fff;
  --sf2: #edece7;
  --ink: #111214;
  --ink2: #5b5d62;
  --ink3: #8e9095;
  --line: #e3e1db;
  --onac: #fff;
  --btn: #111214;
  --onbtn: #fff;
  --hero: #111214;
  --heroInk: #f4f3ef;
  --heroMute: #a2a4a8;
  --heroLine: rgba(255, 255, 255, 0.1);
  --pos: #13804f;
  --poss: #e2f2ea;
  --warn: #a86a00;
  --warns: #f8edd6;
}
:root[data-palette='hearth'] {
  --ac: #d2521e;
}
:root[data-palette='grove'] {
  --ac: #2f7d3b;
}
:root[data-palette='plum'] {
  --ac: #6340d4;
}
:root[data-theme='dark'] {
  --ac: #3dd9bc;
  --acs: color-mix(in oklch, var(--ac) 20%, transparent);
  --bg: #0c0d0f;
  --sf: #16171a;
  --sf2: #202226;
  --ink: #f2f2ef;
  --ink2: #a9abb0;
  --ink3: #74767c;
  --line: #27292e;
  --onac: #0c0d0f;
  --btn: #f2f2ef;
  --onbtn: #0c0d0f;
  --hero: #16171a;
  --heroInk: #f2f2ef;
  --heroMute: #a9abb0;
  --heroLine: rgba(255, 255, 255, 0.08);
  --pos: #4acb95;
  --poss: rgba(74, 203, 149, 0.16);
  --warn: #f0b44c;
  --warns: rgba(240, 180, 76, 0.16);
}
:root[data-theme='dark'][data-palette='hearth'] {
  --ac: #ff7b4a;
}
:root[data-theme='dark'][data-palette='grove'] {
  --ac: #86d77f;
}
:root[data-theme='dark'][data-palette='plum'] {
  --ac: #a891ff;
}
[hidden] {
  display: none !important;
}
button,
input,
select {
  font-family: inherit;
}
:focus-visible {
  outline: 2px solid var(--ac);
  outline-offset: 4px;
}
.public-wide,
.public-narrow {
  display: contents;
}
.public-narrow {
  display: none;
}
section[id] {
  scroll-margin-top: 68px;
}
.public-demo-bars span {
  animation: bar-enter 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
}
@keyframes bar-enter {
  from {
    transform: scaleY(0.04);
    transform-origin: bottom;
  }
  to {
    transform: scaleY(1);
    transform-origin: bottom;
  }
}
@media (max-width: 819px) {
  .public-wide {
    display: none;
  }
  .public-narrow {
    display: contents;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}