:root {
  --separator: transparent;
  --hairline: rgba(60, 60, 67, 0.16);
}

@media (prefers-color-scheme: dark) {
  :root {
    --separator: transparent;
    --hairline: rgba(84, 84, 88, 0.45);
  }
}

* { box-shadow: none !important; }

.docs-search input,
.docs-search kbd { background: var(--fill); }

.docs-toc ul { padding-left: 0; }
.docs-toc a { border-left: 0; padding-left: 0; }
.docs-toc a[aria-current="location"] { color: var(--tint); font-weight: 600; }

.docs-article h2 { padding-top: var(--space-xl); }

.site-table tbody tr + tr td {
  background-image: linear-gradient(var(--hairline), var(--hairline));
  background-size: 100% 1px;
  background-repeat: no-repeat;
}

.docs-article blockquote {
  margin: 0;
  padding: var(--space-m) var(--space-l);
  border-radius: var(--radius-m);
  background: color-mix(in srgb, var(--tint) 8%, transparent);
}

.docs-article blockquote p { margin: 0; }

.docs-search input::placeholder { color: color-mix(in srgb, var(--label) 62%, transparent); }
.docs-search input::-webkit-search-cancel-button { display: block; -webkit-appearance: searchfield-cancel-button; }

.docs-nav li a,
.docs-toc a { min-height: var(--target); display: flex; align-items: center; }
.docs-label { min-height: var(--target); display: inline-flex; align-items: center; }

.docs-article code,
.docs-article pre { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-variant-ligatures: none; }

.site-table tbody tr:first-child td {
  background-image: linear-gradient(var(--hairline), var(--hairline));
  background-size: 100% 1px;
  background-repeat: no-repeat;
}

@media (max-width: 959px) {
  .nav-open .docs-menu { visibility: hidden; }
}