/*force light theme*/
@media (prefers-color-scheme: dark) {
  :root {
      --color-background: var(--light-color-background);
      --color-background-secondary: var(
          --light-color-background-secondary
      );
      --color-background-active: var(--light-color-background-active);
      --color-background-warning: var(--light-color-background-warning);
      --color-warning-text: var(--light-color-warning-text);
      --color-accent: var(--light-color-accent);
      --color-active-menu-item: var(--light-color-active-menu-item);
      --color-text: var(--light-color-text);
      --color-contrast-text: var(--light-color-contrast-text);
      --color-text-aside: var(--light-color-text-aside);

      --color-icon-background: var(--light-color-icon-background);
      --color-icon-text: var(--light-color-icon-text);

      --color-comment-tag-text: var(--light-color-text);
      --color-comment-tag: var(--light-color-background);

      --color-link: var(--light-color-link);
      --color-focus-outline: var(--light-color-focus-outline);

      --color-ts-keyword: var(--light-color-ts-keyword);
      --color-ts-project: var(--light-color-ts-project);
      --color-ts-module: var(--light-color-ts-module);
      --color-ts-namespace: var(--light-color-ts-namespace);
      --color-ts-enum: var(--light-color-ts-enum);
      --color-ts-enum-member: var(--light-color-ts-enum-member);
      --color-ts-variable: var(--light-color-ts-variable);
      --color-ts-function: var(--light-color-ts-function);
      --color-ts-class: var(--light-color-ts-class);
      --color-ts-interface: var(--light-color-ts-interface);
      --color-ts-constructor: var(--light-color-ts-constructor);
      --color-ts-property: var(--light-color-ts-property);
      --color-ts-method: var(--light-color-ts-method);
      --color-ts-reference: var(--light-color-ts-reference);
      --color-ts-call-signature: var(--light-color-ts-call-signature);
      --color-ts-index-signature: var(--light-color-ts-index-signature);
      --color-ts-constructor-signature: var(
          --light-color-ts-constructor-signature
      );
      --color-ts-parameter: var(--light-color-ts-parameter);
      --color-ts-type-parameter: var(--light-color-ts-type-parameter);
      --color-ts-accessor: var(--light-color-ts-accessor);
      --color-ts-get-signature: var(--light-color-ts-get-signature);
      --color-ts-set-signature: var(--light-color-ts-set-signature);
      --color-ts-type-alias: var(--light-color-ts-type-alias);
      --color-document: var(--light-color-document);

      --color-alert-note: var(--light-color-alert-note);
      --color-alert-tip: var(--light-color-alert-tip);
      --color-alert-important: var(--light-color-alert-important);
      --color-alert-warning: var(--light-color-alert-warning);
      --color-alert-caution: var(--light-color-alert-caution);

      --external-icon: var(--light-external-icon);
      --color-scheme: var(--light-color-scheme);
  }
}

