:root {
  --primary: 63 140 227;
  --primary-light: 111 169 234;
  --primary-dark: 47 105 170;
  --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__layout {
  min-height: 100vh;
}

.opdoc__navbar {
  position: sticky;
  top: 0;
  z-index: 30;
}

.opdoc__navbar-row {
  min-height: 3rem;
}

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

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

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

.opdoc__sidebar {
  display: block;
  flex: 0 0 14rem;
  width: 14rem;
  position: sticky;
  top: 3rem;
  max-height: calc(100vh - 3rem);
  overflow-y: auto;
  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: 2rem 1.5rem 0;
}

.opdoc__aside {
  display: block;
  flex: 0 0 16.5rem;
  width: 16.5rem;
  position: sticky;
  top: 3rem;
  max-height: calc(100vh - 3rem);
  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, ui-sans-serif, system-ui, sans-serif;
}

.opdoc__title {
  font-family: Inter, 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, 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__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 {
  overflow-wrap: anywhere;
}

.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;
}

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

.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__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__body .blog-heading__copy-btn {
  position: absolute;
  top: 0.25rem;
  top: calc((1lh - 1.5rem) / 2);
  inset-inline-start: -2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0.375rem;
  background-color: rgb(var(--background-light));
  box-shadow: 0 0 0 1px rgb(var(--gray-400) / 0.3), 0 1px 2px 0 rgb(var(--gray-950) / 0.05);
  color: rgb(var(--gray-400));
  font: inherit;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.1s ease-out, box-shadow 0.15s ease-out, color 0.15s ease-out;
}

.opdoc__layout .opdoc__body .blog-heading__copy-btn .icon {
  min-width: 0;
  min-height: 0;
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
  color: inherit;
  transform: rotate(-45deg);
  transition: transform 0.2s ease-out;
}

.opdoc__layout .opdoc__body .blog-heading:hover .blog-heading__copy-btn,
.opdoc__layout .opdoc__body .blog-heading:focus-within .blog-heading__copy-btn,
.opdoc__layout .opdoc__body .blog-heading__copy-btn:focus,
.opdoc__layout .opdoc__body .blog-heading__copy-btn:focus-visible,
.opdoc__layout .opdoc__body .blog-heading__copy-btn.is-copied {
  opacity: 1;
}

.opdoc__layout .opdoc__body .blog-heading__copy-btn:hover {
  box-shadow: 0 0 0 1px rgb(var(--gray-400) / 0.6), 0 1px 2px 0 rgb(var(--gray-950) / 0.05);
  color: rgb(var(--gray-600));
}

.opdoc__layout .opdoc__body .blog-heading__copy-btn:focus-visible {
  outline: 2px solid rgb(var(--primary));
  outline-offset: 2px;
}

.opdoc__layout .opdoc__body .blog-heading__copy-btn.is-copied {
  color: rgb(var(--primary));
}

.opdoc__layout .opdoc__body .blog-heading__copy-btn.is-copied .icon {
  transform: none;
}

html.dark .opdoc__layout .opdoc__body .blog-heading__copy-btn {
  background-color: rgb(var(--gray-900));
  box-shadow: 0 0 0 1px rgb(var(--gray-700) / 0.6), 0 1px 2px 0 rgb(var(--gray-950) / 0.3);
  color: rgb(var(--gray-500));
}

html.dark .opdoc__layout .opdoc__body .blog-heading__copy-btn:hover {
  box-shadow: 0 0 0 1px rgb(var(--background-light) / 0.2), 0 1px 2px 0 rgb(var(--gray-950) / 0.3);
  color: rgb(var(--gray-300));
}

html.dark .opdoc__layout .opdoc__body .blog-heading__copy-btn:focus-visible {
  outline-color: rgb(var(--primary-light));
}

html.dark .opdoc__layout .opdoc__body .blog-heading__copy-btn.is-copied {
  color: rgb(var(--primary-light));
}

@media (max-width: 1023px) {
  .opdoc__layout .opdoc__body .blog-heading__copy-btn {
    position: static;
    display: inline-flex;
    margin-inline-start: 0.5rem;
    vertical-align: middle;
    background-color: transparent;
    box-shadow: none;
    opacity: 0.45;
  }

  html.dark .opdoc__layout .opdoc__body .blog-heading__copy-btn {
    background-color: transparent;
    box-shadow: none;
  }

  .opdoc__layout .opdoc__body .blog-heading__copy-btn:hover,
  .opdoc__layout .opdoc__body .blog-heading__copy-btn:active,
  .opdoc__layout .opdoc__body .blog-heading__copy-btn:focus,
  .opdoc__layout .opdoc__body .blog-heading__copy-btn:focus-visible,
  .opdoc__layout .opdoc__body .blog-heading__copy-btn.is-copied {
    box-shadow: none;
    opacity: 1;
  }
}

.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;
  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;
}

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

.opdoc__header--docs .opdoc__lead {
  grid-area: lead;
  margin: 0.5rem 0 0;
  font-family: Inter, 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, 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__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, 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;
}

.opframe *: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, 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;
}

.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.5rem;
  height: 1.5rem;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0.375rem;
  background: transparent;
  color: rgb(var(--gray-500));
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: transform 0.15s ease, color 0.15s ease;
}

.opframe .opdoc__group-toggle:hover {
  color: rgb(var(--gray-900));
}

.opframe .opdoc__group.is-open > .opdoc__group-title > .opdoc__group-toggle {
  transform: rotate(180deg);
}

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

html.dark .opframe .opdoc__group-toggle:hover {
  color: rgb(var(--gray-200));
}

.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, 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, 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-fab {
  position: fixed;
  inset-inline-start: 1.5rem;
  bottom: 1.5rem;
  z-index: 60;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 9999px;
  background: rgb(var(--gray-950));
  color: rgb(var(--background-light));
  box-shadow: 0 8px 24px 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.25rem;
  height: 1.25rem;
}

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

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

.opdoc__edit-fab--ai {
  inset-inline-start: 5.25rem;
  padding: 0;
  border: 0;
  font: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.opdoc__edit-fab--ai .opdoc__fab-icon--done {
  display: none;
}

.opdoc__edit-fab--ai.is-copied .opdoc__fab-icon--copy {
  display: none;
}

.opdoc__edit-fab--ai.is-copied .opdoc__fab-icon--done {
  display: block;
}

html.opdoc-drawer-open .opdoc__edit-fab {
  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: 5.5rem;
  }
}

.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:not(:focus-visible) {
  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, 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, 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: 1rem;
  line-height: 1.5rem;
}

: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;
  }
}