:root {
  --primary: 0 102 255;
  --primary-light: 64 143 255;
  --primary-dark: 0 76 191;
  --background-light: 255 255 255;
  --background-dark: 10 10 10;
  --default-border-color: 245 245 245;
  --gray-50: 250 250 250;
  --gray-100: 245 245 245;
  --gray-200: 229 229 229;
  --gray-300: 212 212 212;
  --gray-400: 163 163 163;
  --gray-500: 115 115 115;
  --gray-600: 82 82 82;
  --gray-700: 64 64 64;
  --gray-800: 38 38 38;
  --gray-900: 23 23 23;
  --gray-950: 10 10 10;
  --opdoc-navbar-height: 3rem;
  --opdoc-section-nav-height: 2.5rem;
  --opdoc-sticky-offset: 0rem;
}

.opdoc__layout {
  min-height: 100vh;
}

.opdoc__navbar {
  position: relative;
  z-index: 30;
}

.opdoc__navbar-border,
.opdoc__navbar-bg {
  pointer-events: none;
}

.opdoc__navbar-row {
  min-height: var(--opdoc-navbar-height);
  max-height: var(--opdoc-navbar-height);
  overflow: hidden;
}

.opdoc__section-nav {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 1.5rem;
  box-sizing: border-box;
  min-height: var(--opdoc-section-nav-height);
  margin-inline: -1rem;
  border-top: 1px solid rgb(var(--gray-200));
  border-bottom: 1px solid rgb(var(--gray-200));
  padding-inline: 1rem;
  background-color: rgb(var(--gray-50));
  overflow-x: auto;
  scrollbar-width: none;
}

.opdoc__section-nav::-webkit-scrollbar {
  display: none;
}

.opdoc__section-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: var(--opdoc-section-nav-height);
  color: rgb(var(--gray-600));
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}

.opdoc__section-link:hover,
.opdoc__section-link.is-active {
  color: rgb(var(--gray-950));
}

.opdoc__section-link.is-active::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: currentColor;
  content: "";
}

html.dark .opdoc__section-link {
  color: rgb(var(--gray-400));
}

html.dark .opdoc__section-link:hover,
html.dark .opdoc__section-link.is-active {
  color: rgb(var(--gray-100));
}

html.dark .opdoc__section-nav {
  border-color: rgb(var(--gray-800));
  background-color: rgb(var(--gray-900));
}

.opdoc__navbar-inner {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px) {
  .opdoc__navbar-inner {
    padding-left: 36px;
    padding-right: 36px;
  }

  .opdoc__section-nav {
    margin-inline: -36px;
    padding-inline: 36px;
  }
}