:root[data-theme="dark"] {
  --color-background: var(--light-color-background);
  --color-background-secondary: var(--light-color-background-secondary);
  --color-background-active: var(--light-color-background-active);
  --color-background-warning: var(--light-color-background-warning);
  --color-warning-text: var(--light-color-warning-text);
  --color-icon-background: var(--light-color-icon-background);
  --color-accent: var(--light-color-accent);
  --color-active-menu-item: var(--light-color-active-menu-item);
  --color-text: var(--light-color-text);
  --color-contrast-text: var(--light-color-contrast-text);
  --color-text-aside: var(--light-color-text-aside);
  --color-icon-text: var(--light-color-icon-text);

  --color-comment-tag-text: var(--light-color-text);
  --color-comment-tag: var(--light-color-background);

  --color-link: var(--light-color-link);
  --color-focus-outline: var(--light-color-focus-outline);

  --color-ts-keyword: var(--light-color-ts-keyword);
  --color-ts-project: var(--light-color-ts-project);
  --color-ts-module: var(--light-color-ts-module);
  --color-ts-namespace: var(--light-color-ts-namespace);
  --color-ts-enum: var(--light-color-ts-enum);
  --color-ts-enum-member: var(--light-color-ts-enum-member);
  --color-ts-variable: var(--light-color-ts-variable);
  --color-ts-function: var(--light-color-ts-function);
  --color-ts-class: var(--light-color-ts-class);
  --color-ts-interface: var(--light-color-ts-interface);
  --color-ts-constructor: var(--light-color-ts-constructor);
  --color-ts-property: var(--light-color-ts-property);
  --color-ts-method: var(--light-color-ts-method);
  --color-ts-reference: var(--light-color-ts-reference);
  --color-ts-call-signature: var(--light-color-ts-call-signature);
  --color-ts-index-signature: var(--light-color-ts-index-signature);
  --color-ts-constructor-signature: var(
      --light-color-ts-constructor-signature
  );
  --color-ts-parameter: var(--light-color-ts-parameter);
  --color-ts-type-parameter: var(--light-color-ts-type-parameter);
  --color-ts-accessor: var(--light-color-ts-accessor);
  --color-ts-get-signature: var(--light-color-ts-get-signature);
  --color-ts-set-signature: var(--light-color-ts-set-signature);
  --color-ts-type-alias: var(--light-color-ts-type-alias);
  --color-document: var(--light-color-document);

  --color-note: var(--light-color-note);
  --color-tip: var(--light-color-tip);
  --color-important: var(--light-color-important);
  --color-warning: var(--light-color-warning);
  --color-caution: var(--light-color-caution);

  --external-icon: var(--light-external-icon);
  --color-scheme: var(--light-color-scheme);
}
/*end force light theme*/

* {
  scrollbar-width: auto;
  scrollbar-color: auto;
}

html {
  color-scheme: "light";
}

code, pre {
  border-radius: 0;
  border-width: 0;
}

.mobile-sdk {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  flex-wrap: nowrap;
  align-items: flex-start;
  position: relative;
  margin: 0;
}

.col-content {
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  flex: 1 1 70%;
  order: 1;
  background-color: none;
  border: none;
  padding: 0;
  box-sizing: border-box;
}

.col-content .tsd-accordion-summary {
  display: flex;
}

.col-content .tsd-signature {
  border: 0;
  border-left: 5px solid var(--bs-primary-border-subtle);
}

.col-content .tsd-sources ul {
  padding-left: 0;
}

.col-content .tsd-sources ul li a::before {
  content: url(/assets/img/github.svg);
  vertical-align: middle;
}

.col-content code.tsd-tag {
  font-size: small;
  vertical-align: middle;
}

.site-menu {
  position: static !important;
  width: auto !important;
  margin: 1rem 0 0 0 !important;
  flex: 0 0 25%;
  order: 2;
  background-color: var(--bs-white);
  border: none;
  padding: 0;
  box-sizing: border-box;
  max-height: max-content;
}

.site-menu .tsd-page-navigation {
  margin-bottom: 1rem !important;
  font-size: .875rem;
}

.site-menu .tsd-page-navigation > .tsd-accordion-summary svg {
  display: none;
}

.site-menu .tsd-page-navigation h3 {
  margin: 0;
  font-size: .875rem;
  font-weight: 500;
  color: var(--bs-gray-dark);
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  margin-bottom: .625rem !important;
}

.site-menu .tsd-navigation {
  padding: .625rem 1.25rem;
  background-color: var(--bs-gray-100) !important;
  margin-bottom: .625rem !important;
  border: 0;
  border-radius: 4px !important;
}

.site-menu .tsd-navigation > a {
  font-family: "Ubuntu", "Open Sans", sans-serif;
  font-weight: 400;
  color: var(--bs-secondary);
  font-size: 1.375rem;
}

.site-menu .tsd-navigation > a.current {
  background: none;
}

.site-menu ul.tsd-small-nested-navigation {
  padding-left: 0;
  margin-left: 0;
}

.site-menu ul.tsd-small-nested-navigation a span {
  color: var(--bs-primary);
}

.site-menu ul.tsd-small-nested-navigation a:hover span {
  color: var(--bs-link-hover-color);
}

.site-menu ul.tsd-small-nested-navigation a.current {
  background: none;
  font-weight: bold;
} 

@media (max-width: 991.98px) {
  .mobile-sdk {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .mobile-sdk .col-content,
  .mobile-sdk .site-menu {
    order: unset;
    width: 100% !important;
    flex: none;
  }
}