@import url('./fonts/montserrat/Montserrat.css');
@import url('./fonts/material/material-icons.css');
@import url('./typedoc.css');
:root {
  --primary: #007bff;
  --secondary: #6c757d;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --cdgreen: #00ffac;
  --cdred: #ff5027;
  --cdblue: #5075f9;
  --cddarkblue: #091227;
  --cdwhite: #ececec;
  --cdmiddleblue: #171e30;
  --cdbg: #171e30;
  --cdtext: #ececec;
  --cdtext2: rgba(236, 236, 236, 0.5);
  --font-family-sans-serif: 'Montserrat', sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
        'Liberation Mono', 'Courier New', monospace;
  --navbar-height: 53px;
  --i3dh-color-blue: #5075f9;
  --i3dh-color-blue-50: #e9ecfe;
  --i3dh-color-blue-100: #cbcffb;
  --i3dh-color-blue-200: #d6ddfd;
  --i3dh-color-blue-300: #7690fb;
  --i3dh-color-blue-400: #5075f9;
  --i3dh-color-blue-500: #1c5af6;
  --i3dh-color-blue-600: #1451ea;
  --i3dh-color-blue-700: #0046dd;
  --i3dh-color-blue-800: #003ad2;
  --i3dh-color-blue-900: #0025ba;
  --i3dh-color-blue-a100: #b4e8fc;
  --i3dh-color-blue-a200: #82d9fb;
  --i3dh-color-blue-a400: #27bdf9;
  --i3dh-color-blue-a700: #0090d6;
  --i3dh-color-bluegray: #091227;
  --i3dh-color-bluegray-50: #f0f6ff;
  --i3dh-color-bluegray-100: #e7edff;
  --i3dh-color-bluegray-200: #dbe1ff;
  --i3dh-color-bluegray-300: #c9cfed;
  --i3dh-color-bluegray-400: #a4abc7;
  --i3dh-color-bluegray-500: #838aa5;
  --i3dh-color-bluegray-600: #5c627c;
  --i3dh-color-bluegray-700: #495068;
  --i3dh-color-bluegray-800: #2a3249;
  --i3dh-color-bluegray-900: #091227;
  --i3dh-color-bluegray-a100: #bed2d6;
  --i3dh-color-bluegray-a200: #99b2b9;
  --i3dh-color-bluegray-a400: #597e88;
  --i3dh-color-bluegray-a700: #254750;
  --i3dh-color-green: #00ffac;
  --i3dh-color-green-50: #e3fff1;
  --i3dh-color-green-100: #baffdc;
  --i3dh-color-green-200: #84ffc5;
  --i3dh-color-green-300: #00ffac;
  --i3dh-color-green-400: #00fb93;
  --i3dh-color-green-500: #00f580;
  --i3dh-color-green-600: #00e373;
  --i3dh-color-green-700: #00ce65;
  --i3dh-color-green-800: #00bc58;
  --i3dh-color-green-900: #009941;
  --i3dh-color-green-a100: #cbffc2;
  --i3dh-color-green-a200: #a2ff97;
  --i3dh-color-green-a400: #00ff2a;
  --i3dh-color-green-a700: #00d300;
  --i3dh-color-red: #ff5027;
  --i3dh-color-red-50: #fbe8e7;
  --i3dh-color-red-100: #ffcabc;
  --i3dh-color-red-200: #ffa892;
  --i3dh-color-red-300: #ff8667;
  --i3dh-color-red-400: #ff6a46;
  --i3dh-color-red-500: #ff5027;
  --i3dh-color-red-600: #f44923;
  --i3dh-color-red-700: #e6421e;
  --i3dh-color-red-800: #d83b1a;
  --i3dh-color-red-900: #bf2e11;
  --i3dh-color-red-a100: #ffb9cb;
  --i3dh-color-red-a200: #ff8aa9;
  --i3dh-color-red-a400: #ff276b;
  --i3dh-color-red-a700: #d6004d;
  /* SHADOWS/ELEVATION */
  --i3dh-elevation-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  --i3dh-elevation-none: none;
  --i3dh-elevation-2dp: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --i3dh-elevation-3dp: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
        0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
  --i3dh-elevation-4dp: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
        0px 4px 5px 0px rgba(0, 0, 0, 0.14),
        0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --i3dh-elevation-6dp: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
        0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);
  --i3dh-elevation-8dp: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
        0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);
  --i3dh-elevation-12dp: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
        0 4px 22px 3px rgba(0, 0, 0, 0.12), 0 6px 7px -4px rgba(0, 0, 0, 0.4);
  --i3dh-elevation-16dp: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
        0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
  --i3dh-elevation-24dp: 0 24px 38px 3px rgba(0, 0, 0, 0.14),
        0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4);
  /* Syntax highlighting*/
  --light-hl-0: #008000;
  --dark-hl-0: #6a9955;
  --light-hl-1: #0000ff;
  --dark-hl-1: #569cd6;
  --light-hl-2: #000000;
  --dark-hl-2: #d4d4d4;
  --light-hl-3: #0070c1;
  --dark-hl-3: #4fc1ff;
  --light-hl-4: #267f99;
  --dark-hl-4: #4ec9b0;
  --light-hl-5: #001080;
  --dark-hl-5: #9cdcfe;
  --light-hl-6: #795e26;
  --dark-hl-6: #dcdcaa;
  --light-hl-7: #a31515;
  --dark-hl-7: #ce9178;
  --light-hl-8: #098658;
  --dark-hl-8: #b5cea8;
  --light-hl-9: #af00db;
  --dark-hl-9: #c586c0;
  --light-code-background: #ffffff;
  --dark-code-background: #1e1e1e;
}
.i3dhub-sidebar-icon {
  color: #00ffac;
  font-size: 24px;
  margin: 2px;
  align-self: start;
  font-family: 'Material Icons';
}
.sidebar-brand-text {
  display: none;
}
/* scrollbars */
.scroll2::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.scroll2::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.3);
}
.scroll2::-webkit-scrollbar-thumb {
  background-color: #00ffac;
  border-radius: 10px;
}
.pre::-webkit-scrollbar {
  height: 3.5px;
}
.pre::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.3);
}
.pre::-webkit-scrollbar-thumb {
  background-color: #5f5f5f;
  border-radius: 10px;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: var(--cdgreen);
  border-radius: 10px;
}
.i3dhub-badge {
  border-radius: 2px;
  font-size: small;
  padding: 0px 2px 0px 2px;
  background-color: #00ffac;
  margin-right: 2px;
  color: black;
  float: right;
  position: relative;
}
.i3dhub-badge-deprecated {
  color: black;
  border-radius: 2px;
  font-size: small;
  padding: 0px 2px 0px 2px;
  background-color: #ff8c71;
  margin-right: 2px;
  font-weight: 500;
  float: right;
  position: relative;
}
.i3dhub-badge-panel {
  border-radius: 2px;
  font-size: small;
  padding: 0px 2px 0px 2px;
  background-color: #00ffac;
  margin-right: 2px;
  color: black;
  display: inline;
  float: right;
  position: relative;
  top: -30px;
  right: 10px;
}
.i3dhub-badge-deprecated-panel {
  border-radius: 2px;
  font-size: small;
  padding: 0px 2px 0px 2px;
  background-color: #ff8c71;
  margin-right: 2px;
  font-weight: 500;
  display: inline;
  float: right;
  position: relative;
  top: -30px;
  right: 10px;
}
span.i3dhub-badge {
  display: inline;
}
#version_menu {
  color: #00ffac;
  font-family: Montserrat, sans-serif;
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 999999999 !important;
  padding: 10px;
  background-color: #091227;
  text-align: center;
  margin: 4px 2px;
  border-radius: 12px;
  border: unset;
  cursor: pointer;
}
@keyframes scaleUp {
  60% {
    transform: translate(-50%, calc(8% + 15px)) scaleY(0);
  }
  80% {
    transform: translate(-50%, calc(8% + 15px)) scaleY(0.8);
  }
  100% {
    transform: translate(-50%, calc(8% + 15px)) scaleY(1);
  }
}
.hidden {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
  overflow: hidden;
}
.version_btn {
  transition: background-color 0.1s ease-in;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
}
.menu-container {
  position: relative;
}
.menu {
  position: absolute;
  background-color: #091227;
  color: white;
  width: auto;
  border-radius: 4px;
  top: 5px;
  left: 50%;
  transform-origin: top;
  transform: translate(-50%, calc(-100% - 15px)) scaleY(0);
}
.menu.open {
  animation: scaleUp 0.1s linear 0.01s forwards;
  max-height: 250px;
  max-width: 200px;
  overflow-y: auto;
}
.menu::before,
.menu::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(3, 1fr);
}
.menu ul li a,
.menu ul li a:visited {
  padding: 0.625rem;
  color: white;
  display: block;
  text-decoration: none;
}
.menu ul li a:hover,
.menu ul li a:visited:hover,
.menu ul li a:active,
.menu ul li a:visited:active {
  text-decoration: underline;
  color: #00ffac;
}
.menu li {
  display: inline;
  color: white;
  border-bottom: 1px solid #00ffac;
}
.version_btn-open {
  overflow: hidden;
  /* animation: rotateIn 0.8s linear forwards; */
}
.version_btn-open.open span {
  width: 0;
}
@media screen and (max-width: 768px) {
  .wy-nav-content {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
  .wy-nav-top {
    z-index: 50000;
    bottom: 0;
    right: 0;
    position: fixed;
  }
  .wy-nav-side {
    top: 84px;
  }
  .scroll2::-webkit-scrollbar {
    width: 5px;
  }
  .i3dhub-title {
    font-size: medium;
  }
  .wy-form,
  div[role='search'] {
    width: 100%;
    padding-top: 5px;
  }
  .i3dhub-navbar {
    height: auto;
  }
  .wy-nav-top a {
    display: none;
  }
  .container {
    padding: 2px;
  }
}
.wy-side-scroll {
  overflow: hidden;
}
@media screen and (max-width: 375px) {
  .wy-grid-for-nav {
    top: 106px;
  }
  .wy-nav-side {
    top: 106px;
  }
}
#copyrightimprint {
  display: flex;
  justify-content: space-evenly;
  font-size: small;
}
.rating {
  width: auto;
  display: flex;
  order: revert;
  font-size: 25px;
  overflow: hidden;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 5px;
}
.rating input {
  float: right;
  opacity: 0;
  position: absolute;
}
.rating a,
.rating label {
  float: right;
  color: #aaa;
  text-decoration: none;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.rating a:hover,
.rating label:hover,
.rating a:focus,
.rating label:focus,
.rating a:hover ~ label,
.rating label:hover ~ label,
.rating a:focus ~ label,
.rating label:focus ~ label,
.rating a:focus ~ a,
.rating label:focus ~ a,
.rating a:hover ~ a,
.rating label:hover ~ a {
  color: #00ffac;
  cursor: pointer;
}
.rating2 a {
  float: none;
}
#feedback {
  display: none;
}
.problemoption {
  list-style: disc;
}
#problemOptions,
#problem,
#feedbackForm,
#feedbackForm_unclear,
#feedbackForm_incorrect,
#feedbackForm_missing {
  display: none;
  flex-direction: column;
  align-items: flex-start;
}
#problemOptions {
  margin-left: 20px;
}
ul.api-changes {
  list-style: none;
  padding: 0;
}
ul.api-changes > li {
  margin: 6px 0;
  display: flex;
  align-items: center;
}
ul.api-changes > li > div {
  display: flex;
  flex-direction: column;
}
ul.api-changes > li > div > span {
  color: inherit;
}
ul.api-changes > li > div > span a {
  color: #119c2b;
}
ul.api-changes > li > a {
  color: inherit;
  text-decoration: none;
}
ul.api-changes > li > a:hover {
  text-decoration: underline;
}
ul.api-changes > li.added {
  color: #119c2b;
}
ul.api-changes > li.added:before {
  content: 'A';
  margin-right: 8px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #119c2b;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #f5f5f5;
  font-size: 11px;
  background-color: #1e2024;
}
ul.api-changes > li.changed,
ul.api-changes > li.replaced {
  color: #e8c708;
}
ul.api-changes > li.changed:before,
ul.api-changes > li.replaced:before {
  content: 'C';
  margin-right: 8px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #e8c708;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #f5f5f5;
  font-size: 11px;
  background-color: #1e2024;
}
ul.api-changes > li.removed {
  color: #ff6492;
}
ul.api-changes > li.removed:before {
  content: 'R';
  margin-right: 8px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #ff6492;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #f5f5f5;
  font-size: 11px;
  background-color: #1e2024;
}
#apiList,
#guideList {
  list-style: square;
  padding: 0 0 0 20px;
}
#apiList > li > a,
#guideList > li > a {
  color: #f5f5f5;
}
div.content {
  width: 50em !important;
}
.announcement {
  overflow-y: hidden;
}
a.current.reference.internal {
  text-decoration: underline;
}