@charset "UTF-8";
/* ----------------------------------------------------------- */
/*                     © Aiomax Group 2022                     */
/* ----------------------------------------------------------- */
/* ------------------------------ */
/*             Generic            */
/* ------------------------------ */
/**
* Document
**/
.partials {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: clip;
}

.container {
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .container {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1280px) {
  .container {
    padding: 0 2rem;
  }
}

.body {
  flex: auto;
}
@media (max-width: 1279px) {
  .body .container {
    padding: 0;
  }
}

strong {
  font-weight: 600;
}

p {
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

.code {
  font-size: 95%;
}

.doc-light .partials {
  background-color: white;
}
.doc-dark .partials {
  background-color: var(--gray-900, #242424);
}

/**
* noscript
**/
.noscript {
  display: block;
  background-color: #FCE116;
  color: #810409;
  border: 2px solid #F56262;
}
.noscript a {
  text-decoration: underline;
  color: #BA1E21;
  font-weight: bold;
}
.noscript a:hover {
  text-decoration: none;
  color: #810409;
}

/**
* Partials
**/
.header .inner,
.upper .inner,
.nav .inner,
.main .inner,
.aside .inner,
.lower .inner,
.footer .inner {
  padding: 2rem 0;
  height: 100%;
}

/* ------------------------------ */
/*            Partials            */
/* ------------------------------ */
/**
* Header
**/
.header .inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.header--top {
  height: 50px;
  padding-top: 0;
  padding-bottom: 0;
}
.header--logo {
  height: 50px;
}
.header--logo img {
  margin: 9px 0;
  max-height: 32px;
}
.header--version {
  height: 50px;
  line-height: 50px;
  cursor: pointer;
}
.header--version ul a {
  padding: 0.25rem 0.5rem;
  display: inline-block;
}
.header--links a {
  font-size: 1.5rem;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 45px;
  text-align: center;
  transition: 0.125s;
}
.header--links a i {
  font-size: 1.5rem;
}
.header--links a#change-skin i {
  font-size: 85%;
}
.header--nav {
  height: 75px;
  position: relative;
}
.header--nav::after {
  content: "";
  display: table;
  clear: both;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.header--search {
  height: 75px;
  line-height: 75px;
}
.header--search input {
  margin-top: 1.25rem;
  max-width: 400px;
}
.header--menu a {
  display: inline-block;
  height: 75px;
  line-height: 75px;
  padding: 0 0.75rem;
  text-decoration: none;
  transition: 0.125s;
  font-weight: 500;
  position: relative;
}
.header--menu a::after {
  content: "";
  display: table;
  clear: both;
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 3;
  transition: 0.25s;
}
.header--menu a.active, .header--menu a:hover {
  color: #FFFFFF;
}
.header--menu a.active::after, .header--menu a:hover::after {
  width: 100%;
}
.header #show-nav {
  cursor: pointer;
  font-size: 1.5rem;
  transition: 0.1s;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 1px;
  margin-top: 1.5rem;
}
.header--intro {
  padding: 4rem 0;
}

.doc-light .header--top {
  background-color: #4283F2;
  color: #FFFFFF;
}
.doc-light .header--version a {
  color: #242424;
}
.doc-light .header--version a:hover {
  color: #346FD9;
}
.doc-light .header--version a.active {
  font-weight: 600;
}
.doc-light .header--links a {
  color: #FFFFFF;
}
.doc-light .header--links a:hover {
  background-color: #346FD9;
}
.doc-light .header--nav::after {
  background-color: var(--gray-100, #F4F4F4);
}
.doc-light .header--menu a {
  color: var(--gray-600, #747474);
}
.doc-light .header--menu a.active, .doc-light .header--menu a:hover {
  color: #4283F2;
}
.doc-light .header--menu a.active::after, .doc-light .header--menu a:hover::after {
  background-color: #6A9EF5;
}
.doc-light .header #show-nav {
  color: var(--gray-500, #8E8E8E);
  border-color: var(--gray-400, #A8A8A8);
}
.doc-light .header #show-nav:hover {
  color: #346FD9;
  border-color: #4283F2;
}
.doc-light .header--intro {
  background-color: var(--gray-50, #FAFAFA);
}
.doc-dark .header--top {
  background-color: #4283F2;
  color: #FFFFFF;
}
.doc-dark .header--version a {
  color: #F4F4F4;
}
.doc-dark .header--version a:hover {
  color: #93B8F7;
}
.doc-dark .header--version a.active {
  font-weight: 600;
}
.doc-dark .header--links a {
  color: #FFFFFF;
}
.doc-dark .header--links a:hover {
  background-color: #346FD9;
}
.doc-dark .header--nav::after {
  background-color: var(--gray-800, #3F3F3F);
}
.doc-dark .header--menu a {
  color: var(--gray-200, #DBDBDB);
}
.doc-dark .header--menu a.active, .doc-dark .header--menu a:hover {
  color: #6A9EF5;
}
.doc-dark .header--menu a.active::after, .doc-dark .header--menu a:hover::after {
  background-color: #4283F2;
}
.doc-dark .header #show-nav {
  color: var(--gray-400, #A8A8A8);
  border-color: var(--gray-500, #8E8E8E);
}
.doc-dark .header #show-nav:hover {
  color: #93B8F7;
  border-color: #6A9EF5;
}
.doc-dark .header--intro {
  background-color: var(--gray-850, #313131);
}

/**
* Upper
**/
.upper .inner {
  padding: 2rem 1rem 0;
}
@media (min-width: 768px) {
  .upper .inner {
    padding: 2rem 1.5rem 0;
  }
}
@media (min-width: 1280px) {
  .upper .inner {
    padding: 2rem 2rem 0;
  }
}
.upper h1 {
  margin-bottom: 0;
}

/**
* Nav
**/
@media (min-width: 0) {
  .nav {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .nav {
    width: 275px;
  }
}
.nav .inner {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (max-width: 1023px) {
  .nav .inner {
    padding: 1rem;
  }
}
.nav--logo img {
  max-height: 32px;
}
.nav-fixed {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 50;
  box-shadow: 0 0.1875rem 0.5rem rgba(0, 0, 0, 0.15);
  left: 0;
}
@media (max-width: 1023px) {
  .nav-fixed-responsive {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 50;
    box-shadow: 0 0.1875rem 0.5rem rgba(0, 0, 0, 0.15);
    left: 0;
    transform: translate3d(calc(var(--animation-position, 100%) * -1), 0, 0);
  }
}
@media (min-width: 1024px) {
  .nav-fixed-responsive {
    max-height: 100vh;
    position: sticky;
    top: 0;
  }
}
.nav #hide-nav {
  cursor: pointer;
  transition: 0.1s;
  position: absolute;
  top: 0;
  margin: 1rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
  z-index: 2;
  right: 0;
}
.nav--menu a {
  text-decoration: none;
  display: block;
  padding: 0.375rem 1rem;
  font-weight: 400;
  font-size: 95%;
}
.nav--menu a.active {
  font-weight: 600;
}
.nav--menu ul {
  margin-bottom: 0;
}
.nav--menu ul, .nav--menu li, .nav--menu a {
  border-radius: 0.5rem;
}
@media (min-width: 1024px) {
  .nav--menu .ul {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 1280px) {
  .nav--menu .ul {
    padding-right: 2rem;
    padding-left: 0;
  }
}
.nav--menu .ul > li {
  max-height: 40px;
  transition: all 0.125s, max-height 0.25s linear;
  overflow: hidden;
}
.nav--menu .ul > li ul {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-1rem) !important;
  transition: all 0s, opacity 0.125s, visibility 0.125s, transform 0.125s;
  padding-left: 1rem;
}
.nav--menu .ul > li.open {
  max-height: fit-content;
}
.nav--menu .ul > li.open ul {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}
.nav--menu .ul > li.open > a {
  font-weight: 600;
}
.nav--menu .ul > li > a {
  position: relative;
  transition: all 0.125s, width 0.25s ease;
  font-size: 1rem;
}

@media (min-width: 1024px) {
  .doc-light .nav-fixed-responsive .inner {
    border-right: solid 2px var(--gray-100, #F4F4F4);
  }
}
.doc-light .nav .inner {
  background-color: #FFFFFF;
  color: inherit;
}
.doc-light .nav #hide-nav {
  background-color: var(--gray-50, #FAFAFA);
  box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.14);
  color: var(--gray-500, #8E8E8E);
}
.doc-light .nav #hide-nav:hover {
  background-color: var(--gray-50, #FAFAFA);
  box-shadow: 0 0.1875rem 0.5rem rgba(0, 0, 0, 0.15);
  color: var(--gray-600, #747474);
}
.doc-light .nav--menu a {
  color: var(--gray-600, #747474);
}
.doc-light .nav--menu a:hover {
  color: var(--gray-700, #595959);
  background-color: var(--gray-50, #FAFAFA);
}
.doc-light .nav--menu a.active {
  color: #4283F2;
}
.doc-light .nav--menu li.open > a:not(.active) {
  color: var(--gray-700, #595959);
}
@media (min-width: 1024px) {
  .doc-dark .nav-fixed-responsive .inner {
    border-right: solid 2px var(--gray-800, #3F3F3F);
  }
}
.doc-dark .nav .inner {
  background-color: var(--gray-900, #242424);
  color: inherit;
}
.doc-dark .nav #hide-nav {
  background-color: var(--gray-850, #313131);
  box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.14), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
  color: var(--gray-300, #C1C1C1);
}
.doc-dark .nav #hide-nav:hover {
  background-color: var(--gray-850, #313131);
  color: var(--gray-100, #F4F4F4);
  box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.16), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}
.doc-dark .nav--menu a {
  color: var(--gray-200, #DBDBDB);
}
.doc-dark .nav--menu a:hover {
  color: var(--gray-100, #F4F4F4);
  background-color: var(--gray-850, #313131);
}
.doc-dark .nav--menu a.active {
  color: #6A9EF5;
}
.doc-dark .nav--menu li.open > a:not(.active) {
  color: var(--gray-100, #F4F4F4);
}

/**
* Main
**/
.main .inner {
  padding: 2rem 1rem;
}
@media (min-width: 768px) {
  .main .inner {
    padding: 2rem 1.5rem;
  }
}
@media (min-width: 1280px) {
  .main .inner {
    padding: 2rem;
  }
}
.main--start, .main--features {
  padding: 3rem 1rem;
}
@media (min-width: 768px) {
  .main--start, .main--features {
    padding: 3rem 1.5rem;
  }
}
@media (min-width: 1280px) {
  .main--start, .main--features {
    padding: 3rem 0;
  }
}

/**
* Aside
**/
.aside {
  height: fit-content;
  position: sticky;
  top: 3rem;
  margin-top: 3rem;
}
@media (min-width: 0) {
  .aside {
    width: 100%;
    display: none;
  }
}
@media (min-width: 1280px) {
  .aside {
    width: 225px;
    display: block;
  }
}
.aside .inner {
  border-radius: 0.5rem;
  padding: 1rem 2rem;
}
.aside--item:not(:last-child) {
  margin-bottom: 2rem;
}
.aside--menu a {
  text-decoration: none;
  display: block;
  padding: 0.25rem 0;
  font-weight: 400;
  font-size: 95%;
}
.aside--menu a.active {
  font-weight: 600;
}
.aside--menu ul {
  margin-bottom: 0;
}
.aside--menu ul, .aside--menu li, .aside--menu a {
  border-radius: 0.5rem;
}
.aside--menu .ul > li {
  transition: all 0.125s;
}
.aside--menu .ul > li ul {
  padding-left: 0.75rem;
}
.aside--menu .ul > li > a {
  position: relative;
  transition: all 0.125s;
  font-size: 1rem;
}

.doc-light .aside .inner {
  background-color: var(--gray-50, #FAFAFA);
  color: inherit;
}
.doc-light .aside--menu a {
  color: var(--gray-600, #747474);
}
.doc-light .aside--menu a:hover, .doc-light .aside--menu a.active {
  color: var(--gray-800, #3F3F3F);
}
.doc-dark .aside .inner {
  background-color: var(--gray-850, #313131);
  color: inherit;
}
.doc-dark .aside--menu a {
  color: var(--gray-300, #C1C1C1);
}
.doc-dark .aside--menu a:hover, .doc-dark .aside--menu a.active {
  color: var(--gray-100, #F4F4F4);
}

/**
* Lower
**/
.lower .inner {
  padding: 0 1rem 2rem;
}
@media (min-width: 768px) {
  .lower .inner {
    padding: 0 1.5rem 2rem;
  }
}
@media (min-width: 1280px) {
  .lower .inner {
    padding: 0 2rem 2rem;
    padding-right: 0;
  }
}
.lower--arrows a {
  text-decoration: none;
  font-size: 2.5rem;
}

/**
* Footer
**/
.footer .inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.footer--copy {
  font-size: 1rem;
  text-align: center;
}

.doc-light .footer .inner {
  background-color: var(--gray-100, #F4F4F4);
  color: var(--gray-700, #595959);
}
.doc-dark .footer .inner {
  background-color: var(--gray-850, #313131);
  color: var(--gray-200, #DBDBDB);
}

/*# sourceMappingURL=styles.css.map */
