html.telebugs {
  background: light-dark(#fff, #111);
  color-scheme: light dark;
  scroll-padding-top: clamp(0.65rem, 0.52rem + 0.35vw, 1rem);
}

html.telebugs body:not([data-page="checkout"]),
html.telebugs body[data-page="checkout"] {
  --color-black: #000;
  --color-white: #fff;
  --color-red-50: oklch(97.1% 0.013 17.38);
  --color-red-100: oklch(93.6% 0.032 17.717);
  --color-red-200: oklch(88.5% 0.062 18.334);
  --color-red-300: oklch(80.8% 0.114 19.571);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-red-800: oklch(44.4% 0.177 26.899);
  --color-red-900: oklch(39.6% 0.141 25.723);
  --color-red-950: oklch(25.8% 0.092 26.042);
  --color-blue-50: oklch(97% 0.014 254.604);
  --color-blue-100: oklch(93.2% 0.032 255.585);
  --color-blue-200: oklch(88.2% 0.059 254.128);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-blue-400: oklch(70.7% 0.165 254.624);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-blue-800: oklch(42.4% 0.199 265.638);
  --color-blue-900: oklch(37.9% 0.146 265.522);
  --color-blue-950: oklch(28.2% 0.091 267.935);
  --page-width: 68ch;
  --wide-page-width: calc(
    var(--page-width) + var(--aside-max-width) + var(--space-xl)
  );
  --page-background: light-dark(#fff, #111);
  --text-color: light-dark(#000, #f2f2f2);
  --border-color: light-dark(#a8a8a8, #555);
  --muted-color: light-dark(#555, #aaa);
  --border-width: clamp(1px, 0.05vw, 2px);
  --logo-width: 7.5rem;
  --logo-height: 1.75rem;
  --font-size-base: clamp(0.9rem, 0.84rem + 0.2vw, 1.5rem);
  --font-size-h1: clamp(1.35rem, 1.18rem + 0.45vw, 1.8rem);
  --font-size-h2: clamp(1.05rem, 0.98rem + 0.25vw, 1.45rem);
  --font-size-h3: clamp(1rem, 0.96rem + 0.16vw, 1.24rem);
  --font-size-small: clamp(0.8125rem, 0.78rem + 0.12vw, 1.05rem);
  --font-size-legal: clamp(0.8125rem, 0.78rem + 0.14vw, 1.1rem);
  --font-size-tiny: clamp(0.7rem, 0.66rem + 0.12vw, 0.95rem);
  --font-size-code-block: clamp(0.8125rem, 0.77rem + 0.22vw, 0.95rem);
  --font-size-button-icon: clamp(1.15em, 1.05em + 0.25vw, 1.35em);
  --line-height-base: 1.45;
  --space-3xs: clamp(0.125rem, 0.1rem + 0.08vw, 0.2rem);
  --space-2xs: clamp(0.25rem, 0.2rem + 0.12vw, 0.35rem);
  --space-xs: clamp(0.35rem, 0.28rem + 0.16vw, 0.5rem);
  --space-sm: clamp(0.5rem, 0.4rem + 0.25vw, 0.75rem);
  --space-md: clamp(0.65rem, 0.52rem + 0.35vw, 1rem);
  --space-lg: clamp(0.9rem, 0.7rem + 0.7vw, 1.5rem);
  --space-xl: clamp(1.25rem, 0.95rem + 1vw, 2rem);
  --button-padding-block: clamp(0.12em, 0.07em + 0.16vw, 0.28em);
  --button-padding-start: clamp(0.5em, 0.42em + 0.16vw, 0.7em);
  --button-padding-end: clamp(2em, 1.8em + 0.5vw, 2.6em);
  --focus-ring-width: clamp(1px, 0.08em, 2px);
  --focus-ring-offset: clamp(2px, 0.11em, 3px);
  --icon-size: clamp(1em, 0.95em + 0.14vw, 1.15em);
  --inline-icon-gap: clamp(0.15em, 0.1em + 0.08vw, 0.25em);
  --social-link-size: clamp(1.25em, 1.12em + 0.28vw, 1.55em);
  --brand-logo-width: clamp(2rem, 1.8rem + 0.55vw, 2.375rem);
  --author-avatar-size: clamp(2.25rem, 2rem + 0.75vw, 2.75rem);
  --list-indent: clamp(1.25rem, 1.12rem + 0.35vw, 1.6rem);
  --zoom-content-width: clamp(40rem, 82vw, 75rem);
  --zoom-media-height: clamp(24rem, 80vh, 60rem);
  --aside-min-width: clamp(18rem, 18vw, 22rem);
  --aside-max-width: clamp(22rem, 24vw, 26rem);
  --sticky-max-height: calc(100vh - var(--space-xl));
  --font-sans:
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-mono:
    ui-monospace, "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono",
    Menlo, monospace;

  background: var(--page-background);
  color: var(--text-color);
  color-scheme: light dark;
  font: var(--font-size-base) / var(--line-height-base) var(--font-sans);
  margin: var(--space-md);
  max-width: var(--wide-page-width);
}

html.telebugs body[data-page="checkout"] {
  --checkout-content-width: 38rem;
  --checkout-form-width: 34rem;
  --checkout-page-width: calc(
    var(--checkout-content-width) + var(--checkout-form-width) + var(--space-xl)
  );

  display: block;
  max-width: var(--checkout-page-width);
}

html.telebugs body:not([data-page="checkout"]) h1 {
  font-size: var(--font-size-h1);
  line-height: 1.2;
}

html.telebugs body:not([data-page="checkout"]) h2 {
  font-size: var(--font-size-h2);
}

html.telebugs body:not([data-page="checkout"]) h3 {
  font-size: var(--font-size-h3);
}

html.telebugs body:not([data-page="checkout"]) h1,
html.telebugs body:not([data-page="checkout"]) h2,
html.telebugs body:not([data-page="checkout"]) h3,
html.telebugs body:not([data-page="checkout"]) h4,
html.telebugs body:not([data-page="checkout"]) h5,
html.telebugs body:not([data-page="checkout"]) h6,
html.telebugs body:not([data-page="checkout"]) p,
html.telebugs body:not([data-page="checkout"]) ul,
html.telebugs body:not([data-page="checkout"]) ol,
html.telebugs body:not([data-page="checkout"]) dl,
html.telebugs body:not([data-page="checkout"]) figure,
html.telebugs body:not([data-page="checkout"]) blockquote,
html.telebugs body:not([data-page="checkout"]) pre,
html.telebugs body:not([data-page="checkout"]) table {
  margin-block: var(--space-md);
}

html.telebugs body:not([data-page="checkout"]) small,
html.telebugs body:not([data-page="checkout"]) time,
html.telebugs body:not([data-page="checkout"]) figcaption,
html.telebugs body:not([data-page="checkout"]) .pricing-footnote,
html.telebugs body:not([data-page="checkout"]) .buy__notes,
html.telebugs body:not([data-page="checkout"]) .card__per-year,
html.telebugs body:not([data-page="checkout"]) .buy-cost__currency {
  color: var(--muted-color);
  font-size: var(--font-size-small);
}

html.telebugs body:not([data-page="checkout"]) a {
  color: light-dark(var(--color-blue-700), var(--color-blue-400));
  font-weight: inherit;
  text-decoration-line: none;
  text-decoration-color: currentColor;
  text-decoration-thickness: from-font;
  text-underline-offset: 0.12em;
}

html.telebugs body:not([data-page="checkout"]) a:hover,
html.telebugs body:not([data-page="checkout"]) a:focus-visible {
  color: light-dark(var(--color-blue-800), var(--color-blue-300));
  text-decoration-line: underline;
}

html.telebugs body:not([data-page="checkout"]) li::marker,
html.telebugs body[data-page="checkout"] li::marker {
  color: light-dark(var(--color-blue-700), var(--color-blue-400));
}

html.telebugs body:not([data-page="checkout"]) b,
html.telebugs body:not([data-page="checkout"]) strong {
  color: inherit;
}

html.telebugs body:not([data-page="checkout"]) pre,
html.telebugs body:not([data-page="checkout"]) code,
html.telebugs body:not([data-page="checkout"]) kbd,
html.telebugs body:not([data-page="checkout"]) samp {
  font-family: var(--font-mono);
}

html.telebugs body:not([data-page="checkout"]) pre {
  border: var(--border-width) solid var(--border-color);
  font-size: var(--font-size-code-block);
  overflow-x: auto;
  padding: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) :not(pre) > code {
  background: light-dark(#f1f1f1, #242424);
  border: var(--border-width) solid light-dark(#d6d6d6, #555);
  border-radius: 0;
  color: var(--text-color);
  display: inline;
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1;
  padding: 0.08em 0.22em;
}

html.telebugs body:not([data-page="checkout"]) pre code {
  background: transparent;
  border: 0;
  color: inherit;
  display: inline;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
}

html.telebugs body:not([data-page="checkout"]) figure {
  margin-inline: 0;
}

html.telebugs body:not([data-page="checkout"]) figcaption {
  color: var(--muted-color);
  font-size: var(--font-size-small);
  line-height: var(--line-height-base);
  margin-top: var(--space-2xs);
}

html.telebugs body:not([data-page="checkout"]) figcaption p,
html.telebugs body:not([data-page="checkout"]) .image figure figcaption p,
html.telebugs body:not([data-page="checkout"]) .video figure figcaption p {
  font-size: inherit;
  letter-spacing: 0;
  line-height: inherit;
  margin-block: 0;
}

html.telebugs body:not([data-page="checkout"]) table {
  background: transparent;
  border-collapse: collapse;
  color: var(--text-color);
  font-weight: inherit;
  table-layout: auto;
  text-align: left;
  width: 100%;
}

html.telebugs body:not([data-page="checkout"]) th,
html.telebugs body:not([data-page="checkout"]) td {
  border: var(--border-width) solid var(--border-color);
  color: var(--text-color);
  font-size: var(--font-size-small);
  line-height: 1.45;
  padding: var(--space-2xs) var(--space-xs);
  text-align: left;
  vertical-align: top;
}

html.telebugs body:not([data-page="checkout"]) .product__content table a[href],
html.telebugs body:not([data-page="checkout"]) .page__content table a[href] {
  color: inherit;
  font-weight: inherit;
  text-decoration-color: light-dark(var(--color-blue-700), var(--color-blue-400));
}

html.telebugs body:not([data-page="checkout"]) img,
html.telebugs body:not([data-page="checkout"]) video {
  vertical-align: middle;
}

html.telebugs body:not([data-page="checkout"]) .nav-active,
html.telebugs body:not([data-page="checkout"]) .nav-underlay {
  display: none;
}

html.telebugs body:not([data-page="checkout"]) .nav__toggle,
html.telebugs body:not([data-page="checkout"]) .nav__menu-button {
  display: none;
}

html.telebugs body:not([data-page="checkout"]) .nav,
html.telebugs body:not([data-page="checkout"]) .nav--product {
  background: transparent;
  border-bottom: var(--border-width) solid var(--border-color);
  box-shadow: none;
  display: block;
  inset: auto;
  margin: 0 0 var(--space-md);
  padding-bottom: var(--space-sm);
  position: static;
  width: auto;
  z-index: auto;
}

html.telebugs body:not([data-page="checkout"]) .nav__main,
html.telebugs body:not([data-page="checkout"]) .nav__body {
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
}

html.telebugs body:not([data-page="checkout"]) .nav__logo {
  display: inline-block;
  flex-shrink: 0;
  margin-bottom: var(--space-xs);
  margin-right: var(--space-sm);
  line-height: 0;
  vertical-align: middle;
}

html.telebugs body:not([data-page="checkout"]) .nav__logo a {
  color: inherit;
  display: inline-block;
  height: auto;
  line-height: 0;
}

html.telebugs body:not([data-page="checkout"]) .nav__logo picture {
  display: block;
}

html.telebugs body:not([data-page="checkout"]) .nav__logo img {
  content: url("/assets/images/logo-telebugs.svg");
  display: block;
  filter: none;
  height: var(--logo-height);
  max-height: none;
  max-width: none;
  min-width: var(--logo-width);
  width: var(--logo-width);
}

@media (prefers-color-scheme: dark) {
  html.telebugs body:not([data-page="checkout"]) .nav__logo img {
    content: url("/assets/images/logo-telebugs-dark.svg");
  }
}

html.telebugs body:not([data-page="checkout"]) .nav__brand-name {
  color: var(--text-color);
  display: inline-block;
  font-feature-settings: normal;
  font-size: var(--font-size-base);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}

html.telebugs body:not([data-page="checkout"]) .nav__version {
  display: inline-block;
  font-size: var(--font-size-tiny);
  font-weight: 400;
  line-height: 1;
  margin-bottom: var(--space-xs);
  vertical-align: middle;
}

html.telebugs body:not([data-page="checkout"]) .nav__version a {
  color: light-dark(var(--color-blue-700), var(--color-blue-400));
  font-weight: inherit;
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: from-font;
  text-underline-offset: 0.12em;
}

html.telebugs body:not([data-page="checkout"]) .nav__version a:hover,
html.telebugs body:not([data-page="checkout"]) .nav__version a:focus-visible {
  color: light-dark(var(--color-blue-800), var(--color-blue-300));
}

html.telebugs body:not([data-page="checkout"]) .nav__menu-button {
  appearance: none;
  background: transparent;
  border: var(--border-width) solid var(--border-color);
  border-radius: 0;
  color: light-dark(var(--color-blue-700), var(--color-blue-400));
  cursor: pointer;
  font: inherit;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  padding: 0;
  place-content: center;
}

html.telebugs body:not([data-page="checkout"]) .nav__menu-button:hover,
html.telebugs body:not([data-page="checkout"]) .nav__menu-button:focus-visible {
  border-color: currentColor;
  color: light-dark(var(--color-blue-800), var(--color-blue-300));
}

html.telebugs body:not([data-page="checkout"]) .nav__menu-button:focus-visible {
  outline: var(--focus-ring-width) solid currentColor;
  outline-offset: var(--focus-ring-offset);
}

html.telebugs body:not([data-page="checkout"]) .nav__menu-icon {
  background: currentColor;
  block-size: var(--border-width);
  display: block;
  inline-size: 0.875em;
  position: relative;
}

html.telebugs body:not([data-page="checkout"]) .nav__menu-icon::before,
html.telebugs body:not([data-page="checkout"]) .nav__menu-icon::after {
  background: currentColor;
  block-size: var(--border-width);
  content: "";
  inline-size: 0.875em;
  inset-inline-start: 0;
  position: absolute;
  transition:
    inset-block-start 0.16s ease,
    transform 0.16s ease;
}

html.telebugs body:not([data-page="checkout"]) .nav__menu-icon::before {
  inset-block-start: -0.35em;
}

html.telebugs body:not([data-page="checkout"]) .nav__menu-icon::after {
  inset-block-start: 0.35em;
}

html.telebugs body:not([data-page="checkout"]) .nav__menu-button[aria-expanded="true"] .nav__menu-icon {
  background: transparent;
}

html.telebugs body:not([data-page="checkout"]) .nav__menu-button[aria-expanded="true"] .nav__menu-icon::before {
  inset-block-start: 0;
  transform: rotate(45deg);
}

html.telebugs body:not([data-page="checkout"]) .nav__menu-button[aria-expanded="true"] .nav__menu-icon::after {
  inset-block-start: 0;
  transform: rotate(-45deg);
}

html.telebugs body:not([data-page="checkout"]) .nav__links {
  align-items: baseline;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-2xs) var(--space-sm);
  justify-content: flex-start;
  line-height: inherit;
  margin: 0;
  margin-right: 0;
  padding: 0;
  white-space: normal;
}

html.telebugs body:not([data-page="checkout"]) .nav__links dt,
html.telebugs body:not([data-page="checkout"]) .nav__links dd {
  display: block;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

html.telebugs body:not([data-page="checkout"]) .nav__links dt {
  display: none;
}

html.telebugs body:not([data-page="checkout"]) .nav__links dd.selected {
  font-weight: 700;
}

html.telebugs body:not([data-page="checkout"]) .nav__links dd.selected::before {
  content: "[";
}

html.telebugs body:not([data-page="checkout"]) .nav__links dd.selected::after {
  content: "]";
}

html.telebugs body:not([data-page="checkout"]) .nav__links a,
html.telebugs body:not([data-page="checkout"]) .product__content h2 a,
html.telebugs body:not([data-page="checkout"]) .product__content h3 a,
html.telebugs body:not([data-page="checkout"]) .page__content h2 a,
html.telebugs body:not([data-page="checkout"]) .page__content h3 a,
html.telebugs body:not([data-page="checkout"]) .page__content h4 a {
  color: inherit;
  flex: initial;
  margin-left: 0;
  text-decoration: none;
}

html.telebugs body:not([data-page="checkout"]) .nav__links dd a,
html.telebugs body:not([data-page="checkout"]) .nav__links dd.selected a {
  color: light-dark(var(--color-blue-700), var(--color-blue-400));
  font-weight: inherit;
  text-decoration: none;
}

html.telebugs body:not([data-page="checkout"]) .nav__links dd a:hover,
html.telebugs body:not([data-page="checkout"]) .nav__links dd a:focus-visible,
html.telebugs body:not([data-page="checkout"]) .nav__links dd.selected a:hover,
html.telebugs body:not([data-page="checkout"]) .nav__links dd.selected a:focus-visible {
  color: light-dark(var(--color-blue-800), var(--color-blue-300));
  text-decoration: underline;
  text-decoration-thickness: from-font;
}

html.telebugs body:not([data-page="checkout"]) .nav__links a[href^="http"]::after {
  background: currentColor;
  content: "";
  display: inline-block;
  height: var(--icon-size);
  margin-left: var(--inline-icon-gap);
  mask: url("/assets/images/heroicons/micro/arrow-top-right-on-square.svg") center / contain no-repeat;
  vertical-align: middle;
  width: var(--icon-size);
  -webkit-mask: url("/assets/images/heroicons/micro/arrow-top-right-on-square.svg") center / contain no-repeat;
}

@media (max-width: 47.999em) {
  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__body {
    align-items: center;
    column-gap: var(--space-xs);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__logo,
  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__version {
    margin-bottom: 0;
  }

  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__toggle {
    align-items: center;
    block-size: 1.75rem;
    display: flex;
    justify-content: flex-end;
    line-height: 0;
  }

  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__menu-button {
    display: grid;
  }

  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__links[popover]:not(:popover-open) {
    display: none;
  }

  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__links[popover]:popover-open {
    background: var(--page-background);
    border: var(--border-width) solid var(--border-color);
    box-shadow:
      0 0.75rem 2rem light-dark(rgb(0 0 0 / 0.12), rgb(0 0 0 / 0.45));
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
    inset-block-start: calc(var(--space-md) + 2.25rem);
    inset-block-end: auto;
    inset-inline-start: auto;
    inset-inline-end: var(--space-md);
    line-height: var(--line-height-base);
    margin: 0;
    max-inline-size: min(20rem, calc(100vw - (var(--space-md) * 2)));
    min-inline-size: min(14rem, calc(100vw - (var(--space-md) * 2)));
    padding: var(--space-sm);
    position: fixed;
    white-space: normal;
  }

  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__links[popover]::backdrop {
    background: light-dark(rgb(255 255 255 / 0.58), rgb(0 0 0 / 0.42));
  }

  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__links[popover] dd,
  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__links[popover] a {
    inline-size: 100%;
  }

  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__links[popover] a {
    display: inline-flex;
    padding-block: var(--space-3xs);
  }

  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__links[popover] dd.selected::before,
  html.telebugs body:not([data-page="checkout"]) .nav--popover-ready .nav__links[popover] dd.selected::after {
    content: none;
  }
}

html.telebugs body:not([data-page="checkout"]) .main,
html.telebugs body:not([data-page="checkout"]) .page,
html.telebugs body:not([data-page="checkout"]) .product,
html.telebugs body:not([data-page="checkout"]) .product__body,
html.telebugs body:not([data-page="checkout"]) .product__aside {
  max-width: 100%;
}

html.telebugs body:not([data-page="checkout"]) .main--product {
  margin: 0;
  padding: 0;
}

html.telebugs body:not([data-page="checkout"]) .page,
html.telebugs body:not([data-page="checkout"]) .product__body {
  max-width: var(--page-width);
}

html.telebugs body:not([data-page="checkout"]) .main--simple {
  margin: 0;
  padding: 0;
}

html.telebugs body:not([data-page="checkout"]) .simple-header,
html.telebugs body:not([data-page="checkout"]) .simple-footer {
  max-width: min(34.5rem, 100%);
}

html.telebugs body:not([data-page="checkout"]) .simple-header--license {
  border-bottom: var(--border-width) solid var(--border-color);
  margin-bottom: var(--space-lg);
  padding-bottom: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .simple-header__brand {
  display: inline-flex;
  line-height: 0;
}

html.telebugs body:not([data-page="checkout"]) .simple-header__brand img {
  display: block;
  height: var(--logo-height);
  width: var(--logo-width);
}

html.telebugs body:not([data-page="checkout"]) .page--license {
  max-width: min(34.5rem, 100%);
}

html.telebugs body:not([data-page="checkout"]) .page--license .page__header {
  margin-bottom: var(--space-md);
}

html.telebugs body:not([data-page="checkout"]) .page--license .page__header h1 {
  color: var(--text-color);
  font-size: var(--font-size-h1);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

html.telebugs body:not([data-page="checkout"]) .simple-footer--license {
  border-top: var(--border-width) solid var(--border-color);
  color: var(--muted-color);
  font-size: var(--font-size-small);
  line-height: var(--line-height-base);
  margin-top: var(--space-xl);
  padding-top: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .simple-footer--license p {
  margin: 0;
}

html.telebugs body:not([data-page="checkout"]) .simple-footer--license p + p {
  margin-top: var(--space-xs);
}

html.telebugs body:not([data-page="checkout"]) .simple-footer--license a {
  color: light-dark(var(--color-blue-700), var(--color-blue-400));
  text-decoration-line: underline;
}

html.telebugs body:not([data-page="checkout"]) .simple-footer--license a:hover,
html.telebugs body:not([data-page="checkout"]) .simple-footer--license a:focus-visible {
  color: light-dark(var(--color-blue-800), var(--color-blue-300));
}

html.telebugs body:not([data-page="checkout"]) .product {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  width: auto;
}

html.telebugs body:not([data-page="checkout"]) .product__body {
  display: block;
  margin: 0;
  order: initial;
}

html.telebugs body:not([data-page="checkout"]) .product__header {
  margin: 0 0 var(--space-md);
}

html.telebugs body:not([data-page="checkout"]) .product__mobile-buy {
  margin-block: var(--space-lg);
}

html.telebugs body:not([data-page="checkout"]) .product__mobile-buy .product__aside {
  max-height: none;
  overflow: visible;
  position: static;
}

html.telebugs body:not([data-page="checkout"]) .product__header h1 {
  color: var(--muted-color);
  font-size: var(--font-size-base);
  font-weight: 400;
}

html.telebugs body:not([data-page="checkout"]) .product__header .product-name {
  color: var(--text-color);
  display: block;
  font-size: var(--font-size-h1);
  font-weight: 700;
  line-height: 1.2;
}

html.telebugs body:not([data-page="checkout"]) .product__header > * + *,
html.telebugs body:not([data-page="checkout"]) .product__content > * + *,
html.telebugs body:not([data-page="checkout"]) .page__content > * + * {
  margin-top: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .product__content {
  border-top: var(--border-width) dotted var(--border-color);
  margin-top: var(--space-lg);
  overflow: visible;
  padding-top: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .product__content h2,
html.telebugs body:not([data-page="checkout"]) .product__content h3 {
  color: var(--text-color);
  font-weight: 700;
  margin-top: 0;
}

html.telebugs body:not([data-page="checkout"]) .product__content h2::before,
html.telebugs body:not([data-page="checkout"]) .product__content h3::before {
  color: var(--muted-color);
  content: "## ";
  font-weight: 400;
}

html.telebugs body:not([data-page="checkout"]) .product__content h3::before {
  content: "### ";
}

html.telebugs body:not([data-page="checkout"]) .product__content:has(h2[id^="frequently-asked-questions"]) h3 {
  margin-block: var(--space-xl) var(--space-xs);
}

html.telebugs body:not([data-page="checkout"]) .product__content:has(h2[id^="frequently-asked-questions"]) h2 + h3 {
  margin-top: var(--space-md);
}

html.telebugs body:not([data-page="checkout"]) .product__content:has(h2[id^="frequently-asked-questions"]) h3 + p {
  margin-top: var(--space-xs);
}

html.telebugs body:not([data-page="checkout"]) .page__content h2,
html.telebugs body:not([data-page="checkout"]) .page__content h3,
html.telebugs body:not([data-page="checkout"]) .page__content h4 {
  color: var(--text-color);
  font-weight: 700;
  line-height: 1.25;
  margin-block: var(--space-lg) var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .page__content h2 {
  font-size: var(--font-size-h2);
}

html.telebugs body:not([data-page="checkout"]) .page__content h3 {
  font-size: var(--font-size-h3);
}

html.telebugs body:not([data-page="checkout"]) .page__content h4 {
  font-size: var(--font-size-base);
}

html.telebugs body:not([data-page="checkout"]) .page__content h2::before,
html.telebugs body:not([data-page="checkout"]) .page__content h3::before,
html.telebugs body:not([data-page="checkout"]) .page__content h4::before {
  color: var(--muted-color);
  font-weight: 400;
}

html.telebugs body:not([data-page="checkout"]) .page__content h2::before {
  content: "## ";
}

html.telebugs body:not([data-page="checkout"]) .page__content h3::before {
  content: "### ";
}

html.telebugs body:not([data-page="checkout"]) .page__content h4::before {
  content: "#### ";
}

html.telebugs body:not([data-page="checkout"]) .product__content pre:has(code) {
  max-width: 100%;
}

html.telebugs body:not([data-page="checkout"]) .product__content ol,
html.telebugs body:not([data-page="checkout"]) .product__content ul {
  display: block;
  padding-left: var(--list-indent);
}

html.telebugs body:not([data-page="checkout"]) .product__content li + li {
  margin-top: var(--space-2xs);
}

html.telebugs body:not([data-page="checkout"]) .product__header :where(p, li, td, figcaption, blockquote) a[href]:not(.btn):not(.button):not(.cta-button),
html.telebugs body:not([data-page="checkout"]) .product__content :where(p, li, td, figcaption, blockquote) a[href]:not(.btn):not(.button):not(.cta-button),
html.telebugs body:not([data-page="checkout"]) .page__content :where(p, li, td, figcaption, blockquote) a[href]:not(.btn):not(.button):not(.cta-button),
html.telebugs body:not([data-page="checkout"]) .docs section article :where(p, li, td, figcaption, blockquote) a[href]:not(.btn):not(.button):not(.cta-button) {
  color: inherit;
  font-weight: inherit;
  text-decoration-line: underline;
  text-decoration-color: light-dark(var(--color-blue-700), var(--color-blue-400));
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

html.telebugs body:not([data-page="checkout"]) .product__header :where(p, li, td, figcaption, blockquote) a[href]:not(.btn):not(.button):not(.cta-button):hover,
html.telebugs body:not([data-page="checkout"]) .product__header :where(p, li, td, figcaption, blockquote) a[href]:not(.btn):not(.button):not(.cta-button):focus-visible,
html.telebugs body:not([data-page="checkout"]) .product__content :where(p, li, td, figcaption, blockquote) a[href]:not(.btn):not(.button):not(.cta-button):hover,
html.telebugs body:not([data-page="checkout"]) .product__content :where(p, li, td, figcaption, blockquote) a[href]:not(.btn):not(.button):not(.cta-button):focus-visible,
html.telebugs body:not([data-page="checkout"]) .page__content :where(p, li, td, figcaption, blockquote) a[href]:not(.btn):not(.button):not(.cta-button):hover,
html.telebugs body:not([data-page="checkout"]) .page__content :where(p, li, td, figcaption, blockquote) a[href]:not(.btn):not(.button):not(.cta-button):focus-visible,
html.telebugs body:not([data-page="checkout"]) .docs section article :where(p, li, td, figcaption, blockquote) a[href]:not(.btn):not(.button):not(.cta-button):hover,
html.telebugs body:not([data-page="checkout"]) .docs section article :where(p, li, td, figcaption, blockquote) a[href]:not(.btn):not(.button):not(.cta-button):focus-visible {
  color: light-dark(var(--color-blue-800), var(--color-blue-300));
  text-decoration-color: light-dark(var(--color-blue-800), var(--color-blue-300));
}

html.telebugs body:not([data-page="checkout"]) .product__content h2 a[href],
html.telebugs body:not([data-page="checkout"]) .product__content h3 a[href],
html.telebugs body:not([data-page="checkout"]) .page__content h2 a[href],
html.telebugs body:not([data-page="checkout"]) .page__content h3 a[href],
html.telebugs body:not([data-page="checkout"]) .page__content h4 a[href] {
  color: inherit;
  text-decoration: none;
}

html.telebugs body:not([data-page="checkout"]) .product__content h2 a[href]:hover,
html.telebugs body:not([data-page="checkout"]) .product__content h2 a[href]:focus-visible,
html.telebugs body:not([data-page="checkout"]) .product__content h3 a[href]:hover,
html.telebugs body:not([data-page="checkout"]) .product__content h3 a[href]:focus-visible,
html.telebugs body:not([data-page="checkout"]) .page__content h2 a[href]:hover,
html.telebugs body:not([data-page="checkout"]) .page__content h2 a[href]:focus-visible,
html.telebugs body:not([data-page="checkout"]) .page__content h3 a[href]:hover,
html.telebugs body:not([data-page="checkout"]) .page__content h3 a[href]:focus-visible,
html.telebugs body:not([data-page="checkout"]) .page__content h4 a[href]:hover,
html.telebugs body:not([data-page="checkout"]) .page__content h4 a[href]:focus-visible {
  color: light-dark(var(--color-blue-800), var(--color-blue-300));
}

html.telebugs body:not([data-page="checkout"]) .posts__post h2 a[href],
html.telebugs body:not([data-page="checkout"]) .docs section header h2 a[href],
html.telebugs body:not([data-page="checkout"]) .product__back a[href],
html.telebugs body:not([data-page="checkout"]) .product__atom-link {
  color: light-dark(var(--color-blue-700), var(--color-blue-400));
  text-decoration: none;
}

html.telebugs body:not([data-page="checkout"]) .posts__post h2 a[href]:hover,
html.telebugs body:not([data-page="checkout"]) .posts__post h2 a[href]:focus-visible,
html.telebugs body:not([data-page="checkout"]) .docs section header h2 a[href]:hover,
html.telebugs body:not([data-page="checkout"]) .docs section header h2 a[href]:focus-visible,
html.telebugs body:not([data-page="checkout"]) .product__back a[href]:hover,
html.telebugs body:not([data-page="checkout"]) .product__back a[href]:focus-visible,
html.telebugs body:not([data-page="checkout"]) .product__atom-link:hover,
html.telebugs body:not([data-page="checkout"]) .product__atom-link:focus-visible {
  color: light-dark(var(--color-blue-800), var(--color-blue-300));
  text-decoration: underline;
  text-decoration-thickness: from-font;
}

html.telebugs body:not([data-page="checkout"]) .product__aside {
  border-top: var(--border-width) solid var(--border-color);
  margin-top: var(--space-md);
  order: initial;
  padding-top: var(--space-sm);
  position: static;
  top: auto;
  width: auto;
  z-index: auto;
}

html.telebugs body:not([data-page="checkout"]) .product__aside-slot {
  display: contents;
}

html.telebugs body:not([data-page="checkout"]) .whats-new {
  display: block;
  font-size: var(--font-size-small);
  margin-bottom: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .whats-new a {
  font-size: inherit;
}

html.telebugs body:not([data-page="checkout"]) .image figure img,
html.telebugs body:not([data-page="checkout"]) .video__source video {
  border: var(--border-width) solid var(--border-color);
  border-radius: 0;
  box-shadow: none;
}

html.telebugs body:not([data-page="checkout"]) .image--no-border figure img,
html.telebugs body:not([data-page="checkout"]) .image--no-border-no-shadow figure img {
  border: 0;
}

html.telebugs body:not([data-page="checkout"]) .image.image-zoom-active,
html.telebugs body:not([data-page="checkout"]) .video.video-zoom-active {
  background: var(--page-background);
  inset: 0;
  margin: 0;
  overflow: auto;
  padding: var(--space-md);
  position: fixed;
  z-index: 20;
}

html.telebugs body:not([data-page="checkout"]) .video.video-zoom-active {
  align-items: center;
}

html.telebugs body:not([data-page="checkout"]) .image.image-zoom-active figure {
  margin: 0 auto;
  max-width: min(100%, var(--zoom-content-width));
}

html.telebugs body:not([data-page="checkout"]) .image.image-zoom-active img {
  width: 100%;
}

html.telebugs body:not([data-page="checkout"]) .video.video-zoom-active .video__source video {
  height: auto;
  max-height: min(var(--zoom-media-height), calc(100vh - (var(--space-md) * 2)));
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

html.telebugs body:not([data-page="checkout"]) .video__source,
html.telebugs body:not([data-page="checkout"]) .video__timestamps {
  margin-block: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .video__source {
  aspect-ratio: 16 / 9;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
}

html.telebugs body:not([data-page="checkout"]) .video__source video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

html.telebugs body:not([data-page="checkout"]) .video.video-zoom-active .video__source {
  aspect-ratio: auto;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: min(var(--zoom-content-width), calc(100vw - (var(--space-md) * 2)));
  width: 100%;
}

html.telebugs body:not([data-page="checkout"]) .video__timestamps ul {
  list-style: none;
  padding-left: 0;
}

html.telebugs body:not([data-page="checkout"]) .video__timestamps li {
  margin-block: var(--space-2xs);
}

html.telebugs body:not([data-page="checkout"]) .testimonials {
  column-gap: var(--space-lg);
}

html.telebugs body:not([data-page="checkout"]) .product--full-width .product__body {
  max-width: 100%;
}

html.telebugs body:not([data-page="checkout"]) .product--full-width .product__header {
  max-width: var(--page-width);
}

html.telebugs body:not([data-page="checkout"]) .product--full-width .testimonials {
  column-count: 1;
  column-gap: var(--space-xl);
}

html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial {
  background: light-dark(#f8f8f8, #181818);
  border: var(--border-width) solid var(--border-color);
  border-radius: 0;
  box-shadow: none;
  break-inside: avoid;
  margin-top: var(--space-lg);
  padding: var(--space-md);
}

html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial + :is(h2, h3, h4) {
  margin-top: var(--space-xl);
}

html.telebugs body:not([data-page="checkout"]) .product--full-width .testimonials__testimonial {
  padding: var(--space-lg);
}

html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial blockquote {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial blockquote q {
  color: var(--text-color);
  display: block;
  font-size: var(--font-size-base);
  font-weight: 400;
  line-height: 1.55;
  margin: 0;
}

html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial blockquote q::before,
html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial blockquote q::after {
  display: none;
}

html.telebugs body:not([data-page="checkout"]) mark {
  background: light-dark(#fff1a8, rgb(255 214 64 / 0.28));
  border-radius: 0.08em;
  box-decoration-break: clone;
  color: inherit;
  font-weight: inherit;
  padding-inline: 0.08em;
  -webkit-box-decoration-break: clone;
}

html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial blockquote cite {
  align-items: center;
  display: flex;
  font-size: var(--font-size-small);
  gap: var(--space-sm);
  line-height: 1.2;
  margin-top: var(--space-md);
}

html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial blockquote cite img {
  border: var(--border-width) solid var(--border-color);
  border-radius: 0;
  height: var(--author-avatar-size);
  object-fit: cover;
  width: var(--author-avatar-size);
}

html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial blockquote cite dl,
html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial blockquote cite dd {
  margin: 0;
}

html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial blockquote cite dl {
  font-size: var(--font-size-small);
  font-weight: 400;
  gap: var(--space-3xs);
  line-height: 1.2;
}

html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial blockquote cite dt {
  color: var(--text-color);
  font-size: inherit;
  font-weight: 700;
}

html.telebugs body:not([data-page="checkout"]) .testimonials__testimonial blockquote cite dd {
  color: var(--muted-color);
  font-size: var(--font-size-small);
}

html.telebugs body:not([data-page="checkout"]) .buy {
  display: block;
  margin: 0;
  position: static;
  top: auto;
  width: auto;
  z-index: auto;
}

html.telebugs body:not([data-page="checkout"]) .buy__tab,
html.telebugs body:not([data-page="checkout"]) .pricing-calculator {
  background: transparent;
  border: var(--border-width) solid var(--border-color);
  border-radius: 0;
  box-shadow: none;
  display: block;
  overflow: visible;
  padding: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .buy--slim .buy__tab {
  padding: var(--space-xs);
}

html.telebugs body:not([data-page="checkout"]) .buy__header {
  align-items: stretch;
  background: transparent;
  box-shadow: none;
  display: block;
  gap: 0;
  height: auto;
  margin: 0;
  overflow: visible;
  padding: 0;
}

html.telebugs body:not([data-page="checkout"]) .buy__header--compact {
  margin-bottom: 0;
}

html.telebugs body:not([data-page="checkout"]) .buy__header figure {
  display: none;
}

html.telebugs body:not([data-page="checkout"]) .buy__header dl {
  color: var(--text-color);
  display: block;
  font-size: var(--font-size-base);
  font-weight: 400;
  line-height: inherit;
  margin: 0 0 var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .buy__header dt {
  color: var(--muted-color);
  font-size: var(--font-size-small);
  font-weight: 700;
}

html.telebugs body:not([data-page="checkout"]) .buy__header dd {
  color: var(--text-color);
  display: block;
  font-size: var(--font-size-h2);
  font-weight: 700;
  line-height: inherit;
  margin-left: 0;
  margin-top: var(--space-3xs);
}

html.telebugs body:not([data-page="checkout"]) .buy-cost {
  align-items: baseline;
  display: inline-flex;
  gap: var(--space-3xs);
}

html.telebugs body:not([data-page="checkout"]) .buy-cost__currency {
  font-size: var(--font-size-tiny);
}

html.telebugs body:not([data-page="checkout"]) .buy__content {
  color: var(--text-color);
  font-weight: 400;
  line-height: inherit;
  margin: 0;
}

html.telebugs body:not([data-page="checkout"]) .buy__content h2 {
  font-size: var(--font-size-base);
}

html.telebugs body:not([data-page="checkout"]) .buy__content p,
html.telebugs body:not([data-page="checkout"]) .buy__content ul,
html.telebugs body:not([data-page="checkout"]) .buy__notes p,
html.telebugs body:not([data-page="checkout"]) .buy__actions {
  font-size: var(--font-size-base);
}

html.telebugs body:not([data-page="checkout"]) .buy__content > div + div,
html.telebugs body:not([data-page="checkout"]) .buy__button,
html.telebugs body:not([data-page="checkout"]) .buy__notes,
html.telebugs body:not([data-page="checkout"]) .buy__actions {
  margin-top: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .buy__button--compact {
  margin: var(--space-xs) 0 0;
}

html.telebugs body:not([data-page="checkout"]) .buy__content ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  list-style: none;
  padding-left: 0;
}

html.telebugs body:not([data-page="checkout"]) .buy__content ul li.icon {
  background-image: none;
  color: var(--text-color);
  list-style: none;
  padding-left: calc(var(--icon-size) + var(--space-sm));
  position: relative;
}

html.telebugs body:not([data-page="checkout"]) .buy__content ul li.icon::before {
  background: currentColor;
  content: "";
  height: 1.2em;
  left: 0;
  mask: var(--buy-icon) center / contain no-repeat;
  position: absolute;
  top: 0.15em;
  width: 1.2em;
  -webkit-mask: var(--buy-icon) center / contain no-repeat;
}

html.telebugs body:not([data-page="checkout"]) .buy__content ul li.icon--code {
  --buy-icon: url("/assets/images/heroicons/outline/code-bracket.svg");
}

html.telebugs body:not([data-page="checkout"]) .buy__content ul li.icon--video {
  --buy-icon: url("/assets/images/heroicons/outline/video-camera.svg");
}

html.telebugs body:not([data-page="checkout"]) .buy__content ul li.icon--updates {
  --buy-icon: url("/assets/images/heroicons/outline/arrow-path.svg");
}

html.telebugs body:not([data-page="checkout"]) .buy__content ul li.icon--support {
  --buy-icon: url("/assets/images/heroicons/outline/chat-bubble-left-right.svg");
}

html.telebugs body:not([data-page="checkout"]) .buy__content a,
html.telebugs body:not([data-page="checkout"]) .buy__notes a {
  color: light-dark(var(--color-blue-700), var(--color-blue-400));
  text-decoration-color: currentColor;
}

html.telebugs body:not([data-page="checkout"]) .buy__content a:hover,
html.telebugs body:not([data-page="checkout"]) .buy__content a:focus-visible,
html.telebugs body:not([data-page="checkout"]) .buy__notes a:hover,
html.telebugs body:not([data-page="checkout"]) .buy__notes a:focus-visible {
  color: light-dark(var(--color-blue-800), var(--color-blue-300));
}

html.telebugs body:not([data-page="checkout"]) .buy__actions {
  border-top: var(--border-width) dotted var(--border-color);
  display: grid;
  gap: var(--space-xs);
  font-weight: 400;
  padding-top: var(--space-sm);
  text-align: left;
}

html.telebugs body:not([data-page="checkout"]) .buy__actions p {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-sm);
  justify-content: space-between;
  margin-block: 0;
  text-align: left;
}

html.telebugs body:not([data-page="checkout"]) .buy__actions p span {
  color: var(--muted-color);
  flex: 1 1 10rem;
}

html.telebugs body:not([data-page="checkout"]) .buy__actions .btn {
  flex: 0 0 auto;
  font-size: var(--font-size-small);
  margin-left: 0;
  width: auto;
}

html.telebugs body:not([data-page="checkout"]) .button,
html.telebugs body:not([data-page="checkout"]) .btn,
html.telebugs body:not([data-page="checkout"]) .buy__button a,
html.telebugs body:not([data-page="checkout"]) .cta-button {
  align-items: center;
  border-radius: 0;
  box-shadow: none;
  display: inline-flex;
  font: inherit;
  letter-spacing: 0;
  padding: var(--button-padding-block) var(--button-padding-end)
    var(--button-padding-block) var(--button-padding-start);
  position: relative;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
}

html.telebugs body:not([data-page="checkout"]) .button::after,
html.telebugs body:not([data-page="checkout"]) .btn::after,
html.telebugs body:not([data-page="checkout"]) .buy__button a::after,
html.telebugs body:not([data-page="checkout"]) .cta-button::after {
  color: currentColor;
  content: "›";
  font-size: var(--font-size-button-icon);
  line-height: 1;
  position: absolute;
  right: var(--button-padding-start);
  top: 50%;
  transform: translateY(-50%);
}

html.telebugs body:not([data-page="checkout"]) .button::before,
html.telebugs body:not([data-page="checkout"]) .btn::before,
html.telebugs body:not([data-page="checkout"]) .buy__button a::before,
html.telebugs body:not([data-page="checkout"]) .cta-button::before {
  display: none;
}

html.telebugs body:not([data-page="checkout"]) .button:hover,
html.telebugs body:not([data-page="checkout"]) .btn:hover,
html.telebugs body:not([data-page="checkout"]) .buy__button a:hover,
html.telebugs body:not([data-page="checkout"]) .cta-button:hover {
  text-decoration: none;
}

html.telebugs body:not([data-page="checkout"]) .button:focus-visible,
html.telebugs body:not([data-page="checkout"]) .btn:focus-visible,
html.telebugs body:not([data-page="checkout"]) .buy__button a:focus-visible,
html.telebugs body:not([data-page="checkout"]) .cta-button:focus-visible {
  outline: var(--focus-ring-width) solid currentColor;
  outline-offset: var(--focus-ring-offset);
}

html.telebugs body:not([data-page="checkout"]) .button,
html.telebugs body:not([data-page="checkout"]) .btn--primary,
html.telebugs body:not([data-page="checkout"]) .buy__button a,
html.telebugs body:not([data-page="checkout"]) .cta-button {
  background: light-dark(var(--color-blue-600), var(--color-blue-500));
  border: var(--border-width) solid
    light-dark(var(--color-blue-900), var(--color-blue-400));
  color: var(--color-white) !important;
  cursor: pointer;
}

html.telebugs body:not([data-page="checkout"]) .button:hover,
html.telebugs body:not([data-page="checkout"]) .btn--primary:hover,
html.telebugs body:not([data-page="checkout"]) .buy__button a:hover,
html.telebugs body:not([data-page="checkout"]) .cta-button:hover {
  background: light-dark(var(--color-blue-700), var(--color-blue-500));
  border-color: light-dark(var(--color-blue-950), var(--color-blue-400));
}

html.telebugs body:not([data-page="checkout"]) .button:active,
html.telebugs body:not([data-page="checkout"]) .btn--primary:active,
html.telebugs body:not([data-page="checkout"]) .buy__button a:active,
html.telebugs body:not([data-page="checkout"]) .cta-button:active {
  background: light-dark(var(--color-blue-800), var(--color-blue-600));
  border-color: light-dark(var(--color-blue-950), var(--color-blue-300));
  transform: none;
}

html.telebugs body:not([data-page="checkout"]) .button:focus,
html.telebugs body:not([data-page="checkout"]) .btn--primary:focus,
html.telebugs body:not([data-page="checkout"]) .buy__button a:focus,
html.telebugs body:not([data-page="checkout"]) .cta-button:focus {
  border-color: light-dark(var(--color-blue-950), var(--color-blue-300));
}

html.telebugs body:not([data-page="checkout"]) .btn--secondary {
  background: transparent;
  border: var(--border-width) solid
    light-dark(var(--color-blue-700), var(--color-blue-400));
  color: light-dark(var(--color-blue-700), var(--color-blue-400));
}

html.telebugs body:not([data-page="checkout"]) .btn--secondary:hover {
  background: light-dark(var(--color-blue-50), var(--color-blue-950));
  border-color: light-dark(var(--color-blue-800), var(--color-blue-300));
  color: light-dark(var(--color-blue-800), var(--color-blue-300));
}

html.telebugs body:not([data-page="checkout"]) .btn--secondary:active {
  background: light-dark(var(--color-blue-100), var(--color-blue-900));
  border-color: light-dark(var(--color-blue-900), var(--color-blue-200));
  color: light-dark(var(--color-blue-900), var(--color-blue-200));
  transform: none;
}

html.telebugs body:not([data-page="checkout"]) .btn--secondary:focus {
  border-color: light-dark(var(--color-blue-900), var(--color-blue-200));
}

html.telebugs body:not([data-page="checkout"]) .buy__button a {
  justify-content: center;
  width: 100%;
}

html.telebugs body:not([data-page="checkout"]) .buy__button a span {
  color: inherit;
  display: inline;
  font: inherit;
  padding: 0;
  text-shadow: none;
}

html.telebugs body:not([data-page="checkout"]) .cards {
  display: grid;
  gap: var(--space-sm);
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  margin-top: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .card {
  background: transparent;
  border: var(--border-width) solid var(--border-color);
  border-radius: 0;
  box-shadow: none;
  padding: var(--space-sm);
  width: auto;
}

html.telebugs body:not([data-page="checkout"]) .card.highlight {
  background: transparent;
  border-color: light-dark(var(--color-blue-700), var(--color-blue-400));
}

html.telebugs body:not([data-page="checkout"]) .card__title,
html.telebugs body:not([data-page="checkout"]) .card__cost,
html.telebugs body:not([data-page="checkout"]) #savings,
html.telebugs body:not([data-page="checkout"]) .pricing-footnote,
html.telebugs body:not([data-page="checkout"]) .txt-small {
  font-size: var(--font-size-base);
}

html.telebugs body:not([data-page="checkout"]) .card__per-year {
  display: block;
  font-size: var(--font-size-small);
}

html.telebugs body:not([data-page="checkout"]) .product__header--changelog {
  align-items: center;
  display: flex;
  gap: var(--space-sm);
  justify-content: space-between;
}

html.telebugs body:not([data-page="checkout"]) .product__header--changelog > * {
  margin-block: 0;
}

html.telebugs body:not([data-page="checkout"]) .product__atom-link {
  display: inline-block;
  line-height: 1;
  margin-left: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .product__atom {
  display: inline-block;
  height: var(--icon-size);
  vertical-align: middle;
  width: var(--icon-size);
}

html.telebugs body:not([data-page="checkout"]) .product__back {
  font-size: var(--font-size-small);
  margin-bottom: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .posts__container {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  letter-spacing: 0;
  margin-top: var(--space-md);
}

html.telebugs body:not([data-page="checkout"]) .posts__post {
  border-top: var(--border-width) dotted var(--border-color);
  display: block;
  margin: 0;
  padding-top: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .posts__post time {
  color: var(--muted-color);
  display: block;
  font-size: var(--font-size-small);
  line-height: 1.2;
  margin-bottom: var(--space-3xs);
}

html.telebugs body:not([data-page="checkout"]) .posts__post h2 {
  color: var(--text-color);
  font-size: var(--font-size-h3);
  font-weight: 700;
  line-height: 1.2;
  margin-block: var(--space-3xs);
}

html.telebugs body:not([data-page="checkout"]) .posts__post p {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  margin-block: var(--space-2xs) 0;
}

html.telebugs body:not([data-page="checkout"]) .page__author {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--font-size-small);
  gap: var(--space-sm);
  letter-spacing: 0;
}

html.telebugs body:not([data-page="checkout"]) .page__author span {
  align-items: center;
  display: flex;
  gap: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .page__author img {
  border: var(--border-width) solid var(--border-color);
  border-radius: 0;
  height: var(--author-avatar-size);
  object-fit: cover;
  width: var(--author-avatar-size);
}

html.telebugs body:not([data-page="checkout"]) .page__author dl {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
  line-height: 1.2;
  margin: 0;
}

html.telebugs body:not([data-page="checkout"]) .page__author dt {
  color: var(--text-color);
  font-weight: 700;
}

html.telebugs body:not([data-page="checkout"]) .page__author dd {
  color: var(--muted-color);
  font-size: var(--font-size-small);
  margin-left: 0;
}

html.telebugs body:not([data-page="checkout"]) .docs {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
  margin-top: 0;
}

html.telebugs body:not([data-page="checkout"]) .docs section {
  border-top: var(--border-width) dotted var(--border-color);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  padding-top: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .docs section header {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-sm);
  justify-content: space-between;
}

html.telebugs body:not([data-page="checkout"]) .docs section header h2 {
  color: var(--text-color);
  font-size: var(--font-size-h2);
  font-weight: 700;
  margin: 0;
}

html.telebugs body:not([data-page="checkout"]) .docs section header time {
  color: var(--muted-color);
  font-size: var(--font-size-small);
  font-weight: 400;
}

html.telebugs body:not([data-page="checkout"]) .docs section article {
  color: var(--text-color);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}

html.telebugs body:not([data-page="checkout"]) .docs section article > * + * {
  margin-top: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .docs section article h1,
html.telebugs body:not([data-page="checkout"]) .docs section article h2,
html.telebugs body:not([data-page="checkout"]) .docs section article h3,
html.telebugs body:not([data-page="checkout"]) .docs section article h4,
html.telebugs body:not([data-page="checkout"]) .docs section article h5,
html.telebugs body:not([data-page="checkout"]) .docs section article h6 {
  color: var(--text-color);
  font-weight: 700;
  margin-top: var(--space-md);
}

html.telebugs body:not([data-page="checkout"]) .docs section article h3 {
  font-size: var(--font-size-h3);
}

html.telebugs body:not([data-page="checkout"]) .docs section article ul,
html.telebugs body:not([data-page="checkout"]) .docs section article ol {
  display: block;
  padding-left: var(--list-indent);
}

html.telebugs body:not([data-page="checkout"]) .docs section article li + li {
  margin-top: var(--space-2xs);
}

html.telebugs body:not([data-page="checkout"]) .legal {
  border-top: var(--border-width) solid var(--border-color);
  color: var(--text-color);
  display: block;
  flex-direction: initial;
  font-size: var(--font-size-legal);
  line-height: var(--line-height-base);
  margin-bottom: 0;
  margin-inline: 0;
  margin-top: var(--space-xl);
  max-width: var(--page-width);
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--space-sm);
  text-align: center;
  width: auto;
}

html.telebugs body:not([data-page="checkout"]) .legal > * + * {
  margin-top: 0;
}

html.telebugs body:not([data-page="checkout"]) .legal p {
  font-size: var(--font-size-small);
  font-weight: 400;
  line-height: var(--line-height-base);
  margin-bottom: 0;
  margin-block: var(--space-xs);
}

html.telebugs body:not([data-page="checkout"]) .legal a {
  color: light-dark(var(--color-blue-700), var(--color-blue-400));
  font-weight: inherit;
  text-decoration-color: currentColor;
}

html.telebugs body:not([data-page="checkout"]) .legal a:hover,
html.telebugs body:not([data-page="checkout"]) .legal a:focus-visible {
  color: light-dark(var(--color-blue-800), var(--color-blue-300));
}

html.telebugs body:not([data-page="checkout"]) .legal hr {
  border: 0;
  border-top: var(--border-width) solid var(--border-color);
  margin-block: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .legal br {
  display: inline;
}

html.telebugs body:not([data-page="checkout"]) .legal__terms {
  font-size: var(--font-size-small);
}

html.telebugs body:not([data-page="checkout"]) .legal__brand {
  margin-block: 0 var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .legal__brand a {
  display: inline-block;
  line-height: 0;
}

html.telebugs body:not([data-page="checkout"]) .legal__brand img {
  height: auto;
  width: var(--brand-logo-width);
}

html.telebugs body:not([data-page="checkout"]) .legal__links {
  margin-top: var(--space-sm);
}

html.telebugs body:not([data-page="checkout"]) .legal__links p {
  font-size: var(--font-size-small);
}

html.telebugs body:not([data-page="checkout"]) .legal__links strong {
  color: var(--text-color);
  font-weight: 700;
}

html.telebugs body:not([data-page="checkout"]) .social-links ul {
  align-items: center;
  display: flex;
  gap: var(--space-sm);
  justify-content: center;
  list-style: none;
  margin: var(--space-sm) 0 0;
  padding: 0;
}

html.telebugs body:not([data-page="checkout"]) .social-links a {
  align-items: center;
  color: light-dark(var(--color-blue-700), var(--color-blue-400));
  display: inline-flex;
  height: var(--social-link-size);
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  width: var(--social-link-size);
}

html.telebugs body:not([data-page="checkout"]) .social-links li {
  align-items: center;
  display: flex;
  line-height: 1;
  margin: 0;
}

html.telebugs body:not([data-page="checkout"]) .social-links svg {
  display: block;
  height: var(--icon-size);
  width: var(--icon-size);
}

@media (prefers-color-scheme: dark) {
  html.telebugs body:not([data-page="checkout"]) .legal__brand img {
    filter: invert(1);
  }
}

html.telebugs body[data-page="checkout"] a {
  color: light-dark(var(--color-blue-700), var(--color-blue-400));
  font-weight: inherit;
  text-decoration-line: none;
  text-decoration-color: currentColor;
  text-decoration-thickness: from-font;
  text-underline-offset: 0.12em;
}

html.telebugs body[data-page="checkout"] a:hover,
html.telebugs body[data-page="checkout"] a:focus-visible {
  color: light-dark(var(--color-blue-800), var(--color-blue-300));
  text-decoration-line: underline;
}

html.telebugs body[data-page="checkout"] mark {
  background: light-dark(#fff1a8, rgb(255 214 64 / 0.28));
  border-radius: 0.08em;
  box-decoration-break: clone;
  color: inherit;
  font-weight: inherit;
  padding-inline: 0.08em;
  -webkit-box-decoration-break: clone;
}

html.telebugs body[data-page="checkout"] .checkout-container {
  padding: 0;
}

html.telebugs body[data-page="checkout"] .checkout-logo {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-sm);
  margin: 0 0 var(--space-lg);
  max-width: none;
}

html.telebugs body[data-page="checkout"] .checkout-logo a {
  display: inline-block;
  line-height: 0;
}

html.telebugs body[data-page="checkout"] .checkout-logo img {
  content: url("/assets/images/logo-telebugs.svg");
  display: block;
  filter: none;
  height: auto;
  width: var(--logo-width);
}

html.telebugs body[data-page="checkout"] .checkout-grid {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
  margin: 0;
  max-width: var(--checkout-page-width);
}

html.telebugs body[data-page="checkout"] .checkout-content {
  margin: 0;
  max-width: var(--checkout-content-width);
  order: 1;
}

html.telebugs body[data-page="checkout"] .paddle-checkout {
  background: #fff;
  border: var(--border-width) solid var(--border-color);
  color-scheme: light;
  min-height: 28rem;
  min-width: 0;
  order: 2;
  padding: 0;
  width: 100%;
}

html.telebugs body[data-page="checkout"] .paddle-checkout iframe {
  background: #fff;
  color-scheme: light;
  max-width: 100%;
}

html.telebugs body[data-page="checkout"] .checkout-title {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-sm);
  margin-block: var(--space-md);
}

html.telebugs body[data-page="checkout"] .checkout-title__h1 {
  color: var(--text-color);
  font-size: var(--font-size-h1);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

html.telebugs body[data-page="checkout"] .checkout-title__label {
  background: transparent;
  border: var(--border-width) solid var(--border-color);
  border-radius: 0;
  color: var(--muted-color);
  font: 400 var(--font-size-tiny) / 1 var(--font-mono);
  padding: var(--space-3xs) var(--space-2xs);
  text-transform: none;
}

html.telebugs body[data-page="checkout"] .checkout-price {
  align-items: center;
  border-block: var(--border-width) dotted var(--border-color);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm) var(--space-md);
  margin-block: var(--space-lg);
  padding-block: var(--space-sm);
}

html.telebugs body[data-page="checkout"] .checkout-price__usd {
  color: var(--text-color);
  font-size: var(--font-size-h1);
  font-weight: 700;
  line-height: 1.1;
}

html.telebugs body[data-page="checkout"] .checkout-price__details {
  line-height: 1.25;
}

html.telebugs body[data-page="checkout"] .checkout-price__title {
  color: var(--text-color);
  font-size: var(--font-size-base);
  font-weight: 700;
}

html.telebugs body[data-page="checkout"] .checkout-price__description,
html.telebugs body[data-page="checkout"] .checkout-description {
  color: var(--muted-color);
  font-size: var(--font-size-small);
  line-height: var(--line-height-base);
}

html.telebugs body[data-page="checkout"] .checkout-description {
  margin-block: var(--space-md);
}

html.telebugs body[data-page="checkout"] .checkout-summary {
  color: var(--text-color);
  font-size: var(--font-size-small);
  line-height: var(--line-height-base);
  margin-block: var(--space-lg) 0;
}

html.telebugs body[data-page="checkout"] .checkout-summary > div:not(:first-child) {
  border-top: 0;
}

html.telebugs body[data-page="checkout"] .checkout-summary__row {
  border-bottom: var(--border-width) dotted var(--border-color);
  display: flex;
  gap: var(--space-sm);
  justify-content: space-between;
  padding-block: var(--space-xs);
}

html.telebugs body[data-page="checkout"] .checkout-summary dt,
html.telebugs body[data-page="checkout"] .checkout-summary dd {
  margin: 0;
}

html.telebugs body[data-page="checkout"] .checkout-summary dt {
  color: var(--muted-color);
}

html.telebugs body[data-page="checkout"] .checkout-summary__row--total {
  font-weight: 700;
  padding-top: var(--space-sm);
}

html.telebugs body[data-page="checkout"] .checkout-summary__row--total dt {
  color: var(--text-color);
}

html.telebugs body[data-page="checkout"] .checkout-summary__tabular-nums {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

html.telebugs body[data-page="checkout"] .testimonials-container {
  border-top: var(--border-width) solid var(--border-color);
  margin-top: var(--space-xl);
  max-width: var(--checkout-page-width);
  padding-top: var(--space-sm);
}

html.telebugs body[data-page="checkout"] .testimonials-container .product__header {
  margin: 0 0 var(--space-md);
}

html.telebugs body[data-page="checkout"] .testimonials-container .product__header h2 {
  color: var(--text-color);
  font-size: var(--font-size-h2);
  line-height: 1.25;
  margin: 0;
}

html.telebugs body[data-page="checkout"] .testimonials {
  column-count: 1;
  column-gap: var(--space-xl);
}

html.telebugs body[data-page="checkout"] .testimonials__testimonial {
  background: light-dark(#f8f8f8, #181818);
  border: var(--border-width) solid var(--border-color);
  border-radius: 0;
  box-shadow: none;
  break-inside: avoid;
  display: inline-block;
  margin-top: var(--space-lg);
  padding: var(--space-md);
  vertical-align: top;
  width: 100%;
}

html.telebugs body[data-page="checkout"] .testimonials__testimonial blockquote {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

html.telebugs body[data-page="checkout"] .testimonials__testimonial blockquote q {
  color: var(--text-color);
  display: block;
  font-size: var(--font-size-base);
  font-weight: 400;
  line-height: 1.55;
  margin: 0;
}

html.telebugs body[data-page="checkout"] .testimonials__testimonial blockquote q::before,
html.telebugs body[data-page="checkout"] .testimonials__testimonial blockquote q::after {
  display: none;
}

html.telebugs body[data-page="checkout"] .testimonials__testimonial blockquote cite {
  align-items: center;
  display: flex;
  font-size: var(--font-size-small);
  gap: var(--space-sm);
  line-height: 1.2;
  margin-top: var(--space-md);
}

html.telebugs body[data-page="checkout"] .testimonials__testimonial blockquote cite img {
  border: var(--border-width) solid var(--border-color);
  border-radius: 0;
  height: var(--author-avatar-size);
  object-fit: cover;
  width: var(--author-avatar-size);
}

html.telebugs body[data-page="checkout"] .testimonials__testimonial blockquote cite dl,
html.telebugs body[data-page="checkout"] .testimonials__testimonial blockquote cite dd {
  margin: 0;
}

html.telebugs body[data-page="checkout"] .testimonials__testimonial blockquote cite dl {
  font-size: var(--font-size-small);
  font-weight: 400;
  gap: var(--space-3xs);
  line-height: 1.2;
}

html.telebugs body[data-page="checkout"] .testimonials__testimonial blockquote cite dt {
  color: var(--text-color);
  font-size: inherit;
  font-weight: 700;
}

html.telebugs body[data-page="checkout"] .testimonials__testimonial blockquote cite dd {
  color: var(--muted-color);
  font-size: var(--font-size-small);
}

html.telebugs body[data-page="checkout"] .testimonials-container > p {
  font-size: var(--font-size-small);
  margin-block: var(--space-md) 0;
}

@media (prefers-color-scheme: dark) {
  html.telebugs body[data-page="checkout"] .checkout-logo img {
    content: url("/assets/images/logo-telebugs-dark.svg");
  }
}

@media (max-width: 22rem) {
  html.telebugs body[data-page="checkout"] {
    margin-inline: var(--space-3xs);
  }
}

@media (min-width: 48rem) {
  html.telebugs body[data-page="checkout"] .testimonials {
    column-count: 2;
  }

  html.telebugs body:not([data-page="checkout"]) .product--full-width .testimonials {
    column-count: 2;
  }
}

@media (min-width: 72rem) {
  html.telebugs body[data-page="checkout"] {
    margin: var(--space-lg) var(--space-xl);
  }

  html.telebugs body[data-page="checkout"] .checkout-grid {
    display: grid;
    grid-template-columns: minmax(0, var(--checkout-content-width))
      minmax(24rem, var(--checkout-form-width));
  }

  html.telebugs body[data-page="checkout"] .checkout-content {
    grid-column: 1;
    grid-row: 1;
  }

  html.telebugs body[data-page="checkout"] .paddle-checkout {
    align-self: start;
    grid-column: 2;
    grid-row: 1;
    padding: var(--space-sm);
    position: sticky;
    top: var(--space-lg);
  }

  html.telebugs body:not([data-page="checkout"]) {
    margin: var(--space-lg) var(--space-xl);
  }

  html.telebugs body:not([data-page="checkout"]) .product {
    align-items: start;
    display: grid;
    gap: var(--space-xl);
    grid-template-columns: minmax(0, var(--page-width))
      minmax(var(--aside-min-width), var(--aside-max-width));
  }

  html.telebugs body:not([data-page="checkout"]) .product.product--full-width {
    display: block;
  }

  html.telebugs body:not([data-page="checkout"]) .product__mobile-buy {
    display: none;
  }

  html.telebugs body:not([data-page="checkout"]) .product--full-width .testimonials {
    column-count: 3;
  }

  html.telebugs body:not([data-page="checkout"]) .product__body,
  html.telebugs body:not([data-page="checkout"]) .product__aside {
    order: initial;
  }

  html.telebugs body:not([data-page="checkout"]) .product__aside {
    align-self: start;
    border-top: 0;
    margin-top: 0;
    max-height: var(--sticky-max-height);
    overflow: auto;
    padding-top: 0;
    position: sticky;
    top: var(--space-lg);
  }
}