@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

body {
  font-family: Open Sans, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica, Arial,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
}

.col-sidebar {
  border-right: 0.5px solid rgb(68, 68, 68);
}

.site-menu {
  padding-right: 8px;
}

p {
  line-height: 150%;
}

pre {
  background: none;
}

/* Specific code when used in list, such as in Full API List/ */
ul code {
  border-radius: 5px;
}

pre code {
  background: none;
}

footer {
  display: none;
}

.page-menu {
  margin-top: 8px;
  margin-right: 8px;
  background-color: var(--color-background) !important;
  border-radius: 0 !important;
}

@media (min-width: 770px) and (max-width: 1399px) {
  .col-sidebar {
    max-height: calc(100vh);
  }
}

@media (min-width: 1200px) {
  .page-menu,
  .site-menu {
    max-height: calc(100vh) !important;
    margin-top: 0;
    padding-top: 1rem;
  }
}

@media (min-width: 1200px) {
  .page-menu {
    border-left: 0.5px solid rgb(68, 68, 68);
  }

  .site-menu {
    border-right: 0.5px solid rgb(68, 68, 68);
  }
}

@media (min-width: 770px) {
  .container-main {
    margin: 0 auto;
  }
}

.tsd-page-toolbar .tsd-toolbar-contents {
  padding-top: 10px;
  padding-bottom: 10px;
}

.site-menu .tsd-navigation a.current {
  background-color: #ffffff0d;
}

.site-menu .tsd-navigation a:hover {
  background-color: #ffffff32;
}

.col-content {
  padding-top: 1rem;
  background-color: var(--color-background) !important;
}

.tsd-page-toolbar {
  background-color: var(--color-background) !important;
  border-bottom: 0.5px solid rgb(68, 68, 68) !important;
  border-top: 2px solid yellow !important;
}

#tsd-search.has-focus {
  background-color: var(--color-background-secondary);
}


.tsd-accordion-summary a {
  width: calc(100%);
}

[data-key="ExternalAPIs"] {
  /* Styles */
  display: none;
}

.tsd-navigation a {
  padding: 8px;
}

:root {
  --light-color-background: #fff;
  --dark-color-background: black;
  --light-code-background: #f4f4f4;
  --light-color-background-secondary: #f8f8f8;
  --dark-color-background-secondary: #111;
}

:root[data-theme="light"]
{
  --dark-color-ts-project: #bebe00 !important;
  --color-ts-variable: #f4d93e !important;  
  --color-background-secondary: #ddd !important;
  --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-text-aside: var(--light-color-text-aside);
  --color-link: var(--light-color-link);
  --color-ts-keyword: var(--light-color-ts-keyword);
  --color-ts-module: #bebe00 !important;
  --color-ts-namespace:  #bebe00 !important;
  --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-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);
  --external-icon: var(--light-external-icon);
  --color-scheme: var(--light-color-scheme);
}

:root[data-theme="dark"] {
  --color-background-warning: var(--dark-color-background-warning);
  --color-warning-text: var(--dark-color-warning-text);
  --color-icon-background: var(--dark-color-icon-background);
  --color-accent: var(--dark-color-accent);
  --color-active-menu-item: var(--dark-color-active-menu-item);
  --color-text: var(--dark-color-text);
  --color-text-aside: var(--dark-color-text-aside);
  --color-link: var(--dark-color-link);
  --color-ts-keyword: var(--dark-color-ts-keyword);
  --color-ts-module: #bebe00 !important;
  --color-ts-namespace:  #bebe00 !important;
  --color-ts-enum: var(--dark-color-ts-enum);
  --color-ts-enum-member: var(--dark-color-ts-enum-member);
  --color-ts-variable: var(--dark-color-ts-variable);
  --color-ts-function: var(--dark-color-ts-function);
  --color-ts-class: var(--dark-color-ts-class);
  --color-ts-interface: var(--dark-color-ts-interface);
  --color-ts-constructor: var(--dark-color-ts-constructor);
  --color-ts-property: var(--dark-color-ts-property);
  --color-ts-method: var(--dark-color-ts-method);
  --color-ts-call-signature: var(--dark-color-ts-call-signature);
  --color-ts-index-signature: var(--dark-color-ts-index-signature);
  --color-ts-constructor-signature: var(--dark-color-ts-constructor-signature);
  --color-ts-parameter: var(--dark-color-ts-parameter);
  --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
  --color-ts-accessor: var(--dark-color-ts-accessor);
  --color-ts-get-signature: var(--dark-color-ts-get-signature);
  --color-ts-set-signature: var(--dark-color-ts-set-signature);
  --color-ts-type-alias: var(--dark-color-ts-type-alias);
  --external-icon: var(--dark-external-icon);
  --color-scheme: var(--dark-color-scheme);
}

/* Hide long package names from index section of a page */
.tsd-index-section a[href*="modules/Packages"],
.tsd-index-section a[href*="modules/Typescript"] {
  display:none
}

/* Used for Full API List */
.tsd-typography li {
  margin-bottom: 3px;
}
.tsd-typography li sub {
  color: #888;
  vertical-align: baseline;
}