[data-public-view-switch] {
  box-sizing: border-box;
  color: var(--public-ink, var(--ink, CanvasText));
  font: 500 14px/1.3 var(--font-family-sans, system-ui, sans-serif);
}
[data-public-view-switch][hidden] {
  display: none;
}
[data-public-view-switch] a {
  color: inherit;
}
[data-public-view-switch] a:focus-visible {
  outline: 2px solid var(--public-focus-color, Highlight);
  outline-offset: 2px;
}
.public-view-desktop {
  position: fixed;
  z-index: 20;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 3px;
  border: 1px solid var(--public-hairline-strong, var(--line, GrayText));
  border-radius: 999px;
  background: var(--public-ground, var(--ground, Canvas));
  box-shadow: var(--public-shadow-overlay, none);
}
.public-view-desktop > * {
  display: grid;
  min-height: 44px;
  min-width: 72px;
  place-items: center;
  border-radius: 999px;
  text-decoration: none;
}
.public-view-desktop > [aria-current="page"] {
  background: var(--public-action, var(--ink, CanvasText));
  color: var(--public-action-foreground, var(--public-ground, var(--ground, Canvas)));
}
.public-view-mobile {
  display: none;
}
.public-agent-document article {
  overflow-wrap: anywhere;
}
.public-agent-document pre {
  overflow-x: auto;
}
.public-agent-source {
  font-size: 14px;
}
.public-agent-document main {
  padding-bottom: 88px;
}
@media (hover: hover) {
  .public-view-desktop a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
}
@media (max-width: 767px) {
  .public-view-desktop {
    display: none;
  }
  .public-view-mobile {
    display: flex;
    justify-content: center;
    padding: 0 16px max(12px, env(safe-area-inset-bottom));
  }
  .public-view-mobile a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .public-agent-document main {
    padding-bottom: 24px;
  }
}