.opdoc__shell {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.opdoc__sidebar {
  display: block;
  flex: 0 0 14rem;
  width: 14rem;
  position: static;
  max-height: none;
  overflow-y: visible;
  overflow-x: hidden;
  padding: 1.5rem 0 2rem;
}

.opdoc__sidebar .aside-left,
.opdoc__sidebar .aside-left__content,
.opdoc__sidebar .aside-navigation-list-wrapper {
  position: static;
  width: auto;
  height: auto;
  max-height: none;
  overflow: visible;
  display: block;
}

.opdoc__sidebar .aside-navigation-list {
  display: block;
}

.opdoc__main {
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  gap: 2rem;
}

.opdoc__content-col {
  flex: 1 1 auto;
  min-width: 0;
}

.opdoc__content {
  width: 100%;
  max-width: 44rem;
  margin: 0 auto;
  padding: 1rem 1.5rem 0;
}

.opdoc__aside {
  display: block;
  flex: 0 0 16.5rem;
  width: 16.5rem;
  position: sticky;
  top: var(--opdoc-sticky-offset);
  max-height: calc(100vh - var(--opdoc-sticky-offset));
  overflow-y: auto;
  padding: 2.5rem 1.5rem 2rem 0;
}

.opdoc__aside .aside-right,
.opdoc__aside .aside-right__content,
.opdoc__aside .aside-right__content-wrapper,
.opdoc__aside .aside-right__content-wrapper-inner {
  position: static;
  width: auto;
  height: auto;
  max-height: none;
  overflow: visible;
  display: block;
}

.opdoc__header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.opdoc__copy {
  flex-shrink: 0;
}

.opdoc__footer {
  margin-top: 4rem;
  padding: 2rem 0;
}

.opdoc__footer-inner {
  width: 100%;
  max-width: 44rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.opdoc__nav-toggle {
  display: none;
}

@media (max-width: 1279px) {
  .opdoc__aside {
    display: none;
  }
}

@media (max-width: 1023px) {
  .opdoc__sidebar {
    display: none;
  }

  .opdoc__nav-toggle {
    display: inline-flex;
  }

  .opdoc__content {
    padding-top: 1.5rem;
  }
}

.opdoc__body [class*="typo-"],
.opdoc__title[class*="typo-"],
.opdoc__eyebrow[class*="typo-"] {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.opdoc__body h1,
.opdoc__body h2,
.opdoc__body h3,
.opdoc__body h4,
.opdoc__body h5,
.opdoc__body h6,
.opdoc__body p,
.opdoc__body li,
.opdoc__body blockquote,
.opdoc__body code,
.opdoc__body pre {
  font-family: inherit;
  letter-spacing: normal;
}

.opdoc__body {
  font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
}

.opdoc__title {
  font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  letter-spacing: -0.03125rem;
  font-weight: 500;
}

@media (min-width: 640px) {
  .opdoc__title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.opdoc__eyebrow {
  font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.opdoc__layout .opdoc__body {
  font-size: 1rem;
  line-height: 1.75;
}

.opdoc__layout .opdoc__body p {
  font-size: 1em;
  line-height: 1.75;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.opdoc__layout .opdoc__body h2 {
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.33333;
  margin-top: 1.5em;
  margin-bottom: 0.75em;
}

.opdoc__layout .opdoc__body h3 {
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 1.6em;
  margin-bottom: 0.7em;
}

.opdoc__layout .opdoc__body h4 {
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.5;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
}

.opdoc__layout .opdoc__body ul,
.opdoc__layout .opdoc__body ol {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.opdoc__layout .opdoc__body li {
  font-size: 1em;
  line-height: 1.75;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.opdoc__sidebar .aside-navigation-list-wrapper {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  max-width: 100%;
}

.opdoc__sidebar .search-block {
  margin-left: 0;
  margin-right: 0;
}

.opdoc__sidebar {
  padding-inline-start: 1rem;
  padding-inline-end: 0.5rem;
}

.opdoc__sidebar .aside-navigation-list-wrapper,
.opdoc__sidebar .aside-navigation-list,
.opdoc__sidebar .search-block,
.opdoc__sidebar .search-block__inner {
  width: 100%;
  max-width: 100%;
  flex: 1 1 auto;
}

.opdoc__sidebar .search-block__inner {
  display: block;
  position: relative;
  width: 100%;
}

.opdoc__sidebar .search-block input[type="search"] {
  width: 100%;
  box-sizing: border-box;
}

.opdoc__sidebar .os-scrollbar,
.opdoc__sidebar [data-overlayscrollbars-viewport] ~ .os-scrollbar,
.opdoc__aside .os-scrollbar {
  display: none;
}

.opdoc__sidebar [data-overlayscrollbars-viewport] {
  overflow: visible;
  max-height: none;
}

body.opdoc {
  background-color: rgb(var(--background-light));
}

html.dark body.opdoc {
  background-color: rgb(var(--background-dark));
}

.opdoc__theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  order: 99;
}

.opdoc__theme-toggle:hover {
  background-color: rgb(var(--gray-500) / 0.12);
}

.opdoc__theme-toggle-icon {
  font-size: 18px;
  line-height: 1;
}

.opdoc__theme-toggle-icon--dark,
html.dark .opdoc__theme-toggle-icon--light {
  display: none;
}

html.dark .opdoc__theme-toggle-icon--dark {
  display: inline-block;
}

html.dark .opdoc__layout {
  color: rgb(var(--gray-400));
}

html.dark .opdoc__title,
html.dark .opdoc__layout .opdoc__body h1,
html.dark .opdoc__layout .opdoc__body h2,
html.dark .opdoc__layout .opdoc__body h3,
html.dark .opdoc__layout .opdoc__body h4,
html.dark .opdoc__layout .opdoc__body h5,
html.dark .opdoc__layout .opdoc__body h6,
html.dark .opdoc__layout .opdoc__body strong {
  color: rgb(var(--gray-100));
}

html.dark .opdoc__layout .opdoc__body,
html.dark .opdoc__layout .opdoc__body p,
html.dark .opdoc__layout .opdoc__body li,
html.dark .opdoc__layout .opdoc__body blockquote {
  color: rgb(var(--gray-300));
}

html.dark .opdoc__sidebar,
html.dark .opdoc__sidebar .aside-left,
html.dark .opdoc__sidebar .aside-left__content,
html.dark .opdoc__sidebar .aside-navigation-list-wrapper,
html.dark .opdoc__aside,
html.dark .opdoc__aside .aside-right,
html.dark .opdoc__aside .aside-right__content,
html.dark .opdoc__aside .aside-right__content-wrapper,
html.dark .opdoc__aside .aside-right__content-wrapper-inner,
html.dark .opdoc__aside .blog-page-aside {
  background-color: transparent;
  border-color: rgb(var(--background-light) / 0.08);
  box-shadow: none;
}

html.dark .opdoc__sidebar a,
html.dark .opdoc__aside a {
  color: rgb(var(--gray-400));
}

html.dark .opdoc__sidebar a:hover,
html.dark .opdoc__aside a:hover {
  color: rgb(var(--gray-100));
}

html.dark .opdoc__sidebar .search-block input[type="search"] {
  background-color: rgb(var(--background-light) / 0.04);
  border-color: rgb(var(--background-light) / 0.12);
  color: rgb(var(--gray-200));
}

html.dark .opdoc__breadcrumbs,
html.dark .opdoc__aside .blog-page-aside__nav-title {
  color: rgb(var(--gray-500));
}

.opdoc__navbar-border {
  border-color: rgb(var(--gray-100));
}

html.dark .opdoc__navbar-border {
  border-color: rgb(var(--gray-800));
}

.opdoc__main,
.opdoc__content-col,
.opdoc__body {
  min-width: 0;
}

.opdoc__content-col {
  max-width: 100%;
}

.opdoc__content {
  max-width: min(43.5rem, 100%);
}

.opdoc__body img,
.opdoc__body video,
.opdoc__body iframe,
.opdoc__body table,
.opdoc__body pre {
  max-width: 100%;
}

.opdoc__body pre {
  overflow-x: auto;
}

.opdoc__layout .opdoc__body .wp-block-table {
  max-width: 100%;
  overflow-x: auto;
}

.opdoc__layout .opdoc__body table code {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.opdoc__layout .opdoc__main {
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 0;
}

@media (min-width: 1024px) {
  .opdoc__content {
    margin-inline-start: max(0px, calc(50vw - 348px - 14rem));
    margin-inline-end: auto;
  }
}

.opdoc__layout .opdoc__sidebar .aside-left__content,
.opdoc__layout .opdoc__sidebar .aside-left {
  padding: 0;
  margin: 0;
}

.opdoc__layout .opdoc__sidebar .aside-navigation-list-wrapper {
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.opdoc__layout .opdoc__sidebar .aside-navigation-list a,
.opdoc__layout .opdoc__sidebar .aside-nav-list a {
  overflow-wrap: anywhere;
}

.opdoc__layout .opdoc__sidebar .aside-navigation-list,
.opdoc__layout .opdoc__sidebar .aside-nav-list {
  gap: 0.0625rem;
  max-height: none;
  overflow: visible;
}

.opdoc__layout .opdoc__sidebar .aside-navigation-list__title,
.opdoc__layout .opdoc__sidebar .aside-nav-list__link {
  display: flex;
  width: 100%;
  min-height: 2rem;
  align-items: center;
  box-sizing: border-box;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  color: rgb(var(--gray-700));
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-decoration: none;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.opdoc__layout .opdoc__sidebar .aside-navigation-list__title:hover,
.opdoc__layout .opdoc__sidebar .aside-nav-list__link:hover,
.opdoc__layout .opdoc__sidebar .aside-navigation-list__title.is-active,
.opdoc__layout .opdoc__sidebar .aside-nav-list__link.is-active {
  color: rgb(var(--gray-950));
  background-color: rgb(var(--gray-100));
}

.opdoc__layout .opdoc__sidebar .aside-navigation-list__title.is-active,
.opdoc__layout .opdoc__sidebar .aside-nav-list__link.is-active {
  font-weight: 500;
}

.opdoc__layout .opdoc__sidebar .aside-nav-list__link::before {
  display: none;
}

.opdoc__layout .opdoc__aside .aside-right,
.opdoc__layout .opdoc__aside .aside-right__content,
.opdoc__layout .opdoc__aside .aside-right__content-wrapper,
.opdoc__layout .opdoc__aside .aside-right__content-wrapper-inner,
.opdoc__layout .opdoc__aside .blog-page-aside,
.opdoc__layout .opdoc__aside .blog-page-aside__nav,
.opdoc__layout .opdoc__aside .blog-page-aside__nav-wrap,
.opdoc__layout .opdoc__aside .aside-nav-list {
  position: static;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  transform: none;
  inset: auto;
}

.opdoc__layout .opdoc__aside .blog-page-aside__nav-title {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: rgb(var(--gray-900));
  margin-bottom: 0.75rem;
  padding-inline-start: 0;
}

.opdoc__layout .opdoc__aside .aside-nav-list a {
  display: block;
  padding: 0.25rem 0 0.25rem 1rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.opdoc__eyebrow {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: rgb(var(--primary)) !important;
}

.opdoc__eyebrow:lang(en) {
  text-transform: capitalize;
}

.opdoc__eyebrow:empty,
.opdoc__layout .opdoc__header .opdoc__eyebrow:empty {
  display: none;
}

.opdoc__layout .opdoc__sidebar .aside-nav-accordion__title,
.opdoc__layout .opdoc__sidebar .aside-navigation-list__title {
  font-size: 0.75rem;
  font-weight: 600;
  color: rgb(var(--gray-900));
}

.opdoc__layout .opdoc__sidebar .opdoc__group-heading {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  color: rgb(var(--gray-900));
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25rem;
  text-decoration: none;
  cursor: default;
  pointer-events: none;
}

.opdoc__layout .opdoc__sidebar .opdoc__group-overview {
  font-weight: 400;
}

.opdoc__layout .opdoc__sidebar .opdoc__group-heading-link {
  flex: 1 1 auto;
  width: auto;
}

.opdoc__layout .opdoc__sidebar .opdoc__group .opdoc__group .opdoc__group-body {
  padding-left: 0.75rem;
}

html.dark .opdoc__layout .opdoc__sidebar .opdoc__group-heading {
  color: rgb(var(--gray-100));
}

.opdoc__layout .opdoc__body :is(h2, h3, h4, h5, h6)[id],
.opdoc__layout .opdoc__body .blog-heading[id] {
  scroll-margin-top: calc(var(--opdoc-sticky-offset) + 1.5rem);
}

.opdoc__layout .opdoc__pager {
  display: grid;
  gap: 1rem;
  margin-top: 3.5rem;
}

@media (min-width: 1024px) {
  .opdoc__layout .opdoc__pager {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.opdoc__layout .opdoc__pager-link {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.25rem;
  min-width: 0;
  border: 1px solid rgb(var(--gray-300) / 0.7);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  text-decoration: none;
}

.opdoc__layout .opdoc__pager-link:hover {
  border-color: rgb(var(--gray-400));
}

.opdoc__layout .opdoc__pager-link .previous-post__title {
  font-weight: 500;
  color: rgb(var(--gray-900));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 100%;
}

.opdoc__layout .opdoc__pager-link .previous-post__link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: rgb(var(--gray-500));
}

.opdoc__layout .opdoc__pager-link--next {
  text-align: end;
}

.opdoc__layout .opdoc__pager-link--next .previous-post__link {
  justify-content: flex-end;
}

html.dark .opdoc__layout .opdoc__pager-link {
  border-color: rgb(var(--background-light) / 0.1);
}

html.dark .opdoc__layout .opdoc__pager-link .previous-post__title,
html.dark .opdoc__layout .opdoc__aside .blog-page-aside__nav-title,
html.dark .opdoc__layout .opdoc__sidebar .aside-nav-accordion__title {
  color: rgb(var(--gray-100));
}

.opdoc__layout .opdoc__body .blog-heading {
  position: relative;
}

.opdoc__layout .opdoc__header--docs .opdoc__lead {
  margin-top: 1rem;
}

.opdoc__layout .opdoc__header--docs + .opdoc__body {
  margin-top: 2rem;
}

.opdoc__layout--article .opdoc__shell {
  display: block;
}

.opdoc__layout--article .opdoc__main {
  display: block;
}

@media (min-width: 1024px) {
  .opdoc__layout--article .opdoc__content {
    margin-left: auto;
    margin-right: auto;
  }
}

.opdoc__cover {
  margin-bottom: 2rem;
}

.opdoc__cover:empty {
  display: none;
}

.opdoc__cover img {
  width: 100%;
  height: auto;
  border-radius: 0.75rem;
}

.opdoc__cover figure {
  margin: 0;
}

.opdoc__terms {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.opdoc__terms:lang(en) {
  text-transform: capitalize;
}

.opdoc__terms:empty {
  display: none;
}

.opdoc__terms a {
  color: rgb(var(--primary));
  text-decoration: none;
}

.opdoc__terms a:hover {
  text-decoration: underline;
}

.opdoc__meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(var(--gray-500));
}

.opdoc__meta-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  object-fit: cover;
  flex-shrink: 0;
}

.opdoc__meta-avatar:not([src]) {
  display: none;
}

.opdoc__meta-author {
  color: rgb(var(--gray-900));
  font-weight: 500;
  text-decoration: none;
}

.opdoc__meta-author:hover {
  text-decoration: underline;
}

.opdoc__meta-author:empty,
.opdoc__meta-date:empty {
  display: none;
}

.opdoc__meta-author:empty + .opdoc__meta-sep,
.opdoc__meta-date:empty ~ .opdoc__meta-sep {
  display: none;
}

html.dark .opdoc__meta-author {
  color: rgb(var(--gray-100));
}

@media (min-width: 1024px) {
  .opdoc__layout > .site-footer {
    margin-inline-start: 14rem;
    width: calc(100% - 14rem);
  }
}

@media (max-width: 767px) {
  .opdoc__layout .site-footer__columns .op-footer-columns {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
}

html.opdoc-root,
body.opframe {
  background-color: rgb(var(--background-light));
}

html.opdoc-root.dark,
html.dark body.opframe,
html.dark body.opdoc {
  background-color: rgb(var(--background-dark));
}

.opdoc__header--docs {
  container-type: inline-size;
}

.opdoc__header--docs .opdoc__header-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "eyebrow" "title" "lead" "actions";
  align-items: center;
  margin-top: 0.125rem;
}

.opdoc__header--docs .opdoc__eyebrow {
  grid-area: eyebrow;
  margin-bottom: 0.5rem;
  color: rgb(var(--primary)) !important;
}

.opdoc__header--docs .opdoc__title {
  grid-area: title;
  min-width: 0;
}

.opdoc__header--docs + .opdoc__body > h1:first-child {
  display: none;
}

.opdoc__header--docs .opdoc__lead {
  grid-area: lead;
  margin: 0.5rem 0 0;
  font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  color: rgb(var(--gray-700));
  overflow-wrap: anywhere;
}

html.dark .opdoc__header--docs .opdoc__lead {
  color: rgb(var(--gray-400));
}

.opdoc__header--docs .opdoc__lead:empty {
  display: none;
}

.opdoc__header--docs .opdoc__actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  min-width: 156px;
  margin-top: 0.75rem;
}

@container (min-width: 520px) {
  .opdoc__header--docs .opdoc__header-inner {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "eyebrow eyebrow" "title actions" "lead lead";
    column-gap: 0.5rem;
  }

  .opdoc__header--docs .opdoc__actions {
    justify-content: flex-end;
    margin-top: 0;
  }
}

.opdoc__header--docs .opdoc__copy {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.opdoc__header--docs .opdoc__copy .opdoc__copy-btn,
.opdoc__header--docs .opdoc__copy .opdoc__copy-menu .dropdown-block__trigger {
  box-sizing: border-box;
  height: 34px;
  min-height: 34px;
  margin: 0;
  border: 1px solid rgb(var(--gray-200));
  background-color: rgb(var(--background-light));
  box-shadow: none;
  transition: background-color 0.15s ease;
}

.opdoc__header--docs .opdoc__copy .opdoc__copy-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 0.75rem;
  border-inline-end-width: 0;
  border-radius: 0.75rem 0 0 0.75rem;
  font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: rgb(var(--gray-700));
}

.opdoc__header--docs .opdoc__copy .opdoc__copy-btn .btn__icon {
  width: 1rem;
  height: 1rem;
  min-height: 1rem;
  font-size: 1rem;
  line-height: 1;
  color: inherit;
}

.opdoc__header--docs .opdoc__copy .opdoc__copy-btn .btn__text {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}

.opdoc__header--docs .opdoc__copy .opdoc__copy-menu .dropdown-block__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  padding: 0;
  border-radius: 0 0.75rem 0.75rem 0;
  color: rgb(var(--gray-400));
}

.opdoc__header--docs .opdoc__copy .opdoc__copy-menu .dropdown-block__trigger .btn__icon {
  width: 1rem;
  height: 1rem;
  min-height: 1rem;
  font-size: 1rem;
  line-height: 1;
  color: inherit;
}

.opdoc__header--docs .opdoc__copy .opdoc__copy-btn:hover,
.opdoc__header--docs .opdoc__copy .opdoc__copy-menu .dropdown-block__trigger:hover {
  background-color: rgb(var(--gray-600) / 0.05);
}

html.dark .opdoc__header--docs .opdoc__copy .opdoc__copy-btn,
html.dark .opdoc__header--docs .opdoc__copy .opdoc__copy-menu .dropdown-block__trigger {
  border-color: rgb(var(--background-light) / 0.07);
  background-color: rgb(var(--background-dark));
}

html.dark .opdoc__header--docs .opdoc__copy .opdoc__copy-btn {
  color: rgb(var(--gray-300));
}

html.dark .opdoc__header--docs .opdoc__copy .opdoc__copy-menu .dropdown-block__trigger {
  color: rgb(var(--background-light) / 0.5);
}

html.dark .opdoc__header--docs .opdoc__copy .opdoc__copy-btn:hover,
html.dark .opdoc__header--docs .opdoc__copy .opdoc__copy-menu .dropdown-block__trigger:hover {
  background-color: rgb(var(--gray-200) / 0.05);
}

.opdoc__content:has(> .opdoc__header--docs) {
  padding-top: 1.5rem;
}

.opdoc__layout:has(.opdoc__header--docs) .opdoc__aside {
  padding-top: 1rem;
}

.opdoc__nav-path {
  display: none;
}

@media (max-width: 1023px) {
  .opdoc__layout:has(.opdoc__nav-path) {
    --scroll-mt: 144px;
  }

  .opdoc__navbar .opdoc__nav-path {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: calc(100% + 2rem);
    height: 3.5rem;
    margin: 0 -1rem;
    padding: 0 1.25rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    appearance: none;
    font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 400;
    text-align: start;
    color: rgb(var(--gray-500));
    cursor: pointer;
  }
}

.opdoc__nav-path-icon {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}

.opdoc__nav-path-trail {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  margin-inline-start: 1rem;
  overflow: hidden;
  white-space: nowrap;
}

.opdoc__nav-path-parent {
  flex-shrink: 0;
}

.opdoc__nav-path-sep {
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  color: rgb(var(--gray-400));
}

.opdoc__nav-path-parent:empty,
.opdoc__nav-path-parent:empty + .opdoc__nav-path-sep {
  display: none;
}

.opdoc__nav-path-current {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: rgb(var(--gray-900));
}

.opdoc__navbar .opdoc__nav-path:hover .opdoc__nav-path-icon {
  color: rgb(var(--gray-600));
}

html.dark .opdoc__navbar .opdoc__nav-path {
  color: rgb(var(--gray-400));
}

html.dark .opdoc__navbar .opdoc__nav-path:hover .opdoc__nav-path-icon {
  color: rgb(var(--gray-300));
}

html.dark .opdoc__nav-path-current {
  color: rgb(var(--gray-200));
}

.opdoc-root,
.opframe {
  letter-spacing: normal;
}

:where(.opframe) :where(*:not(.opdoc__lead)) {
  letter-spacing: inherit;
}

.opdoc__content:has(> .opdoc__header--docs) {
  padding-bottom: 74px;
}

@media (min-width: 640px) {
  .opdoc__content:has(> .opdoc__header--docs) {
    padding-bottom: 82px;
  }
}

@media (max-width: 1023px) {
  .opdoc__content:has(> .opdoc__header--docs) {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

:where(.opdoc-root) a:hover {
  opacity: 1;
}

.opdoc__offcanvas-menu {
  margin: 1.25rem 0 1.5rem;
  padding: 0 0 1rem;
  border-bottom: 1px solid rgb(var(--gray-100));
}

.opdoc__offcanvas-menu:empty {
  display: none;
}

.opdoc__offcanvas-menu .opdoc__offcanvas-menu-list {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.opdoc__offcanvas-menu .opdoc__offcanvas-menu-list > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opdoc__offcanvas-menu .opdoc__offcanvas-menu-list > li::before {
  display: none;
}

.opdoc__offcanvas-menu .opdoc__offcanvas-menu-list > li > a {
  display: block;
  padding: 0.375rem 0.75rem 0.375rem 1rem;
  border-radius: 0.75rem;
  font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: rgb(var(--gray-600));
  text-decoration: none;
  opacity: 1;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.opdoc__offcanvas-menu .opdoc__offcanvas-menu-list > li > a:hover {
  color: rgb(var(--gray-900));
  background-color: rgb(var(--gray-950) / 0.03);
}

.opdoc__offcanvas-menu .opdoc__offcanvas-menu-list > :is(.current-menu-item, .current-menu-ancestor, .current-menu-parent, .current-page-ancestor, .current_page_parent, .current_page_item) > a {
  color: rgb(var(--gray-950));
  background-color: rgb(var(--gray-950) / 0.03);
}

html.dark .opdoc__offcanvas-menu {
  border-bottom-color: rgb(var(--gray-800));
}

html.dark .opdoc__offcanvas-menu .opdoc__offcanvas-menu-list > li > a {
  color: rgb(var(--gray-400));
}

html.dark .opdoc__offcanvas-menu .opdoc__offcanvas-menu-list > li > a:hover {
  color: rgb(var(--gray-200));
  background-color: rgb(var(--background-light) / 0.03);
}

html.dark .opdoc__offcanvas-menu .opdoc__offcanvas-menu-list > :is(.current-menu-item, .current-menu-ancestor, .current-menu-parent, .current-page-ancestor, .current_page_parent, .current_page_item) > a {
  color: rgb(var(--gray-50));
  background-color: rgb(var(--background-light) / 0.06);
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/inter/UcCm3FwrK3iLTcvnUwkT9mI1F55MKw.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/inter/UcCm3FwrK3iLTcvnUwAT9mI1F55MKw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/inter/UcCm3FwrK3iLTcvnUwgT9mI1F55MKw.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/inter/UcCm3FwrK3iLTcvnUwcT9mI1F55MKw.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/inter/UcCm3FwrK3iLTcvnUwsT9mI1F55MKw.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/inter/UcCm3FwrK3iLTcvnUwoT9mI1F55MKw.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/inter/UcCm3FwrK3iLTcvnUwQT9mI1F54.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 399;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 399;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 399;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 399;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 399;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 399;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvsYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvsYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvsYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvsYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvsYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvsYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcvsYwYZ8UA3J58.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 399;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcviYwYZ8UA3.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcviYwYZ8UA3.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcviYwYZ8UA3.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcviYwYZ8UA3.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcviYwYZ8UA3.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcviYwYZ8UA3.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/inter/UcCo3FwrK3iLTcviYwYZ8UA3.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter Fallback";
  font-style: normal;
  font-weight: 100 500;
  src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Roboto"), local("Roboto-Regular");
  size-adjust: 106.5%;
  ascent-override: 90.96%;
  descent-override: 22.65%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Inter Fallback";
  font-style: normal;
  font-weight: 600 900;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Helvetica-Bold");
  size-adjust: 99%;
  ascent-override: 97.85%;
  descent-override: 24.36%;
  line-gap-override: 0%;
}

.opdoc__layout {
  font-feature-settings: "ss01" 0, "ss02" 0, "ss03" 0;
}

.opdoc__layout :is(code, pre, kbd, samp) {
  font-feature-settings: normal;
}

.opdoc__header--docs .opdoc__copy-menu .blog-page-aside__nav-wrap .js-markdown-conversion-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0.375rem 1rem 0.375rem 0;
  font-weight: 400;
  line-height: 1.2;
  text-align: start;
}

.opdoc__header--docs .opdoc__copy-menu .blog-page-aside__nav-wrap .js-markdown-conversion-button .btn__text {
  line-height: inherit;
  font-weight: inherit;
}

.opdoc__header--docs .opdoc__copy-menu .blog-page-aside__nav-wrap .js-markdown-conversion-button .btn__icon {
  position: static;
  inset-inline-start: auto;
  flex: none;
  width: 0.875rem;
  min-width: 0;
  height: 0.875rem;
  min-height: 0;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1;
}

html.dark .opdoc__header--docs .opdoc__copy-panel {
  background: rgb(var(--background-dark));
  color: rgb(var(--gray-400));
  border: 1px solid rgb(var(--background-light) / 0.1);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgb(var(--gray-950) / 0.5);
}

html.dark .opdoc__header--docs .opdoc__copy-menu .blog-page-aside__nav-title {
  color: rgb(var(--gray-500));
}

html.dark .opdoc__header--docs .opdoc__copy-menu .explore-list__link,
html.dark .opdoc__header--docs .opdoc__copy-menu .blog-page-aside__nav-wrap .js-markdown-conversion-button {
  margin: 0 -0.5rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 1.5rem;
  width: calc(100% + 1rem);
  border-radius: 8px;
  color: rgb(var(--gray-400));
  background-color: transparent;
  transition: color 0.15s ease, background-color 0.15s ease;
}

html.dark .opdoc__header--docs .opdoc__copy-menu .explore-list__link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6' height='6'%3E%3Cpath fill='%239FA1A0' d='M0.64615387 6L0 5.3538461L4.4307694 0.92307693L0.46153846 0.92307693L0.46153846 0L6 0L6 5.5384617L5.0769229 5.5384617L5.0769229 1.5692308L0.64615387 6Z'/%3E%3C/svg%3E");
  background-position: right 0.5rem center;
}

html.dark .opdoc__header--docs .opdoc__copy-menu .explore-list__link:hover,
html.dark .opdoc__header--docs .opdoc__copy-menu .blog-page-aside__nav-wrap .js-markdown-conversion-button:hover {
  color: rgb(var(--gray-200));
  background-color: rgb(var(--background-light) / 0.03);
}

html.dark .opdoc__header--docs .opdoc__copy-menu .explore-list__link:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6' height='6'%3E%3Cpath fill='%23DFE1E0' d='M0.64615387 6L0 5.3538461L4.4307694 0.92307693L0.46153846 0.92307693L0.46153846 0L6 0L6 5.5384617L5.0769229 5.5384617L5.0769229 1.5692308L0.64615387 6Z'/%3E%3C/svg%3E");
}

html.dark .opdoc__header--docs .opdoc__copy-menu .blog-page-aside__nav-wrap .js-markdown-conversion-button .btn__icon,
html.dark .opdoc__header--docs .opdoc__copy-menu .explore-list__link .svg-icon {
  color: inherit;
  fill: currentColor;
}

html.dark .opdoc__header--docs .opdoc__copy-menu .explore-list__link :is(.svg-icon--claude, .svg-icon--gemini, .svg-icon--deep-seek, .svg-icon--perplexity) {
  filter: invert(1) brightness(0.68);
}

html.dark .opdoc__header--docs .opdoc__copy-menu .explore-list__link:hover :is(.svg-icon--claude, .svg-icon--gemini, .svg-icon--deep-seek, .svg-icon--perplexity) {
  filter: invert(1) brightness(0.95);
}

.opframe .docs-nav-sort__handle {
  flex-shrink: 0;
  width: 1.25rem;
  min-width: 0;
  height: auto;
  min-height: 0;
  font-size: 18px;
  line-height: 1;
  opacity: 0.45;
  cursor: grab;
  user-select: none;
  touch-action: none;
}

.opframe .docs-nav-sort__handle:active {
  cursor: grabbing;
}

.opframe .aside-nav-accordion__title:has(> .docs-nav-sort__handle) {
  display: flex;
  align-items: center;
  gap: 4px;
}

.opframe .aside-nav-accordion__title:has(> .docs-nav-sort__handle) .aside-nav-accordion__title-link {
  flex: 1;
  min-width: 0;
}

.opframe .aside-navigation-list > li[data-page-id]:has(> .docs-nav-sort__handle),
.opframe .aside-nav-list__item:has(> .docs-nav-sort__handle) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 6px;
}

.opframe .aside-navigation-list > li[data-page-id]:has(> .docs-nav-sort__handle) > .aside-navigation-list__title,
.opframe .aside-nav-list__item:has(> .docs-nav-sort__handle) > .aside-nav-list__link {
  flex: 1;
  min-width: 0;
}

.opframe .aside-nav-list__item:has(> .docs-nav-sort__handle) > .aside-nav-list--nested,
.opframe .aside-navigation-list > li[data-page-id]:has(> .docs-nav-sort__handle) > ul {
  flex-basis: 100%;
}

.opframe .aside-left .nav__status {
  flex-shrink: 0;
  margin-inline-start: 4px;
  opacity: 0.5;
  font-size: 11px;
  align-self: center;
  cursor: help;
}

.opframe .opdoc__layout .opdoc__sidebar-inner .aside-nav-accordion__title:has(> .docs-nav-sort__handle),
.opframe .opdoc__layout .opdoc__offcanvas-nav .aside-nav-accordion__title:has(> .docs-nav-sort__handle) {
  justify-content: flex-start;
}

.opframe .opdoc__layout .opdoc__sidebar-inner .aside-nav-accordion__title:has(> .docs-nav-sort__handle) > .aside-nav-accordion__title-link,
.opframe .opdoc__layout .opdoc__offcanvas-nav .aside-nav-accordion__title:has(> .docs-nav-sort__handle) > .aside-nav-accordion__title-link {
  flex: 1 1 auto;
  min-width: 0;
}

.opdoc__drawer {
  position: fixed;
  inset: 0;
  z-index: 1000;
}

.opdoc__drawer-overlay {
  position: absolute;
  inset: 0;
  background: rgb(var(--gray-950) / 0.1);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.opdoc__drawer-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  box-sizing: border-box;
  width: 270px;
  max-width: 85vw;
  padding: 1.25rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: rgb(var(--background-light));
  color: rgb(var(--gray-700));
  transform: translateX(-100%);
  transition: transform 0.25s ease;
  outline: 0;
}

[dir="rtl"] .opdoc__drawer-panel {
  transform: translateX(100%);
}

.opdoc__drawer.is-open .opdoc__drawer-overlay {
  opacity: 1;
}

.opdoc__drawer.is-open .opdoc__drawer-panel {
  transform: none;
}

.opdoc__drawer-close {
  position: absolute;
  top: 0.75rem;
  inset-inline-end: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: rgb(var(--gray-500));
  cursor: pointer;
}

.opdoc__drawer-close:hover {
  color: rgb(var(--gray-900));
  background: rgb(var(--gray-950) / 0.05);
}

html.opdoc-drawer-open body.opframe {
  overflow: hidden;
}

html.dark .opdoc__drawer-overlay {
  background: rgb(var(--gray-950) / 0.5);
}

html.dark .opdoc__drawer-panel {
  background: rgb(var(--background-dark));
  color: rgb(var(--gray-400));
}

html.dark .opdoc__drawer-close {
  color: rgb(var(--gray-400));
}

html.dark .opdoc__drawer-close:hover {
  color: rgb(var(--gray-200));
  background: rgb(var(--background-light) / 0.06);
}

.opframe .opdoc__group-list,
.opframe .aside-navigation-list,
.opframe .aside-nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opframe .opdoc__group-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
}

.opframe .opdoc__group-toggle {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 0;
  min-height: 0;
  margin: 0 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0.25rem;
  background: transparent;
  color: inherit;
  opacity: 0.6;
  line-height: 1;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  transition: opacity 0.15s ease;
}

.opframe .opdoc__group-toggle:hover,
.opframe .opdoc__group-toggle:focus,
.opframe .opdoc__group-toggle:focus-visible {
  opacity: 1;
  outline: none;
  box-shadow: none;
}

.opframe .opdoc__group-toggle svg {
  display: block;
  width: 14px;
  height: 14px;
  transition: transform 0.2s ease;
}

.opframe .opdoc__group-toggle[aria-expanded="true"] svg {
  transform: rotate(90deg);
}

.opframe .opdoc__group-body[hidden] {
  display: none;
}

.opframe .is-searching .opdoc__group-body[hidden] {
  display: block;
}

.opframe .opdoc__group-title > .opdoc__group-toggle {
  margin-right: 0.5rem;
}

.opframe .docs-nav-sort__handle,
.opframe .docs-nav-add-child {
  display: none;
}

.opdoc__header--docs .opdoc__copy {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  position: relative;
}

.opdoc__header--docs .opdoc__copy-btn,
.opdoc__header--docs .opdoc__copy-trigger {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: 34px;
  margin: 0;
  border: 1px solid rgb(var(--gray-200));
  background-color: rgb(var(--background-light));
  color: rgb(var(--gray-700));
  font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.opdoc__header--docs .opdoc__copy-btn {
  gap: 0.5rem;
  padding: 0 0.75rem;
  border-inline-end-width: 0;
  border-radius: 0.75rem 0 0 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.opdoc__header--docs .opdoc__copy-icon {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.opdoc__header--docs .opdoc__copy-menu {
  position: static;
}

.opdoc__header--docs .opdoc__copy-trigger {
  justify-content: center;
  width: 34px;
  padding: 0;
  border-radius: 0 0.75rem 0.75rem 0;
  color: rgb(var(--gray-400));
  list-style: none;
}

.opdoc__header--docs .opdoc__copy-trigger::-webkit-details-marker,
.opdoc__header--docs .opdoc__copy-trigger::marker {
  display: none;
  content: "";
}

.opdoc__header--docs .opdoc__copy-btn:hover,
.opdoc__header--docs .opdoc__copy-trigger:hover {
  background-color: rgb(var(--gray-600) / 0.05);
}

.opdoc__header--docs .opdoc__copy-panel {
  position: absolute;
  top: calc(100% + 0.5rem);
  inset-inline-end: 0;
  z-index: 40;
  box-sizing: border-box;
  min-width: 13rem;
  padding: 1.25rem 1.5rem;
  border: 1px solid rgb(var(--gray-100));
  border-radius: 0.75rem;
  background: rgb(var(--background-light));
  color: rgb(var(--gray-700));
  box-shadow: 0 8px 24px rgb(var(--gray-950) / 0.08);
  font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  font-size: 0.8125rem;
  line-height: 1.2;
}

.opdoc__header--docs .opdoc__copy-panel .blog-page-aside__nav-wrap + .blog-page-aside__nav-wrap {
  margin-top: 0.875rem;
}

.opdoc__header--docs .opdoc__copy-panel .blog-page-aside__nav-title {
  margin: 0 0 0.375rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: rgb(var(--gray-500));
}

.opdoc__header--docs .opdoc__copy-panel .explore-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opdoc__header--docs .opdoc__copy-panel .explore-list__item {
  margin: 0;
  padding: 0;
}

.opdoc__header--docs .opdoc__copy-panel .explore-list__item::before {
  display: none;
}

.opdoc__header--docs .opdoc__copy-panel .opdoc__copy-item,
.opdoc__header--docs .opdoc__copy-panel .explore-list__link {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: calc(100% + 1rem);
  margin: 0 -0.5rem;
  padding: 0.375rem 1.5rem 0.375rem 0.5rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: rgb(var(--gray-900));
  font: inherit;
  text-align: start;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.opdoc__header--docs .opdoc__copy-panel .explore-list__link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath fill='%23767676' d='M0.64615387 6L0 5.3538461L4.4307694 0.92307693L0.46153846 0.92307693L0.46153846 0L6 0L6 5.5384617L5.0769229 5.5384617L5.0769229 1.5692308L0.64615387 6Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 0.375rem 0.375rem;
}

.opdoc__header--docs .opdoc__copy-panel .opdoc__copy-item:hover,
.opdoc__header--docs .opdoc__copy-panel .explore-list__link:hover {
  background-color: rgb(var(--gray-950) / 0.03);
}

.opdoc__header--docs .opdoc__copy-panel .opdoc__copy-item-icon,
.opdoc__header--docs .opdoc__copy-panel .explore-list__link .svg-icon {
  flex: none;
  width: 0.875rem;
  height: 0.875rem;
}

.opdoc__header--docs .opdoc__copy-panel .explore-list__link .svg-icon {
  fill: currentColor;
}

.opdoc__header--docs .opdoc__copy-panel .opdoc__copy-item-icon {
  fill: none;
  stroke: currentColor;
}

html.dark .opdoc__header--docs .opdoc__copy-btn,
html.dark .opdoc__header--docs .opdoc__copy-trigger {
  border-color: rgb(var(--background-light) / 0.07);
  background-color: rgb(var(--background-dark));
}

html.dark .opdoc__header--docs .opdoc__copy-btn {
  color: rgb(var(--gray-300));
}

html.dark .opdoc__header--docs .opdoc__copy-trigger {
  color: rgb(var(--background-light) / 0.5);
}

html.dark .opdoc__header--docs .opdoc__copy-btn:hover,
html.dark .opdoc__header--docs .opdoc__copy-trigger:hover {
  background-color: rgb(var(--gray-200) / 0.05);
}

html.dark .opdoc__header--docs .opdoc__copy-panel {
  background: rgb(var(--background-dark));
  color: rgb(var(--gray-400));
  border-color: rgb(var(--background-light) / 0.1);
  box-shadow: 0 8px 24px rgb(var(--gray-950) / 0.5);
}

html.dark .opdoc__header--docs .opdoc__copy-panel .opdoc__copy-item,
html.dark .opdoc__header--docs .opdoc__copy-panel .explore-list__link {
  color: rgb(var(--gray-400));
}

html.dark .opdoc__header--docs .opdoc__copy-panel .explore-list__link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath fill='%239FA1A0' d='M0.64615387 6L0 5.3538461L4.4307694 0.92307693L0.46153846 0.92307693L0.46153846 0L6 0L6 5.5384617L5.0769229 5.5384617L5.0769229 1.5692308L0.64615387 6Z'/%3E%3C/svg%3E");
}

html.dark .opdoc__header--docs .opdoc__copy-panel .opdoc__copy-item:hover,
html.dark .opdoc__header--docs .opdoc__copy-panel .explore-list__link:hover {
  color: rgb(var(--gray-200));
  background-color: rgb(var(--background-light) / 0.03);
}

html.dark .opdoc__header--docs .opdoc__copy-panel .explore-list__link :is(.svg-icon--claude, .svg-icon--gemini, .svg-icon--deep-seek, .svg-icon--perplexity) {
  filter: invert(1) brightness(0.68);
}

.opdoc__edit-menu {
  position: fixed;
  inset-inline-start: 1.5rem;
  bottom: 1.5rem;
  z-index: 60;
}

.opdoc__edit-fab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 9999px;
  background: rgb(var(--gray-950));
  color: rgb(var(--background-light));
  box-shadow: 0 6px 18px rgb(var(--gray-950) / 0.25), 0 1px 2px rgb(var(--gray-950) / 0.2);
  text-decoration: none;
  opacity: 1;
  transition: background-color 0.15s ease, transform 0.15s ease;
}

.opdoc__edit-fab:hover {
  background: rgb(var(--gray-800));
  color: rgb(var(--background-light));
  opacity: 1;
  transform: translateY(-1px);
}

.opdoc__edit-fab svg {
  width: 1.125rem;
  height: 1.125rem;
}

html.dark .opdoc__edit-fab {
  background: rgb(var(--gray-100));
  color: rgb(var(--gray-950));
  box-shadow: 0 6px 18px rgb(var(--gray-950) / 0.5);
}

html.dark .opdoc__edit-fab:hover {
  background: rgb(var(--gray-200));
  color: rgb(var(--gray-950));
}

.opdoc__edit-panel {
  position: absolute;
  inset-inline-start: 0;
  bottom: 100%;
  display: none;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 13rem;
  max-width: calc(100vw - 3rem);
  margin-bottom: 0.5rem;
  padding: 0.25rem;
  border-radius: 0.75rem;
  background: rgb(var(--background-light));
  color: rgb(var(--gray-800));
  box-shadow: 0 12px 32px rgb(var(--gray-950) / 0.18), 0 0 0 1px rgb(var(--gray-950) / 0.06);
}

.opdoc__edit-panel::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 100%;
  height: 0.5rem;
}

.opdoc__edit-menu:hover .opdoc__edit-panel,
.opdoc__edit-menu:focus-within .opdoc__edit-panel,
.opdoc__edit-menu.is-open .opdoc__edit-panel {
  display: flex;
}

.opdoc__edit-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  padding: 0.5rem 0.625rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: start;
  text-decoration: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.opdoc__edit-item:hover,
.opdoc__edit-item:focus {
  background: rgb(var(--gray-950) / 0.05);
  color: inherit;
  outline: none;
}

.opdoc__edit-item svg {
  flex: none;
}

.opdoc__edit-icon--done {
  display: none;
}

.opdoc__edit-item.is-copied .opdoc__edit-icon--copy {
  display: none;
}

.opdoc__edit-item.is-copied .opdoc__edit-icon--done {
  display: block;
}

html.dark .opdoc__edit-panel {
  background: rgb(var(--gray-900));
  color: rgb(var(--gray-100));
  box-shadow: 0 12px 32px rgb(0 0 0 / 0.5), 0 0 0 1px rgb(var(--background-light) / 0.1);
}

html.dark .opdoc__edit-item:hover,
html.dark .opdoc__edit-item:focus {
  background: rgb(var(--background-light) / 0.08);
}

html.opdoc-drawer-open .opdoc__edit-menu {
  display: none;
}

body.opframe--editor .opdoc__layout .opdoc__sidebar .opdoc__sidebar-inner {
  padding-bottom: 5.5rem;
}

@media (max-width: 1023px) {
  body.opframe--editor > :first-child {
    padding-bottom: 2.75rem;
  }
}

.opdoc__nav-path:focus:not(:focus-visible),
.opdoc__group-toggle:focus:not(:focus-visible),
.opdoc__drawer-close:focus:not(:focus-visible),
.opdoc__copy-trigger:focus:not(:focus-visible),
.opdoc__edit-fab:focus {
  outline: none;
}

.opdoc__layout--outline .opdoc__shell {
  display: flex;
  justify-content: center;
  max-width: 80rem;
  margin: 0 auto;
}

.opdoc__layout--outline .opdoc__main {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
}

.opdoc__layout--outline .opdoc__content-col {
  flex: 0 1 45rem;
}

.opdoc__layout--outline .opdoc__content {
  margin-left: auto;
  margin-right: auto;
}

.opdoc__layout--outline .opdoc__title {
  font-weight: 700;
  letter-spacing: -0.025em;
  color: rgb(var(--gray-950));
}

.opdoc__layout--outline .opdoc__title {
  margin: 0;
}

html.dark .opdoc__layout--outline .opdoc__title {
  color: rgb(var(--gray-100));
}

@media (min-width: 1024px) {
  .opdoc__layout--outline .opdoc__title {
    font-size: 2.75rem;
    line-height: 1.15;
  }

  .opdoc__layout--outline .opdoc__content {
    padding-top: 3rem;
  }

  .opdoc__layout:not(:has(.opdoc__sidebar)) > :is(.site-footer--frame, .site-footer--pomelli) {
    margin-inline-start: 0;
    width: 100%;
  }
}

.opland__assistant {
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgb(var(--gray-100));
}

html.dark .opland__assistant {
  border-bottom-color: rgb(var(--gray-800));
}

.opland .opdoc__aside {
  top: 1rem;
  max-height: calc(100vh - 1rem);
}

.opfaq {
  margin: 3.5rem 0 3rem;
  font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
}

.opfaq__title {
  margin: 0 0 1rem;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.025em;
  color: rgb(var(--gray-950));
}

.opfaq__item {
  border-bottom: 1px solid rgb(var(--gray-950) / 0.08);
}

.opfaq__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: rgb(var(--gray-900));
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.opfaq__q::-webkit-details-marker {
  display: none;
}

.opfaq__q::after {
  content: "";
  flex: none;
  width: 0.875rem;
  height: 0.875rem;
  background-color: rgb(var(--gray-500));
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 3v12M3 9h12'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 3v12M3 9h12'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.2s ease;
}

.opfaq__q:hover::after,
.opfaq__item[open] > .opfaq__q::after {
  background-color: rgb(var(--gray-900));
}

.opfaq__item[open] > .opfaq__q::after {
  transform: rotate(45deg);
}

.opfaq__q-text {
  min-width: 0;
  overflow-wrap: anywhere;
}

.opfaq__a {
  padding: 0 0.25rem 1.25rem;
  font-size: 0.9375rem;
  line-height: 1.75;
  color: rgb(var(--gray-600));
  overflow-wrap: anywhere;
}

.opfaq__a p {
  margin: 0 0 0.75em;
}

.opfaq__a p:last-child {
  margin-bottom: 0;
}

.opfaq__a ul,
.opfaq__a ol {
  margin: 0 0 0.75em;
  padding-inline-start: 1.25rem;
}

.opfaq__a a {
  color: rgb(var(--gray-900));
  text-decoration: underline;
  text-underline-offset: 2px;
}

html.dark .opfaq__title,
html.dark .opfaq__q,
html.dark .opfaq__a a {
  color: rgb(var(--gray-100));
}

html.dark .opfaq__item {
  border-bottom-color: rgb(var(--background-light) / 0.08);
}

html.dark .opfaq__a {
  color: rgb(var(--gray-400));
}

html.dark .opfaq__q::after {
  background-color: rgb(var(--gray-400));
}

html.dark .opfaq__q:hover::after,
html.dark .opfaq__item[open] > .opfaq__q::after {
  background-color: rgb(var(--gray-100));
}

.oplang {
  position: relative;
  flex: none;
  font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
}

.oplang__summary {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  color: rgb(var(--gray-900));
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  list-style: none;
  transition: background-color 0.15s ease;
}

.oplang__summary::-webkit-details-marker {
  display: none;
}

.oplang__summary::before,
.oplang__summary::after {
  content: "";
  flex: none;
  background-color: currentColor;
}

.oplang__summary::before {
  width: 1rem;
  height: 1rem;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.oplang__summary::after {
  width: 0.625rem;
  height: 0.625rem;
  background-color: rgb(var(--gray-400));
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.75 6.5L9 12.75L15.25 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.75 6.5L9 12.75L15.25 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.15s ease;
}

.oplang__summary:hover,
.oplang__summary:focus-visible,
.oplang[open] > .oplang__summary {
  background-color: rgb(var(--gray-600) / 0.06);
}

.oplang[open] > .oplang__summary::after {
  transform: rotate(180deg);
}

.oplang__menu {
  position: absolute;
  top: calc(100% + 0.375rem);
  inset-inline-start: 0;
  z-index: 40;
  min-width: 10rem;
  margin: 0;
  padding: 0.25rem;
  list-style: none;
  border: 1px solid rgb(var(--gray-950) / 0.08);
  border-radius: 0.75rem;
  background-color: rgb(var(--background-light));
  box-shadow: 0 8px 24px rgb(var(--gray-950) / 0.08);
}

.oplang__item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.oplang__link {
  display: flex;
  align-items: center;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  color: rgb(var(--gray-600));
  text-decoration: none;
  white-space: nowrap;
}

.oplang__link:hover,
.oplang__link:focus-visible {
  background-color: rgb(var(--gray-950) / 0.04);
  color: rgb(var(--gray-900));
}

.oplang__item.is-current .oplang__link {
  color: rgb(var(--gray-950));
}

html.dark .oplang__summary {
  color: rgb(var(--gray-200));
}

html.dark .oplang__summary:hover,
html.dark .oplang__summary:focus-visible,
html.dark .oplang[open] > .oplang__summary {
  background-color: rgb(var(--background-light) / 0.06);
}

html.dark .oplang__menu {
  border-color: rgb(var(--background-light) / 0.1);
  background-color: rgb(var(--background-dark));
  box-shadow: 0 8px 24px rgb(var(--gray-950) / 0.5);
}

html.dark .oplang__link {
  color: rgb(var(--gray-400));
}

html.dark .oplang__link:hover,
html.dark .oplang__link:focus-visible,
html.dark .oplang__item.is-current .oplang__link {
  background-color: rgb(var(--background-light) / 0.04);
  color: rgb(var(--gray-100));
}

:is(.site-header--frame, .site-header--pomelli) .site-header__actions {
  display: flex;
  align-items: center;
  margin-inline-start: auto;
}

:is(.site-header--frame, .site-header--pomelli) .site-header__logo-img:not([src]),
:is(.site-header--frame, .site-header--pomelli) .site-header__logo-img[src=""] {
  display: none;
}

.site-header--frame:has(.site-header__nav) {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 0;
  width: 100%;
  min-height: 3rem;
}

.site-header--frame .site-header__logo {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  justify-self: start;
  text-decoration: none;
}

.site-header--frame .site-header__logo-img {
  width: 24px;
  height: 24px;
}

.site-header--frame .site-header__logo .site-header__logo-text {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.015em;
  color: rgb(var(--gray-950));
  white-space: nowrap;
}

.site-header--frame .site-header__nav {
  justify-self: center;
  padding: 0;
}

.site-header--frame .site-header__nav:not(:has(.site-header__link)) {
  display: none;
}

.site-header--frame .site-header__menu {
  gap: 4px;
}

.site-header--frame .site-header__menu .site-header__item {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 9999px;
  white-space: nowrap;
  transition: background-color 0.15s ease;
}

.site-header--frame .site-header__menu .site-header__item:hover,
.site-header--frame .site-header__menu .site-header__item:has(.site-header__more[open]) {
  background-color: rgb(var(--gray-950) / 0.03);
}

.site-header--frame .site-header__menu .site-header__link {
  display: inline-flex;
  align-items: center;
  gap: 0;
  height: auto;
  padding: 0;
  border-radius: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.025em;
  color: rgb(var(--gray-600));
  text-decoration: none;
  background-color: transparent;
}

.site-header--frame .site-header__menu .site-header__item:hover .site-header__link,
.site-header--frame .site-header__menu .site-header__link:focus-visible {
  color: rgb(var(--gray-950));
  background-color: transparent;
}

.site-header--frame .site-header__more {
  display: flex;
  align-items: center;
}

.site-header--frame .site-header__item:not(:has(.site-header__sub-link)) .site-header__more {
  display: none;
}

.site-header--frame .site-header__toggle {
  display: flex;
  align-items: center;
  margin-inline-start: 8px;
  color: rgb(var(--gray-400));
  cursor: pointer;
  list-style: none;
}

.site-header--frame .site-header__toggle::-webkit-details-marker {
  display: none;
}

.site-header--frame .site-header__toggle::marker {
  content: "";
}

.site-header--frame .site-header__chevron {
  transition: transform 0.15s ease;
}

.site-header--frame .site-header__more[open] .site-header__chevron {
  transform: rotate(180deg);
}

.site-header--frame .site-header__panel {
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  z-index: 40;
  min-width: 224px;
  max-width: 20rem;
  padding: 4px;
  transform: translateX(-50%);
  border: 1px solid rgb(var(--gray-100));
  border-radius: 16px;
  background-color: rgb(var(--background-light));
  box-shadow: 0 20px 25px -5px rgb(var(--gray-950) / 0.05), 0 8px 10px -6px rgb(var(--gray-950) / 0.05);
}

.site-header--frame .site-header__sub {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header--frame .site-header__panel .site-header__sub-link {
  display: block;
  height: auto;
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.025em;
  color: rgb(var(--gray-600));
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
}

.site-header--frame .site-header__panel .site-header__sub-link:hover,
.site-header--frame .site-header__panel .site-header__sub-link:focus-visible {
  background-color: rgb(var(--gray-950) / 0.03);
  color: rgb(var(--gray-950));
}

.site-header--frame .site-header__actions {
  justify-self: end;
  flex: none;
  gap: 6px;
}

.site-header--frame .site-header__actions .site-header__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 16px;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.025em;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.site-header--frame .site-header__actions .site-header__button[data-col="quiet"] {
  border: 1px solid rgb(var(--gray-950) / 0.07);
  color: rgb(var(--gray-700));
}

.site-header--frame .site-header__actions .site-header__button[data-col="quiet"]:hover {
  background-color: rgb(var(--gray-950) / 0.03);
  color: rgb(var(--gray-950));
}

.site-header--frame .site-header__actions .site-header__button[data-col="accent"] {
  background-color: rgb(var(--primary));
  color: #fff;
}

.site-header--frame .site-header__actions .site-header__button[data-col="accent"]:hover {
  background-color: rgb(var(--primary-dark));
}

.site-header--frame .site-header__lang {
  margin-inline-start: 2px;
}

html.dark .site-header--frame .site-header__logo .site-header__logo-text {
  color: rgb(var(--gray-100));
}

html.dark .site-header--frame .site-header__menu .site-header__item:hover,
html.dark .site-header--frame .site-header__menu .site-header__item:has(.site-header__more[open]),
html.dark .site-header--frame .site-header__panel .site-header__sub-link:hover,
html.dark .site-header--frame .site-header__panel .site-header__sub-link:focus-visible,
html.dark .site-header--frame .site-header__actions .site-header__button[data-col="quiet"]:hover {
  background-color: rgb(var(--background-light) / 0.06);
}

html.dark .site-header--frame .site-header__menu .site-header__link,
html.dark .site-header--frame .site-header__panel .site-header__sub-link {
  color: rgb(var(--gray-400));
}

html.dark .site-header--frame .site-header__menu .site-header__item:hover .site-header__link,
html.dark .site-header--frame .site-header__panel .site-header__sub-link:hover,
html.dark .site-header--frame .site-header__actions .site-header__button[data-col="quiet"]:hover {
  color: rgb(var(--gray-100));
}

html.dark .site-header--frame .site-header__panel {
  border-color: rgb(var(--background-light) / 0.1);
  background-color: rgb(var(--background-dark));
  box-shadow: 0 8px 24px rgb(var(--gray-950) / 0.5);
}

html.dark .site-header--frame .site-header__actions .site-header__button[data-col="quiet"] {
  border-color: rgb(var(--background-light) / 0.12);
  color: rgb(var(--gray-300));
}

@media (max-width: 1023px) {
  .site-header--frame:has(.site-header__nav) {
    grid-template-columns: 1fr auto;
  }

  .site-header--frame .site-header__nav {
    display: none;
  }
}

@media (max-width: 639px) {
  .site-header--frame .site-header__actions .site-header__button[data-col="quiet"] {
    display: none;
  }
}

@media (max-width: 360px) {
  .site-header--frame .site-header__logo .site-header__logo-text {
    display: none;
  }
}

.site-header__lang .oplang__summary {
  gap: 0.25rem;
}

.site-header__lang .oplang__current {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.site-header__lang .oplang__menu {
  inset-inline-start: auto;
  inset-inline-end: 0;
}

:is(.site-footer--frame, .site-footer--pomelli) .site-footer__brand {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.5rem;
  row-gap: 1.5rem;
}

.site-footer__about {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 22rem;
}

.site-footer__brand-name {
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.015em;
  color: rgb(var(--gray-950));
}

.site-footer__disclaimer {
  font-size: 0.8125rem;
  line-height: 1.6;
  color: rgb(var(--gray-500));
}

.site-footer__disclaimer strong {
  font-weight: 600;
  color: rgb(var(--gray-700));
}

.site-footer__lang {
  margin-inline-start: -0.5rem;
}

.site-footer__lang .oplang__menu {
  top: auto;
  bottom: calc(100% + 0.375rem);
}

:is(.site-footer--frame, .site-footer--pomelli) .op-footer-columns__list a[href^="mailto:"] {
  max-width: none;
  overflow: visible;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

:is(.site-footer--frame, .site-footer--pomelli) .site-footer__contact-link {
  font: inherit;
  color: rgb(var(--gray-700));
  text-decoration: none;
  transition: color 0.15s ease;
}

:is(.site-footer--frame, .site-footer--pomelli) .site-footer__contact-link:hover {
  color: rgb(var(--gray-950));
}

html.dark :is(.site-footer--frame, .site-footer--pomelli) .site-footer__contact-link {
  color: rgb(var(--gray-300));
}

html.dark :is(.site-footer--frame, .site-footer--pomelli) .site-footer__contact-link:hover {
  color: rgb(var(--gray-100));
}

:is(.site-footer--frame, .site-footer--pomelli) .site-footer__bottom {
  flex-wrap: wrap;
  row-gap: 0.75rem;
}

.site-footer__meta,
.site-footer__legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.25rem;
  row-gap: 0.5rem;
}

.site-footer__legal {
  margin-inline-start: auto;
}

.site-footer__sitemap,
.site-footer__legal-link {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(var(--gray-400));
  text-decoration: none;
  transition: color 0.15s ease;
}

.site-footer__sitemap:hover,
.site-footer__legal-link:hover {
  color: rgb(var(--gray-600));
}

html.dark .site-footer__brand-name {
  color: rgb(var(--gray-100));
}

html.dark .site-footer__disclaimer {
  color: rgb(var(--gray-500));
}

html.dark .site-footer__disclaimer strong {
  color: rgb(var(--gray-300));
}

html.dark .site-footer__sitemap,
html.dark .site-footer__legal-link {
  color: rgb(var(--gray-500));
}

html.dark .site-footer__sitemap:hover,
html.dark .site-footer__legal-link:hover {
  color: rgb(var(--gray-300));
}

@media (min-width: 768px) {
  :is(.site-footer--frame, .site-footer--pomelli) .site-footer__top {
    gap: 3rem;
  }

  :is(.site-footer--frame, .site-footer--pomelli) .site-footer__brand {
    flex: 0 1 20rem;
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .site-footer__legal {
    margin-inline-start: 0;
    width: 100%;
  }
}

html.dark .opland__assistant .ai-assistant__mount {
  background-color: rgb(var(--background-dark));
}

.opfaq__list {
  border: 1px solid rgb(var(--gray-950) / 0.1);
  border-bottom: 0;
}

.opfaq__list::before {
  content: "";
  display: block;
  height: 3.25rem;
  border-bottom: 1px solid rgb(var(--gray-950) / 0.1);
  background-image: linear-gradient(to right, rgb(var(--gray-950) / 0.07) 1px, transparent 1px), linear-gradient(to bottom, rgb(var(--gray-950) / 0.07) 1px, transparent 1px);
  background-size: 1.125rem 1.125rem;
}

.opfaq__item {
  border-bottom-color: rgb(var(--gray-950) / 0.1);
}

.opfaq__q {
  padding: 1.25rem 1.5rem;
  font-weight: 600;
  color: rgb(var(--gray-800));
}

.opfaq__a {
  padding: 0 1.5rem 1.5rem;
}

html.dark .opfaq__list,
html.dark .opfaq__list::before,
html.dark .opfaq__item {
  border-color: rgb(var(--background-light) / 0.1);
}

html.dark .opfaq__list::before {
  background-image: linear-gradient(to right, rgb(var(--background-light) / 0.06) 1px, transparent 1px), linear-gradient(to bottom, rgb(var(--background-light) / 0.06) 1px, transparent 1px);
}

@media (min-width: 1024px) {
  .opfaq {
    display: grid;
    grid-template-columns: fit-content(12rem) minmax(0, 1fr);
    column-gap: 2rem;
    align-items: start;
  }

  .opfaq__title {
    margin: 0;
    padding-top: 3.75rem;
    font-size: 2.25rem;
    overflow-wrap: break-word;
  }
}

@media (max-width: 639px) {
  .opdoc__layout--outline .opdoc__content {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .opdoc__layout--outline .opdoc__title {
    font-size: 1.625rem;
    line-height: 1.2;
  }

  .opfaq__q {
    padding: 1rem;
  }

  .opfaq__a {
    padding: 0 1rem 1.25rem;
  }
}

:is(.site-footer--frame, .site-footer--pomelli) {
  border-top: 1px solid rgb(var(--gray-950) / 0.08);
  container-type: inline-size;
}

:is(.site-footer--frame, .site-footer--pomelli) .site-footer__rule {
  width: 100cqi;
  margin-left: calc((100% - 100cqi) / 2);
  margin-right: calc((100% - 100cqi) / 2);
}

html.dark :is(.site-footer--frame, .site-footer--pomelli) {
  border-top-color: rgb(var(--background-light) / 0.08);
}

:is(.site-footer--frame, .site-footer--pomelli) .site-footer__columns .op-footer-columns__column {
  white-space: normal;
}

:is(.site-footer--frame, .site-footer--pomelli) .site-footer__columns .op-footer-columns__column:not(:has(.op-footer-columns__item)) {
  display: none;
}

:is(.site-footer--frame, .site-footer--pomelli) .site-footer__columns .op-footer-columns__list a {
  max-width: none;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}

@media (min-width: 1024px) {
  :is(.site-footer--frame, .site-footer--pomelli) .site-footer__inner {
    max-width: 80rem;
    padding-top: 3rem;
    padding-bottom: 2rem;
    gap: 0;
  }

  :is(.site-footer--frame, .site-footer--pomelli) .site-footer__top {
    gap: 0;
    padding-bottom: 3rem;
  }

  :is(.site-footer--frame, .site-footer--pomelli) .site-footer__bottom {
    padding-top: 3rem;
  }

  :is(.site-footer--frame, .site-footer--pomelli) .site-footer__brand {
    flex: 0 0 37%;
    padding-inline-end: 2rem;
  }

  :is(.site-footer--frame, .site-footer--pomelli) .site-footer__columns .op-footer-columns {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 0;
  }

  :is(.site-footer--frame, .site-footer--pomelli) .site-footer__columns .op-footer-columns__column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    padding: 0 1.75rem;
    border-inline-start: 1px solid rgb(var(--gray-950) / 0.08);
  }

  html.dark :is(.site-footer--frame, .site-footer--pomelli) .site-footer__rule {
    background-color: rgb(var(--background-light) / 0.08);
  }

  :is(.site-footer--frame, .site-footer--pomelli) .site-footer__columns .op-footer-columns__title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: rgb(var(--gray-950));
  }

  html.dark :is(.site-footer--frame, .site-footer--pomelli) .site-footer__columns .op-footer-columns__column {
    border-inline-start-color: rgb(var(--background-light) / 0.08);
  }

  html.dark :is(.site-footer--frame, .site-footer--pomelli) .site-footer__columns .op-footer-columns__title {
    color: rgb(var(--gray-100));
  }
}

@media (max-width: 639px) {
  :is(.site-footer--frame, .site-footer--pomelli) .site-footer__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.op-breadcrumbs-row {
  width: 100%;
  max-width: 61.5rem;
  margin-inline: auto;
  padding: 1.5rem 2rem 0;
}

.opdoc__layout:has(.opdoc__sidebar) > .op-breadcrumbs-row::before {
  left: 0;
  width: 100%;
  transform: none;
}

.opdoc__layout:has(.opdoc__sidebar)::before {
  z-index: 3;
}

.site-footer__inner > .op-breadcrumbs {
  margin-bottom: 1.5rem;
}

.op-breadcrumbs {
  min-width: 0;
  max-width: 100%;
}

.op-breadcrumbs__list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  white-space: nowrap;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: rgb(var(--gray-400));
}

.op-breadcrumbs__item {
  display: flex;
  flex: 0 4 auto;
  align-items: center;
  gap: 0.5rem;
  min-width: 2.5rem;
  max-width: min(18rem, 32%);
  margin: 0;
  padding: 0;
}

.op-breadcrumbs__item:first-child {
  flex-shrink: 0;
  min-width: auto;
  max-width: none;
}

.op-breadcrumbs__item:last-child:not(:first-child) {
  flex: 0 1 auto;
  min-width: min(8rem, 30%);
  max-width: none;
}

.op-breadcrumbs__item + .op-breadcrumbs__item::before {
  content: "›";
  flex: none;
  color: rgb(var(--gray-300));
}

[dir="rtl"] .op-breadcrumbs__item + .op-breadcrumbs__item::before {
  content: "‹";
}

.op-breadcrumbs__link,
.op-breadcrumbs__current {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.op-breadcrumbs__link {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}

.op-breadcrumbs__link:hover {
  color: rgb(var(--gray-600));
}

.op-breadcrumbs__current {
  color: rgb(var(--gray-500));
}

html.dark .op-breadcrumbs__list {
  color: rgb(var(--gray-500));
}

html.dark .op-breadcrumbs__item + .op-breadcrumbs__item::before {
  color: rgb(var(--gray-600));
}

html.dark .op-breadcrumbs__link:hover,
html.dark .op-breadcrumbs__current {
  color: rgb(var(--gray-300));
}

@media (max-width: 639px) {
  .op-breadcrumbs-row {
    padding-inline: 1.25rem;
  }
}
.op-reveal{transition:opacity .55s cubic-bezier(.2,.7,.2,1) var(--op-reveal-delay,0ms),translate .55s cubic-bezier(.2,.7,.2,1) var(--op-reveal-delay,0ms)}
.op-reveal.is-pending{opacity:.01;translate:0 20px;transition:none}
@media (prefers-reduced-motion:no-preference){.op-reveal-on:not(.op-reveal-ready) body.opframe :is(main > section,main > div,main > header,main > article,.opnews__post > .opnews__post-head,.opnews__post > .opnews__post-intro,.pricing__layout > section,.opnews__container,.opnews__post-body figure.wp-block-image,.opnews__post-body .opfaq,.opdoc__content > h1,.opdoc__content > .opdoc__header,[data-op-reveal]):not(footer,nav,.cta,.opdoc__body,.opnews-reveal,[data-opnews-reveal],[data-op-reveal-skip],[class*="site-"],:has(.opdoc__body),.opdoc__body *,footer *,.cta *,[data-op-reveal-skip] *){opacity:.01}}
@media (prefers-reduced-motion:reduce){.op-reveal,.op-reveal.is-pending{opacity:1;translate:none;transition:none}}
:root{--border-width:1px;--border-color:rgb(var(--gray-100));--border-color-strong:rgb(var(--gray-200));--border-color-accent:rgb(var(--primary))}
html.dark{--border-color:rgb(var(--gray-800));--border-color-strong:rgb(var(--gray-700));--border-color-accent:rgb(var(--primary-light))}
.op-border-b{border-bottom:var(--border-width) solid var(--border-color)}
:root{--font-heading:"Inter","Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-body:"Inter","Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:paperMono,ui-monospace,SFMono-Regular,"SF Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-heading-weight:500;--font-heading-tracking:-.02em}
:root{--btn-font:var(--font-body);--btn-font-weight:500;--btn-font-size:.875rem;--btn-font-size-sm:.8125rem;--btn-font-size-lg:1rem;--btn-line-height:1.25;--btn-letter-spacing:-.01em;--btn-radius:.5rem;--btn-border-width:1px;--btn-gap:.5rem;--btn-height:2.5rem;--btn-height-sm:2.125rem;--btn-height-lg:3rem;--btn-pad-x:1rem;--btn-pad-x-sm:.875rem;--btn-pad-x-lg:1.375rem;--btn-icon-size:1rem;--btn-transition:.15s ease;--btn-primary-bg:rgb(var(--primary));--btn-primary-bg-hover:rgb(var(--primary-dark));--btn-primary-fg:#fff;--btn-primary-border:transparent;--btn-secondary-bg:transparent;--btn-secondary-bg-hover:rgb(var(--primary)/.08);--btn-secondary-fg:rgb(var(--primary));--btn-secondary-fg-hover:rgb(var(--primary-dark));--btn-secondary-border:rgb(var(--primary));--btn-ghost-bg:transparent;--btn-ghost-bg-hover:rgb(var(--gray-950)/.05);--btn-ghost-fg:rgb(var(--gray-700));--btn-ghost-fg-hover:rgb(var(--gray-950));--btn-inverse-bg:#fff;--btn-inverse-bg-hover:rgb(255 255 255/.9);--btn-inverse-fg:rgb(var(--gray-950));--btn-inverse-ghost-bg:rgb(255 255 255/.06);--btn-inverse-ghost-bg-hover:rgb(255 255 255/.16);--btn-inverse-ghost-fg:#fff;--btn-inverse-ghost-border:rgb(255 255 255/.3)}
html.dark{--btn-secondary-bg-hover:rgb(var(--primary-light)/.12);--btn-secondary-fg:rgb(var(--primary-light));--btn-secondary-fg-hover:rgb(var(--primary-light));--btn-secondary-border:rgb(var(--primary-light));--btn-ghost-bg-hover:rgb(255 255 255/.06);--btn-ghost-fg:rgb(var(--gray-300));--btn-ghost-fg-hover:rgb(var(--gray-100))}
.op-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);box-sizing:border-box;min-height:var(--btn-height);margin:0;padding:0 var(--btn-pad-x);border:var(--btn-border-width) solid transparent;border-radius:var(--btn-radius);background:transparent;color:inherit;font-family:var(--btn-font);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);letter-spacing:var(--btn-letter-spacing);white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:none;outline:none;transition:background-color var(--btn-transition),border-color var(--btn-transition),color var(--btn-transition),transform var(--btn-transition)}
.op-btn:hover,.op-btn:focus,.op-btn:focus-visible{text-decoration:none;opacity:1;outline:none;box-shadow:none}
.op-btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-border)}
.op-btn--primary:hover,.op-btn--primary:focus-visible{background:var(--btn-primary-bg-hover);color:var(--btn-primary-fg)}
.op-btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border-color:var(--btn-secondary-border)}
.op-btn--secondary:hover,.op-btn--secondary:focus-visible{background:var(--btn-secondary-bg-hover);color:var(--btn-secondary-fg-hover)}
.op-btn--ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-fg)}
.op-btn--ghost:hover,.op-btn--ghost:focus-visible{background:var(--btn-ghost-bg-hover);color:var(--btn-ghost-fg-hover)}
.op-btn--inverse{background:var(--btn-inverse-bg);color:var(--btn-inverse-fg)}
.op-btn--inverse:hover,.op-btn--inverse:focus-visible{background:var(--btn-inverse-bg-hover);color:var(--btn-inverse-fg)}
.op-btn--sm{min-height:var(--btn-height-sm);padding-inline:var(--btn-pad-x-sm);font-size:var(--btn-font-size-sm)}
.op-btn--lg{min-height:var(--btn-height-lg);padding-inline:var(--btn-pad-x-lg);font-size:var(--btn-font-size-lg)}
.op-btn--block{display:flex;width:100%}
.op-btn__icon{display:block;flex:none;width:var(--btn-icon-size);height:var(--btn-icon-size)}
.op-btn--arrow::after{content:"";display:block;flex:none;width:var(--btn-icon-size);height:var(--btn-icon-size);background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--btn-transition)}
.op-btn--arrow:hover::after{transform:translateX(3px)}
:root{--rails-line:var(--border-color);--rails-line-width:1px;--rails-max:1088px;--rails-margin:8px}
@media (min-width:768px){:root{--rails-margin:16px}}
body{position:relative}
body::before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:50%;box-sizing:border-box;width:min(100% - 2*var(--rails-margin),var(--rails-max));transform:translateX(-50%);border-inline:var(--rails-line-width) solid var(--rails-line);pointer-events:none}
.cta,.op-breadcrumbs-row,html footer.site-footer.site-footer--frame{position:relative;z-index:2}
html .op-breadcrumbs-row,html footer.site-footer.site-footer--frame{background-color:rgb(var(--background-light))}
html.dark .op-breadcrumbs-row,html.dark footer.site-footer.site-footer--frame{background-color:rgb(var(--background-dark))}
html .op-breadcrumbs-row::before{content:"";position:absolute;top:0;left:50%;width:min(100% - 2*var(--rails-margin),var(--rails-max));transform:translateX(-50%);border-top:var(--rails-line-width) solid var(--rails-line);pointer-events:none}
.op-rails{position:relative;box-sizing:border-box;width:calc(100% - 2*var(--rails-margin));max-width:var(--rails-max);margin-inline:auto}
.op-rails__line{border-top:var(--rails-line-width) solid var(--rails-line)}
.op-btn--flush{padding-inline-start:0}
html .opnews__container.opnews__container,html.dark .opnews__container.opnews__container{border-inline-width:0}
body:has(.opdoc__layout:not(.opdoc__layout--article):not(.opnews__layout))::before{display:none}
body:has(.opnews__post-col)::before,body:has(.opdoc__layout--article:not(.opdoc__layout--frame-article)):not(:has(.op404))::before,body:has(.opland)::before{display:none}
html:root,.template-notes{--h1-ff:var(--font-heading);--h2-ff:var(--font-heading);--h3-ff:var(--font-heading);--h4-ff:var(--font-heading);--h5-ff:var(--font-heading);--h6-ff:var(--font-heading);--subtitle-ff:var(--font-body);--paragraph-ff:var(--font-body)}
.op-heading,:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading)}
.op-heading{font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-tracking)}
:is(.opdoc__title,.opnews__post-title,.opchangelog__title){font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-tracking)}
.opnews__layout .opnews__post-col>.opnews__post-body.opdoc__body:first-child{margin-top:0}
.site-footer{display:flex;flex-direction:column;align-items:center;width:100%;margin-inline:auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.site-footer__inner{position:relative;z-index:20;display:flex;flex-direction:column;justify-content:space-between;gap:3rem;width:100%;max-width:61.5rem;padding:4rem 2rem}
.site-footer a:hover,.site-footer button:hover{opacity:1}
.site-footer__copyright .op-copyright{color:inherit;font-size:inherit;line-height:inherit}
@media (min-width:640px){
.site-footer__columns .op-footer-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
}
@media (min-width:768px){
.site-footer__inner{padding-top:5rem;padding-bottom:5rem}
.site-footer__top{flex-direction:row}
.site-footer__brand{flex-direction:column;align-items:flex-start;justify-content:space-between;align-self:stretch;row-gap:6rem;min-width:5rem}
.site-footer__socials{justify-content:flex-start}
.site-footer__columns .op-footer-columns{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,9.375rem);justify-content:start}
.site-footer__columns .op-footer-columns__column{display:grid;grid-template-columns:minmax(0,max-content);justify-content:center;align-content:start;row-gap:1rem}
.site-footer__columns .op-footer-columns__list a{max-width:9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (min-width:1024px){
.site-footer__inner{padding-top:7rem;padding-bottom:7rem}
.site-footer__brand{min-width:12rem}
}
:root {
  --op-page-top: 72px;
  --menu-radius: calc(var(--btn-radius, 0.5rem) * 1.25);
  --background-light: 255 255 255;
  --background-dark: 10 13 13;
  --gray-50: 243 246 244;
  --gray-100: 238 241 239;
  --gray-200: 223 225 224;
  --gray-300: 206 209 207;
  --gray-400: 159 161 160;
  --gray-500: 112 115 113;
  --gray-600: 80 83 81;
  --gray-700: 63 65 64;
  --gray-800: 38 40 39;
  --gray-900: 23 26 24;
  --gray-950: 10 13 12;
  --default-border-color: 238 241 239;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: 3rem;
  padding: 0 1rem;
  background: rgb(var(--background-light));
  border-bottom: 1px solid rgb(var(--gray-100));
  font-family: var(--font-body);
  font-feature-settings: normal;
}
.site-header *,
.site-header *::before,
.site-header *::after {
  box-sizing: border-box;
}
.site-header__logo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  text-decoration: none;
  user-select: none;
}
.site-header__logo-img {
  display: block;
  width: auto;
  height: 1.5rem;
  max-width: none;
  object-fit: contain;
  flex-shrink: 0;
}
.site-header__logo picture {
  display: contents;
}
.site-header .site-header__logo-text {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.01em;
  color: rgb(var(--gray-900));
  white-space: nowrap;
}
.site-header__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0 0.5rem;
}
.site-header__menu {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header__menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header .site-header__menu a {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 2.25rem;
  padding: 0 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.025em;
  color: rgb(var(--gray-600));
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.site-header__menu a:hover,
.site-header__menu a:focus-visible {
  color: rgb(var(--gray-900));
  background: rgb(var(--gray-950) / 0.03);
}
.site-header__menu a.is-current,
.site-header__menu .current-menu-item > a,
.site-header__menu .current_page_item > a,
.site-header__menu .current-page-ancestor > a,
.site-header__menu .current_page_parent > a,
.site-header__menu .current-menu-ancestor > a {
  color: rgb(var(--gray-950));
  background: rgb(var(--gray-950) / 0.03);
}
.site-header__actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  flex: 1 1 0;
  min-width: 0;
}
.site-header__search.is-open {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  z-index: 45;
  justify-content: flex-start;
  gap: 0.25rem;
  width: min(20rem, 100%);
  padding: 0 0.75rem 0 0;
  transform: translateY(-50%);
  background: rgb(var(--background-light));
  box-shadow: 0 0 0 1px rgb(var(--gray-950) / 0.1), 0 8px 24px rgb(var(--gray-950) / 0.08);
}
:is(.dark *).site-header {
  background: rgb(var(--background-dark));
  border-bottom-color: rgb(var(--gray-800));
}
:is(.dark *).site-header__logo-text {
  color: rgb(var(--gray-100));
}
:is(.dark *).site-header__menu a {
  color: rgb(var(--gray-400));
}
:is(.dark *).site-header__menu a:hover,
:is(.dark *).site-header__menu a:focus-visible {
  color: rgb(var(--gray-200));
  background: rgb(255 255 255 / 0.03);
}
:is(.dark *).site-header__menu a.is-current,
:is(.dark *).site-header__menu .current-menu-item > a,
:is(.dark *).site-header__menu .current_page_item > a,
:is(.dark *).site-header__menu .current-page-ancestor > a,
:is(.dark *).site-header__menu .current_page_parent > a,
:is(.dark *).site-header__menu .current-menu-ancestor > a {
  color: rgb(var(--gray-100));
  background: rgb(255 255 255 / 0.06);
}
:is(.dark *).site-header__search.is-open {
  background: rgb(var(--background-dark));
  box-shadow: 0 0 0 1px rgb(255 255 255 / 0.1), 0 8px 24px rgb(0 0 0 / 0.5);
}
.opdoc__navbar-border {
  border-bottom-color: rgb(var(--gray-100));
}
:is(.dark *).opdoc__navbar-border {
  border-bottom-color: rgb(var(--gray-800));
}
@media (min-width: 1024px) {
  .site-header {
    padding: 0 2.25rem;
  }
}
@media (min-width: 1515px) {
  .site-header__search {
    justify-content: space-between;
    gap: 0.5rem;
    width: auto;
    padding: 0 0.75rem 0 0;
  }

  .site-header__search-button {
    width: 2.25rem;
    margin-inline-end: -0.25rem;
  }

  .site-header__search-field {
    display: block;
    width: 5.5rem;
  }

  .site-header__search-hint {
    display: inline-flex;
  }

  .site-header__search.is-open {
    position: relative;
    top: auto;
    transform: none;
    width: auto;
    box-shadow: none;
  }
}
@media (max-width: 1099px) {
  .site-header__cta {
    display: none;
  }

  .site-more {
    display: block;
  }
}
@media (max-width: 1023px) {
  .site-header__brand {
    flex: 1 1 auto;
  }

  .site-header__actions {
    flex: none;
    position: static;
    gap: 0.75rem;
  }

  .site-header__nav,
  .lang-switcher,
  .site-header__theme {
    display: none;
  }

  .site-header__search,
  .site-header__search:hover,
  .site-header__search:focus-within,
  :is(.dark *).site-header__search,
  :is(.dark *).site-header__search:hover,
  :is(.dark *).site-header__search:focus-within {
    width: 2rem;
    height: 2rem;
    background: transparent;
  }

  .site-header__search-button {
    width: 2rem;
    height: 2rem;
    color: rgb(var(--gray-500));
  }

  .site-header__search-icon {
    stroke-width: 2.25;
  }

  .site-header__search:hover .site-header__search-button,
  .site-header__search-button:focus-visible {
    color: rgb(var(--gray-600));
  }

  :is(.dark *).site-header__search-button {
    color: rgb(var(--gray-400));
  }

  :is(.dark *).site-header__search:hover .site-header__search-button,
  :is(.dark *).site-header__search-button:focus-visible {
    color: rgb(var(--gray-300));
  }

  .site-header__search.is-open,
  :is(.dark *).site-header__search.is-open {
    position: fixed;
    top: 0.375rem;
    inset-inline-start: 1rem;
    inset-inline-end: 1rem;
    width: auto;
    height: 2.25rem;
    transform: none;
    padding: 0 0.75rem 0 0;
    border-radius: 9999px;
  }

  .site-header__search.is-open {
    background: rgb(var(--background-light));
  }

  :is(.dark *).site-header__search.is-open {
    background: rgb(var(--background-dark));
  }

  .site-more__trigger,
  :is(.dark *).site-more__trigger,
  .site-more__trigger:hover,
  :is(.dark *).site-more__trigger:hover,
  .site-more__trigger:focus-visible,
  :is(.dark *).site-more__trigger:focus-visible,
  .site-more[open] > .site-more__trigger,
  :is(.dark *).site-more[open] > .site-more__trigger {
    width: 1.25rem;
    height: 1.75rem;
    border-radius: 0.375rem;
    background: transparent;
  }

  .site-more__panel {
    position: fixed;
    top: 3.375rem;
    inset-inline-start: 1rem;
    inset-inline-end: 1rem;
    min-width: 0;
  }

  .site-more__group--lang {
    display: block;
  }

  .site-more__group--actions .site-more__item--theme {
    display: flex;
  }

  .site-more__group + .site-more__group {
    margin-top: 0.25rem;
    padding-top: 0.25rem;
    border-top: 1px solid rgb(var(--gray-950) / 0.06);
  }

  :is(.dark *).site-more__group + .site-more__group {
    border-top-color: rgb(255 255 255 / 0.08);
  }
}
@media (max-width: 639px) {
  .site-header {
    gap: 0.75rem;
  }

  .site-header__brand {
    gap: 0.5rem;
    padding-inline-end: 0;
  }

  .site-header__logo {
    min-width: 0;
    flex-shrink: 1;
  }

  .site-header__logo-text {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.opdoc__navbar .site-header {
  position: static;
  z-index: auto;
  height: 3rem;
  min-height: 0;
  padding: 0;
  border-bottom: 0;
  background: transparent;
}
.opdoc__navbar-content > .site-header,
.opdoc__navbar-content > .content > .site-header {
  width: 100%;
}
:root {
  --opcode-font: var(--font-mono);
  --opcode-bg: #ffffff;
  --opcode-fg: #1f2328;
  --opcode-border: rgb(10 13 12 / 0.1);
  --opcode-scroll: rgba(3, 7, 18, 0.18);
  --opcode-btn: rgb(var(--gray-400));
  --opcode-btn-hover: rgb(var(--gray-600));
  --opcode-btn-bg: rgb(var(--gray-100));
  --opcode-btn-bg-hover: rgb(var(--gray-200));
  --opcode-btn-ok: #1a7f37;
  --opcode-inline-bg: rgb(238 241 239 / 0.5);
  --opcode-inline-fg: oklch(21% 0.034 264.665);
  --opcode-inline-border: transparent;
  --opcode-comment: #6e7781;
  --opcode-punct: #24292f;
  --opcode-number: #0550ae;
  --opcode-string: #0a3069;
  --opcode-keyword: #cf222e;
  --opcode-function: #8250df;
  --opcode-type: #116329;
  --opcode-variable: #953800;
}
:root.dark {
  --opcode-bg: #0b0c0e;
  --opcode-fg: #d4d4d4;
  --opcode-border: rgba(255, 255, 255, 0.1);
  --opcode-scroll: rgba(255, 255, 255, 0.18);
  --opcode-btn: rgb(var(--gray-400));
  --opcode-btn-hover: rgb(var(--gray-200));
  --opcode-btn-bg: rgb(var(--gray-800));
  --opcode-btn-bg-hover: rgb(var(--gray-700));
  --opcode-btn-ok: #3fb950;
  --opcode-inline-bg: rgb(255 255 255 / 0.05);
  --opcode-inline-fg: rgb(223 225 224);
  --opcode-inline-border: transparent;
  --opcode-comment: #6a9955;
  --opcode-punct: #d4d4d4;
  --opcode-number: #b5cea8;
  --opcode-string: #ce9178;
  --opcode-keyword: #569cd6;
  --opcode-function: #dcdcaa;
  --opcode-type: #4ec9b0;
  --opcode-variable: #9cdcfe;
}
.opdoc__body .code-example,
.opdoc__body > pre.wp-block-code,
.opdoc__body > pre.wp-block-preformatted {
  position: relative;
  display: block;
  max-width: 100%;
  min-width: 0;
  margin: 1.25rem 0 2rem;
}
.opdoc__body .code-example .code-toolbar,
.opdoc__body div.code-toolbar {
  position: relative;
  max-width: 100%;
  min-width: 0;
}
.opdoc__body pre.wp-block-code,
.opdoc__body pre.wp-block-preformatted {
  margin: 0;
  padding: 0.875rem 1rem;
  max-width: 100%;
  border: 1px solid var(--opcode-border);
  border-radius: 1rem;
  background-color: var(--opcode-bg);
  background-image: none;
  color: var(--opcode-fg);
  font-family: var(--opcode-font);
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-variant-ligatures: none;
  letter-spacing: 0;
  tab-size: 2;
  white-space: pre;
  word-break: normal;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  text-shadow: none;
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  -ms-overflow-style: auto;
}
.opdoc__body .code-example:hover pre.wp-block-code,
.opdoc__body pre.wp-block-code:hover,
.opdoc__body pre.wp-block-preformatted:hover {
  scrollbar-color: var(--opcode-scroll) transparent;
}
.opdoc__body pre.wp-block-code.line-numbers,
.opdoc__body .code-example pre.wp-block-code.line-numbers {
  padding-left: 1rem;
}
.opdoc__body .code-example .line-numbers-rows,
.opdoc__body pre.wp-block-code .line-numbers-rows {
  display: none;
}
.opdoc__body pre.wp-block-code::-webkit-scrollbar,
.opdoc__body pre.wp-block-preformatted::-webkit-scrollbar {
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: transparent;
}
.opdoc__body pre.wp-block-code::-webkit-scrollbar-track,
.opdoc__body pre.wp-block-preformatted::-webkit-scrollbar-track {
  background-color: transparent;
  box-shadow: none;
}
.opdoc__body pre.wp-block-code::-webkit-scrollbar-thumb,
.opdoc__body pre.wp-block-preformatted::-webkit-scrollbar-thumb {
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
  transition: background-color 0.15s ease-out;
}
.opdoc__body .code-example:hover pre.wp-block-code::-webkit-scrollbar-thumb,
.opdoc__body pre.wp-block-code:hover::-webkit-scrollbar-thumb,
.opdoc__body pre.wp-block-preformatted:hover::-webkit-scrollbar-thumb {
  background-color: var(--opcode-scroll);
}
.opdoc__body pre.wp-block-code code,
.opdoc__body pre.wp-block-preformatted code {
  display: block;
  width: max-content;
  min-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-shadow: none;
}
.opdoc__body pre.wp-block-code code::before,
.opdoc__body pre.wp-block-code code::after {
  content: none;
}
.opdoc__body pre.wp-block-code .token.comment,
.opdoc__body pre.wp-block-code .token.prolog,
.opdoc__body pre.wp-block-code .token.doctype,
.opdoc__body pre.wp-block-code .token.cdata {
  color: var(--opcode-comment);
  font-style: normal;
}
.opdoc__body pre.wp-block-code .token.punctuation,
.opdoc__body pre.wp-block-code .token.operator,
.opdoc__body pre.wp-block-code .token.entity {
  color: var(--opcode-punct);
  background: none;
}
.opdoc__body pre.wp-block-code .token.number,
.opdoc__body pre.wp-block-code .token.boolean,
.opdoc__body pre.wp-block-code .token.constant,
.opdoc__body pre.wp-block-code .token.property,
.opdoc__body pre.wp-block-code .token.symbol,
.opdoc__body pre.wp-block-code .token.builtin,
.opdoc__body pre.wp-block-code .token.tag {
  color: var(--opcode-number);
}
.opdoc__body pre.wp-block-code .token.string,
.opdoc__body pre.wp-block-code .token.char,
.opdoc__body pre.wp-block-code .token.attr-value,
.opdoc__body pre.wp-block-code .token.url,
.opdoc__body pre.wp-block-code .token.inserted {
  color: var(--opcode-string);
  background: none;
}
.opdoc__body pre.wp-block-code .token.keyword,
.opdoc__body pre.wp-block-code .token.atrule,
.opdoc__body pre.wp-block-code .token.important {
  color: var(--opcode-keyword);
}
.opdoc__body pre.wp-block-code .token.function,
.opdoc__body pre.wp-block-code .token.function-name {
  color: var(--opcode-function);
}
.opdoc__body pre.wp-block-code .token.class-name,
.opdoc__body pre.wp-block-code .token.selector,
.opdoc__body pre.wp-block-code .token.attr-name {
  color: var(--opcode-type);
}
.opdoc__body pre.wp-block-code .token.variable,
.opdoc__body pre.wp-block-code .token.regex,
.opdoc__body pre.wp-block-code .token.deleted {
  color: var(--opcode-variable);
}
.opdoc__body pre.wp-block-code .token.bold {
  font-weight: 600;
}
.opdoc__body pre.wp-block-code .token.italic {
  font-style: italic;
}
.opdoc__body .code-example .code-toolbar > .toolbar,
.opdoc__body div.code-toolbar > .toolbar {
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  opacity: 1;
  transition: opacity 0.15s ease-out;
}
.opdoc__body .code-example .code-toolbar > .toolbar > .toolbar-item,
.opdoc__body div.code-toolbar > .toolbar > .toolbar-item {
  display: inline-flex;
  background: none;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0.375rem;
}
.opdoc__body .code-example .code-toolbar > .toolbar > .toolbar-item > button,
.opdoc__body div.code-toolbar > .toolbar > .toolbar-item > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.625rem;
  height: 1.625rem;
  padding: 0;
  border: 0;
  border-radius: 0.375rem;
  background: var(--opcode-btn-bg);
  background-color: var(--opcode-btn-bg);
  color: var(--opcode-btn);
  font-size: 1rem;
  line-height: 1;
  box-shadow: none;
  cursor: pointer;
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
.opdoc__body .code-example .code-toolbar > .toolbar > .toolbar-item > button:hover,
.opdoc__body .code-example .code-toolbar > .toolbar > .toolbar-item > button:focus-visible,
.opdoc__body div.code-toolbar > .toolbar > .toolbar-item > button:hover,
.opdoc__body div.code-toolbar > .toolbar > .toolbar-item > button:focus-visible {
  color: var(--opcode-btn-hover);
  background-color: var(--opcode-btn-bg-hover);
  text-decoration: none;
  outline: none;
}
.opdoc__body .code-example .code-toolbar > .toolbar > .toolbar-item > button[data-copy-state="copy-success"],
.opdoc__body div.code-toolbar > .toolbar > .toolbar-item > button[data-copy-state="copy-success"] {
  color: var(--opcode-btn-ok);
}
.opdoc__body .code-example .code-toolbar > .toolbar > .toolbar-item > button .icon,
.opdoc__body div.code-toolbar > .toolbar > .toolbar-item > button .material-symbols-outlined {
  font-size: 1rem;
  width: 1em;
  height: 1em;
  min-width: 1rem;
  min-height: 1rem;
  color: inherit;
  font-variation-settings: "OPSZ" 16;
}
@media screen and (max-width: 640px) {
  .opdoc__body pre.wp-block-code,
  .opdoc__body pre.wp-block-preformatted {
    padding: 0.875rem 1rem;
    border-radius: 1rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }

  .opdoc__body pre.wp-block-code.line-numbers,
  .opdoc__body .code-example pre.wp-block-code.line-numbers {
    padding-left: 1rem;
  }

  .opdoc__body .code-example,
  .opdoc__body > pre.wp-block-code {
    margin: 1.25rem 0 2rem;
  }
}
.opdoc__body .standard-alert__inner,
.opdoc__body .standard-card__inner {
  max-width: none;
  width: 100%;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.opdoc__body .standard-alert {
  margin: 1rem 0;
}
.opdoc__body .standard-alert__alert {
  --opdoc-callout-bg: rgb(250 250 250 / 0.5);
  --opdoc-callout-border: rgb(113 113 122 / 0.2);
  --opdoc-callout-fg: #18181b;
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr);
  align-items: start;
  column-gap: 0.75rem;
  row-gap: 0;
  margin: 0;
  padding: 1rem 1.25rem;
  border: 1px solid var(--opdoc-callout-border);
  border-radius: 1rem;
  background-color: var(--opdoc-callout-bg);
  color: var(--opdoc-callout-fg);
  box-shadow: none;
  overflow: hidden;
}
.opdoc__body .standard-alert__alert:not(:has(.standard-alert__icon)) {
  grid-template-columns: minmax(0, 1fr);
}
.opdoc__body .standard-alert__alert--info {
  --opdoc-callout-bg: #eff6ff;
  --opdoc-callout-border: #bfdbfe;
  --opdoc-callout-fg: #1e40af;
}
.opdoc__body .standard-alert__alert--success {
  --opdoc-callout-bg: #f0fdf4;
  --opdoc-callout-border: #bbf7d0;
  --opdoc-callout-fg: #166534;
}
.opdoc__body .standard-alert__alert--warning {
  --opdoc-callout-bg: #fefce8;
  --opdoc-callout-border: #fef08a;
  --opdoc-callout-fg: #854d0e;
}
.opdoc__body .standard-alert__alert--destructive {
  --opdoc-callout-bg: #fef2f2;
  --opdoc-callout-border: #fecaca;
  --opdoc-callout-fg: #991b1b;
}
.opdoc__body .standard-alert__alert:is(.dark *) {
  --opdoc-callout-bg: rgb(113 113 122 / 0.1);
  --opdoc-callout-border: rgb(113 113 122 / 0.3);
  --opdoc-callout-fg: #e4e4e7;
}
.opdoc__body .standard-alert__alert--info:is(.dark *) {
  --opdoc-callout-bg: rgb(37 99 235 / 0.2);
  --opdoc-callout-border: #1e3a8a;
  --opdoc-callout-fg: #93c5fd;
}
.opdoc__body .standard-alert__alert--success:is(.dark *) {
  --opdoc-callout-bg: rgb(22 163 74 / 0.2);
  --opdoc-callout-border: #14532d;
  --opdoc-callout-fg: #86efac;
}
.opdoc__body .standard-alert__alert--warning:is(.dark *) {
  --opdoc-callout-bg: rgb(202 138 4 / 0.2);
  --opdoc-callout-border: #713f12;
  --opdoc-callout-fg: #fde047;
}
.opdoc__body .standard-alert__alert--destructive:is(.dark *) {
  --opdoc-callout-bg: rgb(220 38 38 / 0.2);
  --opdoc-callout-border: #7f1d1d;
  --opdoc-callout-fg: #fca5a5;
}
.opdoc__body .standard-alert__icon {
  grid-row: auto;
  width: 1rem;
  margin-top: 1px;
  overflow: visible;
  font-size: 18px;
  line-height: 18px;
  color: var(--opdoc-callout-fg);
  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
}
.opdoc__body .standard-alert__content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: inherit;
}
.opdoc__body .standard-alert__title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: inherit;
}
.opdoc__body .standard-alert__description {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: inherit;
}
.opdoc__layout .opdoc__content .opdoc__body .standard-alert__description p {
  margin: 1.25em 0 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.opdoc__layout .opdoc__content .opdoc__body .standard-alert__description > :first-child {
  margin-top: 0;
}
.opdoc__layout .opdoc__content .opdoc__body .standard-alert__description > :last-child {
  margin-bottom: 0;
}
.opdoc__layout .opdoc__content .opdoc__body .standard-alert__description a:not([class]) {
  color: inherit;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  border-bottom: 0;
}
.opdoc__layout .opdoc__content .opdoc__body .standard-alert__description :is(strong, code) {
  color: inherit;
}
.opdoc__body .standard-card {
  margin: 1.25rem 0;
}
.opdoc__body .standard-card__grid {
  column-gap: 1rem;
  row-gap: 0;
}
.opdoc__body .standard-card__card {
  --opdoc-card-border: rgb(10 13 12 / 0.1);
  --opdoc-card-bg: #fff;
  --opdoc-card-hover: rgb(var(--primary));
  display: block;
  margin: 0.5rem 0;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--opdoc-card-border);
  border-radius: 1rem;
  background-color: var(--opdoc-card-bg);
  box-shadow: none;
  font-weight: 400;
  transition: border-color 0.15s ease;
}
.opdoc__body .standard-card__card:has(.standard-card__icon-wrap) {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  align-items: start;
  column-gap: 1rem;
  row-gap: 0;
}
.opdoc__body .standard-card__card:is(.dark *) {
  --opdoc-card-border: rgb(255 255 255 / 0.1);
  --opdoc-card-bg: rgb(var(--background-dark));
  --opdoc-card-hover: rgb(var(--primary-light));
}
.opdoc__body a.standard-card__card,
.opdoc__body a.standard-card__card:hover,
.opdoc__body a.standard-card__card:focus {
  text-decoration: none;
}
.opdoc__body a.standard-card__card:hover {
  border-color: var(--opdoc-card-hover);
  box-shadow: none;
  transform: none;
}
.opdoc__body .standard-card__card-header {
  display: contents;
}
.opdoc__body .standard-card__icon-wrap {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background: none;
}
.opdoc__body .standard-card__icon {
  font-size: var(--standard-card-icon-size, 24px);
  line-height: 1;
  color: rgb(var(--gray-800));
}
.opdoc__body .standard-card__icon:is(.dark *) {
  color: rgb(var(--gray-100));
}
.opdoc__body .standard-card__title {
  grid-column: 2;
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: rgb(var(--gray-800));
}
.opdoc__body .standard-card__title:is(.dark *) {
  color: #fff;
}
.opdoc__body .standard-card__description {
  grid-column: 2;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: rgb(var(--gray-600));
}
.opdoc__body .standard-card__description:is(.dark *) {
  color: rgb(var(--gray-400));
}
.opdoc__layout .opdoc__content .opdoc__body .standard-card__description p {
  margin: 1.25em 0 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.opdoc__layout .opdoc__content .opdoc__body .standard-card__description > :first-child {
  margin-top: 0;
}
.opdoc__layout .opdoc__content .opdoc__body .standard-card__description > :last-child {
  margin-bottom: 0;
}
@media (max-width: 639px) {
  .opdoc__body .standard-card__grid--cols-2,
  .opdoc__body .standard-card__grid--cols-3,
  .opdoc__body .standard-card__grid--cols-4 {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .opdoc__body .standard-card__grid--cols-3,
  .opdoc__body .standard-card__grid--cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.opdoc__layout .opdoc__sidebar {
  padding: 0;
  overflow: visible;
  max-height: none;
  align-self: stretch;
}
.opdoc__layout .opdoc__sidebar .opdoc__sidebar-inner {
  position: fixed;
  top: 3rem;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 20;
  width: 14rem;
  min-width: 0;
  max-width: 14rem;
  margin: 0;
  border: 0;
  height: auto;
  box-sizing: border-box;
  padding: 1.25rem 1.25rem 1rem;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.opdoc__layout .opdoc__sidebar .opdoc__sidebar-inner::-webkit-scrollbar {
  display: none;
}
.opdoc__layout .opdoc__sidebar .aside-left__content {
  width: auto;
  min-width: 0;
  max-width: 100%;
  border: 0;
}
.opdoc__layout .opdoc__sidebar .search-block {
  display: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion > li {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) [data-overlayscrollbars-viewport] {
  -webkit-mask-image: none;
  mask-image: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-accordion__title::before {
  display: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block {
  margin: 0 0 1.5rem;
  padding: 0;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__inner {
  position: relative;
  display: block;
  width: 100%;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__icon-loupe {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 0 0 0 0.875rem;
  color: rgb(63, 65, 64);
  pointer-events: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__icon-loupe svg {
  width: 1rem;
  height: 1rem;
  color: inherit;
  stroke-width: 1.75;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"] {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 2.25rem;
  box-sizing: border-box;
  margin: 0;
  padding: 0 2.25rem 0 2.375rem;
  border: 0;
  border-radius: 9999px;
  outline: 0;
  box-shadow: none;
  background-color: rgba(10, 13, 12, 0.03);
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: rgb(23, 26, 24);
  transition: background-color 0.15s ease;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]::placeholder {
  font-size: 0.875rem;
  color: rgb(112, 115, 113);
  opacity: 1;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]:hover {
  background-color: rgba(10, 13, 12, 0.06);
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]:focus {
  background-color: rgba(10, 13, 12, 0.03);
  box-shadow: inset 0 0 0 1px rgba(80, 83, 81, 0.3);
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__btn-clear {
  position: absolute;
  top: 50%;
  inset-inline-end: 0.625rem;
  z-index: 1;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background: none;
  color: rgb(112, 115, 113);
  transform: translateY(-50%);
  cursor: pointer;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__btn-clear:hover {
  color: rgb(23, 26, 24);
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__btn-clear svg {
  width: 0.875rem;
  height: 0.875rem;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list {
  display: block;
  gap: 0;
  margin: 0;
  padding: 0;
  max-height: none;
  overflow: visible;
  list-style: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li {
  margin: 0;
  padding: 0;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li + li {
  margin-top: 1px;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-accordion,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-accordion > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-accordion__content,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .blog-page-aside,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .blog-page-aside__nav,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .blog-page-aside__nav-wrap {
  position: static;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  transform: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__content:not([hidden]) {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0 0 1px;
  padding: 0.375rem 0.75rem 0.375rem 1rem;
  overflow: visible;
  background: none;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: rgb(63, 65, 64);
  opacity: 1;
  cursor: default;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title:hover {
  color: rgb(var(--primary));
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title .aside-nav-accordion__title-link {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  min-width: 0;
  padding: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-decoration: none;
  opacity: 1;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title .aside-nav-accordion__title-link.is-active {
  color: rgb(var(--primary));
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title > .aside-nav-accordion__title-icon {
  display: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-accordion__title .aside-nav-accordion__title-link .aside-nav-accordion__title-text {
  padding: 0;
  border-radius: 0;
  background: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list {
  --opdoc-sidebar-indent: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-list {
  --opdoc-sidebar-indent: 1.75rem;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-list .aside-nav-list {
  --opdoc-sidebar-indent: 2.5rem;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-list .aside-nav-list .aside-nav-list {
  --opdoc-sidebar-indent: 3.25rem;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list > li {
  margin: 0;
  padding: 0;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0.375rem 0.75rem 0.375rem var(--opdoc-sidebar-indent, 1rem);
  border: 0;
  border-radius: 0;
  background: none;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: rgb(63, 65, 64);
  text-align: start;
  text-decoration: none;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  opacity: 1;
  transition: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link::before {
  display: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link:hover,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link:focus-visible,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title:hover {
  color: rgb(var(--primary));
  text-decoration: none;
  opacity: 1;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link:active,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title:active {
  opacity: 1;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link.is-active,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title.is-active,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title-link.is-active {
  color: rgb(var(--primary));
  text-shadow: -0.2px 0 0 currentColor, 0.2px 0 0 currentColor;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link-text,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title-text {
  min-width: 0;
  max-width: 100%;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 1px;
  padding: 0.375rem 0.75rem 0.375rem var(--opdoc-sidebar-indent, 1rem);
  overflow: visible;
  background: none;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: rgb(63, 65, 64);
  opacity: 1;
  cursor: default;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title:hover {
  color: rgb(var(--primary));
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-link {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  padding: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-decoration: none;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  opacity: 1;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-icon {
  position: relative;
  display: block;
  flex: none;
  width: 0.5rem;
  min-width: 0;
  max-width: 0.5rem;
  height: 1.25rem;
  min-height: 0;
  margin: 0 -0.125rem 0 0;
  padding: 0;
  overflow: visible;
  border-radius: 0;
  background: none;
  font-size: 0;
  line-height: 0;
  color: rgb(159, 161, 160);
  transform: none;
  cursor: pointer;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 2.75L12.75 9L6.5 15.25'/%3E%3C/svg%3E") center / 0.5rem 0.5rem no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 2.75L12.75 9L6.5 15.25'/%3E%3C/svg%3E") center / 0.5rem 0.5rem no-repeat;
  transition: transform 0.15s ease;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-icon::after {
  content: "";
  position: absolute;
  top: -0.375rem;
  inset-inline-end: -0.75rem;
  bottom: -0.375rem;
  inset-inline-start: -0.75rem;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-icon:hover,
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title:hover .aside-nav-accordion__title-icon {
  color: rgb(80, 83, 81);
  background: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion li.uk-open > .uk-accordion-title > .aside-nav-accordion__title-icon {
  transform: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion li.uk-open > .uk-accordion-title > .aside-nav-accordion__title-icon::before {
  transform: rotate(90deg);
  transition-duration: 75ms;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__content {
  margin: 0;
  padding: 0;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion > li:not(.uk-open) > .aside-nav-accordion__content {
  display: none;
}
.opdoc__layout .opdoc__offcanvas .uk-offcanvas-bar {
  padding: 1.25rem;
  background: rgb(255, 255, 255);
  box-shadow: none;
  color: rgb(112, 115, 113);
}
.opdoc__layout .opdoc__offcanvas .uk-offcanvas-close {
  color: rgb(112, 115, 113);
}
.opdoc__layout .opdoc__offcanvas .uk-offcanvas-close:hover {
  color: rgb(23, 26, 24);
}
.opdoc__layout .opdoc__offcanvas-nav,
.opdoc__layout .opdoc__offcanvas-nav .aside-left__content {
  padding: 0;
  margin: 0;
  background: none;
}
.opdoc__layout .opdoc__offcanvas .opdoc__offcanvas-nav {
  opacity: 1;
  visibility: visible;
  z-index: auto;
  border: 0;
}
.opdoc__layout .opdoc__offcanvas-nav .aside-left__content {
  position: static;
  width: 100%;
  height: auto;
  border: 0;
}
.opdoc__layout .opdoc__offcanvas-nav .os-scrollbar {
  display: none;
}
.opdoc__layout .opdoc__offcanvas-nav [data-overlayscrollbars-viewport] {
  overflow: visible !important;
  max-height: none;
}
.opdoc__layout .opdoc__offcanvas-nav .aside-navigation-list-wrapper {
  position: static;
  width: 100%;
  max-height: none;
  padding: 1.75rem 0 0;
  margin: 0;
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__icon-loupe {
  color: rgb(159, 161, 160);
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"] {
  border: 0;
  background-color: rgba(255, 255, 255, 0.03);
  color: rgb(223, 225, 224);
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block input[type="search"]:focus {
  box-shadow: inset 0 0 0 1px rgba(80, 83, 81, 0.3);
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .search-block__btn-clear {
  color: rgb(159, 161, 160);
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title {
  color: rgb(159, 161, 160);
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title:hover {
  color: rgb(var(--primary-light));
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title .aside-nav-accordion__title-link {
  color: inherit;
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list > li > .aside-nav-accordion > li > .aside-nav-accordion__title .aside-nav-accordion__title-link.is-active {
  color: rgb(var(--primary-light));
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title {
  color: rgb(159, 161, 160);
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-link {
  color: inherit;
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link:hover,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link:focus-visible,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title:hover,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title:hover,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list__link.is-active,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-navigation-list__title.is-active,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-link.is-active {
  color: rgb(var(--primary-light));
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-icon {
  color: rgb(80, 83, 81);
}
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title .aside-nav-accordion__title-icon:hover,
html.dark .opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion__title:hover .aside-nav-accordion__title-icon {
  color: rgb(159, 161, 160);
}
html.dark .opdoc__layout .opdoc__offcanvas .uk-offcanvas-bar {
  background: rgb(10, 13, 13);
  color: rgb(159, 161, 160);
}
html.dark .opdoc__layout .opdoc__offcanvas .uk-offcanvas-close {
  color: rgb(159, 161, 160);
}
html.dark .opdoc__layout .opdoc__offcanvas .uk-offcanvas-close:hover {
  color: rgb(223, 225, 224);
}
.opdoc__layout .opdoc__header .opdoc__eyebrow {
  display: block;
  width: fit-content;
  height: 1.25rem;
  margin: 0 0 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: normal;
  color: rgb(var(--primary));
  text-decoration: none;
}
.opdoc__layout .opdoc__header .opdoc__eyebrow:is(.dark *) {
  color: rgb(var(--primary-light));
}
.opdoc__layout .opdoc__header .opdoc__title {
  margin: 0;
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: rgb(var(--gray-900));
  overflow-wrap: anywhere;
}
html.dark .opdoc__layout .opdoc__header .opdoc__title {
  color: rgb(var(--gray-200));
}
@media (min-width: 640px) {
  .opdoc__layout .opdoc__header .opdoc__title {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}
.opdoc__layout .opdoc__content .opdoc__pager {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}
@media (min-width: 1024px) {
  .opdoc__layout .opdoc__content .opdoc__pager {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link--next:only-child {
    grid-column: 2;
  }
}
.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  min-width: 0;
  margin: 0;
  padding: 0.75rem 1rem;
  border: 1px solid rgb(var(--gray-200) / 0.7);
  border-radius: 0.75rem;
  background: transparent;
  box-shadow: none;
  color: rgb(var(--gray-500));
  text-decoration: none;
  transition: border-color 0.15s ease;
}
.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link--next {
  align-items: flex-end;
  text-align: end;
}
.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link:hover {
  border-color: rgb(var(--gray-300));
  background: transparent;
  text-decoration: none;
}
.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link .previous-post__title {
  max-width: 100%;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: rgb(var(--gray-900));
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link .previous-post__link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: rgb(var(--gray-500));
  transition: color 0.15s ease;
}
.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link:hover .previous-post__link {
  color: rgb(var(--gray-600));
}
.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link .previous-post__link .icon {
  flex: none;
  width: 0.625rem;
  height: 0.625rem;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  font-size: 0;
  color: rgb(var(--gray-400));
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 15.25L5.25 9L11.5 2.75'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 15.25L5.25 9L11.5 2.75'/%3E%3C/svg%3E") center / contain no-repeat;
}
.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link--next .previous-post__link .icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 2.75L12.75 9L6.5 15.25'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 2.75L12.75 9L6.5 15.25'/%3E%3C/svg%3E");
}
.opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link:hover .previous-post__link .icon {
  color: rgb(var(--gray-500));
}
html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link {
  border-color: rgb(var(--gray-800) / 0.7);
  background: transparent;
  color: rgb(var(--gray-400));
}
html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link:hover {
  border-color: rgb(var(--gray-700));
}
html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link .previous-post__title {
  color: rgb(var(--gray-200));
}
html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link .previous-post__link {
  color: rgb(var(--gray-400));
}
html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link:hover .previous-post__link {
  color: rgb(var(--gray-300));
}
html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link .previous-post__link .icon {
  color: rgb(var(--gray-600));
}
html.dark .opdoc__layout .opdoc__content .opdoc__pager .opdoc__pager-link:hover .previous-post__link .icon {
  color: rgb(var(--gray-500));
}
.opdoc__layout .opdoc__header .opdoc__copy .opdoc__copy-btn,
.opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger {
  font-weight: 400;
  opacity: 1;
}
.opdoc__layout .opdoc__header .opdoc__copy .opdoc__copy-btn .btn__text {
  font-weight: 500;
}
.opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger {
  color: rgb(10 13 12 / 0.5);
}
.opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger .btn__icon {
  flex: none;
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  min-height: 0.75rem;
  color: rgb(var(--gray-400));
}
.opdoc__layout .opdoc__header .opdoc__copy .opdoc__copy-btn:hover,
.opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger:hover {
  opacity: 1;
  background-color: rgb(var(--gray-600) / 0.05);
}
.opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger:hover .btn__icon {
  color: rgb(var(--gray-600));
}
html.dark .opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger {
  color: rgb(255 255 255 / 0.5);
}
html.dark .opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger .btn__icon {
  color: rgb(var(--gray-600));
}
html.dark .opdoc__layout .opdoc__header .opdoc__copy .opdoc__copy-btn:hover,
html.dark .opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger:hover {
  background-color: rgb(var(--gray-200) / 0.05);
}
html.dark .opdoc__layout .opdoc__header .opdoc__copy .dropdown-block__trigger:hover .btn__icon {
  color: rgb(var(--gray-400));
}
.opdoc__layout {
  --op-toc-top: 3.0625rem;
}
.opdoc__layout--article {
  --op-toc-top: 2.4rem;
}
@media (min-width: 1280px) {
  .opdoc__layout--article .opdoc__main {
    display: grid;
    grid-template-columns: 45rem 16.5rem;
    gap: 0 2.5rem;
    justify-content: center;
    align-items: start;
  }

  .opdoc__layout--article :is(.opdoc__content-col, .opdoc__content) {
    display: contents;
  }

  .opdoc__layout--article .opdoc__content > * {
    grid-column: 1;
    margin-inline: 2.25rem;
  }

  .opdoc__layout--article .opdoc__content > .opdoc__title {
    margin-top: var(--op-page-top, 72px);
  }

  .opdoc__layout--article .opdoc__aside {
    grid-column: 2;
    grid-row: 2 / span 8;
    width: auto;
  }
}
.opdoc__layout:has(.opdoc__header--docs) {
  --op-toc-top: 5.75rem;
}
.opdoc__layout:has(.opdoc__header--docs):has(.opdoc__eyebrow:empty) {
  --op-toc-top: 3.875rem;
}
.opdoc__layout--outline .opdoc__title {
  font-weight: var(--font-heading-weight);
  letter-spacing: var(--font-heading-tracking);
}
.opdoc__layout .opdoc__aside,
.opdoc__layout:has(.opdoc__header--docs) .opdoc__aside {
  padding-top: var(--op-toc-top);
  padding-inline-start: 0.5rem;
  padding-inline-end: 1.25rem;
  scrollbar-width: none;
}
.opdoc__layout .opdoc__aside::-webkit-scrollbar {
  display: none;
}
.opdoc__layout .opdoc__aside .aside-right,
.opdoc__layout .opdoc__aside .aside-right__content,
.opdoc__layout .opdoc__aside .aside-right__content-wrapper,
.opdoc__layout .opdoc__aside .aside-right__content-wrapper-inner {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}
.opdoc__layout .opdoc__aside [data-overlayscrollbars-viewport] {
  -webkit-mask-image: none;
  mask-image: none;
}
.opdoc__layout .opdoc__aside .os-scrollbar {
  display: none;
}
.opdoc__layout .opdoc__aside .blog-page-aside,
.opdoc__layout .opdoc__aside .blog-page-aside__nav,
.opdoc__layout .opdoc__aside .blog-page-aside__nav-wrap {
  display: block;
  gap: 0;
  opacity: 1;
  visibility: visible;
}
.opdoc__layout .opdoc__aside .blog-page-aside__nav-wrap {
  padding-inline-start: 12px;
}
.opdoc__layout .opdoc__aside .blog-page-aside__nav-title {
  display: block;
  margin: 0 0 8px;
  padding: 0;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: rgb(var(--gray-400));
  opacity: 1;
  visibility: visible;
}
.opdoc__layout .opdoc__aside .blog-page-aside__nav-title::before {
  display: none;
}
html.dark .opdoc__layout .opdoc__aside .blog-page-aside__nav-title {
  color: rgb(var(--gray-400));
}
.opdoc__layout .opdoc__aside .aside-nav-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 24px;
}
.opdoc__layout .opdoc__aside .aside-nav-list__item {
  position: relative;
  display: block;
  margin: 2px 0 0;
  padding: 0;
}
.opdoc__layout .opdoc__aside .aside-nav-list > .aside-nav-list__item:first-child {
  margin-top: 0;
}
.opdoc__layout .opdoc__aside .aside-nav-list--nested {
  display: block;
  margin-top: 2px;
}
.opdoc__layout .opdoc__aside .aside-nav-list--nested:empty {
  display: none;
}
.opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link {
  position: relative;
  display: block;
  margin: 0;
  padding: 6px 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.084px;
  color: rgb(var(--gray-500));
  text-decoration: none;
  text-shadow: none;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  opacity: 1;
  visibility: visible;
  transition: color 150ms ease;
}
.opdoc__layout .opdoc__aside .aside-nav-list--nested .aside-nav-list__link {
  padding-inline-start: 12px;
}
.opdoc__layout .opdoc__aside .aside-nav-list--nested .aside-nav-list--nested .aside-nav-list__link {
  padding-inline-start: 24px;
}
.opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-start: -12px;
  width: 1.5px;
  height: auto;
  border-radius: 1px;
  background: transparent;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: background-color 150ms ease;
}
.opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link:hover {
  color: rgb(var(--gray-900));
  opacity: 1;
}
.opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link:active {
  opacity: 1;
}
.opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link.is-active {
  color: rgb(var(--primary));
}
.opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link.is-active::before {
  background: rgb(var(--primary));
}
html.dark .opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link {
  color: rgb(var(--gray-400));
}
html.dark .opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link:hover {
  color: rgb(var(--gray-200));
}
html.dark .opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link.is-active {
  color: rgb(var(--primary-light));
}
html.dark .opdoc__layout .opdoc__aside .aside-nav-list .aside-nav-list__link.is-active::before {
  background: rgb(var(--primary-light));
}
@media (min-width: 1024px) {
  .opdoc__layout:has(.opdoc__sidebar) { position: relative; }
  .opdoc__layout:has(.opdoc__sidebar)::before { content: ""; position: absolute; top: 3rem; bottom: 0; left: 14rem; width: 1px; background-color: rgb(var(--gray-100)); pointer-events: none; }
  html.dark .opdoc__layout:has(.opdoc__sidebar)::before { background-color: rgb(var(--gray-800)); }
}
.opnews__main {
  width: 100%;
}
.opnews__container {
  width: calc(100% - 32px);
  max-width: 1088px;
  margin: 0 auto;
  padding: 40px 28px;
  border-inline-start: 1px solid rgb(var(--gray-100));
  border-inline-end: 1px solid rgb(var(--gray-100));
}
@media (min-width: 1024px) {
  .opnews__container {
    width: calc(100% - 64px);
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
html.dark .opnews__container {
  border-inline-start-color: rgb(var(--gray-800));
  border-inline-end-color: rgb(var(--gray-800));
}
.opnews__masthead {
  margin: 0;
}
.opnews__masthead-title {
  margin: 0;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.03125rem;
  color: rgb(var(--gray-900));
  overflow-wrap: anywhere;
}
@media (min-width: 640px) {
  .opnews__masthead-title {
    font-size: 2.25rem;
  }
}
html.dark .opnews__masthead-title {
  color: rgb(var(--gray-200));
}
.opnews__masthead-lead {
  max-width: 40rem;
  margin: 10px 0 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: -0.0125rem;
  color: rgb(var(--gray-700));
}
html.dark .opnews__masthead-lead {
  color: rgb(var(--gray-400));
}
.opnews__masthead-lead:empty {
  display: none;
}
.opnews__intro:empty {
  display: none;
}
.opnews__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 28px;
  row-gap: 40px;
  padding-top: 32px;
}
@media (min-width: 768px) {
  .opnews__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .opnews__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-top: 40px;
  }
}
.opnews__post {
  width: 100%;
  max-width: 1104px;
  margin: var(--op-page-top) auto 0;
  padding: 0 24px 120px;
}
.opnews__layout .opnews__post-head .opnews__back {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-inline-end: auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.24px;
  color: rgb(var(--gray-700));
  text-decoration: none;
}
.opnews__back:hover {
  color: rgb(var(--gray-900));
}
html.dark .opnews__back {
  color: rgb(var(--gray-400));
}
html.dark .opnews__back:hover {
  color: rgb(var(--gray-200));
}
.opnews__back-icon {
  flex: none;
  width: 18px;
  height: 18px;
  color: rgb(var(--gray-900));
}
html.dark .opnews__back-icon {
  color: rgb(var(--gray-200));
}
.opnews__layout .opnews__post-head .opnews__post-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.opnews__topic {
  display: flex;
  align-items: center;
}
.opnews__topic__name {
  color: rgb(var(--primary));
}
html.dark .opnews__topic__name {
  color: rgb(var(--primary-light));
}
.opnews__post-sep {
  color: rgb(var(--gray-300));
}
html.dark .opnews__post-sep {
  color: rgb(var(--gray-700));
}
.opnews__post-date {
  color: rgb(var(--gray-500));
}
html.dark .opnews__post-date {
  color: rgb(var(--gray-400));
}
.opnews__layout .opnews__post-head .opnews__post-title {
  margin: 0;
  font-size: 40px;
  line-height: 110%;
  color: rgb(var(--gray-900));
  overflow-wrap: anywhere;
}
html.dark .opnews__post-title {
  color: rgb(var(--gray-200));
}
.opnews__rule {
  height: 0;
  margin: 40px 0;
  border: 0;
  border-top: 1px solid rgb(var(--gray-100));
}
html.dark .opnews__rule {
  border-top-color: rgb(var(--gray-800));
}
.opnews__post-cols {
  display: flex;
  width: 100%;
  column-gap: 64px;
}
.opnews__post-intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 680px;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .opnews__post-intro {
    display: none;
  }
}
.opnews__rail {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: none;
  width: 180px;
  position: sticky;
  top: 80px;
  align-self: flex-start;
}
@media (min-width: 768px) {
  .opnews__rail {
    display: flex;
  }
}
.opnews__rail-byline {
  width: 100%;
}
.opnews__post-col {
  width: 100%;
  max-width: 628px;
  min-width: 0;
}
.opnews__post-hero,
.opnews__post-hero img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 360px;
  max-width: 628px;
  margin-bottom: 48px;
  border-radius: 24px;
  object-fit: cover;
}
.opnews__post-hero img {
  margin-bottom: 0;
}
.opnews__layout .opnews__post-body.opdoc__body {
  margin-top: 48px;
  margin-bottom: 72px;
}
.opnews__layout .opnews__toc {
  display: none;
  margin-inline-start: -12px;
  flex-direction: column;
  gap: 20px;
  flex: none;
  width: 220px;
  position: sticky;
  top: 80px;
  align-self: flex-start;
  max-height: calc(100vh - 7rem);
  overflow-y: auto;
  padding: 0;
}
@media (min-width: 945px) {
  .opnews__layout .opnews__toc {
    display: flex;
  }
}
.opnews__share {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}
.opnews__layout .opnews__share .opnews__share-title {
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: rgb(var(--gray-400));
}
.opnews__share-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.opnews__layout .opnews__share .opnews__share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 9999px;
  background: rgb(var(--gray-50));
  color: rgb(var(--gray-400));
  cursor: pointer;
  transition: color 100ms ease, background-color 100ms ease;
}
.opnews__layout .opnews__share .opnews__share-btn:hover {
  color: rgb(var(--gray-900));
}
.opnews__layout .opnews__share .opnews__share-btn:focus-visible {
  outline: 2px solid rgb(var(--primary));
  outline-offset: 2px;
}
html.dark .opnews__layout .opnews__share .opnews__share-btn {
  background: rgb(var(--gray-800));
  color: rgb(var(--gray-400));
}
html.dark .opnews__layout .opnews__share .opnews__share-btn:hover {
  color: rgb(var(--gray-200));
}
.opnews__share-icon {
  flex: none;
  width: 14px;
  height: 14px;
}
.opnews__share-icon--done {
  display: none;
}
.opnews__share-btn.is-copied .opnews__share-icon--link {
  display: none;
}
.opnews__share-btn.is-copied .opnews__share-icon--done {
  display: block;
}
.opnews__layout .opnews__share .opnews__share-btn.is-copied {
  color: rgb(var(--primary));
}
html.dark .opnews__layout .opnews__share .opnews__share-btn.is-copied {
  color: rgb(var(--primary-light));
}
.opnews__more {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  padding-top: 48px;
}
.opnews__layout .opnews__more .opnews__more-title {
  margin: 0;
  font-size: 24px;
  line-height: 31.2px;
  font-weight: 500;
  letter-spacing: -0.24px;
  color: rgb(var(--gray-900));
}
html.dark .opnews__layout .opnews__more .opnews__more-title {
  color: rgb(var(--gray-200));
}
.opnews__more-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 28px;
  row-gap: 40px;
}
@media (min-width: 768px) {
  .opnews__more-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.opnews__rule--masthead {
  margin: 32px 0 0;
}
.opnews__layout .opnews__masthead .opnews__crumb {
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: rgb(var(--gray-500));
  text-decoration: none;
}
.opnews__layout .opnews__masthead .opnews__crumb:hover {
  color: rgb(var(--gray-900));
}
html.dark .opnews__layout .opnews__masthead .opnews__crumb {
  color: rgb(var(--gray-400));
}
html.dark .opnews__layout .opnews__masthead .opnews__crumb:hover {
  color: rgb(var(--gray-200));
}
.opnews__cats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 20px;
}
.opnews__cats:not(:has(.opnews__chip)) {
  display: none;
}
.opnews__layout .opnews__cats .opnews__chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border: 1px solid rgb(var(--gray-100));
  border-radius: 999px;
  background: transparent;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: normal;
  color: rgb(var(--gray-700));
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}
.opnews__layout .opnews__cats .opnews__chip:hover {
  border-color: rgb(var(--gray-300));
  color: rgb(var(--gray-900));
}
.opnews__layout .opnews__cats .opnews__chip--current {
  border-color: rgb(var(--primary));
  background: rgb(var(--primary));
  color: rgb(255, 255, 255);
}
.opnews__layout .opnews__cats .opnews__chip--current:hover {
  border-color: rgb(var(--primary));
  color: rgb(255, 255, 255);
}
html.dark .opnews__layout .opnews__cats .opnews__chip {
  border-color: rgb(var(--gray-800));
  color: rgb(var(--gray-400));
}
html.dark .opnews__layout .opnews__cats .opnews__chip:hover {
  border-color: rgb(var(--gray-700));
  color: rgb(var(--gray-200));
}
html.dark .opnews__layout .opnews__cats .opnews__chip--current {
  border-color: rgb(var(--primary-light));
  background: rgb(var(--primary-light));
  color: rgb(var(--gray-900));
}
html.dark .opnews__layout .opnews__cats .opnews__chip--current:hover {
  border-color: rgb(var(--primary-light));
  color: rgb(var(--gray-900));
}
.opnews__layout .opnews__post-body .code-example {
  position: relative;
  margin: 24px 0;
  border: 1px solid rgb(var(--gray-100));
  border-radius: 12px;
  background: rgb(var(--gray-50));
  overflow: hidden;
}
html.dark .opnews__layout .opnews__post-body .code-example {
  border-color: rgb(var(--gray-800));
  background: rgb(var(--gray-900));
}
.opnews__layout .opnews__post-body pre.wp-block-code {
  margin: 0;
  padding: 16px 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow-x: auto;
}
.opnews__layout .opnews__post-body pre.wp-block-code code {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 22px;
  letter-spacing: normal;
  color: rgb(var(--gray-800));
  text-shadow: none;
  white-space: pre;
  tab-size: 2;
}
html.dark .opnews__layout .opnews__post-body pre.wp-block-code code {
  color: rgb(var(--gray-300));
}
.opnews__layout .opnews__post-body .token.comment,
.opnews__layout .opnews__post-body .token.prolog,
.opnews__layout .opnews__post-body .token.doctype,
.opnews__layout .opnews__post-body .token.cdata {
  color: rgb(106, 115, 125);
}
.opnews__layout .opnews__post-body .token.punctuation {
  color: rgb(87, 96, 106);
}
.opnews__layout .opnews__post-body .token.keyword,
.opnews__layout .opnews__post-body .token.atrule,
.opnews__layout .opnews__post-body .token.tag,
.opnews__layout .opnews__post-body .token.deleted {
  color: rgb(207, 34, 46);
}
.opnews__layout .opnews__post-body .token.string,
.opnews__layout .opnews__post-body .token.char,
.opnews__layout .opnews__post-body .token.attr-value,
.opnews__layout .opnews__post-body .token.inserted {
  color: rgb(10, 48, 105);
}
.opnews__layout .opnews__post-body .token.number,
.opnews__layout .opnews__post-body .token.boolean,
.opnews__layout .opnews__post-body .token.constant,
.opnews__layout .opnews__post-body .token.symbol,
.opnews__layout .opnews__post-body .token.operator,
.opnews__layout .opnews__post-body .token.attr-name {
  color: rgb(5, 80, 174);
  background: transparent;
}
.opnews__layout .opnews__post-body .token.function,
.opnews__layout .opnews__post-body .token.selector {
  color: rgb(130, 80, 223);
}
.opnews__layout .opnews__post-body .token.class-name,
.opnews__layout .opnews__post-body .token.property,
.opnews__layout .opnews__post-body .token.variable,
.opnews__layout .opnews__post-body .token.regex,
.opnews__layout .opnews__post-body .token.url {
  color: rgb(149, 56, 0);
  background: transparent;
}
html.dark .opnews__layout .opnews__post-body .token.comment,
html.dark .opnews__layout .opnews__post-body .token.prolog,
html.dark .opnews__layout .opnews__post-body .token.doctype,
html.dark .opnews__layout .opnews__post-body .token.cdata {
  color: rgb(139, 148, 158);
}
html.dark .opnews__layout .opnews__post-body .token.punctuation {
  color: rgb(201, 209, 217);
}
html.dark .opnews__layout .opnews__post-body .token.keyword,
html.dark .opnews__layout .opnews__post-body .token.atrule,
html.dark .opnews__layout .opnews__post-body .token.tag,
html.dark .opnews__layout .opnews__post-body .token.deleted {
  color: rgb(255, 123, 114);
}
html.dark .opnews__layout .opnews__post-body .token.string,
html.dark .opnews__layout .opnews__post-body .token.char,
html.dark .opnews__layout .opnews__post-body .token.attr-value,
html.dark .opnews__layout .opnews__post-body .token.inserted {
  color: rgb(165, 214, 255);
}
html.dark .opnews__layout .opnews__post-body .token.number,
html.dark .opnews__layout .opnews__post-body .token.boolean,
html.dark .opnews__layout .opnews__post-body .token.constant,
html.dark .opnews__layout .opnews__post-body .token.symbol,
html.dark .opnews__layout .opnews__post-body .token.operator,
html.dark .opnews__layout .opnews__post-body .token.attr-name {
  color: rgb(121, 192, 255);
}
html.dark .opnews__layout .opnews__post-body .token.function,
html.dark .opnews__layout .opnews__post-body .token.selector {
  color: rgb(210, 168, 255);
}
html.dark .opnews__layout .opnews__post-body .token.class-name,
html.dark .opnews__layout .opnews__post-body .token.property,
html.dark .opnews__layout .opnews__post-body .token.variable,
html.dark .opnews__layout .opnews__post-body .token.regex,
html.dark .opnews__layout .opnews__post-body .token.url {
  color: rgb(255, 166, 87);
}
.opnews__layout .opnews__post-body .code-example .line-numbers-rows {
  border-inline-end-color: rgb(var(--gray-100));
}
html.dark .opnews__layout .opnews__post-body .code-example .line-numbers-rows {
  border-inline-end-color: rgb(var(--gray-800));
}
.opnews__layout .opnews__post-body .line-numbers-rows > span::before {
  color: rgb(var(--gray-400));
}
.opnews__layout .opnews__post-body div.code-toolbar > .toolbar {
  top: 8px;
  inset-inline-end: 8px;
}
.opnews__layout .opnews__post-body div.code-toolbar > .toolbar > .toolbar-item > button {
  padding: 2px 8px;
  border: 1px solid rgb(var(--gray-100));
  border-radius: 6px;
  background: rgb(var(--background-light));
  box-shadow: none;
  font-size: 12px;
  line-height: 18px;
  color: rgb(var(--gray-500));
}
html.dark .opnews__layout .opnews__post-body div.code-toolbar > .toolbar > .toolbar-item > button {
  border-color: rgb(var(--gray-800));
  background: rgb(var(--gray-900));
  color: rgb(var(--gray-400));
}
[data-op-faq-style="95"]{--op-faq-style:1}
.opfaq {
  --opfaq-fg: rgb(var(--gray-950));
  --opfaq-sub: rgb(var(--gray-950) / 0.6);
  --opfaq-line: var(--rails-line, var(--border-color, rgb(var(--gray-200))));
  display: block;
  margin: 4.5rem 0 4rem;
  scroll-margin-top: 5rem;
  font-family: var(--font-body, Inter, ui-sans-serif, system-ui, sans-serif);
}
html.dark .opfaq {
  --opfaq-fg: rgb(var(--gray-50));
  --opfaq-sub: rgb(255 255 255 / 0.58);
  --opfaq-line: var(--rails-line, var(--border-color, rgb(var(--gray-800))));
}
h2 + .opfaq,
h3 + .opfaq {
  margin-top: 0;
}
.opfaq__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid var(--opfaq-line);
}
.opfaq__list::before {
  content: none;
  display: none;
}
.opfaq__item,
.opfaq__item:hover,
.opfaq__item[open] {
  border: 0;
  border-bottom: 1px solid var(--opfaq-line);
  border-radius: 0;
  background: transparent;
}
.opfaq__q {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 20px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-align: start;
  color: var(--opfaq-fg);
}
.opfaq__q:focus-visible {
  outline: 2px solid rgb(var(--primary));
  outline-offset: 2px;
  border-radius: 0.5rem;
}
.opfaq__q::after {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 5px;
  background-color: var(--opfaq-sub);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M4.25 6.75 9 11.5l4.75-4.75'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M4.25 6.75 9 11.5l4.75-4.75'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.15s ease-out;
}
.opfaq__item[open] > .opfaq__q::after {
  transform: rotate(180deg);
}
.opfaq__q:hover::after,
.opfaq__item[open] > .opfaq__q::after {
  background-color: var(--opfaq-fg);
}
.opfaq__a {
  max-width: 42rem;
  padding: 0 0 24px;
  font-size: 16px;
  line-height: 26px;
  text-align: start;
  color: var(--opfaq-sub);
}
.opfaq__a > :first-child {
  margin-top: 0;
}
.opfaq__a > :last-child {
  margin-bottom: 0;
}
@media (max-width: 639px) {
  .opfaq {
    margin: 3rem 0;
  }

  .opfaq__title {
    margin-bottom: 1rem;
  }
}
[data-op-faq-style="95-end"]{--op-faq-style:0}
.opdoc__outline--spoiler .aside-nav-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.opdoc__outline--spoiler > .aside-nav-list {
  padding: 0 1rem 0.875rem;
}
.opdoc__outline--spoiler .aside-nav-list--nested:empty {
  display: none;
}
.opdoc__outline--spoiler .aside-nav-list__item {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.opdoc__outline--spoiler .aside-nav-list__link {
  position: relative;
  display: block;
  padding-block: 0.25rem;
  padding-inline: 1rem 0;
  border: 0;
  background: none;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: rgb(var(--gray-600));
  text-decoration: none;
  text-shadow: none;
  overflow-wrap: break-word;
  word-break: break-word;
}
.opdoc__outline--spoiler > .aside-nav-list:has(.aside-nav-list--nested .aside-nav-list__link) > .aside-nav-list__item > .aside-nav-list__link {
  font-weight: 500;
}
.opdoc__outline--spoiler .aside-nav-list--nested .aside-nav-list__link {
  padding-inline-start: 2rem;
  color: rgb(var(--gray-500));
  font-weight: 400;
}
.opdoc__outline--spoiler .aside-nav-list--nested .aside-nav-list--nested .aside-nav-list__link {
  padding-inline-start: 3rem;
}
.opdoc__outline--spoiler .aside-nav-list__link::before {
  content: "";
  position: absolute;
  top: 1rem;
  inset-inline-start: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  background-color: rgb(var(--primary));
  opacity: 0;
  transform: translateY(-50%);
}
.opdoc__outline--spoiler .aside-nav-list--nested .aside-nav-list__link::before {
  inset-inline-start: 1rem;
}
.opdoc__outline--spoiler .aside-nav-list--nested .aside-nav-list--nested .aside-nav-list__link::before {
  inset-inline-start: 2rem;
}
.opdoc__outline--spoiler .aside-nav-list__link:not(.is-active):hover {
  color: rgb(var(--gray-900));
}
.opdoc__outline--spoiler .aside-nav-list__link.is-active {
  color: rgb(var(--primary));
}
.opdoc__outline--spoiler .aside-nav-list__link.is-active::before {
  opacity: 1;
}
.opdoc__outline--spoiler .aside-nav-list__item:has(> .aside-nav-list--nested .aside-nav-list__link.is-active) > .aside-nav-list__link {
  color: rgb(var(--primary));
}
html.dark .opdoc__outline--spoiler .aside-nav-list__link {
  color: rgb(var(--gray-400));
}
html.dark .opdoc__outline--spoiler .aside-nav-list--nested .aside-nav-list__link {
  color: rgb(var(--gray-500));
}
html.dark .opdoc__outline--spoiler .aside-nav-list__link:not(.is-active):hover {
  color: rgb(var(--gray-300));
}
html.dark .opdoc__outline--spoiler .aside-nav-list__link.is-active {
  color: rgb(var(--primary-light));
}
html.dark .opdoc__outline--spoiler .aside-nav-list__link::before {
  background-color: rgb(var(--primary-light));
}
html.dark .opdoc__outline--spoiler .aside-nav-list__item:has(> .aside-nav-list--nested .aside-nav-list__link.is-active) > .aside-nav-list__link {
  color: rgb(var(--primary-light));
}
@container opfootercols (min-width:24rem) and (max-width:43.999rem){
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:not(:first-child){margin-block-start:0;padding-block-start:0;border-block-start-width:0}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:nth-child(2n+1){padding-inline-end:1.5rem}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:nth-child(2n){padding-inline-start:1.5rem;border-inline-start-width:1px}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:nth-child(n+3){margin-block-start:1.5rem;padding-block-start:1.5rem;border-block-start-width:1px}
}
@container opfootercols (min-width:44rem){
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column{padding-inline:1.5rem}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:not(:first-child){margin-block-start:0;padding-block-start:0;border-block-start-width:0;border-inline-start-width:1px}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:first-child{padding-inline-start:0}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:last-child{padding-inline-end:0}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:not(:has(.op-footer-columns__item))+.op-footer-columns__column{padding-inline-start:0;border-inline-start-width:0}
}
@media (max-width:1023px){
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__top{flex-direction:column;gap:2.5rem}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__brand{flex:0 0 auto;padding-inline-end:0}
}
@media (min-width:1024px){
@container opfootercols (min-width:44rem){
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns{margin-block:-3rem}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column{padding-block:3rem}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__columns .op-footer-columns__column:not(:first-child){padding-block-start:3rem;padding-block-end:3rem}
}
}
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__inner{padding-bottom:1.5rem}
@media (max-width:1023px){
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__inner{row-gap:1.5rem}
}
@media (min-width:1024px){
:is(.site-footer--frame,.site-footer--pomelli) .site-footer__bottom{padding-top:1.5rem}
}
@media (min-width:1024px){
.opdoc__layout .opdoc__content{padding-top:1.25rem}
.opdoc__layout .opdoc__header--docs .opdoc__header-inner{margin-top:0}
}
:root {
  --nav-tree-line-width: 1px;
  --nav-tree-line-color: rgb(var(--gray-200));
  --nav-tree-active-color: rgb(var(--primary));
  --nav-tree-indent: 12px;
  --nav-tree-item-indent: 14px;
  --nav-tree-active-inset: 0px;
}
html.dark {
  --nav-tree-line-color: rgb(var(--gray-800));
  --nav-tree-active-color: rgb(var(--primary-light));
}
.opdoc__layout .opdoc__aside .aside-nav-list--nested {
  position: relative;
  margin-inline-start: var(--nav-tree-indent);
}
.opdoc__layout .opdoc__aside .aside-nav-list--nested::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: var(--nav-tree-line-width);
  background: var(--nav-tree-line-color);
  pointer-events: none;
}
.opdoc__layout .opdoc__aside .aside-nav-list--nested .aside-nav-list__link {
  padding-inline-start: var(--nav-tree-item-indent);
}
.opdoc__layout .opdoc__aside .aside-nav-list--nested .aside-nav-list__link::before {
  inset-block: var(--nav-tree-active-inset);
  inset-inline-start: 0;
  width: var(--nav-tree-line-width);
  background: transparent;
}
.opdoc__layout .opdoc__aside .aside-nav-list--nested .aside-nav-list__link.is-active::before {
  background: var(--nav-tree-active-color);
}
.wp-block-onpress-button-01 a.btn,.wp-block-onpress-button-01 a.btn:visited{display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);box-sizing:border-box;min-height:var(--btn-height);margin:0;padding:0 var(--btn-pad-x);border:var(--btn-border-width) solid var(--btn-primary-border);border-radius:var(--btn-radius);background:var(--btn-primary-bg);color:var(--btn-primary-fg);font-family:var(--btn-font);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);letter-spacing:var(--btn-letter-spacing);white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:none;outline:none;transition:background-color var(--btn-transition),border-color var(--btn-transition),color var(--btn-transition)}
.wp-block-onpress-button-01 a.btn:hover,.wp-block-onpress-button-01 a.btn:focus,.wp-block-onpress-button-01 a.btn:focus-visible{background:var(--btn-primary-bg-hover);color:var(--btn-primary-fg);text-decoration:none;opacity:1;outline:none;box-shadow:none}
.wp-block-onpress-button-01 a.btn.btn--outline,.wp-block-onpress-button-01 a.btn.btn--outline:visited{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border-color:var(--btn-secondary-border)}
.wp-block-onpress-button-01 a.btn.btn--outline:hover,.wp-block-onpress-button-01 a.btn.btn--outline:focus,.wp-block-onpress-button-01 a.btn.btn--outline:focus-visible{background:var(--btn-secondary-bg-hover);color:var(--btn-secondary-fg-hover)}
.wp-block-onpress-button-01 a.btn .icon{display:block;flex:none;width:1.25rem;height:1.25rem;margin:0;padding:0;border:0;font-size:1.25rem;line-height:1;color:inherit;text-decoration:none}
.basic-tabs{margin:1.5rem 0}
.basic-tabs__list{display:inline-flex;align-items:center;gap:2px;max-width:100%;box-sizing:border-box;margin:0 0 1rem;padding:3px;border:1px solid rgb(var(--gray-200));border-radius:.625rem;overflow-x:auto;scrollbar-width:none}
.basic-tabs__list::-webkit-scrollbar{display:none}
.basic-tabs__trigger{appearance:none;margin:0;padding:.375rem .875rem;border:0;border-radius:.4375rem;background:transparent;color:rgb(var(--gray-600));font-family:var(--btn-font);font-size:.875rem;font-weight:500;line-height:1.25;white-space:nowrap;cursor:pointer;outline:none;box-shadow:none;transition:background-color .15s ease,color .15s ease}
.basic-tabs__trigger:hover,.basic-tabs__trigger:focus,.basic-tabs__trigger:focus-visible{color:rgb(var(--gray-950));outline:none;box-shadow:none}
.basic-tabs__trigger.basic-tabs__trigger--active,.basic-tabs__trigger[aria-selected="true"]{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}
.basic-tabs__panel{margin:0;padding:0}
.basic-tabs__panel[hidden]{display:none}
.basic-tabs__panel--card{padding:1.25rem 1.375rem 1.5rem;border:1px solid rgb(var(--gray-200));border-radius:.75rem}
.basic-tabs__title{margin:0 0 .375rem}
.basic-tabs__description{margin:0;color:rgb(var(--gray-600))}
.basic-tabs__content{margin:.75rem 0 0}
.basic-tabs__title:empty,.basic-tabs__description:empty,.basic-tabs__content:empty{display:none}
.basic-tabs__content>:first-child{margin-top:0}
.basic-tabs__content>:last-child{margin-bottom:0}
html.dark .basic-tabs__list,html.dark .basic-tabs__panel--card{border-color:rgb(var(--gray-800))}
html.dark .basic-tabs__trigger{color:rgb(var(--gray-400))}
html.dark .basic-tabs__trigger:hover,html.dark .basic-tabs__trigger:focus-visible{color:rgb(var(--gray-50))}
html.dark .basic-tabs__trigger.basic-tabs__trigger--active,html.dark .basic-tabs__trigger[aria-selected="true"]{color:var(--btn-primary-fg)}
html.dark .basic-tabs__description{color:rgb(var(--gray-400))}
@media (max-width:600px){.basic-tabs__list{display:flex;width:100%;justify-content:flex-start}.basic-tabs__trigger{flex:1 0 auto}.basic-tabs__panel--card{padding:1rem 1.125rem 1.125rem}}
html.dark .wp-block-onpress-chart svg line[stroke="#e5e7eb"]{stroke:rgb(var(--gray-800))}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion .aside-nav-list {
  --opdoc-sidebar-indent: var(--nav-tree-indent);
  position: relative;
  margin-inline-start: 1rem;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion .aside-nav-list::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: var(--nav-tree-line-width);
  background: var(--nav-tree-line-color);
  pointer-events: none;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion .aside-nav-list .aside-nav-list__link::before {
  content: "";
  position: absolute;
  display: block;
  inset-block: var(--nav-tree-active-inset);
  inset-inline-start: 0;
  width: var(--nav-tree-line-width);
  background: transparent;
}
.opdoc__layout :is(.opdoc__sidebar, .opdoc__offcanvas-nav) .aside-nav-list .aside-nav-accordion .aside-nav-list .aside-nav-list__link.is-active::before {
  background: var(--nav-tree-active-color);
}
:root {
  --op-header-offset: calc(3rem + var(--site-announce-h, 0px));
}
html.site-announce-off {
  --op-header-offset: 3rem;
}
@keyframes op-sidebar-follow {
  to {
    top: 3rem;
  }
}
.opdoc__layout .opdoc__sidebar .opdoc__sidebar-inner {
  top: var(--op-header-offset);
  animation: op-sidebar-follow linear both;
  animation-timeline: scroll(root);
  animation-range: 0 var(--site-announce-h, 0px);
}
html.site-announce-off .opdoc__layout .opdoc__sidebar .opdoc__sidebar-inner {
  animation: none;
}
@supports not (animation-timeline: scroll()) {
  .opdoc__layout .opdoc__sidebar .opdoc__sidebar-inner {
    top: 3rem;
  }
}
.opdoc__body :is(h2, h3, h4) {
  scroll-margin-top: 5rem;
}
@keyframes op-dots-drift{from{background-position:0 0}to{background-position:18px 18px}}
.op-dots{background-image:radial-gradient(circle,rgb(var(--primary,79 70 229)/.32) 1.2px,transparent 1.7px);background-size:18px 18px;background-position:0 0;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 75%);animation:op-dots-drift 28s linear infinite}
.dark .op-dots{background-image:radial-gradient(circle,rgb(var(--primary-light,129 140 248)/.45) 1.2px,transparent 1.7px)}
[data-op-parallax]{transform:translate3d(calc(var(--op-px,0)*1px),calc(var(--op-py,0)*1px),0);transition:transform .35s ease-out;will-change:transform}
@media (hover:none){[data-op-parallax]{transform:none}}
@media (prefers-reduced-motion:reduce){.op-dots{animation:none}[data-op-parallax]{transform:none;transition:none}}
html.dark .site-header__logo-img,html.dark .nfoot__logo-img{filter:invert(1)}
html footer.site-footer.site-footer--frame::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;box-sizing:border-box;width:min(100% - 2*var(--rails-margin),var(--rails-max));transform:translateX(-50%);border-inline:var(--rails-line-width) solid var(--rails-line);pointer-events:none}
body:has(.opdoc__layout:not(.opdoc__layout--article):not(.opnews__layout)) footer.site-footer.site-footer--frame::before,body:has(.opnews__post-col) footer.site-footer.site-footer--frame::before,body:has(.opdoc__layout--article:not(.opdoc__layout--frame-article)):not(:has(.op404)) footer.site-footer.site-footer--frame::before,body:has(.opland) footer.site-footer.site-footer--frame::before,body:has(.opchangelog) footer.site-footer.site-footer--frame::before{display:none}
html:root .nfoot.nfoot{--nf-line:var(--border-color);border-top-color:var(--border-color)}
html.dark:root .site-header--frame .site-header__panel{border-color:var(--border-color)}
